/*
 Theme Name:     Divi Child
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     https://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/


/* =Theme customization starts here
------------------------------------------------------- */


/**************** font ****************/

Myriad Pro Bold {
	font-family: myriad-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
}

Myriad Pro Bold Italic {
	font-family: myriad-pro, sans-serif;
	font-weight: 700;
	font-style: italic;
}

Myriad Pro Italic {
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-style: italic;
}

Myriad Pro Regular {
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	font-style: normal;
}

p,
span {
	font-family: 'open sans', sans-serif;
	font-size: 16px;
}

a {
	font-family: 'open sans', sans-serif;
	font-size: 16px;
}

.list-bullet1 li {
	font-family: 'open sans', sans-serif;
	font-size: 16px;
}


/**************** top bar ****************/

.et_menu_container {
	max-width: 1400px !important;
	margin: auto auto;
	padding: 0 0 0 0;
}

div.logo_container {
	margin-top: 25px;
	width: 400px !important;
}

.top-bar-wrap {
	width: 100%;
	max-width: 1400px;
	margin: auto auto;
	display: flex;
	border-bottom: 1px solid #d6dddf;
	z-index: 100000;
}

.top-bar-lt {
	font-family: 'open sans', sans-serif;
	width: 37%;
	max-width: 240px;
	font-size: 20px;
	border-right: 1px solid #d6dddf;
	padding: 10px 0;
}

.top-bar-lt a {
	color: #223990;
}

.top-bar-ctr {
	font-size: 15px;
	text-align: center;
	font-family: 'open sans', sans-serif;
	width: 70%;
	padding: 10px 0;
}

.top-bar-rt {
	display: flex;
	justify-content: space-around;
	width: 150px;
	float: right;
	padding: 10px 0;
}

.schedule-btn {
	background-color: #D12226;
	color: #fff;
	padding: 5px 20px;
	font-size: 15px;
	text-align: center;
	border-radius: 5px;
}

.schedule-btn:hover {
	background-color: #223990;
}

.top-bar-rt i {
	color: #D6DDDF;
	font-size: 17px;
}

.top-bar-rt i:hover {
	color: #999;
}

@media(max-width: 980px) {
	.top-bar-lt {
		font-size: 15px;
	}
}

@media(max-width: 800px) {
	.top-bar-wrap {
		flex-direction: column;
		border-bottom: 0px solid #000;
	}
	.top-bar-lt {
		width: 100%;
		max-width: 100%;
		border-right: 0px solid #d6dddf;
		padding: 10px 0 0 0;
		text-align: center;
	}
	.top-bar-ctr {
		display: none;
	}
	.top-bar-rt {
		display: none;
	}
}

@media screen and (min-width:980px) and (max-width:1175px) {
	#logo {
		max-width: 170px;
		margin-top: -15px;
		padding-bottom: 25px;
	}
	ul.nav {
		white-space: nowrap;
		margin-right: -30px !important;
	}
	li.menu-item a {
		font-size: 15px !important;
	}
}


/**************** home page ****************/

.et_pb_header_content_wrapper {
	margin: 25px auto 0 auto;
}

.watch-vid {
	color: #fff;
	border: 2px solid #fff;
	border-radius: 5px;
	padding: 6px 20px;
}

.watch-vid:hover {
	background-color: #D12126;
	border: 2px solid #D12126;
}

.home-img-wrap {
	width: 100%;
	display: flex;
	align-items: center;
}

.home-img-rt {
	width: 50%;
}

.home-img-lt {
	width: 100%;
}

.hero-fam-img {
	display: flex;
	align-self: flex-end;
}

@media(max-width: 1254px) {
	.hero-content-lt h1 {
		font-size: 55px !important;
	}
}

@media(max-width: 1221px) {
	.hero-content-lt {
		margin: auto auto !important;
	}
	.hero-content-lt h1 {
		font-size: 45px !important;
		margin: auto auto !important;
	}
}

