/*
 Theme Name: Astra Child
 Template: astra
 Version: 1.0
*/









/* ---------- Global tweaks ---------- */
body { color: var(--ink); }

/* Site Title font: Share 400 */
.site-title,
.site-title a {
  font-family: "Share", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}


:root {
  --main-color: #6B8E23;
  --sub-color: #26c4c0;
  --light-sub-color: #7ddcd9;
}

/* Sticky/mobile header copies */
.ast-sticky-active .site-title,
.ast-sticky-active .site-title a,
.ast-mobile-header-wrap .site-title,
.ast-mobile-header-wrap .site-title a {
  font-family: "Share", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  font-weight: 400;
}


/* Solid green button for links */
.ftpk-btn { 
  display: inline-block;
  padding: 0.65rem 1.1rem;
  border-radius: 999px;
  font-weight: 600;
  line-height: 1;
  text-decoration: none;
  /* transition: transform 120ms ease, box-shadow 120ms ease, background-color 120ms ease; */
  border-radius: 999px; 
  padding: 6px 12px;
}

/* Green variant */
.ftpk-btn--green {
  --btn-green: #6B8E23;        /* base */
  --btn-green-hover: #5A771D;  /* hover */
  --btn-green-active: #ffffff; /* active */
  color: #fff;
  background: var(--btn-green);
  /* box-shadow: 0 2px 0 rgba(0,0,0,0.12), 0 6px 14px rgba(31,138,76,0.25); */
  border: 1px solid rgba(0,0,0,0.05);
  border-radius: 999px; 
  padding: 6px 12px;
  text-transform: uppercase;
}

