/* ==========================================================================
   CSS Variables
   ========================================================================== */

:root {
	--color-primary: #3c6cb1;
	--color-primary-hover: #005ad9;
	--color-primary-dark: #194684;
	--color-primary-light: #9cb4d9;
	--color-primary-lighter: #e7ecf9;
	--color-primary-underline: #2F56B0;
	--color-primary-active: #eaf3ff;

	--color-secondary: #b8ad94;
	--color-secondary-dark: #AC9665;
	--color-secondary-light: #c9ba9f;
	--color-accent-gold: #bba377;
	--color-accent-bronze: #ac8e4b;
	--color-accent-tan: #afa388;

	--color-text-dark: #212529;
	--color-text-gray: #747879;
	--color-text-muted: gray;

	--color-bg-white: #fff;
	--color-bg-off-white: #fefefe;
	--color-bg-light: #fafafa;
	--color-bg-lighter: #f2f2f2;
	--color-bg-gray: #eee;
	--color-bg-promo: #eef0ef;

	--color-error: #ff3b30;
	--color-closed: rgb(216, 0, 0);

	--color-overlay-dark: rgba(0,0,0,0.5);
	--color-overlay-light: rgba(79,79,79,0.18);
	--color-overlay-tan: rgba(201, 186, 159, 0.33);
	--color-overlay-blue: rgba(60, 108, 177, 0.84);
	--color-overlay-blue-dark: rgba(45, 61, 89, 0.95);
	--color-overlay-blue-nav: rgba(48, 101, 176, 0.95);
	--color-overlay-blue-offer: rgba(58, 91, 149, 0.95);
	--color-overlay-appt: rgba(215, 223, 238, 0.8);
}

/* ==========================================================================
   Typography
   ========================================================================== */

h1, h2, h3 {
	color: var(--color-primary);
	font-weight: 400;
}

h1,h2,h3,h4, p, ul, li, a, .small{
	font-family: 'Raleway', sans-serif;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

/* ==========================================================================
   Header & Navigation
   ========================================================================== */




#office {
	background-color: var(--color-primary);
	width: 100%;
	height: auto;
	padding: 1.5rem 3rem;
}

#office h2 {
	color: white;
	font-size: 1rem;
	margin-bottom: 0px;
}







#logo {
	position: relative;
	z-index: 9999;
	margin-left: auto;
	margin-right: auto;
}

#top-header .navbar {
	margin-top: 1em;
}

@media (min-width: 1200px) {
	.navbar {
		margin-top: initial !important;
	}
	#logo {
		margin-left: initial;
		margin-right: initial;
	}
}

#top-header .navbar-nav {
	margin-top: .75em;
	margin-bottom: -0.5em;
}

#headercontact .social {
	display: none !important;
}

#headercontact .social .fa {
	font-size: 1.25rem !important;
	color: var(--color-primary);
}

#headercontact {
	margin-top: .5em;
}


@media (min-width: 1200px) {
	#headercontact .social {
		display: inline-block !important;
	}
}

@media (max-width: 1200px) {
	#headercontact {
		position: relative !important;
		margin-top: 0em;
	}
	#headercontact .small {
		margin-right: auto;
		margin-left: auto;
		text-align: center !important;
	}
	#headercontact .btn-primary {
		margin-bottom: .25rem;
	}
}





.dropup, .dropright, .dropdown, .dropleft {
	position: inherit;
}

.dropdown-menu {
	margin: 0 0 0 -40px;
	width: calc(100% + 80px);
	background-color: var(--color-overlay-blue-dark);

	color: white;
	box-shadow: 0px 12px 24px rgba(0,0,0,0.5);
}

.dropdown-menu .container-fluid .col-md-2{
	font-size:.95em;
}

.dropdown-menu .container-fluid .col-md-2 h4{
	font-weight: 700;
}

.dropdown-menu a {
	color: white;
}

.sidebar-nav {
    padding: 9px 0;
}

.dropdown-menu .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    visibility: hidden;
    margin-top: -1px;
}

.dropdown-menu li:hover .sub-menu {
    visibility: visible;
}

.dropdown:hover .dropdown-menu {
    display: block;
}

.nav-tabs .dropdown-menu, .nav-pills .dropdown-menu, .navbar .dropdown-menu {
    margin-top: 0;
}

