/*
Theme Name: Falcon Heavy I Child
Template: falconheavy
Author: Tuvedlacom
Description: Thème personnalisé
Version: 1.0.1532612135
Updated: 2018-07-26 15:35:35
*/

/* Général */
html{margin-top: 0!important}
body{padding-top: 0 !important;}
p{font-size: small !important;}


/* Header */
@media screen and (min-width: 720px){
	#header{
		background-color: #13433e;
		background-color: #13433e99;
		height: 50px;
		top: 0;
		left: 100px !important;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: space-between;
		width: calc(100% - 100px) !important;
		z-index: 9999 !important;
		height: auto !important;
		align-items: flex-end;
		padding-right: 0!important;
	}
}

@media screen and (max-width: 1150px) and (min-width: 720px){
	#header {
	    width: calc(100% - 80px) !important;
	    left: 80px!important;
	}
}


@media screen and (max-width: 800px){
	 #header{ padding: 0!important; }
}

@media screen and (max-width:720px){
	#nav-container, #nav-container::before { background: #8ebdb7; }
	#nav-wrap input ~ #nav-container{ background: rgba(142, 189, 183, 0.9); }
}

#header-logo{
	position: fixed !important;
	top: 0 !important;
	left: 0 !important;
	z-index: 901 !important;
	text-align: center;
	transform: none!important;
}

#header-logo img{
	width: 100px;
}

@media screen and (max-width: 1150px){
	#header-logo { width: 80px!important; }
}

@media screen and (max-width: 800px){
	#header-logo {
	    z-index: 10000!important;
	    position: fixed;
	    width: auto!important;
	    top: 3.1rem !important;
	}

	#header-logo img { width: auto; }
}

.title-home{
	font-weight: normal;
	color: #fff;
	text-transform: uppercase;
	align-self: center;
	font-size: large !important;
	line-height: 1.25rem;
}

.title-home > span{
	display: block;
}

.title-home > span:last-of-type{
	text-transform: initial;
}

.title-home *{
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
	text-align: left;
	line-height: 1.25rem;
}

@media screen and (max-width: 1150px){
	.title-home *{ font-size: small; }
}


@media screen and (max-width: 930px){
	.title-home {
	    position: absolute;
	    top: 0;
	    font-size: x-small!important;
	}

	.title-home * {
	    float: left;
	    margin: 0 2px;
	    font-size: x-small;
	}
}

#contact-top{
	position: absolute;
	top: -31px !important;
	right: 8rem !important;
	left: auto!important;
	z-index: 4;
	transform: none !important;
}

@media screen and (max-width: 800px){
	#contact-top {
	    right: inherit!important;
	    left: 120px!important;
	    top: 10px!important;
	}
}

#logo-flower{
    right: 0px;
    top: 0px;
    position: absolute;
}

@media screen and (max-width: 1150px){
	#logo-flower{ height: 110px; }
}


@media screen and (max-width: 800px){
	#logo-flower {
	    position: fixed;
	    top: 3.1rem;
	    z-index: 99;
	}
}

/* WPML switcher */

.falconheavy-switcher {
    position: relative!important;
    top: 0!important;
    right: 0!important;
    display: inline-block;
    vertical-align: top;
}

.falconheavy-switcher a {
    background: transparent!important;
    border: none!important;
    padding: 0!important;
    margin: 0!important;
    width: auto!important;
    height: auto!important;
}


/* image header / slider */
#header-img{
	height:90vh;
}

body:not(.home) #header-img{
	height:400px !important;
}

/* Coup de coeur thelis */
body:not(.home) #thelis-cdc{
	top: 70% !important;
}


/* Slogan header */
.slogan-header{
	text-transform: uppercase;
	display: block;
	color: #5ea199 !important;
	font-size: 2.5rem !important;
	padding: 2.5rem !important;
	background-color: #000000a1;
	line-height: 2.7rem;
}

.slogan-header *{
	color:#fff;
	text-transform: uppercase;
	display: block;
	line-height: 2.5rem;
}

.slogan-header > span:first-of-type{
	font-size: 3rem;
}

.slogan-header > span:nth-of-type(2){
	text-transform: initial;
	font-size: 1.5rem;
}

.slogan-header > span:last-of-type{
	font-size: 2rem;
}
@media screen and (min-width: 720px){
	
}

