/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #f2ebdf;
  --color-brand-primary: #b4baa8;
  --color-brand-secondary: #daf5ff;
  --color-brand-soft: #f8f8f8;
  --color-brand-accent: #514f4c;
  --color-text-primary: #514f4c;
  --color-text-secondary: #1a1a1a;
  --color-text-accent1: #373737;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #edcd8d;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #524f4b;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: #ffffff;
  --color-bg-page1: #fcfdfa;
  --color-bg-page2: #fcfdfa;
  --color-bg-footer1: #524f4b;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #f9f9f9;
  --color-carousel-overlay: linear-gradient(rgb(0 0 0 / 20%) 0%, rgb(0 0 0 / 20%) 40%, rgb(0 0 0 / 20%) 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/ledgeviewdental_custom_image1.jpg);
}

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

.sb-bg-image3-row {
  background-image: url(/img/upload/ledgeviewdental_custom_image3.jpg);
}
   
.sb-bg-graphic1-row.sb-wrap:after {
   background-image: url(/img/upload/pristinesmiles_bg_1.png);
}

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

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

#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 / 60%);
  /* 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: 'Romana BT', sans-serif;
}

 
 @media (min-width: 768px) {
   :where(html, body).has-heading-xxl .sb-embed h1,
   :where(html, body).has-heading-xxl .content h1,
   :where(html, body).has-heading-xxl .text--white .content h1,
   :where(html, body).has-heading-xxl .text--white:not(.sb-feature-cta1) .content h1,
   :where(html, body).has-heading-xxl .text--white.sb-feature-cta1 .content h1 {
   font-size: 5.2em!important;
   line-height: 1.2em!important;
   }
   }

.tool-links a {
   font-size: 14px;
   padding: 0px 4px ;
   }

   .site-header .site-nav > .nav-list > .nav-item > a {
     font-weight: 600;
     letter-spacing: 2px;
   font-size: 15px;
   padding: 0px 4px ;
     text-transform: uppercase;
   }

 a.btn,
 .btn,
 .carousel a {         
   border-radius: 0px;               
 }


 .site-header__top {
     background: #b8ada1;
   display: none!important;
 }
   
 @media (min-width: 949px) {
 .site-header__top {
   display: block!important;
 }
 }
 
 
 /*==================================================================================*/
 /* oneoff h3 -- styling modern 1 -- underline */
 /*==================================================================================*/
 
.content h3 {
   padding-bottom: 0px;
   margin-bottom: 50px;
   }
 
.content h3::after {
   content: "";
   position: absolute;
   left: 0;
   right: 0;
   top: 10px!important;
   margin-top: 35px!important;
   width: 290px!important;
   height: 2px!important;
   background-color: #cba869; /* matches text color */
   opacity: 1;
   transition: all 0.3s ease;
   }
 
 @media (max-width: 768px) {
 .content h3::after {
   left: 50%!important;
   transform: translateX(-50%);
 }
 }
 
 body .content h3 {
    position: relative;
  }
 
 .text--white .content h3 {
     color: #fff;
 }
 
 
.sb-bg-graphic2-row + .sb-gallery-row{
   background: #514f4d !important;
 }

.sb-bg-graphic2-row + .sb-gallery-row .gallery-item {
  height: 400px
 }

.sb-bg-graphic2-row + .sb-gallery-row .gallery-item img.gallery-image{
  width: 250%;
}

.sb-bg-graphic2-row + .sb-gallery-row .gallery.var3 img,
.gallery.var1 img{
  display:block!important;
}

 .gallery.var3 .gallery-icon .gallery-header {
   color:#fff;
 }

/* hide both by default */
 .hours-set-1,
 .hours-set-2{
 display:none;
 }
 
 /* first location shows hours 1 */
 .content .location-block:nth-of-type(1) .hours-set-2{
display: none;
 }
 
 /* second location shows hours 2 */
 .content .location-block:nth-of-type(2) .hours-set-1{
display: none;
 }

.social-module a,
.footer .primary-link:last-child > a {
  color: var(--color-text-inverse) !important;
  background: var(--color-bg-footer1) !important;
  border-color: var(--color-text-subtle) !important;
}

.footer .primary-link:last-child > a {
  border: 1px solid;
}


@media (min-width: 949px) {
 body ul.accordion-list li h3:after {
 display: none;
}
}

.carousel .item-content a {
  color: var(--color-text-inverse) !important;
  background: rgba(0, 0, 0, 0) !important;
  border-color: #fff!important;
}