.navbar .sub-menu:before {
    border-bottom: 7px solid transparent;
    border-left: none;
    border-right: 7px solid rgba(0, 0, 0, 0.2);
    border-top: 7px solid transparent;
    left: -7px;
    top: 10px;
}
.navbar .sub-menu:after {
    border-top: 6px solid transparent;
    border-left: none;
    border-right: 6px solid #fff;
    border-bottom: 6px solid transparent;
    left: 10px;
    top: 11px;
}



.navbar{
	padding-bottom:0px!important;
	padding-top:0px;
}

.collapse.navbar-collapse{
	margin-top:50px!important;
}

.nav-item.dropdown{
	padding-bottom:10px;
}


.headerbuttons{
	position: absolute;
	right:20px;
	top:20px;
	z-index:9999;
}




.navbar-side-content {
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}

.navbar .dropdown:hover>.dropdown-menu, .navbar .dropdown-menu:hover {
  display: block;
}



.dropdown-item, .dropdown-item:focus {
	font-size: .8rem;
	text-decoration: none;
	padding: .75rem 3rem;
}

.dropdown-item:hover, .dropdown-item:focus {
	color: white;
	background-color: var(--color-primary-hover);
}


@media (max-width: 1200px) {
	.navbar-side .navbar-side-content .nav-link {
		font-size: 1.5rem;
		line-height: 1.75rem;
	}
	
	

	.PromoBanner .col-12{
	width:100%!important;
	}
}

@media (max-width: 414px) {
	.navbar-side .navbar-side-content .nav-link {
		font-size: 1.5rem;
		line-height: 1.85rem;
	}
	.dropdown-item, .dropdown-item:focus {
		font-size: .7rem;
	}
}



.headerbuttons .social .fa {
	font-size: 1.25rem;
}

.clue-menu-item {
	padding: 2em 1em 2em 1em !important;
}

.clue-menu-item:hover {
	background-color: rgba(255,255,255,0.2);
}

.clue-menu-item p {
	margin-bottom: 0px !important;
}

.clue-menu-active {
	background-color: var(--color-bg-gray);
}

.dropdown .container-fluid {
	padding-right: 0px;
	padding-left: 0px;
}









#headers-4-sidebar .navbar-nav {
	margin-top: 0em;
}

.navbar-side .navbar-side-content {
	background: var(--color-overlay-blue-nav);
}

.navbar-side .navbar-side-content .nav-link {
	font-size: 1.15rem;
	line-height: 2.5rem;
	border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

#top-header .navbar-side .text-dark {
	color: white !important;
	font-weight: 400;
}

#top-header .navbar-side .text-dark:hover {
	color: white !important;
}

.navbar-side .small a {
	color: white !important;
}

.navbar-side .text-muted {
	color: white !important;
}

.navbar-side .social .fa {
	color: white !important;
	font-size: 1.25rem;
}

/* ==========================================================================
   Hero & Cover Sections
   ========================================================================== */














.cover-video {
	background-color: var(--color-primary-lighter);
	min-height: auto;
	
	position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

.cover-video h1 {
	color: white;
}

.cover-video h4 {
	font-size: 1.25rem;
}


.cover-video-inside {
	background-color: var(--color-overlay-tan);
	min-height: auto;
	height: auto;
	position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

.cover-video-inside h1 {
	color: white;
}

.cover-video-inside h4{
	font-size: 1.25rem;
}

.cover-video-inside p {
	color: white;
}



.background-video-container {
  pointer-events: none;
  position: absolute;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  left: 0rem;
}
.background-video-container video {
  
  background-size: cover;
  height: auto;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
  width: auto;
  position: absolute;
  top: 50%;
  right: 0rem;
  bottom: 0rem;
  left: 50%;
}
.background-video-container-overlay {
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	background-color: var(--color-overlay-light);
}

.background-video-container-overlay-alt {
	position: absolute;
	top: 0px; right: 0px; bottom: 0px; left: 0px;
	background-color: var(--color-overlay-dark);
}

#homepage-icons a {
	color: white;
}

#lastname {
	display: none;
}










#homepage-slideshow .carousel-control-prev, #homepage-slideshow .carousel-control-next {
	color: white;
	font-size: 3rem;
}

#homepage-slideshow .bg-cover {
	background-color: rgba(0,0,0,0);
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
	background-color: rgba(255,255,255,0.2);
}

.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: white;
}

.swiper-slide {
    background-position: center center;
    position: relative;
}

.swiper-slide-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    
}

.images-ratio.ratio-16-9 {
	height: 600px;
}