/* Menu */
#header .menu li > a {
	font-size: large;
    padding: 0 1rem;
}

#header .menu>li .sub-menu>li>a {
	font-size: medium;
	width: 100%;
}

@media screen and (min-width: 800px){

	#header .menu > li{
		margin-right: -4px;
	}

	#header .menu li > a::before {
	    content: "";
	    position: absolute;
	    top: 10%;
	    left: 0;
	    width: 1px;
	    height: 80%;
	    background: #fff;
	    transition: 0.2s ease-in-out;
	    display: block;
	}

	#header .menu li:hover,
	#header .menu > li.current_page_item, 
	#header .menu > li.current-menu-ancestor{
		background-color: #5ea199!important;
	}

	#header .menu li:hover a,
	#header .menu > li.current_page_item a, 
	#header .menu > li.current-menu-ancestor a{
		color: #fff !important;
	}

	#header .menu > li.current_page_item{
		background-color: #5ea199!important;
		margin-top: 1.6rem !important;
	}

	#header .menu > li.current_page_item > a{
		color: #fff !important;
	}

	#header .menu > li.current_page_item > a:before{
		content: none;
	}

	#header .menu > li .sub-menu{
		background-color: #13433e !important;
		background-color: #13433e99 !important;
	}

	#header .menu > li .sub-menu > li > a{
		color: #fff !important;
	}

	#header .menu > li .sub-menu > li:hover > a{
		color: #fff !important;
	}

	#header .menu > li .sub-menu .current_page_item {
	    background: #8ebdb7;
	}

	#header .menu > li .sub-menu .current_page_item a {
	    color: #fff;
	}

	#header .menu > li:hover a::before, 
	#header .menu > li.prevhover a::before,
	#header .menu > li.current_page_item a::before, 
	#header .menu > li.current-menu-ancestor a::before {
	    transform: scale(0);
	}

	#header .menu > li:first-of-type a::before { content: none; }
}

@media screen and (max-width: 1150px){
	#header .menu > li:not(:first-of-type) > a::before {
	    height: 40%;
	    top: 30%;
	}
}

@media screen and (min-width: 721px){
    #open-dates {
        bottom: 125px;
    }
}	
/* Barre de résa */

#bloc-resa {
    background: #ffffff;
    padding: 1.3rem;
    position: relative;
    z-index: 10;
}

/* Barre sticky en bas (invisible au départ) */
#bloc-resa-fixed {
    position: fixed;
    bottom: -100px;
    left: 0;
    width: 100%;
    background: #ffffff;
    padding: 1.3rem;
    box-shadow: 0 -2px 10px rgba(0, 0, 0, 0.1);
    transition: bottom 0.4s ease-in-out;
    z-index: 9999;
}

/* Quand elle devient visible */
#bloc-resa-fixed.show {
    bottom: 0;
}


#submit-resa input {
    width:  100%;
    border:  none;
    z-index: 2;
    color: #fff;
    text-transform:  uppercase;
    font-weight:  bold;
    font-size: large;
    cursor: pointer;
    background: transparent;
    position: relative;
    padding: 0;
	text-align: center;
}

@media screen and (min-width: 720px){
	#header-banner {overflow:visible !important;}

	#bloc-resa{
		box-shadow: 3px 3px 4px 0 rgba(0,0,0,.2);
		position: absolute !important;
		left: 50%;
		bottom: 0;
		-webkit-transform: translate(-50%, 50%);
		-moz-transform: translate(-50%, 50%);
		-ms-transform: translate(-50%, 50%);
		-o-transform: translate(-50%, 50%);
		transform: translate(-50%, 50%);
		padding: 1rem;
		background:#fff !important;
	}

	#bloc-resa .input-date,
	#bloc-resa #select-type,
	#bloc-resa #submit-resa,
	#bloc-resa .btn-cart{
		line-height: 50px!important;
		min-width: 200px!important;
	}

	.input-date{
		border-right: 1px solid #13433e;
	}

	.input-date input,
	#type{
		height: 50px!important;
		color: #13433e!important;
		font-size: 1.2rem;
	}

	.input-date i,
	#select-type i{
		line-height: 52px !important;
		padding-left: 1rem !important;
		color: #13433e!important;
	}

	#submit-resa{
		background-color:#14433e!important;
	}

	#submit-resa i{
		line-height: 54px!important;
	}
	select#type:focus,
	input:focus {
	    outline: auto 0px;
	    background: #93bdb730 !important;
	}
}

