@font-face {
    font-family: 'PPRader Thin';
    src: url('/system/res/typo/PPRader-Thin/PPRader-Thin.woff2') format('woff2'),
        url('/system/res/typo/PPRader-Thin/PPRader-Thin.woff') format('woff'),
        url('/system/res/typo/PPRader-Thin/PPRader-Thin.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'PPRader Thin V1';
    src: url('/system/res/typo/PPRader-Thin-v1.0/PPRader-Thin.woff2') format('woff2'),
        url('/system/res/typo/PPRader-Thin-v1.0/PPRader-Thin.woff') format('woff'),
        url('/system/res/typo/PPRader-Thin-v1.0/PPRader-Thin.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'PPRader Bold';
    src: url('/system/res/typo/pprader-bold-v1.0/PPRader-Bold.woff2') format('woff2'),
        url('/system/res/typo/pprader-bold-v1.0/PPRader-Bold.woff') format('woff'),
        url('/system/res/typo/pprader-bold-v1.0/PPRader-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}




*, div, p {
    font-family: 'Roboto', sans-serif;
    font-family: 'PPRader Bold'!important;
    outline: none;
    -webkit-appearance:none;
    box-sizing: border-box;
}

input[type=checkbox] {
    -webkit-appearance:checkbox;
}

select {
    -webkit-appearance:select;
}

a {
    text-decoration: none;
}
.none {
    display: none;
}

.logo {
      font-size: 40px;
      color: white;
      font-weight: bold;
      position: fixed;
      left: 20px;
      top: 20px;
      display: inline-block;
      color: transparent;
      background-image: url(/system/res/img/sandor.png);
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center center;
}


.menu {
      display: inline-block;
      position: fixed;
      top: 20px;
      right: 20px;
}


.menu .item {
      display: flex;
      justify-content: flex-end;
      align-items: center;
      cursor: pointer;
}

.menu .item p {
      color: rgba(255, 255, 255, 0.8);
      font-size: 15px;
      margin-right: 10px;
      transform: translateX(20px);
      opacity: 0;
      transition: 0.15s;
      font-weight: bold;
}

.menu .item:hover p {
      transform: translateX(0px);
      opacity: 1;
}

.menu .item .img {
      width: 50px;
      height: 50px;
      background-repeat: no-repeat;
      background-position: center center;
      background-size: cover;
}

body {
      background-color: #0c008b;
      background-image: url(/system/res/img/background.png);
      background-repeat: repeat;
      background-size: 100% auto;
}




footer {
      width: 100%;
}
footer img {
      width: 100%;
}



.minHeight {
      width: 100%;
      min-height: 100vh;
      display: flex;
      justify-content: space-around;
      align-items: center;
}


.minHeight .content {
      width: 80%;
      max-width: 1500px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
}

.minHeight .content .text {
      width: 100%;
}

.minHeight .content .text p {
      width: 100%;
      font-size: 17px;
      color: #e1a521;
      padding: 10px;
      line-height: 1.4;
      padding-right: 70px;
      text-align: justify;
}

.minHeight .content .text .title {
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 20px;
}

.minHeight .content .text .title img {
      width: 200px;
}

.minHeight .content .text .title span {
      font-size: 30px;
      color: #e1a521;
      font-weight: bold;
      margin-left: 20px;
}


.minHeight .content img {
      width: 200px;
}


.minHeight .content_monologue {
      width: 80%;
      max-width: 1500px;
}

.minHeight .content_monologue .title {
      width: 100%;
      display: flex;
      justify-content: flex-start;
      align-items: center;
      margin-bottom: 25px;
}

.minHeight .content_monologue .title img {
      width: 80px;
}
.minHeight .content_monologue .title span {
      font-size: 30px;
      color: #e1a521;
      font-weight: bold;
      margin-left: 20px;
}

.minHeight .content_monologue .video {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 40px;
}

.minHeight .content_monologue .video iframe {
      width: 49%;
      aspect-ratio: 16 / 9;
}

.minHeight .content_monologue .video .text {
      width: 49%;
      padding: 15px;
}

.minHeight .content_monologue .video .text h2 {
      font-size: 20px;
      color: #e1a521;
      font-weight: bold;
      margin-left: 10px;
}


.minHeight .content_monologue .video .text p {
      width: 100%;
      font-size: 17px;
      color: #e1a521;
      padding: 10px;
      line-height: 1.4;
      text-align: justify;
      font-family: 'PPRader Thin'!important;
}

#monologues {
      margin-top: 10vh;
}



.links {
      width: 80%;
      /* max-width: 1500px; */
      margin: auto;
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
}

.links .social {
      width: 35%;
}

.links .social span {
      font-size: 25px;
      color: #e1a521;
      font-weight: bold;
      display: block;
      text-align: center;
      margin-bottom: 25px;
}

.links .social .elements {
      width: 100%;
      display: flex;
      justify-content: space-around;
}

.links .social .elements img {
      width: 40px;
      transition: 0.1s;
}

.links .social .elements img:hover {
      transform: scale(1.3) rotateZ(7deg);
}


.links .newsletter {
      width: 35%;
}

.links .newsletter span {
      font-size: 25px;
      color: #e1a521;
      font-weight: bold;
      display: block;
      text-align: center;
      margin-bottom: 25px;
}

.links .newsletter input {
      width: 100%;
      background: #0b008a;
      color: #e1a521;
      font-size: 17px;
      padding: 10px;
      text-align: center;
      border: 2px solid #e1a521;
      border-radius: 12px;
      font-family: 'PPRader Thin'!important;
}



@media screen and (max-width: 1300px) {
      .minHeight .content_monologue {
            width: 95%;
      }
}


@media screen and (max-width: 1000px) {
      .minHeight .content_monologue .video {
            flex-wrap: wrap;
      }
      .minHeight .content_monologue .video iframe {
            width: 100%;
            order: 1;
      }
      .minHeight .content_monologue .video .text {
            width: 100%;
            order: 2;
      }
      body {
            padding-top: 10vh;
      }

      .links {
            flex-wrap: wrap;
            justify-content: space-around;
      }
      .links .social {
            width: 80%;
            margin-bottom: 100px;
      }
      .links .newsletter {
            width: 80%;
            margin-bottom: 50px;
      }



}

@media screen and (max-width: 550px) {
      /*.menu {
            top: 100px;
      }*/
      .logo {
            right: 20px;
            text-align: center;
      }
      .minHeight .content_monologue .video .text p {
            font-size: 14px;
      }
      /*
      .menu .item p {
            display: none;
      }
      .menu .item:hover p {
            display: block;
      }*/
      .minHeight .content_monologue .title span {
            font-size: 25px;
            margin-left: 8px;
      }




      .menu {
            top: 80px;
            left: 15%;
            right: 15%;
            display: flex;
            justify-content: space-around;
            align-items: center;
      }
      .menu .item p {
            position: fixed;
            top: 140px;
            text-align: center;
            transform: translateX(0px) scale(0);
            left: 0;
            right: 0;
      }
      .menu .item p:hover {
            transform: translateX(0px) scale(1);
      }


      .links .social {
            width: 90%;
      }
      .links .newsletter {
            width: 90%;
      }

}














/**/