#homepage-slideshow {
	background-color: var(--color-primary-lighter); 
	min-height: 300px;
	height: calc(30rem);
	position: relative;
    overflow: hidden;
    background-position: center center;
    background-size: cover;
}

#homepage-slideshow h1 {
	font-size: 2.5rem;
	color: white;
	padding: 0px 90px;
}

#homepage-slideshow p {
	font-size: 1rem;
	padding: 0px 60px;
}

@media (min-width: 766px) {
	#homepage-slideshow h1 {
		font-size: 3.5rem;
		padding: 0px;
	}

	#homepage-slideshow p {
		font-size: 1.25rem;
		padding: 0px;
	}
}

/* ==========================================================================
   Homepage Features & Touts
   ========================================================================== */











#three-touts {
	background-color: rgba(239, 245, 254, 1);
}

.FeatureCol1,.FeatureCol2,.FeatureCol3{
	background-image:url("../img/feature-welcome.jpg");
    padding-bottom: 62.5%; 
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
	margin:0 5px;
	position: relative;
	min-height:300px;
}

.FeatureCol1{
	background-image:url("../img/feature-welcome.jpg");
}

.FeatureCol2{
	background-image:url("../img/feature-monthly-payments.jpg");
}

.FeatureCol3{
	background-image:url("../img/feature-testimonials.jpg");
}

.FeatureContent{
	padding:20px;
	position: absolute;
	bottom: 0;
	left: 0;
	color:#fff;
	background: var(--color-overlay-blue);
	text-align: center;
}










.ContentTextHolder{
	display: table!important;
}

.ContentText{
	display: table-cell; 
	vertical-align: middle;
}

.home-container-fluid{
	width:100%;
	padding-right:15px;
	
}

.home-container-fluid.no-padding .row{
	padding-top:0px;
	padding-bottom:0px;
}

.home-container-fluid.no-padding .row .text-side{
	padding:0 5% 0px 5%;
}

.home-container-fluid.no-padding .row .text-side a{
	color: var(--color-text-muted);
}

.home-container-fluid.no-padding .row .text-side h2{
	font-size:2.5em;
	font-weight: 600;
}

.home-container-fluid.no-padding .row .text-side h2 span{
	font-weight: 100;
	color: var(--color-text-muted);
}

.home-container-fluid.no-padding .row .text-side ul li{
	font-size:1.5em;
	
}

.home-container-fluid.no-padding .row .text-side ul.custom-list li::before{
	margin-top:0.65rem;
}

#inside-header h1{
	font-weight: 600;
}

#inside-header h1 span{
	font-weight: 100;
	color: var(--color-text-muted);
}

.text-side i{
	color: var(--color-primary);
	font-size:18px;
}

.homepage-list ul.custom-list li::before {
    content: '';
    position: absolute;
    border: 0.125rem solid;
    border-radius: 50%;
    width: 1.125rem;
    height: 1.125rem;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTFweCIgaGVpZ2h0PSI4cHgiIHZpZXdCb…c4Mzk2NDYgMS4wNjAzMzYzNCAyLjQxNzQxMjU1Ij48L3BvbHlnb24+ICAgIDwvZz48L3N2Zz4=) center center no-repeat;
    margin-left: -1.875rem;
    margin-top: 0.25rem;
	display:none!important;
}	

@media only screen 
and (min-width : 768px) 
and (max-width : 1101px)  {
	
	.home-container-fluid.no-padding .row .text-side h2{
	font-size:1.5em;
	}

	.home-container-fluid.no-padding .row .text-side ul li,
	.home-container-fluid.no-padding .row .text-side ul li i,
	.home-container-fluid.no-padding .row .text-side p{
		font-size:.8em!important;
	}

	
	


}






.text-side ul li a{
	position: relative;
	padding-bottom:2px;
}

.text-side ul li a:hover{
  color: var(--color-primary) !important;
  right: 0;
  text-decoration: none;
}

.text-side ul li a:after {
  border-radius: 1em;
  border-top: .1em solid var(--color-primary-underline);
  content: "";
  position: absolute;
    right: 100%;
    bottom: .14em;
    left: 0;
  transition: right .4s cubic-bezier(0,.5,0,1),
              border-color .4s ease-out;
}

.text-side ul li a:hover:after {
  right: 0;
}

/* ==========================================================================
   Buttons
   ========================================================================== */