.ftpk-btn--green:hover { background: var(--btn-green-hover); color: #ffffff; }
.ftpk-btn--green:active { background: var(--btn-green-active); transform: translateY(1px); }
.ftpk-btn--green:focus-visible { outline: 2px solid #0f5c31; outline-offset: 2px; }

/* Disabled states */
.ftpk-btn[aria-disabled="true"],
.ftpk-btn.is-disabled {
  pointer-events: none;
  opacity: 0.6;
  box-shadow: none;
}

/* Optional sizes */
.ftpk-btn--sm { padding: 0.45rem 0.8rem; font-size: 0.9rem; }
.ftpk-btn--lg { padding: 0.85rem 1.25rem; font-size: 1.05rem; }





.ast-mobile-header-wrap .ast-mobile-header-content, .ast-desktop-header-content {
    border-bottom: 2px solid #000 !important;
}

h2, h3, h4, h5, h6 {
    margin-top: 10px !important;
    margin-bottom: 20px !important;
}

h3 {
    letter-spacing: .04em;
}
p {
    margin-top: 0px !important;
}

/* Centered header with line through it - for Gutenberg/Astra */
/* Add "ftpk-line-header" class to your container block */

/* Default style - black line, white text background */
.ftpk-line-header {
    text-align: center;
    position: relative;
}

.ftpk-line-header::before {
    content: '';
    position: absolute;
    top: calc(50% - 8px);
    left: 0;
    right: 0;
    height: 2px;
    background-color: black;
    z-index: 0;
}

.ftpk-line-header .uagb-heading-text {
    position: relative;
    display: inline-block;
    background-color: white;
    padding: 0 40px;
    max-width: calc(100% - 80px);
    z-index: 1;
    color: #000000 !important;
}

/* White variant - white line, dark text background */
/* Add both "ftpk-line-header" and "ftpk-line-header-white" classes */
.ftpk-line-header.ftpk-line-header-white::before {
    background-color: white;
}

.ftpk-line-header.ftpk-line-header-white .uagb-heading-text {
    background-color: #6B8E23;
    color: white !important;
}



.current-menu-item {
    font-weight: 900 !important;
}

.menu-link:hover {
    color: rgba(255,255,255,.6) !important;
}

.ftpk-nowrap {
    white-space: nowrap !important;
}

h3.ftpk-contact-header {
    margin-bottom: 0px !important;
}

@media (max-width: 600px) {
    h3.ftpk-contact-header {
        margin-bottom: 8px !important;
    }
}

/* HOMEPAGE */

.ftpk-home-cta p {
    font-family: Pompiere, sans-serif !important;
    font-size: 55px !important;
    color: #FFFFFF !important;
    margin-bottom: 0px !important;
}

/* SLIDESHOW */

/* Apply effect to any gallery wrapper that has .ftpk-fade-peek */
.ftpk-fade-peek .splide__track {
  padding-left: var(--ftpk-peek, 60px) !important;
  padding-right: var(--ftpk-peek, 60px) !important;
}

/* Fade all slides by default */
.ftpk-fade-peek .splide__list > .splide__slide {
  opacity: .35 !important;
  transition: opacity .25s ease;
}

/* Immediate neighbors brighter + clickable cursor */
.ftpk-fade-peek .splide__list > .splide__slide.is-prev,
.ftpk-fade-peek .splide__list > .splide__slide.is-next {
  opacity: .4 !important;
  cursor: pointer;
}

/* Active slide full opacity */
.ftpk-fade-peek .splide__list > .splide__slide.is-active {
  opacity: 1 !important;
}

/* Optional: small emphasis on active image */
.ftpk-fade-peek .splide__slide.is-active img { 
  transform: scale(1.01); 
  transition: transform .25s ease; 
}

/* Show pointer only on the centered slide */
.splide .splide__slide.is-active.is-visible,
.splide .splide__slide.is-active.is-visible .kb-gallery-item-link,
.splide .splide__slide.is-active.is-visible img {
  cursor: pointer;
}

/* Make sure side slides look non-clicky */
.splide .splide__slide:not(.is-active.is-visible),
.splide .splide__slide:not(.is-active.is-visible) .kb-gallery-item-link,
.splide .splide__slide:not(.is-active.is-visible) img {
  cursor: default;
}

/* Subtle hover hint on the centered image */
.splide .splide__slide.is-active.is-visible img:hover {
  transform: translateZ(0) scale(1.01);
  transition: transform 120ms ease;
}

/* Make sure overlay sits on top (you set it to white, this keeps it clickable) */
.ftpk-lightbox { z-index: 999999; pointer-events: auto; }

/* Pointer only for the centered slide */
.splide .splide__slide.is-active.is-visible,
.splide .splide__slide.is-active.is-visible .kb-gallery-item-link,
.splide .splide__slide.is-active.is-visible img { cursor: pointer; }



/* CONTENT */

@media (max-width: 600px) {
  .ftpk-content-container.ftpk-content-container { 
    padding-top: 0;
    padding-left: 20px !important; 
    padding-bottom: 0;
    padding-right: 20px !important; 
    }

    .ast-site-identity .site-title a {
        font-weight: 700 !important;
        /* font-size: 24px !important; */
    }
}

/*
.image-border-green {
    border: 6px solid #6B8E23 !important;
}
.image-border-white {
    border: 6px solid #FFFFFF !important;
}
*/

.ftpk-content-container.ftpk-content-container-white {
    background-color: #FFFFFF;
}

.ftpk-content-container.ftpk-content-container-green {
    background-color: #6B8E23;
}

.ftpk-content-container.ftpk-content-container-white .ftpk-content-image-border {
    border: 8px solid #6B8E23 !important;
}

.ftpk-content-container.ftpk-content-container-white .ftpk-content-image-border.ftpk-content-image-border-round {
    border-bottom-color: #6B8E23;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #6B8E23;
    border-left-style: solid;
    border-left-width: 8px;
    border-right-color: #6B8E23;
    border-right-style: solid;
    border-right-width: 8px;
    border-top-color: #6B8E23;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-style: solid;
    border-top-width: 8px;
}

.ftpk-content-container.ftpk-content-container-green .ftpk-content-image-border {
    border: 8px solid #FFFFFF !important;
}
.ftpk-content-container.ftpk-content-container-green .ftpk-content-image-border.ftpk-content-image-border-round {
    border-bottom-color: #FFFFFF;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #FFFFFF;
    border-left-style: solid;
    border-left-width: 8px;
    border-right-color: #FFFFFF;
    border-right-style: solid;
    border-right-width: 8px;
    border-top-color: #FFFFFF;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-style: solid;
    border-top-width: 8px;
}

/* All text inside the green container is white */
/* .ftpk-content-container.ftpk-content-container-green {
  color: #FFFFFF !important;
} */

/* Links stay white (incl. visited) with a subtle hover */
.ftpk-content-container.ftpk-content-container-green a:where(:link, :visited) { color: #FFFFFF; }
.ftpk-content-container.ftpk-content-container-green a:where(:hover, :focus)  { color: #FFFFFF; opacity: .9; }

/* Headings inherit too (helps if theme sets heading colors separately) */
.ftpk-content-container.ftpk-content-container-green :where(h1,h2,h3,h4,h5,h6, p, li, small, strong, em, figcaption) {
  color: #FFFFFF;
}

.ftpk-content-container.ftpk-content-container-green .ftpk-header-lines hr {
    background-color: #FFFFFF !important;
    border-bottom-color: #FFFFFF !important;
    border-left-color: #FFFFFF !important;
    border-right-color: #FFFFFF !important;
    border-top-color: #FFFFFF !important;
}


/* about us */

.ftpk-content-container.ftpk-content-container-white .ftpk-about-image {
    border-bottom-color: #6B8E23;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #6B8E23;
    border-left-style: solid;
    border-left-width: 8px;
    border-right-color: #6B8E23;
    border-right-style: solid;
    border-right-width: 8px;
    border-top-color: #6B8E23;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-style: solid;
    border-top-width: 8px;
}

.ftpk-content-container.ftpk-content-container-green .ftpk-about-image {
    border-bottom-color: #FFFFFF;
    border-bottom-left-radius: 9999px;
    border-bottom-right-radius: 9999px;
    border-bottom-style: solid;
    border-bottom-width: 8px;
    border-image-outset: 0;
    border-image-repeat: stretch;
    border-image-slice: 100%;
    border-image-source: none;
    border-image-width: 1;
    border-left-color: #FFFFFF;
    border-left-style: solid;
    border-left-width: 8px;
    border-right-color: #FFFFFF;
    border-right-style: solid;
    border-right-width: 8px;
    border-top-color: #FFFFFF;
    border-top-left-radius: 9999px;
    border-top-right-radius: 9999px;
    border-top-style: solid;
    border-top-width: 8px;
}

/* more container */



/* ===== FTPK Expandable (auto-collapsible) ===== */
/* Base */
.ftpk-more {
  --ftpk-max: 680px;
  --ftpk-fade: 3rem;  /* fade height */
  position: relative;
}

.ftpk-more.ftpk-about-us {
  --ftpk-max: 480px !important;
}

/* Collapsed state only when truly collapsible (JS sets is-collapsible) */
.ftpk-more.is-collapsible:not(.is-open) .ftpk-more__content {
  max-height: var(--ftpk-max);
  overflow: hidden;
  position: relative;             /* anchor the fade to the content box */
}

/* Fade lives on the CONTENT, not the wrapper */
.ftpk-more.is-collapsible:not(.is-open) .ftpk-more__content::after {
  content: "";
  position: absolute;
  left: 0; right: 0; bottom: 0;
  height: var(--ftpk-fade);
  pointer-events: none;
}

.ftpk-content-container.ftpk-content-container-white .ftpk-more.is-collapsible:not(.is-open) .ftpk-more__content::after {
  /* match your section background if not white */
  background: linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,.95));
}

.ftpk-content-container.ftpk-content-container-green .ftpk-more.is-collapsible:not(.is-open) .ftpk-more__content::after {
  /* match your section background if not white */
  background: linear-gradient(to bottom, rgba(107,142,35,0), rgba(107,142,35,.95));
}


/* Smooth animation (optional) */
.ftpk-more .ftpk-more__content { transition: max-height .28s ease; }
@media (prefers-reduced-motion: reduce) {
  .ftpk-more .ftpk-more__content { transition: none; }
}

/* Hide the toggle entirely if not needed */
.ftpk-more:not(.is-collapsible) .ftpk-more__toggle { display: none !important; }

/* Keep button styling intact (Gutenberg/Spectra) */
.ftpk-more .ftpk-more__toggle .wp-block-button__link,
.ftpk-more .ftpk-more__toggle .uagb-button__link,
.ftpk-more .ftpk-more__toggle a {
  text-decoration: none;
  color: inherit;
}



/* Optional: if you want a minimal default look even when using a plain link */
.ftpk-more .ftpk-more__toggle a:not([class*="button__link"]) {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem .875rem;
  border-radius: .5rem;
  background: var(--ftpk-btn-bg, #111);
  color: var(--ftpk-btn-fg, #fff);
}
.ftpk-more .ftpk-more__toggle a:not([class*="button__link"]):hover {
  filter: brightness(1.1);
}

.ftpk-content-container.ftpk-content-container-green .ftpk-more__toggle {
    color: #FFFFFF !important;
}

.ftpk-content-container.ftpk-content-container-white .ftpk-more__toggle {
    color: #FFFFFF !important;
}


/* Ensure the fade never sits over the button area */
.ftpk-more .ftpk-more__toggle { position: relative; z-index: 2; }
.ftpk-more .ftpk-more__content::after { z-index: 0; pointer-events: none; }



/* Disable collapsible behavior on small screens */
@media (max-width: 768px) {
  .ftpk-more .ftpk-more__content {
    max-height: none !important;   /* show full content */
    overflow: visible !important;
  }
  .ftpk-more .ftpk-more__content::after { 
    display: none !important;      /* remove fade */
  }
  .ftpk-more .ftpk-more__toggle {
    display: none !important;      /* hide the button */
  }
}



/* FOOTER */

.ftpk-footer-topborder {
    border-top-width: 1px !important;
}



/* MODAL */

/* Center the "X" inside the circular close button */
.ftpk-modal__close{
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  padding: 0;
}


.ftpk-no-border {
    border: 0px !important;
    border-bottom-width: 0px !important;
    border-left-width: 0px !important;
    border-right-width: 0px !important;
    border-top-width: 0px !important;
}

/* COOKIE BANNER */

.ftpk-cb {
    padding: 20px !important;
}
.ftpk-cb__text {
    font-size: 1rem; 
}

html#facebook .instagram-media {
    color: #000000 !important;
}


/* BOLD CURRENT DAY */

/* Make today's block bold; tweak as needed */
.ftpk-contact-is-today { font-weight: 700; }

/* Optional: add a subtle highlight and keep layout steady */
.ftpk-contact-is-today {
  outline: 0;
}


/* ==== Max Mega Menu (Astra) — right-aligned toggle, overlay panel, fixed width ==== */

/* Header must allow the panel to overflow */
.ast-main-header-bar-alignment,
.site-header-section { overflow: visible !important; }

/* Config */
#mega-menu-wrap-primary {
  --menu-width: 240px;      /* control your panel width here */
  --toggle-nudge: 0px;      /* vertical nudge for the toggle if needed */
}

/* Wrapper: right-anchored column; anchor for absolute UL */
#mega-menu-wrap-primary {
  display: flex !important;
  flex-direction: column;
  align-items: flex-end;     /* right edge */
  position: relative !important; /* anchor for absolute-positioned UL */
  width: auto !important;
  max-width: none !important;
  flex: 0 0 auto !important;
  z-index: 10;
}

/* Toggle: keep snug on the right and above the panel edge */
#mega-menu-wrap-primary .mega-menu-toggle {
  align-self: flex-end;
  display: inline-block !important;
  width: auto !important;
  float: none !important;
  position: relative;
  z-index: 10000;            /* keep clickable above panel border */
  margin-top: 0 !important;
}

