/* ==========================================================================
HELPERS CLASSES
========================================================================== */

:root {
   --icon-angle: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   --bs-gutter-y: 1.5rem;
   --border-color: #A9A8A8;
   --header-size: 70px;
}

a:where(:not(.wp-element-button)) {
   text-decoration-thickness: 1px;
}

body {
   font-variation-settings: "wght" 300, "wdth" 80;
   font-variant-numeric: lining-nums proportional-nums;
   letter-spacing: -3%;
}

.mark,
mark {
   padding: unset;
   color: unset;
   background-color: unset;
}

figure {
   margin: unset;
}

b,
strong {
   font-weight: 700;
}

body.no-scroll {
   overflow: hidden;
   padding-inline-end: 0px;
}

.overlay {
   position: fixed;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   display: none;
}

summary {
   list-style: none;
}

summary::-webkit-details-marker {
   display: none;
}

.grecaptcha-badge {
   right: -300px !important;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
   -webkit-appearance: none;
   margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
hr {
   margin-block-start: var(--wp--custom--main-size);
   margin-block-end: 0;
   &:first-child {
      margin-block-start: 0;
   }
}

a {
   outline: 0;
   &:hover,
   &:focus,
   &:active {
      outline: 0;
   }
}

.btn-close:focus,
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn.focus:active,
.btn:active:focus,
.btn:focus {
   outline: 0;
   box-shadow: none;
}

.form-control:focus {
   border-color: none;
   box-shadow: none;
}

img {
   max-width: 100%;
   height: auto;
}

.map {
   line-height: 1;
   iframe {
      width: 100%;
   }
}

@media (max-width: 1199px) {
   .mobile-scroll::-webkit-scrollbar {
      display: none;
   }
   .mobile-scroll.list-posts.list-post-grid {
      width: 100vw;
      margin-inline: -1.5rem !important;
      padding-inline: 1.5rem;
      display: flex;
      flex-wrap: nowrap;
      gap: var(--wp--custom--main-size);
      overflow-x: auto;
      scrollbar-width: none;
      -webkit-overflow-scrolling: touch;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      >* {
         flex: 1 0 min(90%, 400px);
      }
   }
}


.loading {
   position: fixed;
   width: 100%;
   height: 100%;
   z-index: 9999;
   left: 0;
   top: 0;
   background-color: rgba(255, 255, 255, .75);
   text-align: center;
   place-content: center;
   display: none;
}

.loader {
   width: 3rem;
   height: 3rem;
   border: 5px solid var(--wp--preset--color--primary);
   border-bottom-color: transparent;
   border-radius: 50%;
   display: inline-block;
   box-sizing: border-box;
   animation: loaderRotation 0.8s linear infinite;
}

@keyframes loaderRotation {
   0% {
      transform: rotate(0deg);
   }
   100% {
      transform: rotate(360deg);
   }
}


/* ==========================================================================
FORMS
========================================================================== */

::placeholder {
   opacity: 0.9;
}

label {
   display: block;
}

select,
input[type='text'],
input[type='url'],
input[type='date'],
input[type='file'],
input[type='email'],
input[type='tel'],
input[type='number'],
input[type='password'],
input[type='number'],
input[type='file'],
input[type='search'],
textarea {
   display: block;
   width: 100%;
   padding: .2rem 1.25rem;
   line-height: 1.5;
   background-clip: padding-box;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
   border: 1px solid var(--border-color);
   border-radius: 3rem;
   color: var(--wp--preset--color--primary);
   background-color: #D9D9D9;
   border: 1px solid #A9A8A8;
   &:focus {
      outline: none;
      box-shadow: none;
   }
   &[readonly] {
      background-color: #e9ecef;
      opacity: 1;
   }
}

textarea {
   height: 120px;
}

select {
   -moz-padding-start: calc(0.75rem - 3px);
   line-height: 1.5;
   background-repeat: no-repeat;
   background-position: right 0.75rem center;
   background-size: 1.25rem auto;
   background-image: var(--icon-angle);
}

button,
input[type='button'],
input[type='submit'] {
   border: none;
   background: transparent;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
   -webkit-user-select: none;
   -moz-user-select: none;
   user-select: none;
   display: inline-block;
}

.wp-block-read-more,
.wp-block-post-excerpt__more-link,
.wp-element-button,
.wp-block-button.is-style-outline .wp-element-button,
.wp-block-button__link,
.btn,
button,
.woocommerce .button,
input[type='button'],
input[type='submit'] {
   display: inline-block;
   text-align: center;
   padding: var(--wp--custom--button-padding-y) var(--wp--custom--button-padding-x) calc(0.25em + 2px);
   border-width: var(--wp--custom--button-border-width);
   border-style: var(--wp--custom--button-border-style);
   border-radius: var(--wp--custom--button-border-radius);
   transition: all .5s ease-in-out;
   font-variation-settings: "wght" 300, "wdth" 100;
}

.wp-block-read-more,
.wp-block-post-excerpt__more-link,
.btn-custom,
.xoo-wsc-ft-btn,
.xoo-wsc-body a.xoo-wsc-btn,
.woocommerce .button,
input[type='button'],
input[type='submit'] {
   text-decoration: none;
   background-color: var(--wp--preset--color--primary);
   color: #FFF;
   border-color: var(--wp--preset--color--primary);
   &:hover {
      color: var(--wp--preset--color--primary);
      background-color: #FFF;
      border-color: var(--wp--preset--color--primary);
   }
   &.sib-default-btn {
      background: transparent;
      color: var(--wp--preset--color--primary);
      padding-block-start: .3em;
      padding-block-end: .2em;
      &:hover {
         background-color: var(--wp--preset--color--primary);
         color: #FFF;
      }
   }
}

.sib_signup_box_inside_1 {
   display: flex;
   flex-wrap: wrap;
   gap: calc(var(--wp--custom--main-size) * .5);
   .sib_msg_disp {
      flex: 100%;
      font-size: 18px;
   }
   p {
      display: block;
      margin: 0;
   }
   p.sib-email-area {
      flex: 1;
   }
   p:last-child {
      flex: 0;
   }
}

form#sib_signup_form_1 p.sib-alert-message {
   margin-bottom: 10px;
}