.btn {
	font-size: 0.875rem;
	padding: 0.5rem 1rem;
}

.btn-sm {
	font-size: 0.75rem;
	padding: 0.375rem 0.75rem;
}

.btn-lg {
	font-size: 1rem;
	padding: 0.625rem 1.25rem;
	white-space: nowrap;
}


.btn-block {
	display: block;
	width: 100%;
}

.btn-white {
	border-radius: 10px;
}

.btn-primary {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	border-radius: 10px;
}

.btn-primary:hover {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

.btn-primary a {
	color: white !important;
}

.btn-primary i {
	color: white !important;
}

.home-container-fluid .btn-primary, .btn-primary.inside {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
	color:#fff!important;
}

.home-container-fluid .btn-primary:hover, .btn-primary.inside:hover {
	background-color: var(--color-primary);
	border-color: var(--color-primary);
}

/* ==========================================================================
   Homepage Banners & Sections
   ========================================================================== */












.schedule-banner {
	background-color: var(--color-primary) !important;
}

.schedule-banner h1 {
	color: white;
}







#reviews-banner {
	background-image: url("../img/reviews-background.jpg"); 
	background-position: center center;
	background-size: cover;	
	background-attachment: fixed;
}

#reviews-banner h1 {
	color: white;
}

#reviews-banner p {
	color: white;
	font-weight: 600;
}

#reviews-banner strong {
	margin-left: .5rem;
	margin-right: .5rem;
}

#reviews-banner .fa-star {
	color: var(--color-secondary-light);
	font-size: 2rem;
}

@media (min-width:1024px) {
	#reviews-banner {
		background-color: rgba(239, 245, 254, 1);
	}
}






#message {
	background-color: var(--color-primary);
}









#welcome-banner {
	background-image: url("../img/welcome-bg-hearts.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}

#welcome-banner img {
	max-width: 100%;
}

#apply {
	background-image: url("../img/welcome-bg-hearts.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}

#touts {
	background-image: url("../img/welcome-bg-hearts.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}






.new-background {
	background-image: url("../img/background-1.svg");
	background-position: center;
	padding: 0;
	position: relative;
	display: block;
}








#why-choose-us {
	background-color: var(--color-overlay-tan);
}

#why-choose-us h1 {
	color: var(--color-accent-gold);
	font-size: 2rem;
}

@media (min-width: 766px) {
    #why-choose-us h1 {
		font-size: 2.5rem;
	}
}









#meet-the-doctors {
	background-color: var(--color-overlay-tan);
}

#meet-the-doctors .btn-primary {
	color: white !important;
}

#meet-the-doctors a {
	color: var(--color-accent-bronze);
}

#meet-the-doctors .nav-pills .nav-link.active, .nav-pills .show > .nav-link {
	background-color: initial;
	font-size: 1.5rem;
	color: var(--color-primary);
}

#meet-the-doctors h2 {
	color: var(--color-primary);
}

#meet-the-doctors img {
	border: 6px solid var(--color-accent-tan);
	max-width: 100%;
	width: 20em;
}









.split-first-new-grids .picture {
	background-image: url("../assets/pictures/homepage-general-dentistry.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}

.split-first-new-grids .big-text {
	font-size: 1.75rem;
	font-weight: 600;
}

.split-first-new-grids p {
	font-size: .85rem;
}

@media (min-width: 766px) {
    .split-first-new-grids .h-md-100 { 
		height: 500px; 
	}
}

@media (min-width: 933px) {
	.split-first-new-grids .big-text {
		font-size: 2.5rem;
	}
	.split-first-new-grids p {
		font-size: 1rem;
	}
}








.split-second-new-grids .picture {
	background-image: url("../assets/pictures/homepage-general-dentistry.jpg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 400px;
}

.split-second-new-grids .big-text {
	font-size: 1.75rem;
	font-weight: 600;
}

.split-second-new-grids p {
	font-size: .85rem;
}

@media (min-width: 766px) {
    .split-second-new-grids .h-md-100 { 
		height: 500px; 
	}
}

@media (min-width: 933px) {
	.split-second-new-grids .big-text {
		font-size: 2.5rem;
	}
	.split-second-new-grids p {
		font-size: 1rem;
	}
}








#instagram-banner {
	background-image: url("../img/welcome-bg-hearts.svg");
	background-size: 400px 400px;
	background-position: center center;
	
	padding: 60px 40px;
}

#instagram-banner h1 {
	text-align: center;
	margin-bottom: 30px;
}












#covid-banner {
	background-color: var(--color-bg-off-white);
}