@media screen and (min-width: 721px){
    #bloc-resa form {
        display: table;
        margin: 0 auto;
        border-collapse:  separate;
        border-spacing: .5rem 0;
        width: 100%;
        max-width: 900px;
    }
	#bloc-resa .input-date, #bloc-resa #select-type, #bloc-resa #submit-resa, #bloc-resa .btn-cart {
	    display: table-cell;
	    min-width: 130px;
	    line-height: 30px;
	    position: relative;
	}
}

@media screen and (max-width: 850px) and (min-width: 720px){
	#bloc-resa .input-date, #bloc-resa #select-type, #bloc-resa #submit-resa, #bloc-resa .btn-cart {
	    min-width: 160px!important;
	}
}

@media screen and (max-width: 720px){
	#bloc-resa:not(.sticky) {
	    display: none;
	}

	#bloc-resa .input-date { border: 1px solid #fff; }

	#bloc-resa .input-date i {
	    right: 3px;
	    top: -2px;
	}

	#select-type { border: 1px solid #fff; }

	#select-type i { top: -2px; }

	#submit-resa, #submit-resa input {
	    width: 100%!important;
	    max-width: none;
	}
}

/* Titre */
.section-title{
	color: #fff !important;
	background-color: #8ebdb7;
	padding: 1rem;
	display: table;
	margin: auto auto 1rem auto !important;
}

.section-title span{
	display: block;
	color: #fff !important;
}

.inline-title{
	color: #fff !important;
	background-color: #8ebdb7;
	padding: 1rem;
	display: table !important;
	margin-top: 1rem;
	margin-bottom:1rem;
}

.inline-title span{
	display: block;
	color: #fff !important;
}

@media screen and (max-width: 720px){
	.section-title, .section-title * { font-size: medium; }
	.section-title { width: 100%; }
	.section-title span { display: inline; }
}
/* Section home */
section#section-home{
	margin-top: 3rem;
}
@media screen and (max-width: 720px){
	section#section-home{ 
		padding-top: 0; 
		margin-top: 0;
	}
}

/* bloc texte */

.bloc-text{
	margin-bottom: 2rem !important;
}

.block-text > details {
	border: solid 1px #1C4C4B;
	margin: 2rem;
	padding: 1rem;
}

/* CTA */
@media screen and (min-width: 720px){
	.list-of-6 .cta{
		width: 15% !important;
		margin: 0 .5% !important;
	}
}

@media screen and (max-width: 720px){
	.list-of-2 .cta {  width: 250px!important; }
}

.cta.ishover .cta-img:after{
	opacity: 0 !important;
}

.cta-img span{
	top: 40%;
}

.cta-img span:after{
	content: none!important;
}

.cta-img .white-line{
	top: 50%;
	left: 0;
	width: 100%;
	height: 1px;
	transform: translateY(-50%);
	position: absolute;
	background-color: #fff;
	z-index: 2;
	opacity: 0;
	transition: .2s ease-in-out;
}

.cta.ishover .white-line{
	opacity: 1;
}

.cta-descr{
	position: absolute;
	top: auto;
	bottom: 0;
    transform: none;
	z-index: 2;
	width: 100%;
	display: table;
	margin: auto;
	padding: 0;
}

body:not(.home) .cta-title{
	color: #fff;
	font-weight: bold;
	width: 100%;
	font-size: medium !important;
	background-color: #13433e;
	text-align: center;
	padding: .5rem 0;
	position: absolute;
    bottom: 44px;
}

.cta:not(.cta-heberg) .cta-img > span {
    background: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    top: 50%;
    color: #828e10;
    font-weight: bold;
    font-size: x-large;
    line-height: 30px;
    font-family: initial;
}

/* CTA heberg */
.cta-info {
    position: relative;
    flex-direction: row;
    justify-content: center;
    background: #ffffff;
	padding: .5rem 0;
}

.cta-info > div{ 
	padding: .25rem;
}

