.elementor-kit-5{--e-global-color-primary:#031517;--e-global-color-secondary:#0F2D2F;--e-global-color-text:#6C757A;--e-global-color-accent:#BA8748;--e-global-color-3c0c448:#482114;--e-global-color-a525ddd:#68B3B8;--e-global-color-9005321:#D7E3E3;--e-global-color-772a173:#FEFAF6;--e-global-color-1ef03e3:#F0F7F7;--e-global-color-260fe6b:#D7E6E7;--e-global-typography-primary-font-family:"Cormorant";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Cormorant";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Lato";--e-global-typography-text-font-weight:300;--e-global-typography-accent-font-family:"Lato";--e-global-typography-accent-font-weight:500;--e-global-typography-accent-text-transform:capitalize;--e-global-typography-accent-letter-spacing:0.8px;color:var( --e-global-color-text );font-family:"Lato", Sans-serif;font-weight:300;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{background-color:var( --e-global-color-9005321 );font-size:18px;text-transform:uppercase;color:var( --e-global-color-secondary );border-style:solid;border-width:1px 1px 1px 1px;border-color:#68B3B86B;border-radius:0px 0px 0px 0px;}.elementor-kit-5 button:hover,.elementor-kit-5 button:focus,.elementor-kit-5 input[type="button"]:hover,.elementor-kit-5 input[type="button"]:focus,.elementor-kit-5 input[type="submit"]:hover,.elementor-kit-5 input[type="submit"]:focus,.elementor-kit-5 .elementor-button:hover,.elementor-kit-5 .elementor-button:focus{background-color:var( --e-global-color-accent );color:var( --e-global-color-primary );border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-accent );}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{font-family:"Cormorant", Sans-serif;font-weight:400;}.elementor-kit-5 h1{font-family:"Cormorant", Sans-serif;font-size:35px;font-weight:400;}.elementor-kit-5 h2{font-family:"Cormorant", Sans-serif;font-size:55px;font-weight:400;line-height:63px;}.elementor-kit-5 h3{font-family:"Cormorant", Sans-serif;font-weight:400;}.elementor-kit-5 h4{font-family:"Cormorant", Sans-serif;font-weight:400;}.elementor-kit-5 h5{font-family:"Cormorant", Sans-serif;font-weight:400;}.elementor-kit-5 h6{font-family:"Cormorant", Sans-serif;font-weight:400;}.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);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1366px){.elementor-kit-5 h2{font-size:55px;}}@media(max-width:1024px){.elementor-kit-5 h2{font-size:55px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5 h1{font-size:35px;}.elementor-kit-5 h2{font-size:40px;line-height:1em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* =========================
   ROOT TOKENS
   ========================= */
:root{
  --brand-accent:#68B3B8;
  --brand-accent-dark:#c4903c;
  --brand-accent-light:#BA8748;
  --text-strong:#031517;
  --text-body:#6C757A;
  --text-muted:#6b6b6b;
  --surface:#fff;
  --surface-alt:#fafafa;
  --border:#ececec;
  --divider:#E9E9E9;
  --ink:#000;
  --heading-font:"Cormorant", serif;
  --body-font:"Lato", sans-serif;
  --underline-target: 50%;
}

/* =========================
   GOLD BORDER IMAGES
   ========================= */

gold-border {
  position: relative;
}
.gold-border::after {
  content: "";
  position: absolute;
  top: 12px;
  left: 12px;
  right: 12px;
  bottom: 12px;
  border: 1px solid #BA8748;
  pointer-events: none;
  box-sizing: border-box;
}

/* =========================
   GLOBAL TYPOGRAPHY
   ========================= */
body, p, li, dd, dt {
  font-family: var(--body-font);
  color: var(--text-body);
}

h1, h2, h3, h4, h5, h6,
.service-list li > strong {
  font-family: var(--heading-font);
  color: var(--text-strong);
  line-height: 1.0em;
}

.section-gk h2 {
    font-size: 46px; 
    font-weight: 600;
    line-height: 1.1em;
   
}
.section-gk h3 {
    font-size: 38px;
    margin-top:18px;
}

/* =========================
   HERO (PRE-FOLD)
   ========================= */
section.section-gk{
  background:var(--surface);
  padding:2em;
  box-shadow:0 0 10px #0000000a;
  margin-bottom:60px;
  border-bottom:4px solid var(--brand-accent);
  border-radius:0;
}
.service-hero{
  max-width:1100px;
  margin:0 auto;
  padding:0;
}
.service-hero h6.eyebrow{
  text-transform:uppercase;
  font-family: var(--body-font);
  font-size:.95rem;
  letter-spacing:0.2em;
  color:var(--brand-accent);
  margin-bottom:0.5rem;
}
.service-hero h1{
  font-weight:400;
  font-size:65px;
  margin:0em 0 1rem;
  color:var(--text-strong);
  position:relative;
  display:inline-block;
}
.service-hero h4{
  font-size:1.5rem;
  margin-bottom:1rem;
  font-weight:600;
  color:#444;
  line-height:140%;
}
.service-hero p{
  font-size:1rem;
  margin-bottom:1rem;
  line-height:1.6;
}

/* =========================
   Underline Animate (global)
   ========================= */
.underline-animate{
  position: relative;
  display: inline-block;
}
.underline-animate::after{
  content: "";
  display: block;
  width: 0;
  height: var(--underline-height, 3px);
  background: var(--underline-color, var(--brand-accent));
  margin-top: 0.2em;
  transition: width var(--underline-duration, 1s) ease-out;
  will-change: width;
}
/* Triggered on load by JS */
.u-underline-ready .underline-animate::after{
  width: var(--underline-target, 50%);
}
/* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .underline-animate::after{ transition: none; }
}

/* =========================
   POST-FOLD
   ========================= */
.ctabox h2{ font-size:60px; }

/* =========================
   SERVICE LIST
   ========================= */
   
.service-list{
  list-style:none;
  margin: 30px 0px 0px 0px;
  padding:0;
  
}
.service-list li{
  position:relative;
  padding-left:65px;
  margin-bottom:2.2rem;
  line-height:1.4;
}
.service-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:.2em;
  width:50px;
  height:50px;
  background:url("https://sedationdentistsantaclarita.com/wp-content/uploads/2025/10/icon_servicepages_big.webp") no-repeat center/contain;
}
.service-list li>strong{
  display:block;
  font-size:1.75rem;
  font-weight:500;
  margin-bottom:.15em;
  color:var(--text-strong);
}
.service-list .meta{
  display:block;
  margin-top:.3rem;
  font-size:.9rem;
  color:var(--text-muted, #666);
  font-weight:400;
  font-family:inherit;
}
.service-list .meta strong{
  display:inline;
  font-weight:600;
  font-size:inherit;
  font-family:inherit;
}

/* =========================
   TECH LIST
   ========================= */
.tech-list{
  list-style:none;
  margin:0;
  padding:0;
}
.tech-list li{
  position:relative;
  padding-left:46px;
  margin-bottom:1.25rem;
  line-height:1.5;
}
.tech-list li::before{
  content:"";
  position:absolute;
  left:0;
  top:-.075em;
  width:30px;
  height:30px;
  background:url("https://sedationdentistsantaclarita.com/wp-content/uploads/2025/09/arrow_icon.png") no-repeat center/contain;
}

/* =========================
   DIVIDERS
   ========================= */
hr.section-divider{
  border:0;
  border-top:1px solid var(--brand-accent);
  margin:35px 0;
}

/* =========================
   CTA BUTTONS
   ========================= */
.cta-btn{
  display:inline-block;
  background:#F0F7F7;
  color:#081A1E;
  padding:.9rem 1.8rem;
  text-decoration:none;
  font-weight:700;
  font-size:16px;
  text-transform:uppercase;
  transition:all .3s ease;
  border:1px solid #68B3B8;
  border-radius:0;
}

.cta-btn:hover{
  background:#BA8749;
  color:#FFF;
  border:none;
  transform:translateY(-2px);
}


/* =========================
   FAQ (GK FAQ: dl / dt / dd)
   ========================= */
.gkfaq{
  --faq-left-gap:64px;
  --faq-icon-size:40px;
  margin:1.5rem 0 0;
  background:transparent;
  border:none;
  padding:0;
}
.gkfaq dt,
.gkfaq dd{ margin:0; }
.gkfaq dt{
  margin-top:6px;
  border:0;
  border-radius:0;
  overflow: hidden;
}
.gkfaq dt:first-of-type{ margin-top:0; }
.gkfaq .gkfaq-toggle{
  appearance:none;
  background:#F4F0DF;
  color:#031518;
  border:0;
  border-radius:0;
  box-shadow:none;
  display:block;
  width:100%;
  text-align:left;
  cursor:pointer;
  padding:26px 24px 26px var(--faq-left-gap);
  line-height:1.5;
  font-weight:400;
  position:relative;
  transition:background-color .25s ease,color .25s ease;
}
.gkfaq .gkfaq-toggle::before{
  content:"+";
  position:absolute;
  left:calc((var(--faq-left-gap) - var(--faq-icon-size)) / 2);
  top:50%;
  transform:translateY(-50%);
  width:var(--faq-icon-size);
  height:var(--faq-icon-size);
  border:2px solid var(--brand-accent, #E7DB73);
  border-radius:0;
  display:grid;
  place-items:center;
  font-size:18px;
  font-weight:700;
  color:var(--brand-accent, #E7DB73);
  background:#fff;
  box-sizing:border-box;
  transition:all .25s ease;
}
.gkfaq .gkfaq-toggle::after{ content:none!important; }
.gkfaq .gkfaq-toggle:hover{
  background:#2E6179;
  color:#FFF;
}
.gkfaq .gkfaq-toggle:hover::before{
  border-color:#000;
  color:#000;
}
.gkfaq .gkfaq-toggle[aria-expanded="true"]{
  background:#F5F0DF;
  color:var(--text-strong, #F5F0DF);
}
.gkfaq .gkfaq-toggle[aria-expanded="true"]::before{
  content:"–";
  background:var(--brand-accent, #E7DB73);
  color:#fff;
}
.gkfaq dd{
  padding:20px var(--faq-left-gap) 24px;
  color:var(--text-body, #555);
  line-height:1.65;
  border:0;
}
.gkfaq.is-enhanced dd{
  max-height:0;
  overflow:hidden;
  opacity:0;
  transform:translateY(-4px);
  padding:0 var(--faq-left-gap) 0;
  border:0;
  transition:max-height .34s ease,padding .34s ease,opacity .24s ease,transform .34s ease;
}
.gkfaq.is-enhanced dt.is-open+dd{
  opacity:1;
  transform:translateY(0);
  padding:20px var(--faq-left-gap) 85px;
}

/* =========================
   FAQ: MOBILE & REDUCED MOTION
   ========================= */
   
   /* Respect reduced motion */
@media (prefers-reduced-motion: reduce){
  .underline-animate::after{ transition: none; }
}

@media (max-width:768px){
    
   /* =========================
  MOBILE GOLD BORDER
   ========================= */ 
    .gold-border::after {
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;

}

section.section-gk{
  background:transparent;
  box-shadow:none;
  padding:1em;
  margin-bottom:40px;
  border-bottom:none;
  border-radius:0;
}

.service-hero h1{
  font-size:44px;
}

.service-hero h6.eyebrow{
  text-transform:uppercase;
  letter-spacing:1px;
}

.service-hero h4{
  font-size:1.2rem;
}

.service-list li{
  position:relative;
  padding-left:55px;
  margin-bottom:1rem;
}
.service-list li::before{
  left:0;
  top:.5em;
  width:40px;
  height:40px;
}

h2.gkctabox {
    font-size:32px;
}
  .gkfaq{ --faq-left-gap:52px; --faq-icon-size:34px; }
  .gkfaq .gkfaq-toggle{
    padding:18px 16px 18px var(--faq-left-gap);
    font-size:1rem;
    min-height:44px;
  }
  .gkfaq dd{ padding:14px var(--faq-left-gap) 18px; }
  
.gold-border > img {
  position: relative;
  display: block; /* ensures consistent box model */
}


  
}
@media (prefers-reduced-motion:reduce){
  .gkfaq.is-enhanced dd,
  .gkfaq .gkfaq-toggle,
  .gkfaq .gkfaq-toggle::before{ transition:none; }
}/* End custom CSS */