/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #e9f6f4;
  --color-brand-primary: #a3e0d4;
  --color-brand-secondary: #e2bb65;
  --color-brand-soft: #f5f5f5;
  --color-brand-accent: #f5f5f5;
  --color-text-primary: #202125;
  --color-text-secondary: #1a1a1a;
  --color-text-accent1: #263532;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #ffffff;
  --color-text-inverse: #202125;
  --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(32 33 37);
  --color-bg-page1: #ffffff;
  --color-bg-page2: #ffffff;
  --color-bg-footer1: #202125;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #f5f5f5;
  --color-carousel-overlay: linear-gradient(rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 0%) 40%, rgb(0 0 0 / 0%) 100%);

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

  /* =================================================
   GRAPHIC DEFAULTS — DESKTOP
  ================================================= */
  --bg-pos-x-desktop: 200px;
  --bg-pos-y-desktop: 0px;
  --bg-size-desktop: 100%;
  --bg-height-desktop: 1400px;
  --bg-opacity-desktop: .1;
  --bg-top-desktop: 30px;
  --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/schoeningdds_custom_image2.jpg);
}

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

.sb-bg-image3-row {
  background-image: url(/img/upload/mintdental_custom_image4.jpg);
}
     
.sb-bg-graphic1-row.sb-wrap:after {
   background-image: url(/img/upload/crystal-clean-bg.webp);
}

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

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

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


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

.sb-bg-image1-row:before {
  background: rgb(255 255 255 / 60%);
  /* 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 / 0%);
  /* background: linear-gradient(83deg, rgb(1 46 51) 8%, rgb(6 150 170 / 65%) 45%); */
  }
}

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

.sb-bg-image3-row:before {
  background: rgb(145 130 114 / 80%);
  /* 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 / 20%);
  /* 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: "Circular Std Bold";
}

body {
  --header-logo-height-desktop: 95px;
  --header-logo-height: 65px;
}

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

 /* Default: hide all CTAs */
 .site-header .site-header__cta {
   display: none!important;
 }


 .site-header__top  {
      background: #15161c;
  }
  
  
 @media (min-width: 949px) {
.carousel .item-content {
         align-items: flex-start;
     }
 }
 
 @media (min-width: 949px) {
.carousel-wrapper .item-content .item-content-inner {
         padding-top: 60px;
     }
 }
 
    
   a.btn,
    .btn,
    .carousel a {
    border-radius: 12px;
         padding: 10px 16px;
         font-size: 11px;
         font-weight: 600;
  }
  
  /* =========================================================
     CAROUSEL - MOBILE - ALIGN CENTER
  ========================================================= */
  
  @media (max-width: 768px) {
  .carousel-wrapper .align-left {
    margin-left: 0px;
    justify-content: left;
    text-align: left;
  }
  .carousel .item-content {
    align-items: flex-start;
    padding-top: 20px;
  }
    .carousel .item-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
  }


#page-home  .sb-gallery-row.sb-wrap > .sb-module:not(.col-wrap) {
     padding: 0px;
  }