/*-----------------------------------------------------------------*
 * Custom variables                                                *
 *-----------------------------------------------------------------*
 * These variables will overwrite the base variables (in the base  *
 * folder) as long as theyre included below the base variables.    *
 *-----------------------------------------------------------------*/
.wrapper {
  overflow: hidden;
  padding-top: 55px; }
  @media (min-width: 768px) {
    .wrapper {
      padding-top: 70px; } }

.content-home {
  height: 100%; }
  .content-home .content__topic {
    width: 100%;
    height: 400px; }
    .content-home .content__topic .preview__img {
      height: 100%; }
    .content-home .content__topic .preview__info {
      position: absolute;
      bottom: 5%;
      left: 1em; }
      .content-home .content__topic .preview__info .info__header {
        color: white; }
  .content-home .content__main {
    height: 900px;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto; }
    .content-home .content__main .full-preview {
      height: 50%; }
      .content-home .content__main .full-preview .full-preview__label {
        height: 50px;
        background-color: orange; }
      .content-home .content__main .full-preview .full-preview__group {
        width: 100%;
        height: 100%;
        padding-top: 50px;
        margin-top: -50px;
        text-align: center; }
        .content-home .content__main .full-preview .full-preview__group .preview__img {
          height: 50%; }
        .content-home .content__main .full-preview .full-preview__group .preview__info {
          position: relative;
          height: 50%;
          padding-top: 1em;
          padding-left: 1em; }
          .content-home .content__main .full-preview .full-preview__group .preview__info .info__header {
            font-size: 20px; }
    .content-home .content__main .short-preview {
      height: 50%; }
      .content-home .content__main .short-preview .short-preview-label {
        height: 50px;
        background-color: orange; }
      .content-home .content__main .short-preview .short-preview-group {
        width: 100%;
        height: 100%;
        padding-top: 50px;
        margin-top: -50px;
        text-align: center; }
        .content-home .content__main .short-preview .short-preview-group .preview__img {
          height: 100%; }
        .content-home .content__main .short-preview .short-preview-group .preview__info {
          position: absolute;
          height: 80%;
          left: 1em;
          bottom: 1em; }
          .content-home .content__main .short-preview .short-preview-group .preview__info .info__header {
            position: absolute;
            bottom: 0;
            font-size: 20px;
            color: white; }

.content-article {
  height: 100%; }
  .content-article .content__item {
    position: relative;
    height: 100%; }
    .content-article .content__item .content__item__topic {
      position: relative;
      height: 25%; }
    .content-article .content__item .content__item__article {
      position: absolute;
      width: 100%;
      max-width: 1200px;
      height: 75%;
      top: 22%;
      left: 50%;
      transform: translate(-50%, 0); }
      @media (min-width: 992px) {
        .content-article .content__item .content__item__article {
          top: 20%; } }
      .content-article .content__item .content__item__article .article__header {
        position: relative;
        height: 15%; }
        .content-article .content__item .content__item__article .article__header .preview__info {
          height: 100%; }
      .content-article .content__item .content__item__article .article__main {
        height: 70%; }
        .content-article .content__item .content__item__article .article__main .article__main__content {
          display: inline-block;
          width: 100%;
          height: 100%;
          float: left; }
          @media (min-width: 992px) {
            .content-article .content__item .content__item__article .article__main .article__main__content {
              width: 80%; } }
          .content-article .content__item .content__item__article .article__main .article__main__content .article__text {
            width: 100%;
            height: 80%;
            background-color: orange; }
          .content-article .content__item .content__item__article .article__main .article__main__content .article__share {
            width: 100%;
            height: 10%;
            background-color: yellow; }
          .content-article .content__item .content__item__article .article__main .article__main__content .article__comment {
            width: 100%;
            height: 10%;
            background-color: orange; }
        .content-article .content__item .content__item__article .article__main .article__side__content {
          display: none;
          visibility: hidden;
          width: 20%;
          height: 100%; }
          @media (min-width: 992px) {
            .content-article .content__item .content__item__article .article__main .article__side__content {
              display: inline-block;
              visibility: visible; } }
          .content-article .content__item .content__item__article .article__main .article__side__content .side__content__label {
            height: 10%;
            background-color: red;
            border-color: black;
            border-style: solid; }
          .content-article .content__item .content__item__article .article__main .article__side__content .short-preview__item {
            position: relative;
            width: 100%;
            height: 15%;
            border-color: black;
            border-style: solid; }
      .content-article .content__item .content__item__article .article__footer {
        position: relative;
        height: 15%; }
        .content-article .content__item .content__item__article .article__footer .short-preview-label {
          height: 50px;
          background-color: grey;
          border-color: black;
          border-style: solid; }
        .content-article .content__item .content__item__article .article__footer .short-preview-group {
          width: 100%;
          height: 100%;
          margin-top: -50px;
          padding-top: 50px;
          border-color: black;
          border-style: solid; }
          .content-article .content__item .content__item__article .article__footer .short-preview-group .short-preview__item {
            display: inline-block;
            position: relative;
            float: left;
            width: 100%;
            height: 33.3%;
            border-color: black;
            border-style: solid; }
            @media (min-width: 768px) {
              .content-article .content__item .content__item__article .article__footer .short-preview-group .short-preview__item {
                width: 50%;
                height: 50%; } }
            @media (min-width: 992px) {
              .content-article .content__item .content__item__article .article__footer .short-preview-group .short-preview__item {
                width: 33.3%;
                height: 100%; } }
          .content-article .content__item .content__item__article .article__footer .short-preview-group .short-preview__item:last-child {
            display: none;
            visibility: hidden; }
            @media (min-width: 768px) and (max-width: 991px) {
              .content-article .content__item .content__item__article .article__footer .short-preview-group .short-preview__item:last-child {
                display: inline-block;
                visibility: visible; } }

.content-category {
  height: 100%; }
  .content-category .content__topic {
    width: 100%;
    height: 30%;
    border-color: black;
    border-style: solid; }
  .content-category .content__main {
    height: 70%;
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    border-color: black;
    border-style: solid; }
    .content-category .content__main .full-preview__group {
      width: 100%;
      height: 100%;
      text-align: center;
      border-color: black;
      border-style: solid; }
      .content-category .content__main .full-preview__group .full-preview__item {
        display: inline-block;
        position: relative;
        float: left;
        width: 100%;
        height: 16.7%;
        text-align: center;
        background-color: yellow;
        border-color: black;
        border-style: solid; }
        @media (min-width: 768px) {
          .content-category .content__main .full-preview__group .full-preview__item {
            width: 50%;
            height: 33.3%; } }
        @media (min-width: 992px) {
          .content-category .content__main .full-preview__group .full-preview__item {
            width: 33.3%;
            height: 25%; } }
      @media (max-width: 991px) {
        .content-category .content__main .full-preview__group .full-preview__item:nth-child(n+7) {
          display: none;
          visibility: hidden; } }

.recent_link {
  text-decoration: none; }

.recent_link:hover {
  text-decoration: underline; }

/*# sourceMappingURL=content.css.map */