.wp-block-button {
   &.is-style-outline {
      .wp-block-button__link {
         &:hover {
            border-color: var(--wp--preset--color--primary);
            background-color: #FFF;
            color: var(--wp--preset--color--primary);
         }
      }
   }
}

.wp-block-button {
   &.is-style-alternative {
      .wp-block-button__link {
         background-color: var(--wp--preset--color--secondary);
         border-color: var(--wp--preset--color--secondary);
         color: #FFF;
         &:hover {
            background-color: var(--wp--custom--color-secondary-hover);
            border-color: var(--wp--custom--color-secondary-hover);
         }
      }
   }
}

.btn-link {
   --bs-btn-color: var(--wp--preset--color--primary);
   --bs-btn-hover-color: var(--wp--custom--color-primary-hover);
   --bs-btn-active-color: var(--wp--custom--color-primary-hover);
   --bs-btn-disabled-color: #6c757d;
   padding: 0;
   border: 0;
   font-size: inherit;
}


.light-form {
   ::placeholder {
      opacity: 0.8;
      color: #FFF;
   }
   a,
   label {
      color: #FFF;
   }
   select,
   input[type='text'],
   input[type='url'],
   input[type='date'],
   input[type='file'],
   input[type='email'],
   input[type='tel'],
   input[type='number'],
   input[type='password'],
   input[type='number'],
   input[type='file'],
   input[type='search'],
   textarea {
      background: none;
      color: #FFF;
      border-color: currentColor;
   }
   select {
      background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23FFF'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
   }
}

.alm-btn-wrap {
   margin: 0;
   padding: 0;
}

/* ==========================================================================
OWL CAROUSEL
========================================================================== */

.owl-carousel {
   --owl-button-size: 2.813rem;
   position: relative;
   width: 100%;
   &:not(.owl-loaded) {
      display: flex !important;
      opacity: 0;
   }
   .owl-stage {
      /* display: flex; */
      flex-wrap: wrap;
   }
   &.owl-theme {
      .owl-nav:not(.disabled) {
         margin-top: var(--wp--custom--main-size);
         text-align: unset;
         display: flex;
         justify-content: center;
         gap: calc(var(--wp--custom--main-size) * .5);
         button {
            span {
               display: none;
            }
         }
         [class*="owl-"] {
            transition: background-color 0.3s ease-out;
            width: var(--owl-button-size);
            height: calc(var(--owl-button-size) * .5);
            overflow: hidden;
            margin: 0;
            position: relative;
            line-height: 1;
            &::after {
               content: '→';
               display: block;
            }
            &.owl-prev {
               transform: scaleX(-1);
            }
         }
         [class*="owl-"] {
            margin-block: 0;
         }
         [class*="owl-"].disabled {
            opacity: 0.5;
            pointer-events: none;
         }
         [class*="owl-"]:hover {
            background-color: transparent;
            color: var(--wp--preset--color--primary);
         }
      }
   }
}

.owl-theme {
   .owl-nav.disabled+.owl-dots {
      margin-top: var(--wp--custom--main-size);
   }
   .owl-dots {
      margin-top: var(--wp--custom--main-size);
      line-height: 1;
      .owl-dot {
         span {
            width: 1rem;
            height: 1rem;
            margin: .25rem;
            background: none;
            border: 1px solid var(--wp--preset--color--primary);
            transition: background .3s ease-out;
         }
         &.active,
         &:hover {
            span {
               background-color: var(--wp--custom--color-primary-hover);
               opacity: 1;
            }
         }
      }
   }
}