/* Optional: vertical nudge for the toggle block */
#mega-menu-wrap-primary [id^="mega-toggle-block-"] {
  position: relative;
  top: var(--toggle-nudge);
}

/* Prevent plugin defaults from forcing a line break */
#mega-menu-wrap-primary .mega-menu-toggle + .mega-menu { clear: none !important; }

/* Right align the header's right block, if present */
#mega-menu-wrap-primary .mega-toggle-blocks-right {
  display: flex;
  align-items: flex-start;
  margin-left: auto !important;
}

/* Panel (UL): fixed width, overlayed under the toggle */
#mega-menu-wrap-primary > ul#mega-menu-primary {
  position: absolute !important;     /* overlay, not push */
  top: calc(100% + 8px);             /* gap under the toggle */
  right: 0;
  left: auto;
  z-index: 9999;

  width: var(--menu-width) !important;
  max-width: min(92vw, var(--menu-width)) !important;
  margin: 0 !important;              /* spacing handled by 'top' */
  box-sizing: border-box !important;
  border: 2px solid #5A771D !important;
  padding-top: 2px;                  /* slight breathing room (optional) */
}

/* Long menu safety: scroll inside the panel on shorter viewports */
@media (max-height: 800px) {
  #mega-menu-wrap-primary > ul#mega-menu-primary {
    max-height: 70vh;
    overflow: auto;
  }
}

