/*
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
*/

/* Style général */
html{ overflow-x: hidden; }
p{
	font-size: small !important;
	color: #1f2f18;
}
 #bloc-resa .btn-cart {
	color: #a0bd43 !important;
}
body {padding-top: 0!important;}

ul li, ul li span{ font-size: small; }

.clicochic {
	position: absolute;
	bottom: 10px;
	right: 10px;
	z-index: 4;
	display: block;
	width: 100px;
	height: auto;
}

.color1{ color: #a0bd43 !important; }

.container { position: relative; }

#back-to-top{ z-index: 1 !important; }

/* Style des titres */

.section-titre .container{
	border-bottom: 2px solid #a0bd43;
	border-top: 2px solid #a0bd43;
	padding: 1rem 0;
}

.section-titre.bggrey .container {
	border-bottom: 2px solid #1e2d18;
	border-top: 2px solid #1e2d18;
	padding: 1rem 0;	
} 

.section-title{ font-weight: bold; }

.section-titre.bggrey .section-title,
.section-titre.bggrey .section-title span{
	color: #1e2d18;
}

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

/* Header */

#header {
	padding:0!important;
	background-color: transparent !important;
	background:linear-gradient(to bottom, rgba(0,0,0,0.7) 0%,rgba(0,0,0,0.2) 100%);
	padding-bottom: 1rem !important;
}

#contact-top-container {
    padding: 0;
    position: absolute;
    left: 0;
    top: 50%;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: stretch;
    margin-top: 30px;
}
@media screen and (max-width: 1000px){
	#contact-top-container {
	    top: inherit;
	    bottom: 50%;
	    margin-top: 0;
	    margin-bottom: 75px;
	}
	.clicochic {
		bottom: 50px;
	}
}
#contact-top-left, 
#contact-top-right {
	display: block;
	height:40px;
}

#contact-top-left{ 
	background: #a0bd43!important; 
	background-color: #a0bd43cc!important; 
}
#contact-top-right{ 
	background-color: #ffffff!important; 
	background-color: #ffffffcc!important; 
}

#contact-top-container #mail-top, 
#contact-top-container #tel-top{
	height: 40px !important;
	width: 100% !important;
	color: #1e2d18;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 40px !important;
	display: inline-block;
	padding:0 1rem 0 .5rem;
	font-size: small;
	transition: .2s ease-in-out;
	width: 100%;
}

#tel-top i, 
#mail-top i{
	display: inline-block!important;
	float: right;
	font-size: x-large;
	height: 40px;
	padding-left: 1rem;
}

#tel-top span, 
#mail-top span { 
	font-weight: bold;
	font-size: small !important;
}

#mail-top span,
#mail-top i{
	color:#1e2d18;
	transition: .2s ease-in-out;
}

#tel-top span,
#tel-top i {
	color: #fff;
	transition: .2s ease-in-out;
}

#tel-top i:before, #mail-top i:before{
	    display: inline-block;
	-webkit-transform: translateY(25%);
	-moz-transform: translateY(25%);
	-ms-transform: translateY(25%);
	-o-transform: translateY(25%);
	transform: translateY(25%);
}

#tel-top:hover span,
#tel-top:hover i{
	color: #1e2d18 !important;
}

#mail-top:hover span,
#mail-top:hover i{
	color: #a0bd43 !important;
}

@media screen and (max-width: 1300px){
	#tel-top span { display: inline; }
}

@media screen and (max-width: 720px){
	#contact-top-container {
	    position: fixed;
	    top: 10px;
	    bottom: inherit;
	    margin-bottom: 0;
	    z-index: 9999;
	    display: block;
	    left: 1rem;
	    line-height: 0;
	}

	#contact-top-container #mail-top span, 
	#contact-top-container #tel-top span { display: none; }

	#contact-top-container #mail-top i, #contact-top-container #tel-top i {
	    display: block!important;
	    padding: 0;
	    color: #a0bd43;
	    line-height: 35px!important;
	    width: 100%;
	    text-align: center;
	    font-size: large;
	    height: 30px;
	}

	#contact-top-left, #contact-top-right {
	    height: auto!important;
	    background: transparent!important;
	    display: inline-block;
	}

	#contact-top-container #mail-top, 
	#contact-top-container #tel-top {
		padding: 0;
		display: block;
		width: 30px!important;
		height: 30px!important;
		background: #fff!important;
	}

	#tel-top i:before, #mail-top i:before {
	    transform: none!important;
	    display: inline;
	}
}

