/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #edfbff;
  --color-brand-primary: #506d97;
  --color-brand-secondary: #0e4d93;
  --color-brand-soft: #eef2f6;
  --color-brand-accent: #ffffff;
  --color-text-primary: #244c73;
  --color-text-secondary: #1a1a1a;
  --color-text-accent1: #636469;
  --color-text-accent2: #ffffff;
  --color-text-subtle: #757575;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #214568;
  --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: #f9fafd;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #0e0700;
  --color-carousel-overlay: linear-gradient(rgb(0 0 0 / 30%) 0%, rgb(0 0 0 / 30%) 40% 40%, rgb(0 0 0 / 30%) 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: 45%;
  --bg-height-desktop: 1245px;
  --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/000_bg_marble5.jpg);
}

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

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

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

#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(17 39 49 / 90%);
  /* 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(17 39 49 / 90%);
  /* background: linear-gradient(346deg, rgb(112 32 102) 8%, rgb(0 0 0 / 0%) 45%); */
  }
}

.sb-bg-image2-row:before {
  background: rgb(42 66 77 / 75%);
  /* 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(42 66 77 / 75%);
  /* 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: inherit;
}

body {
  --header-logo-height-desktop: 75px;
  --header-logo-height: 40px;
}

   .site-header .site-nav > .nav-list > .nav-item > a {
   font-weight: 700;
   letter-spacing: 0px;
   font-size: 14px;
   padding: 0px 0px;
   text-transform: capitalize;
   }
   
  a.btn,
   .btn,
   .carousel a {
   border-radius: 12px;
    font-weight: 600!important;
    text-transform: capitalize!important;
 }

.embed a,
.content a,
.sb-module a {
  color: #0c4c92;
}

.site-header.has-topbar .site-header__top {
  padding: 10px 20px;

}

  .carousel .item-content h2 {
  font-size: 60px;
  line-height: 60px;
  font-weight: 500;
  }

@media (min-width: 949px) {
  .carousel .item-content-inner > div{
 margin-right: 900px !important;
 }
}


a.btn,
.btn,
.btn-default,
a.btn.btn-default,
input.btn-default,
.footer .primary-link:last-child > a {
  background: rgb(0 0 0 / 0%) !important;
  border-color: #244c73 !important;
  color: #244c73 !important;
}

a.btn,
.btn,
.btn-default,
a.btn.btn-default,
input.btn-default,
.footer .primary-link:last-child > a {
  border-width: 2px;
}

@media screen and (min-width:1281px) {
 .pad-r-xl  {
   padding-right: 600px !important;
   display: block;
 }
 }

   .site-header {
          color: #0c4c92 !important;
     font-size: 14px!important;
     font-weight: 600;
   }

.site-header__main span {
         font-weight: 600;
  }


.tool-link--address {
      display: none!important;
  }
  
@media (max-width: 948px) {
.site-header__top div:nth-child(2) {
  display: none;
}
}


.site-header__top div:nth-child(2) .btn {
      background: rgb(11 77 144) !important;
    border-color: #0c4c92 !important;
    color: #ffffff !important;
 padding: 6px 9px 6px 15px;
  margin-left: 8px;
  font-size: 13px!important;
}


.site-header__top * {
  font-weight: 500!important;

}

@media (min-width: 949px) {
  #page-home .carousel,
  #page-home .carousel-inner,
  #page-home .carousel .item,
  #page-home .carousel .item-inner {
    min-height: 550px;
  height: 550px;
  }
}

.site-header__top::before {
     background: #efefef;
 }

.site-header__top *  {
     color: #0c4c92 !important;
     font-size: 14px!important;
     font-weight: 600;
 }
 
 
#page-home .feature-cards1.has-card-image-top:not([class*='has-surface']) > div > div img,
.map-frame,
body.page-full-post .sb-blog-row .sb-featured-image img,
body.page-feed-post .post,
body:not(#page-home).has-img-dropshadow .sb-content img,
.sb-image-row img,
.sb-image-row.image-row-three-wrap.col-row-three-wrap img,
.gallery-item-wrap,
.gallery-item:before,
.sb-feature-discount-row,
.sb-wrap[class*='image-row-one-wrap'] img,
.sb-wrap[class*='col-row-one-wrap'] img,
body:not(#page-home) .gallery img,
.sb-fillbox-row .sb-wrap-inner,
.sb-testimonials-var1-row:not(.sb-maxwidth-row),
.post .entry img,
.posts .sb-featured-image img,
.video-wrapper iframe {

  border-radius: 3px !important;
  border: 15px solid #fff !important;
  border-bottom-width: 25px !important;
  overflow: hidden !important;

  box-shadow:
    0 8px 20px rgba(0,0,0,0.06),
    0 2px 6px rgba(0,0,0,0.04) !important;
}
 @media screen and (min-width:949px) {
.image-row-one,
.image-row-one-wrap {
     overflow: visible;
     }
   }
 
.sb-wrap.sb-image-row.image-row-one-wrap:not(.accent--lite) {
   overflow: visible;
 }
