/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #353481;
  --color-brand-primary: #f17336;
  --color-brand-secondary: #6172fa;
  --color-brand-soft: #e1ebff;
  --color-brand-accent: #252378;
  --color-text-primary: #1d1d1d;
  --color-text-secondary: #ffffff;
  --color-text-accent1: #1e1e1e;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #424242;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #ffffff;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: rgb(255 255 255);
  --color-bg-page1: #e1ebff;
  --color-bg-page2: #ffffff;
  --color-bg-footer1: #fafafa;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #ffffff;
  --color-carousel-overlay: linear-gradient(rgb(0 0 0 / 50%) 0%, rgb(0 0 0 / 50%) 40% 40%, rgb(0 0 0 / 50%) 100%);

  /* =================================================
   GRAPHIC DEFAULTS MOBILE
  ================================================= */
  --bg-pos-x-mobile: right;
  --bg-pos-y-mobile: 0px;
  --bg-size-mobile: 100%;
  --bg-height-mobile: 2400px;
  --bg-opacity-mobile: .1;
  --bg-top-mobile: 0px;
  --bg-transform-mobile: scaleX(1);

  /* =================================================
   GRAPHIC DEFAULTS DESKTOP
  ================================================= */
  --bg-pos-x-desktop: 0px;
  --bg-pos-y-desktop: 0px;
  --bg-size-desktop: 80%;
  --bg-height-desktop: 1245px;
  --bg-opacity-desktop: .3;
  --bg-top-desktop: 0px;
  --bg-transform-desktop: scaleX(1);

  /* =================================================
   HERO
  ================================================= */
  --carousel-bg-image: url("/img/upload/kidzfamilydentistry_hero_graphic.webp");
}


/*==================================================================================*/
/* Bg Images */
/*==================================================================================*/

.sb-bg-image1-row {
  background-image: url(/img/upload/000_custom_image_pediatric_1.jpg);
}

.sb-bg-image2-row {
  background-image: url(/img/upload/000_custom_image_pediatric_3.jpg);
}

.sb-bg-image3-row {
  background-image: url(/img/upload/000_custom_image_pediatric_1.jpg);
}
     
.sb-bg-graphic1-row.sb-wrap:after {
  background-image: url(/img/upload/000_bg_marble12.jpg);
}

.sb-bg-graphic2-row.sb-wrap:after {
  background-image: url(/img/upload/000_bg_marble12.jpg);
}

#page-home .sb-feature-gallery-row,
#page-home .sb-gallery-row  {
  background: rgb(255 255 255);
}

#page-home .carousel-inner .item::after {
  background-image: var(--carousel-bg-image);
}

/*==================================================================================*/
/* Bg Overlays */
/*==================================================================================*/

.sb-bg-image1-row:before {
  background: rgb(12 34 63 / 65%);
  /* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-bg-image1-row:before {
  background: rgb(12 34 63 / 65%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image2-row:before {
  background: rgb(255 255 255 / 0%);
  /* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-bg-image2-row:before {
  background: rgb(37 36 120 / 89%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image3-row:before {
  background: rgb(255 255 255 / 0%);
  /* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-bg-image3-row:before {
  background: rgb(255 255 255 / 0%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

/*==================================================================================*/
/* SET FONT FAMILY */
/*==================================================================================*/

/* Headings / Special Elements */
h1, h2, h4, h5, h6,
.content h1,
.content h2,
.content h4,
.content h5,
.content h6,
.logo #logotext,
.gallery-header,
.locations_list,
.header .nav,
.header .nav a,
.toolbar #logotext {
  font-family: 'Fredoka', sans-serif;
}

body {
  --header-logo-height-desktop: 70px;
  --header-logo-height: 60px;
}

html.snapped body {
  --header-logo-height-desktop: 70px;
  --header-logo-height: 60px;
}

.site-header .site-nav > .nav-list > .nav-item > a {
  font-weight: 300;
  letter-spacing: 0px;
  font-size: 18px;
  padding: 0px 0px;
  text-transform: capitalize;
}
   
@media screen and (min-width:1281px) {
.carousel .pad-r-xl  {
    padding-right: 600px!important;
}
  }
  
/* =========================================================
      header custom
    ========================================================= */
    
  @media (min-width: 949px) {
  .site-header.has-topbar .site-header__top {
    padding: 10px 20px;
  }
  }
  
  /* Default: hide all CTAs */
   .site-header .site-header__cta .btn-ph,
   .site-header .site-header__cta .tool-link--address {
     display: none!important;
   }
    
  .site-header__top .btn-cta,
  .site-header__top .btn-ph {
    display: none!important;
  
  }
  
  .site-header__top::before {
       background: #252378;
   }
  
  .site-header__top a.btn-text,
  .site-header__top a:not(.btn) {
    color: var(--color-text-secondary)!important;
    font-weight: 400!important;
  }
  
    .has-inline-group-dividers > *:not(:last-child)::after {
    color: #000000 !important;
   }
  

@media (max-width: 948px) {
    .has-inline-group span {
        display: inline;
        margin: auto;
        text-align: center;
    }
}

.carousel .has-inline-group {
    margin-top: 20px;
    display: inline-block;
  }

@media (min-width: 949px) {
.carousel .has-inline-group {
    margin-top: 60px;
    display: flex;
    gap: 40px;
  }
}
  .carousel .has-inline-group img {
    max-width: 100px!important;
  }

@media (min-width: 949px) {
  .carousel .has-inline-group img {
    max-width: 200px!important;
  }
  }
  
 .image-slider {
     max-width: 100%!important;
     margin: 0 auto;
 }
 
 
 /* =========================================
    one off FEATURE CARDS — MEDIA LEFT (ICON LEFT)
 ========================================= */
 
 .feature-cards1.is-1col > div > div {
   display: flex;
   align-items: flex-start;
   gap: 16px;
 }
 
 /* icon */
 .feature-cards1.has-media-left img {
   margin: 0;
   flex-shrink: 0;
 }
 
 /* text block */
 .feature-cards1.has-media-left h2,
 .feature-cards1.has-media-left p,
 .feature-cards1.has-media-left a {
   text-align: left;
 }
 
 .sb-wrap.sb-maxwidth-row.sb-has-custom-row > .sb-module {
    max-width: 100%!important;
    margin-inline: auto;
  }
  
 
  /* =========================================================
      oneoff fixes
   ========================================================= */
   
   .tool-links a,
   body:not(#page-home) .site-header .site-nav > .nav-list > .nav-item > a,
   html.snapped .site-header .site-nav > .nav-list > .nav-item > a {
   color: #000;
   }
   
   
   html:not(.snapped) body#page-home #header-logo img {
     display: none;
   }