/* Slider */
div#title-resa {
    margin-bottom: 10px;
}

#slider-home{ z-index: 2; }

.home #header-img {
    height: 85vh;
    max-height: 820px;
}

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

#header-img img {
    height: 100%;
    object-fit: cover;
    object-position: center;
}
@media screen and (min-width: 720px){
	.slogan-header {
	    font-size: 30px !important;
	    width: 100%;
	    padding: 1rem 0 !important;
	    border-top: 1px solid #ffffffcc !important;
	    border-bottom: 1px solid #ffffffcc !important;
	    height: 150px!important;
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	    justify-content: center;
	}
	.slogan-header span{
		display: block;
		color:#fff;
		font-size: 40px;
		line-height: 1;
		font-weight: bold;
	}

	.slogan-header:after{
		content:"";
		background-image: url(images/camping-sources-luberon-gordes-slogan.png);
		background-position: center center;
		background-size: 50%;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-moz-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		-o-transform: translate(-50%, -50%);
	        transform: translate(-50%, -50%);
		width: 250px;
		height: 250px;
	}

}

#open-dates{
	bottom: 0!important;
	left: 0!important;
	border-radius: 0 20px 0 0!important;
	right: inherit !important;
	font-size: small !important;
}

#open-dates *{
	color: #fff;
}

.open-date, .close-date{
	font-weight: bold;
}

#open-dates span{
	font-size: small !important;
}

@media screen and (max-width: 1400px){
	#open-dates {
	    bottom: 80px!important;
	    left: 50%!important;
	    -webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
        transform: translateX(-50%);
	    display: flex;
	    border-radius: 20px 20px 0 0!important;
	    white-space: nowrap;
	}
}

@media screen and (max-width: 720px){

    .clicochic {
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 4;
        display: block;
        width: 50px;
        height: auto;
    }
	#open-dates {
	    bottom: -40px!important;
	    justify-content: center;
	    border-radius: 0!important;
	    display: block;
    	white-space: normal;
	}
	#open-dates * {
	    display: inline;
	    line-height: 1;
	}
	.home #header-img {
	    max-height: none;
	    top: 60px;
	}
	#open-dates, #open-dates *, #open-dates span {
	    font-size: x-small!important;
	    font-weight: normal!important;
	}
}

/* Menu */
@media screen and (min-width: 800px){
	#nav-container{
		display: flex;
		justify-content: center;
		align-items: center;
		padding-top: .5rem;
	}

	#nav-left,
	#nav-right{
		width: 50%;
		padding-top: 2rem;
	}

	#header-logo{
	    position: relative !important;
	    top: inherit !important;
	    left: inherit !important;
	    transform: inherit !important;
	    max-width: 300px;
	    line-height: 0;
	}

	#header .menu li a {
		color:#fff !important;
		text-transform: uppercase;
		border-top: 5px solid transparent;
		border-bottom: 5px solid transparent;
	}

	#header .menu > li:not(:first-of-type) > a::before{
		content: none;
		border-left: none !important;
		background:transparent!important;
	}

	li.home-li{ max-height: 60px; }

	.sub-menu{
		background:rgba(0,0,0,0.3) !important;
	}

	.sub-menu li{ transition: .2s ease-in-out; }

	.sub-menu li:hover{
		background-color: #a0bd43;
	}

	#header .menu >li.current-menu-item::after, 
	#header .menu >li.current-menu-ancestor::after,
	#header .menu > li:hover::after, #header .menu > li.active::after{
	    content: "";
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    width: 100%;
	    border-bottom: 5px solid #a0bd43 !important;
	}

	#header .menu > li ul.sub-menu li.current-menu-item{
		background-color: #a0bd43 !important;
	}
}

