/*
 Theme Name:   Bricks Child Theme
 Theme URI:    https://bricksbuilder.io/
 Description:  Use this child theme to extend Bricks.
 Author:       Bricks
 Author URI:   https://bricksbuilder.io/
 Template:     bricks
 Version:      1.1
 Text Domain:  bricks
*/


.header__logo.brxe-logo {
    transition: all 0.5s ease;
}

@keyframes fade-In {
  0% { opacity: 0; }
  100% { opacity: 1; }
}

/* PART 1 - Before Lazy Load */
img[data-lazyloaded]{
	opacity: 0.2;
}

img.litespeed-loaded{
	-webkit-transition: opacity .5s linear 0.2s;
	-moz-transition: opacity .5s linear 0.2s;
	transition: opacity .5s linear 0.2s;
	opacity: 1;
}


/* HEADER */
.header__container .bricks-nav-menu,.header__container .bricks-nav-menu-wrapper,.header__container .brxe-nav-menu{display:contents!important}
.header__container .header__logo{order:2;margin-left:auto;margin-right:auto}
.header__container li:nth-of-type(n+4){order:1}
.header__container li:nth-of-type(n+5){order:3}
.header__container .brxe-nav-menu .bricks-nav-menu-wrapper>ul>li{width:130px;text-align:center;padding:0 10px}
.header__container .brxe-nav-menu .bricks-nav-menu li a span{font-size:.65rem;font-weight:500}
.header__container .brxe-nav-menu .bricks-nav-menu li a{display:inline}
.brxe-nav-menu .bricks-nav-menu li .sub-menu li{text-align:left}
.brxe-nav-menu .bricks-nav-menu li .sub-menu li:hover a{text-decoration:underline}
.header__container .bricks-nav-menu-wrapper ul.bricks-nav-menu>li.current_page_item:after,.header__container .bricks-nav-menu-wrapper ul.bricks-nav-menu>li:hover:after{content:"";width:50%;position:absolute;top:-10px;background-color:var(--secondary);height:3px;left:0;right:0;margin:0 auto;display:block;animation:fade-In .5s forwards}
header.scrolling .header__logo.brxe-logo{max-width:80px}
header.scrolling .header__container.brxe-section{padding-top:15px;padding-bottom:15px}

header.scrolling .header__nav.brxe-nav-menu.show-mobile-menu .bricks-mobile-menu-toggle {
    top: -20px;
}

.show-mobile-menu .bricks-mobile-menu-toggle {position: absolute !important;}
.show-mobile-menu {position:relative;}
.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu  {display: block !important;}

.brxe-nav-menu .bricks-mobile-menu-wrapper .sub-menu li a {display: list-item;list-style-type: initial;list-style-position: inside;}
.brxe-nav-menu .bricks-mobile-menu-wrapper ul.bricks-mobile-menu {padding-bottom: 50px;}

.break {display:block;}
.brxe-nav-menu .bricks-mobile-menu-wrapper .break {display:inline;padding: 0 2px;}

.brxe-nav-menu .bricks-mobile-menu-wrapper {
    height: 100dvh !important;
}

#brx-header.sticky {
    z-index: 996;
}

@media (max-width:1200px){
.header__container .bricks-nav-menu-wrapper{display:none!important}
.header__container .brxe-nav-menu {display: flex !important;}
}
/* RESA SITE FORM */
input.resabtn{
	color:#ffffff !important;
	font-size:0.8rem !important;
}
@keyframes zoom-image{
0%{transform:scale(1,1)}
100%{transform:scale(1.2,1.2)}
}
.section-img{animation-name:zoom-image;animation-duration:20s;animation-fill-mode:forwards;z-index:-1}
.formreservit{display:flex;align-self:center;column-gap:20px;flex-direction:row;width:80%}