@media (min-width: 992px) {
   .is-style-middle-arrows {
      position: relative;
      .owl-carousel {
         .owl-nav {
            mix-blend-mode: exclusion;
            margin-top: 0 !important;
            position: absolute;
            top: calc(50% - 1.563rem);
            left: 0;
            width: 100%;
            pointer-events: none;
            display: flex;
            justify-content: space-between !important;
            padding-inline: var(--wp--custom--main-size);
            button {
               margin: 0;
               pointer-events: auto;
            }
         }
      }
   }
}

/* ==========================================================================
NAVIGATION
========================================================================== */

.navigation {
   font-size: clamp(1.25rem, 0.8796rem + 1.8519vw, 2.5rem);
   .screen-reader-text {
      display: none;
   }
   &.pagination {
      .nav-links {
         width: 100%;
         display: flex;
         justify-content: center;
         gap: calc(var(--wp--custom--main-size) / 1.5);
         line-height: 1;
      }
      a,
      span {
         border: none;
         transition: opacity 0.3s ease-out;
         text-decoration: none;
      }
      a:hover,
      span.current {
         opacity: 0.5;
      }
   }
}

nav.woocommerce-pagination,
.wp-block-query-pagination {
   padding-top: calc(var(--wp--custom--main-size) * 2);
   margin-block-start: 0;
   line-height: 1;
   .page-numbers {
      list-style: none;
   }
   .page-numbers,
   .wp-block-query-pagination-numbers {
      display: flex;
      justify-content: center;
      gap: calc(var(--wp--custom--main-size) / 1.5);
      a,
      span {
         border: none;
         color: var(--wp--preset--color--primary);
         transition: opacity 0.3s ease-out;
         text-decoration: none;
      }
      a:hover,
      span.current {
         opacity: 0.5;
      }
   }
   .wp-block-query-pagination-previous-arrow,
   .wp-block-query-pagination-next-arrow {
      margin: 0;
      line-height: 1;
   }
}

.wp-block-query-pagination>.wp-block-query-pagination-next,
.wp-block-query-pagination>.wp-block-query-pagination-numbers,
.wp-block-query-pagination>.wp-block-query-pagination-previous {
   margin: 0;
}

/* ==========================================================================
404
========================================================================== */

.error404 {
   main {
      place-content: center;
   }
   section {
      h1 {
         line-height: 1;
      }
      h2 {
         line-height: 1;
      }
   }
}

/* ==========================================================================
GENERAL
========================================================================== */

a:where(:not(.wp-element-button)) {
   transition: color .3s ease-out;
}

table {
   width: 100%;
   max-width: 100%;
   background-color: transparent;
   &:not(:first-child) {
      margin-block-start: var(--wp--custom--main-size);
   }
}

table:not(.variations) td,
table:not(.variations) th {
   padding: .3rem;
}

table:not(.variations) td,
table:not(.variations) th {
   border-top: 1px solid #dee2e6;
}

.container,
.container-xl,
.container-xxl {
   padding-inline: var(--wp--style--root--padding-left);
   max-width: 1320px;
}

.container-fluid {
   padding-inline: var(--wp--style--root--padding-left);
}

.section {
   padding-block: var(--wp--custom--main-size);
   margin-block-start: 0;
}

@media (min-width: 1200px) {
   .section {
      padding-block: calc(var(--wp--custom--main-size) * 3);
      margin-block-start: 0;
   }
}

.small {
   font-size: .9em;
}

.date-post {
   color: #757575;
}

/* ==========================================================================
GUTENBERG
========================================================================== */

.pt-0 {
   padding-block-start: 0 !important;
}

.is-style-d-none {
   display: none !important;
}

.wp-block-details {
   summary {
      border-bottom: 1px solid currentColor;
      position: relative;
      display: flex;
      align-items: center;
      width: 100%;
      padding: 0 0 1rem 0;
      line-height: 1.3;
      &:after {
         flex-shrink: 0;
         width: 1.25rem;
         height: 1.25rem;
         margin-inline-start: auto;
         content: "";
         background-repeat: no-repeat;
         background-image: var(--icon-angle);
         transition: transform 0.2s ease-in-out;
      }
   }
   &[open] {
      padding-block-end: var(--wp--custom--main-size);
      summary {
         &:after {
            transform: rotate(-180deg);
         }
      }
   }
   &.has-background {
      border-radius: var(--wp--custom--border-radius);
      summary {
         padding-inline: var(--wp--custom--main-size);
         padding-block-start: 1rem;
      }
      > :where(:not(summary)) {
         margin-inline: var(--wp--custom--main-size);
      }
   }
}

