@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.9.1/font/bootstrap-icons.css");

/* ### COULEURS ### */
:root {
        --default-text-color: #1E1E1E;

        --bofema-pink-color: #F8CDE2;
        --bofema-light-blue-color: #9CC5E2;
        --bofema-blue-color: #006AB4;
        --bofema-green-color: #25B98E;
        --bofema-orange-color: #FF7331;
        --bofema-red-color: #FF2E57;
        --bofema-purple-color: #702283;
        --bofema-yellow-color: #FFED00;
}
.row {
        --bs-gutter-x: 32px;
        --bs-gutter-y: 32px;
}

/* ### UTILITAIRE ### */
:root {
        scroll-behavior: auto;
}
body {
        font-family: 'Adria Slab';
        opacity:0;
        color:var(--default-text-color);
}
body.unselectable {
        user-select:none;
}
img, iframe, video {
        max-width:100%;
}
img {
        height:auto;
}
a {
        color: var(--current-page-color);
        border:none;
        transition:all .2s;
}
a:hover {
        color: var(--main-color);
}
.text a,
.texts a,
.partenaires a,
p a {
        text-decoration:underline;
}
a.full-size-link {
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        z-index:2;
}
span.underlined {
        text-decoration: underline;
}
a.underlined {
        color:inherit;
        text-decoration: underline;
}
ul,li{
        list-style-type:none;
        padding:0;
        margin:0;
}
.content .text ul {
        margin-bottom:20px;
}
.content .text ul li,
.content .texts ul li,
.partenaires ul li {
        list-style: disc;
        list-style-position: inside;
}

/*
### TITRAGES & TEXTES ###
*/
h1 {
        font-weight:800;
        font-size: 48px;
        line-height:1;
        margin-bottom: 40px;
        position:relative;
        display: inline-block;
}
h1:after {
        content:'';
        position:absolute;
        left:0;
        bottom:-10px;
        height:3px;
        width: 55%;
        max-width: 200px;
        background:var(--default-text-color);
}
h2 {
        position: relative;
        font-weight:900;
        font-size: 32px;
        text-transform: uppercase;
        margin-bottom: 50px;
        display: inline-block;
}
/*.container .container-inner h2 {*/
/*        position: relative;*/
/*        display: inline-block;*/
/*        margin-bottom: 50px;*/
/*}*/
h2:not(.no-underline):after {
        content: '';
        position: absolute;
        left: 0;
        bottom: -12px;
        width: 55%;
        height: 3px;
        background-color: var(--default-text-color);
}
h3 {
        text-transform:uppercase;
        font-weight:normal;
        font-size: 18px;
        margin-bottom:0;
}
h4 {
        text-transform:initial;
        margin: 0;
}
h5 {
        font-weight:bold;
        font-size: 12px;
}
h1,h2,h3{
        font-family: 'BD Good Wood';
}
p,a,h4,h5,span{
        font-family: 'Adria Slab';
}
p,
.main-col p,
.main-col > ul, 
.main-col > ol,
#comments {
    max-width: 36em;
    line-height: 1.6;
}
p:last-child {
        margin-bottom:0;
}

/* ### BOOTSTRAP ### */
.btn {
        font-weight:bold;
}
body.admin-bar .edit-link a {
    color: #000!important;
}

/* ### LOADER FACET ### */

.loader-overlay {
        position:absolute;
        top:0;
        left:0;
        bottom:0;
        right:0;
        z-index:99; /* laisse passer le fixed menu */
        background:rgba(255, 255, 255, .85);
}
.loader-overlay .loader {
        position:absolute;
        top:50%;
        left:50%;
        transform:translate(-50%, -50%);
        display: inline-block;
        width: 80px;
        height: 80px;
}
.loader-overlay .loader:after {
        content: " ";
        display: block;
        width: 64px;
        height: 64px;
        margin: 8px;
        border-radius: 50%;
        border: 6px solid #000;
        border-color: #000 transparent #000 transparent;
        animation: loader-animation 1.2s linear infinite;
}
@keyframes loader-animation {
        0% {
              transform: rotate(0deg);
        }
        100% {
                transform: rotate(360deg);
        }
}

/*
 * Facettes
 */
.facets {
        display:flex;
        align-items: center;
        text-transform: uppercase;
        font-weight:bold;
        gap:24px;
        /*margin-top: 24px;*/
}
.facets .facet > label
{
        text-transform:uppercase;
        font-weight:bold;
}
.facets .facet .facetwp-type-dropdown,
.facets select{
        width:100%;
}
.facetwp-facet-categories {
        display: flex;
        align-items: center;
        column-gap: 32px;
        row-gap: 12px;
        margin-top: 32px;
        flex-wrap: wrap;
}
.facetwp-facet-categories .facetwp-radio,
.facetwp-facet-categories .facetwp-checkbox {
        background:none;
        padding:0;
        position:relative;
        /*padding: 6px 10px 6px 40px;*/
        /*border: solid 1Px;*/
        /*border-radius: 40Px;*/
        /*background-position-x: 15px;*/
        /*background-image:url(/wp-content/plugins/facetwp/assets/images/radio.png);*/
}
.facetwp-facet-categories .facetwp-checkbox.checked {
        background-image: url(/wp-content/plugins/facetwp/assets/images/radio-on.png);
 }
