@font-face {
  font-family: PlayfairDisplay-Bold;
  src: url("../fonts/PlayfairDisplay-Bold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: PlayfairDisplay-ExtraBold;
  src: url("../fonts/PlayfairDisplay-ExtraBold.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Ubuntu-Light;
  src: url("../fonts/Ubuntu-Light.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Ubuntu-Regular;
  src: url("../fonts/Ubuntu-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Ubuntu-Medium;
  src: url("../fonts/Ubuntu-Medium.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: Unbounded-Regular;
  src: url("../fonts/Unbounded-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal; }
body {
  background: #FFF; }

main {
  padding-top: 10rem;
  position: relative; }

#site-header {
  background-image: url(../images/header.png), linear-gradient(156deg, #6D73F7 0%, #4F42E3 62.5%, #281AC8 97.71%);
  color: #FFF;
  height: 74rem;
  background-size: 190rem auto, cover;
  background-repeat: no-repeat;
  background-position: bottom center;
  font-family: "PlayfairDisplay-ExtraBold"; }

.header-inner {
  justify-content: flex-end; }

.header-titles {
  padding-left: 10.6rem;
  display: flex;
  flex-direction: column; }
  .header-titles .site-title {
    font-size: 8.7rem;
    text-transform: uppercase;
    line-height: 115%;
    letter-spacing: 5.5px;
    margin: 0;
    padding-top: 12.8rem;
    margin-bottom: 4rem; }
  .header-titles .site-description {
    font-family: "Ubuntu-Light";
    font-size: 4.9rem;
    color: #FFF;
    line-height: 115%;
    margin: 0;
    margin-bottom: 3rem; }
  .header-titles .site-duration {
    font-family: "Ubuntu-Medium";
    color: #000;
    background: #FFF;
    border-radius: 4rem;
    padding: 0.58rem 6.3rem;
    font-size: 2.9rem; }
    .header-titles .site-duration p {
      margin-bottom: 0; }

.entry-content {
  padding-top: 12rem;
  margin-bottom: 6rem;
  background: url(../images/line-back.svg) no-repeat calc(((100% - 58rem) / 2) - 128rem) 0; }
  .entry-content:nth-of-type(odd) {
    background: url(../images/line.svg) no-repeat calc(((100% - 58rem) / 2) + 188rem) 0; }
    .entry-content:nth-of-type(odd) .entry-cat-title {
      flex-direction: row; }
      .entry-content:nth-of-type(odd) .entry-cat-title .entry-cat-counter {
        padding-left: 3rem;
        margin-right: -1rem; }
  .entry-content:nth-of-type(5) {
    padding-bottom: 17rem; }
  .entry-content#cat-4 .post-wrapper-inside, .entry-content#cat-9 .post-wrapper-inside {
    flex-direction: column;
    position: static;
    justify-content: space-between; }
    .entry-content#cat-4 .post-wrapper-inside .post-content, .entry-content#cat-9 .post-wrapper-inside .post-content {
      width: 100%;
      position: relative;
      height: calc(100% - 26rem); }
    .entry-content#cat-4 .post-wrapper-inside .thumbnail, .entry-content#cat-9 .post-wrapper-inside .thumbnail {
      width: 100%;
      height: 26rem;
      border-radius: 0;
      border-bottom-left-radius: 15px;
      border-bottom-right-radius: 15px; }
      .entry-content#cat-4 .post-wrapper-inside .thumbnail img, .entry-content#cat-9 .post-wrapper-inside .thumbnail img {
        width: 100%;
        height: auto;
        top: auto; }
  .entry-content#cat-7 .entry-cat-counter {
    display: none; }
  .entry-content#cat-7 .post-content {
    width: 55%;
    padding-right: 9rem;
    padding-bottom: 8rem; }
  .entry-content#cat-7 .post-wrapper {
    width: 100%; }
    .entry-content#cat-7 .post-wrapper-inside {
      min-height: 44rem; }
    .entry-content#cat-7 .post-wrapper .thumbnail {
      width: 45%;
      background: #7278FF;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 2rem; }
      .entry-content#cat-7 .post-wrapper .thumbnail img {
        position: static;
        width: 28rem;
        height: auto; }
  .entry-content:last-of-type {
    padding-bottom: 6rem;
    margin-bottom: 0; }
  .entry-content#cat-8 .entry-cat-content {
    justify-content: flex-end; }
.entry-cat {
  max-width: 120rem !important;
  margin: auto; }
  .entry-cat-title {
    font-family: "PlayfairDisplay-Bold";
    line-height: 115%;
    letter-spacing: 2.8px;
    text-transform: uppercase;
    font-size: 7rem;
    margin-bottom: 6rem;
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    align-items: flex-end; }
  .entry-cat-counter {
    color: #1400FF;
    font-family: "Ubuntu-Light";
    line-height: 15.7rem;
    letter-spacing: 0;
    text-transform: uppercase;
    font-size: 19rem;
    margin-right: 5rem; }
  .entry-cat-content {
    display: flex;
    margin: 0 -1.2rem;
    flex-wrap: wrap; }

