/*
Theme Name: Dental Starter #4 Website
Theme URI: http://dcole.us/dental-starter;
Description: Developed 2018
Author: Daniel Cole
Author URI: DCole.us

Version: 1.0
*/

img {
    width: auto !important;
    height: auto !important;
}

.btn-hero {
    background: #29a8df;
    color: #fff;
    text-decoration: none !important;
    margin-top: 20px;;
}

.header-row {
    color: rgba(0, 0, 0, 0.7);
}


.invisalign-page{
}

.invisalign-page .invisalign-container{
	position:relative;
}

.invisalign-page .invisalign-container .row{
	margin-bottom:30px;
}

.invisalign-page .invisalign-container .row:last-child{
	margin-bottom:0;
}

.invisalign-page h1,
.invisalign-page h2,
.invisalign-page h3,
.invisalign-page h4{
	color:#333333;
	font-weight:600;
	line-height:1.15;
	margin-top:0;
}

.invisalign-page h1{
	font-size:46px;
	margin-bottom:20px;
}

.invisalign-page h2{
	font-size:36px;
	margin-bottom:22px;
}

.invisalign-page h3{
	font-size:24px;
	margin-bottom:16px;
}

.invisalign-page h4{
	font-size:18px;
	margin-bottom:0;
}

.invisalign-page p{
	line-height:1.7;
	margin:0 0 18px;
}

.invisalign-page ul{
	margin:20px 0 20px 20px;
	padding:0;
}

.invisalign-page ul li{
	margin-bottom:8px;
}

.invisalign-page a{
	color:#186399;
}

.invisalign-page a:hover,
.invisalign-page a:focus{
	color:#124d77;
	text-decoration:none;
}

.invisalign-page .btn{
	border-radius:0;
	font-weight:600;
	padding:12px 26px;
	transition:all .2s ease;
}

.invisalign-page .btn-primary,
.invisalign-page .btn-info{
	background:#186399;
	border-color:#186399;
	color:#ffffff;
}

.invisalign-page .btn-primary:hover,
.invisalign-page .btn-primary:focus,
.invisalign-page .btn-info:hover,
.invisalign-page .btn-info:focus{
	background:#124d77;
	border-color:#124d77;
	color:#ffffff;
}

/* full width breakout */
.invisalign-page .breakout-full{
	width:100vw;
	position:relative;
	left:50%;
	right:50%;
	margin-left:-50vw;
	margin-right:-50vw;
}

/* shared image/video treatment */
.invisalign-page video,
.invisalign-page img.img-responsive{
	display:block;
	width:100%;
	height:auto;
}

.invisalign-page .invisalign-video-col video,
.invisalign-page .invisalign-benefits-image img,
.invisalign-page .invisalign-before-after img,
.invisalign-page .invisalign-doctor-section img{
	border:4px solid #186399;
}

/* section spacing */
.invisalign-page .invisalign-hero-section,
.invisalign-page .invisalign-benefits-section,
.invisalign-page .invisalign-results-section,
.invisalign-page .invisalign-testimonials-section,
.invisalign-page .invisalign-doctor-section,
.invisalign-page .invisalign-credentials-section,
.invisalign-page .invisalign-pricing-section,
.invisalign-page .invisalign-cta-section{
	padding:40px 0;
}

.invisalign-before-col img,
.invisalign-after-col img {
    border: 20px solid #fff;
}

.invisalign-before-col p:last-child,
.invisalign-after-col p:last-child {
    text-align: center;
    margin-bottom: 40px;
    display: block;
    font-weight: bold !important;
    color: #186399;
}

/* HERO */
.invisalign-page .invisalign-hero-section{
}

.invisalign-page .invisalign-announcement-row{
	margin-bottom:35px;
}

.invisalign-page .invisalign-announcement{
	margin-bottom: 60px;
	font-size:36px;
	font-weight:600;
    background: #186399;
    padding: 30px;
    color: #fff;
}

.invisalign-page .invisalign-announcement small{
	display:block;
	margin-top:4px;
	font-size:18px;
}

.invisalign-page .invisalign-announcement a{
    color:#ffffff;
}

.invisalign-results-intro-row {
    text-align: center;
    margin-bottom: 40px;
}

.invisalign-page .invisalign-hero-row{
	align-items:center;
}

.invisalign-page .invisalign-copy-col p:last-child{
	margin-bottom:0;
}

.invisalign-page .invisalign-hero-tagline{
	margin-top:30px;
}

.invisalign-page .invisalign-hero-tagline p{
	max-width:860px;
	margin:0 auto;
	font-size:22px;
	line-height:1.4;
	color:#186399;
	font-style:italic;
}

.invisalign-hero-quote-row p {
    margin-top: 60px;
    font-size: 36px;
    color: #186399;
    line-height: 1.2em !important;
}

/* BENEFITS */
.invisalign-page .invisalign-benefits-section{
}

.invisalign-page .invisalign-benefits-row{
	align-items:center;
}

.invisalign-page .invisalign-benefits-content .btn{
	margin-top:10px;
}

/* RESULTS */
.invisalign-page .invisalign-results-section{
}

.invisalign-page .invisalign-results-intro{
	margin-bottom:35px;
}

.invisalign-page .invisalign-before-after{
	margin-bottom:35px;
}