#covid-banner a {
	color: black;
}

#covid-banner .list {
	padding: 0px 70px;
}

#covid-banner .custom-list {
	margin-left: 2rem;
}

@media (min-width: 933px) {
	#covid-banner .list {
		padding: 0px !important;
	}
	
	#covid-banner .custom-list {
		margin-left: 3rem !important;
	}	
}







#community .py-5 {
	padding-top: 2rem !important;
	padding-bottom: 1rem !important;
}

@media (min-width: 766px) {
	#community {
		background-image: url("../img/community-banner-web.jpg"); 
		background-position: center center;
		background-size: cover;	
		background-attachment: initial;
		height: 500px;
	}
	
	#community .py-5 {
		padding-top: 5rem !important;
		padding-bottom: 5rem !important;
	}

}






#summer-hours  {
	background-color: var(--color-bg-light) !important;
}


#summer-hours .contact-hours .table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

#summer-hours .contact-hours .table th {
	font-weight: 400;
	font-size: 1rem;
	color: black;
	background-color: initial;
	padding: 0 0 0.2rem 0;
	border-top: none;
	font-family: 'Raleway', sans-serif;
}

#summer-hours .contact-hours .table td {
	padding: 0 0 0.2rem 1rem;
	border-top: none;
	font-weight: 400;
	font-size: 1rem;
	color: black;
	font-family: 'Raleway', sans-serif;
}

@media (min-width: 992px) {
	#summer-hours {
		background-image: url("../img/fall-banner.jpg"); 
		background-position: center center;
		background-size: cover;	
		background-attachment: initial;
		background-repeat: no-repeat;
		height: auto;
	}
}








#veterans .py-4 {
	padding-top: 1rem !important;
	padding-bottom: 1rem !important;
}

@media (min-width: 992px) {
	#veterans {
		background-image: url("../img/veterans-banner.jpg"); 
		background-position: center center;
		background-size: cover;	
		background-attachment: initial;
		background-repeat: no-repeat;
		height: 500px;
	}
	
	#veterans .py-4 {
		padding-top: 4rem !important;
		padding-bottom: 4rem !important;
	}

}







#split-request-info .picture {
	background-image: url("../img/request-info-bg-2.jpg");
	background-position: center;
	background-size: cover;	
	background-repeat: no-repeat;
	height: 400px;
}

#split-request-info .bg-color {
	background: var(--color-primary);
}

#split-request-info .form-control { 
	background-color: white;
}

#split-request-info .signature {
	font-family: 'Caveat', cursive !important;
	font-size: 1.7rem;
	color: white;
}

#split-request-info .btn-primary {
	background-color: var(--color-secondary);
	border-color: var(--color-secondary);
}

#split-request-info .btn-primary:hover {
	background-color: var(--color-secondary-dark);
	border-color: var(--color-secondary-dark);
}

@media (min-width: 766px) {
    #split-request-info .h-md-100 { 
		height: 400px; 
	}
}







#appointment-banner {
	background-image: url("../assets/pictures/general_srvc_bckgrnd.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}

#appointment-banner .form-control {
	background-color: white;
}

#appointment-banner h1 {
	color: white;
}










#share-experience-banner {
	background-image: url("../img/share-experience-background.svg");
	background-size: 500px 500px;
	background-position: center center;
	padding: 1rem 0;
}

#share-experience-banner .review-icons {
	text-align: center;
	padding-top: 30px;
}
#share-experience-banner .review-icons i {
	font-size: 60px;
}

#share-experience-banner a {
	text-decoration: none;
}









#multiple-options {
	background-color: var(--color-primary);
}

#multiple-options h1 {
	color: white;
}

#multiple-options h2 {
	color: white;
}





#emergency-multiple-options {
	background-color: var(--color-primary);
}

#emergency-multiple-options h1 {
	color: white;
}

#emergency-multiple-options .btn-primary {
	background-color: white;
	border-color: white;
	border-radius: 10px;
}

#emergency-multiple-options .btn-primary:hover {
	background-color: var(--color-secondary) !important;
	border-color: var(--color-secondary) !important;
}

#emergency-multiple-options .btn-primary a {
	color: white !important;
}

#emergency-multiple-options .btn-primary i {
	color: white !important;
}

/* ==========================================================================
   Footer
   ========================================================================== */






