.content-item-page {
  max-width: 1200px;
  margin: 0 auto 1rem;
  /* 
        .comments {
            .comments-heading {
                font-size: 1.4rem;
                span {
                    padding-bottom: 0.5rem;
                    border-bottom: 1px solid #fcc8d2;
                }
            }
            .comment {
                border-bottom: 1px solid #fcc8d2;    
                width: 100%;            
                .comment-heading {
                    .comment-metadata {
                        display: inline-flex;
                        flex-direction: column;
                        justify-content: space-around;
                        vertical-align: middle;
                        padding: 0.5rem;
                        .comment-title {
                            font-size: 1.4rem;
                        }
                        .comment-credit {
                            font-size: 1.0rem;
                            .comment-author {
                                a {
                                    color: #ef445d !important;
                                }
                            }
                        }
                    }
                }
                .comment-body {
                    padding: 1rem 0 0;
                    font-size: 1.2rem;    
                    a {
                        text-decoration: underline !important;    
                    }
                    img {
                        max-width: 100%;
                        height: auto;    
                    }
                }
            }
        } 
    */ }
  .content-item-page .content-library-heading {
    padding: 0.5rem;
    text-align: center;
    color: #ef445d;
    font-size: 1.5rem;
    font-family: "Future PT ExtraBold";
    text-decoration: underline;
    text-transform: uppercase; }
  .content-item-page .content-item {
    margin: 1rem auto;
    width: 100%;
    padding: 0;
    border: 1px solid #ef445d;
    margin: 1rem 0; }
    .content-item-page .content-item .summary {
      display: flex; }
      .content-item-page .content-item .summary .thumbnail {
        flex: 1;
        display: inline-block;
        position: relative; }
        .content-item-page .content-item .summary .thumbnail img {
          width: 100%;
          height: auto; }
      .content-item-page .content-item .summary .body {
        flex: 1;
        padding: 0 0.5rem;
        font-family: "Arial Narrow";
        color: #444;
        font-size: 1.3rem;
        position: relative; }
        .content-item-page .content-item .summary .body .metadata {
          display: flex;
          flex-direction: column;
          height: 100%;
          padding: 1rem 1rem 0; }
          .content-item-page .content-item .summary .body .metadata .title {
            font-size: 1.5rem;
            font-weight: bold; }
          .content-item-page .content-item .summary .body .metadata .project a, .content-item-page .content-item .summary .body .metadata .title a {
            color: #ef445d; }
          .content-item-page .content-item .summary .body .metadata .content-link {
            margin-top: auto;
            text-align: center; }
            .content-item-page .content-item .summary .body .metadata .content-link a {
              font-size: 1.5rem;
              font-family: "Future PT ExtraBold";
              width: 100%;
              padding: 0.5rem 0.5rem;
              text-decoration: none;
              color: #FFF;
              background-color: #ef445d; }
            .content-item-page .content-item .summary .body .metadata .content-link :hover {
              background-color: #fff;
              border-color: #ef445d;
              color: #ef445d; }
    .content-item-page .content-item .description {
      padding: 1rem;
      width: 100%; }
  .content-item-page .content-item-comments {
    max-width: 100%;
    margin: 2rem auto 0.5rem;
    padding: 1rem 0;
    font-family: "Arial Narrow", Arial;
    color: #444; }
    .content-item-page .content-item-comments .comment {
      border-bottom: 1px solid #fcc8d2;
      width: 100%; }
      .content-item-page .content-item-comments .comment .comment-heading .user-profile-compact {
        display: inline-block; }
      .content-item-page .content-item-comments .comment .comment-heading .comment-metadata {
        display: inline-flex;
        flex-direction: column;
        justify-content: space-around;
        vertical-align: middle;
        padding: 0.5rem; }
        .content-item-page .content-item-comments .comment .comment-heading .comment-metadata .comment-title {
          font-size: 1.4rem; }
        .content-item-page .content-item-comments .comment .comment-heading .comment-metadata .comment-credit {
          font-size: 1.0rem; }
          .content-item-page .content-item-comments .comment .comment-heading .comment-metadata .comment-credit .comment-author a {
            color: #ef445d !important; }
      .content-item-page .content-item-comments .comment .comment-body {
        padding: 1rem 0 0;
        font-size: 1.2rem; }
        .content-item-page .content-item-comments .comment .comment-body a {
          text-decoration: underline !important; }
        .content-item-page .content-item-comments .comment .comment-body img {
          max-width: 100%;
          height: auto; }
    .content-item-page .content-item-comments .field--name-subject label,
    .content-item-page .content-item-comments .form-item-comment-body-0-value label {
      font-size: 1.2rem; }
  .content-item-page .content-item-comments-form .add-your-comment {
    padding: 1rem 0;
    font-family: "Future PT ExtraBold";
    font-size: 1.6rem;
    color: #ef445d; }
  .content-item-page .content-item-comments-form #comment-form {
    width: 100%;
    max-width: 1200px;
    margin: 0; }
    .content-item-page .content-item-comments-form #comment-form div {
      padding-left: 0;
      padding-right: 0; }
      .content-item-page .content-item-comments-form #comment-form div fieldset {
        padding-left: 0;
        padding-right: 0; }
    .content-item-page .content-item-comments-form #comment-form .form-item-new-topic-subscribe {
      padding-left: 2rem; }
    .content-item-page .content-item-comments-form #comment-form #edit-langcode-wrapper {
      display: none; }
    .content-item-page .content-item-comments-form #comment-form .js-filter-wrapper {
      display: none; }
  .content-item-page .content-item-comments-form #edit-actions {
    padding: 0;
    text-align: right;
    margin: 0; }
    .content-item-page .content-item-comments-form #edit-actions .btn {
      font-family: "Future PT ExtraBold";
      font-size: 1.6rem;
      border: 1px solid #ef445d;
      background-color: #ef445d;
      color: #fff; }
      .content-item-page .content-item-comments-form #edit-actions .btn:hover, .content-item-page .content-item-comments-form #edit-actions .btn:active, .content-item-page .content-item-comments-form #edit-actions .btn:focus {
        color: #ef445d;
        background-color: #fff; }
    .content-item-page .content-item-comments-form #edit-actions #edit-submit {
      content: "Submit"; }
    .content-item-page .content-item-comments-form #edit-actions #edit-preview {
      display: none; }