body {
     overflow-x: hidden !important;
}

/* # Layout */
/* ## Site Header */
.site-header {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 999998;
     width: 99vw;
     background-color: transparent;
     opacity: 1;
}

.site-header.scrolled {
     background-color: var(--wp--preset--color--base);
     box-shadow: 0px 0px 10px 0px rgba(17, 17, 17, 0.1);
}

.page-template-model .site-header.scrolled {
     background-color: transparent;
     box-shadow: none;
}

.menu-trigger-site-header {
     padding: 18px 20px !important
}

.menu-trigger-site-header>span {
     padding: 0 !important;
}

body:is(.home, .page-template-model) .site-header button>*,
body:is(.home, .page-template-model) .site-header a.iconique-brasil-logo-link p {
     background-color: transparent;
     filter: brightness(1.2) invert(1);
}
body.page-template-model .site-header a.iconique-brasil-logo-link p {
display: none;}
body.page-template-model main p {
     margin: 0px 12px;
}

/* ## Site Footer */
/* ## Site Content */
main {
     margin-block-start: 0;
     margin: 165px 0 0 0;
}

.home main,
.page-template-model main {
     max-width: none !important;
     padding: 0 !important;
     margin: 0 auto !important;
}

h1,
h2 {
     margin-top: 0;
}

.wp-block-post-content h2 {
     font-family: var(--wp--preset--font-family--trjn-davinci);
     letter-spacing: -0.64px;
     line-height: 1.2;
     text-transform: none;
     font-size: 26px;
}

/* ## WP Admin Bar */
.admin-bar .site-header {
     padding-top: 48px;
}

.admin-bar .site-header.scrolled {
     padding-top: 0px;
}

@media only screen and (min-width: 600px) {
     #wpadminbar.scrolled {
          top: unset;
          bottom: 0;
          animation: adminScrolled 2s cubic-bezier(0, 0.55, 0.45, 1) 0s 1 normal forwards;
     }

     #wpadminbar.scrolled.there-is-a-top-at-the-party {
          opacity: 0.5;
          background-color: rgba(255, 255, 255, 0.4);
          box-shadow: none;
          filter: invert(1);
          transition: all 250ms ease-in-out;
     }

     #wpadminbar.scrolled.there-is-a-top-at-the-party:hover {
          opacity: 1;
          background-color: rgba(255, 255, 255, 0.8);
          filter: invert(0);
     }
}

@media only screen and (min-width: 783px) {
     #wpadminbar {
          z-index: 999999;
     }

     .admin-bar .site-header {
          padding-top: 32px;
     }
}


@media only screen and (min-width: 1200px) {
     .gs-dynamicpanel-close {
          right: 16vw !important;
     }
}

@media only screen and (min-width: 1600px) {
     .gs-dynamicpanel-close {
          right: 24vw !important;
     }
}

@media only screen and (min-width: 2000px) {
     .gs-dynamicpanel-close {
          right: 32vw !important;
     }
}




@keyframes fadeIn {
     0% {
          opacity: 0;
     }

     100% {
          opacity: 1;
     }
}

@keyframes adminScrolled {
     0% {
          opacity: 1;
          top: 0;
     }

     20% {
          opacity: 0;
          top: 0;
     }

     25% {
          top: unset;
          bottom: 0;
          transform: translateY(60px);
          opacity: 0;
     }

     100% {
          top: unset;
          bottom: 0;
          transform: translateY(0);
          opacity: 1;
     }
}

/* ### Modal / Lightbox */
.lightbox {
     display: none;
     position: fixed;
     top: 0px;
     left: 0;
     width: 100vw;
     height: 100vh;
     background: rgba(0, 0, 0, 0.8);
     justify-content: flex-start;
     align-items: flex-start;
     z-index: 1000;
}

.lightbox.active {
     display: block;
}

.lightbox-content-wrapper {
     background: white;
     padding: 10px;
     border-radius: 10px;
     text-align: left;
     width: 90%;
     margin: 120px auto 0;
     position: relative;
     max-height: calc(100vh - 180px);
     opacity: 0.25;
     transform: scale(1);
}

.lightbox-thumbnail {
     max-height: calc(100vh - 300px);
     border-radius: 10px;
     overflow: hidden;
     background-position: center;
     background-size: cover;
     background-repeat: no-repeat;
     margin-top: 30px;
}

.lightbox-thumbnail img {
     max-width: 100%;
     height: auto;
     border-radius: 10px;
}

.lightbox-title,
.lightbox-content {
     padding-left: 12px;
}

.lightbox-content-inner {
     overflow: hidden;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     scrollbar-width: none;
     max-height: calc(100vh - 210px);
}

.lightbox-content-inner::-webkit-scrollbar {
     display: none;
}

.lightbox-content-inner:focus {
     outline: none;
     border: none;
}

.lightbox-title {
     margin: 36px 0 24px 0;
     line-height: 1;
     font-weight: 400;
     font-size: 60px !important;
}

.lightbox-thumbnail {
     padding-top: 36px;
}

.lightbox.active .lightbox-content-wrapper {
     animation: fadeIn 800ms cubic-bezier(0, 0.55, 0.45, 1) 0s 1 normal forwards;
}

.close-btn {
     color: var(--wp--preset--color--base);
     border: none;
     padding: 5px 10px;
     cursor: pointer;
     margin-bottom: 10px;
     font-family: var(--wp--preset--font-family--suisse-intl-mono);
     font-size: var(--wp--preset--font-size--small);
     background: none;
     position: absolute;
     top: 40px;
     right: 40px;
     z-index: 10000;
     text-transform: uppercase;
     letter-spacing: 0;
}

@media only screen and (min-width: 768px) {
     .lightbox-content-wrapper {
          padding: 50px;
     }

     .lightbox-title,
     .lightbox-content {
          width: 45%;
          float: left;
          padding-left: 36px;
     }

     .lightbox-thumbnail {
          width: 30%;
          float: right;
     }
}