/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #ffffff;
  --color-brand-primary: #ccb173;
  --color-brand-secondary: #ebe5db;
  --color-brand-soft: #ebe6dc;
  --color-brand-accent: #44413f;
  --color-text-primary: #1e1e1e;
  --color-text-secondary: #1a1a1a;
  --color-text-accent1: #696969;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #575757;
  --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: #3c3a38;
  --color-bg-page1: #f1ede5;
  --color-bg-page2: #f1ede5;
  --color-bg-footer1: #ffffff;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #ebe5db;
  --color-carousel-overlay: linear-gradient(rgb(98 72 24 / 30%) 0%, rgb(98 72 24 / 30%) 40%, rgb(98 72 24 / 30%) 100%);
  
  /* =================================================
   GRAPHIC DEFAULTS — MOBILE
  ================================================= */
  --bg-pos-x-mobile: right;
  --bg-pos-y-mobile: 0px;
  --bg-size-mobile: 200%;
  --bg-height-mobile: 2400px;
  --bg-opacity-mobile: .1;
  --bg-top-mobile: 0px;
  --bg-transform-mobile: scaleX(1);

  /* =================================================
   GRAPHIC DEFAULTS — DESKTOP
  ================================================= */
  --bg-pos-x-desktop: 890px;
  --bg-pos-y-desktop: 0px;
  --bg-size-desktop: 40%;
  --bg-height-desktop: 1200px;
  --bg-opacity-desktop: .1;
  --bg-top-desktop: 90px;
  --bg-transform-desktop: scaleX(1);

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


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

.sb-bg-image1-row {
  background-image: url("/img/upload/fairoakssmilespediatricdentistry-_custom_image1.jpg");
}

.sb-bg-image2-row {
  background-image: none;
}

.sb-bg-image3-row {
  background-image: none;
}
   
.sb-bg-graphic1-row.sb-wrap:after {
  background-image: none;
}

.sb-bg-graphic2-row.sb-wrap:after {
  background-image: none;
}

#page-home .sb-feature-gallery-row,
#page-home .sb-gallery-row  {
  background-image: none;
}

#page-home .carousel-inner .item::after {
  background-image: none;
}


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

.sb-bg-image1-row:before {
  background: rgb(0 0 0 / 40%);
  /* 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(0 0 0 / 40%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image2-row:before {
  background: rgb(0 0 0 / 40%);
  /* 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(0 0 0 / 40%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image3-row:before {
  background: rgb(0 0 0 / 40%);
  /* 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(0 0 0 / 40%);
  /* 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: inherit;
}

 body {
   --header-logo-height-desktop: 100px;
 }

.site-header .site-nav > .nav-list > .nav-item > a {
  font-size: 13px;
  font-weight: 600;
  opacity: .8;
}

/* =========================================================
   HOMEPAGE GALLERY BG
========================================================= */

#page-home .sb-feature-gallery-row,
#page-home .sb-gallery-row {
  background: #ebe6dc;
}

.feature-cards1.custom > div > div {
text-align: center;
}
/* -----------------------------------------
   CARD 1 — VISIT (soft beige)
----------------------------------------- */
body:not(#page-home) .feature-cards1.custom > div > div:nth-child(1) {
  background: #3c3a38!important;
}

/* -----------------------------------------
   CARD 2 — CALL (medium brown)
----------------------------------------- */
body:not(#page-home) .feature-cards1.custom > div > div:nth-child(2) {
  background: #ccb173!important;
}

/* -----------------------------------------
   CARD 3 — BOOK (primary brand)
----------------------------------------- */
body:not(#page-home) .feature-cards1.custom > div > div:nth-child(3) {
  background: #3c3a38!important;
}

.feature-cards1.custom > div > div h2 {
  display: inline-block;
  margin: 4px!important;
  vertical-align: top;
  }

.feature-cards1.custom > div > div h2,
.feature-cards1.custom > div > div a {
  color: #ffffff!important;
}

.feature-cards1.custom > div > div h2 {
font-size: 20px!important;
}
@media (max-width: 948px) { 
.feature-cards1.custom > div > div h2 {font-size: 17px!important;}

}

@media (max-width: 948px) { 
.feature-cards1 > div > div {
    padding: 15px 25px;
  }
}

.has-space-top-lg {
  margin: 0px;
}

.container > .columns,
.wrapper .columns { 
  margin-bottom: var(--sb-space-top-lg); 
}



.sb-roundedbox-row {
  margin-top: clamp(40px, 6vw, 120px);
}