/* ====== Toggle icon color/thickness (hamburger) ====== */
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-animated-inner::after {
  background-color: #6b8e23 !important; /* lines color */
  /* height: 2px;  line thickness if desired */
}
#mega-menu-wrap-primary .mega-menu-toggle[aria-expanded="true"] .mega-toggle-animated-inner,
#mega-menu-wrap-primary .mega-menu-toggle[aria-expanded="true"] .mega-toggle-animated-inner::before,
#mega-menu-wrap-primary .mega-menu-toggle[aria-expanded="true"] .mega-toggle-animated-inner::after {
  background-color: #6b8e23 !important; /* same when active */
}

/* ====== Top-level items ====== */
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-primary > li.mega-menu-item > a.mega-menu-link:focus-visible {
  color: #ffffff !important;
  background-color: #6B8E23 !important;
  text-decoration: none;
}
#mega-menu-primary > li.mega-menu-item:hover > a.mega-menu-link {
  background-color: #5A771D !important;
}
#mega-menu-primary > li.mega-current-menu-item > a.mega-menu-link,
#mega-menu-primary > li.mega-current-menu-ancestor > a.mega-menu-link {
  color: #ffffff !important;
  background-color: #5A771D !important;
}

/* ====== Submenu (panel) look ====== */
#mega-menu-wrap-primary #mega-menu-primary.mega-menu .mega-sub-menu {
  background: #5A771D !important;
  border-color: transparent;
}
#mega-menu-wrap-primary #mega-menu-primary.mega-menu .mega-sub-menu .mega-sub-menu {
  background: #5A771D !important;
}
#mega-menu-wrap-primary #mega-menu-primary.mega-menu .mega-sub-menu a.mega-menu-link {
  background: transparent !important;
  color: #ffffff !important;
  font-size: 18px !important;
  padding: 4px 16px !important;
}
#mega-menu-wrap-primary #mega-menu-primary.mega-menu .mega-sub-menu a.mega-menu-link:hover,
#mega-menu-wrap-primary #mega-menu-primary.mega-menu .mega-sub-menu a.mega-menu-link:focus-visible {
  background: #466115 !important;
  color: #ffffff !important;
}