@media screen and (max-width: 1300px) and (min-width: 800px){
	#header .menu > li > a{
	    font-size: medium;
	    padding: 0 5px;
	}
}
@media screen and (max-width: 1150px) and (min-width: 800px){
	#header .menu > li > a { font-size: small!important; }
	.falconheavy-switcher {
	    right: 1rem;
	    left: inherit;
	}
}
@media screen and (max-width: 1000px) and (min-width: 800px){
	#header-logo { max-width: 250px!important; }
	#header .menu { text-align: center; }
}

@media screen and (max-width: 930px) and (min-width: 800px){
	#header-logo { max-width: 200px!important; }
	#header .menu > li > a { font-size: smaller!important; }
}

@media screen and (max-width: 800px){
	#header-banner{    overflow: overlay; min-height: 275px !important;}

	.falconheavy-switcher {
		position: relative;
    top: 14px;
    left: 90px;
	}
	.falconheavy-switcher:after {
	    line-height: 100px;
	    height: 20px;
	}

    #header{
        top: 0;
        left:  0;
        width: 100%;
        z-index: 9999;
        display: block!important;
        height: 50px;
    }

     #header-logo {
        top: 0px!important;
        max-width: 110px!important;
    }

    #header-logo img{
        height: auto!important;
        max-width: 100%!important;
    }

    #nav-container::before {
        content: "";
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: #a0bd43;
        z-index: 2;
    }

    #nav-wrap input + label{
        position: fixed;
        top: 15px;
        right: 15px;
        height: 20px;
        width: 2rem;
        z-index: 5;
    }

    #nav-wrap input + label span{
        position: absolute;
        width: 100%;
        height: 3px;
        top: 50%;
        margin-top: -1px;
        left: 0;
        display: block;
        background: #fff;
        transition: .5s;
    }

    #nav-wrap input + label span:first-child{
        top: 3px;
    }

    #nav-wrap input + label span:last-child{
        top: 17px;
    }

    #nav-wrap label:hover{
        cursor: pointer;
    }

    #nav-wrap input:checked + label span{
        opacity: 0;
        top: 50%;
    }

    #nav-wrap input:checked + label span:first-child{
        opacity: 1;
        -webkit-transform: rotate(405deg);
        -moz-transform: rotate(405deg);
        -ms-transform: rotate(405deg);
        -o-transform: rotate(405deg);
        transform: rotate(405deg);
    }

    #nav-wrap input:checked + label span:last-child{
        opacity: 1;
        -webkit-transform: rotate(-405deg);
        -moz-transform: rotate(-405deg);
        -ms-transform: rotate(-405deg);
        -o-transform: rotate(-405deg);
        transform: rotate(-405deg);
    }

    #nav-wrap input ~ #nav-container{
        top: 0;
        left: 0;
        width: 100%;
        position: relative;
        height: 50px;
        z-index: 3;
        transition: 0s;
        transition-delay: 0s;
        overflow: visible;
    }

    #nav-wrap input ~ #nav-container > .nav-wrap  {
        height: 0;
        overflow: hidden;
    }

    #nav-wrap input:checked ~ #nav-container > .nav-wrap {
        width: 70%;
        max-width: 300px;
        height: auto;
        overflow: visible;
    }

    #nav-wrap input ~ #nav-container > .nav-wrap > ul{
        text-align: left;
        margin: 0;
        list-style: none;
        padding: 0;
    }

    #nav-wrap input ~ #nav-container > .nav-wrap > ul > li{
        opacity: 0;
        transition-delay: 0s;
        padding: 10px 0 !important;
        margin:10px 0!important;
        width: 100%;
        border-bottom: 1px solid rgba(255,255,255,0.6);
        cursor: pointer !important;
        display: block;
        position: relative;
    }

    li.home-li{ max-height: 45px; }

    .menu-item-has-children:after {
        content: "\72";
        color: #fff;
        right: 0;
        font-size: large;
        font-family: "falconheavy" !important;
        top: 0;
        line-height: 120px;
        height: 20px;
        position: absolute;
        display: block;
        z-index: -1;
    }

     .menu-item-has-children:hover::after {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
            transform: rotate(180deg);
    }

    #nav-wrap input ~ #nav-container > .nav-wrap > ul > li > a{
        padding: 0!important;
    }
    #nav-wrap input ~ #nav-container > .nav-wrap > ul ul{
        position: relative;
        width: 100%;
        padding-top: 0;
        height:  0;
        opacity: 0;
        overflow: hidden;
        transition:all .2s ease-in-out .2s;
    }
    #nav-wrap input ~ #nav-container > .nav-wrap > ul ul > li > a{
        font-size: 12px !important;
        text-transform: uppercase;
        margin: 0 !important;
        color:#fff;
        display: block;
        position: relative;
        line-height: 2!important;
    }
    #nav-wrap input ~ #nav-container > .nav-wrap > ul ul > li {
        margin: 5px 0 !important;
        display: block;
        position: relative;
    }

    #nav-wrap a, #nav-wrap a *{
        text-decoration: none;
        line-height: 1!important;
    }
    #nav-wrap input ~ #nav-container > .nav-wrap > ul > li > a{
        text-transform: uppercase;
        display: block;
        font-size: large;
        font-weight: bold;
        color: #fff!important;
        letter-spacing: 0.1rem;
        border-right: 0!important;
        border-bottom: 0 !important;
    }

    #nav-wrap input:checked ~ #nav-container{
        height: 100%;
        transition-delay: 0s;
        position: fixed;
        display: flex;
        justify-content: center;
        height: 100%;
        align-items: center;
        flex-direction: column;
    }

    #nav-wrap input:checked ~ #nav-container > .nav-wrap > ul > li{
        opacity: 1;
        transition-delay: .2s;
        position: relative;
    }
    #nav-wrap input:checked ~ #nav-container > .nav-wrap > ul > li:last-of-type { margin-bottom: 0!important; }
    
    #nav-wrap .sub-menu li{ 
        display: block;
        float: none; 
    }
    #nav-wrap .sub-menu li a{
        width: auto;
        min-width: 100px;
        padding: 0 20px;
    }
    #nav-wrap .menu-item-has-children:hover .sub-menu {
        height: 100%!important;
        padding-top: 10px!important;
        overflow: visible!important;
        opacity: 1!important;
    }
}

