/*
 Theme Name:     Divi Child Theme
 Theme URI:      https://www.elegantthemes.com/gallery/divi/
 Description:    Divi Child Theme for Maya Spa website customization
 Author:         Worldwide Salon Marketing
 Author URI:     https://www.worldwidesalonmarketing.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
@import url("elegant-font.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

body.home {
	overflow: hidden;
}

.menu_icon {
	display: inline-block;
	margin-right: 15px;
	color: #AEAEAE !important;
	font-size: 21px;
}

.et_vertical_nav #top-header {
	position: fixed;
	z-index: 999999;
	right: 20px;
    width: 100%;
	top: -10px;
}

.admin-bar.et_vertical_nav #top-header {
	top: 23px;
}

#top-header .container {
	width: 100%;
	max-width: 100%;
}

#top-header #et-info {
	float: right;
}

#et-info-phone {
	background: #D797AE;
	display:  inline-block;
	padding: 13px 20px;
	color: #fff;
	font-size: 18px;
	text-transform: uppercase;
	float: right;
	font-family: 'Oswald', Helvetica, Arial, Lucida, 
}

#top-header #et-info-phone a {
	color: #fff;
}

#et-info-phone:before, #et-info-email:before {
	display: none;
}

#et-top-navigation {
    font-weight: 400;
}

.home .et_pb_slide {
height: 100vh;
}

#footer-bottom {
display: none;
}

.et_pb_slider .et_pb_slide {
    text-align: left;
}

.et_pb_slide_description .et_pb_slide_title {
    margin-bottom: 15px;
}

.et_pb_row {
	margin: 0;
}

.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content p {
	font-weight: 400;
	line-height: 0.9 !important;
}

.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content img {
	margin-top: -98px;
	margin-left: 48px;
}

.highlight {
	color: #08b2a0;
}

h1, h2, h3, h4, h5, h6 {
	text-transform: uppercase;
}

.et_vertical_nav #main-header #top-menu > li > a {
    text-transform: uppercase;
}

.et_pb_slider .et_pb_container {
    width: 100%;
    max-width: 100%;
}


.pinkh h1, .pinkh h2, .pinkh h3, .pinkh h4,.pinkh  h5, .pinkh h6 {
	color: #D797AE;
}

.grayh h1, .grayh h2, .grayh h3, .grayh h4, .grayh  h5, .grayh h6 {
	color: rgba(0,0,0,0.5);
}

.home .et_pb_slide_0 .et_pb_slide_description {
	margin-top: -10%;
    width: 885px;
}

.et_pb_section,
.et_pb_row {
    background-color: transparent !important;
}

body.et_cover_background {
	background-repeat: repeat !important;
	background-size: auto !important;
}


.et_vertical_nav #main-header #top-menu li#menu-item-311,
.et_vertical_nav #main-header #top-menu li#menu-item-383 {
	position: fixed;
	bottom: 2px;
	font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
	font-size: 14px;
}

.et_vertical_nav #main-header #top-menu li#menu-item-383 {
	bottom: 22px;
}

.et_vertical_nav #main-header #top-menu li#menu-item-311 a,
.et_vertical_nav #main-header #top-menu li#menu-item-383 a {
	text-transform: none;
	font-size: 14px;
	color: #565656;
}

.et_vertical_nav #main-header #top-menu li#menu-item-309,
.et_vertical_nav #main-header #top-menu li#menu-item-310 {
	position: fixed;
	bottom: 42px;	
}

.et_vertical_nav #main-header #top-menu li#menu-item-310 {
	left: 40px;
}

.et_vertical_nav #main-header #top-menu li#menu-item-309 a,
.et_vertical_nav #main-header #top-menu li#menu-item-310 a {
	font-size: 15px;
}

.single #main-content {
	background-color: transparent;
}

.single .container {
	margin: 0;
}

.single #main-content .container {
	padding-top: 27px;
	padding-bottom: 27px;
}

.single #sidebar .et_pb_widget {
	background: #fff;
	padding: 20px;
	box-sizing: border-box;
}

.comment-reply-link {
	font-size: 14px;
	color: #fff !important;
	text-transform: uppercase;
	letter-spacing: 0px !important;
}

.form-submit .et_pb_button {
	color: #fff !important;
	text-transform: uppercase;
	font-family: 'Oswald', Helvetica, Arial, Lucida, sans-serif !important;
	letter-spacing: 0px !important;
}

.single #left-area {
    background-color: #ffffff;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
}

@media only screen and (min-width: 1350px){
	.et_pb_section {
		padding: 0px !important;
	}
}

@media (min-width: 1025px) {
	body.home {
		overflow-y: hidden;
	}
	
	.et_vertical_nav #page-container #main-header {
		width: 350px;
	}
	
	.et_vertical_nav #et-main-area {
		margin-left: 390px !important;
	}

	.home.et_vertical_nav #et-main-area,
	.home.et_vertical_nav #top-header {
		margin-left: 225px !important;
	}
	.et_vertical_nav #main-header .container {
		width: auto;
		margin: 25px 20px 0px !important;
	}	
	.et_vertical_nav #main-header .container {
		width: auto;
		margin: 0 40px;
	}
	
	.fixed_column_wrapper {
		position: relative;
	}
	
	.fixed_column_container {
		position: absolute;
	}
	
	.side_capture {
		position: fixed;
		width: 320.39px !important;
		margin-left: 739.61px;
	}
	
	.home .side_capture {
		top: 89px;
		right: 33px;
		z-index: 99999999;
	}
	
	.single #sidebar {
		position: fixed;
		width: 340.39px !important;
		margin-left: 719.61px;
	}
	
	.single #left-area {
    	width: 64.833%;
	}
}

@media (max-width: 1024px) {
	.et_vertical_nav #et-main-area, .et_vertical_nav #top-header {
		margin-left: 240px !important;
	}	
	
	.home .et_pb_slider .et_pb_slide_0.et_pb_slide {
		background-position: 31% 100%;
	}
	
	.home .et_pb_slide_description {
		text-align: left;
	}
	
	.menu_icon {
		margin-right: 3px;
	}
	
	.et_vertical_nav #page-container #main-header {
		width: 240px
	}
	
	.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content img {
		max-width: 79%;
	}
	
	body .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
		font-size: 37px !important;
	}
	
	.et_pb_gutters3 .et_pb_column_2_3, .et_pb_gutters3.et_pb_row .et_pb_column_2_3,
	.et_pb_row,
	.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
		width: 100%;
	}
	
	.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
		margin-right: 0%;
	}
	
	.et_pb_row {
		padding: 5%;
	}
	
	.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 {
		margin-top: 0px;
	}
	
	.et_pb_section {
		padding-bottom: 0%;
	}
	
	.contact_row.et_pb_row_1.et_pb_row {
		margin-bottom: 0px !important;
	}
	
	.single #main-content .container {
		width: 100%;
	}
	
	.single #content-area {
		width: 100%;
		box-sizing: border-box;
		padding: 5%;
	}
	
	.single #left-area {
		width: 100%;
	}
	
	#sidebar {
		margin-top: 30px;
		padding-left: 0px !important;
		width: 100%;
	}
	
	.side_capture {
		margin-top: 30px !important;
	}
	
	.home .side_capture {
		margin-top: -6% !important;
	}

}

@media (min-width: 981px) {
	
	.et_vertical_nav.et_vertical_fixed.et_header_style_left .et-fixed-header #et-top-navigation,
	.et_vertical_nav.et_vertical_fixed.et_header_style_split .et-fixed-header #et-top-navigation {
		padding-top: 0px;
	}
	
	.et_vertical_nav #main-header .container {
		width: auto;
		margin: 0 15px;
	}	
	
}

@media (max-width: 1023px) {
	
	body {
		overflow-x: hidden;
	}

	.et_pb_section .et_pb_row, .et_pb_section.et_section_specialty .et_pb_row {
		max-width: 100% !important;
		width: 100% !important;
	}
	
	.et_pb_row,
	.single #content-area {
		padding: 6% 2% 2%;
	}
	
	.et_pb_row {
		margin: auto !important;
	}
	
	.et_vertical_nav #page-container #main-header {
		width: 100%;
	}	
	
	.et_vertical_nav #et-main-area, .et_vertical_nav #top-header {
		margin-left: 0px !important;
	}
	
	.admin-bar.et_vertical_nav #top-header,
	.et_vertical_nav #top-header {
		top: 0px;
	}
	
	#logo {
		display: none;
	}
	
	.et_header_style_left .mobile_menu_bar {
		padding: 10px 0px !important;
	}
	
	#top-header #et-info {
		float: left;
	}
	
	#top-header .container {
		width: 80%;
		max-width: 80%;
	}
	
	.admin-bar.et_vertical_nav #top-header {
		top: 23px;
	}
	
	#top-header {
		background-color: #D797AE !important;
		width: 100%;
		left: 0px;
	}
	
	#et-info-phone {
    	padding: 3px 0px;
	}
	
	body.admin-bar.et_vertical_nav #main-header {
		position: fixed;
    	top: 65px !important;
	}
	
	#main-header {
		position: fixed;
    	top: 42px;
	}
	
	#main-header .container {
		width: 100%;
		max-width: 100%;
		padding: 0 5%;
	}
	
	.et_mobile_menu {
    	padding: 2% 0%;
	}
	
	.et_mobile_menu li a {
    	font-size: 20px;
		font-weight: 400;
		text-transform: uppercase;
	}
	
	body .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
		font-size: 37px !important;
	}
	
	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_left #et-top-navigation {
		padding-top: 0px !important;
	}

	.et_mobile_menu li#menu-item-311 {
		font-family: 'Lato', Helvetica, Arial, Lucida, sans-serif;
		clear: both;
	}
	
	.et_mobile_menu li#menu-item-311 a {
		text-transform: none;
		color: #656565;
		font-size: 14px;
	}
	
	.et_mobile_menu li#menu-item-309 a,
	.et_mobile_menu li#menu-item-310 a {
		font-size: 14px;
	}
	
	.et_mobile_menu li#menu-item-309,
	.et_mobile_menu li#menu-item-310 {
		float: left;
		width: auto;
	}
	
	.et_mobile_menu li#menu-item-309 {
		padding-left: 5%;
	}
	
	.home .side_capture {
		margin-top: -14% !important;
	}		

}

@media (max-width: 800px) {
	.admin-bar.et_vertical_nav #top-header {
		top: 32px;
	}
	
	body.admin-bar.et_vertical_nav #main-header {
		position: fixed;
		top: 74px !important;
	}	
	
	.et_pb_row,
	.single #content-area {
		padding: 8% 2% 2%;
	}	
}

@media (max-width: 768px) {
	.admin-bar.et_vertical_nav #top-header {
		top: 46px !important;
	}
	
	body.admin-bar.et_vertical_nav #main-header {
		top: 88px !important;
	}
	
	.home .et_pb_slide_0 .et_pb_slide_description {
		width: 100%;
	}
	
	.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content img {
		max-width: 100%;
	}	

}

@media (max-width: 600px) {
	.et_pb_row,
	.single #content-area {
		padding: 10% 2% 2%;
	}	
	.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content img {
		max-width: 100%;
		margin-top: -45px;
	}
	
	body .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
		font-size: 34px !important;
	}
	
	.admin-bar.et_vertical_nav #top-header,
	body.admin-bar.et_vertical_nav #main-header {
		position: absolute;
	}
	
	.admin-bar.et_vertical_nav #top-header {
		top: 0px !important;
	}
	
	body.admin-bar.et_vertical_nav #main-header {
		top: 42px !important;
	}
}

@media (max-width: 480px) {
	.home .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
    	font-size: 51px !important;
	}
	
	.et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content img {
		margin-top: -2px;
	}	
	
	.et_pb_row,
	.single #content-area {
		padding: 12% 2% 2%;
	}	
	
	.single #main-content .container {
		padding-top: 12%;
	}	
	
	.home .side_capture {
		margin-top: -25% !important;
	}		
}

@media (max-width: 479px) {
	.home .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
    	font-size: 40px !important;
	}	
	
	.et_pb_row,
	.single #content-area {
		padding: 14% 2% 2%;
	}	
	
	.single #main-content .container {
		padding-top: 12%;
	}
}

@media (max-width: 375px) {
	.home .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
    	font-size: 35px !important;
	}	
	
	.home .et_pb_slider .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_title {
		font-size: 18px !important;
	}	
	
	.et_pb_row,
	.single #content-area {
		padding: 15% 2% 2%;
	}	
	
	.single #main-content .container {
		padding-top: 16%;
	}
}

@media (max-width: 320px) {
	.home .et_pb_slider.et_pb_module .et_pb_slide_0.et_pb_slide .et_pb_slide_description .et_pb_slide_content {
    	font-size: 30px !important;
	}
	
	.et_pb_row,
	.single #content-area {
		padding: 17% 2% 2%;
	}	
	
	.single #main-content .container {
		padding-top: 19%;
	}
}
