/* OVERRIDE BLOCK STYLES */
html,
body {
  padding: 0;
  overflow-x: hidden;
  hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
}

form input,
form textarea {
  background: #fff;
}

strong,
b {
  font-weight: 700;
}

p a {
  text-decoration: none;
  color: inherit;
}

p a:hover {
  font-weight: 700;
  text-decoration: none !important;
}

a.footer-link::after,
.wp-block-navigation-item__content::after {
  content: attr(data-text);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
  display: block;
}

li {
  font-size: var(--fs-p);
}

button {
  font-size: var(--fs-p) !important;
}


:where(.wp-site-blocks :focus, .menu-skip-links :focus),
:where(button,
  summary,
  .wp-site-blocks,
  .menu-skip-links):focus {
  outline: none !important;
}

:where(.wp-site-blocks :focus-visible, .menu-skip-links :focus-visible),
:where(button,
  summary, .wp-site-blocks,
  .menu-skip-links):focus-visible {
  outline-width: var(--wp--custom--outline--width) !important;
  outline-style: var(--wp--custom--outline--style) !important;
  outline-offset: var(--wp--custom--outline--offset) !important;
  outline-color: var(--wp--custom--outline--color) !important;
}

.wp-site-blocks p.logo-title {
  font-size: 1.1875rem !important;
}

.wp-site-blocks p.logo-subtitle {
  font-size: 1.07rem !important;
}

.wp-block-navigation-item.current-menu-item a,
.wp-block-navigation-item.is-active a {
  font-weight: 700 !important;
}

.wp-block-navigation-item a:hover {
  font-weight: 700 !important;
  text-decoration: none !important;
}

.wp-block-navigation-item__label::before {
  content: "" !important;
  display: none !important;
}

.wp-block-button a {
  text-decoration: none !important;
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-block-button__link:hover {
  transform: none !important;
  box-shadow: none !important;
  border-width: var(--wp--custom--border-width--global) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link {
  font-size: var(--fs-p) !important;
  height: 60px !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background: var(--wp--preset--color--primary-mixed) !important;
  color: #fff !important;
  border-color: var(--wp--preset--color--primary-mixed) !important;
}

.wp-block-social-links .wp-social-link a,
.wp-block-social-links .wp-social-link svg {
  width: 35px !important;
  height: 35px !important;
}

.wp-block-gallery figure.wp-block-image a:focus {
  outline-color: black;
}

#baguetteBox-overlay .baguetteBox-button {
  display: block !important;
}

.skip-link.screen-reader-text:focus {
  background-color: var(--wp--preset--color--primary-mixed) !important;
  color: #ffffff !important;
  outline-color: black !important;
}

#header-logo {
  text-decoration: none !important;
  display: block;
  max-width: 270px;
  width: 100%;
}

#footer-upper h2 {
  font-size: var(--fs-h3) !important;
}

[open]>summary:after {
  -webkit-transform: translateY(-50%) rotate(180deg)!important;
  -ms-transform: translateY(-50%) rotate(180deg)!important;
  transform: translateY(-50%) rotate(180deg)!important;
}

/* DESKTOP */
@media (min-width: 1267px) {
  #hero-content {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    margin: auto;
    left: 50%;
  }

  :where(body:not(.editor-styles-wrapper, .wp-admin)) .is-style-mobile-only {
    display: none !important;
  }

  .wp-block-columns {
    flex-wrap: nowrap !important;
  }
}

/* TABLET */
@media (max-width: 1266px) {
  .wp-block-columns {
    flex-wrap: wrap !important;
  }

  :where(body:not(.editor-styles-wrapper, .wp-admin)) .is-style-mobile-only {
    display: flex !important;
  }

  :where(body:not(.editor-styles-wrapper, .wp-admin)) .is-style-mobile-hide {
    display: none !important;
  }

  #hero-content {
    padding: 80px 30px !important;
  }

  .wp-block-gallery {
    grid-template-columns: 1fr !important;
  }

  .wp-block-gallery.has-nested-images>figure {
    width: auto !important;
    max-width: 100%;
  }

  /* Fix overlay always open issue */
  .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: none !important;
  }

  /* Hamburger menu ON on tablet/mobile */
  .is-style-mobile-only .wp-block-navigation__responsive-container-open {
    display: flex !important;
  }

  .wp-block-navigation__responsive-container {
    padding: 0px !important;
    background: transparent !important;
    animation: none !important;
    left: 0 !important;
    right: 0 !important;
    position: fixed !important;
  }

  .wp-block-navigation__responsive-container-content {
    padding: 0 30px 0 30px !important;
    height: 100vh !important;
    justify-content: center !important;
  }

  .wp-block-navigation__responsive-container-close {
    margin: 16px;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-navigation-item a {
    font-size: 45px !important;
    line-height: 1.5 !important;
    font-weight: normal;
  }

  .wp-block-navigation__responsive-dialog {
    margin: 0 !important;
    width: 350px !important;
    max-width: 350px !important;
    height: 100vh !important;
    position: fixed !important;
    right: 0 !important;
    top: 0 !important;
    transform: translateX(100%);
    animation: ocs-slide-in 0.4s ease forwards !important;
    z-index: 999999 !important;
  }

  #header>.wp-block-group,
  #footer-lower>.wp-block-group {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }

  #footer-upper p {
    white-space: normal !important;
  }

  #footer-lower {
    padding: 15px 30px !important;
  }

  #footer-lower .wp-block-group {
    padding: 0 !important;
  }

  #footer-lower .wp-block-group nav {
    padding: 0 !important;
    width: 100% !important;
  }
}


@keyframes ocs-slide-in {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}