/*
* vers ALPHA 1.1 — COLOR TOKEN SYSTEM
*/

/* =========================================================
   COLOR TOKENS — GLOBAL SYSTEM
========================================================= */

:root {

  /* =========================================================
	 BRAND TOKENS
  ========================================================= */

  --color-brand-primary:   #20967b;
  --color-brand-secondary: #3c5665;
  --color-brand-accent:    #ffffff;

  /* =========================================================
	 TYPOGRAPHY TOKENS
  ========================================================= */

  --color-text-primary:   #0c0c0c;
  --color-text-secondary: #6f7785;

  --color-text-muted:     #959595;
  --color-text-subtle:    #9da4b5;

  --color-text-inverse:   #ffffff;

  --color-text-accent:    var(--color-brand-accent); 

  /* =========================================================
	 UI / SUPPORTING COLORS
  ========================================================= */

  /* (Reserved for future UI-specific tokens) */

  /* =========================================================
	 SURFACE TOKENS
  ========================================================= */

  --color-surface-soft: #f7e9d5;

}


/* =========================================================
   BASE — TEXT & BACKGROUND
========================================================= */

body,
.body,
.content {
  color: var(--color-text-primary);
}

body,
.body {
  background-color: transparent;
}

/* =========================================================
   LINK COLORS — GLOBAL
========================================================= */

.embed a,
.content a,
.sb-module a,
.nav a:not(.phone):hover,
.mobile-nav .primary-link.selected > a,
.mobile-nav .secondary-link.selected > a,
.mobile-nav-btn a .fa,
.mobile-nav-btn a i,
.phone a .fa,
.header .nav .primary-link > a:hover,
body.page-full-post .entry a {
  color: var(--color-brand-primary);
  opacity: 1;
}

/* Carousel Links */
.carousel .item-content a {
  color: var(--color-text-inverse);
}

/* Hover / Focus */
a:hover,
.content a:hover,
.content a:focus,
body.page-full-post .entry a:hover {
  color: var(--color-text-subtle);
}

/* =========================================================
   TOOLBAR LINKS
========================================================= */

.tool-links {
  color: var(--color-text-inverse);
}

.tool-links a:not(.btn-cta) {
  color: var(--color-text-inverse) !important;
}

@media (min-width:949px) {
  .tool-links a:not(.btn-cta) {
	color: var(--color-text-inverse) !important;
	}
}

/* =========================================================
   HEADINGS — GLOBAL
========================================================= */

.content h1,
.content h2,
.content h3,
.sb-module h2,
.sb-module .headline h2,
.post .title a,
.post h1.title,
.sb-services {
  color: var(--color-text-primary);
}

/* Brand Accent Headings */
.content h3,
.embed h3 {
  color: var(--color-text-accent);
}

/* Forced Overrides (Legacy Safety) */
.content h1 span,
.content h2 span,
.content h1 strong,
.content h2 strong,
body:not(.page-app) .text--white h2 span {
  color: inherit !important;
}

/* Light Context */
.sb-testimonials h2,
.sb-testimonials,
.sb-testimonials p {
  color: var(--color-text-inverse);
}

.contact-form .headline h2 {
  color: var(--color-text-primary);
}

/* =========================================================
   LOGO — IMAGE & TEXT
========================================================= */

header #sitelogo a {
  color: var(--color-text-inverse);
  background: transparent;
}

img#logoimg {
  filter: grayscale(0%) brightness(100%) invert(0%);
}

footer img#logoimg {
  filter: grayscale(0%) brightness(100%) invert(0%) !important;
}

.toolbar-links [class*='fcol-'] #logotext,
.footer #logotext {
  color: var(--color-text-secondary);
}

/* =========================================================
   DESKTOP NAV — COLORS
========================================================= */

.header .nav .primary-link > a,
.header .nav .primary-link.selected > a,
.header .nav .primary-link > a i,
.header .nav .primary-link.selected > a i {
  color: var(--color-text-primary) !important;
}

.header .nav .dropdown-wrapper ul {
  background: rgba(0, 0, 0, 0.30);
  box-shadow: 0 5px 20px rgb(0 0 0 / 8%);
  border: 2px solid var(--color-text-inverse);
}