#footer img {
	max-width: 100%;
}

#footer a {
	color: var(--color-primary);
}

#footer .contact a {
	color: black;
}

#footer .social .fa {
	font-size: 20px;
	color: var(--color-primary);
}








#copyright {
	background-color: var(--color-secondary);
}

#copyright a {
	color: white !important;
}

#copyright .text-muted {
	color: white !important;
}

/* ==========================================================================
   Inside Pages & Content
   ========================================================================== */



#inside-header {
	background-image: url("../assets/pictures/general-procedure-background.svg");
	background-size: 400px 400px;
	background-position: center center;
    padding: 1rem 0;
}

#content {
	padding-top: 1em;
	padding-bottom: 1em;
}

@media(min-width: 414px) {
	#content {
		padding-top: 6em;
		padding-bottom: 6em;
	}
}

#content img {
	padding-top: 1rem;
	padding-bottom: 1rem;
	max-width: 100%;
	width: 100%;
}

#content hr {
	clear: both;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

#content .images-ratio {
	background-position: center;
}

#content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet {
	background-color: rgba(0, 0, 0, 0.3) !important;
}

#content .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: var(--color-primary) !important;
}

.contest-winners p {
	text-align: center;
	color: var(--color-primary);
}



.contact-hours .table {
	width: auto;
	margin-left: auto;
	margin-right: auto;
}

.contact-hours .table th {
	font-weight: 400;
	font-size: 1rem;
	color: black;
	background-color: white;
	padding: 0 0 0.2rem 0;
	border-top: none;
	font-family: 'Raleway', sans-serif;
}

.contact-hours .table td {
	padding: 0 0 0.2rem 1rem;
	border-top: none;
	font-weight: 400;
	font-size: 1rem;
	color: black;
	font-family: 'Raleway', sans-serif;
}

@media (min-width: 992px) {
	.contact-hours .table {
		width: auto;
		margin-left: initial;
		margin-right: initial;
	}
}


.table {
	width: auto;
}

.table th {
	font-weight: 500;
	color: white;
	background-color: var(--color-primary);
}

.table .closed {
	color: var(--color-closed);
}




.ServicesBlock{
	background: var(--color-primary);
	color:#fff!important;
	margin-top:90px;
	padding:15px 25px;
}

.ServicesBlock h2{
	color:#fff;
	margin-bottom: 5px;
}




.muvi-container {
	text-align: center;
	background-color: rgba(0,0,0,0.05);
	padding: 20px 20px 10px 20px;
	margin-top: 20px;
	margin-bottom: 20px;
	border-radius: 14px;
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
.muvi-container video {
	width: 100%;
}
.muvi-caption, .muvi-caption a {
	font-size: 10px;
	color: rgba(0,0,0,0.25) !important;
}
.muvi-caption a {
	margin-left: 1em;
	text-decoration: none;
}

/* ==========================================================================
   Appointment Forms
   ========================================================================== */















.multistep-appt p {
	font-size: 120%;
}

.multistep-appt input, .multistep-appt textarea {
	background-color: white !important;
}

.appt-day {
	background-color: var(--color-overlay-appt);
	border-radius: 2em;
	padding: 0.5rem;
	border: 4px white solid;
}

.appt-day .btn-outline-primary {
	background-color: white;
	color: var(--color-primary);
	border-radius: 2em;
}

.appt-day .btn-outline-primary i {
	font-size: 3rem !important;
	display: block;
	margin-bottom: -0.25em;
	margin-top: -0.05em;
}

.appt-day .btn-outline-primary:hover {
	background-color: var(--color-primary-active);
}

.appt-day .btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
	background-color: var(--color-primary) !important;
	border-color: var(--color-primary);
}

#appt-medicare-warning {
	background-color: var(--color-error);
	color: white;
	border-color: red;
	font-weight: 700;
}

.appt-disclaimer {
	font-size: 0.85rem !important;
}


@media(max-width: 575px) {
	
	.appt-day .btn-outline-primary {
		font-size: 0.9rem;
	}
}

/* ==========================================================================
   Promo & Campaign Banners
   ========================================================================== */






#promo-banner {
	background-color: var(--color-bg-lighter);
}

@media (min-width: 1200px) {
	#promo-banner {
		background-image: url("../img/referral-campaign/2023-blackstone-campaign-banner.jpg"); 
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat; 
		background-attachment: initial;
		height: auto;
	}
}