.cta-info, .cta-info *{ color: #000000; }

.cta-heberg .cta-info { z-index: 999; }

.cta-info i {
    font-size: larger;
}

.cta-heberg .cta-descr {
    z-index: 99999;
    text-align: right;
    transform: none;
    top: 80%;
}

.cta-heberg .cta-img > span {
    z-index: 999;
    transition: 0.2s ease-in-out;
}


.cta-heberg .cta-img > span::before {
	content: "+";
	display: block;
	font-size: xx-large;
	font-weight: bold;
	font-family: initial;
	height: 0;
	opacity: 0;
	transition: 0.5s ease-in-out 0.2s;
}

.cta-heberg.ishover .cta-img > span::before, .cta-heberg:hover .cta-img > span::before {
    height: 35px;
    opacity: 1;
}

.cta-descr .cta-title:not(.cta-heberg){
    font-size: large;
	color: #fff;
	background: #13433e;
    width: 100%;
    padding: 1rem;
}

/* Frames heberg */

.heberg-img .slick-list.draggable {
    height: auto!important;
}

span.close-detail {
    font-size: x-large;
    font-family: initial;
}

/* Home piscine */

#home-piscine .inline-title { max-width: 400px; }

/* Icônes pourquoi nous */

.section-pourquoi-nous .bloc-text:last-of-type {
    display: block;
    text-align: center;
    position: relative;
    margin: 0 5%;
}

.pourquoi-nous-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 1rem 0;
}

.pourquoi-nous {
    padding: .5rem;
    border-radius: 50%;
    flex: 1 1 calc(20% - 1rem); /* 5 par ligne sur grands écrans */
    max-width: 200px;
    height: 120px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    transition: .2s ease-in-out;
    margin: .5rem;
    font-size: medium;
    color: #13433e;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.pourquoi-nous img {
    margin: 1.25rem 0;
    max-width: 60%;
    height: auto;
}

.pourquoi-nous span {
    line-height: 1rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    font-weight: bold;
    font-size: small;
    width: 90%;
}

.pourquoi-nous-titre,
.pourquoi-nous-titre * {
    color: #fff;
    font-size: large;
    text-align: center;
    background-color: #8ebdb7;
    padding: 1rem;
}

.pourquoi-nous-titre {
    font-weight: bold;
    padding: 1.5rem;
    margin: 0 0 2rem;
}

.pourquoi-nous-titre * {
    display: block;
    font-weight: normal;
    line-height: 1rem;
}

/* --- Media Queries --- */

/* Grands écrans : 3 par ligne */
@media (max-width: 992px) {
    .pourquoi-nous {
        flex: 1 1 calc(33.33% - 1rem);
    }
}

/* Tablettes : 2 par ligne */
@media (max-width: 768px) {
    .pourquoi-nous {
        flex: 1 1 calc(50% - 1rem);
    }
}

/* Mobiles : 1 par ligne */
@media (max-width: 576px) {
    .pourquoi-nous {
        flex: 1 1 calc(100% - 1rem);
    }
}


/* CTA 2 colonnes + texte */
@media screen and (min-width: 720px){
	.cta_2_col_with_text{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
	}

	.cta_2_col_with_text > [class^="col"]{
		margin-top: 0 !important;
		margin-bottom:0 !important;
	}

	.cta_2_col_with_text .cta{
		width: 49% !important;
	}

	.cta_2_col_titre{
		color: #8ebdb7;
		text-transform: uppercase;
		font-weight: bold;
		font-size: medium !important;
		margin: 1rem 0;
		text-align: left;
	}

	.cta_2_col_content{
		text-align: left;
	}
}

/* Footer */
footer {
	background-image: url('images/camping-relais-de-bresque-fond-footer.jpg');
	background-size: cover;
	background-repeat: no-repeat;
}

.social-footer-title,
.bloc-promos-title{
	color: #fff;
	text-transform: uppercase;
	text-align: left;
	font-weight: bold;
	margin-bottom: 20px;
}

.social-footer-title > span,
.bloc-promos-title > span{
	text-transform: initial;
	color: #fff;
	display: block;
	font-weight: initial;
}

.social-footer-content{
	text-align: left;
	margin: 1rem 0 0;
}

.logo-footer{
	-webkit-transform: translateX(-38%);
	-moz-transform: translateX(-38%);
	-ms-transform: translateX(-38%);
	-o-transform: translateX(-38%);
    transform: translateX(-38%);
}

