/*
* GLOBAL CSS
* vers ALPHA 1.3 — COLOR SYSTEM
*/

:root{

--color-brand-primary:#4d375e;
--color-brand-secondary:#3c5665;
--color-brand-accent:#ffffff;

--color-text-primary:#ffffff;
--color-text-secondary:#6f7785;
--color-text-muted:#959595;
--color-text-subtle:#9da4b5;
--color-text-inverse:#ffffff;

--color-bg-page:#ffffff;
--color-bg-page-soft:#fefff2;
--color-bg-soft:#766386;

--color-header-bg:var(--color-brand-primary);
--color-nav-bg:var(--color-brand-primary);
--color-footer-bg:var(--color-text-inverse);

--color-overlay-dark:rgb(0 0 0 / 40%);
--color-overlay-light:rgb(255 255 255 / 88%);

--color-btn-bg:var(--color-brand-primary);
--color-btn-text:var(--color-text-inverse);
--color-btn-border:var(--color-brand-primary);

}


/* Module BG Cover Images-------------------------------------------------*/

body {
	background-color: #fefff2;
}

.body {
	/* background-color: #6765d4; */
	background: linear-gradient(180deg, #a493b4 -5%, #a493b4 6%);
}

.sb-testimonials-var1-row {
	background: #fdfff2 !important;
}

.sb-feature-about1-row {
	background-image: url(/img/upload/fairoakssmilespediatricdentistry-_custom_image1.jpg)!important;	
}

.sb-feature-about2-row {
	background-image: url(/img/upload/fairoakssmilespediatricdentistry-_custom_image1.jpg)!important;	
}

.sb-feature-about3-row {
	background-image: none;	
}

.sb-feature-cta1-row {
	background-image: none;
}

.sb-feature-cta2-row {
	background-image: none;
}
.sb-feature-cta3-row {
	background-image: none;
}

#page-home .sb-feature-gallery-row,
#page-home .sb-gallery-row  {
	background: #766386;
}
		 
#page-home .sb-contactform-row,
#page-home .sb-formbuilder-row {
	background-image: none;
}

.sb-bg-graphic1-row.sb-wrap:after {
	background-image: url('https://optimasites.cloudfrontend.net/img/upload/harttoheartmedical_bg_1.png');
	/* background-color: #323747; */
}

.sb-bg-graphic2-row.sb-wrap:after {
	background-image: url('https://optimasites.cloudfrontend.net/img/upload/harttoheartmedical_bg_1.png');
	background-color: #ffffff;
}



/*==================================================================================*/
/* CUSTOMIZE module overlay color */
/*==================================================================================*/

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

.sb-content-intro-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
	}

@media (min-width: 949px) { 
.sb-content-intro-row.sb-wrap:before {
	background: rgb(255 255 255 / 0%);
	/* background: linear-gradient(357deg, rgb(255 255 255) 0%, rgb(0 0 0 / 0%) 50%); */
	}
} 

.sb-feature-cta1-row.sb-wrap:before {
	background: rgb(0 0 0 / 0%);
	/* background: linear-gradient(287deg, rgb(0 0 0 / 40%) 25%, rgb(23 23 23) 100%); */
}

@media (min-width:949px) { 
.sb-feature-cta1-row.sb-wrap:before {
	background: rgb(0 0 0 / 0%);
	/* background: linear-gradient(311deg, rgb(0 0 0 / 0%) 70%, rgb(0 0 0 / 0%) 100%); */
	}
} 

.sb-feature-cta2-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 0%); */
	background: linear-gradient(267deg, rgb(0 0 0 / 0%) 25%, rgb(23 23 23 / 0%) 100%);
	}
} 

@media (min-width:949px) { 
.sb-feature-cta2-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 0%); */
	background: linear-gradient(287deg, rgb(0 0 0 / 40%) 25%, rgb(160 20 142) 100%);
	}
} 

.sb-feature-about1-row.sb-wrap:before {
	background: rgb(0 0 0 / 0%);
	/* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width:949px) { 
.sb-feature-about1-row.sb-wrap:before {
	background: rgb(0 0 0 / 0%);
	/* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
	}
} 

.sb-feature-about2-row.sb-wrap:before {
	background: rgb(255 255 255 / 90%);
	/* background: linear-gradient(90deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width:949px) { 
.sb-feature-about2-row.sb-wrap:before {
	background: rgb(223 232 159 / 90%);
	/* background: linear-gradient(90deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
	}
} 
.sb-feature-about3-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
}

@media (min-width:949px) { 
.sb-feature-about3-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
	}
} 

body#page-home .sb-gallery-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
}

@media (min-width:949px) { 
body#page-home .sb-gallery-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
	}
} 

body#page-home .sb-contactform-row.sb-wrap:before,
body#page-home .sb-formbuilder-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
}

@media (min-width:949px) { 
body#page-home .sb-contactform-row.sb-wrap:before,
body#page-home .sb-formbuilder-row.sb-wrap:before {
	/* background: rgb(0 0 0 / 15%); */
	background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%);
	}
} 