hr,
.wp-block-separator {
   opacity: unset;
   border-top: 1px solid var(--border-color);
   border-block-end: 0;
}

.has-global-padding>.wp-block-group.alignfull.has-background.is-layout-constrained {
   padding-inline: var(--wp--custom--main-size);
}

.wp-block-social-link {
   transition: opacity 0.3s ease-out;
   &:hover {
      transform: scale(1);
      opacity: 0.8;
   }
}

body {
   &.page-no-top-space {
      main {
         padding-block-start: 0;
      }
   }
   &.page-no-bottom-space {
      main {
         padding-block-end: 0;
      }
   }
}

ul.is-style-two-cols {
   columns: auto 30rem;
   gap: var(--wp--custom--main-size);
   li {
      break-inside: avoid-column;
   }
}

p.is-style-arrow {
   a {
      text-decoration: none;
      display: inline-block;
      align-items: center;
      gap: calc(var(--wp--custom--main-size) * .5);
      &:before {
         transition: padding .15s ease-out;
         content: '⟶';
         display: inline-block;
         transform: translateY(-.1em);
         margin-inline-end: .25em;
      }
      &:hover {
         &::before {
            padding-inline-start: var(--wp--custom--main-size);
         }
      }
   }
}

body.page {
   h1.wp-block-post-title {
      border: 0;
      clip-path: inset(50%);
      height: 1px;
      margin: -1px;
      margin-right: -1px;
      margin-left: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px;
      word-wrap: normal !important;
      +* {
         margin-block-start: 0;
      }
   }
}

.post-categories {
   list-style: none;
   padding: 0;
}

.post-categories,
.tags {
   display: flex;
   flex-wrap: wrap;
   gap: calc(var(--wp--custom--main-size) * .075);
   button,
   a {
      font-size: clamp(1rem, 0.8889rem + 0.5556vw, 1.375rem);
      text-align: center;
      padding: .5em .75em .3em;
      border-width: var(--wp--custom--button-border-width);
      border-style: var(--wp--custom--button-border-style);
      border-radius: var(--wp--custom--button-border-radius);
      transition: all .5s ease-in-out;
      text-decoration: none;
      border-color: var(--border-color);
      letter-spacing: 0;
      font-variation-settings: "wght" 400, "wdth" 100;
      display: block;
      &.current,
      &:hover {
         border-color: var(--wp--preset--color--primary);
         color: var(--wp--preset--color--grey);
         background-color: var(--wp--preset--color--primary);
      }
   }
}

.tags-order-by {
   a {
      background-color: #FFF;
   }
}

.post-categories {
   a {
      font-size: 1rem;
   }
}

.alm-filters.tags {
   margin-block-start: calc(var(--wp--custom--main-size) * .5);
}

.wp-block-categories-list,
.tags-text {
   list-style: none;
   padding: 0;
   font-size: clamp(1.5rem, 1.2037rem + 1.4815vw, 2.5rem);
   font-family: var(--wp--preset--font-family--exposure);
   a {
      text-decoration: none;
   }
   li {
      display: inline;
      &:not(:last-child) {
         a:after {
            content: ',';
         }
      }
   }
}

/* ==========================================================================
SEARCH
========================================================================== */

.search-form {
   display: flex;
   justify-content: space-between;
   font-size: 1rem;
   background-color: #D9D9D9;
   border-radius: 3rem;
   label {
      flex: 1;
   }
   input {
      background: none;
      border: none;
   }
   .search-field {
      padding-inline: var(--wp--custom--main-size);
   }
   .search-submit {
      font-size: 1rem;
      color: transparent;
      background-image: url(../images/icon-search.svg);
      background-repeat: no-repeat;
      background-position: center;
      width: 50px;
      background-size: 20px;
      font-size: 1px;
      color: transparent !important;
      transition: none;
      transition: opacity .5s;
      &:hover {
         background-color: #D9D9D9 !important;
         opacity: .6;
      }
   }
}

/* ==========================================================================
HEADER
========================================================================== */

.main-header {
   position: relative;
   position: sticky;
   top: 0;
   z-index: 999;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
   gap: calc(var(--wp--custom--main-size) * 1.5);
   padding: calc(var(--wp--custom--main-size) * .5) var(--wp--custom--main-size);
   background-color: var(--wp--preset--color--grey);
   box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.1);
   .col-logo {
      a {
         display: inline-block;
      }
      img {
         /* max-width: 45px; */
         max-width: 40px;
      }
   }
   .btn-open-search {
      margin-inline-start: auto;
      border: none;
      padding: 0;
   }
   .col-search {
      text-align: end;
   }
   #main-navigation {
      flex: 1;
   }
}