.bloc-promos{
	text-align: left;
	position: relative;
	display: table;
}

#bloc-promo{
	position: initial !important;
	z-index: 4;
	overflow: hidden;
	padding: 1rem;
	border: 1px solid white;
	margin: 1rem 0;
	width: auto!important;
}

#section-labels{
	text-align: left!important;
	padding: 0!important;
}

#section-labels .label-link{
	height: 65px;
	line-height: 65px;
	width: 65px;
}

#section-labels .label-link *{
	color: #fff !important;
	height: 65px;
	line-height: 65px;
	width: 65px;
	text-align: center;
}

.social-footer-content .social-link{
	height: 50px !important;
	line-height: 50px !important;
	width: 50px !important;
	border-color: #fff;
	transition: .2s ease-in-out;
}

.social-footer-content .social-link:hover{
	border-color: #8ebdb7;
}

.social-footer-content .social-link i{
	height: 50px !important;
	line-height: 50px !important;
	width: 50px !important;
	color:#fff;
	transition: .2s ease-in-out;
}

.social-footer-content .social-link:hover i{
	color:#8ebdb7;
}

@media screen and (max-width: 720px){
	.social-footer * { text-align: center!important; }

	.logo-footer { transform:none; }

	.bloc-promos { margin: 0 auto; }

	#section-labels .scroll-x-mobile {
	    white-space: nowrap;
	    text-align: center;
	}

	#section-labels .scroll-x-title { display: none; }
}

/* Back to top */
#back-to-top{
	border-radius: 20%;
}

/* hebergements */

.button-group button.active{
	background-color: #8ebdb7;
}

/* YOAST bread */

.yoast_bread{
	padding-top: 4.5rem !important;
	text-align: center;
}

/* RGPD */
.gdpr.gdpr-privacy-bar, .gdpr.gdpr-reconsent-bar {
    background: #13433e;
    background: #13433e99;
}

/* PDF */

@media screen and (max-width: 720px){
	#section-pdf .scroll-x-title, #section-pdf .scroll-x-title i {
	    color: #fff;
	}
}

/******************************* BANDEAU GDPR *******************************/
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background: #1C4C4B !important; /* Couleur Background */
  border-top: 3px solid #8EBDB7 !important; /* Couleur 1 */ /* Bordure au choix */
  padding: 10px !important;
}
span.change-settings-button {
  color: #8EBDB7 !important; /* Couleur 1 */
  text-decoration: none !important;
}
span.change-settings-button:hover {
  text-decoration: underline !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon {
  background-color: #1C4C4B !important; /* Couleur 2 */
  border: 1px solid #1C4C4B !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li a span.gdpr-icon, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button span.gdpr-icon {
  color: #1C4C4B !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover i, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close:hover span.gdpr-icon {
  background-color: #fff !important;
  color: #1C4C4B !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider {
  background-color: #8EBDB7 !important; /* Couleur 1 */
}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after {
  color: #8EBDB7 !important; /* Couleur 1 */
}
#moove_gdpr_cookie_modal .checkbox-selected .cookie-switch .cookie-slider {
  background: #191919 !important; /* Couleur Switch Off */
}
#moove_gdpr_cookie_modal .checkbox-selected .cookie-switch .cookie-slider:after {
  color: #191919 !important; /* Couleur Switch Off */
}

div#moove_gdpr_cookie_info_bar {
  z-index: 9999999999 !important;
}
.lity {
  z-index: 99999999999 !important;
}

@media screen and (max-width: 767px) {
  button.mgbutton.moove-gdpr-modal-save-settings.button-visible, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton, #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 14px !important;
    padding: 8px 16px !important;
    float: right;
  }
}

/* Page Devenir Propriétaire */

p.mh-title {
    font-size: 22px!important;
    color: #fff!important;
    font-weight: bold;
    background-color: #8ebdb7;
    padding: 1rem;
    display: inline-block;
    margin-bottom: 25px;
}

p.tarifs-mh {
    font-size: 16px!important;
}

.falcon-gallery{
	margin: 0 20px;
}

@keyframes lumiere {
	  0% {
	    box-shadow: 0 0 20px white;
	  }
	  50% {
	    box-shadow: 0 0 0 white;
	  }
	  100% {
	    box-shadow: 0 0 20px white;
	  }
}