.facetwp-facet-categories .facetwp-radio:not(:last-child):after {
        content:'';
        position:absolute;
        top:0;
        right:-15px;
        width:2px;
        height:20px;
        background:var(--default-text-color);
}
.facetwp-facet-categories .facetwp-radio.checked {
        background:none;
        /*border-bottom:solid 1px;*/
}
.facetwp-facet-categories .facetwp-radio:before {
        content:'';
        position:absolute;
        bottom:-5px;
        left:0;
        width:0;
        height:1px;
        background:var(--default-text-color);
        transition:.3s ease-out;
}
.facetwp-facet-categories .facetwp-radio.checked:before {
        content:'';
        position:absolute;
        bottom:-5px;
        left:0;
        width:100%;
        height:1px;
        background:var(--default-text-color);
}
.facetwp-facet-categories .facetwp-radio .facetwp-display-value {
        padding:0;
}
.facetwp-facet-categories .facetwp-radio,
.facetwp-facet-categories .facetwp-radio span,
.facetwp-facet-categories .facetwp-checkbox,
.facetwp-facet-categories .facetwp-checkbox span {
        font-family: 'Adria Slab';
        font-weight: 600;
        text-transform: uppercase;
        font-size: 14px;
}
.facet > facet-wp-facet {
        margin-bottom: 0;
}
.facet .facetwp-facet {
        margin-bottom: 0;
}
.facet .facetwp-checkbox {
        margin-bottom: 0;
}
/* .categories-facets
{
        text-transform: uppercase;
        font-weight:bold;
}
.categories-facets .facetwp-facet {
        display: flex;
        gap: 8px;
} */
.facetwp-counter {
        display:none;
}

/*
 * Fil d'ariane
 */
.breadcrumb {
        gap: 5px;
        font-size: 14px;
        z-index: 9;
        line-height: 1;
        margin-bottom:40px;
}
.breadcrumb a:hover {
        text-decoration: underline;
}
.page .breadcrumb-container,
.single-post .breadcrumb-container,
.single-evenement .breadcrumb-container {
        position: absolute;
        top: 20px;
        left: 50%;
        transform: translateX(-50%);
        color: #fff;
        z-index:2;
}
.single .container.no-margin .container-inner:after {
        content: '';
        background: linear-gradient(180deg, rgba(0, 0, 0, .2) 0%, rgba(0, 0, 0, 0) 100%);
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 80px;
        z-index: 0;
}
/*.single-evenement .breadcrumb {*/
/*        margin-top:0px;*/
/*}*/
.breadcrumb .lieu-icon svg {
        height:12px;
        margin-top: -3px;
}


.line {
        display: flex;
        align-items: center;
        gap: 16px;
}
.line.multiple{
        align-items: start;
}
.line.multiple svg{
        margin-top: 4px;
}
.svg-clickable {
        position: relative;
}


.button,
.facetwp-load-more{
        display: inline-block;
        background: var(--default-text-color);
        font-size: 15px;
        font-family: 'BD Good Wood';
        color: #FFF;
        border-radius: 24px;
        line-height: 1;
        padding: 6px 12px;
        border: 0;
        transition: background .3s;
}
.button:hover,
.facetwp-load-more:hover{
        color: #fff;
        background: #3f3f3f;
}
.facetwp-load-more{
        display: inline-block;
        padding: 9px 15px 12px 17px;
        font-size: 16px;
}

.filters .fs-label-wrap {
        border-radius: 4px;
}
.filters .fs-wrap.multiple .fs-label-wrap{
        transition: .1s box-shadow;
}
.filters .fs-wrap.multiple.fs-open .fs-label-wrap{
        border-color: #86b7fe;
        -webkit-box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
        box-shadow: 0 0 0 0.25rem rgba(13,110,253,.25);
        outline: 0;
}
.filters .fs-label-wrap .fs-label {
        padding: 12px 22px 10px 16px;
        text-transform: none;
        font-weight: 400;
        transition: .2s box-shadow;
}
.filters .fs-arrow {
        top: 6px;
        right: 10px;
        width: 12px;
        height: 10px;
        border: none;
        appearance: none;
        background-image: url(../assets/icons/icon-caret-down.png);
        background-repeat: no-repeat;
        background-size: 10px 6px;
        background-color: #fff;
}
.filters .fs-open .fs-arrow{
        transform: none;
}
.filters .form-select{
        background-image: url(../assets/icons/icon-caret-down.png);
        background-size: 10px 6px;
        font-weight: bold;
        text-transform: uppercase;
        font-size: 13Px;
        border-radius: 50px;
        border: solid 1px;
}
.filters .facetwp-type-fselect .fs-option .fs-option-label {
        text-transform: initial;
        font-weight: 400;
}
.filters .facetwp-facet.facetwp-type-fselect {
        height: 40px;
}

.graphic-elements > svg {
        position: absolute;
        top: 0;
        left: 0;
}

.banner > img {
        width: 100%;
        object-fit: cover;
        height: 464px;
}

.leaflet-container a {
        text-decoration: none !important;
}