@media (max-width: 991px) {
   .main-header {
      .col-search {
         display: flex;
         align-items: center;
         flex-wrap: wrap;
         justify-content: space-between;
         position: fixed;
         top: 0;
         left: 0;
         transform: translateY(-120%);
         width: 100%;
         background-color: var(--wp--preset--color--grey);
         padding: var(--wp--custom--main-size);
         box-shadow: 0px 0 14px rgba(0, 0, 0, 0.1);
         transition: all .4s ease;
         z-index: 5;
         gap: var(--wp--custom--main-size);
         .search-form {
            flex: 1;
         }
      }
   }
}

body.show-search {
   .main-header {
      .col-search {
         transform: translateY(0);
      }
   }
}

@media (min-width: 992px) {
   .main-header {
      padding: var(--wp--custom--main-size);
      gap: calc(var(--wp--custom--main-size) * 3);
      .col-search {
         display: block;
      }
      .btn-hamburguer-menu,
      .btn-open-search {
         display: none;
      }
      /* .col-logo, */
      .search-form {
         width: 230px;
      }
      .col-logo {
         img {
            max-width: 45px;
         }
      }
   }
}

@media (min-width: 1200px) {
   .main-header {
      .col-logo {
         width: 230px;
      }
   }
}

/* ==========================================================================
MENU
========================================================================== */

.btn-hamburguer-menu {
   position: relative;
   padding: 0;
   width: 30px;
   height: 20px;
   border: none;
   line-height: 1;
   display: flex;
   justify-content: center;
   align-items: center;
   color: var(--wp--preset--color--primary);
   border-radius: 0;
   span,
   &::after,
   &::before {
      content: '';
      position: absolute;
      width: 100%;
      height: 2px;
      left: 0;
      background-color: currentColor;
      transition: all .15s ease;
   }
   &::before {
      top: 1px;
   }
   &::after {
      bottom: 1px;
   }
   span {
      top: calc(50% - 1px);
   }
   &.is-active {
      width: 30px;
      height: 20px;
      &::before {
         top: calc(50% - 1px);
         transform: rotate(45deg);
      }
      &::after {
         bottom: calc(50% - 1px);
         transform: rotate(-45deg);
      }
      span {
         opacity: 0;
      }
   }
}

.wrap-mobile-navigation {
   font-variation-settings: "wght" 400, "wdth" 100;
   position: fixed;
   background-color: var(--wp--preset--color--grey);
   padding: var(--wp--custom--main-size);
   top: 0;
   right: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   text-align: center;
   transition: transform .5s cubic-bezier(.7, 0, .3, 1);
   overflow-y: auto;
   align-content: center;
   align-items: center;
   display: flex;
   flex-direction: column;
   gap: calc(var(--wp--custom--main-size) * 2.5);
   justify-content: center;
   transform: translateY(-100%);
   a {
      text-decoration: none;
   }
   .site-name {
      font-weight: 700;
   }
   .btn-hamburguer-menu {
      position: absolute;
      right: var(--wp--custom--main-size);
      top: var(--wp--custom--main-size);
   }
   .site-name {
      line-height: 1;
      font-family: var(--wp--preset--font-family--exposure);
   }
   .menu {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      flex-direction: column;
      font-size: 2rem;
      font-variation-settings: "wght" 700, "wdth" 100;
      li {
         padding-block: .05em;
      }
   }
}

body {
   &.show-menu {
      overflow: hidden;
      padding-right: 0px;
      .wrap-mobile-navigation {
         transform: translateY(0);
      }
      .main-header {
         .custom-logo-link {
            opacity: 0;
         }
      }
   }
}

#main-navigation {
   display: none;
   line-height: 1;
   font-variation-settings: "wght" 700, "wdth" 100;
   ul {
      list-style: none;
      padding: 0;
      margin: 0;
      display: flex;
      justify-content: space-between;
      gap: var(--wp--custom--main-size);
      li {
         text-align: center;
         a {
            text-decoration: none;
            display: inline-block;
            position: relative;
            cursor: pointer;
            font-weight: 300;
            &:after {
               transition: all 0.5s;
               content: '';
               position: absolute;
               right: 0;
               bottom: -2px;
               width: 0;
               height: 1px;
               background-color: currentColor;
            }
            &:hover {
               &:after {
                  left: 0;
                  width: 100%;
               }
            }
         }
         &.current-menu-item {
            a {
               text-decoration: none;
               &:after {
                  left: 0;
                  width: 100%;
               }
            }
         }
         &.current-menu-item {
            a {
               text-decoration: none;
               &:after {
                  left: 0;
                  width: 100%;
               }
            }
         }
      }
   }
}

@media (min-width: 992px) {
   #main-navigation {
      display: block;
   }
}

@media (min-width: 1200px) {
   #main-navigation {
      ul {
         li {
            min-width: 170px;
         }
      }
   }
}

.single-artwork #main-navigation ul li#menu-item-11 a:after {
   left: 0;
   width: 100%;
}