.form__reservit{align-items:center;background-color:#fff;box-shadow:0 8px 24px 0 rgb(0 0 0 / 10%);padding:20px;justify-content:center;width:20%}
.form__reservit.btnreser {background-color:var(--secondary);padding:5px;cursor: pointer;}
.form__reservit.btnreser input{padding:0;}
.form__reservit_title{text-align:center;text-transform:uppercase;font-size:.8rem;letter-spacing:1.3px;color:var(--secondary-4)}
.form__reservit_info{font-family:"Playfair Display";font-size:1.2rem;text-align:center;font-weight:600;padding-top:5px;width:100%}
.resabtn{width:100%;height:100%}

@media (max-width:1300px){
.formreservit{width:90%}
}

@media (max-width:1200px){
.formreservit{
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
	column-gap: 0;
	row-gap: 20px;

}
.form__reservit {
	width: 49%;
	flex-direction: row;
	column-gap: 20px;
	padding: 10px 20px !important;
	row-gap: 10px;
}
	
.form__reservit_info {
    padding-top: 0px;
}
	
.form__reservit:last-child {
    width: 100%;
    height: 50px;
}
	
}

/* SLIDER HOME */

@keyframes fadeIn{0%{opacity:.5}
100%{opacity:1}
}
@keyframes transform{0%{transform:translate(0px,45px)}
100%{transform:translate(0px,0)}
}
@keyframes transformup{0%{transform:translate(0px,0)}
100%{transform:translate(0px,45px)}
}
#brxe-dlpcez ul.splide__pagination.splide__pagination--ltr,.slider__location ul.splide__pagination.splide__pagination--ltr,.single-location_saisonniere ul.splide__pagination.splide__pagination--ltr{display:none}
.splide__track--nav>.splide__list>.splide__slide.is-active,.splide__track--nav>.splide__list>.splide__slide{border:0!important}
.carrousel_slider{width:14%}
.carrousel_slider.is-active{width:55%!important;animation:fadeIn 1000ms ease-in;height:550px!important}
.carrousel_slider:not(.is-active) img{border:4px solid var(--secondary)}
@media (max-width:1199px){.carrousel_slider{width:21.5%}
}
@media (max-width:990px){.carrousel_slider{width:34%}
.carrousel_slider.is-active{width:65%!important}
}
@media (max-width:767px){.carrousel_slider{width:100%}
.carrousel_slider.is-active{width:100%!important;height: 400px !important;}
.carrousel_slider{height: 400px !important;}
.carrousel_slider:not(.is-active) img{border:0px !important;}
}

/* SLIDER HOME APPARTEMENTS */

.slider__location-div.is-next{animation:transformup 1000ms forwards}
.slider__location-div.is-active{animation:transform 1000ms forwards}
.slider__location button.splide__arrow{background-color:var(--secondary);border-radius:50%}
.slider__location-div-i .slider__location-divbtn{opacity:0;transition:all .3s ease}
.slider__location-div-i:hover .slider__location-divbtn{opacity:1}


/* TARIF */
@keyframes post-animation-top {from {opacity: 0;transform: translateX(-50px);}to {opacity: 1;transform: translateX(0);}}
.fixedIcon {display: none !important;}
.seperateurtarif {
	align-self: stretch;
    width: 100%;
    background-color: #7c8b50;
    background-size: cover;
    max-width: 3px;
    min-width: 3px;
	display: flex;
    flex-direction: column;
}


@media (max-width:1024px){
	.prixtarif, .datetarif {
		width: 1024px;
		max-width: 1024px;
		min-width: 1024px;
		
	}
	.wraptarif {
		overflow-x: scroll;
		cursor: grab;
	}
	.fixedIcon {display: block !important;animation: post-animation-top .6s ease;}
}

span.prixpromo.prixspe {
    padding-left: 10px;
    font-size: 1.3rem;
    font-weight: 600;
}

span.prixclassique.prixspe {
    text-decoration: line-through;
}

.datepromo {
    margin-top: 15px;
}

.bloc__tarif{row-gap:60px}
.tarif__ligne{flex-direction:row!important;align-self:center;text-align:center;border:1px solid;border-bottom:0}
.tarif__ligne:last-child{border-bottom:1px solid}
.tarif__ligne div{border-right:1px solid;padding:15px;flex-direction: row;justify-content: center;align-items: center;}
.tarif__ligne:first-child div{font-weight:700}
.tarif__ligne div:last-child{border-right:0}
.bloc__tarif h3{margin-bottom:20px}
.tarif__ligne div:nth-child(2),.tarif__ligne div:nth-child(3){background-color:var(--secondary-h-opa-1)}
.tarif__ligne div:nth-child(4),.tarif__ligne div:nth-child(5){background-color:rgba(79,79,79,.1)}
.tarif__ligne div:nth-child(6){background-color:rgba(0,59,153,.1)}


/* ALENTOURS */

.activites-txt ul {
    list-style: none;
    padding: 0;
}
.activites-txt ul li::before {
	content: "→";
    margin-right: 10px;
    color: var(--primary);
}

/* CONTACT */

.form-group {
    position: relative;
}
.form-group label {
    position: absolute;
    top: -9px;
	left: 30px;
	background-color: #fff;
	padding: 0 10px;
	transition: all 0.3s ease-out;
}

.form-group label.active {
    top: -30px;
	left: auto;
	background-color: transparent;
	padding: 0;
	color: var(--secondary);
}