@import "header.css";
@import "footer.css";
@import "home.css?845";

@font-face {
   font-family: "CinzelBold";
   src: url("../fonts/Cinzel-Bold.eot");
   src: url("../fonts/Cinzel-Bold.woff") format("woff"),
      url("../fonts/Cinzel-Bold.otf") format("opentype"),
      url("../fonts/Cinzel-Bold.svg#filename") format("svg");
}

@font-face {
   font-family: "CinzelRegular";
   src: url("../fonts/Cinzel-Regular.eot");
   src: url("../fonts/Cinzel-Regular.woff") format("woff"),
      url("../fonts/Cinzel-Regular.otf") format("opentype"),
      url("../fonts/Cinzel-Regular.svg#filename") format("svg");
}

@font-face {
   font-family: "Montserrat";
   src: url("../fonts/Montserrat-Regular.eot");
   src: url("../fonts/Montserrat-Regular.woff") format("woff"),
      url("../fonts/Montserrat-Regular.otf") format("opentype"),
      url("../fonts/LMontserratato-Regular.svg#filename") format("svg");
}

body {
   background: #151616;
   overflow-x: hidden;
}

main {
   padding-top: 160px;
}

h1 {
   color: #FFF2DE;
   font-family: 'CinzelBold';
   font-size: 57px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
}

h2 {
   color: #FFF2DE;
   font-family: 'CinzelBold';
   font-size: 36px;
   font-style: normal;
   font-weight: 700;
   line-height: 120%;
}

h3 {
   color: #FFF2DE;
   font-family: 'CinzelBold';
   font-size: 24px;
   font-style: normal;
   font-weight: 700;
   line-height: 150%;
}

h4 {
   color: #F2F2F2;
   font-family: 'CinzelRegular';
   font-size: 24px;
   font-style: normal;
   font-weight: 400;
   line-height: 150%;
}

p {
   color: #F2F2F2;
   font-family: 'Montserrat';
   font-size: 16px;
   font-style: normal;
   font-weight: 400;
   line-height: normal;
}

.hide-medium-up {
   display: none !important;
}

@media screen and (max-width: 781px) {
   h1 {
      font-size: 36px;
      line-height: 120%;
   }

   h2 {
      font-size: 32px;
   }

   h3 {
      font-size: 20px;
   }

   h4 {
      font-size: 20px;
      line-height: normal;
   }

   p {
      color: #F2F2F2;
      font-family: 'Montserrat';
      font-size: 16px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
   }

   .wp-block-navigation__responsive-container-open {
      display: block !important;
   }

   .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
      display: none !important;
   }

   .wp-block-navigation__responsive-container-close svg,
   .wp-block-navigation__responsive-container-open svg {
      fill: #A0886F;
   }

   .hide-medium-up {
      display: block !important;
   }

   .hide-medium-down {
      display: none !important;
   }

   main {
      padding-top: 20px;
   }

   .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
      background: transparent;
   }

   .wp-block-navigation__responsive-close {
      width: 254px;
      background: url('../img/bg-1.png');
      background-position: center;
      background-size: 100% 100%;
      background-repeat: no-repeat;
      padding: 29px 58px 60px;
      height: 319px;
      box-sizing: border-box;
      z-index: 10000;
      margin-right: -30px !important;
   }

   .admin-bar .wp-block-navigation__responsive-dialog {
      margin-top: 28px !important;
   }

   .wp-block-navigation__responsive-container-close svg {
      fill: #A71717;
   }

   .wp-block-navigation .wp-block-navigation-item__content {
      text-align: right;
   }

   .wp-block-navigation .wp-block-navigation-item__label {
      font-family: 'CinzelRegular';
      color: #151616;
      text-align: right;
      font-size: 18px;
      font-style: normal;
      font-weight: 400;
      line-height: normal;
   }

   .fb-icon:before {
      background: url('../icons/ic_baseline-facebook-red.svg');
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
   }

   .yt-icon:before {
      background: url('../icons/mdi_youtube-red.svg');
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
   }

   .fb-icon {
      display: flex;
      align-self: baseline;
   }

   .wp-block-navigation .wp-block-navigation-item.yt-icon {
      align-self: baseline;
      position: absolute;
      bottom: 0;
      left: 50px;
   }

   .wp-block-navigation__container {
      width: 100%;
   }

   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item.login-icon {
      display: none;
   }

   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container {
      gap: 12px !important;
   }

   body header .wp-block-navigation__responsive-container {
      transition: transform 0.4s ease-out;
      animation: unset !important;
      transform: translateX(100%) translateY(0);
      padding: var(--wp--style--root--padding-top, 2rem) var(--wp--style--root--padding-right, 2rem) var(--wp--style--root--padding-bottom, 2rem) var(--wp--style--root--padding-left, 2rem);
      z-index: 10000;
   }

   .wp-block-navigation__responsive-container {
      left: unset;
      right: -4px;
      overflow: hidden !important;
   }

   .wp-block-navigation__responsive-container:not(.is-menu-open.has-modal-open) {
      display: flex !important;
      transform: translateX(100%) translateY(0);
   }

   .wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
      transform: translateX(20px) translateY(0);
      bottom: unset;
      top: -48px;
   }

   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content {
      align-items: var(--navigation-layout-justification-setting, inherit);
      display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      overflow: visible;
      padding-top: calc(2rem + 24px);
      justify-content: flex-start;
   }

   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation-item,
   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-navigation__container,
   .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-content .wp-block-page-list {
      align-items: var(--navigation-layout-justification-setting, initial);
      display: flex;
      flex-direction: column;
   }

   .wp-block-navigation__responsive-container-close svg {
      opacity: 0;
   }

   .wp-block-navigation__responsive-container-close:before {
      content: '';
      width: 22px;
      height: 22px;
      position: absolute;
      background: url('../icons/close.svg');
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      right: 0;
      pointer-events: none;
   }

   .wp-block-navigation a:where(:not(.wp-element-button)):focus {
      text-decoration: none;
   }

   .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open:before {
      content: '';
      width: 47px;
      height: 20px;
      position: absolute;
      background: url('../icons/nav.svg');
      background-position: center;
      background-size: contain;
      background-repeat: no-repeat;
      right: 0;
      pointer-events: none;
   }

   .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
      width: 47px;
   }

   .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open svg {
      opacity: 0;
   }

   .wp-container-3.wp-container-3 {
      justify-content: space-between;
      align-items: baseline;
   }

   .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) {
      display: flex;
      position: fixed;
      z-index: 10000;
      width: inherit;
      bottom: unset;
      top: -48px;
   }
}