.single-curatorial #main-navigation ul li#menu-item-13 a:after {
   left: 0;
   width: 100%;
}

/* ==========================================================================
FOOTER
========================================================================== */

.main-footer {
   margin-block-start: 30vh;
   .bottom-footer {
      a {
         text-decoration: none;
      }
      .col-email {
         p {
            margin: 0;
         }
         p:last-child {
            display: none;
         }
      }
   }
}

.btn-donate {
   position: fixed;
   bottom: var(--wp--custom--main-size);
   right: var(--wp--custom--main-size);
   z-index: 999;
   margin: 0;
   a {
      font-size: 1.25rem;
   }
}

@media (min-width: 992px) {
   .main-footer {
      .section {
         padding-block: calc(var(--wp--custom--main-size) * 2);
      }
      .bottom-footer {
         text-align: center;
         line-height: 1;
         font-size: 1.5rem;
         padding-inline-end: calc(var(--wp--custom--main-size) * 6);
         .wp-block-columns {
            .wp-block-column:not(:last-child) {
               border-right: 1px solid var(--border-color);
            }
         }
      }
   }
   .btn-donate {
      right: calc(var(--wp--custom--main-size) * 1.75);
      bottom: calc(var(--wp--custom--main-size) * 1.75);
   }
}

@media (min-width: 1200px) {
   .main-footer {
      .bottom-footer {
         .col-email {
            p:first-child {
               display: none;
            }
            p:last-child {
               display: block;
            }
         }
      }
   }
}

/* ==========================================================================
HEADER PAGE
========================================================================== */

.header-page {
   padding-block: calc(var(--wp--custom--main-size) * 4);
   text-align: center;
   h1 {
      font-family: var(--wp--preset--font-family--exposure);
      font-weight: 700;
      &+p {
         margin-block-start: calc(var(--wp--custom--main-size) * 1.05);
         img {
            width: 60vw;
         }
      }
   }
}

@media (min-width: 768px) {
   .header-page {
      padding-block: calc(var(--wp--custom--main-size) * 4);
      h1 {
         &+p {
            img {
               width: auto;
            }
         }
      }
   }
}

@media (min-width: 992px) {
   .header-page {
      padding-block: calc(var(--wp--custom--main-size) * 6);
   }
}

@media (min-width: 1200px) {
   .header-page {
      padding-block: calc(var(--wp--custom--main-size) * 8);
   }
}


/* ==========================================================================
GUEST SELECTOR
========================================================================== */

h2#filters {
   font-size: var(--wp--custom--font-size-site);
   scroll-margin-block: 90px;
}

.section-guest-selector {
   font-weight: 200;
   position: relative;
   h2 {
      font-weight: 200;
   }
   ul {
      font-size: var(--wp--preset--font-size--large);
      list-style: none;
      padding: 0;
      li {
         font-family: var(--wp--preset--font-family--exposure);
         font-weight: 300;
         line-height: 1.4;
         a {
            transition: filter 1s;
            text-decoration: none;
            span {
               display: block;
               font-weight: 100;
               font-size: .6em;
               font-family: var(--wp--preset--font-family--body-font);
            }
         }
      }
   }
   &:not(.section-guest-selector-year) {
      ul {
         li {
            a {
               span {
                  display: none;
               }
            }
         }
      }
   }
}

@media (min-width: 768px) {
   .section-guest-selector {
      ul {
         li {
            a {
               display: flex;
               flex-wrap: wrap;
               align-items: flex-end;
               gap: calc(var(--wp--custom--main-size) * .5);
               span {
                  font-size: .4em;
                  padding-block-end: .25rem;
               }
            }
         }
      }
   }
}

@media (min-width: 992px) {
   h2#filters {
      font-size: var(--wp--custom--font-size-site);
      scroll-margin-block: 120px;
   }
   .section-guest-selector {
      ul {
         /* columns: 2; */
         display: grid;
         gap: var(--wp--custom--main-size);
         grid-template-columns: repeat(2, minmax(0, 1fr));
         li {
            break-inside: avoid-column;
            line-height: 1;
         }
      }
   }
}

/* ==========================================================================
SINGLE GUEST SELECTOR
========================================================================== */

.single-guest_selector {
   .header-page {
      h1 {
         font-weight: 200;
      }
   }
   .guest-selector-links {
      margin-block-start: calc(var(--wp--custom--main-size) * 3);
      p {
         margin: 0;
      }
   }
}

.owl-guest-wrap {
   position: relative;
}

.owl-guest {
   .owl-nav:not(.disabled) {
      margin-block-start: 0;
      position: absolute;
      bottom: .1em;
      right: 0;
   }
   figcaption {
      font-size: clamp(1rem, 0.9259rem + 0.3704vw, 1.25rem);
      padding-block-start: calc(var(--wp--custom--main-size) * .5);
      padding-inline-end: calc(var(--wp--custom--main-size) * 6);
      min-height: 34px;
   }
}