/* Vertical/mobile variant (if used) */
#mega-menu-wrap-primary #mega-menu-primary.mega-menu.mega-menu-vertical .mega-sub-menu {
  background: #5A771D !important;
}

/* Submenu link hit area + caret */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  display: block;
  position: relative;
  padding-left: 28px !important;
  line-height: 1.4;
}
/* Caret: text arrow (›). Swap for triangle version if preferred. */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link::before {
  content: "›";
  position: absolute;
  left: 12px;
  top: 40%;
  transform: translateY(-50%);
  font-size: 24px;
  line-height: 1;
  color: currentColor;
  opacity: .9;
}
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link:hover::before,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link:focus-visible::before {
  transform: translateY(-50%) translateX(2px);
}
/* Deeper levels: extra indent */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu .mega-sub-menu li.mega-menu-item > a.mega-menu-link {
  padding-left: 36px !important;
}

/* Submenu "ON" (active/current/expanded) */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-current_page_item > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-current_page_ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link[aria-current="page"] {
  background: rgb(80, 105, 26) !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Also style parent top-level when a child is current */
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link,
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-toggle-on > a.mega-menu-link {
  background: #5A771D !important;
  color: #ffffff !important;
}

/* If you used the caret ::before, sync its color on 'ON' states */
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-current-menu-item > a.mega-menu-link::before,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-current-menu-ancestor > a.mega-menu-link::before,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item.mega-toggle-on > a.mega-menu-link::before,
#mega-menu-wrap-primary #mega-menu-primary .mega-sub-menu li.mega-menu-item > a.mega-menu-link[aria-current="page"]::before {
  color: #ffffff !important;
  border-left-color: #ffffff !important; /* if triangle caret variant is used */
}




