/*
 Theme Name:     Divi Child Theme
 Theme URI:      http://www.elegantthemes.com/gallery/Divi/
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/
 
@import url("../Divi/style.css");
 
/* =Theme customization starts here
------------------------------------------------------- */

/***********	CUSTOM CSS     ***********/

.home #top-header .et-social-icon a { color: #FFF; }


.single #top-menu .menu-item a, #top-menu li.current-menu-item > a { color: #ff5a5f !important; }
.single #main-header { background-color: #FFF; }

.single .logo_container > a:after { content: ' '; position: absolute; top: 0; left: 0; bottom: 0; background: url('images/logo-corail.png') left center no-repeat; background-size: contain; width: 100%; }
.single .logo_container > a #logo { visibility: hidden; }

body.single .et_pb_post .et_post_meta_wrapper h1 { line-height: 1.2em; }




@media only screen and (min-width: 981px) {
	.logo_container #logo {
		max-width: 250px;
	}

	.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
		padding-top: 30px !important;
		padding-bottom: 10px !important;
	}

	.et_header_style_left .et-fixed-header #et-top-navigation, .et_header_style_split .et-fixed-header #et-top-navigation {
		padding-top: 30px !important;
		padding-bottom: 10px !important;
	}
}



@media (max-width: 768px) {
	.logo_container > a #logo { visibility: hidden; }
	.logo_container > a:after { content: ' '; position: absolute; top: 0; left: 0; bottom: 0; background: url('images/logo-corail.png') left center no-repeat; background-size: contain; width: 80%; }
	
	body.admin-bar.et_mobile_device #main-header {
		top: 46px !important;
	}

	body #main-header {
		top: 0  !important;
	}



	.et_pb_fullwidth_header_0.et_pb_fullwidth_header .et_pb_fullwidth_header_subhead {
		font-size: 19px !important;		
	}

	body #page-container .et_pb_fullwidth_header_0 .et_pb_button_one.et_pb_button {
		font-size: 15px !important;
	}
}


@media (max-width: 450px) {
	.single .logo_container > a:after, .logo_container > a:after { width: 50%; }
}