.post-wrapper {
  padding: 0 1.2rem;
  width: 50%;
  margin-bottom: 3rem; }
  .post-wrapper-inside {
    position: relative;
    border-radius: 16px;
    background: #FFF;
    box-shadow: 0px 9px 25px 0px rgba(217, 219, 225, 0.8);
    height: 100%;
    display: flex;
    justify-content: flex-end; }
  .post-wrapper .time-duration {
    position: absolute;
    top: -1rem;
    right: -1rem;
    z-index: 2;
    background: url(../images/time.svg) no-repeat 0.9rem 2.6rem #070E15;
    color: #FFF;
    width: 7.2rem;
    height: 7.2rem;
    border-radius: 14rem;
    padding-top: 2rem; }
    .post-wrapper .time-duration.time-duration-extend {
      padding-top: 1.6rem;
      background-position: 1.3rem 2.1rem; }
      .post-wrapper .time-duration.time-duration-extend span {
        letter-spacing: 0;
        padding-left: 3.2rem; }
    .post-wrapper .time-duration span {
      font-family: "Ubuntu-Regular";
      letter-spacing: -1px;
      font-size: 2.2rem;
      padding-left: 2.9rem;
      line-height: 1px; }
    .post-wrapper .time-duration strong {
      display: block;
      text-align: center;
      font-weight: normal;
      font-size: 1.8rem; }
  .post-wrapper h2 {
    margin-top: 0;
    font-family: "PlayfairDisplay-ExtraBold";
    line-height: 135%;
    letter-spacing: 1.28px;
    font-size: 3.2rem;
    margin-bottom: 1.3rem; }
  .post-wrapper .thumbnail {
    height: 100%;
    overflow: hidden;
    position: relative;
    border-top-right-radius: 16px;
    border-bottom-right-radius: 15px;
    width: 33%; }
    .post-wrapper .thumbnail img {
      height: 100%;
      width: auto;
      position: absolute;
      top: 0;
      right: 0;
      max-width: none; }
.post-content {
  padding: 2.5rem 3.3rem 7.5rem 3.3rem;
  height: 100%;
  width: 67%;
  min-height: 30rem; }
  .post-content p {
    font-family: "Ubuntu-Light";
    line-height: 150%;
    letter-spacing: -0.15px;
    font-size: 1.5rem;
    margin-bottom: 0; }
  .post-content .wp-block-buttons {
    position: absolute;
    bottom: 2.3rem;
    left: 3.3rem; }
    .post-content .wp-block-buttons .wp-block-button__link {
      font-family: "Ubuntu-Medium";
      text-transform: none;
      color: #1400FF;
      border-radius: 16px;
      border: 1px solid #000;
      padding: 0.5rem 3rem;
      font-weight: normal;
      background: transparent;
      transition: .3s; }
      .post-content .wp-block-buttons .wp-block-button__link:not([href]) {
        cursor: default; }
        .post-content .wp-block-buttons .wp-block-button__link:not([href]):hover {
          transform: none; }
      .post-content .wp-block-buttons .wp-block-button__link:hover {
        text-decoration: none;
        transform: translateY(2px); }

#site-footer {
  background: #070E15;
  color: #FFF;
  font-family: "Unbounded-Regular"; }
  #site-footer h1 {
    font-family: "PlayfairDisplay-Bold";
    font-size: 4.3rem;
    letter-spacing: 1.72px; }
  #site-footer .footer-supports {
    display: flex; }
    #site-footer .footer-supports a {
      color: #FFF; }
    #site-footer .footer-supports-contact {
      display: flex;
      margin-left: 22rem; }
    #site-footer .footer-supports .footer-widget {
      font-size: 2rem;
      padding-right: 6rem; }
      #site-footer .footer-supports .footer-widget p {
        line-height: 177%; }

.counter {
  display: flex;
  font-family: "Ubuntu-Regular";
  text-transform: uppercase;
  font-size: 3rem;
  align-items: center; }
  .counter-text {
    font-size: 3rem;
    text-transform: uppercase; }
  .counter-box {
    transform: rotate(90deg);
    width: 100%;
    display: flex;
    justify-content: center;
    position: fixed;
    top: 50%;
    right: -40%; }
  .counter-dot {
    border: 1px solid #1400FF;
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 20rem;
    margin-right: 0.8rem; }
    .counter-dot:nth-of-type(4), .counter-dot:nth-of-type(5) {
      border: 1px solid #000; }
    .counter-dot:last-of-type {
      margin-right: 2rem; }
  .counter-number {
    color: #1400FF;
    font-family: "Ubuntu-Light";
    font-size: 2.8rem;
    margin-right: 0.8rem; }