@media(max-width: 980px) {
	.hero-content-lt h1 {
		font-size: 35px !important;
		text-align: center !important;
	}
	.hero-content-lt h3 {
		text-align: center !important;
	}
	.home-testimonial-wrap {
		background-color: rgba(255, 255, 255, 0.9);
		border-radius: 10px;
		border: #ccc 1px solid;
		padding: 30px;
		width: 90% !important;
		margin: auto auto;
		-webkit-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27);
		-moz-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27);
		box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.27);
	}
}


/** legacy **/

.legacy-img {
	display: flex !important;
	align-self: flex-end;
}

@media(max-width: 1120px) {
	.legacy-img-wrap {
		flex-direction: column;
	}
	.legacy-img-wrap div.et_pb_column {
		width: 95% !important;
		max-width: 700px;
		text-align: center !important;
		margin: 30px auto 0 auto !important;
	}
	.legacy-img-wrap .et_pb_column.et_pb_column_1_3.et_pb_column_1.et_pb_css_mix_blend_mode_passthrough {
		width: 95% !important;
		max-width: 700px;
		margin: 30px auto 40px auto !important;
	}
}


/** link pages **/

.flex-row-wrapper {
	display: flex;
	align-items: stretch;
}

.homepage-link-wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	background-color: #223990;
	/**background-color: rgba(1,51,112,0.4);**/
	border-radius: 5px;
}

.homepage-link-wrap h1 {
	font-size: 30px;
}

.homepage-link-btn {
	bottom: 20px;
}


/** testimonial **/

div.et_pb_slide_description {
	padding: 0 0 30px 0;
}


/** blog **/

div.pagination.clearfix {
	display: none;
}


/****************** blog archive page ********************/

.blog-archive-hero {
	background-image: url(http://www.webdesigndemo1.com/smilesaintlouis/wp-content/uploads/2019/07/blog-hero5.jpg);
	width: 100%;
	padding: 50px 0 75px 0;
	background-size: cover;
	background-position: top right;
}

.blog-archive-hero h1 {
	font-size: 80px;
	text-transform: uppercase;
	text-align: left;
	margin: 0 0 0 5%;
	color: #223990;
	font-weight: 900;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.26);
	max-width: 400px;
}

.blog #left-area,
.single #left-area {
	padding-right: 50px !important;
}

.blog a.entry-featured-image-url img {
	max-height: 300px !important;
	object-fit: cover;
}

.single div.et_post_meta_wrapper img {
	margin-bottom: 50px !important;
}

.blog div.form,
.single div.form {
	width: 45%;
	float: left;
}

.blog div.submit,
.single div.submit {
	width: 45%;
	float: right;
}

.blog div.form input,
.single div.form input {
	height: 40px;
}

.blog div.submit input,
.single div.submit input {
	height: 40px;
	color: #fff;
	background-color: #223990;
	cursor: pointer;
}

.blog div.submit input:hover,
.single div.submit input:hover {
	background-color: #A7B0D7;
}

.blog h4.widgettitle,
.single h4.widgettitle {
	clear: both;
	display: block;
	margin: 70px 0 0 0 !important;
}

.blog a.more-link:hover,
.single a.more-link:hover {
	color: #000;
	background-color: red;
	border-radius: 10px;
}


@media(min-width: 1300px) {
	.blog-archive-hero h1 {
		margin: 0 0 0 10%;
	}
}

@media(max-width: 1212px) {
	.blog-archive-hero h1 {
		margin: 0 0 0 1%;
	}
}

