/*
Theme Name: Jordan Konsult
Template: twentytwentyfive
Theme URI: https://jordankonsult.my
Author: Jordan Konsult
Description: Child theme of Twenty Twenty-Five for jordankonsult.my
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: jordankonsult
*/

/* ============================================================
   TYPOGRAPHY — Brand overrides
   ============================================================ */

:root {
  --Black: #000;
  --Emerald: #173401;
  --Dark-Beige: #636c5e;
  --grid-gutter: 24px;
}

main {
  position: relative !important;
  z-index: 100 !important;
}

h1 {
  color: var(--Black) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: clamp(2rem, 5vw, 64px) !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

h2 {
  color: var(--Emerald) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: clamp(1.75rem, 4.5vw, 56px) !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

h3 {
  color: var(--Emerald) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: clamp(1.5rem, 3.5vw, 40px) !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

h4 {
  color: var(--Black) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: clamp(1.25rem, 2.5vw, 32px) !important;
  font-weight: 400 !important;
  line-height: normal !important;
}

h5 {
  color: var(--Black) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: clamp(1.1rem, 2vw, 24px) !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

h6 {
  color: var(--Dark-Beige) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

p {
  color: var(--Dark-Beige) !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: 14px !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

#wp--skip-link--target
  > div
  > div.wp-block-group.alignfull.is-style-default.content-container.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-b1505f0b.wp-block-group-is-layout-constrained.has-background
  > section
  > div {
  width: 80%;
}

/* Fill the viewport width on all screens */
.wp-site-blocks .wp-block-group.alignfull > .wp-block-group,
.wp-site-blocks .wp-block-group.alignfull > .wp-block-columns,
.wp-site-blocks .wp-block-group.alignfull .alignwide {
}

/* Navigation links */

#wp--skip-link--target > div > div:nth-child(1) > header {
  padding-right: 40px !important;
  padding-left: 40px !important;
}

#modal-4-content > ul:nth-child(2) > li:nth-child(1) > a > span {
  color: var(--Dark-Beige, #636c5e);

  /* H6 */
  font-family: "Mona Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

#modal-4-content > ul:nth-child(2) li > a > span {
  color: var(--Dark-Beige, #636c5e);

  /* H6 */
  font-family: "Mona Sans";
  font-size: 16px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.header-secondary .has-base-background-color {
  background-color: transparent !important;
}

/* Background color when menu is open */
.wp-block-navigation__responsive-container.is-menu-open.has-base-background-color {
  background-color: #173401 !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item
  span {
  color: #daac64 !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

/* Copyright text styling */
.wp-block-navigation__responsive-container.is-menu-open
  .mobile-menu-copyright
  span {
  font-family: "Mona Sans", sans-serif !important;
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  color: #ffffff !important;
}

.header-primary .wp-block-navigation a,
.header-primary .wp-block-navigation-item__content {
  color: #daac64 !important;
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

/* Header secondary (sticky on scroll) — dark beige nav */
.header-secondary .wp-block-navigation a,
.header-secondary .wp-block-navigation-item__content {
  color: #636c5e !important;
  font-size: 16px !important;
  font-weight: 300 !important;
  line-height: normal !important;
}

.header-secondary {
  background: rgba(255, 255, 255, 0.6) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border-radius: 4px !important;
  border: 1px solid #d3d9cf !important;
}

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

.header-2 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.has-global-padding > .alignfull {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.header-primary {
  position: absolute !important;
  width: 100%;
  z-index: 99;
}

.header-secondary {
  position: sticky !important;
  top: 0 !important;
  z-index: 5 !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* ============================================================
   RADIAL WHITE GLOW (behind text over background image)
   ============================================================ */

.radial-white-glow {
  position: relative;
  z-index: 1;
}

.radial-white-glow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  padding-right: 10%;
  background-color: rgba(255, 255, 255, 0.7);
  filter: blur(40px);
  border-radius: 8px;
  z-index: -1;
  pointer-events: none;
}

/* ============================================================
   CONTENT CONTAINER — scroll-fade background
   JS sets --bg-opacity (1 → 0) on scroll.
   ::before overlay whitens background image accordingly.
   Children stay fully opaque (no more opacity:0.5 bug).
   ============================================================ */

.content-container {
  margin-top: 10px !important;
  --bg-opacity: 1;
  position: relative;
  background-position: 0% -60% !important;

  /* Bottom edge fade to transparent */
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 80%,
    transparent 100%
  );
  mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 95%,
    transparent 100%
  );
  mask-image: linear-gradient(to bottom, black 0%, black 95%, transparent 100%);
  background-repeat: no-repeat !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

/* White overlay controlled by --bg-opacity variable */
.content-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(255, 255, 255, calc(1 - var(--bg-opacity)));
  z-index: 0;
  pointer-events: none;
  transition: background 0.1s linear;
  opacity: var(--bg-opacity, 1);
}

.content-container {
  --bg-opacity: 1;
  position: relative;
  background-image: none !important;
}

/* Background image lives here — mask only affects this layer */
.content-container::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: url("https://jordankonsult.my/wp-content/uploads/2026/01/7320185529bbba3dac11c7e71941b3617a8afe28-scaled.jpg");
  background-size: cover;
  background-attachment: fixed;
  background-position: 0% 0%;
  background-repeat: no-repeat;
  opacity: var(--bg-opacity);
  z-index: 0;
  pointer-events: none;

  /* Mask only on the background layer */
  -webkit-mask-image: linear-gradient(
    to bottom,
    black 0%,
    black 80%,
    transparent 100%
  );
  mask-image: linear-gradient(to bottom, black 0%, black 80%, transparent 100%);
}

.content-container[style*="background-image"] {
  background-image: none !important;
}

/* Children stay above and fully opaque */
.content-container > * {
  position: relative;
  z-index: 1;
}

/* Remove the old white overlay — ::before now handles fade via opacity */
.content-container::after {
  display: none;
}

/* Keep children above the fade overlay */
.content-container > * {
  position: relative;
  z-index: 1;
}

/* Bottom glow at container edge */
.content-container::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 150px;
  background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.4));
  pointer-events: none;
  z-index: 2;
}

/* ============================================================
   SLIDERBERG PILL CAROUSEL
   ============================================================ */

.sliderberg-container,
.sliderberg-slides {
  overflow: visible !important;
}

.sliderberg-slides-container {
  width: 100% !important;
  margin-inline: auto !important;
  /*margin-left: 10% !important;*/
  max-width: min(calc(66.666% + 60px), 1060px) !important;
}

.sliderberg-carousel-mode .sliderberg-slides-container {
  padding: 0 !important;
  gap: 0 !important;
}

/* 4. SLIDE: 100% of container (JS happy!), transparent shell */
.sliderberg-slide {
  background: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  overflow: visible !important;
  padding: 0 30px !important; /* 30px each side = 60px visual gap between pills */
  box-sizing: border-box !important;
  min-height: auto !important;
}

/* 5. INNER CONTENT = the visible pill */
.sliderberg-slide .sliderberg-slide-content {
  max-width: 100% !important;
  width: 100% !important;
  border: 2px solid #d4a35d !important;
  background: #f7f7f7 !important;
  border-radius: 1000px !important;
  padding: 80px 60px !important;
  box-sizing: border-box !important;
}

.sliderberg-slide[aria-hidden="false"] {
  opacity: 1 !important;
  z-index: 10;
}

.wp-block-sliderberg-sliderberg {
  overflow: hidden !important;
}

.pill-carousel {
  text-align: left !important;
}

/* --- Navigation arrows --- */
.sliderberg-nav-button {
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  background-color: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

/* --- Custom arrow SVGs (consistent size) --- */
.sliderberg-nav-button.sliderberg-next svg,
.sliderberg-nav-button.sliderberg-prev svg {
  display: none !important;
}

.sliderberg-nav-button.sliderberg-next,
.sliderberg-nav-button.sliderberg-prev {
  max-width: 23.333px !important;
  max-height: 19.986px !important;
  padding: 0 !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-color: transparent !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  filter: none !important;
}

.sliderberg-nav-button.sliderberg-next::before,
.sliderberg-nav-button.sliderberg-next::after,
.sliderberg-nav-button.sliderberg-prev::before,
.sliderberg-nav-button.sliderberg-prev::after {
  display: none !important;
}

/* Next arrow → Emerald #173401 */
.sliderberg-nav-button.sliderberg-next {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M18,12h0a2,2,0,0,0-.59-1.4l-4.29-4.3a1,1,0,0,0-1.41,0,1,1,0,0,0,0,1.42L15,11H5a1,1,0,0,0,0,2H15l-3.29,3.29a1,1,0,0,0,1.41,1.42l4.29-4.3A2,2,0,0,0,18,12Z' fill='%23173401'/%3E%3C/svg%3E") !important;
}

/* Prev arrow ← sage gray #D3D9CF */
.sliderberg-nav-button.sliderberg-prev {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='512' height='512'%3E%3Cpath d='M19,11H9l3.29-3.29a1,1,0,0,0,0-1.42,1,1,0,0,0-1.41,0l-4.29,4.3A2,2,0,0,0,6,12H6a2,2,0,0,0,.59,1.4l4.29,4.3a1,1,0,1,0,1.41-1.42L9,13H19a1,1,0,0,0,0-2Z' fill='%23173401'/%3E%3C/svg%3E") !important;
}

/* --- Pagination dots (pill-shaped bars) --- */
.sliderberg-slide-indicator {
  width: 12px !important;
  height: 4px !important;
  border-radius: 100px !important;
  background: #d0d0d0 !important;
  border: none !important;
  padding: 0 !important;
  min-height: 0 !important;
  transition:
    background 0.3s ease,
    width 0.3s ease;
}

.sliderberg-slide-indicator.active,
.sliderberg-slide-indicator[aria-selected="true"] {
  background: #d4a35d !important;
  width: 32px !important;
  height: 4px !important;
}

/* Override Sliderberg CSS variables */
.wp-block-sliderberg-sliderberg {
  --sliderberg-dot-color: #d0d0d0 !important;
  --sliderberg-dot-active-color: #d4a35d !important;
}

#wp--skip-link--target
  > div
  > div.wp-block-group.alignfull.expertise-desktop.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-fdb1742b.wp-block-group-is-layout-constrained
  > div {
  background: var(--Grey, #f7f7f7);
}

#wp--skip-link--target
  > div
  > div.wp-block-group.alignfull.expertise-mobile.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-8218f77f.wp-block-group-is-layout-constrained
  > div {
  background: var(--Grey, #f7f7f7);
}

/* ============================================================
   EXPERTISE — remove right border when cols stack on mobile
   ============================================================ */

@media (max-width: 718px) {
  .expertise-cols .wp-block-group {
    border-right: none !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.is-style-default.content-container.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-b1505f0b.wp-block-group-is-layout-constrained.has-background
    > section
    > div {
    width: 100%;
  }
}

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

.site-footer {
  /*margin-top: -33rem !important;
  padding-top: 38rem !important;*/
  bottom: 0 !important;
  width: 100% !important;
  font-family: "Mona Sans";
  font-weight: 700;
  aspect-ratio: 2560 / 660;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  background-position: center bottom !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: flex;
  align-items: flex-end;
}

.site-footer-container {
  position: relative;
  z-index: 3;
  width: 100% !important;
  display: flex !important;
  justify-content: space-between !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
}

.site-footer .footer-copyright {
  color: #ffffff !important;
  text-align: center !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

/* ============================================================
   MOBILE MENU OVERLAY
   ============================================================ */

.mobile-menu-site-logo {
  position: fixed;
  top: 50px;
  left: 20px;
  width: 150px;
  border: 0;
}

.mobile-menu-copyright {
  position: fixed !important;
  bottom: 58px !important;
  font-family: "Mona Sans";
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
  line-height: normal;

  color: #ffffff !important;
  text-align: center !important;
  font-family: "Mona Sans", sans-serif !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: normal !important;
}

#modal-1-content
  > ul:nth-child(2)
  > li.o-hide-on-desktop.has-medium-font-size.wp-block-navigation-item.mobile-menu-copyright.wp-block-navigation-link
  > a
  > span {
  font-family: "Mona Sans";
  font-size: 12px !important;
  font-style: normal !important;
  font-weight: 700 !important;
}

.mobile-menu-copyright,
.mobile-menu-copyright * {
  color: #ffffff !important;
}

.mobile-menu-social-icon {
  position: fixed;
  bottom: 22px;
  font-size: 20px;
  color: white !important;
  fill: white !important;
}

.wp-block-navigation-item__label {
  color: var(--Gold, #daac64);

  /* H5 */
  font-family: "Mona Sans";
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

/* Mobile menu social icons — white */
.wp-block-navigation__responsive-container
  .wp-block-social-links
  .wp-social-link
  svg {
  fill: #ffffff !important;
}

.wp-block-navigation__responsive-container .wp-block-social-links {
  --wp--preset--color--accent-5: #ffffff !important;
}

/* ============================================================
   MOBILE BREAKPOINTS
   ============================================================ */

/* Expertise: show/hide desktop vs mobile */
.expertise-mobile {
  display: none !important;
}

@media (max-width: 718px) {
  h1 {
    color: var(--Black, #000);

    /* H3 */
    font-family: "Mona Sans" !important;
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }

  h2 {
    color: var(--Black, #000);

    /* H3 */
    font-family: "Mona Sans" !important;
    font-size: 40px !important;
    font-style: normal !important;
    font-weight: 400 !important;
    line-height: normal !important;
  }

  h5 {
    color: var(--Dark-Beige, #636c5e) !important;

    /* Paragraph */
    font-family: "Mona Sans" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
  }

  h6 {
    color: var(--Dark-Beige, #636c5e) !important;

    /* Paragraph */
    font-family: "Mona Sans" !important;
    font-size: 14px !important;
    font-style: normal !important;
    font-weight: 300 !important;
    line-height: normal !important;
  }

  .sliderberg-slides-container {
    /*width: 80% !important;
    margin-left: 5% !important;*/
  }

  .sliderberg-slide {
    /*min-height: 550px !important;*/
    padding: 100px 40px;
  }

  .sliderberg-carousel-mode .sliderberg-slides-container {
    padding: 0 !important;
    /*gap: 10px !important;*/
  }

  html,
  body {
    max-width: 100%;
    overflow-x: hidden !important;
  }

  .site-footer {
    background-position: 20% 100% !important;
  }

  .site-footer-container {
    position: relative;
    bottom: -28px;
  }

  .footer-copyright {
    font-size: 12px !important;
    text-align: center;
    width: 100%;
  }

  .footer-social-icon {
    font-size: 20px;
    text-align: center;
    width: 100%;
    justify-content: center !important;
  }

  .wp-block-navigation__responsive-container-content {
    gap: 50px;
  }

  .wp-container-core-group-is-layout-11f58d51
    > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: 90%;
  }

  /* About Us image — half bleed right on mobile */

  /* Allow overflow from the columns container */
  .content-container
    .wp-block-columns.wp-container-core-columns-is-layout-6ef9061c {
    overflow: visible !important;
  }

  /* Allow overflow from the column itself */
  .content-container .wp-block-column {
    overflow: visible !important;
  }

  /* Push the image figure off-screen right */
  figure.about-us-image {
    margin-right: -68% !important;
    margin-left: auto !important;
  }

  figure.about-us-image img {
    width: 100% !important;
    max-width: none !important;
  }

  /* Clip horizontal overflow at body level */
  body {
    overflow-x: hidden !important;
  }

  html {
    overflow-x: hidden !important;
  }

  /* Allow parent to clip the overflowing image */
  .content-container .wp-block-columns {
    /*overflow: hidden !important;*/
  }

  .content-container .wp-block-columns {
    /*overflow: visible !important;
    overflow-x: clip !important;*/
  }

  /* Mission & Vision columns - constrain image on mobile */
  .wp-container-core-columns-is-layout-28232c24 {
    gap: 0 !important;
  }

  .wp-container-core-columns-is-layout-28232c24 .wp-block-image img {
    width: 100% !important;
    /*max-width: 400px !important;*/
    margin-left: auto !important;
    margin-right: auto !important;
    margin-bottom: 10px !important;
    display: block !important;
  }

  .wp-container-core-columns-is-layout-28232c24 .wp-block-image {
    text-align: center !important;
  }

  /* Remove excessive padding on Mission text column */
  .wp-container-core-group-is-layout-770b1d55
    + .wp-block-columns
    .wp-block-column.radial-white-glow {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.is-style-default.content-container.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-b1505f0b.wp-block-group-is-layout-constrained.has-background
    > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-770b1d55.wp-block-group-is-layout-constrained
    > div
    > div.wp-block-column.is-vertically-aligned-center.radial-white-glow.is-layout-flow.wp-block-column-is-layout-flow {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-fdb1742b.wp-block-group-is-layout-constrained {
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-right: clamp(0.75rem, 4vw, 4.5rem) !important;
    padding-bottom: var(--wp--preset--spacing--80) !important;
    padding-left: clamp(0.75rem, 4vw, 4.5rem) !important;
  }

  /* Force expertise columns to stack on mobile */
  .expertise-cols.wp-container-core-columns-is-layout-145a2ba8 {
    flex-wrap: wrap !important;
  }

  /* Both columns full width */
  .expertise-cols > .wp-block-column {
    flex-basis: 100% !important;
  }

  /* Property column: remove right border, add bottom separator */
  .expertise-cols
    > .wp-block-column:first-child
    .wp-container-core-group-is-layout-ced3a060 {
    border-right: none !important;
    border-bottom: 1px solid var(--wp--preset--color--accent-2) !important;
    padding-bottom: 20px !important;
  }

  /* Reduce border radius on pill container for mobile */
  .has-contrast-border-color.wp-container-core-group-is-layout-423b3a7b {
    border-radius: clamp(24px, 8vw, 40px) !important;
  }

  .expertise-desktop {
    display: none !important;
  }
  .expertise-mobile {
    display: block !important;
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-right: clamp(0.75rem, 4vw, 4.5rem) !important;
    padding-bottom: var(--wp--preset--spacing--80) !important;
    padding-left: clamp(0.75rem, 4vw, 4.5rem) !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.expertise-mobile.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-8218f77f.wp-block-group-is-layout-constrained {
    padding-top: var(--wp--preset--spacing--80) !important;
    padding-right: clamp(0.75rem, 4vw, 4.5rem) !important;
    padding-bottom: var(--wp--preset--spacing--80) !important;
    padding-left: clamp(0.75rem, 4vw, 4.5rem) !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.expertise-mobile.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-8218f77f.wp-block-group-is-layout-constrained
    > div {
    border-radius: clamp(40px, 45vw, 1000px) !important;
    padding-top: clamp(2.5rem, 6vw, 4.5rem) !important;
    padding-right: clamp(3.5rem, 5vw, 7rem) !important;
    padding-bottom: clamp(2.5rem, 6vw, 4.5rem) !important;
    padding-left: clamp(3.5rem, 5vw, 7rem) !important;
  }

  .site-footer {
    padding-top: -39rem !important;
  }

  .site-footer-container {
    bottom: 17px !important;
  }
}

/* Fix: Hide mobile nav overlay on desktop */
@media (min-width: 719px) {
  .o-hide-on-desktop {
    display: none !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.is-style-default.content-container.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-b1505f0b.wp-block-group-is-layout-constrained.has-background
    > div.wp-block-group.alignfull.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-de9e3a0a.wp-block-group-is-layout-constrained
    > div
    > div.sliderberg-container
    > div
    > div
    > div {
    padding: 4rem !important;
  }

  #wp--skip-link--target
    > div
    > div.wp-block-group.alignfull.expertise-desktop.has-global-padding.is-layout-constrained.wp-container-core-group-is-layout-fdb1742b.wp-block-group-is-layout-constrained {
    padding-right: clamp(0.75rem, 4vw, 4.5rem) !important;
    padding-left: clamp(0.75rem, 4vw, 4.5rem) !important;
    border-radius: clamp(40px, 6vw, 1000px) !important;
  }

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

  #modal-1-content > ul:nth-child(1) > li > div {
    display: none;
  }

  #modal-4-content > ul:nth-child(1) > li > div {
    display: none;
  }
}

@media (min-width: 1400px) {
  .site-footer {
    /*margin-top: -38rem !important;
    padding-top: 46rem !important;*/
  }

  body > div.wp-site-blocks > div {
    position: relative !important;
    z-index: 100;
  }
}

@media (min-width: 1600px) {
  .site-footer {
    /*margin-top: -18rem !important;
    padding-top: 46rem !important;*/
  }

  body > div.wp-site-blocks > div {
    position: relative !important;
    z-index: 100;
  }
}

/* ==========================================================================
   LIGHTWEIGHT 12-COLUMN GRID UTILITIES (Gap-Aware)

   Gutter: Controlled by --grid-gutter (default 24px in :root).
   Classes go on Column blocks via Advanced → Additional CSS classes.
   
   Utilities for Columns (parent) block:
     row-gap-0   → no gutter
     gutter-sm   → 12px
     gutter-md   → 24px (default)
     gutter-lg   → 40px
     gutter-xl   → 60px
   ========================================================================== */

/* --- Base: all screens (mobile-first) --- */

/* --- Spacing utilities (add to any block) --- */
.px-sm {
  padding-left: 12px !important;
  padding-right: 12px !important;
}
.px-md {
  padding-left: 24px !important;
  padding-right: 24px !important;
}
.px-lg {
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.px-xl {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.mx-sm {
  margin-left: 12px !important;
  margin-right: 12px !important;
}
.mx-md {
  margin-left: 24px !important;
  margin-right: 24px !important;
}
.mx-lg {
  margin-left: 40px !important;
  margin-right: 40px !important;
}
.mx-xl {
  margin-left: 60px !important;
  margin-right: 60px !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.col-1 {
  flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
}
.col-2 {
  flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
}
.col-3 {
  flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
}
.col-4 {
  flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
}
.col-5 {
  flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
}
.col-6 {
  flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
}
.col-7 {
  flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
}
.col-8 {
  flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
}
.col-9 {
  flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
}
.col-10 {
  flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
}
.col-11 {
  flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
}
.col-12 {
  flex-basis: 100% !important;
  max-width: 100% !important;
}

/* --- sm: 576px+ --- */
@media (min-width: 576px) {
  .col-sm-1 {
    flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
    max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  }
  .col-sm-2 {
    flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
    max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  }
  .col-sm-3 {
    flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
    max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  }
  .col-sm-4 {
    flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
    max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  }
  .col-sm-5 {
    flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
    max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  }
  .col-sm-6 {
    flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
    max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  }
  .col-sm-7 {
    flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
    max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  }
  .col-sm-8 {
    flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
    max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  }
  .col-sm-9 {
    flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
    max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  }
  .col-sm-10 {
    flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
    max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  }
  .col-sm-11 {
    flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
    max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  }
  .col-sm-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* --- md: 782px+ (WP column stack breakpoint) --- */
@media (min-width: 782px) {
  .col-md-1 {
    flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
    max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  }
  .col-md-2 {
    flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
    max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  }
  .col-md-3 {
    flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
    max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  }
  .col-md-4 {
    flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
    max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  }
  .col-md-5 {
    flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
    max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  }
  .col-md-6 {
    flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
    max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  }
  .col-md-7 {
    flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
    max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  }
  .col-md-8 {
    flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
    max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  }
  .col-md-9 {
    flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
    max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  }
  .col-md-10 {
    flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
    max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  }
  .col-md-11 {
    flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
    max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  }
  .col-md-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* --- lg: 1024px+ --- */
@media (min-width: 1024px) {
  .col-lg-1 {
    flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
    max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  }
  .col-lg-2 {
    flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
    max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  }
  .col-lg-3 {
    flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
    max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  }
  .col-lg-4 {
    flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
    max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  }
  .col-lg-5 {
    flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
    max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  }
  .col-lg-6 {
    flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
    max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  }
  .col-lg-7 {
    flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
    max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  }
  .col-lg-8 {
    flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
    max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  }
  .col-lg-9 {
    flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
    max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  }
  .col-lg-10 {
    flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
    max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  }
  .col-lg-11 {
    flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
    max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  }
  .col-lg-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* --- xl: 1280px+ --- */
@media (min-width: 1280px) {
  .col-xl-1 {
    flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
    max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  }
  .col-xl-2 {
    flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
    max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  }
  .col-xl-3 {
    flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
    max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  }
  .col-xl-4 {
    flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
    max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  }
  .col-xl-5 {
    flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
    max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  }
  .col-xl-6 {
    flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
    max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  }
  .col-xl-7 {
    flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
    max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  }
  .col-xl-8 {
    flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
    max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  }
  .col-xl-9 {
    flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
    max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  }
  .col-xl-10 {
    flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
    max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  }
  .col-xl-11 {
    flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
    max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  }
  .col-xl-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* --- xxl: 1440px+ --- */
@media (min-width: 1440px) {
  .col-xxl-1 {
    flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
    max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  }
  .col-xxl-2 {
    flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
    max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  }
  .col-xxl-3 {
    flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
    max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  }
  .col-xxl-4 {
    flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
    max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  }
  .col-xxl-5 {
    flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
    max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  }
  .col-xxl-6 {
    flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
    max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  }
  .col-xxl-7 {
    flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
    max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  }
  .col-xxl-8 {
    flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
    max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  }
  .col-xxl-9 {
    flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
    max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  }
  .col-xxl-10 {
    flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
    max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  }
  .col-xxl-11 {
    flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
    max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  }
  .col-xxl-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* --- xxxl: 1600px+ --- */
@media (min-width: 1600px) {
  .col-xxxl-1 {
    flex-basis: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
    max-width: calc(8.333% - var(--grid-gutter) * 11 / 12) !important;
  }
  .col-xxxl-2 {
    flex-basis: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
    max-width: calc(16.666% - var(--grid-gutter) * 10 / 12) !important;
  }
  .col-xxxl-3 {
    flex-basis: calc(25% - var(--grid-gutter) * 9 / 12) !important;
    max-width: calc(25% - var(--grid-gutter) * 9 / 12) !important;
  }
  .col-xxxl-4 {
    flex-basis: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
    max-width: calc(33.333% - var(--grid-gutter) * 8 / 12) !important;
  }
  .col-xxxl-5 {
    flex-basis: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
    max-width: calc(41.666% - var(--grid-gutter) * 7 / 12) !important;
  }
  .col-xxxl-6 {
    flex-basis: calc(50% - var(--grid-gutter) * 6 / 12) !important;
    max-width: calc(50% - var(--grid-gutter) * 6 / 12) !important;
  }
  .col-xxxl-7 {
    flex-basis: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
    max-width: calc(58.333% - var(--grid-gutter) * 5 / 12) !important;
  }
  .col-xxxl-8 {
    flex-basis: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
    max-width: calc(66.666% - var(--grid-gutter) * 4 / 12) !important;
  }
  .col-xxxl-9 {
    flex-basis: calc(75% - var(--grid-gutter) * 3 / 12) !important;
    max-width: calc(75% - var(--grid-gutter) * 3 / 12) !important;
  }
  .col-xxxl-10 {
    flex-basis: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
    max-width: calc(83.333% - var(--grid-gutter) * 2 / 12) !important;
  }
  .col-xxxl-11 {
    flex-basis: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
    max-width: calc(91.666% - var(--grid-gutter) * 1 / 12) !important;
  }
  .col-xxxl-12 {
    flex-basis: 100% !important;
    max-width: 100% !important;
  }
}

/* --- Visibility utilities --- */
@media (max-width: 781px) {
  .hide-mobile {
    display: none !important;
  }
}
@media (min-width: 782px) {
  .hide-desktop {
    display: none !important;
  }
}
@media (max-width: 575px) {
  .hide-sm-down {
    display: none !important;
  }
}
@media (max-width: 1023px) {
  .hide-lg-down {
    display: none !important;
  }
}

/* --- Row & gutter utilities (add to Columns block) --- */
.row-nowrap {
  flex-wrap: nowrap !important;
}
.row-gap-0 {
  --grid-gutter: 0px !important;
  gap: 0 !important;
}
.gutter-sm {
  --grid-gutter: 12px !important;
}
.gutter-md {
  --grid-gutter: 24px !important;
}
.gutter-lg {
  --grid-gutter: 40px !important;
}
.gutter-xl {
  --grid-gutter: 60px !important;
}

/* ==========================================================================
   GUTENBERG RESET: Disable WP defaults when col- grid classes are used
   ========================================================================== */
.wp-block-columns:has([class*="col-"]) {
  flex-wrap: wrap !important;
  gap: var(--grid-gutter) !important;
}

/* Override WP-generated container layout classes too */
.wp-block-columns:has([class*="col-"]):is(
    [class*="wp-container-core-columns-is-layout-"]
  ) {
  flex-wrap: wrap !important;
  gap: var(--grid-gutter) !important;
}

.wp-block-column[class*="col-"] {
  flex-basis: unset !important;
  flex-grow: 0 !important;
  flex-shrink: 0 !important;
  width: auto !important;
  min-width: 0 !important;
}

/* Override any inline style flex-basis WP sets */
.wp-block-column[class*="col-"][style*="flex-basis"] {
  flex-basis: unset !important;
}

/* Remove Gutenberg's mobile stack override when grid classes are used */
@media (max-width: 781px) {
  .wp-block-columns:not(.is-not-stacked-on-mobile):has([class*="col-"])
    > .wp-block-column[class*="col-"] {
    flex-basis: unset !important;
  }
}

.embed_download a {
  font-weight: 700 !important;
  color: white;
  background-color: #173401;
  padding-left: 5px;
  padding-right: 5px;
}

@media (max-width: 1024px) {
  .sliderberg-slides-container {
    max-width: min(calc(75% + 40px), 820px) !important;
  }
  .sliderberg-slide {
    padding: 0 20px !important; /* 40px gap between pills */
  }
  .sliderberg-slide .sliderberg-slide-content {
    padding: 60px 40px !important;
    min-height: 240px !important;
  }
}

@media (max-width: 768px) {
  .sliderberg-slides-container {
    max-width: calc(85% + 10px) !important;
  }
  .sliderberg-slide {
    padding: 0 10px !important; /* 20px gap between pills */
  }
  .sliderberg-slide .sliderberg-slide-content {
    padding: 100px 40px !important;
    min-height: 200px !important;
    border-radius: 500px !important;
  }
}

@media (max-width: 480px) {
  .sliderberg-slides-container {
    /*max-width: calc(90% + 16px) !important;*/
    max-width: calc(85% + 10px) !important;
  }
  .sliderberg-slide {
    padding: 0 8px !important; /* 16px gap */
  }
  .sliderberg-slide .sliderberg-slide-content {
    padding: 100px 40px !important;
    min-height: 180px !important;
  }
}

@media (max-width: 718px) {
  .site-footer {
    aspect-ratio: auto !important;
    background-size: cover !important;
    min-height: 200px !important;
    padding: 150px 20px 20px !important;
    align-items: center !important;
  }

  .site-footer-container {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    bottom: 0 !important;
    position: relative !important;
  }
  .footer-copyright {
    font-size: 10px !important;
    text-align: center !important;
    width: 100% !important;
  }

  .footer-social-icon {
    justify-content: center !important;
    width: 100% !important;
  }
}

@media (max-width: 992px) {
  .site-footer {
    aspect-ratio: 2.88 / 1;
    background-size: cover !important;
    min-height: 200px !important;
    padding: 190px 20px 20px !important;
    align-items: center !important;
  }

  .site-footer-container {
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 12px !important;
    bottom: 0 !important;
    position: relative !important;
  }
  .footer-copyright {
    font-size: 10px !important;
    text-align: center !important;
    width: 100% !important;
  }

  .footer-social-icon {
    justify-content: center !important;
    width: 100% !important;
  }
}

/* Mobile nav modal — must be above everything */
.wp-block-navigation__responsive-container.is-menu-open {
  z-index: 100000 !important;
  position: fixed !important;
}

.wp-block-navigation__responsive-container-close {
  z-index: 100001 !important;
}

.header-primary {
  z-index: 100000 !important;
}
.header-secondary {
  z-index: 100000 !important;
}

.header-secondary:has(.is-menu-open) {
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
  position: static !important;
  overflow: visible !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation__container {
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
}

.wp-block-navigation__responsive-container.is-menu-open
  .wp-block-navigation-item {
  justify-content: center !important;
}

#wp--skip-link--target
  > div
  > div.wp-block-group.alignfull.header-2.is-layout-flow.wp-block-group-is-layout-flow.wp-container-5.is-position-sticky
  > header
  > div
  > div.wp-block-group.is-content-justification-right.is-nowrap.is-layout-flex.wp-container-core-group-is-layout-f4c28e8b.wp-block-group-is-layout-flex
  > nav {
  background-color: transparent !important;
}

.wp-block-post-title {
  text-align: center !important;
}