/*
 Theme Name:     Divi Theme
 Description:    Divi Dezigns Dentistry Child Theme
 Author:         Dentistry
 Author URI:     http://dividezigns.com
 Template:       Divi
*/

/* ===== Vars ===== */

:root {
	--dd-primary: #2098df;
	--dd-secondary: #57c3b7;
}
/* ===== Global ===== */

#page-container {
	overflow-y: visible!important;
}
hr.dentistry_line {
	width: 100px;
	border-color: var(--dd-primary);
}
hr.dentistry_line_white {
	width: 100px;
	border-color: #fff;
}
.dd_dentistry_border {
	border-right: 2px solid rgba(255, 255, 255, 0.5);
}
/* ===== Top Header Menu ===== */

#top-header .container {
	padding: 10px 0 5px 0!important;
}
.dd_top_header_content {
	position: relative;
	top: 8px;
}
#top-header .et-social-icons li {
	margin-top: -2px;
	margin-left: 0px;
}
#top-header .et-social-icon .icon:before {
	color: #fff;
	background-color: #999!important;
	padding: 7px;
	width: 35px;
	border-radius: 3px;
}
.dd_dentistry_appointment_btn a {
	background: #2B98DF;
	padding: 10px 20px!important;
	width: 100%;
	border-radius: 50px;
	color: #fff!important;
	position: relative;
	bottom: 2px;
}
/* ===== Custom Contact Info Header Menu ===== */

.dd_section_regular {
	padding: 15px 0 20px 0!important;
}
.dd_section_regular .et_pb_row {
	padding: 0px!important;
}
.dd_section_regular .et_pb_module_header {
	font-size: 16px!important;
	margin-top: 15px;
	white-space: nowrap;
}
.dd_section_regular .et-pb-icon {
	color: var(--dd-secondary);
}

.dd_blurb_icon_1:before {
	content: '\e081';
	font-family: "ETmodules";
}

.dd_blurb_icon_2:before {
	content: '\e066';
	font-family: "ETmodules";
}
.dd_section_regular .et_pb_blurb_description {
	font-size: 12px!important;
	font-weight: 600;
}
/* ===== Main Header Menu ===== */

#main-header {
	position: sticky;
	top: 0px;
	padding-top: 20px!important;
}
.dd_h1_underline h1 {
	border-bottom: 2px solid rgba(255, 255, 255, 0.5);
	display: inline-block;
	margin-bottom: 10px;
}
/* ===== FAQ Section ===== */

.et_pb_toggle_open .et_pb_toggle_title:before {
	transform: rotate(180deg);
	content: "\33";
	transition: all 0.5s ease-in-out 0s;
}
.et_pb_toggle_title:before {
	content: "\4b";
	font-size: 1.5em;
	transition: all 0.5s ease-in-out 0s;
}
/* ===== Procedure List Section ===== */

.dd_dentistry_checks_left li, 
.dd_dentistry_checks_right li {
	list-style: none;
	padding-bottom: 10px;
	transition: all .3s;
}
.dd_dentistry_checks_left li:hover {
	padding-right: 10px;
}
.dd_dentistry_checks_right li:hover {
	padding-left: 10px;
}
.dd_dentistry_checks_left li:after {
	padding-left: 10px;
}
.dd_dentistry_checks_right li:before {
	content: "\35";
	font-size: 24px;
	font-family: "ETmodules";
	color: var(--dd-primary);
	padding-right: 10px;
	position: relative;
	top: 5px;
}

.dd_dentistry_checks_left li:after {
    content: "\34";
    font-size: 24px;
    font-family: "ETmodules";
    color: var(--dd-primary);
    padding-right: 10px;
    position: relative;
    top: 5px;
}

/* ===== Contact Popup form ===== */

