/*--------------------------------------------------------------
	0. Colors
--------------------------------------------------------------*/
:root{
	--ts-bg-color : #ffffff;
	--ts-font-color : #212121; /*#191919;*/ 
	--ts-title-color : #212121; /*#191919;*/
	--ts-btn-color : #FF3B3B; /*#E84342;*/
	--ts-color-grey : #DEDEDE;
	--ts-color-light-grey : #F4F4F4;
	--ts-color-black : #000000;
	--ts-color-white : #ffffff;
	--ts-shadow :  4px 4px 5px rgba(0,0,0,0.5);
	/* --ts-gradient : linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(207,207,206,0.25) 59%, rgba(86,86,85,0.9) 91%, rgba(29,29,27,1) 100%); */
	--ts-gradient : linear-gradient(to bottom,#272727,transparent);
	--ts-gradient-reverse : linear-gradient(to top,#272727,transparent);
        --espace-pro:#f27f81; /*original = #FF3B3B*/
}


.has-white-background-color {background-color: var(--ts-color-white) !important;}
.has-white-color {color: var(--ts-color-white) !important;}
.has-grey-background-color {background-color: var(--ts-color-grey) !important;}
.has-grey-color {color: var(--ts-color-grey) !important;}
.has-light-grey-background-color {background-color: var(--ts-color-light-grey) !important;}
.has-light-grey-color {color: var(--ts-color-light-grey) !important;}
.has-black-background-color {background-color: var(--ts-color-black) !important;}
.has-black-color {color: var(--ts-color-black) !important;}

/*--------------------------------------------------------------
	1. Général
--------------------------------------------------------------*/
.py, .py-l{padding-top: 25px !important; padding-bottom: 25px !important;}
.px, .px-l{padding-left: 50px !important; padding-right: 50px !important;}
.px-xl{padding-left: 5% !important; padding-right: 5% !important;}
.pl-xl{padding-left: 5% !important;}
.pr-xl{padding-right: 5% !important;}

.m-0{gap: 0 !important; margin-bottom: 0 !important; margin-top: 0 !important;}
.mb-0{margin-bottom: 0 !important;}
.mt-0{margin-top: 0 !important;}

@media (min-width: 600px) {
	.px-xl{padding-left: 7.5% !important; padding-right: 7.5% !important;}
	.pl-xl{padding-left: 7.5% !important;}
	.pr-xl{padding-right: 7.5% !important;}
}
@media (min-width: 782px) {
	.py, .py-l{padding-top: 50px !important; padding-bottom: 50px !important;}
	.px-l{padding-left: 5% !important; padding-right: 5% !important;}
	.px-xl{padding-left: 10% !important; padding-right: 10% !important;}
	.pl-xl{padding-left: 10% !important;}
	.pr-xl{padding-right: 10% !important;}
}
@media (min-width: 992px) {
	.px-l{padding-left: 7.5% !important; padding-right: 7.5% !important;}
	.px-xl{padding-left: 12.5% !important; padding-right: 12.5% !important;}
	.pl-xl{padding-left: 12.5% !important;}
	.pr-xl{padding-right: 12.5% !important;}
}
@media (min-width: 1280px) {
	.py-l{padding-top: 80px; padding-bottom: 80px;}
	.px-l{padding-left: 10% !important; padding-right: 10% !important;}
	.px-xl{padding-left: 15% !important; padding-right: 15% !important;}
	.pl-xl{padding-left: 15% !important;}
	.pr-xl{padding-right: 15% !important;}
}
@media (min-width: 1440px){
	.px-l{padding-left: 12.5% !important; padding-right: 12.5% !important;}
	.px-xl{padding-left: 20% !important; padding-right: 20% !important;}
	.pl-xl{padding-left: 20% !important;}
	.pr-xl{padding-right: 20% !important;}
}

.uppercase{text-transform: uppercase;}
.text-shadow{text-shadow: var(--ts-shadow);}

.external-link{color: var(--ts-btn-color); position: relative;}
/* .external-link:hover{color: var(--ts-btn-color); } */
.external-link:before{content: url('../images/icon-more-hover.svg'); display: inline-block; width: 25px; margin-right: 5px; vertical-align: sub; transition: 0.5s;}
/* .external-link:hover:before{content: url('../images/icon-more-hover.svg');} */
.external-link a{color: inherit; text-decoration: none;}

.wp-admin img[src$='.svg'] {min-width: 100px;}

/*--------------------------------------------------------------
	2. Idées séjours
--------------------------------------------------------------*/
/**	2.1	Mode masonry	**/
.ts-sejours-masonry-container{display: flex; flex-direction: column; gap: 1em;}
.ts-sejours-masonry-container + .ts-sejours-masonry-container{margin-top: 1em;}
.ts-sejours-masonry-container .masonry-grid{display: flex; flex-direction: row; gap: 1em; flex-basis: 50%; flex-grow: 0; flex-wrap: wrap;}
.ts-sejours-masonry-container article{flex-grow: 1; flex-basis: calc(50% - 2em); position: relative; min-height: 300px;}
.ts-sejours-masonry-container article > figure,
.ts-sejours-slider-container article > figure{position: absolute; left: 0; top: 0; width: 100%; height: 100%; margin: 0; overflow: hidden}
.ts-sejours-masonry-container article > figure > img,
.ts-sejours-slider-container article > figure > img{width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.ts-sejours-masonry-container > article,
.ts-sejours-masonry-container > article > a,
.ts-sejours-slider-container article,
.ts-sejours-slider-container article > a{min-height: 450px;}
.ts-sejours-masonry-container article:after,
.ts-sejours-slider-container article:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; z-index: 1; transition: 0.5s;
background: rgb(255,255,255);
background: var(--ts-gradient);
}
.ts-sejours-masonry-container article > a,
.ts-sejours-slider-container article > a{height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: space-between; text-decoration: none; padding: 25px; position: relative; z-index: 2}
.ts-sejours-masonry-container article .typo,
.ts-sejours-slider-container article .typo{color: var(--ts-color-white); display: block; margin-bottom: 5px; font-weight: 400; font-size: var(--wp--preset--font-size--medium); text-shadow: var(--ts-shadow);}
.ts-sejours-masonry-container article h3,
.ts-sejours-slider-container article h3{color: var(--ts-color-white); text-shadow: var(--ts-shadow); background: none !important;}
.ts-sejours-masonry-container article .wp-block-button,
.ts-sejours-slider-container article .wp-block-button{align-self: flex-end;}


@media(min-width: 782px){
	.img-zoom .ts-sejours-masonry-container article:hover > figure > img,
	.img-zoom .ts-sejours-slider-container article:hover > figure > img{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

	.ts-sejours-masonry-container{ flex-direction: row; gap: 2em;}
	.ts-sejours-masonry-container + .ts-sejours-masonry-container{margin-top: 2em;}
	.ts-sejours-masonry-container .masonry-grid{gap: 2em;}
	.ts-sejours-masonry-container article .wp-block-button,
	.ts-sejours-slider-container article .wp-block-button{opacity: 0; transition: 0.5s;}
	.ts-sejours-masonry-container article:hover .wp-block-button,
	.ts-sejours-slider-container article:hover .wp-block-button{opacity: 1;}
}

/**	2.2	Mode Grille	**/
.ts-sejours-grid-container{display: flex; flex-direction: column; gap: 1em;}
.ts-sejours-grid-container article{flex-basis: 100%; flex-grow: 1; display: flex; flex-direction: row; background: var(--ts-color-white); padding: 0;}
.ts-sejours-grid-container article figure{margin: 0; flex-grow: 1; flex-basis: 50%; transition: 0.5s;}
.ts-sejours-grid-container article:hover figure{flex-basis: 100%;}
.ts-sejours-grid-container article figure img{object-fit: cover; width: 100%; height: 100%;}
.ts-sejours-grid-container article > .sejour-item-container{position: relative; flex-basis: 300px; max-width: 50%; text-decoration: none; padding: 15px; border-left: 5px solid var(--ts-btn-color); color: var(--ts-font-color); display: flex; flex-direction: column; justify-content: space-between; gap: 1em;}
.ts-sejours-grid-container article > .sejour-item-container .labels{position: absolute; top: 5px; right: 5px; width: 100%; display: flex; align-items: center; gap: 10px; justify-content: flex-end; flex-direction: row; z-index: 3;}
.ts-sejours-grid-container article > .sejour-item-container .labels > img{height: 25px; display: block; width: auto;}
.ts-sejours-grid-container article .sejour-item-content{display: flex; flex-direction: column; justify-content: center; font-size: 1.6rem;}
.ts-sejours-grid-container article:hover .sejour-item-content{display: none;}
.ts-sejours-grid-container article .sejour-item-content .typo{font-weight: 300; font-size: 1.6rem;}
.ts-sejours-grid-container article .sejour-item-content h3{margin-bottom: 10px; font-weight: 700; font-size: var(--wp--preset--font-size--medium);}
.ts-sejours-grid-container article .sejour-item-recommandation{font-size: 1.6rem;}
.ts-sejours-grid-container article .sejour-item-recommandation .recommandation-content{display: flex; gap: 10px; align-items: center; margin-top: 5px;}
.ts-sejours-grid-container article .sejour-item-recommandation .reco_picture{width: 50px; height: 50px; object-fit: cover; -o-object-fit: cover; border-radius: 50%;}
/* .ts-sejours-grid-container article .sejour-item-recommandation strong{display: block;} */
.ts-sejours-grid-container article:hover .sejour-item-recommandation{display: none;}

.ts-sejours-grid-container article .sejour-item-hover{display: flex; flex-direction: column; height: 100%; opacity: 0; transition: 0.5s; position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--ts-color-white);
	padding: 15px; 
	z-index: 2;}
.ts-sejours-grid-container article .sejour-item-hover > *{font-size: 1.6rem; display: block; margin-top: 10px;}
.ts-sejours-grid-container article .sejour-item-hover .sejour-item-city{font-weight: 700; position: relative;display: block; margin-bottom: 10px}
.ts-sejours-grid-container article .sejour-item-hover .sejour-item-city:before{display: inline-block; vertical-align: middle; margin-right: 5px; width: 15px;}
.ts-sejours-grid-container article .sejour-item-hover .sejour-item-city.bearn:before{content: url('../images/icon-map-bearn.svg');}
.ts-sejours-grid-container article .sejour-item-hover .sejour-item-city.pays-basque:before{content: url('../images/icon-map-pays-basque.svg');}
.ts-sejours-grid-container article .sejour-item-hover .sejour-duration span + span:before{content: '/'; margin-right: 5px}
.ts-sejours-grid-container article .sejour-item-hover a{/* text-decoration: none;  */font-weight: bold; color: inherit; white-space: nowrap;}
.ts-sejours-grid-container article .sejour-item-hover .wp-block-buttons{flex-grow: 1; align-items: flex-end; display: flex;}
/* .ts-sejours-grid-container article .sejour-item-hover .sejour-duration{display: flex; gap: 2em; flex-direction: row; align-items: center; justify-content: center;}
.ts-sejours-grid-container article .sejour-item-hover .sejour-duration strong{font-weight: 700; text-align: center;}
.ts-sejours-grid-container article .sejour-item-hover .sejour-duration span{display: block; font-size: var(--wp--preset--font-size--large);} */
.ts-sejours-grid-container article:hover .sejour-item-hover{opacity: 1;}

/* .ts-sejours-grid-container article > .sejour-item-container > .see-more{position: absolute; opacity: 0; bottom: 5px; right: 5px; width: 35px; height: 35px; padding: 5px; cursor: pointer; line-height: 1; border-radius: 99px; background: var(--ts-color-white); border: 1px solid var(--ts-color-black); display: block; transition: 0.5s; z-index: 4}
.ts-sejours-grid-container article > .sejour-item-container > .see-more > img{width: 100%; height: 100%; object-fit: contain; min-width: unset;}
.ts-sejours-grid-container article:hover > .sejour-item-container > .see-more{opacity: 1;} */

@media(min-width: 782px){
	.ts-sejours-grid-container{flex-direction: row; flex-wrap: wrap; gap: 2em;}
	.ts-sejours-grid-container article{flex-basis: calc(50% - 2em); height: 350px;}
	.ts-sejours-grid-container article > .sejour-item-container,
	.ts-sejours-grid-container article .sejour-item-hover{padding: 20px}
}

@media(min-width: 992px){
	.ts-sejours-grid-container{flex-direction: row; flex-wrap: wrap; gap: 2em;}
	.ts-sejours-grid-container article{flex-basis: calc(100% / 3 - (4em / 3));}
	.ts-sejours-grid-container article .sejour-item-content .typo{font-size: 1.8rem;}
}


.wp-admin .ts-sejours-grid-container .swiper-wrapper{display: flex; flex-wrap: wrap; gap: 2em;}
.wp-admin .ts-sejours-grid-container .swiper-wrapper article{flex-basis: calc(100% / 3 - (4em / 3));}
.wp-admin .ts-sejours-grid-container article .sejour-item-content h3,
.wp-admin .ts-sejours-grid-container article .sejour-item-hover .sejour-duration span{font-size: 20px}
.wp-admin .ts-sejours-grid-container article .sejour-item-content .typo, 
.wp-admin .ts-sejours-grid-container article .sejour-item-content,
.wp-admin .ts-sejours-grid-container article .sejour-item-hover .sejour-duration,
.wp-admin .ts-sejours-grid-container article .sejour-item-recommandation,
.wp-admin .ts-sejours-grid-container article .sejour-item-hover > *{font-size: 16px;}
.wp-admin .ts-sejours-grid-container article .sejour-item-hover{padding-top: 0;}


/**	2.2	Mode Slide	**/
.ts-sejours-slider-container{}
.ts-sejours-slider-container .sejour-item{min-height: 350px}
.ts-sejours-slider-container .sejour-item a{min-height: inherit; color: inherit; text-decoration: none;}
.ts-sejours-slider-container .sejour-item h3{/* color: inherit; */ font-size: var(--wp--preset--font-size--medium);}

.wp-admin .ts-sejours-slider-container .swiper-wrapper{display: flex; flex-direction: row; flex-wrap: wrap; gap: 1em}
.wp-admin .ts-sejours-slider-container .swiper-wrapper > article{flex-basis: calc(33% - 1em); flex-grow: 0; position: relative}

/*--------------------------------------------------------------
	3. Bloc de titre
--------------------------------------------------------------*/
.title-bloc-container{display: flex; gap: 2em;}
.title-bloc-container > figure{flex-basis: 5%}
.title-bloc-container > figure img{width: 100%; height: 100%; object-fit: contain; object-position: top;}
.title-bloc-container > .title-bloc-content{flex-basis: 80%; flex-grow: 1;}
.title-bloc-container .title-bloc{position: relative; padding-left: 25px; display: inline-flex; flex-direction: column; gap: 10px; margin-bottom: 25px; text-align: left; border-color: var(--ts-btn-color);}
.title-bloc-container .title-bloc:after{content: ''; border-left: 5px solid; border-color: inherit; position: absolute; height: 100%; left: 0; top: 0; border-radius: 5px;}
.title-bloc-container .title-bloc .acf-innerblocks-container > p,
.title-bloc-container .title-bloc .suptitle{font-size: var(--wp--preset--font-size--medium); color: inherit; margin: 0;}
.title-bloc-container .title-bloc h1,
.title-bloc-container .title-bloc h2{margin: 0 !important; font-weight: 900 !important; font-style: normal !important; color: inherit;}

@media (min-width: 600px) {
	.title-bloc-container > figure{flex-basis: 7.5%;}
}
@media (min-width: 782px) {
	.title-bloc-container > figure{flex-basis: 10%;}
}
@media (min-width: 992px) {
	.title-bloc-container > figure{flex-basis: 12.5%;}
}
@media (min-width: 1280px) {
	.title-bloc-container > figure{flex-basis: 15%;}
}
@media (min-width: 1440px){
	.title-bloc-container > figure{flex-basis: 20%;}
}



/*--------------------------------------------------------------
	4. Carrousel
--------------------------------------------------------------*/
.carrousel-container{margin-top: 50px !important; margin-bottom: 50px !important;}
.carrousel-container:not(.swiper-wrapper),
.wp-admin .carrousel-container.swiper-wrapper{display: flex; gap: 2em; flex-wrap: wrap;}
.carrousel-container article{display: flex; flex-direction: column; height: auto;}
.carrousel-container:not(.swiper-wrapper) article{flex-basis: 100%;}
/*.carrousel-container article figure{height: 300px; width: 100%; margin-bottom: 0;}*/
/*.carrousel-container article figure img{height: 100%; width: 100%; object-fit: cover;}*/
.carrousel-container.display-logo article figure{height: 150px;}
.carrousel-container.display-logo article figure img{object-fit: contain;}
.carrousel-container article > .carrousel-content{display: flex; flex-direction: column; justify-content: space-between; padding: 20px; background: var(--ts-color-black); color: var(--ts-color-white); flex-grow: 1;}
.carrousel-container article > .carrousel-content h3{color: var(--ts-color-white);}
.carrousel-container article > .carrousel-content .wp-block-button{align-self: flex-end; margin-top: 15px;margin-right:15px;}
.carrousel-container article > .carrousel-content .wp-block-button__link{}
.carrousel-container article > .carrousel-content .wp-block-button__link:after{content: url('../images/arrow-right.svg'); width: 35px; display: inline-block; vertical-align: middle; margin-left: 15px;}

@media(min-width: 782px){
	.carrousel-container.accordion_display{padding-bottom: 50px !important;}
	.carrousel-container:not(.swiper-wrapper) article,
	.wp-admin .carrousel-container.swiper-wrapper article{flex-basis: calc(50% - 1em);}
	.carrousel-container.accordion_display article:nth-child(even){transform: translateY(50px);}
	.carrousel-container article > figure{display: flex; justify-content: center;text-align:center;width:auto;height:280px;overflow:hidden;}
}
@media(min-width: 992px){
	/*.carrousel-container article > figure{height: 450px;}*/
	
	.carrousel-container:not(.swiper-wrapper)[data-nb_col="3"] article,
	.wp-admin .carrousel-container.swiper-wrapper article{flex-basis: calc(100% / 3 - (4em / 3)); }
	.carrousel-container:not(.swiper-wrapper)[data-nb_col="4"] article{flex-basis: calc(100% / 4 - (6em / 4)); }
	.carrousel-container:not(.swiper-wrapper)[data-nb_col="5"] article{flex-basis: calc(100% / 5 - (8em / 5)); }
}

/*
****	4.1	Mode Cover	*************
.carrousel-container article.cover{position: relative; display: block; min-height: 250px; height: 250px;}
.carrousel-container article.cover > a{position: relative; width: 100%; height: 100%; top: 0; left: 0; display: block;}
.carrousel-container article.cover figure{height: 100%; overflow: hidden; position: relative;}
.carrousel-container article.cover figure.with-overlay:after{content:''; background: var(--ts-gradient); position: absolute; top: 0; left: 0; width: 100%; height: 50%;}
.carrousel-container article.cover.is-position-bottom figure.with-overlay:after{background: var(--ts-gradient-reverse); top: unset; bottom: 0;}
.carrousel-container article.cover figure > img{width: 100%; height: 100%; object-fit: cover; transition: transform .5s;}
.carrousel-container article.cover .carrousel-content{position: absolute; background: none; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; padding: 20px; color: var(--ts-color-white);}
 .carrousel-container article.cover .carrousel-content > div:first-child{flex-grow: 1;} 
.carrousel-container article.cover .carrousel-content > div:not(:last-of-type){flex-grow: 1;}
.carrousel-container article.cover .carrousel-content h3{font-weight: 700; font-size: var(--wp--preset--font-size--medium); color: var(--ts-color-white);}
.carrousel-container article.cover .carrousel-content p{font-size: 1.6rem;}
.carrousel-container article.cover .carrousel-content .wp-block-button{margin-top: 15px; align-self: flex-end;}
.carrousel-container article.cover.btn-hover .carrousel-content .wp-block-button{position: absolute; bottom: 20px; right: 20px; transition: 0.5s;}

.wp-admin .carrousel-container article.cover .carrousel-content p{font-size: 16px;}

@media(min-width: 782px){
	.carrousel-container article.cover > figure{height: 100%;}
	.carrousel-container.img-zoom article.cover:hover figure > img{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
	.carrousel-container article.cover.btn-hover .carrousel-content .wp-block-button{opacity: 0;}
	.carrousel-container article.cover.btn-hover:hover .carrousel-content .wp-block-button{opacity: 1;}
}
@media(min-width: 992px){
	.carrousel-container article.cover > figure{height: 100%;}
}*/


/*--------------------------------------------------------------
	5. Bannière cliquable
--------------------------------------------------------------*/
.banner-container{position: relative; display: flex; flex-direction: column}
.banner-container > a{width: 100%; height: 100%; flex-grow: 1; flex-basis: 100%; display: flex; flex-direction: column; justify-content: space-between;}
.banner-container a{text-decoration: none;}
.banner-container .wp-block-cover{width: 100%; margin: 0; overflow: hidden; min-height: 430px; padding: 1em;}
.wp-admin .banner-container:not(.has-background) .wp-block-cover{background: #f0f0f0;}
/* .banner-container.with-overlay .wp-block-cover:after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 50%; background: var(--ts-gradient);} */
.banner-container.with-overlay .wp-block-cover.is-position-bottom-left:after,
.banner-container.with-overlay .wp-block-cover.is-position-bottom-right:after,
.banner-container.with-overlay .wp-block-cover.is-position-bottom-center:after{background: var(--ts-gradient-reverse); top: unset; bottom: 0;}
.banner-container .wp-block-cover img{width: 100%; height: 100%; object-fit: cover; -o-object-fit: cover; transition: transform .5s;}
.banner-container.img-zoom:hover .wp-block-cover img{-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}
.banner-container.text-shadow .wp-block-heading{text-shadow: var(--ts-shadow);}
.banner-container .wp-block-cover .wp-block-cover__background{height: 50%; background: var(--ts-gradient); opacity: 1;}

.banner-container.btn-hover .wp-block-button{position: absolute; align-self: flex-end; opacity: 0; transition: 0.5s; right: 1em; bottom: 1em; z-index: 3;}
.banner-container.btn-hover:hover .wp-block-button{opacity: 1;}

.banner-container .banner-border{position: absolute; left: 0; bottom: -2px; display: block; width: 40%; height: 4px; transition:width 0.5s;}
.banner-container:hover .banner-border{width: 100%;}

.banner-container.has-background{}
.banner-container.has-background .acf-innerblocks-container,
.banner-container.has-background .wp-block-cover{background-color: inherit;}
.banner-container.has-background .wp-block-cover .wp-block-cover__inner-container{padding: 25px; background-color: inherit;}
.banner-container.has-background.has-white-background-color .wp-block-cover .wp-block-cover__inner-container{background-color: var(--ts-color-white);}
.banner-container.has-text-color .wp-block-cover .wp-block-cover__inner-container{color: inherit;}

@media(max-width: 781px){
	.banner-container .wp-block-cover{ min-height: unset !important; padding-top: 150px;}
}

/*--------------------------------------------------------------
	6. Highlight content
--------------------------------------------------------------*/
.highlight-bloc-container{position: relative; border-color: var(--ts-btn-color);}
.highlight-bloc-container:after{content: ''; display: block; width: 75%; border-top: 10px solid; border-color: inherit; margin-top: 15px;}
.highlight-bloc-container .highlight-bloc-content{font-weight: 900; font-size: var(--wp--preset--font-size--large);}




/*--------------------------------------------------------------
	7. Onglets
--------------------------------------------------------------*/
.ui-widget{font-size: inherit; font-family: inherit;}
.ui-widget-content{color: inherit;}
.tabs-container.ui-tabs{border: 0; padding: 0; background: none; color: inherit;}
.tabs-container.ui-tabs .ui-tabs-nav{padding: 0; border: 0; background: none; color: inherit; margin-bottom: 25px; display: flex; flex-wrap: wrap; justify-content: center; gap: 1em;}
.tabs-container.ui-tabs .ui-tabs-nav li{border: 0; background: none; margin: 0; float: none; padding: 0; color: inherit;}
.tabs-container.ui-tabs .ui-tabs-nav li.ui-tabs-active{border-bottom: 5px solid var(--ts-btn-color);}
.tabs-container.ui-tabs .ui-tabs-nav h3{font-size: var(--wp--preset--font-size--medium); color: inherit;}
.tabs-container.ui-tabs .ui-tabs-nav .subtitle{font-size: 1.6rem; color: inherit;}
.tabs-container.ui-tabs .ui-tabs-nav .ui-tabs-anchor{padding: 15px 0; color: inherit;}
.tabs-container.ui-tabs .ui-tabs-nav .ui-tabs-anchor:focus{outline: none;}

.tabs-container.ui-tabs .ui-tabs-panel{padding: 0; position: relative;}

.tabs-container.ui-tabs .ui-tabs-panel.btn-hover .banner-content .wp-block-cover__inner-container{padding-bottom: 80px;}
.tabs-container.ui-tabs .ui-tabs-panel .banner-content .wp-block-cover__inner-container p{font-size: 1.6rem;}
.wp-admin .tabs-container .banner-content .wp-block-cover__inner-container .wp-block-button{position: relative !important; opacity: 1 !important;}

.tabs-container.ui-tabs .ui-tabs-panel .wp-block-button .wp-block-button__link { padding: 0.8rem 2.5rem;}
.tabs-container.ui-tabs .ui-tabs-panel .wp-block-button .wp-block-button__link:after {
    content: url(../images/arrow-right-2.svg);
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}

.tabs-container.ui-tabs .ui-tabs-panel .banner-content .wp-block-cover__inner-container .wp-block-button{float: right; margin-top: 25px;}

.tabs-container.ui-tabs .tis_item_box_container article.tis-box h3{color: inherit; font-size: var(--wp--preset--font-size--medium)}
.tabs-container.ui-tabs .tis_item_box_container article.tis-box p{font-size: 1.6rem}
.wp-admin .tabs-container.ui-tabs .tis_item_box_container article.tis-box p{font-size: 16px}


@media(min-width: 782px){
	.tabs-container.ui-tabs .ui-tabs-panel .banner-content .wp-block-cover__inner-container{width: auto}
	.tabs-container.ui-tabs .ui-tabs-panel .banner-content .wp-block-cover__inner-container p{width: 80%}
	.tabs-container.ui-tabs:not(.tabs-vertical) .banner-container.btn-hover .wp-block-button{right: 20%; bottom: 25px}
}
@media(min-width: 992px){
	.tabs-container.ui-tabs .ui-tabs-panel .banner-content .wp-block-cover__inner-container{width: 40%}
	.tabs-container.ui-tabs:not(.tabs-vertical) .banner-container.btn-hover .wp-block-button{right: 60%;}
}
@media(min-width: 1280px){
	.tabs-container.ui-tabs .ui-tabs-panel .banner-content .wp-block-cover__inner-container{width: 30%}
	.tabs-container.ui-tabs:not(.tabs-vertical) .banner-container.btn-hover .wp-block-button{right: 70%;}
}

@media(min-width: 782px){
	.tabs-container.ui-tabs .ui-tabs-nav{justify-content: space-between; gap: 2em;}
}

.wp-admin .tabs-container ul{list-style: none; display: flex; flex-direction: row; gap: 2em; padding: 0; justify-content: center;}
.wp-admin .tabs-container ul > li{background: var(--ts-color-white); padding: 6px 12px;}
.wp-admin .tabs-container ul > li a{color: var(--ts-color-black); text-decoration: none; text-align: center}
.wp-admin .tabs-container ul > li a h3{margin-top: 0; margin-bottom: 5px;}
.wp-admin .tabs-container ul > li a .subtitle{padding: 0; display: block;}

.wp-admin .tabs-content > *{border-bottom: 2px solid var(--ts-color-black); padding-bottom: 25px;}
.wp-admin .has-dark-background-color .tabs-content > *{border-bottom: 2px solid var(--ts-color-white);}


/**	7.1	Tabs vertical	**/
.tabs-container.tabs-vertical{display: flex; gap: 2em; flex-direction: column;}
.tabs-container.tabs-vertical > *{flex-basis: 50%; flex-grow: 0;}
.tabs-container.tabs-vertical .ui-tabs-nav,
.wp-admin .tabs-container.tabs-vertical ul{flex-direction: column; gap: 1em; justify-content: flex-start;}
.tabs-container.ui-tabs.tabs-vertical .ui-tabs-nav li.ui-tabs-active{border: 0;}
.tabs-container.ui-tabs.tabs-vertical .ui-tabs-nav li.ui-tabs-active h3{color: var(--ts-btn-color);}
.tabs-container.ui-tabs.tabs-vertical .ui-tabs-nav .ui-tabs-anchor{padding: 5px 0;}
@media(min-width: 782px){
	.tabs-container.tabs-vertical{flex-direction: row;}
	.tabs-container.ui-tabs.tabs-vertical .banner-container{height: calc(100% + 100px); margin: 0 auto}
	.tabs-container.ui-tabs.tabs-vertical .banner-container .banner-content,
	.tabs-container.ui-tabs.tabs-vertical .banner-container .banner-content .wp-block-cover{height: 100%}
}


/**	7.2	Tabs alternatif	**/
.tabs-container.ui-tabs.tabs-alt{}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav{border-bottom: 1px solid var(--ts-color-white); padding-bottom: 10px;}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li{text-align: center; position: relative}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li.ui-tabs-active{border: 0;}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li:after{position: absolute; content:''; top: 100%; left: calc(50% - 10px); width: 20px; height: 20px; border-radius: 50%; border: 1px solid var(--ts-btn-color); background: transparent; transition: 0.3s}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li.ui-tabs-active:after{background: var(--ts-btn-color);}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li .tab-title-container{border: 0; border-radius: 99px; background: var(--ts-btn-color);}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li h3{position: relative; background: var(--ts-color-white); color: var(--ts-color-black); border-radius: 99px; border: 1px solid var(--ts-color-black); margin-bottom: 5px; padding: 5px 20px; transition: 0.3s ease-in-out;}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li h3:before{content:''; z-index: -1;  width: 100%; height: 100%; top: 0; left: 0; position: absolute;}
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li.ui-state-active h3,
.tabs-container.ui-tabs.tabs-alt .ui-tabs-nav li:hover h3{transform: translate(5px, -5px);}
.tabs-container.ui-tabs.tabs-alt .tabs-content{padding-top: 25px;}
.tabs-container.ui-tabs.tabs-alt .tabs-content .carrousel-container{margin-top: 0 !important;}



/**	7.3	Tabs with slider	**/
.tabs-container.ui-tabs .swiper-tab{overflow: hidden;}
.tabs-container.ui-tabs .swiper-tab .ui-tabs-nav.swiper-wrapper li.swiper-slide{width: auto; height: auto;}
@media(max-width: 991px){
	.tabs-container.ui-tabs .swiper-tab .ui-tabs-nav.swiper-wrapper{flex-wrap: nowrap; justify-content: normal; gap: unset}
}


/*--------------------------------------------------------------
	8. Tourinsoft Syndication
--------------------------------------------------------------*/
/**	8.0	Admin **/
.wp-admin .tis_item_box_container, 
.wp-admin #tourinsoft-result-list .grid-mode{display: flex; flex-direction: column; gap: 1em; flex-wrap: wrap;}
.wp-admin .tis_item_box_container.with-slide{display: block; width: 100%;}
.wp-admin .tis_item_box_container.with-slide > .swiper-wrapper{display: flex; flex-direction: column; gap: 1em; flex-wrap: wrap;}
.wp-admin .tis_item_box_container article,
.wp-admin #tourinsoft-result-list .grid-mode article{flex-basis: 100%; flex-grow: 1}
.wp-admin .tis_item_box_container article .tis-item-cover,
.wp-admin #tourinsoft-result-list .grid-mode article .tis-item-cover{height: 200px;}
.wp-admin .tis_item_box_container article .tis-item-cover img,
.wp-admin #tourinsoft-result-list .grid-mode article .tis-item-cover img{height: 100%; width: 100%; object-fit: cover; -o-object-fit: cover; min-width: unset;}
.wp-admin .tis_item_box_container article .btn,
.wp-admin #tourinsoft-result-list .grid-mode article .btn{display: none;}
@media(min-width: 782px){
	.wp-admin .tis_item_box_container,
	.wp-admin .tis_item_box_container.with-slide > .swiper-wrapper,
	.wp-admin #tourinsoft-result-list .grid-mode{flex-direction: row; gap: 2em}
	.wp-admin .tis_item_box_container article,
	.wp-admin #tourinsoft-result-list .grid-mode article{flex-basis: calc(50% - 1em); flex-grow: 0}
}
@media(min-width: 992px){
	.wp-admin .tis_item_box_container article,
	.wp-admin #tourinsoft-result-list .grid-mode article{flex-basis: calc((100% - 4em) / 3); flex-grow: 0}
}


/**	8.1	Affichage Standard **/
.tis_item_box_container{}
.tis_item_box_container article.tis-box{padding: 15px; display: flex; flex-direction: column;}
.tis_item_box_container article.tis-box h4, 
.tis_item_box_container article.tis-box h3{text-transform: none;}
.tis_item_box_container article.tis-box .tis-item-cover{position: relative;}
.tis_item_box_container article.tis-box .tis-item-cover .tis-item-label-container{position: absolute; right: 10px; top: 10px; display: flex; flex-direction: row;}
.tis_item_box_container article.tis-box .tis-item-cover .tis-item-label-container .tis-item-handicap{width: 35px; height: 35px; padding: 5px; border-radius: 50%; background: var(--ts-color-white); display: block; position: relative;}
.tis_item_box_container article.tis-box .tis-item-cover .tis-item-label-container img{height: 100%; width: 100%; object-fit: contain; -o-object-fit: contain;}
.tis_item_box_container article.tis-box p{font-size: 1.6rem;}
.tis_item_box_container article.tis-box .tis-box-city{text-transform: none; margin-top: 15px; display: block;}
.tis_item_box_container article.tis-box .tis-box-city:before{content: url(../images/icon-map.svg);
    display: inline-block;
    margin-right: 10px;
    width: 15px;
    vertical-align: middle;}
.tis_item_box_container article.tis-box.bearn .tis-box-city:before{content: url('../images/icon-map-bearn.svg');}
.tis_item_box_container article.tis-box.pays-basque.tis-box-city:before{content: url('../images/icon-map-pays-basque.svg');}
.tis_item_box_container article.tis-box .tis-item-star-container{display: block;}
.tis_item_box_container article.tis-box .tis-item-star{display: inline-block; width: 15px; height: 15px; background-image: url('../images/icon-star.svg'); background-size: contain; background-repeat: no-repeat; margin-right: 5px;}
.tis_item_box_container article.tis-box .wp-block-button{display: flex; margin: 15px auto 0; flex-grow: 1; flex-direction: column; justify-content: flex-end;}

.wp-admin .tis_item_box_container article.tis-box{padding: 0;}
.wp-admin .tis_item_box_container article.tis-box p{font-size: 16px;}

/**	8.1-bis	Affichage Standard sans slider	**/
.tis_item_box_container > article.tis-box{ /* border: 1px solid var(--ts-color-grey); */ transition: 0.5s;}
.tis_item_box_container > article.tis-box:hover{box-shadow: var(--ts-shadow);}
.has-dark-background-color .tis_item_box_container > article.tis-box{border: 0;}
.has-dark-background-color .tis_item_box_container > article.tis-box:hover{box-shadow: none;}


/**	8.2	Affichage Alternatif **/
@keyframes circleIn {
  0% { clip-path: circle(100%); }
  100% { clip-path: circle(35%); }
}
@keyframes circleOut {
  0% { clip-path: circle(35%); }
  100% { clip-path: circle(100%); }
}
.is-style-grid-alt {}
.is-style-grid-alt .tis_item_box_container{gap: 2em;}
.is-style-grid-alt article.tis-box{padding: 0;}
.is-style-grid-alt article.tis-box > a{position: relative; height: 100%; display: block; height: 350px;}
.is-style-grid-alt article.tis-box > a .tis-item-cover{position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; margin: 0; width: 100%; height: 100% !important; background: var(--ts-btn-color);}
.is-style-grid-alt article.tis-box > a .tis-item-cover img{animation-duration: 0.5s; animation-fill-mode: forwards; animation-name: circleOut; clip-path: circle(100%); }
.is-style-grid-alt article.tis-box > a .tis-box-content{position: absolute; z-index: 2; width: 100%; height: 100%; top: 0; left: 0; display: flex; flex-direction: column; justify-content: space-between}
.is-style-grid-alt article.tis-box > a .tis-box-content h3{text-transform: none; margin: 0; padding: 15px; transition: 0.5s; color: var(--ts-color-white);}
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom{margin: 0; padding: 15px; background: var(--ts-color-white); color: var(--ts-font-color); transition: 0.5s;}
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom > .tis-item-city{text-transform: none; color: var(--ts-font-color); transition: 0.5s;}
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom > .tis-item-city:before{content: url('../images/icon-map.svg'); display: inline-block; margin-right: 10px; width: 15px; vertical-align: middle;}
.is-style-grid-alt article.tis-box.bearn > a .tis-box-content .tis-item-bottom > .tis-item-city:before{content: url('../images/icon-map-bearn.svg');}
.is-style-grid-alt article.tis-box.pays-basque > a .tis-box-content .tis-item-bottom > .tis-item-city:before{content: url('../images/icon-map-pays-basque.svg');}
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom > .tis-item-date{font-size: 1.6rem; display: block; margin-top: 5px;}
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom span{display: block; color: var(--ts-font-color); }
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom .tis-item-price{display: block; color: var(--ts-font-color); margin: 10px auto 0; background: var(--ts-color-white); border: 2px solid var(--ts-color-black); border-radius: 99px; padding: 5px 10px; width: auto; font-size: inherit; font-weight: 500;}
.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom .tis-item-price > strong{font-weight: 600;}

.is-style-grid-alt .swiper-container article.tis-box.swiper-slide:nth-child(even){transform: translateY(25px);}

@media (min-width: 782px){
	.is-style-grid-alt article.tis-box > a{height: 450px;}
	.is-style-grid-alt article.tis-box > a .tis-box-content .tis-item-bottom .tis-item-price{display: none;}
	.is-style-grid-alt article.tis-box > a figure:after{content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    z-index: 1;
    transition: 0.5s;
    background: rgb(255,255,255);
    background: var(--ts-gradient);
	}
	.is-style-grid-alt article.tis-box > a .tis-box-content h3{text-shadow: var(--ts-shadow);}
	
	.is-style-grid-alt article.tis-box:hover{}
	.is-style-grid-alt article.tis-box:hover > a figure:after{opacity: 0;}
	.is-style-grid-alt article.tis-box:hover > a figure img{animation-name: circleIn; animation-timing-function: ease;}
	.is-style-grid-alt article.tis-box:hover > a .tis-box-content h3{background: var(--ts-color-white); color: var(--ts-font-color); text-shadow: none;}
	.is-style-grid-alt article.tis-box:hover > a .tis-box-content .tis-item-bottom{background: transparent;}
	.is-style-grid-alt article.tis-box:hover > a .tis-box-content .tis-item-bottom > .tis-item-city,
	.is-style-grid-alt article.tis-box:hover > a .tis-box-content .tis-item-bottom > .tis-item-date{display: none;}
	.is-style-grid-alt article.tis-box:hover > a .tis-box-content .tis-item-bottom .tis-item-price{display: block;}
	
	.is-style-grid-alt .swiper-container article.tis-box.swiper-slide:nth-child(even){transform: translateY(50px);}
	.is-style-grid-alt .tis_item_box_container.with-slide{padding-bottom: 50px;}
	
}