/*
GLOBAL VARIABLES
*/

:root {
  /* =================================================
   BRAND COLORS
  ================================================= */
  --surface-brand: #0a6a3b;
  --color-brand-primary: #8EB4C7;
  --color-brand-secondary: #051630;
  --color-brand-soft: #d1dfe9;
  --color-brand-accent: #d1dfe9;
  --color-text-primary: #1d1d1d;
  --color-text-secondary: #5e93ae;
  --color-text-accent1: #767676;
  --color-text-accent2: #031835;
  --color-text-subtle: #424242;
  --color-text-inverse: #ffffff;
  --color-text-base: #4e4e4e;
  --color-text-nav: #141414;
  --color-text-nav-interior: #4e4e4e;
  --color-text-nav-overlay: #4e4e4e;
  --color-text-ui: #fbf3f3;
  --color-header-bg: rgb(255 255 255);
  --color-bg-page1: #f3f7f9;
  --color-bg-page2: #f3f7f9;
  --color-bg-footer1: #fafafa;
  --color-bg-footer2: #232323;
  --color-bg-footer3: #ffffff;
  --color-carousel-overlay: linear-gradient(rgb(255 255 255) 0%, rgb(255 255 255 / 30%) 40% 40%, rgb(0 0 0 / 10%) 100%);

  /* =================================================
   GRAPHIC DEFAULTS MOBILE
  ================================================= */
  --bg-pos-x-mobile: right;
  --bg-pos-y-mobile: 0px;
  --bg-size-mobile: 100%;
  --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: 37%;
  --bg-height-desktop: 1245px;
  --bg-opacity-desktop: .05;
  --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/eastlakeendodontics_hero1.webp);
}

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

.sb-bg-image3-row {
  background-image: url(/img/upload/000_custom_image19.jpg);
}
     
.sb-bg-graphic1-row.sb-wrap:after {
  background-image: url(/img/upload/eastlakeendodontics_graphic1.webp);
}

.sb-bg-graphic2-row.sb-wrap:after {
  background-image: url(/img/upload/eastlakeendodontics_graphic1.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(249 254 255 / 85%);
  /* 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(249 254 255 / 85%);
  /* 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%); */
  }
}

/*==================================================================================*/
/* ACCENT ENGINE TOKENS  */
/*==================================================================================*/

:root {
  --heading-accent-content: "";
  --heading-accent-width: min(180px, 80%);
  --heading-accent-transform: none;
  --heading-accent-svg:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 10 Q100 8 200 10' stroke='%23000000' stroke-width='1' fill='none'/%3E%3C/svg%3E");
}

/*==================================================================================*/
/* 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;
}

/*==================================================================================*/
/* THEME DESIGN TOKENS */
/*==================================================================================*/

:root {
  --h3-size: 14px;
  --h3-transform: uppercase;
  --h3-letter-spacing: 4px;
}

/*==================================================================================*/
/* LOGO */
/*==================================================================================*/

body {
  --header-logo-height-desktop: 105px;
  --header-logo-height: 60px;
}

html.snapped body {
  --header-logo-height-desktop: 80px;
  --header-logo-height: 60px;
}

/* =========================================================
header custom
========================================================= */

/* Default: hide all CTAs */
.site-header .site-header__cta .btn-phone,
.site-header .site-header__cta .tool-link--address {
display: none!important;
}


@media (min-width: 949px) {
.carousel .item-content h2 {
font-size: 110px;
line-height: 110px;
}
}


.anim-bg-zoom .btn {
display: inline-flex;
align-items: center;
padding: 20px 25px 20px 30px;
}


a.btn,
.btn,
.carousel a {border-radius: 50px;padding: 15px 40px;font-size: 11px;letter-spacing: 4px;}
@media (min-width: 949px) { 
a.btn,
.btn,
.carousel a {
font-size: 14px;
font-weight: 400;
}
}

  
/* .body {background-repeat: repeat;
    background-image: url(/img/upload/000_bg_marble14.jpg)!important;
} */

.carousel a,
a.btn,
.btn,
.btn-default,
a.btn.btn-default,
input.btn-default,
.footer .primary-link:last-child > a {
  background: rgb(255 255 255) !important;
  border-color: #ffffff !important;
  color: #031835 !important;
}

html.snapped #page-home .site-header .site-header__cta a.btn {
  border-color: #b9c2ce !important;
  }