/*
Theme Name: balneo
Description: Thème enfant pour l'espace balneoludique de Gruissan
Author: ODYSSEA / Cyril PRADELLES / Denis DIAZ
Template: Divi
*/

@import url("../Divi/style.css");
.mobile_menu_bar:before{
	color:#FFF !important;
}
body.admin-bar.et_fixed_nav.et_secondary_nav_enabled #main-header, body.admin-bar.et_non_fixed_nav.et_transparent_nav.et_secondary_nav_enabled #main-header { 
	top: 62px; 
}
.et_fixed_nav.et_show_nav.et_secondary_nav_enabled #page-container, .et_non_fixed_nav.et_transparent_nav.et_show_nav.et_secondary_nav_enabled #page-container {
	padding-top:110px;
}
#top-header, #et-secondary-nav li ul {
    background-color: #1f425d;
}
#main-header, #main-header .nav li ul, .et-search-form, #main-header .et_mobile_menu {
    background-color: #35b1ca;
}
.et_header_style_centered .mobile_nav .select_page, .et_header_style_split .mobile_nav .select_page, .et_nav_text_color_light #top-menu>li>a, .et_nav_text_color_dark #top-menu>li>a, #top-menu a, .et_mobile_menu li a, .et_nav_text_color_light .et_mobile_menu li a, .et_nav_text_color_dark .et_mobile_menu li a, #et_search_icon:before, .et_search_form_container input, span.et_close_search_field:after, #et-top-navigation .et-cart-info {
    color: #ffffff;
}
#top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .et_color_scheme_red #top-menu li.current-menu-ancestor>a, .et_color_scheme_red #top-menu li.current-menu-item>a, .et_color_scheme_pink #top-menu li.current-menu-ancestor>a, .et_color_scheme_pink #top-menu li.current-menu-item>a, .et_color_scheme_orange #top-menu li.current-menu-ancestor>a, .et_color_scheme_orange #top-menu li.current-menu-item>a, .et_color_scheme_green #top-menu li.current-menu-ancestor>a, .et_color_scheme_green #top-menu li.current-menu-item>a {
    color: #1f425d;
}
.gecko .et_pb_newsletter .et_pb_newsletter_field {
	margin-bottom: 0;
}
#main-footer {
    background-color: #1f425d;
}
.bottom-nav, .bottom-nav a, .bottom-nav li.current-menu-item a {
    color: #ffffff;
}
#footer-info, #footer-info a {
    color: #ffffff;
}
#top-menu li a, .et_search_form_container input {
    font-weight: bold;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
}
.iframeResa { width:100%; height: 800px; }
/* SLIDERS */
.bigSlider .et_pb_slide { height: 600px; }
#homeSlider .et_pb_slider_container_inner { 
	display:block; 
	margin-top: 8%;
}
#homeSlider .et_pb_slide_description {
	padding: 0 8% 8% 0; 
}
#homeSlider h4 { 
	text-align:left;
    font-size: 60px;
    font-weight: 100;
	padding-bottom: 0;
	letter-spacing: 21px;
}
#homeSlider .et-pb-arrow-next, #homeSlider .et-pb-arrow-prev {
	background: rgba(255,255,255,0.5);
    border: #FFF solid 2px;
}
#homeSlider h5 { 
	text-align:left;
    font-size: 80px;
    font-weight: 500;
	padding-bottom: 0;
}
#homeSlider h6 {
	text-align: left;
    font-size: 40px;
    font-weight: bold;
    letter-spacing: 5.8px;
}
#homeSlider .et_pb_slider .et_pb_container {
	width:100%; 
}
#homeSlider .et_pb_button_wrapper { text-align:left; }
#homeSlider .et_pb_more_button {
	text-transform: uppercase; 
	padding: .5em 3em;
	background: rgb(31, 66, 93);
}
#homeSlider .et_pb_more_button:hover {
	text-transform: uppercase; 
	padding: .5em 3em;
	background: rgb(53, 177, 202);
}
h2 {
    padding: .5em;
    background: rgb(53, 177, 202);
    color: #FFF;
    margin: 20px 0;
}
h2 em {
	font-size:70%;
}
#logo {
	max-height:85%;
}
#homeGalery .et_pb_gallery_image {
	border: 10px solid #FFF;	
}
#homeContact .et_pb_promo_description {
	display:none;
}