@media screen and (max-width: 400px){
	#header-logo {
	    left: calc(100% - 180px);
	    -webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;
		-o-transform: none;
        transform: none;
	}
}


/* Bloc résa / réservation */
@media screen and (min-width: 720px){
	#bloc-resa{
		background-color: #ffffffCC !important;
		position: absolute !important;
		bottom: 0 !important;
		left: 50% !important;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
	        transform: translateX(-50%);
	 	text-align: center;
	 	color: #1e2d18;
	 	max-width: 100%;
	 	text-transform: uppercase;
	 	padding: .5rem 1rem .5rem 1rem !important;
	 	border:0 !important;
	 	transition: 0s;
	}

	#bloc-resa form{
		display: flex !important;
		flex-direction: row !important;
		align-items: center !important;
		justify-content: center !important;
	}

	#bloc-resa form div{
		width: 200px !important;
		height: 30px !important;
		padding: 0 1rem 0 1rem !important;
		margin: 0 1rem 0 1rem !important;
	}

	#bloc-resa form .input-date,
	#bloc-resa form #select-type{
		background-color: transparent !important;
		border:1px solid #1e2d18;
	}

	#bloc-resa form #submit-resa{
		background-color: #a0bd43;
		color: #fff;
		margin-top: .5rem;
	}

	#bloc-resa form .input-date input,
	#bloc-resa form .input-date i,
	#bloc-resa form #select-type #type, 
	#bloc-resa form #select-type i {
		color: #1e2d18;
		cursor: pointer;
	}

	#bloc-resa form div{
		margin: .5rem 0;
	}


	/* Bloc resa sticky */
	#bloc-resa.sticky {
		display: block;
	}

	#bloc-resa.sticky {
	    position: fixed!important;
	    right: -233px;
	    bottom: inherit!important;
	    top: 50%;
	    left: inherit!important;
	    -webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	    transform: translateY(-50%);
	    z-index: 20;
	}

	#bloc-resa.sticky form{
		flex-direction: column !important;
	}

	#bloc-resa.sticky form div{
		margin: .5rem 0 !important;
	}

	#bloc-resa.sticky #title-resa {
	    position: absolute;
	    right: 100%;
	    width: 100%;
	    background: #a0bd43;
	    padding: .5rem;
	    font-size: small;
	    color: #fff;
	    -webkit-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-o-transform: rotate(-90deg);
	    transform: rotate(-90deg);
	    transform-origin: right;
	    margin-right: 18px;
	    top: -18px;
	    transition: 0;
	}
	#bloc-resa.sticky.clicked {
	    right: 0 !important;
		border:1px solid #a0bd43 !important;
		transition: .2s ease-in-out;
	}

	#bloc-resa.sticky.clicked #title-resa {
	    opacity: 0 !important;
	    transition: .2s ease-in-out;
	}
}