#insurance-banner {
	background-color: var(--color-primary-dark);
}

@media (min-width: 1200px) {
	#insurance-banner {
		background-image: url("../img/insurance-banner-3.jpg"); 
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat; 
		background-attachment: initial;
		height: auto;
	}
}







#referral-campaign {
	background-image: none;
}

#referral-campaign h1 {
	text-align: center;
	margin-bottom: 0em;
	font-size: 2em;
	font-weight: bold;

}

#referral-campaign h2 {
	text-align: center;
	margin-bottom: 0em;
	font-weight: 500;

}

@media (min-width: 766px) {	
	#referral-campaign {
		background-image: url("../img/referral-campaign/2023-blackstone-campaign-banner.jpg");
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat; 
		height: 500px;
	}
	
	#referral-campaign h1 {
		text-align: center;
		font-size: 3.5rem;
		font-weight: bold;
	}
}











.PromoBanner{
	border-top:1px solid var(--color-primary);
	border-bottom:1px solid var(--color-primary);
	background:url('../assets/pictures/promo_bg.jpg');
	background-size:1200px 929px;
	background-repeat: no-repeat;
	background-position: 100% 25%;
	background-color: var(--color-bg-promo);
}

.PromoBanner h2 {
	font-size:28px;
	color: var(--color-text-gray);
}

.PromoBanner .BannerCopy{
	font-size:28px;
	color: var(--color-primary);
}

.PromoBanner .SmallCopy{
	font-size:10px;
}


@media only screen and (max-width: 767px)  {
	.PromoBanner{
		background-image: none!important;
	}	
}

@media only screen and (max-width: 1300px)  {
	.PromoBanner{
		background-size:contain;
	}	
}

@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) 
	and (orientation: portrait){
		.PromoBanner{
		background-image: none!important;
	}	
}



/* ==========================================================================
   Utilities & Animations
   ========================================================================== */

@media (min-width: 992px) {
    [data-animation] {
      visibility: hidden;
    }
    [data-animation].animate__animated {
      visibility: visible;
    }
}

.circular--square { border-radius: 50%; }

.invisalign-financing-row {
	
}

.invisalign-financing-row h2 {
	font-weight: bold;
}

.invisalign-financing-row > div:nth-child(1) {
	border-radius: 2em 2em 0em 0em;
	background-color: var(--color-primary-light);
}

.invisalign-financing-row > div:nth-child(2) {
	border-radius: 0em 0em 2em 2em;
	background-color: lightgray;
}

.text-yellow {
	color: yellow !important;
	text-shadow: 0px 2px 8px rgba(0,0,0,0.33);
}

@media (min-width: 768px) {
	.invisalign-financing-row > div:nth-child(1) {
		border-radius: 2em 0em 0em 2em;
	}

	.invisalign-financing-row > div:nth-child(2) {
		border-radius: 0em 2em 2em 0em;
	}
}






#invisalign-financing-banner {
	background-color: var(--color-primary-dark);
}

@media (min-width: 1200px) {
	#invisalign-financing-banner {
		background-image: url("../img/2025-invisalign-financing-banner.jpg"); 
		background-position: center center;
		background-size: cover;
		background-repeat: no-repeat; 
		background-attachment: initial;
		height: auto;
	}
}






.homepagevideooffer > div > div {
	background-color: var(--color-overlay-blue-offer);
	color: white;
	box-shadow: 0px 4px 10px rgba(0,0,0,0.2);
	border-radius: 16px;
}

.homepagevideooffer h1 {
	font-weight: 700;
}

.homepagevideooffer .small {
	font-size: 80%;
}

.homepagevideoofferhighlight {
	background: #deffff;
    background: linear-gradient(177deg, rgba(222, 255, 255, 1) 0%, rgba(110, 224, 255, 1) 100%);
	color: black;
	border-radius: 12px;
}

.ahoyt-emergency-hero {
	background-color: black;
	position: relative;
	z-index: 999;
}

/* ==========================================================================
   Page-Specific Overrides
   ========================================================================== */


#inside-header {
	background-image: url("../assets/pictures/general-procedure-background.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}




#appointment-banner {
	background-image: url("../assets/pictures/general_srvc_bckgrnd.svg");
	background-size: 400px 400px;
	background-position: center center;
	padding: 1rem 0;
}

#appointment-banner .form-control {
	background-color: white;
}

#appointment-banner h1 {
	color: white;
}