/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #f2ebdf;
  --color-brand-primary: #03626f;
  --color-brand-secondary: #000000;
  --color-brand-soft: #f0f9fa;
  --color-brand-accent: #f5f5f5;
  --color-text-primary: #01626e;
  --color-text-secondary: #1a1a1a;
  --color-text-accent1: #03626f;
  --color-text-accent2: #03626f;
  --color-text-subtle: #01626e;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #01626e;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: #ffffff;
  --color-bg-page1: #ffffff;
  --color-bg-page2: #ffffff;
  --color-bg-footer1: #f1f9fa;
  --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: 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: 100%;
  --bg-height-desktop: 1200px;
  --bg-opacity-desktop: 1;
  --bg-top-desktop: 0px;
  --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/mintdental_custom_image3.jpg);
}

.sb-bg-image2-row {
  background-image: url(/img/upload/mintdental_custom_image2.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/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(251 255 248);
}

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


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

.sb-bg-image1-row:before {
  background: rgb(0 0 0 / 50%);
  /* 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 / 50%);
  /* 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(255 255 255 / 0%);
  /* 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: 'CenturyGothic-Regular', sans-serif;
}

#header-logo * {
  height: 75%;
}

  .has-list-center * {
 text-align: center!important;
 }
 
 
  .has-list-center ul {
     border-top: 1px solid #505050;
     border-bottom: 1px solid #2a2a2a;
     text-align: center;
     list-style: none;
     padding: 40px!important;
     margin-top: 40px!important;
     margin-bottom: 40px!important;
     max-width: 80%;
     margin-left: auto;
     margin-right: auto;
  }
  
  .has-list-center ul li {
  overflow: visible!important;
     padding: 0px!important;
     margin: 0px!important;
  
  }
  
  .has-list-center ul a{
    position: relative;
    display: inline-block;
    overflow: visible;
  }
  
  /* underline */
  .has-list-center ul a::after{
    content: "";
    position: absolute;
    left: 0;
    bottom: 10px;
    width: 100%;
    height: 1px;
    background: currentColor;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.3s ease;
    mask-image: none;
  }
  
  /* hover animation */
  .has-list-center ul a:hover::after{
    transform: scaleX(1);
  }

@media (min-width: 949px) { 
.pad-r-xl  {
  padding-right:800px !important;
}
}



/* Default: hide all CTAs */
   .site-header .site-header__cta .btn-ph,
   .site-header .site-header__cta .tool-link--address {
     display: none;
   }
   
   
    
    .sb-testimonials-var1-row{
      overflow: hidden;
    }
    
    @media (min-width:949px) { 
      body#page-home .sb-testimonials-var1-row:before {
        background: #cea541;
        /* background: linear-gradient(180deg, rgb(255 255 255) 25%, rgb(0 0 0) 100%); */
        }
      
      body#page-home .sb-testimonials-var1-row:before {
        transform-origin: top left;
        border-radius: 0 0 41% 0;
        border-radius: 0 0 81% 0;
        transform: skewY(332deg) scale(1, 3); /* Adjust the skew angle and scale factors */
        border-radius: 0 0 5-% 0; /* Use a negative value for a concave effect */
        z-index: -1;
        overflow: hidden;
        }
      }


body#page-home .site-header.has-header-overlay {
  background: rgb(255 255 255);
}


.site-header .site-nav > .nav-list > .nav-item > a {
  font-size: 16px;
  padding: 0px 6px;
  font-weight: 400;
}


 .site-header__top  {
     background: #e0eff2;
 }


 /* =========================================================
    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-end;
   padding-bottom: 40px;
 }
 }


@media screen and (max-width:948px) {
.site-header.has-topbar .site-header__top * {
    font-size: 11px
}
}

@media screen and (max-width:948px) {
.carousel .carousel-lcp-img {
  object-fit: contain;
  top: -70px;

}
}