@media screen and (max-width: 720px){
	#submit-resa {
	    width: 100%!important;
	    text-align: center!important;
	    background: #a0bd43;
	}
	#submit-resa input { text-align: center; }
	#title-resa { display: none; }
}

/* Bloc de texte + image */
@media screen and (min-width: 800px){
	.bloc-text-with-image .texte { margin: 0 2rem; }
}


.bloc-text-with-image .image, 
.bloc-text-with-image .texte  { position: relative; }

.bloc-text-with-image .image.overlay:after{
	content: "";
	position: absolute;
	top: 50%;
	left: 50%;
	width: 90%;
	height: 110%;
	border: 2px solid #c1bab8;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    z-index: 2; 
}

.bloc-text-with-image .texte .inline-title{
	border-bottom: 2px solid #1e2d18;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}

.bloc-text-with-image .image .overlay-container{
	position: absolute;
	bottom: -10%;
	padding: .5rem;
	text-align: center;
	text-transform: uppercase;
	z-index: 3;
	font-size: small;
	right: 10%;
}

.bloc-text-with-image.reverse-row .image .overlay-container{
	left: 10%;
	right: auto;
}

.bloc-text-with-image .image .overlay-container span {
	font-weight: bold;
	display: block;
	text-align: center;
	font-size: small;
}

.bloc-text-with-image .image .overlay-container.bggreen,
.bloc-text-with-image .image .overlay-container.bggreen span{
	background-color: #a0bd43;
	color: #fff;
}

.bloc-text-with-image .image .overlay-container.bggrey{	background-color: #c1bab8; }

@media screen and (max-width: 800px){
	.bloc-text-with-image .texte { 
		width: 96%;
		margin:0 2%;
	}
	.bloc-text-with-image .image {
		width: 100%;
		line-height: 0;
	}

	.bloc-text-with-image .image.overlay:after {
	    width: calc(100% - 20px);
	    height: calc(100% - 20px);
	    top: 9px;
	    left: 9px;
	    transform: none;
	}
}
@media screen and (max-width: 500px){
	.bloc-text-with-image .image .overlay-container {
	    padding: .25rem;
	    font-size: x-small;
	}

	.bloc-text-with-image .image .overlay-container * { font-size: inherit!important; }
}

/* Fond image bloc texte + image homepage */
#bg-img{
	background-image: url(images/camping-luberon-gordes.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-size: 30%;
}


/* Icones homepage */
#icon-ble .container::before, #icon-tente .container::before{
	content: "";
	background-image: url('images/camping-luberon-gordes-ble.png');
	background-position: center center;
	width: 80px;
	height: 65px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
	z-index: 1;
	background-color: #fff;
	background-size: 50%;
	background-repeat: no-repeat;
}

#icon-tente .container::before{
	background-image: url(images/camping-luberon-gordes-tente.png) !important;
	background-color: #f2e9da !important;
}