.nav ul li.mega-dropdown .dropdown-wrapper li.secondary-link > a {
  color: var(--color-brand-primary) !important;
}

/* =========================================================
   MOBILE NAV — COLORS
========================================================= */

nav.mobile-nav {
  background: var(--color-brand-primary);
  box-shadow:
	-17px 0 20px rgba(0, 0, 0, 0.1),
	-1px 0 10px rgba(0, 0, 0, 0.3);
}

.mobile-nav a {
  color: var(--color-text-inverse);
}

.mobile-nav a:not(.btn):hover {
  opacity: .6;
}

.mobile-nav-overlay::before {
  background: rgb(255 255 255 / 80%);
}

.has-mobile-nav-desktop .mobile-nav-overlay::before {
  background: rgb(24 24 24 / 80%) !important;
}

nav.mobile-nav .dropdown-wrapper ul {
  background: var(--color-text-inverse);
}

.header .nav .secondary-link a {
  color: var(--color-text-secondary);
}

/* =========================================================
   GALLERY — COLORS
========================================================= */

.gallery-item-wrap {
  border-color: rgb(0 0 0 / 0%);
  background: transparent;
  box-shadow: -2px 1px 5px rgb(0 0 0 / 8%);
}

@media (min-width: 949px) {
  .gallery-item-wrap {
	box-shadow: 0 20px 20px 9px rgb(0 0 0 / 0%);
  }
}

#page-home .gallery-item-wrap:hover {
  border-color: var(--color-brand-primary);
  background: var(--color-surface-soft);
  box-shadow: none;
}

/* =========================================================
   CAROUSEL — TEXT COLOR SYSTEM
========================================================= */

.carousel .item-content {
  color: #f3f3f3;
}

.carousel .item-content h1,
.carousel .item-content h2,
.carousel .item-content h3,
.carousel .item-content h4,
.carousel .item-content h5,
.carousel .item-content h6,
.carousel .item-content p,
.carousel .item-content li {
  color: inherit;
}

/* =========================================================
   CAROUSEL — IMAGE OVERLAY
========================================================= */

.carousel-wrapper::before,
.carousel-inner .item::before {
  background: rgb(0 0 0 / 40%);
}

#page-home > .container > .carousel-wrapper:first-of-type::before,
#page-home > .container > .carousel-wrapper:first-of-type
.carousel-inner .item::before {
  background: rgb(255 255 255 / 88%);
}

/* =========================================================
   FOOTER — COLORS & BACKGROUND
========================================================= */

.footer {
  color: var(--color-text-secondary);
  background-image:
	linear-gradient(var(--color-text-inverse), var(--color-text-inverse)),
	url(/img/upload/000_custom_image91.jpg);
}

.footer .footer-box h3,
.footer .footer-box a,
.footer .footer-user-content a,
.footer .footer-box span,
.footer .footer-box h2,
.footer .footerlogoname {
  color: var(--color-text-secondary);
}

.footer .footer-box a:hover {
  color: var(--color-brand-primary);
}

.by-optima,
.by-optima a {
  color: var(--color-text-secondary) !important;
}


/* =========================================================
   BUTTON COLORS — PRIMARY SYSTEM
========================================================= */

a.btn,
.btn,
.btn-cta,
.btn-ph,
.gallery-item-wrap .btn,
.module-cta a.btn,
.module-cta .btn,
.sb-contactform-row input.btn,
.sb-formbuilder-row input.btn,
.carousel .item-content a,
input[type="submit"] {
  color: var(--color-text-inverse) !important;
  background: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}


.btn-default,
a.btn.btn-default,
input.btn-default,
.social-module a,
.footer .primary-link:last-child > a {
  color: var(--color-text-inverse) !important;
  background: var(--color-brand-primary) !important;
  border-color: var(--color-brand-primary) !important;
}


/* Module font colors-------------------------------------------------*/


.sb-testimonials-row figure h3 {
  color: var(--color-text-primary) !important;
}

.sb-testimonials-var1-row figure h3 {
  color: var(--color-text-primary) !important;
}