.specificBlog article {
	width: 32%;
    background: #FFF;
    float: left;
	margin: 0 2% 2% 0;
}
.specificBlog article:nth-child(3n) {
    margin-right: 0%;
}
.specificBlog article h2 {
	font-size: 16px;
    color: #222222;
    text-transform: uppercase;
	background: none;
	padding: 0 0 0 20px;
	margin: 10px 0;
}
.specificBlog article .post-content p {
	height:45px;
	overflow: hidden;
	padding: 0 20px;
}
.specificBlog article .post-content a.more-link {
	text-transform: uppercase;
	margin: 20px 0 20px 20px;
    background: #f5f5f5;
    padding: 5px 20px;
    border: 1px solid #f5f5f5;
	color: #282b2b;
	display: inline-block;
}
.specificBlog article .post-content a.more-link:hover {
	background: #35b1ca;
	color:#FFF;
}
.specificBlog article p.post-meta {
	position: absolute;
    top: 0;
    left: 0;
    padding: 5px 20px !important;
    background: #1f425d;
    color: #FFF;
}
.specificBlog article p.post-meta span {
	color:#FFF;
	font-weight:bold;
}
.specificBlog .entry-featured-image-url {
	margin-bottom:20px;
}
.actuHome article img {
    object-fit: cover;
    height: 220px;
}
.homeResume {
	border:5px solid #FFF;
	cursor:pointer;
}
.homeResume .et_pb_blurb_container {
	display:none;
	position: absolute;
    top: 40%;
    width: 100%;
    text-transform: uppercase;
    background: #35b1ca;
}
.homeResume .et_pb_main_blurb_image {
	margin-bottom:0;
}
.homeResume .et_pb_blurb_content {
	overflow:hidden;
}
.homeResume .et_pb_blurb_container h4 {
	color: #FFF;
    text-align: center;
	padding: 10px;
}
.homeResume:hover .et_pb_blurb_container {
	display:block;
}
.homeResume:hover .et_pb_main_blurb_image {
	transform: scale(1.2);
	transition: all .5s;
}
.wpcf7-form input, .wpcf7-form textarea { width:100%; }
.wpcf7-form input.wpcf7-submit {
    background: #1f425d;
    color: #FFF;
    padding: 5px 10px;
    border: none;
    text-transform: uppercase;
    font-weight: bold;
}

/* PROMO POP-UP */
#popup {
	background: rgba(0,0,0,0.85);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100001;
    overflow: auto;
}
#popupDiv {
	width: 100%;
    max-width: 480px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    padding: 20px;
    text-align: center;
	border: 2px solid #FFF;
	color: #FFF;
	background-color: #444;
}
#popup .button {
	padding: 0.8em 1em;
	background-color: #35b1ca;
	color: #FFF;
	font-size: 0.8em;
	text-transform: uppercase;
	box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.4);
	border: none;
	cursor: pointer;
	margin: 1em 0.5em;
}
#popup .button:hover { box-shadow:none; }
#openResa { margin-top: 20px !important; }
#popup h3 {
	margin-bottom: 0.5em;
	font-size: 14px; color: #FFF;
	border-bottom: 1px solid #35b1ca;
}
#popupClose {
	position: absolute;
	top: -30px;
	right: -37px;
	background-color: #C09E00;
	padding: 0px 7px;
	border: 2px solid #FFF; border-radius: 32px;
	cursor: pointer;
}

/***** NEWSLETTER INSCRIPTION *****/
.et_pb_newsletter_form .input, .et_pb_newsletter_form input[type=password], .et_pb_newsletter_form input[type=text], .et_pb_newsletter_form p.et_pb_newsletter_field input[type=text], .et_pb_newsletter_form p.et_pb_newsletter_field textarea, .et_pb_newsletter_form select, .et_pb_newsletter_form textarea {
	background-color: #EEE;
}

@media screen and (max-width: 760px) {
	html { font-size:12px; }
}
@media screen and (max-width: 480px) {
	html { font-size:10px; }
	#homeSlider h4,  #homeSlider h5, #homeSlider h6 { display:none; }
	.bigSlider .et_pb_slide { height: 300px; }
	#homeSliderButtons { margin-top: 0 !important; padding-top: 0 !important;}
	#homeResumeButtons { display:none; }
	#homeSlider .et_pb_slide_description { padding: 0;}
	#homeSlider .et_pb_more_button { font-size: 15px; padding: .5em .5em; width: 100%; text-align: center; margin-top:200px;  }
	.specificBlog article { width: 100%; }
}

.et-waypoint {
    opacity: 1;
}

/*
.et-cart-info{
	    display: inline-block!important;
}*/