/* === GTranslate Float — compact bottom-left preset === */
.gtranslate_wrapper {
  /* Tweak these to taste */
  --gt-scale: 0.82;   /* overall size (0.70–0.95 is common) */
  --gt-font: 12px;    /* label size */
  --gt-flag: 14px;    /* flag width */

  position: fixed !important;   /* ensure it sits where you want */
  bottom: 16px !important;
  left: 16px !important;
  right: auto !important;
  z-index: 10000 !important;     /* above most UI */
}

/* Scale from the bottom-left corner so it doesn’t drift */
.gtranslate_wrapper .gt_float_switcher,
.gtranslate_wrapper .gt_switcher {
  transform: scale(var(--gt-scale));
  transform-origin: bottom left;
}

/* Tighten typography and padding */
.gtranslate_wrapper .gt_float_switcher,
.gtranslate_wrapper .gt_switcher *,
.gtranslate_wrapper .gt_float_switcher .gt-selected,
.gtranslate_wrapper .gt_switcher .gt-selected {
  font-size: var(--gt-font) !important;
  line-height: 1.25 !important;
}

.gtranslate_wrapper .gt_float_switcher .gt-selected,
.gtranslate_wrapper .gt_switcher .gt-selected {
  padding: 6px 10px !important;
  border-radius: 0px !important;
  border: 1px solid rgba(0,0,0,.12) !important;
  background: #fff !important;
  box-shadow: 0 2px 8px rgba(0,0,0,.08) !important; /* soften or remove */
}

/* Flags */
.gtranslate_wrapper .gt_flag img,
.gtranslate_wrapper .gt_selected .gt_flag img,
.gtranslate_wrapper .gt_options .gt_flag img {
  width: var(--gt-flag) !important;
  height: auto !important;
}

/* Dropdown options spacing */
.gtranslate_wrapper .gt_options a {
  padding: 6px 10px !important;
}

/* Optional: hide the “Language/Idioma” placeholder text if it shows up */
.gtranslate_wrapper .gt-selected .gt_language,
.gtranslate_wrapper .gt_options .gt_language {
  /* comment out if you want text labels */
  /* display: none !important; */
}



/* ===============================
   FTPK Top Banners (clean)
   — Your original layout preserved —
   — Outer Spectra container paints background —
   =============================== */

/* Tokens (tweak as needed) */
:root {
  --ftpk-banner-max-width: 1200px;
  --ftpk-banner-padding-y: 0px;
  --ftpk-banner-padding-x: 16px;
  --ftpk-banner-radius: 0px;
  --ftpk-banner-shadow: 0 2px 10px rgba(0,0,0,.06);
  --ftpk-banner-fg: #111;
  --ftpk-banner-link-underline: underline;
}

/* Group wrapper (above/below) */
.ftpk-top-banners { width: 100%; position: relative; z-index: 9; }

/* Single banner (do not set background here) */
.ftpk-top-banner {
  position: relative;
  display: block;
  box-sizing: border-box;
  /* background removed on purpose so container can own it */
  background: transparent !important;
  color: var(--ftpk-banner-fg);
  border-radius: var(--ftpk-banner-radius);
  box-shadow: var(--ftpk-banner-shadow);
  white-space: normal;
  overflow: hidden; /* clip to rounded corners */
  background-color: #6B8E23 !important;
}
.ftpk-top-banner * { box-sizing: inherit; }