@media(max-width: 1180px) {
	.blog-archive-hero {
		background-image: url(http://smilesaintnew.wpengine.com/wp-content/uploads/2019/07/blog-hero7.jpg);
		width: 100%;
		padding: 400px 0 35px 0;
		background-size: cover;
		background-position: center center;
	}
	.blog-archive-hero h1 {
		font-size: 45px;
		margin: 0 auto 0 auto;
		max-width: 100%;
		text-align: center;
	}
	
}
	@media(max-width: 600px) {
		.blog-archive-hero {
			background-image: url(http://www.webdesigndemo1.com/smilesaintlouis/wp-content/uploads/2019/09/excellence-hero.jpg);
			width: 100%;
			padding: 200px 0 0 0;
			background-size: cover;
			background-position: center center;
		}
	}
	/** sidebar **/
	#left-area {
		padding: 0 30px 0 0;
	}
	#sidebar h4 {
		font-weight: 600;
		padding: 30px 0 0px 0;
	}
	div.newsletter {
		margin-top: 15px;
		display: flex;
	}
	div.newsletter input {
		height: 40px !important;
		width: 100% !important;
		font-size: 15px;
		border: 1px solid #ddd;
		border-radius: 5px 0 0 5px;
	}
	div.newsletter div.submit input {
		width: 100% !important;
		height: 40px !important;
		background-color: #ddd !important;
		color: #676767 !important;
		border-radius: 0 5px 5px 0;
	}
	div.newsletter div.submit input:hover {
		cursor: pointer;
		background-color: #D12226 !important;
		color: #fff !important;
	}
	div.newsletter input::placeholder {
		padding: 0 0 0 5px !important;
		font-size: 12px;
	}
	#sidebar ul li {
		line-height: 20px;
		margin: 25px 0;
	}
	#sidebar ul li a:hover {
		color: #D12226;
	}
	@media (max-width: 980px) {
		#sidebar {
			background-color: #f4f4f4;
			margin: 50px 0 50px 0;
			padding: 25px !important;
		}
	}
	/** left area **/
	#left-area {
		padding-right: 50px !important;
	}
	.blog article.et_pb_post .entry-featured-image-url,
	.archive article.et_pb_post .entry-featured-image-url,
	.search article.et_pb_post .entry-featured-image-url {
		width: 100%;
	}
	.blog article.et_pb_post .wrapped,
	.archive article.et_pb_post .wrapped,
	.search article.et_pb_post .wrapped {
		margin: -50px 0 0 0;
		z-index: 2;
		position: relative;
		background: #fff;
		padding: 30px;
		box-shadow: 5px 20px 50px -10px rgba(0, 0, 0, 0.1);
	}
	/*.blog article.et_pb_post .entry-featured-image-url:after,
	.archive article.et_pb_post .entry-featured-image-url:after,
	.search article.et_pb_post .entry-featured-image-url:after {
		content: '';
		display: block;
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		top: 0;
		background: rgba(0, 0, 0, 0.5);
		transition: all .3s ease-in-out;
	}
	.blog article.et_pb_post:hover .entry-featured-image-url:after,
	.archive article.et_pb_post:hover .entry-featured-image-url:after,
	.search article.et_pb_post:hover .entry-featured-image-url:after {
		opacity: 0;
	}*/
	p.post-content {
		margin: 0 0 20px 0;
	}
	a.more-link {
		background-color: red;
		border-radius: 10px;
		font-size: 15px;
		text-align: center;
		max-width: 200px;
		padding: 9px 20px;
		margin: 20px 0;
	}
	a.more-link:hover {
		background-color: #D10006;
		color: #fff;
	}
	@media (max-width: 980px) {
		#left-area {
			padding-right: 0px !important;
		}
	}
	@media (max-width:767px) {
		.blog article.et_pb_post .wrapped,
		.archive article.et_pb_post .wrapped,
		.search article.et_pb_post .wrapped {
			margin: -20% 0 0 10%;
		}
	}
	@media (max-width:400px) {
		.blog article.et_pb_post .wrapped,
		.archive article.et_pb_post .wrapped,
		.search article.et_pb_post .wrapped {
			margin: 0;
		}
		.blog article.et_pb_post .entry-featured-image-url,
		.archive article.et_pb_post .entry-featured-image-url,
		.search article.et_pb_post .entry-featured-image-url {
			width: 100%;
			margin-bottom: 0;
		}
	}
	/****************** single blog post *****************/
	.single-post a.view-all {
		padding: 0 10px 15px 10px;
		color: #666;
	}
	.single-post a.view-all:hover {
		color: #000;
	}
	.single-post h1.entry-title {
		margin: 15px 0 0 0;
	}
	.single-post div.entry-content {
		padding: 0 0 0 0;
	}
	.single-post div.addtoany_share_save_container.addtoany_content.addtoany_content_bottom {
		padding: 0 20px 40px 20px;
	}
	.single-post div.addtoany_header {
		margin: 0 0 0 0;
	}
	/** comments **/
	.single-post #comment-wrap {
		padding: 0 0 0 0;
	}
	/** related **/
	.single .relatedposts h3 {
		border-bottom: 1px solid #ccc;
		padding: 0 0 10px;
		margin: 0 0 15px 0;
	}
	div.relatedposts {
		margin: 0 0 50px 0;
	}
	.relatedposts-inner {
		display: flex;
		justify-content: center;
	}
	.single .relatedposts .relatedthumb {
		display: inline-block;
		width: 32.5%;
		margin: .5%;
	}
	.single .relatedposts img:hover {
		opacity: .7;
		transition: all .3s ease-in-out;
	}
	div.relatedthumb a {
		display: block;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
	}
	@media(max-width: 800px) {
		div.relatedposts h3 {
			text-align: center;
		}
		.relatedposts-inner {
			display: flex;
			flex-direction: column;
		}
		.single .relatedposts .relatedthumb {
			display: block;
			width: 100%;
			max-width: 250px;
			margin: auto auto;
		}
	}
	/***************** adult page ********************/
	.page-id-401 .et_pb_gallery_item {
		margin: 0 15px !important;
		padding: 0 15px !important;
	}
	.page-id-401 div.et_pb_column.et_pb_column_1_2 {
		margin: 20px 20px;
	}
	/********************* excellent page ******************/
	.read-more {
		color: #223990;
		font-weight: 600;
		text-decoration: underline;
	}
	.read-more-mess {
		display: none;
	}
	.read-less {
		display: none;
		color: #223990;
		font-weight: 600;
		text-decoration: underline;
	}
	/****************** footer ***********************/
	div.footer-widget {
		padding: 0 20px 30px 20px;
	}
	/**for orthodontics**/
	#custom_html-4 {
		padding: 35px 0 0 0;
	}
	#main-footer h4 {
		color: #25599B;
		font-size: 25px;
	}
	.fwidget.et_pb_widget.wpforms-widget {
		width: 100%;
	}
	input.wpforms-field-large {
		background-color: #ccc;
	}
	.footer-w1-wrap {
		display: flex;
		align-items: center;
	}
	.footer-w1-lt {
		width: 30px;
		color: #999999;
	}
	.footer-w1-rt {
		line-height: 25px;
		margin: 10px 0;
		color: #999999;
	}
	#main-footer iframe {
		width: 100%;
		margin: 15px 0 0 0;
	}
	div.textwidget.custom-html-widget a img {
		max-width: 230px;
	}
	@media(max-width: 980px) {
		#footer-widgets {
			max-width: 400px;
			margin: auto auto;
		}
		#main-footer div.clearfix {
			display: flex !important;
			flex-direction: column;
			justify-content: center !important;
		}
		div.footer-widget {
			margin: auto auto !important;
			float: none !important;
			padding: 30px 20px 30px 20px;
			min-width: 100% !important;
		}
		div.fwidget.et_pb_widget.wpforms-widget {
			float: none;
			width: 100%;
			margin: auto auto;
		}
		div.footer-widget {
			float: none;
			margin: auto auto !important;
		}
		.et_pb_blog_0 .et_pb_post div.post-content a.more-link {
			background-color: #d10006!important;
			border-radius: 10px!important;
		}
	}