:root{
  --faq-icon-size: 26px;                 /* tweak to taste (18–24px works great) */
  --faq-icon-closed: url("/wp-content/uploads/2025/10/treasurechestclosed.webp");
  --faq-icon-open:   url("/wp-content/uploads/2025/10/treasurechestopened.webp");
  --bh-h2: #F38A2E;           /* your orange */
  --bh-vine: #3AAE08;
  --ink:#222; --ink-soft:#38423b;
  --orange:#F38A2E; --green:#3AAE08;
  --gold1:#eac556; --gold2:#d5a92d;
  --slate1:#8ba53d; --slate2:#516423;
  --bg-soft:#eef3ef;
  --space-1:.5rem; --space-2:1rem; --space-3:1.5rem; --space-4:2rem;
    --binder-inset: clamp(14px, 2.2vw, 28px);   /* padding away from the stitched edge */
  --binder-radius: 18px;
  --brand-gold: #C89B3C;                      /* brass/rivet gold */
  --brand-orange: #E28C19; 
}
/* H2 specialty (no underline; alternate color) */




.h2-special.minds {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: clamp(30px, 3.8vw, 46px);
  line-height: 1.25;
  text-align: center;
  letter-spacing: 0.4px;
  text-transform: none;
  background: linear-gradient(180deg, #e9c46a 0%, #c47d2d 55%, #9b5e1a 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow:
    0 1px 0 rgba(255, 255, 255, 0.3),
    0 3px 6px rgba(0, 0, 0, 0.25);
  margin: 0 0 12px;
}
.h2-special.minds::after {
  content: "";
  display: block;
  margin: 8px auto 0;
  width: 70px;
  height: 3px;
  border-radius: 2px;
  background: linear-gradient(90deg, #d3a84f, #7c5318);
  opacity: 0.85;
}

/* container is optional; gives nice rhythm */
.faq-grid{
  display:grid;
  gap:14px;
}
.team-heading {
  font-family: "Roboto", sans-serif;
  font-weight: 800;
  font-size: clamp(32px, 4.5vw, 50px);
  line-height: 1.1;
  text-align: center;
  background: linear-gradient(180deg, #dca82c 0%, #f7e394 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 12px;
  letter-spacing:0.5px;
}

.team-heading span {
  display: block;
  font-size: 0.85em;
  background: linear-gradient(180deg, #8ba53d 0%, #516423 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding:2px;
}

.team-heading::after {
  content: "";
  display: block;
  width: 70px;
  height: 3px;
  margin: 14px auto 0;
  border-radius: 2px;
  background: linear-gradient(90deg, #9cbb4d, #677e30);
  opacity: 0.6;
}
.team-paragraph {
  font-family: 'Archivo', sans-serif;
  color: #2b2b2b;
  max-width: 640px;
  margin: 10px auto 0;
  text-align: center;
}

.date-chip{
  font-weight: 900;
  text-transform: none;
  border-radius: 999px;
padding:.28em .75em; letter-spacing:.2px; color:#3a300d;
    background:linear-gradient(180deg,#ffeaa7 0%, #ffdb70 60%, #f4c542 100%);
    border:1px solid rgba(58,48,13,.22);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.18);
}
/* each accordion */
details.faq{
  border-radius:14px;
  border:1px solid rgba(26,67,2,.25);
  background:
    linear-gradient(180deg, rgba(255,255,255,.66), rgba(255,255,255,.46)) ,
    radial-gradient(90% 140% at 0% 0%, rgba(239,181,72,.10), transparent 50%),
    radial-gradient(90% 140% at 100% 0%, rgba(47,107,47,.10), transparent 60%),
    var(--bh-parchment);
  box-shadow: var(--bh-shadow);
  overflow:hidden;
  position:relative;
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

/* slim “vintage map” side accent */
details.faq::before{
  content:"";
  position:absolute;
  inset:0 auto 0 0;
  width:6px;
  background: linear-gradient(180deg, var(--bh-gold), var(--bh-amber));
  opacity:.85;
}

/* hover lift */
details.faq:hover{
  transform: translateY(-1px);
  background-color: #FBF7EB;
  box-shadow: 0 10px 28px rgba(0,0,0,.16), 0 3px 10px rgba(0,0,0,.08);
  border-color: rgba(26,67,2,.35);
}

/* make room for the icon, keep the rest of your FAQ styles */
details.faq > summary{
  background-color: #F7F3E8;
  color: #1A4302;
  border: 1px solid rgba(26,67,2,.25);
  border-left: 5px solid #EFB548;
  font-size: 20px;
  font-weight: 700;
  box-shadow: 0 2px 8px rgba(0,0,0,.08);   
  position: relative;
  padding-left: calc(var(--faq-icon-size) + 34px); /* icon + spacing */
  padding:18px 58px 18px 54px; /* room for icons */
}
details.faq[open] > summary {
  background-color: #FFF5D6;
}
details.faq[open] > summary::before{
  background-image: var(--faq-icon-open);
  transform: translateY(-50%) scale(1.04);
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.22));
}
/* subtle “hover bounce” */
details.faq > summary:hover::before{
  transform: translateY(-50%) scale(1.08);
}
/* remove default marker in Safari/Firefox */
details.faq > summary::-webkit-details-marker { display:none; }
details.faq > summary::marker { content:""; }

/* icon (closed by default) */
details.faq > summary::before{
  content:"";
  position:absolute;
  left:18px; top:50%;
  width:var(--faq-icon-size); height:var(--faq-icon-size);
  transform: translateY(-50%) scale(1);
  background: var(--faq-icon-closed) center/contain no-repeat;
  filter: drop-shadow(0 1px 1px rgba(0,0,0,.18));
  transition: transform .18s ease, filter .18s ease, background-image .1s linear;
}

/* RIGHT icon – chevron (rotates on open) */
/* details.faq > summary::after{
  content:"";
  position:absolute;
  right:18px; top:50%; transform: translateY(-50%) rotate(0deg);
  width:18px; height:18px;
  background-repeat:no-repeat;
  background-size:contain;
  transition: transform .22s ease;
  background-image:url("data:image/svg+xml;utf8,\
  <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%231A4302' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'>\
  <path d='M6 9l6 6 6-6'/>\
  </svg>");
} */
details.faq[open] > summary::after{
  transform: translateY(-50%) rotate(180deg);
}

/* subtle underline on hover for the title text only */
details.faq > summary:hover{
  text-decoration: underline dotted rgba(26,67,2,.4) 2px;
  text-underline-offset: .2em;
}

/* CONTENT wrapper (put your answer text in a div right after summary) */
details.faq > .faq-content{
  padding: 0 22px 18px 22px;
  color: #1d241d;
  line-height: 1.6;
  border-top:1px dashed rgba(26,67,2,.25);
  /* animated open/close */
  max-height: 0;
  overflow: hidden;
  transition: max-height .26s ease;
}
details.faq > .faq-content p {
    margin-top:10px;
}
/* when open, let it breathe */
details.faq[open] > .faq-content{
  max-height: 1000px; /* big enough for most answers */
}

/* bullets inside content */
details.faq .faq-content ul{
  padding-left: 1.1rem;
}
details.faq .faq-content li{
  margin:.25rem 0;
}
details.faq .faq-content strong{
  color: var(--bh-green-900);
}

/* “highlight callout” style for quick examples or stats */
.faq-callout {
  background: linear-gradient(180deg, #1A4302 0%, #2F6B2F 100%);
  border: 2px solid #EFB548;
  border-radius: 10px;
  padding: 14px 18px;
  color: #fff;
  font-weight: 700;
  font-family: "Alegreya Sans SC", sans-serif;
  box-shadow: 0 2px 6px rgba(0,0,0,0.25);
}
.faq-callout strong {
  color: #FFD762;
  text-transform: uppercase;
  letter-spacing: .5px;
}
.faq-callout:hover {
  background: linear-gradient(180deg, #245D07 0%, #377C37 100%);
  box-shadow: 0 4px 10px rgba(0,0,0,0.3);
}

/* respect reduced motion */
@media (prefers-reduced-motion: reduce){
  details.faq > summary::before{ transition:none; }
}
.subscribe-overlay {
  background: rgba(0, 0, 0, 0.70); /* your brand green with transparency */
  backdrop-filter: blur(1px); /* subtle frost effect */
  border: 1px solid rgba(255, 255, 255, 0.15);
  box-shadow: 0 4px 15px rgba(0,0,0,0.4);
  border-radius: 12px;
  padding: 15px 18px;
  margin: 0 auto;
  text-align: center;
}
.subscribe-overlay input[type="email"] {
  background: rgba(255,255,255,0.9);
  color: #333;
  border: none;
  border-radius: 8px 0 0 8px;
  padding: 10px 15px;
  width: 70%;
  font-size: 14px;
}
.subsline {
    font-family:"Archivo", sans-serif;
    font-size:16px;
    color:#fff;
}
.footerform {
      background-image: none !important;
border: 2px solid rgba(255, 255, 255, 0.4) !important;
background: rgba(13, 13, 13, 0.6) !important;
backdrop-filter: blur(5px); /* This creates the frosted glass effect */
-webkit-backdrop-filter: blur(5px); /* For Safari compatibility */
  border-radius: 15px !important;
  padding: 5px 5px !important;
}
.section-title {
font: 800 clamp(26px,3vw,38px)/1.25 "Roboto",sans-serif;
  color: var(--orange);
  display:inline-block; margin:0 0 var(--space-2);
  position:relative; letter-spacing:.4px;
  margin:20px 0 40px 0 !important;
    }
.section-title::after{
  content:"";
  position:absolute;
  left:0;
  bottom:-10px;
  height:4px;
  width:100%;
  border-radius:2px;
  background:linear-gradient(90deg,#9cbb4d,#677e30);
  opacity:.85;
}
/* Main flexbox container for the entire profile */
  .profile-container {
    display: flex;
    align-items: center; /* Vertically aligns the image and text */
    column-gap: 40px; /* Adjust the space between the image and text */
    flex-wrap: wrap; /* Allows items to wrap on smaller screens if needed */
  }

  /* Container for the image */
  .profile-image {
    flex-shrink: 0; /* Prevents the image from shrinking */
  }

  /* Make the image responsive */
  .profile-image img {
    max-width: 250px; /* Matches your original width */
    width: 100%; /* Ensures the image scales down on smaller containers */
    height: auto; /* Maintains the aspect ratio */
  }

  /* Container for all the text content */
  .profile-text {
    flex: 1; /* Allows the text block to grow and fill available space */
  }
  .profile-position {
        font-size: 22px;
        color: white !important;
        font-style: italic;
        font-family: 'Roboto';
    }
    .profile-description {
        font-size: 20px;
        font-family: 'Roboto';
        color: rgba(255, 255, 255, 0.7);
    }
h2 {
    font-family: "Roboto", sans-serif;
    margin:10px auto !important;
}
#ajaxsearchpro1_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.orig, div.asp_m.asp_m_1 .probox .proinput input.orig, #ajaxsearchpro1_2 .probox .proinput input.autocomplete, div.asp_m.asp_m_1 .probox .proinput input.autocomplete {
    font-family:'Archivo', sans-serif !important;
    font-size:16px !important;
}
/* --- Ajax Search Pro Placeholder Style --- */
/* Targets the placeholder in modern browsers */
#ajaxsearchpro1_2 .probox .proinput input.orig::placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::placeholder {
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #ebebeb;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}

/* Fallback for older browsers (optional but good practice) */
#ajaxsearchpro1_2 .probox .proinput input.orig::-webkit-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-webkit-input-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #ebebeb;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
#ajaxsearchpro1_2 .probox .proinput input.orig::-moz-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
#ajaxsearchpro1_2 .probox .proinput input.orig::-ms-input-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-ms-input-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
#ajaxsearchpro1_2 .probox .proinput input.orig::-moz-placeholder, div.asp_m.asp_m_1 .probox .proinput input.orig::-moz-placeholder{
    font-family: 'Archivo', sans-serif;
    letter-spacing:0.5px;
    font-size: 14px;
    color: #fff;
    font-weight: 200;
    font-style: normal;
    opacity: 1;
}
.teamgrid > div {
  background: rgba(255, 255, 255, 0.60);
  backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  border-radius: 15px;
  transition: transform 0.25s ease-out, box-shadow 0.25s ease-out;
}
.teamgrid > div:hover {
  transform: translateY(-5px);
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15);
}
.h3-profile {
    @apply font-black uppercase text-white;
    font-family:"Roboto",sans-serif;
    font-size: 38px; 
    line-height:1.1;
    letter-spacing:.5px;
    margin:0 0 .4rem;
    color:#fff;
  }


  /* Media query for mobile devices (screens 768px or smaller) */
  @media (max-width: 768px) {
    
    .snowbgsec {
        justify-content:start !important;
        height:1490px !important;
        margin-top:20px;
    }  
    .teamgrid .dhw {
        width:37%;
    }  
    .profile-container {
      flex-direction: column; /* Stacks the image and text vertically */
      text-align: center; /* Centers the text for a cleaner mobile view */
      gap:0px !important;
    }
.footersub {
    height:490px;
    background-image:url('/wp-content/uploads/2025/10/temple-footer-mobile.webp')
}
.subsline {
    width: 70%;
    margin: 0 auto 13px auto;
}
.smtop6 {
        top: calc(var(--spacing) * 6) !important;
}
.kiragtk { 
    position:relative;
    top:27px;
    max-width:480px;
}
.jaxsn { 
    position:absolute;
    bottom:0px;
    max-width:480px;
    left:60px;
    transform:scalex(-1);
}
    .image-postion-cs {
    background-size: 125%;
    margin-bottom: -1px;
    justify-content: end !important;
}
  .h3-profile::after{
    content:"";
    display:block;
    width:40%;
    height:3px;
    margin: 10px auto 0px auto;
    border-radius:2px;
    background:linear-gradient(90deg,#ffdb70,#caa63a);
    opacity:.9;
  }
.hero-title-wrapper h2 {
    font-size: 20px !important;
    font-weight: 500;
    line-height: 26px;
    color:#fff;
  font-family: "Archivo", sans-serif;
    text-shadow: 1px 1px 5px #00000078;
    margin:15px auto !important;
    max-width:80%;
    font-style:italic;
    letter-spacing: 0px;
}
.section-title {
    text-align:center;
    display:block;
    margin: 10px auto 30px auto !important;
    padding:5px;
    line-height: 1.4;
}
.section-title::after {
    width:40%;
    margin: 0px auto 0px auto !important;
    left:0%;
    right:0%;
}
h2.welcomemsg {
    text-transform: normal;
    color:#e58830;
    letter-spacing: 0px;
    font-size: 28px;
    line-height: 32px;
    max-width: 85%;
    text-align: center;
    margin: 15px auto !important;
}
h2.mapmsg {
    text-transform: none;
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
    margin-top:12px !important;
    text-shadow: -1px 1px 15px #00000080;
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .15));
}
h2.thexperts {
    text-transform: none;
    color: #e58830;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 28px;
    line-height: 32px;
    margin-top: 12px !important;
}
.expertsec {
    text-align: center;
    margin: 0 auto;
    font-size: 18px;
    line-height: 26px;
    font-family: 'Archivo';
    color: #000000;
    margin:0px 10px;
}

.team-paragraph {
  font-size: 18px;
  line-height: 24px;
}
.asp_w_container_1 {
    margin-bottom:20px;
}
.ryherocon {
    background-size:250%;
    background-position:center;
}
.teamgrid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.teambox {
    flex-direction:column !important;
    justify-content: space-between;
}
.teamtext {
    text-align:center !important;
}
.profile-position {
    font-size: 20px;
}
.profile-description {
    font-size: 18px;
}
.h3-profile {
  font-size: 28px; 
}
details.faq > summary {
    font-size: 18px;
}
  }
  /* Media query for desktop/laptop devices (screens 769px or larger) */
  @media (min-width: 769px) {
.snowbgsec { 
    height:920px;
    background-position:top;
    margin-top:0px !important;
}
.teamgrid .dhw {
    width:100px;
    height:100px;
}
  .h3-profile::after{
    content:"";
    display:block;
    width:40%;
    height:3px;
    margin:.5rem 0 0;
    border-radius:2px;
    background:linear-gradient(90deg,#ffdb70,#caa63a);
    opacity:.9;
  }
  
    
.kiradiv .h3-profile::after {
    left: 59%;
    position: relative;
    right: 0;
    transform: translate(10px);
}  
.image-postion-cs {
    background-size: 65%;
    margin-bottom: -1px;
}
.hero-title-wrapper h2 {
    font-size: 25px !important;
    font-weight: 500;
    line-height: 35px;
    color:#fff;
  font-family: "Archivo", sans-serif;
    text-shadow: 1px 1px 5px #00000078;
    margin:25px auto !important;
   font-style:italic;
   letter-spacing: 0px;
}
h2.welcomemsg {
    text-transform: none;
    color:#e58830;
    letter-spacing: 0px;
    font-size: 36px;
    line-height: 40px;
    margin-top:20px !important;
}
h2.mapmsg {
    text-transform: none;
    color:#fff;
    text-align: center;
    letter-spacing: 1px;
    font-size: clamp(28px, 3.2vw, 40px);
    margin-top:12px !important;
    filter: drop-shadow(0 2px 0 rgba(0, 0, 0, .15));
    color: #fff;
}
h2.thexperts {
    text-transform: none;
    color: #e58830;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: 36px;
    line-height: 40px;
    margin-top: 12px !important;
}

.expertsec {
    text-align: center;
    max-width: 720px;
    margin: 0 auto;
    font-size: 20px;
    line-height: 28px;
    font-family: 'Archivo';
    color: #000000;
}

.team-paragraph {
  font-size: 18px;
  line-height: 26px;
}
.kiragtk {
    top:-44px;
    z-index: -1;
    height: 470px;
    left: -173px;
    position:absolute;
}
.jaxsn {
    bottom:0px;
    z-index: 2;
    height: 544px;
    right: -150px;
    position:absolute;
    transform:scalex(-1);
}
.teamgrid {
    width:50%;
    min-width:746px;
}
.brdiv img {
    width:60%;
    margin:40px auto;
    }
.kiradiv {
    flex-direction:row-reverse;
}
.kiradiv .profile-text {
    text-align:right;
}
.profiledesc {
    text-align:justify;
}
.section-title {
    display:block;
}
  }
@media (min-width:769px) and (max-width: 1559px) {
.subscribe-overlay {
    position: relative;
    top: -10px;
    max-width: 500px;
    width:500px;
} 
.footersub {
    height: 600px;
    background-image:url('/wp-content/uploads/2025/10/footer-temple1.webp');
    min-height:60vh;
}
}
@media (min-width: 1560px) {
.subscribe-overlay {
    position: relative;
    left: -30px;
    top: -10px;
    max-width: 500px;
    width:500px;
}    
.footersub {
    height: 600px;
    background-image:url('/wp-content/uploads/2025/10/footerbg-uw1.webp') !important;
    min-height:60vh;
}
.left-1\/2
 {
    left: calc(1 / 2 * 95%) !important;
}
}
@media (min-width:769px) and (max-width:1299px) {

.kiragtk {
        top: 28px;
        z-index: -1;
        height: 400px;
        left: -173px;
        position: absolute;
    }
}