.invisalign-page .invisalign-before-after:last-child{
	margin-bottom:0;
}

.invisalign-page .invisalign-before-after p{
	margin-top:12px;
	margin-bottom:0;
	font-size:13px;
	letter-spacing:.08em;
	text-transform:uppercase;
	color:#555555;
}

/* TESTIMONIALS */
.invisalign-page .invisalign-testimonials-section{
	background:#186399;
	padding:40px;
}

.invisalign-page .invisalign-testimonials-section .invisalign-container{
	padding-top:80px;
	padding-bottom:80px;
}

.invisalign-page #testimonial-carousel{
	color:#ffffff;
	text-align:center;
}

.invisalign-page #testimonial-carousel .owl-nav .owl-next ,
.invisalign-page #testimonial-carousel .owl-nav .owl-prev {
    color: #fff !important
}

.invisalign-page #testimonial-carousel .testimonial{
	max-width:920px;
	margin:0 auto;
}

.invisalign-page #testimonial-carousel .testimonial p{
	color:#ffffff;
	font-size:18px;
	line-height:1.8;
}

.invisalign-page #testimonial-carousel .testimonial p:last-child{
	margin-bottom:0;
}


.invisalign-page #testimonial-carousel .owl-dots{
	margin-top:16px;
    display: none !important ;
}

.invisalign-page #testimonial-carousel .owl-dot span{
	background:rgba(255,255,255,.45);
}

.invisalign-page #testimonial-carousel .owl-dot.active span,
.invisalign-page #testimonial-carousel .owl-dot:hover span{
}

/* DOCTOR */
.invisalign-page .invisalign-doctor-section{
}

.invisalign-page .invisalign-doctor-section .row{
	align-items:center;
    margin-top: 60px;
}

/* CREDENTIALS */
.invisalign-page .invisalign-credentials-section{
	padding:45px 0;
}

.invisalign-page .invisalign-credentials-section .col-xs-6{
	margin-bottom:20px;
}

.invisalign-page .invisalign-credentials-section img{
}

/* PRICING / ACCORDION */
.invisalign-page .invisalign-pricing-section{
}

.invisalign-page #payment-accordion{
	margin-top:20px;
}

.invisalign-page #payment-accordion .panel{
	border:none;
	box-shadow:none;
	background:transparent;
	margin-bottom:12px;
	border-radius:0;
}

.invisalign-page #payment-accordion .panel-heading{
	padding:0;
	background:transparent;
	border:none;
	border-radius:0;
}

.invisalign-page #payment-accordion .panel-title a{
	display:block;
	padding:18px 22px;
	background:#ffffff;
	border:1px solid #e3e3e3;
	color:#186399;
	text-decoration:none;
	position:relative;
}

.invisalign-page #payment-accordion .panel-title a:after{
	content:"–";
	position:absolute;
	right:20px;
	top:50%;
	transform:translateY(-50%);
	font-size:24px;
	line-height:1;
	color:#186399;
}

.invisalign-page #payment-accordion .panel-title a.collapsed:after{
	content:"+";
}

.invisalign-page #payment-accordion .panel-title a:hover,
.invisalign-page #payment-accordion .panel-title a:focus{
	color:#186399;
	text-decoration:none;
}

.invisalign-page #payment-accordion .panel-collapse{
	border:none;
}

.invisalign-page #payment-accordion .panel-body{
	padding:25px;
	background:#186399;
	border:none;
	color:#ffffff;
}

.invisalign-page #payment-accordion .panel-body p{
	color:#ffffff;
	margin-bottom:0;
}

/* CTA */
.invisalign-page .invisalign-cta-section{
}

.invisalign-page .invisalign-cta-section h2{
	margin-bottom:10px;
}

.invisalign-page .invisalign-cta-section p{
	color:#666666;
}

.invisalign-page .invisalign-cta-section p:last-child{
	margin-bottom:0;
}

/* utility if you want white content blocks inside gray sections */
.invisalign-page .invisalign-card{
	background:#ffffff;
	padding:30px;
}

/* responsive */
@media (max-width:991px){
	.invisalign-page h1{
		font-size:38px;
	}

	.invisalign-page h2{
		font-size:30px;
	}

	.invisalign-page .invisalign-copy-col,
	.invisalign-page .invisalign-benefits-content,
	.invisalign-page .invisalign-doctor-section .col-md-6:last-child{
		margin-top:30px;
	}
}

@media (max-width:767px){
	.invisalign-page .invisalign-hero-section,
	.invisalign-page .invisalign-benefits-section,
	.invisalign-page .invisalign-results-section,
	.invisalign-page .invisalign-doctor-section,
	.invisalign-page .invisalign-pricing-section,
	.invisalign-page .invisalign-cta-section{
		padding:50px 0;
	}

	.invisalign-page h1{
		font-size:32px;
	}

	.invisalign-page h2{
		font-size:26px;
	}

	.invisalign-page .invisalign-hero-tagline p{
		font-size:18px;
	}

	.invisalign-page .invisalign-testimonials-section .invisalign-container{
		padding-top:55px;
		padding-bottom:55px;
	}

	.invisalign-page #testimonial-carousel .testimonial p{
		font-size:16px;
	}

}