.sb-testimonials-row .fa-star {
  color: var(--color-brand-accent) !important;
}
   
.testimonials figcaption.quotename {
  color: var(--color-text-secondary);
}

.testimonials .quote-mark-lg {
  color: var(--color-text-inverse);
}

/* .sb-feature-about-row h2,
.sb-feature-about-row .content {
  color: var(--color-text-subtle) !important;
} */

.sb-feature-cta1 h2 {
  color: var(--color-text-primary) !important;
}

.sb-testimonials-row .testimonials:before {
  border-color: transparent;
}

/* heading -- has bg color -------------------------------------------------*/

:where(html, body).has-heading-color .content h1 {
	  background-image: linear-gradient(234.33deg, #16836a -3.63%, #16836a 89.96%);
}

/*==================================================================================*/
/*  header bg */
/*==================================================================================*/

.site-header {
 background: rgb(22 131 105) !important;
 border-bottom: 1px solid rgba(0, 0, 0, 0);
 box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0);
}

html.snapped .site-header {
 background: rgb(22 131 105) !important;
}

/*Section BG Coloring*/
/*=========================================*/

.accent--lite {
	background-color: #148468;
}

.accent--lite1 {
	background-color: #dee79e;
}

.accent--lite2 {
	background-color: #148468;
	/*    background-image: url(https://optimasites.cloudfrontend.net/img/upload/lee_endo_custom_pattern2.png);*/
}

.accent--lite3 {
	background-color: rgba(0, 0, 0, 0);
}


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

body {
	background-image: none;
	background-color: #fefff2;
}

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

.sb-content-intro-row {
	background-image: none;	
}

.sb-module-mini-cta {
	background-image: none;
	background: #005e96!important;
}

.sb-testimonials-row {
	background: rgb(255 255 255 / 0%)!important;
}

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

.sb-testimonials-row:after {
	background-image: none;
}
  
.sb-content-intro-row {
	background-image: none;
}

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

.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-services2-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;
}

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

#page-home .sb-feature-gallery-row,
#page-home .sb-gallery-row  {
	background: #148468;
}
		 
#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/fairoakssmilespediatricdentistry_bg_1.png');
	/* background-color: #323747; */
}

.sb-bg-graphic2-row.sb-wrap:after {
	background-image: url('https://optimasites.cloudfrontend.net/img/upload/fairoakssmilespediatricdentistry_bg_1.pn');
	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-services-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-services-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%);
	}
} 
	
.sb-feature-cta-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-cta-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%);
	}
} 

.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-testimonials-row.sb-wrap:before {
	background: rgb(255 255 255 / 92%);
	/* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width: 949px) { 
.sb-testimonials-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-feature-about-row.sb-wrap:before {
	background: rgb(255 255 255 / 88%);
	/* background: linear-gradient(270deg, rgb(0 0 0 / 0%) 25%, rgb(0 0 0 / 0%) 100%); */
}

@media (min-width:949px) { 
.sb-feature-about-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%); */
	}
} 

.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%);
}

/* =========================================================
   MISC BACKGROUND RULES
========================================================= */

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


/* -----------------------------------------
   Gallery Header
----------------------------------------- */

body#page-home .gallery-header {
  color: #ffffff !important;
  background: rgb(255 255 255 / 0%) !important;
  border-color: rgb(206 101 98 / 0%) !important;
  box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 0%);
}

body#page-home .gallery-header:hover {
  color: #ffffff !important;
  background: rgba(255, 255, 255, 0) !important;
  border-color: rgba(255, 255, 255, 0) !important;
  box-shadow: 0px 6px 10px 0px rgb(0 0 0 / 0%);
}


/* Gallery Heading */

body#page-home .gallery.var1 h2 {
  color: #ffffff;
}


/* ****************************************************************
 *  START SPECIFIC THEME ADDITIONS
 * ****************************************************************/


/*==================================================================================*/
/* SET FONT FAMILY */
/*==================================================================================*/
 
