/*
Theme Name:         [ST] Riviera Lines
Theme URI:          https://styleo.fr
Description:        Styléo
Version:            1.0.0
Author:             Styleo
Author URI:         https://styleo.fr
Template:           st
*/

:root #tarteaucitronRoot {
    --toc-maincolor:var(--primary-color);
    --toc-unselected-grey:#999999;
    --toc-selected-green:#4ccf8e;
    --toc-selected-red:#9C1A1A;
}

/**
 * HEADER
 */
.dropdown-component .dropdown-menu {min-width:300px;}
@media(min-width:992px){
	.wrapper-main-menu .social-buttons-component li a{padding:30px 8px;}
	/*.wrapper-main-menu .wrapper-langs{position:absolute;top:100%;z-index:1000;right:15px;background:rgba(250,250,250,0.5);border-radius:0 0 15px 15px;}*/
	.wrapper-main-menu li a{padding:30px 15px;}
	.wrapper-main-menu .wrapper-langs li a{padding:12px 8px;}
	.wrapper-main-menu .wrapper-langs li a:before{display:none;}
}
@media (min-width:992px) and (max-width:1199px) {
	.wrapper-main-menu .social-buttons-component {display:none;}
}
@media(min-width:1200px){
	.wrapper-main-menu .social-buttons-component li a{padding:40px 8px;}
	.wrapper-main-menu .wrapper-langs{position:initial;background:transparent;}
}
@media(min-width:1400px){
	.wrapper-main-menu .social-buttons-component li a{padding:50px 8px;}
}
@media(min-width:1600px){
	.wrapper-main-menu .menu-accueil{display:none;}
	.wrapper-main-menu .wrapper-langs{position:initial;top:initial;right:initial;background:transparent;border-radius:initial;}
	.wrapper-main-menu .wrapper-langs li a:before{display:block;}
}
@media(min-width:1800px){
	.wrapper-main-menu .menu-accueil{display:block;}
}

/* PAS DE FIXED MENU en mobile car trop épais */
.fixed-row .subheader {padding-top:10px!important;padding-bottom:10px!important;}
@media(max-width:1199px){
	.fixed-row .fixed-part {position:initial!important;}
}

/**
 * SUBHEADERs
 */
.subheader__picture {min-height:300px;background-position-y:bottom!important;}
@media (min-width: 992px) {
    .subheader__picture {min-height:300px;}
}
@media (min-width:1200px) {
    .subheader__picture {min-height:350px;}
}
@media (min-width:1400px) {
    .subheader__picture {min-height:400px;}
}

/* dropdown */
@media (min-width:992px) {
	.dropdown-component .dropdown-toggle {
		font-size:24px;
		padding:1rem 1.6rem;
	}
}
@media (min-width:1200px) {
	.dropdown-component .dropdown-toggle {
		font-size:26px;
		padding:1rem 2.5rem;
	}
}
@media (min-width:1400px) {
	.dropdown-component .dropdown-toggle {
		font-size:26px;
		padding:1rem 1.6rem;
	}
}
@media (min-width:1600px) {
	.dropdown-component .dropdown-toggle {
		font-size:26px;
		padding:1.2rem 2.5rem;
	}
	.dropdown-component .dropdown-toggle .add {
		font-size:1.3rem;
	}
}
@media (min-width:1800px) {
	.dropdown-component .dropdown-toggle {
		font-size:26px;
		padding:1.4rem 3.5rem;
	}
	.dropdown-component .dropdown-toggle .add {
		font-size:1.4rem;
	}
}





/**
 * Footer
 */