#icon-ble .section-title, #icon-tente .section-title{
	z-index: 3;
	position: relative;
}

@media screen and (max-width: 720px){
	.section-title, .section-title span { text-align: center!important; }

	.section-title { font-size: larger; }

	.section-title span {
	    font-size: small;
	    line-height: 1;
	}

	.section-titre .container { padding: .5rem 0; }

	#icon-ble .container::before, #icon-tente .container::before {
	    width: 65px;
	    height: 40px;
	    top: -20%;
	}

	#icon-ble, #icon-tente { padding-bottom: 0; }
}
/* CTA */
@media screen and (min-width: 720px){
	.list-pages{margin-top: 2rem !important;}
}


.cta {
	width: 32% !important;
	white-space: normal;
}

@media screen and (max-width: 720px){
	.cta { vertical-align: top; }
}
@media screen and (max-width: 450px){
	.list-of-3 .cta { width: 250px!important; }
}

.cta-descr{
	text-align: left !important;
	margin-top: 0 !important;
	padding: 1rem .5rem !important;
}

.cta-descr .cta-title{
	font-size: medium !important;
	font-weight: bold;
}

.cta-descr .cta-resume{ font-size: small !important; }

.cta-img span{
	opacity: 1 !important;
	padding: 0 4rem .5rem !important;
	background-color: #ffffffCC;
	width: auto !important;
	display: block !important;
	color: #1e2d18 !important;
	font-size: 2.5rem !important;
	font-weight: bold !important;
}

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

.cta .cta-img:before{ content: none; }

.cta:hover .cta-img span,
.cta:hover .cta-descr{
	background-color: #a0bd43CC;
	color: #fff !important;
}

.indicators-container{
	background: transparent;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
	padding: 1rem 0;
	height: 50px;
	top: 0;
	position: absolute;
	z-index: 2;
	width: 100%;
	transition: .2s ease-in-out;
}