.contact-form .et_pb_contact {
	opacity: 0;
	transition: all ease 0.4s !important;
	padding: 25px;
}
.form-overlay {
	background-color: rgba(0, 0, 0, 0.7);
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	display: none;
}
.title {
	transition: all ease 0.4s;
}
.contact-form .et_pb_contact_main_title {
	display: none;
}
.contact-form.slide-up {
	transform: translatey(-85%) !important;
	background-color: #fff !important;
}
.title.slide-up {
	transform: translatey(-490%) !important;
}
.show {
	opacity: 1;
	transition: all ease 0.4s;
	display: inline-block !important;
}
.no-show {
	opacity: 0 !important;
	transition: all ease 0.2 !important;
	transition-delay: 0.5 !important;
}
.send-form {
	animation: send-form 0.2s linear;
	transform: translateY(-200%) !important;
	transition: all ease 0.2s !important;
}
.contact-form.slide-up .et_pb_contact {
	opacity: 1;
	transition: all ease 0.4s;
}
.contact-form .title:hover {
	background-color: #299c98;
}
.contact-form .et_contact_bottom_container {
	float: none;
	text-align: center;
	width: 100%;
}
.contact-form .et_pb_contact_field_4:last-child {
	margin-bottom: 0 !important;
}
.et-pb-contact-message p {
	text-transform: uppercase;
	font-size: 24px;
	background-color: var(--dd-primary);
	color: #fff;
	text-align: center;
	padding: 30px;
	width: 300px;
	transform: translateY(-20px);
}
.contact-form .et_pb_contact_form {
	margin-left: 0%;
}
.contact-form .et_contact_bottom_container {
	float: none;
	overflow: visible;
	margin-top: 0px;
	text-align: center;
}
.contact-form .et_pb_contact_submit, .et_pb_contact_reset {
	margin: 7px 0 0 0;
	width: 100%;
}
.contact-form p.et_pb_contact_field {
	padding: 0 0 0 0;
}
.dd_popup_form_icon {
	bottom: 53px;
	position: fixed;
	right: 0;
	margin: 0;
	width: 0px;
}
.img-title {
	display: inline-block;
	position: fixed;
	bottom: 20px;
	right: 20px;
	margin: 0;
	transform: translateY(0%);
	padding: 13px;
	z-index: 110;
	transition: all ease 0.4s !important;
	margin-bottom: 0%!important;
	border-radius: 100px;
	border: 2px solid #fff;
	width: 60px;
	height: 60px;
}
#dd_popup_contact_form {
	position: fixed;
	right: 0;
	margin: 0;
	background-color: transparent;
	z-index: 100;
	transition: all ease 0.4s !important;
}
#dd_popup_contact_form .et_pb_contact_main_title {
	background-color: var(--dd-secondary);
	padding: 28px 25px 23px 25px!important;
	text-align: center;
	cursor: pointer;
	transition: all ease 0.4s !important;
	width: 100%;
}
@media all and (max-width: 1300px) {
	.dd_dentistry_intro_bg:after {
		right: 0!important;
	}
}
@media all and (max-width: 1200px) {
	.dd_dentistry_intro_bg:after {
		display: none!important;
	}
}
@media all and (max-width: 980px) {
	#et-secondary-menu, #et-secondary-nav {
		display: inline-block!important;
	}
	.et_mobile_menu {
		border-top: 3px solid #fff!important;
	}
	.dd_dentistry_center h1 {
		text-align: center;
	}
	.dd_dentistry_checks_left {
		text-align: left;
	}
	.dd_dentistry_checks_left li:after {
		display: none;
	}
	.dd_dentistry_checks_left li:before {
		content: "\35";
		font-size: 24px;
		font-family: "ETmodules";
		color: var(--dd-primary);
		padding-right: 10px;
		position: relative;
		top: 5px;
	}
	.dd_dentistry_border {
		border-right: none;
	}
	.et_header_style_centered #main-header {
		padding-top: 3px!important;
	}
	.mobile_menu_bar:before {
		color: #fff;
	}
	.mobile_nav.opened .mobile_menu_bar:before {
		content: "\4d";
	}
	.et_header_style_centered #main-header .mobile_nav {
		border-radius: 0px!important;
		background: transparent!important;
	}
}
@media all and (max-width: 768px) {
	.dd_top_header_content {
		display: none;
	}
	#top-header .container {
		text-align: center;
	}
}
@media all and (max-width: 500px) {
	.dd_dentistry_social_icons .et_pb_social_media_follow li {
		float: left;
		margin-bottom: 0px;
	}
	.dd_section_regular .et_pb_column:nth-child(1) {
		width: 100%!important;
		margin-right: 0px!important;
	}
}