.elementor-kit-335{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;background-color:#FFF7E6;}.elementor-kit-335 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.elementor-lightbox{--lightbox-ui-color:#222222;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//****************************************
  0) HOME PAGE BACKGROUND
*****************************************/
html, body { background-color: #FFF7E6; }
body.home,
body.home #page,
body.home .site,
body.home .site-content,
body.home .elementor-location-body {
  background-color: #FFF7E6;
}

/****************************************
  1) ANCHOR JUMP OFFSET (for sticky header)
  Add class "jump-anchor" to target headings (#browse, etc.)
*****************************************/
.jump-anchor:target::before{
  content:"";
  display:block;
  height:140px;
  margin-top:-140px;
}
@media (max-width:1024px){
  .jump-anchor:target::before{ height:160px; margin-top:-160px; }
}
@media (max-width:768px){
  .jump-anchor:target::before{ height:100px; margin-top:-100px; }
}

/****************************************
  2) BRAND-JUMP BUTTON ROW (top 10-link group)
*****************************************/
.brand-jump{
  text-align:center;
  max-width:1140px;
  margin:0 auto;
  padding:0 16px;
}

/* Light-blue pills, orange labels, NO underlines */
.brand-jump a,
.brand-jump a.wp-element-button,
.brand-jump a.elementor-button,
.brand-jump .elementor-button{
  display:inline-block;
  margin:5px;
  padding:10px 14px;
  border-radius:9999px;
  border:1px solid #B7D5FF;
  background:#DCEEFF;
  color:#AD5207;
  line-height:1.2;
  text-decoration:none;
}
.brand-jump a:hover,
.brand-jump a:focus,
.brand-jump a:active,
.brand-jump a:visited,
.brand-jump .elementor-button:hover{
  text-decoration:none;
  color:#AD5207;
  background:#CFE6FF;
  border-color:#A8CCFF;
}
/* Ensure inner spans/icons inherit */
.brand-jump a *,
.brand-jump .elementor-button *{
  color:inherit;
  text-decoration:inherit;
}

/****************************************
  3) STRIP ACTION BUTTONS (per brand row under each gallery)
*****************************************/
.strip-actions{ text-align:center; margin:12px 0 0; }

.strip-action{
  display:inline-block;
  margin:5px;
  padding:8px 12px;
  border-radius:9999px;
  border:1px solid #B7D5FF;
  background:#DCEEFF;
  color:#AD5207;
  line-height:1.2;
  text-decoration:none;
}
.strip-action:hover,
.strip-action:focus{
  background:#CFE6FF;
  border-color:#A8CCFF;
  color:#AD5207;
  text-decoration:none;
}
.strip-action.is-small{ padding:6px 10px; font-size:14px; }
.strip-action.is-large{ padding:12px 18px; font-size:16px; }
/* Inner spans inherit */
.strip-action *{ color:inherit; text-decoration:inherit; }

/****************************************
  4) ELEMENTOR LIGHTBOX — keep close (×) visible
*****************************************/
html body .elementor-lightbox,
html body .dialog-type-lightbox { z-index:999999; }

html body .elementor-lightbox .dialog-close-button,
html body .dialog-type-lightbox .dialog-close-button{
  display:block;
  position:absolute;
  top:12px; right:12px;
  width:42px; height:42px; line-height:42px;
  background:rgba(255,255,255,.9);
  border-radius:999px;
  box-shadow:0 2px 8px rgba(0,0,0,.18);
  z-index:1000000;
  opacity:1;
  pointer-events:auto;
}
/* Draw an X even if icon fonts fail */
html body .elementor-lightbox .dialog-close-button:before,
html body .dialog-type-lightbox .dialog-close-button:before,
html body .elementor-lightbox .dialog-close-button:after,
html body .dialog-type-lightbox .dialog-close-button:after{
  content:"";
  position:absolute;
  top:50%; left:50%;
  width:18px; height:2px;
  background:#222;
  transform-origin:center;
}
html body .elementor-lightbox .dialog-close-button:before,
html body .dialog-type-lightbox .dialog-close-button:before{ transform:translate(-50%,-50%) rotate(45deg); }
html body .elementor-lightbox .dialog-close-button:after,
html body .dialog-type-lightbox .dialog-close-button:after{ transform:translate(-50%,-50%) rotate(-45deg); }
/* Keep images within viewport */
html body .elementor-lightbox .elementor-lightbox-image{
  max-height:90vh; width:auto; height:auto;
}

/****************************************
  5) EXPLORE BY LANGUAGE — SLIDER (flags + labels)
*****************************************/
/* Section frame */
.language-strip{
  max-width:1140px;
  margin:0 auto;
  padding:24px 16px 12px;

  /* default variables (not used when square presets are applied) */
  --flag-w:60px; --flag-h:40px; --card-w:84px; --label-fs:13px; --card-gap:6px;
}
.language-strip h2{
  margin:0 0 8px;
  font-size:clamp(24px,3.2vw,32px);
  line-height:1.2;
  text-align:center;
}
.language-intro{
  margin:0 auto 12px;
  text-align:center;
  max-width:70ch;
  font-size:16px;
  line-height:1.6;
}

/* Horizontal scroll (no JS) */
.lang-slider{
  display:block;
  overflow-x:auto;
  overflow-y:hidden;
  white-space:nowrap;
  -webkit-overflow-scrolling:touch;
  padding:6px 2px 2px;
  margin:8px auto 0;
  border-radius:12px;
}

/* Card (flag + label) */
.language-strip .lang-card{
  display:inline-flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  width:var(--card-w);
  margin:var(--card-gap);
  text-align:center;
  text-decoration:none;
  color:#AD5207;
}
.language-strip .lang-flag{
  display:block;
  width:var(--flag-w);
  height:var(--flag-h);
  object-fit:cover;
  border-radius:10px;               /* default rounded-rect (overridden by square preset below) */
  border:1px solid #B7D5FF;
  background:#fff;
}
.language-strip .lang-name{
  display:block;
  margin-top:4px;
  font-size:var(--label-fs);
  line-height:1.2;
}

/* Hover/focus (no underline) */
.language-strip .lang-card:hover .lang-flag,
.language-strip .lang-card:focus .lang-flag{ border-color:#A8CCFF; box-shadow:0 4px 10px rgba(0,0,0,.12); }
.language-strip .lang-card:hover .lang-name,
.language-strip .lang-card:focus .lang-name{ color:#AD5207; text-decoration:none; }
/* Ensure the anchor itself never underlines */
.language-strip .lang-card,
.language-strip .lang-card:hover,
.language-strip .lang-card:focus,
.language-strip .lang-card:active,
.language-strip .lang-card:visited{
  text-decoration:none; color:#AD5207;
}

/* Optional: slimmer scrollbar */
.lang-slider::-webkit-scrollbar{ height:6px; }
.lang-slider::-webkit-scrollbar-thumb{ background:rgba(0,0,0,.15); border-radius:99px; }
.lang-slider{ scrollbar-width:thin; }

/* --- Square flag preset (current choice) --- */
html body .language-strip.is-square-lg{
  --flag-s:120px;      /* flag side length */
  --card-w:168px;      /* prevents label wrap under larger flags */
  --label-fs:18px;
  --card-gap:12px;
}
/* Force perfect square flags and apply bigger size */
html body .language-strip.is-square-lg .lang-flag{
  width:var(--flag-s);
  height:var(--flag-s);
  object-fit:cover;
  border-radius:12px;  /* change to 50% for circles */
  border:1px solid #B7D5FF;
  background:#fff;
}
html body .language-strip.is-square-lg .lang-card{ width:var(--card-w); margin:var(--card-gap); }
html body .language-strip.is-square-lg .lang-name{ font-size:var(--label-fs); }

/* Tiny screens: allow wrapping instead of long scroll if desired */
@media (max-width:480px){
  .lang-slider{ white-space:normal; }
  html body .language-strip.is-square-lg{
    --flag-s:96px;
    --card-w:140px;
    --label-fs:16px;
    --card-gap:10px;
  }
}
/* ==== Kill underlines in Brand Galleries (strip-actions) ==== */
html body .strip-actions a,
html body .strip-actions a:link,
html body .strip-actions a:visited,
html body .strip-actions a:hover,
html body .strip-actions a:focus,
html body .strip-actions a:active {
  text-decoration: none;
  border-bottom: 0;
}

/* If your theme draws decorative lines via ::after, remove them here */
html body .strip-actions a::after { content: none; }

/* Ensure any inner spans/icons inherit the no-underline */
html body .strip-actions a * { text-decoration: inherit; }

/* ==== Kill underlines in Explore by Language ==== */
html body .language-strip a,
html body .language-strip a:link,
html body .language-strip a:visited,
html body .language-strip a:hover,
html body .language-strip a:focus,
html body .language-strip a:active {
  text-decoration: none;
  border-bottom: 0;
  color: #AD5207; /* keep your orange label */
}

/* Remove decorative underline pseudo-elements if the theme adds them */
html body .language-strip a::after { content: none; }

/* Labels must not add their own underline */
html body .language-strip .lang-name {
  text-decoration: none;
  border: 0;
}

/* Keep hover/focus clean */
html body .language-strip .lang-card:hover .lang-name,
html body .language-strip .lang-card:focus .lang-name {
  text-decoration: none;
  color: #AD5207;
}
/* HOME PAGE: make all typography use #AD5207 (brand orange) */
body.home {
  color: #AD5207;
}

/* Headings (Elementor + Gutenberg + theme) */
body.home h1,
body.home h2,
body.home h3,
body.home h4,
body.home h5,
body.home h6,
body.home .elementor-heading-title {
  color: #AD5207;
}

/* Paragraphs, lists, captions, blockquotes, small print */
body.home p,
body.home li,
body.home dt,
body.home dd,
body.home figcaption,
body.home blockquote,
body.home cite,
body.home small,
body.home .wp-block-paragraph,
body.home .wp-block-list {
  color: #AD5207;
}

/* Links on Home should also be orange (no underline by default) */
body.home a,
body.home a:link,
body.home a:visited,
body.home a:hover,
body.home a:focus,
body.home a:active {
  color: #AD5207;
  text-decoration: none;
}

/* Keep our existing button styling unchanged (already orange labels) */
body.home .brand-jump a,
body.home .strip-action { color: #AD5207; text-decoration: none; }

/* Language slider labels inherit orange and no underline */
body.home .language-strip .lang-card,
body.home .language-strip .lang-name { color: #AD5207; text-decoration: none; }

/* If your theme draws decorative underlines via ::after, remove them on Home */
body.home a::after { content: none; }
/* Sub-menu links = brand colour */
.main-header-menu .sub-menu .menu-link,
.ast-builder-menu-1 .sub-menu .menu-link {
  color: var(--brand, #AD5207) !important;
  text-decoration: none;
}

/* Hover/active state */
.main-header-menu .sub-menu .menu-link:hover,
.ast-builder-menu-1 .sub-menu .menu-link:hover,
.main-header-menu .sub-menu .current-menu-item > .menu-link,
.ast-builder-menu-1 .sub-menu .current-menu-item > .menu-link {
  color: var(--brand-ink, #3a1b05) !important;
  background: rgba(173, 82, 7, 0.08);
}

/* If using Elementor Nav Menu widget for dropdowns */
.elementor-nav-menu--dropdown a.elementor-item {
  color: var(--brand, #AD5207) !important;
  text-decoration: none;
}
.elementor-nav-menu--dropdown a.elementor-item:hover,
.elementor-nav-menu--dropdown .elementor-item.elementor-item-active {
  color: var(--brand-ink, #3a1b05) !important;
  background: rgba(173, 82, 7, 0.08);
}
/* Pill button styling */
.cm-footer .cm-top{
  display:inline-flex; align-items:center; gap:.4rem;
  padding:.45rem .8rem; border-radius:999px;
  background:#FFF7E6; color:#AD5207; border:1px solid #AD5207;
  text-decoration:none; line-height:1; font-weight:500;
}
.cm-footer .cm-top:hover,
.cm-footer .cm-top:focus{
  background:#AD5207; color:#FFF7E6; text-decoration:none;
}

/* Optional: place it on the right of your utility bar row */
.cm-footer .utility-row{ display:flex; justify-content:space-between; align-items:center; }

/* Respect users who prefer reduced motion (falls back to instant jump) */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}
/* Blog card basics */
.archive .elementor-post { border:1px solid rgba(173,82,7,.15); border-radius:12px; padding:12px; }
.archive .elementor-post__title a { color:#AD5207; text-decoration:none; }
.archive .elementor-post__title a:hover { text-decoration:underline; }/* End custom CSS */