.main-footer {background:var(--primary-color)!important;}
.main-footer .social-buttons-component a {color:#ffffff;}
@media (min-width: 768px) {
    .main-footer .wrapper-liens-formule {width:48%;}
}
@media (min-width:992px) {
    .main-footer .wrapper-liens-formule {width:24%;}
}


/* Home : Articles */
.design2 .derniers-articles {}
.design2 .derniers-articles .bg-white {background:transparent !important;}
.design2 .derniers-articles .wrapper-postlist-header {margin-bottom:30px;}
.design2 .derniers-articles .wrapper-postlist-header,
.design2 .derniers-articles .slide-bloc-articles .one-post {border:none !important;}
.design2 .derniers-articles .slide-bloc-articles .one-post{border:none!important;background:#ffffff;border-radius:20px;padding:0;}
.design2 .derniers-articles .slide-bloc-articles .one-post .wrapper-visuel{border-radius:20px 20px 0 0;}
.design2 .derniers-articles .slide-bloc-articles .one-post .wrapper-one-post-content{padding:35px 30px 15px;margin-top:0;}
.design2 .derniers-articles .slide-bloc-articles .one-post .one-post-footer{padding:15px 30px 35px;margin-top:0;}


/**
 * CPT Destination
 */
.cpt-fiche-destination {}
@media (min-width:1200px) {
	.cpt-fiche-destination .row {--bs-gutter-x:30px;}
}
@media (min-width:1400px) {
	.cpt-fiche-destination .row {--bs-gutter-x:50px;}
}

/* CPT Destination : bloc dates et horaires */
/* 3 versions : Table / Lignes / Bulles */
.cpt-fiche-destination .wrapper-datesethoraires {
	--linecolor: #239299;
	--linecolor-1: #036886;
	--linecolor-2: #05a474;
	--linecolor-3: #a47205;
	--linecolor-4: #4205a4;
	--linecolor-5: #a40505;
}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines {display:flex;gap:20px;position:relative;flex-direction:column;}
@media (min-width:992px) {
	.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines {gap:30px;}
}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .picto {font-size:50px;line-height:1;display:none;color:var(--linecolor);}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .wrapper-line {flex:auto;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .wrapper-line .one-line {background:var(--linecolor);display:flex;flex-direction:column;border-top:2px solid #ffffff;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .wrapper-line .info {color:var(--linecolor);font-size:1.125rem;gap:15px;display:flex;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .wrapper-line .info > span {margin-top:2px;color:#6A6A6A;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .color1 {--linecolor:var(--linecolor-1);}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .color2 {--linecolor:var(--linecolor-2);}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .color3 {--linecolor:var(--linecolor-3);}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .color4 {--linecolor:var(--linecolor-4);}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .color5 {--linecolor:var(--linecolor-5);}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .one-line {border:none;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .one-line > div{padding:15px;}

.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .one-line .libelle{min-width:200px;color:#fff;line-height:1;display:flex;align-items:center;gap:4px;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .one-line .horaires{background:rgba(255,255,255,0.7);display:inline-flex;gap:10px;flex-direction:row;flex-wrap:wrap;font-weight:500;font-size:20px;flex:auto;}
.cpt-fiche-destination .wrapper-datesethoraires .wrapper-lines .one-line .horaires span{padding:4px 10px 6px;border-radius:9px;background:#ffffff;display:inline-block;line-height:1;color:#000;border:1px solid #fff;box-shadow:0 0 4px #fff;}

.cpt-fiche-destination .wrapper-datesethoraires.lines-ver .wrapper-lines {}

.cpt-fiche-destination .wrapper-datesethoraires.table-ver {}
.cpt-fiche-destination .wrapper-datesethoraires.table-ver .wrapper-lines {}

.cpt-fiche-destination .wrapper-datesethoraires.table-ver .wrapper-lines .one-line > div{justify-content:center;}
.cpt-fiche-destination .wrapper-datesethoraires.table-ver .wrapper-lines .one-line{flex-wrap:wrap;border-top:none;border-right:2px solid #ffffff;gap:0;}
.cpt-fiche-destination .wrapper-datesethoraires.table-ver .wrapper-lines .one-line:nth-child(){border:none;}
.cpt-fiche-destination .wrapper-datesethoraires.table-ver .wrapper-lines .one-line .libelle{flex:auto;}
@media (min-width:992px) {
	.cpt-fiche-destination .wrapper-datesethoraires.table-ver .wrapper-lines {flex-direction:row;}
}

.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver{}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines{}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines:before{content:"";width:1px;height:100%;top:0;left:22px;z-index:2;;position:absolute;background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='rgba(0,0,0,1)' stroke-width='1' stroke-dasharray='5%2c 10' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");animation:sbwouiyou 1.25s infinite cubic-bezier(0.66,0,0,1)alternate;}
@keyframes sbwouiyou {
	to {background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='rgba(0, 0, 0, 1)' stroke-width='1' stroke-dasharray='5%2c 10' stroke-dashoffset='100' stroke-linecap='square'/%3e%3c/svg%3e");}
}

.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .picto {display:block;position:relative;z-index:2;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .picto:before {padding:10px 0;margin:-10px 0;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .picto:before,
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .picto.last {background:#ffffff;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines > div {display:flex;gap:20px;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line {flex:auto;position:relative;flex-direction:column;gap:15px;padding:15px;border-radius:10px;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line > * {position:relative;z-index:10;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line:before {content:"";width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,0.7);position:absolute;z-index:2;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line > div {padding:0;}
@media(min-width:992px) {
	.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line{gap:15px;}
}

.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line .libelle {color:var(--linecolor);font-size:22px;font-weight:500;}
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line .libelle,
.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line .horaires {background:none;}
@media (min-width:992px) {
	.cpt-fiche-destination .wrapper-datesethoraires.bulles-ver .wrapper-lines .one-line {padding:30px;}
}


/* CPT Destination : bloc tarifs */
.cpt-fiche-destination .wrapper-destitarifs {--tarif-color: #049BA4;--tarif-bgcolor: #BDDFE1;display:inline-flex;gap: 10px;flex-direction: column;width:100%;}
.cpt-fiche-destination .wrapper-destitarifs .one-tarif{align-items:center;padding:15px 30px;border-radius:10px;display:flex;justify-content:space-between;background:var(--tarif-bgcolor);gap:30px;}
.cpt-fiche-destination .wrapper-destitarifs .one-tarif > div {}
.cpt-fiche-destination .wrapper-destitarifs .one-tarif .libelles{font-weight:500;flex:auto;color:var(--tarif-color);line-height:1;display:flex;flex-direction:column;gap:4px;justify-content:center;}
.cpt-fiche-destination .wrapper-destitarifs .one-tarif .libelles span{display:block;}
.cpt-fiche-destination .wrapper-destitarifs .one-tarif .tarif{white-space:nowrap;line-height:1;border-radius:10px;padding:10px 20px;background:rgba(255,255,255,1);min-width:80px;text-align:center;display:flex;align-items:center;justify-content:center;color:#333333;font-weight:600;}
@media (min-width:576px) {
	.cpt-fiche-destination .wrapper-destitarifs .one-tarif .tarif{padding:10px 30px;}
}
@media (min-width:768px) {
	.cpt-fiche-destination .wrapper-destitarifs .one-tarif .tarif{padding:10px 40px;}
}
@media (min-width:992px) {
	.cpt-fiche-destination .wrapper-destitarifs .one-tarif .tarif{padding:10px 20px;}
}
@media (min-width:1200px) {
	.cpt-fiche-destination .wrapper-destitarifs .one-tarif .tarif{padding:10px 60px;}
}

/* CPT Destination : bloc périodes */
.cpt-fiche-destination .wrapper-periodes {}
.cpt-fiche-destination .wrapper-periodes .wrapper-content {font-size: 22px;}
.cpt-fiche-destination .wrapper-periodes .wrapper-content b,
.cpt-fiche-destination .wrapper-periodes .wrapper-content i,
.cpt-fiche-destination .wrapper-periodes .wrapper-content em,
.cpt-fiche-destination .wrapper-periodes .wrapper-content strong {font-weight:500;color:var(--primary-color);font-style:initial;}

/* CPT Destination : bloc achat */
.cpt-fiche-destination .wrapper-resachat {
	border-radius:20px;
	height:100%;
}

/* Formulaire de réservation */
.page-resa-auto .wrapper-gform-multi-column .gform-body .gfield .wrapper-depart-list .ginput_container_radio .gchoice,
.page-resa-auto .wrapper-gform-multi-column .gform-body .gfield .wrapper-depart-list .ginput_container_checkbox .gchoice{display:inline-flex;align-items:center;flex-direction:initial;flex-basis: 40%;}

.page-resa-auto .wrapper-gform-multi-column .gform-body .gfield .wrapper-depart-list .ginput_container {flex-wrap:wrap;flex-direction:column;}
@media (min-width:768px) {
	.page-resa-auto .wrapper-gform-multi-column .gform-body .gfield .wrapper-depart-list .ginput_container {flex-direction:row;}
}

/* Bons cadeaux */
.wrapper-liste-bonscadeaux .wrapper-selector {gap:20px;}
.wrapper-liste-bonscadeaux .wrapper-selector .depart-title{text-align:center;min-width:initial;font-size:36px;padding:10px 20px;border-radius:15px 15px 0 0;}