/*==================================================================================*/
/* feature cards 1 */
/*==================================================================================*/

.sb-feature-cards1-row[class*='col-row-'] .sb-col {
	background: linear-gradient(360deg, rgb(255 255 255) 25%, rgb(255 255 255) 100%);
}

.sb-feature-cards1-row[class*='col-row-'] .sb-col.sb-image-row {
	background: linear-gradient(360deg, rgb(255 255 255) 25%, rgb(255 255 255) 100%);
}

/* -----------------------------------------
   Banner Thin — Page Background
----------------------------------------- */

html.has-banner-thin:not(#page-home) body {
  background: linear-gradient(
	0deg,
	#fcf3e8 0%,
	#fcf3e8 40%,
	#fcf3e8 100%
  );
}

/* Banner Thin — Carousel Overlay */

body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper .carousel-inner .item:before,
body:not(#page-home):not(.body).has-banner-thin > .container > .carousel-wrapper:before {
  background: rgb(0 0 0 / 43%);
}

/*==================================================================================*/
/* SET FONT FAMILY */
/*==================================================================================*/

/* Global Typography */
body,
.content,
h1, h2, h3, h4, h5, h6,
.content h1,
.content h2,
.content h3,
.content h4,
.content h5,
.content h6 {
  font-family: 'Poppins', sans-serif;
}

/* Headings / Special Elements */
.logo #logotext,
.gallery-header,
.locations_list {
  font-family: 'Poppins', sans-serif;
}

/* Navigation / UI */
.header .nav,
.header .nav a,
.mobile-nav a,
.toolbar #logotext {
  font-family: 'Poppins', sans-serif;
}

/* Forms / Buttons */
.btn,
.btn-cta,
.module-form input:not([type=submit]),
.module-form textarea,
.module-form select {
  font-family: 'Poppins', sans-serif;
}

/* Full Post Content (inherits body) */
.post h1.title,
.post h2.title,
.sb-full-post p,
.sb-full-post ul {
  font-family: inherit !important;
}


/* =========================================================
   CAROUSEL
========================================================= */

.carousel .item-content {
  color: var(--color-text-inverse);
}

.carousel-wrapper::before,
.carousel-inner .item::before {
  background: var(--color-overlay-dark);
}
  
 
/*==================================================================================*/
/* img -- custom bg image  */	
/*==================================================================================*/
 
 :where(html, body).has-bg-graphic [class*='sb-bg-graphic'].sb-wrap:after {
	 background-position: 0px 0px !important;
	 height: 2400px;
	 background-repeat: no-repeat;
	 z-index: -1;
	 background-size: calc(100% + 60px) calc(100% + 60px);
	 background-origin: content-box!important;
	 background-size: cover;
	 padding: 0px;
	 opacity: .2;
 
 }
 
 @media (min-width: 949px) {
 :where(html, body).has-bg-graphic [class*='sb-bg-graphic'].sb-wrap:after {
	 background-position: 800px 0px !important;
	 height: 1200px;
	 width: 100%;
	 background-repeat: no-repeat;
	 z-index: -1;
	 background-size: calc(100% + 60px) calc(100% + 60px);
	 background-origin: content-box!important;
	 background-size: 45%;
	 padding: 0px 0px;
	 opacity: .3;
	 left: 50%;
	 right: 50%;
	 margin-left: -50vw;
	 margin-right: -50vw;
	 width: 100vw;
	 max-width: 100vw;
	}
 
 .sb-testimonials-row,
 .sb-gallery-row,
 .sb-content-row,
.footer {
	position: relative;
	 z-index: 2;
 }
 }
 
 @media (min-width: 949px) {
 :where(html, body).has-bg-graphic [class*='sb-bg-graphic1'].sb-wrap:after  {
	 top: 0px;
	 transform: scaleX(-1);
	 background-position: 1000px 600px !important;
	}
	 
 :where(html, body).has-bg-graphic [class*='sb-bg-graphic2'].sb-wrap:after  {
	 top: 30px;
	 transform: scaleX(1);
	 background-position: 1200px 0px !important;
	}
 }
 

/*==================================================================================*/
/*  oneoff core colors --  */
/*==================================================================================*/

 /* TOP-LEVEL NAV ONLY */
 .site-header .site-nav > .nav-list > .nav-item > a {
   color: #ffffff;
 }
 
 /*==================================================================================*/
 /*  oneoff core colors --  */
 /*==================================================================================*/
 
 /* NAV PANEL */
	nav.mobile-nav {
	  background: #102;
	}
	


 .content h1,
	 .content h2,
	 .content h3,
	 .sb-module h2 {
	   color: var(--color-text-primary);
	   color: #ffffff;
	 }
	 
	 /*==================================================================================*/
	  /*  oneoff core custom -- color carousel graphic */
	  /*==================================================================================*/
	  
	   #page-home .carousel-inner .item::after {
			 display: none;
		  }