.owl-guest-thumbs {
   margin-block-start: calc(var(--wp--custom--main-size) * 2);
   display: grid;
   gap: var(--wp--custom--main-size);
   grid-template-columns: repeat(4, minmax(0, 1fr));
}

.guest-content {
   .texts {
      padding-block-end: var(--wp--custom--main-size);
   }
}

@media (min-width: 782px) {
   .guest-content {
      display: flex;
      .texts {
         flex: 0 0 auto;
         width: 60%;
         padding-inline-end: var(--wp--custom--main-size);
         position: relative;
         &:after {
            content: '';
            position: absolute;
            top: 0;
            right: .3rem;
            width: 1px;
            height: 100%;
            background-color: var(--border-color);
         }
      }
      .images {
         flex: 0 0 auto;
         width: 40%;
         padding-inline-start: var(--wp--custom--main-size);
      }
   }
}

.section-guest-selector-posts {
   .post {
      scroll-margin-block: 60px;
   }
}

.wp-block-post-excerpt {
   margin-block-start: var(--wp--custom--main-size);
}

@media (min-width: 992px) {
   .section-guest-selector-posts {
      .post {
         scroll-margin-block: 85px;
      }
      .texts {
         --wp--custom--main-size: 3rem
      }
   }
}

@media (min-width: 1200px) {
   .guest-content {
      .texts {
         padding-inline-end: calc(var(--wp--custom--main-size) * 4);
      }
   }
}

/* ==========================================================================
SEARCH
========================================================================== */

.title-results-for {
   span {
      text-decoration: underline;
      text-decoration-thickness: 1px;
   }
}

body.search {
   main {
      .search-form {
         margin-block-start: var(--wp--custom--main-size);
         max-width: 600px;
      }
   }
}

.heading-search {
   font-size: clamp(1.5rem, 1.2037rem + 1.4815vw, 2.5rem);
}

.search-list-posts {
   article {
      display: flex;
      flex-direction: column;
      gap: calc(var(--wp--custom--main-size) * .5);
      border-bottom: 1px solid var(--border-color);
      padding-block: var(--wp--custom--main-size);
      position: relative;
      .title {
         h3 {
            font-size: var(--wp--custom--font-size-site);
         }
      }
   }
}

.search-list-guest-selector {
   margin-block-start: var(--wp--custom--main-size);
   p {
      margin: 0;
   }
   a {
      text-decoration: none;
   }
}

@media (min-width: 768px) {
   .search-list-posts {
      article {
         gap: var(--wp--custom--main-size);
         display: grid;
         grid-template-columns: repeat(12, minmax(0, 1fr));
         .date {
            grid-column: span 4;
         }
         .title {
            grid-column: span 8;
         }
         .published-date {
            grid-column: span 4;
         }
         .tags {
            grid-column: span 8;
         }
      }
   }
}

@media (min-width: 992px) {
   .search-list-posts {
      article {
         gap: var(--wp--custom--main-size);
         display: grid;
         grid-template-columns: repeat(12, minmax(0, 1fr));
         .date {
            grid-column: span 1;
         }
         .title {
            grid-column: span 5;
         }
         .published-date {
            grid-column: span 3;
         }
         .tags {
            grid-column: span 3;
            .post-categories {
               width: 100%;
               justify-content: flex-end;
            }
         }
      }
   }
}

/* ==========================================================================
HOME
========================================================================== */

.last-guest-selector {
   font-family: var(--wp--preset--font-family--exposure);
   text-align: center;
   line-height: 1;
   a {
      text-decoration: none;
      padding-block: 8vh;
      padding-inline: 10%;
      display: block;
   }
}

.featured-news {
   img {
      transition: filter 1s;
      &:hover {
         filter: grayscale(1);
      }
   }
}

/* ==========================================================================
RESPONSIVE
========================================================================== */

.mt-0 {
   margin-block-start: 0 !important;
}

@media (min-width: 782px) {
   :root :where(.is-layout-flex) {
      gap: calc(var(--wp--custom--main-size) * 2);
   }
   .is-style-separators .wp-block-column:not(:last-child) {
      position: relative;
      &:after {
         content: '';
         position: absolute;
         top: 0;
         right: calc(var(--wp--custom--main-size) * -1);
         width: 1px;
         height: 100%;
         background-color: var(--border-color);
      }
   }
}

@media (max-width: 991px) {
   .grid-content-page {
      display: block !important;
   }
}