.ftpk-top-banner__inner {
  position: relative; z-index: 2;
  max-width: var(--ftpk-banner-max-width);
  margin-left: auto; margin-right: auto;
  padding: var(--ftpk-banner-padding-y) var(--ftpk-banner-padding-x);
}

/* ===== Background painter (reads the container's own background) =====
   - Targets the FIRST Spectra container inside __inner
   - Uses its background to paint a full-bleed layer behind content
*/
.ftpk-top-banner__inner > .wp-block-uagb-container.alignfull.uagb-is-root-container {
  position: relative; /* establish context for the painter */
  z-index: 0;
}

/* The painter covers the entire banner area + full viewport width */
.ftpk-top-banner__inner > .wp-block-uagb-container.alignfull.uagb-is-root-container::before {
  content: "";
  position: absolute;
  /* extend to viewport edges from the inner's center */
  left: calc(50% - 50vw);
  right: calc(50% - 50vw);
  /* include the inner padding so color reaches the banner edges */
  top: calc(-1 * var(--ftpk-banner-padding-y));
  bottom: calc(-1 * var(--ftpk-banner-padding-y));
  background: inherit;   /* <-- uses the container's background you set in editor */
  z-index: -1;           /* sit behind everything */
  pointer-events: none;
}

/* Make sure inner wrappers/overlays don’t mask the color */
.ftpk-top-banner .uagb-container-inner-blocks-wrap,
.ftpk-top-banner .uagb-container__overlay,
.ftpk-top-banner .uagb-container__shape,
.ftpk-top-banner .wp-block-cover__background,
.ftpk-top-banner .wp-block-cover__gradient-background {
  background: transparent !important;
}

/* ===== Minimal stacking fix (Spectra + core) ===== */
/* Stack the immediate Spectra container children inside banner */
.ftpk-top-banner .uagb-container-inner-blocks-wrap > .wp-block-uagb-container {
  display: flex !important;
  flex-direction: column !important;
  align-items: stretch !important;
  flex-wrap: nowrap !important;
}

/* If any nested Spectra container is flex, make it column */
.ftpk-top-banner .wp-block-uagb-container { flex-direction: column !important; }

/* Core buttons block: drop below preceding text nicely */
.ftpk-top-banner .wp-block-buttons { width: 100%; margin-top: .5rem; }

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

/* Keep links from forcing nowrap */
.ftpk-top-banner a { white-space: normal !important; }

/* ===== Optional skins (use as extra classes on the top container) ===== */
.ftpk-top-banner.ftpk--slim { border-radius: 0; box-shadow: none; }
.ftpk-top-banner.ftpk--emphasis { color: #fff; } /* color only; bg comes from container */
.ftpk-top-banner.ftpk--outline { background: transparent; border: 2px solid currentColor; box-shadow: none; }

.uagb-block-8474ddc6 {
    padding-left: 20px !important;
}



/* LOGO SLIDESHOW */

/* MetaSlider #1480 - Height and centering */
#metaslider_1480,
#metaslider_container_1480 {
    height: 120px !important;
}

#metaslider_1480 .flex-viewport {
    height: 120px !important;
}

#metaslider_1480 .slides {
    height: 120px !important;
}

#metaslider_1480 .slides li {
    height: 120px !important;
    width: auto !important;
    flex-shrink: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding-right: 25px !important;
    padding-left: 25px !important;
}

#metaslider_1480 .slides li img {
    max-height: 120px !important;
    width: auto !important;
    height: auto !important;
}

/* Remove ALL possible outlines and borders */
#metaslider_1480 *,
#metaslider_1480 *:focus,
#metaslider_1480 *:active,
#metaslider_1480 *::before,
#metaslider_1480 *::after {
    outline: none !important;
    outline-width: 0 !important;
    outline-style: none !important;
    outline-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
}