.indicators-container .indicator{
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #a0bd43CC;
	font-size: large;
	font-weight: bold;
	color: #fff;
	text-align: center;
	margin: .2rem .2rem;
	clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
	-webkit-clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

.indicators-container .indicator:last-of-type{
	margin: .2rem 0rem .2rem .2rem !important;
}

.indicators-container .indicator i{
	font-size: large !important;
	overflow:hidden;
	height: 50px;
	padding-left: .5rem;
	color: #fff;
}

.indicators-container .indicator i:before{
	display: inline-block;
	-webkit-transform: translateY(15%);
	-moz-transform: translateY(15%);
	-ms-transform: translateY(15%);
	-o-transform: translateY(15%);
    transform: translateY(15%);
}

.cta:hover .indicators-container{
	top: -60px;
}

/*Image full width avec modale */
.background-container{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
	width: 30%;
	height: 100%;
	background-color: #00000059;
	background-image: url(images/camping-des-sources-luberon-gordes.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 60%;
	min-width: 250px;
}
.overlay_container{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
	color: #fff;
	text-transform: uppercase;
	text-align: center;
	font-size: x-large;
	display: table;
}

.overlay_container span{
	display: block;
	font-weight: bold;
	color: #fff;
	text-transform: uppercase;
	font-size: x-large;
	line-height: 1rem;
}

.modal-link{
 	padding: 0.6rem;
	background-color: #a0bd43;
	color: #fff;
	text-decoration: none !important;
	margin-top: 1.5rem;
	display: block;
	transition: .2s ease-in-out;
 }

.modal-link:hover{
  	color: #a0bd43 !important;
  	background-color:#fff !important;
  }

/* Parallax */
.imgFullWidth{
	background : transparent;
	min-height: 350px;
}

/* Footer - contact - col 6  */

@media screen and (min-width: 720px){
	.contact-container{
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.contact-container .icons { border-right: 2px solid #000; }

	.contact-container .texte{ padding-left: 2rem; }

	.contact-item{
		display: flex;
		align-items: center;
		height: 80px;
		width: auto;
		justify-content: left;
	}
	.contact-item.one i, 
	.contact-item.three i {
		padding-top: 4.1rem;
		margin-right: 1rem;
	}

	.contact-item.two i{
		padding-top: 4rem;
		margin-right: 1rem;
	}
}

.contact-item i{ font-size: x-large; }

@media screen and (max-width: 720px){
	#section-social * { text-align: center; }
	.contact-item i {
	    font-size: x-large;
	    display: block;
	    height: 28px;
	    overflow: hidden;
	}
}

.contact-item p span { display: block; }

.social-link{
	border-radius: 0 !important;
	color: #a0bd43 !important;
	overflow: hidden;
	height: 60px !important;
	width: 60px !important;
}

.social-link i {
	height: 60px !important;
	width: 60px !important;
	line-height: 60px !important;
	font-size: xx-large !important;
}

.social-link:hover{
	color: #a0bd43 !important;
	-webkit-transform: none !important;
	-moz-transform: none !important;
	-ms-transform: none !important;
	-o-transform: none !important;
    transform: none !important;
	transition: .2s ease-in-out;
	background-color: #a0bd43!important;
}

.social-link:hover i:before{
	transition: .2s ease-in-out!important;
	color: #fff!important;
}

.social-link img {
	position: relative;
	transform: none;
	top: auto;
	left: auto;
	height: auto;
}

.social-link:hover img {
	opacity: 1;
}

/* Footer col 4 */

footer{
	background-image: url(images/camping-gordes-luberon-footer.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	overflow: hidden;
}
@media screen and (min-width: 720px){
	.contact-foot{
		display: flex;
		vertical-align: top;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}

	.row.microdata{
		display: flex;
		align-items: center;
		justify-content: center;
	}
}

@media screen and (max-width: 720px){
	.row.microdata {  display: block; }
	.contact-foot {
	    display: block;
	    width: 100%;
	}
}
#text-open-date{
	text-transform: uppercase;
	color: #fff;
	font-size: medium !important;
	font-weight: bold;
}

.img-footer{ width: 80%; }
@media screen and (max-width: 720px){
	.img-footer{ max-width: 200px; }
}

.contact-foot:hover i {
	-webkit-transform: none!important;
-moz-transform: none!important;
-ms-transform: none!important;
-o-transform: none!important;
        transform: none!important;
}

/* PDF */

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

#section-pdf .row { justify-content: left !important; }

#section-pdf .row i{
	border-radius: 0 !important; 
	color: #1e2d18 !important;
}

#section-pdf .pdf-link:hover i{ 
	-webkit-transform: none !important; 
	-moz-transform: none !important; 
	-ms-transform: none !important; 
	-o-transform: none !important; 
        transform: none !important;
}

#section-pdf .pdf-link:hover i:before{ transition: .2s ease-in-out; }
#section-pdf .pdf-link:hover i:before{ color: #a0bd43 !important; }

/* Labels */

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

.label-link { overflow:hidden; }




/* Souris animée */
#container-mouse {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 0rem;
	z-index: 3;
}

@keyframes bouncee {
	0%, 20%, 60%, 100% {
	    -webkit-transform: translateY(0);
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -o-transform: translateY(0);
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	}

	40% {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	transform: translateY(-10px);
	}

	80% {
	-webkit-transform: translateY(-5px);
	-moz-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
	}
}

#animated-mouse{
	animation : bouncee 2s infinite ease-in-out;
	color: #fff;
	font-size: 4rem;
	overflow:hidden;
	height: 60px;
}

#animated-mouse i:before{
	height: 60px;
	overflow:hidden;
	display: block;
}

/* Progressive image */