@media (min-width: 1200px) {
   :root :where(.is-layout-flex) {
      gap: calc(var(--wp--custom--main-size) * 3);
   }
   :root :where(.is-layout-flow)>*,
   :root :where(.is-layout-constrained)>* {
      margin-block-start: calc(var(--wp--custom--main-size) * 2);
   }
   .is-style-separators .wp-block-column:not(:last-child) {
      &:after {
         right: calc(var(--wp--custom--main-size) * -1.5);
      }
   }
}

/* ==========================================================================
ADD TO ANY
========================================================================== */

.wrap-share {
   position: relative;
   width: fit-content;
   margin-block-start: calc(var(--wp--custom--main-size) * .5);
}

.a2a_kit.addtoany_list {
   background-color: var(--wp--preset--color--primary);
   border-radius: 2rem;
   padding: .5em .5em .3em;
   display: inline-flex;
   gap: .25rem;
   position: absolute;
   left: 115%;
   top: 50%;
   transform: translateY(-50%);
   opacity: 0;
   pointer-events: none;
   a {
      line-height: 1;
   }
   img {
      aspect-ratio: 1;
      max-width: unset;
      width: 20px;
      object-fit: contain;
      object-position: center;
   }
}

.icon-share {
   background-image: url(../images/icon-share.svg);
   background-repeat: no-repeat;
   background-position: 0 50%;
   background-size: contain;
   display: inline-block;
   text-decoration: underline;
   text-decoration-thickness: 1px;
   cursor: pointer;
   padding: 0;
   padding-inline-start: 2rem;
   border: 0;
   &:hover {
      text-decoration: none;
   }
}

.icon-share-btn {
   &.show {
      +.a2a_kit.addtoany_list {
         opacity: 1;
         pointer-events: all;
      }
   }
}

.wp-block-post-excerpt {
   .a2a_kit.addtoany_list {
      display: none !important;
   }
}

@media (min-width: 1200px) {
   .wrap-share {
      margin-block-start: calc(var(--wp--custom--main-size) * .15);
   }
}

/* ==========================================================================
THREADS
========================================================================== */

.fftmj-thread .fftmj_single_thread {
   background: none;
   padding: 0;
   padding-block: 2rem;
   box-shadow: none !important;
   border-radius: 0;
   margin: 0;
}

.fftmj-thread .fftmj_single_thread:not(:last-child) {
   border-bottom: 1px solid #A9A8A8;
}

.fftmj-thread .fftmj_link_image,
.fftmj-thread .fftmj_row1,
.fftmj-thread .fftmj_row2,
.fftmj-thread .fftmj_row3 {
   margin-bottom: 1.25rem
}

.fftmj-thread .fftmj_time {
   margin-left: 1rem;
   margin-right: unset;
}
.fftmj-thread .fftmj_likereply,
.fftmj-thread .fftmj_thrlogo {
   display: none !important;
}

.fftmj-thread .fftmj_thricons {
   margin: 0;
}

.fftmj-thread .fftmj_row3,
.fftmj-thread .fftmj_link_image img {
   border-radius: 1rem;
}

@media (min-width: 768px) {
   .fftmj-thread .fftmj_row3,
   .fftmj-thread .fftmj_link_image img {
      max-width: 80%
   }
}

.fftmj-thread-home .fftmj_single_thread:nth-child(3) {
   border-bottom: none;
}

.fftmj-thread-home .fftmj_row4 {
   padding-top: calc(var(--wp--custom--main-size) * .5);
}

.fftmj-thread-home .fftmj_single_thread:nth-child(4),
.fftmj-thread-home .fftmj_single_thread:nth-child(5),
.fftmj-thread-home .fftmj_single_thread:nth-child(6) {
   display: none;
}

.fftmj-thread-home .fftmj_row2 {
   margin-bottom: 0
}


@media (min-width: 992px) {
   .fftmj-thread-home .fftmj_link_image img {
      max-width: 259px
   }
}

.page-id-8 .main-footer {
   margin-block-start: 0;
}

/* ==========================================================================
ANIMATIONS
========================================================================== */

@keyframes titleAnimation {
   0% {
      filter: blur(0);
   }
   50% {
      filter: blur(10px);
   }
   100% {
      filter: blur(0);
   }
}

.last-guest-selector a,
.header-page h1,
.header-page p img {
   animation-name: titleAnimation;
   animation-duration: 5s;
   animation-timing-function: ease-out;
   animation-iteration-count: infinite;
}

.wp-block-categories-list a,
.tags-text a,
.section-guest-selector ul li a {
   transition: filter 1s;
   &:hover {
      filter: blur(5px);
   }
}

@view-transition {
   navigation: auto
}

@keyframes fade-in {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
   }
}

@keyframes fade-out {
   from {
      opacity: 0;
   }

   to {
      opacity: 1;
   }
}

::view-transition-old(root) {
   animation: .5s ease-out both fade-in;
}

::view-transition-new(root) {
   animation: .5s .5s ease-in both fade-out;
}