h1,h2,h3,h4,h5,h6,
.logo #logotext,
.content h1,
.content .playfair,
.c-module-services ul li,
.footer .footer-box h3,
.post h2.title,
.post h1.title,
/*.micro-cta a,*/
.testimonials figure,
.feature-address,
.cta-btn-widget .btn,
.locations_list,
.toolbar .toolbar-links:nth-child(1) #logotext,
.nav ul li.mega-dropdown .dropdown-wrapper li.secondary-link > a,
.feature-about div {
	 font-family: 'Poppins', sans-serif;
 }
 
.header .nav .nav-item >a,
.header .nav .dropdown-wrapper >ul >li > a,
.header .nav .dropdown-wrapper,
.mobile-nav a,
body,
.btn,
.btn-cta,
.logo .header-address,
.services h3,
.carousel .item-content a,
.micro-cta a,
.micro-cta span,
.module-form input:not([type=submit]):not([type=submit]),
.module-form textarea,
.module-form input:not([type=submit]):not([type=submit]),
.module-form textarea,
.module-form select {
	 font-family: 'Poppins', sans-serif;
 }
 
.sb-full-post p,
.sb-full-post ul {
 font-family: inherit!important;
}

.gallery-header {
	 font-family: 'Poppins', sans-serif;
 }
 
 .carousel .item-content p,
 .micro-cta a,
 .micro-cta span {
	 font-family: 'Poppins', sans-serif;
 }
 
 .content h2,
 .sb-module .headline h2,
 .sb-module h2 {
	 font-family: 'Poppins', sans-serif;
 }
 
 .carousel .item-content h3,
 .stylized-text h2:before,
 .feature-about h2 i {
	 font-family: 'Poppins', sans-serif;
 }
 
 .content h3 {
	 font-family: 'Poppins', sans-serif;
 }
 
 .carousel .item-content h2 {
	 font-family: 'Poppins', sans-serif;
 }
 
 .testimonials h3 {
	 font-family: 'Poppins', sans-serif;
 }
 
 .testimonials h2,
 .testimonials figcaption {
	 font-family: 'Poppins', sans-serif;
 }
 
 .testimonials h3 {
	 font-family: 'Poppins', sans-serif;
 }
 
 .toolbar .toolbar-links:nth-child(1) #logotext,
 .footer #logotext {
	 font-family: 'Poppins', sans-serif;
 }
 
 .micro-cta .cta-content {
	 font-family: 'Montserrat', sans-serif!important;
 }
 
 .tba {
	 font-family: Georgia, Merriweather, Arial;
 }
 
 
  
 
/*==================================================================================*/
/* 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: 200%;
	 padding: 0px;
	 opacity: .1;
	}
 
 @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: 75%;
	 padding: 0px 0px;
	 opacity: 1;
	 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: 90px;
	 transform: scaleX(1);
	 background-position: 1000px 0px !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 -- feature  cards bg  */
 /*==================================================================================*/

/* EACH card */
.sb-feature-cards1-row :where(.embed, .content) .feature-cards1 > div > div {
  background: rgb(255 255 255 / 71%);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  isolation: isolate;              /* breaks stacking poison */
  will-change: backdrop-filter;    /* tells browser early */
  transform: translateZ(0);         /* forces compositor */
 }
	

/*==================================================================================*/
/*  oneoff core -- main header bar width */
/*==================================================================================*/

 @media (min-width: 949px) {
.site-header__main {
  width: 92%;
}
 }

/*==================================================================================*/
/*  oneoff core colors --  map split */
/*==================================================================================*/

.map-split .contact-block {
  background: rgb(56 130 109);
}

@media (min-width: 949px) {
:where(html, body):not(#page-home).has-narrowsite .container > .columns {
	 background: #fff;
}

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

 /* NAV PANEL */
	nav.mobile-nav {
	  background: rgb(18 116 94);
	}
	
/*==================================================================================*/
/*  oneoff core colors --  */
/*==================================================================================*/

 /* TOP-LEVEL NAV ONLY */
 .site-header .site-nav > .nav-list > .nav-item > a {
   color: #ffffff;
 }
 

 /*==================================================================================*/
 /*  oneoff core custom -- color carousel graphic */
 /*==================================================================================*/
 
  #page-home .carousel-inner .item::after {
		background-image: url("/img/upload/northstarpediatric_bg_1.webp");
	 }