/* Progressive images */
a.progressive {
  position: relative;
  display: block;
  overflow: hidden;
  outline: none;
}

a.progressive:not(.replace) {
  cursor: default;
}

a.progressive img {
  display: block;
  width: 100%;
  max-width: none;
  height: auto;
  border: 0 none;
}

a.progressive img.preview {
  filter: blur(2vw);
  transform: scale(1.05);
}

a.progressive img.reveal {
  position: absolute;
  left: 0;
  top: 0;
  will-change: transform, opacity;
  animation: reveal 1s ease-out;
}

@keyframes reveal {
    0% { transform: scale(1.05); opacity: 0; }
    100% { transform: scale(1); opacity: 1; }
}

.section-title.center span {
    text-transform: uppercase;
}

.yoast_bread {
    border: none;
}

.icon-clim {
	padding-top: 15px;
}

.cta-img span.gamme {
	position: absolute;
	top: auto;
	font-size: medium !important;
	width: 100% !important;
	bottom: -13px;
	padding: 5px !important;
}


.fixscroll nav#nav-container #nav-left ul#menu-menu-left, .fixscroll nav#nav-container #nav-left ul#menu-menu-left-anglais, .fixscroll nav#nav-container #nav-left ul#menu-menu-left-allemand{
	text-align: right;
}
.fixscroll nav#nav-container #nav-right ul#menu-menu-right, .fixscroll nav#nav-container #nav-right ul#menu-menu-right-anglais, .fixscroll nav#nav-container #nav-right ul#menu-menu-right-allemand{
	text-align: left;
}

.fixscroll nav#nav-container img{display: none;}

.fixscroll nav#nav-container #nav-right, .fixscroll nav#nav-container #nav-left{padding-top: 0;}

header#header.fixscroll {
    background: #54584e !important;
    padding-bottom: 0px !important;
}

/******************************* BANDEAU GDPR *******************************/
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
  background: #191919 !important; /* Couleur Background */
  border-top: 3px solid #a0bd43 !important; /* Couleur 1 */ /* Bordure au choix */
  padding: 10px !important;
}
span.change-settings-button {
  color: #a0bd43 !important; /* Couleur 1 */
  text-decoration: none !important;
}
span.change-settings-button:hover {
  color: #a0bd43 !important; /* Couleur 2 */
}
#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: #a0bd43 !important; /* Couleur 2 */
  border: 1px solid #a0bd43 !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: #a0bd43 !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: #a0bd43 !important; /* Couleur 2 */
}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider {
  background-color: #a0bd43 !important; /* Couleur 1 */
}
#moove_gdpr_cookie_modal .cookie-switch .cookie-slider:after {
  color: #a0bd43 !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;
  }
}


/* Articles */
#section-single h2 {
	color: #a0bd43;
	margin-top: 1.5rem;
	margin-bottom: 1rem;
}
#section-single section#icon-ble{margin-bottom: 2rem;}
#section-single strong {
    font-weight: bold;
    color: #a0bd43;
}
#section-single h3 {
	font-size: large;
	margin: 1.5rem 0 1rem 1rem;
}
#section-single ul li {
    color: #1f2f18;
}
.meta-prev img, .meta-next img {
	height: 120px !important;
	object-fit: cover;
}
.meta-prev, .meta-next {
    width: 40% !important;
    cursor: pointer;
}
#section-single iframe {
    margin: 2em auto;
    display: block;
}
.list-of-1 .col-3.cta {
    width: 100% !important;
}
#section-social {
    background: white !important;
}

#moove_gdpr_cookie_info_bar {
    z-index: 99999 !important;
}

#client-top{
    height: 40px!important;
    width: 100%!important;
    color: white;
    text-transform: uppercase;
    text-decoration: none;
    line-height: 40px!important;
    display: inline-block;
    padding: 0 1rem 0 0.5rem;
    font-size: small;
    transition: .2s ease-in-out;
    width: 100%;
    background: #a0bd43cc!important;	
}

#client-top span{
	color: white;
	font-size: small!important;	
}