/*
 Theme Name:   Jidar Festival Main Theme
 Theme URI:    https://jidar.ma
 Description:  Jidar Festival Main Site child theme
 Author:       Hamza Zogarh
 Author URI:   https://hz-lab.ma
 Template:     generatepress
 Version:      1.0.3
*/

/* @font-face {
  font-display: swap; 
  font-family: 'Noto Color Emoji';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/fonts/noto-color-emoji/noto-color-emoji-v32-emoji-regular.eot'); 
  src: url('./assets/fonts/noto-color-emoji/noto-color-emoji-v32-emoji-regular.eot?#iefix') format('embedded-opentype'),
       url('./assets/fonts/noto-color-emoji/noto-color-emoji-v32-emoji-regular.woff2') format('woff2'), 
       url('./assets/fonts/noto-color-emoji/noto-color-emoji-v32-emoji-regular.woff') format('woff'),
       url('./assets/fonts/noto-color-emoji/noto-color-emoji-v32-emoji-regular.ttf') format('truetype'),
       url('./assets/fonts/noto-color-emoji/noto-color-emoji-v32-emoji-regular.svg#NotoColorEmoji') format('svg');
} */

:root,[data-theme=reset] {
    --color-accent: hsla(16, 100%, 50%, 1);
    --color-background: hsla(0, 0%, 100%, 1);
    --color-background-secondary: hsla(0, 0%, 19%, .08);
    --color-border: hsl(0, 0%, 90%);
    --color-border-secondary: hsl(0, 0%, 19%, .68);
    --color-text: hsl(0, 0%, 19%, 1);
    --color-text-muted: hsla(0, 0%, 19%, .8);
    --color-error: hsl(343, 98%, 46%);
    --primary-color: #13283a
}

:root {
    --contrast: #222222;
    --contrast-2: #575760;
    --contrast-3: #b2b2be;
    --base: #f0f0f0;
    --base-2: #f7f7f7;
    --base-3: #ffffff;
    --accent: #ff4400
}

:root {
    --sticky-header-height: 160px;
    --sticky-header-translate: 160px
}

[data-theme=light] {
    --color-background: hsl(212, 76%, 97%);
    --color-text: hsla(212, 100%, 15%, 1);
    --color-border: hsla(212, 100%, 15%, .7);
    --color-border-secondary: var(--color-border)
}

[data-theme=dark] {
    --color-accent: hsla(79, 100%, 60%, 1);
    --color-background: hsla(212, 100%, 15%, 1);
    --color-background-secondary: hsl(228, 56%, 98%, .06);
    --color-border-secondary: hsl(0, 0%, 90%, .68);
    --color-text: hsla(0, 0%, 100%, 1);
    --color-text-muted: hsl(0, 0%, 100%, .8)
}

:root {
    --font-family-heading: "Public Sans", "Trebuchet MS", sans-serif;
    --font-family-text: "Public Sans", "Trebuchet MS", sans-serif;
    --font-size-body: 1.125rem;
    --font-size-body-small: 1rem;
    --flow-space: 1.5625rem;
    --column-gap: clamp(2.5rem, 2.5vw + 1.75rem, 3.75rem);
    --content-max-width: 700px;
    --content-max-width-wide: 900px;
    --content-max-width-full: 1200px;
    --box-spacing: clamp(1rem, 2.5vw + .25rem, 2.25rem);
    --container-spacing: clamp(1rem, 2.5vw + .25rem, 2.25rem);
    --component-spacing: clamp(3rem, 6.5vw + 1.05rem, 6.25rem)
}

.font-emoji{
    /* font-family: "Noto Color Emoji", serif;
    font-weight: 400;
    font-style: normal; */
}

html{
    overflow-x: hidden;
}

body,button,input,select,textarea {
    font-family: neue haas grotesk display pro;
    font-size: 1.1rem;
    line-height: 1.6rem
}

flynt-component[name=NavigationMain] .menu .link {
    font-weight: 600;
    font-size: 1.1rem;
    letter-spacing: .5px
}

flynt-component[name=NavigationMain] .container {
    max-inline-size: none
}

* {
    box-sizing: border-box
}

a:hover,a:focus,a:active {
    color: inherit;
    text-decoration: none;
}

body a {
    text-decoration: none;
    color: inherit
}

body,button,input,select,textarea {
    font-family: neue haas grotesk display pro!important
}

body {
    color: #404040;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased
}

body {
    background: url(./assets/images/frenchstucco.png.webp);
}

.border-round-3xl {
    border-radius: 1.2vw!important
}

h1 {
    font-size: 22px;
    margin: 0;
    font-weight: 400;
    line-height: 20px;
    padding: 20px 2px
}

a {
    color: inherit;
    text-decoration: none
}

.sidebar {
    position: absolute;
    width: 400px;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
    border-right: 1px solid rgb(0 0 0/25%);
    background: #f2f1ed
}

#map.map {
    position: sticky!important;
    color: #fff;
    left: 400px;
    width: calc(100% - 400px)!important;
    top: 0
}

.heading {
    background: #fff;
    border-bottom: 1px solid #eee;
    height: 60px;
    line-height: 60px;
    padding: 0 10px
}

#listings {
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden
}

.listings .item {
    padding: 0;
    text-decoration: none;
    border-bottom: 1px solid rgb(0 0 0/25%)
}

.listings .item:last-child {
    border-bottom: none
}

.listings .item .title {
    display: block;
    transition: .5s all;
    padding: 1rem
}

.listings .item .title:where(:not(.activeCursorMap)):hover {
    background: #bfbebb36
}

.listings .item .title small {
    font-weight: 400
}

.listings .item.activeCursorMap .title,.listings .item .title:hover {
    color: #f40
}

.listings .item.activeCursorMap {
    background-color: #fcf55f
}

::-webkit-scrollbar {
    width: 8px
}

::-webkit-scrollbar-track {
    background: #dedede
}

::-webkit-scrollbar-thumb {
    background: #f40;
    border-radius: 0
}

::-webkit-scrollbar-thumb:hover {
    background: #e13c00
}

.page-wrapper {
    width: 100%
}

.mapboxgl-popup-close-button {
    font-size: 2rem;
    padding: .7rem;
    line-height: 1rem
}

.mapboxgl-popup-content {
    font-family: neue haas grotesk display pro;
    padding: 0;
    width: auto
}

.mapboxgl-popup-content div {
    padding: 10px
}

.marker {
    border: none;
    cursor: pointer;
    height: 30px;
    width: 27px;
    background-size: 100%
}

.mapboxgl-popup {
    padding-bottom: 50px;
    max-width: inherit!important
}

.marker-jidar-off {
    background-image: url(/archives/wp-content/uploads/2025/02/marker-0-1.png)
}


.marker-2015 {
    background-image: url(/archives/wp-content/uploads/2025/03/marker-7.png)
}

.marker-2016 {
    background-image: url(/archives/wp-content/uploads/2025/03/marker-8.png)
}

.marker-2017 {
    background-image: url(/archives/wp-content/uploads/2024/02/marker.png.webp)
}

.marker-2018 {
    background-image: url(/archives/wp-content/uploads/2024/02/marker-1.png.webp)
}

.marker-2019 {
    background-image: url(/archives/wp-content/uploads/2024/02/marker-2.png.webp)
}

.marker-2021 {
    background-image: url(/archives/wp-content/uploads/2024/02/marker-3.png.webp)
}

.marker-2022 {
    background-image: url(/archives/wp-content/uploads/2024/02/marker-4.png.webp)
}

.marker-2023 {
    background-image: url(/archives/wp-content/uploads/2024/02/marker-5.png.webp)
}

.marker-2024 {
    background-image: url(/archives/wp-content/uploads/2025/01/marker-6.png.webp)
}

.marker-2025 {
    background-image: url(/archives/wp-content/uploads/2025/04/marker-7.webp)
}

.mapboxgl-popup-content {
    padding: 1.5rem!important;
    border-radius: 1.5rem!important;
    background: rgb(22 40 60/85%);
    overflow: hidden
}

.mapboxgl-popup-content img {
    width: 130px;
    border-radius: 15px;
    aspect-ratio: 9/16;
    object-fit: cover;
    float: left;
    margin-right: 0;
    box-shadow: 0 0 20px #00000024
}

.mapboxgl-popup-content h3 {
    letter-spacing: .5px;
    color: #f40;
    font-weight: 800;
    font-size: 1.5rem;
    margin: 0 0 .5rem;
    text-transform: uppercase;
    font-family: neue haas grotesk display pro;
    max-width: 200px;
    line-height: 1.5rem
}

.mapboxgl-popup-content h4 {
    margin: 0 0 10px;
    font-size: 1.2rem;
    font-weight: 600;
    letter-spacing: .5px;
    opacity: 1;
    font-family: neue haas grotesk display pro;
    color: #f2f1ed
}

.mapboxgl-popup-content h5 {
    margin: 0 0 1.5rem;
    font-size: 1.2rem;
    font-weight: 500;
    letter-spacing: .5px;
    color: #fff;
    font-family: neue haas grotesk display pro;
    opacity: .5
}

a.buttonDetails {
    transition: .5s all;
    width: 100%;
    display: block;
    color: #fff;
    border: 2px solid #fff;
    text-align: center;
    padding: 8px 40px;
    font-size: 1.2rem;
    letter-spacing: 1px;
    margin-top: 1rem;
    border-radius: 50px;
    outline: none!important
}

a.buttonDetails:hover {
    background: #1d1d1d;
    color: #f40!important;
    border: 2px solid #f40
}

a.buttonDetails.black:hover {
    background: #1d1d1d;
    color: #fff!important;
    border: 2px solid #f40
}

.listing-container img {
    aspect-ratio: 9/16;
    width: auto;
    max-height: 150px;
    float: left;
    border-radius: 15px;
    object-fit: cover;
    margin-right: 1rem
}

.listing-container {
    display: block;
    height: auto;
    overflow: hidden;
    padding: 0
}

.listing-container p {
    margin: 0 0 5px;
    font-family: neue haas grotesk display pro;
    font-size: 1.3rem
}

.content-listing {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100px
}

.page-map {
    display: block;
    width: 100%;
    height: calc(80vh - 126px)!important;
    overflow: hidden;
    position: relative
}

.popup-content-listing {
    float: left;
    padding-left: 1.5rem!important;
    width: auto
}

a.buttonDetails.black {
    background: #fff;
    color: #000
}

a.buttonDetails.black:hover {
    background: #f40;
    color: #fff
}

.listing-container p.name_listing {
    font-weight: 800;
    font-size: 1.7rem;
    margin: 20px 30% 0 0;
    line-height: 2.1rem
}

.listing-container p.country_listing {
    font-size: 1.3rem;
    font-weight: 500;
    color: #000;
    margin: 0
}

.listing-container p.year_listing {
    font-size: .8rem;
    margin: 5px 0 0;
    letter-spacing: .5px
}

.popup-content-listing>a {
    padding: 8px 20px 6px;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0 0 10px;
    font-size: 1rem
}

.mapboxgl-popup-content,.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
    border-top-color: rgb(22 40 60/85%)
}

.carousel-map {
    position: absolute;
    width: 100%;
    bottom: 1rem;
    background: 0 0
}

.swiper-button-prev,.swiper-button-next {
    position: absolute;
    background: #fff;
    aspect-ratio: 1/1;
    width: 40px!important;
    height: 40px!important;
    color: #000;
    border-radius: 50%
}

.swiper.swiper-initialized.swiper-horizontal {
    padding: 0 6rem 3.5rem
}

.swiper-button-prev {
    left: calc(50% - 50px)!important;
    bottom: 0!important;
    top: inherit!important
}

.swiper-button-next {
    right: calc(50% - 50px)!important;
    bottom: 0!important;
    top: inherit!important
}

.page-map {
    width: 100%;
    height: calc(80vh - 5rem)!important;
    box-shadow: 0 0 20px #0000001f;
    border-radius: 16px;
    border: 1px solid #13283a;
}

header#masthead {
    box-shadow: 0 -10px 20px #00000059
}

.mapboxgl-popup-close-button:hover {
    background: #f40;
    border-radius: 0 9px 0 0
}

body.single-artistes .site.grid-container,body.page-template-interactive-map .site.grid-container,body.single-jidar-off .site.grid-container {
    padding: 1.4rem 0 2.3rem;
    min-height: calc(100vh - 12.6rem)
}

.title-article {
    font-weight: 700;
    font-size: 3rem;
    margin-bottom: 0;
    color: #000;
    padding: 0;
    line-height: 3rem
}

swiper-container {
    width: 100%;
    height: 100%
}

swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
}

swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto
}

swiper-slide {
    background-size: cover;
    background-position: center
}

.mySwiper {
    width: 100%
}

.mySwiper2 {
    height: 200px;
    box-sizing: border-box;
    padding: 10px 0
}

.mySwiper2 swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4
}

.mySwiper2 .swiper-slide-thumb-active {
    opacity: 1
}

swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.main-navigation .main-nav ul li a {
    font-size: 1.4rem;
    padding: 0 .7rem;
    font-weight: 400;
    font-family: neue haas grotesk display pro;
    text-transform: capitalize;
    transition: .4s all;
    border: 1px solid transparent;
    border-radius: 50px;
    line-height: 2.3rem;
    padding: 0 1rem;
    margin-left: .5rem;
    line-height: 2 !important;
}

.main-navigation .main-nav ul li:not([class*=current-menu-]):hover>a,.main-navigation .main-nav ul li:not([class*=current-menu-]):focus>a,.main-navigation .main-nav ul li.sfHover:not([class*=current-menu-])>a,.main-navigation .menu-bar-item:hover>a,.main-navigation .menu-bar-item.sfHover>a {
    color: var(--accent);
    /* border: 1px solid var(--accent); */
    /* background: rgb(255 255 255/85%); */
}

.single-artistes article p,
.single-jidar-off article p {
    text-align: justify;
    font-size: 1.5rem !important;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    width: 80%;
    font-weight: 500
}

p.country-single-mur,.country-archive-mur {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    font-weight: 500;
    color: var(--accent);
    color: #13283a;
    padding-left: 2px
}

.ig-single-link span {
    font-weight: 400;
    font-size: 1.2rem;
    letter-spacing: .5px;
    line-height: 1.8rem;
}

.ig-single-link {
    color: #000;
    transition: .2s all;
    border: 1px solid;
    display: inline-flex!important;
    padding: .1rem 1rem;
    border-radius: 50px
}

.ig-single-link svg {
    width: 1.3rem
}

.ig-single-link:hover {
    color: var(--accent)
}

.ig-single-link:hover svg {
    fill: var(--accent)
}

.side-details-single h1.title-article,.title-archive-mur {
    font-size: 1.6rem;
    font-weight: 900;
    letter-spacing: .5px;
    line-height: 1.7rem
}

.side-details-single p.country-single-mur,.country-archive-mur {
    font-size: 1.2rem;
    margin-bottom: .5rem
}

.pswp__bg {
    opacity: .9!important
}

.separate-containers .site-main {
    margin: 0
}

p#breadcrumbs {
    font-weight: 400;
    color: #13283a
}

.image-archive-mur {
    aspect-ratio: 16/9;
    object-fit: cover
}

.maker-archive-mur {
    width: 27px;
    height: 30px;
    background-size: cover
}

.container.grid-container {
    padding: 2.5rem 0
}

.single-archive-mur:hover {
    box-shadow: 0 1px 8px rgba(0,0,0,.08),0 3px 4px rgba(0,0,0,.1),0 1px 4px -1px rgba(0,0,0,.1)!important
}

.title-archive-page {
    font-weight: 900;
    letter-spacing: 1px;
    font-size: 3.5rem;
    line-height: 3.5rem;
    color: #000
}

.inside-header.grid-container {
    max-width: 100%;
    padding: 20px 3.3rem 20px 4rem
}

.description-page {
    font-size: 1.6rem;
    line-height: 2.3rem;
    font-weight: 500;
    letter-spacing: .5px
}

.single-archive-mur {
    transition: .5s all
}

.single-archive-mur:hover {
    background: #1d1d1d!important;
    color: #fff
}

section.home_intro {
    height: 80vh;
    padding: 0 2.5rem;
    aspect-ratio: 22/9;
    height: auto
}

.home_intro_row_01 {
    height: 66%;
    max-height: 66%
}

.home_intro_row_02 {
    height: 34%;
    max-height: 34%
}

.bg_intro_card.bg-whitesmoke {
    background: #f5f5f5
}

.home_intro header {
    box-shadow: none!important;
    background: 0 0
}

.home_intro header * {
    background: 0 0
}

.home_intro header>div {
    max-width: 100%;
    padding: 1.25rem 1.5rem
}

.bg-transparent {
    background: 0 0!important
}

section.home_intro .main-navigation .main-nav ul li a {
    color: #fff
}

swiper-container.home01Swiper swiper-slide:after {
    content: "";
    width: 100%;
    height: 100%;
    background: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    border-radius: 1.2vw;
    opacity: .2;
    pointer-events: none
}

swiper-container.home01Swiper {
    position: relative
}

.font-800 {
    font-weight: 800
}

.font-900 {
    font-weight: 900
}

.container {
    max-width: 1200px;
    margin: 0 auto
}

section.artistes_search form input {
    font-size: 1.65rem!important;
    height: 56px;
    color: #13283b!important;
    line-height: 2.25rem;
    border-radius: 60px!important;
    text-align: center;
    font-weight: 500;
    transition: .4s all;
    border: 1px solid!important;
}

section.artistes_search form input::placeholder {
    color: #13283b
}

section.artistes_search form button {
    font-size: 1.25rem!important;
    color: #13283b!important;
    line-height: 2.25rem;
    border-radius: 50%!important;
    text-align: center;
    font-weight: 600;
    border: 1px solid!important;
    aspect-ratio: 1/1!important;
    width: 3rem;
    background: 0 0;
    transition: .4s all;
    height: 56px;
    width: 56px;
    padding: 0!important
}

section.artistes_search form select {
    transition: .4s all;
    font-size: 1.65rem!important;
    color: #13283b!important;
    line-height: 2.25rem;
    height: 56px;
    border-radius: 60px!important;
    text-align: center;
    font-weight: 500;
    border: 1px solid!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBzdHJva2U9ImN1cnJlbnRDb2xvciI+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xOSA5bC03IDctNy03Ij48L3BhdGg+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right 15px center
}

section.artistes_search form select::-ms-expand {
    display: none
}

section.artistes_search form select::-moz-focus-inner {
    border: none
}

section.artistes_search form input:hover,section.artistes_search form select:hover {
    background-color: #ebebeb!important;
    cursor: pointer
}

section.artistes_search form button:hover {
    background-color: #fe5a21!important;
    cursor: pointer;
    color: #fff!important
}

.list_artistes {
    padding: 0 2.5rem
}

span.edition-tag {
    position: absolute;
    top: 1.5rem;
    left: 1.5rem;
    background: #f83400;
    padding: 0.3rem 0.9rem 0.3rem;
    border-radius: 1.2vw;
    font-size: 1.4rem;
    color: #fff;
    font-weight: 400;
    transition: .5s all;
    z-index: 1;
    border: 1px solid #f83400;
    display: block;
    line-height: 1.5rem
}

.featured-image img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.content-post-list p {
    font-weight: 500
}

.featured-image {
    aspect-ratio: 3/2
}

.hover-list-artist {
    visibility: hidden;
    position: absolute;
    background: #13283a;
    background: #fcf55f;
    border-radius: 1.2vw!important;
    height: 100%;
    top: 0;
    color: #13283a;
    border: 1px solid #f11f00;
}

.hover-list-artist .button-artistes-link{
    display: block;
    padding: 8rem 2.5rem 2.5rem;
}

.artistes_rows div:hover .hover-list-artist {
    display: block;
    visibility: visible
}

.artistes_rows div:hover .edition-tag {
    background: 0 0;
    color: #f83400;
    border-color: #f83400
}

a.button-artistes-list {
    aspect-ratio: 1/1;
    background: #f83400;
    width: 3.5rem;
    font-size: 1.5rem;
    display: flex;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    color: #fcf55f;
    border: 1px solid #f83400;
    bottom: -1.8rem;
    position: absolute;
    left: calc(50% - 1.75rem);
    font-weight: 100
}

a.button-artistes-list:hover {
    background: #fcf55f;
    color: #f83400
}

button#load-more-btn {
    background: 0 0;
    color: #14293b;
    font-size: 1.5rem;
    opacity: .6;
    transition: .4s all;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-transform: inherit;
    font-weight: 400;
    letter-spacing: 1px;
    margin: 1.5rem 0 0 0;
}

span.icone-load-more {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    border: 2px solid;
    font-size: 1.8rem;
    padding: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
    font-weight: 900
}

button#load-more-btn:hover {
    opacity: 1
}

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

#spinner {
    animation: spin 3s linear infinite;
    display: none
}

.artistes_search .formgroup-inline {
    width: 100%
}

.artistes_search .formgroup-inline .field {
    width: calc( (100% - 120px)/3);
}

.artistes_search .formgroup-inline .field:last-child {
    width: 51px;
}

.container.grid-container {
    max-width: 100%
}

.site-content {
    display: block
}

section.home_intro.small {
    height: 53vh;
    aspect-ratio: 638/173;
    height: auto
}

section.home_intro.small .home_intro_row_01 {
    height: 100%;
    max-height: 100%;
    overflow:hidden;
}

section.map_section {
    padding: 0 4rem;
    height: auto;
    overflow: hidden;
    margin-bottom: 3rem !important
}

li.edition-filter-tag {
    list-style: none;
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: 1rem;
    border: 1px solid;
    padding: .5rem 1.5rem .4rem;
    border-radius: 50px;
    font-size: 1.75rem;
    color: #14293b;
    transition: .3s all;
    font-weight: 700;
    letter-spacing: 1px
}

li.edition-filter-tag.active {
    background: #14293b
}

li.edition-filter-tag.active a {
    color: #fff
}

li.edition-filter-tag:not(.active):hover {
    background: #14293b2e
}

.artistes_rows div:hover .hover-list-artist h2 {
    color: #f83400
}

.sticky-header {
    position: fixed;
    align-items: center;
    top: calc(-1* var(--sticky-header-height) - 1px);
    width: 100%;
    z-index: 11;
    transform: translateY(0px);
    opacity: 0;
    left: 0;
    transition: .75s all
}

.sticky-header.visible {
    transform: translate3d(0px,83px,0px)
}

div#loading-map {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #14293bc7;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 4rem;
    flex-direction: column;
    display: none;
    text-align: center
}

div#loading-map.show {
    display: flex
}

div#loading-map i {
    display: block
}

div#loading-map span {
    border: none;
    font-size: 4rem;
    display: flex;
    margin-top: 6rem
}

.artistes_rows featured-image {
    margin-top: 20px;
    background: #14293b
}

.container-partenaires img {
    max-width: 1600px;
    margin: 0 auto;
    display: block;
    width: 70%
}

.btn-footer .circle {
    width: 3.5rem;
    height: 3.5rem;
    border: 2px solid;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 1.5rem
}

.btn-footer a {
    display: flex;
    align-items: center;
    font-size: 2.2rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    color: #f83400
}

footer#jidar-footer {
    padding: 2rem 4rem 2rem;
    border-bottom: 1px solid #14293b;
    margin-bottom: 0;
    color: #14293b
}

.copyright-footer {
    padding: 0 4rem;
    font-size: 1.1rem;
    letter-spacing: 0.5px;
}

.copyright-footer .right {
    display: flex;
    justify-content: flex-end;
    align-items: end;
    align-content: center
}

.copyright-footer .right img {
    height: 50px;
    margin-left: 20px
}

.copyright-footer .right p {
    margin: 0;
    font-size: 1.5rem;
    color: #14293b;
    font-weight: 400;
}

.social_footer {
    list-style: none
}

.social_footer li {
    margin: 0 0 0 1rem;
    font-size: 1.8rem;
    font-weight: 500;
}

.social_footer a {
    color: #f83400;
    transition: .4s all;
    position: relative;
    display: block;
    border: 1px solid transparent;
    padding: 0 1rem;
    border-radius: 50px
}

.social_footer a:hover {
    color: #142a3c;
    border: 1px solid #142a3c;
    transform: translateY(-4px)
}

.btn-footer {
    opacity: .8;
    transition: .4s all;
    position: relative
}

.btn-footer:hover {
    opacity: 1;
    transform: translateY(-4px)
}

.animated-bg-intro img {
    width: auto;
    height: 100%
}

.sideHeader {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-end
}

.header-search section.artistes_search form input {
    font-size: 1.2rem!important;
    line-height: 1.5rem;
    padding: .45rem !important;
    height: 35px;
}

.header-search section.artistes_search form select {
    font-size: 1.2rem !important;
    line-height: 1.2rem !important;
    padding: .45rem !important;
    height: 35px;
}

.header-search {
    width: 900px;
    max-width: 60vw;
}

.header-search section.artistes_search form button {
    line-height: 1rem;
    width: 35px;
    height: 35px;
    font-size: 1rem!important
}

.header-search .artistes_search .formgroup-inline .field {
    margin-right: .5rem
}

.header-search .artistes_search .formgroup-inline {
    justify-content: end!important
}

.header-search section.artistes_search.py-4 {
    padding: 1rem 0 0!important
}

.text-accent {
    color: var(--accent)
}

body hr {
    background: #13283a;
    height: 1px
}

span.breadcrumb_last {
    color: #f83400
}

span.breadcrumb_last strong {
    font-weight: 400
}

/* article.single-artiste {
    max-width: 100%
} */

article.single-artiste .featured-image {
    border: 1px solid #13283a;
    position: relative
}

.gallery-container .gallery-item-row {
    width: 100%!important;
    margin-bottom: 3rem!important
}

.single-mediatheque-container .gallery-container {
    display: block!important;
    /* margin-top: 6rem; */
    gap: 3rem;
    -webkit-columns: 3;
    -moz-columns: 3;
    columns: 3
}

/* .gallery-container.medias {
    margin-top: 4rem;
    margin-bottom: 5rem;
} */

.gallery-container img {
    border-radius: 1.2vw;
    width: 100%;
    border: 1px solid #13283a;
}

div#single-map {
    height: auto;
    /* aspect-ratio: 3 / 2; */
    max-height: 100%;
    height: 100%;
    width: 100%;
    border-top-right-radius: 1.2vw;
    border-bottom-right-radius: 1.2vw;
}

.single-map-wrapper {
    margin-bottom: 4rem;
    border: 1px solid #142a3c;
    border-radius: 1.2vw;
}

.single-map-wrapper > div {
    padding: 0;
}

.marker-text {
    background-color: #142a3c;
    color: #fff;
    box-shadow: 0 2px 4px rgba(0,0,0,.1);
    top: -15px;
    position: relative;
    transform: translateX(calc(-50% + 14px));
    font-family: neue haas grotesk display pro!important;
    font-size: 1.4rem;
    font-weight: 600;
    text-align: center;
    padding: .6rem 1.2rem;
    border-radius: 60px
}

.links-post {
    display: flex
}

.artistes_rows .post .featured-image {
    background: #142a3c
}

p#breadcrumbs {
    font-size: 1.7rem;
    line-height: 2.6rem;
    margin-bottom: .5rem
}

.search-text a:hover,
p#breadcrumbs a:hover {
    color: var(--accent);
    text-decoration: underline
}

/* .bg_intro_card {
    overflow: hidden
} */

div#map {
    height: calc(80vh - 5rem)!important
}

.mapboxgl-canvas-container {
    height: 100%
}

.page-interactive-map ul.text-center {
    text-align: left!important
}

section.home_intro .main-navigation .main-nav > ul > li.current-menu-parent > a,
section.home_intro .main-navigation .main-nav > ul > li.current-menu-item > a {
    background: #fff;
    color: var(--accent);
    border-color: var(--accent)
}

.btn-readmore {
    border-radius: 70px;
    padding: 7px 15px;
    line-height: 1.5rem;
    font-size: 1rem;
    display: inline-block;
    margin-top: 10px;
    height: 2.5rem;
    border: 2px solid #f83400;
    background: #f83400;
    color: #fff;
    transition: .2s all
}

body .btn-readmore:hover,body .btn-readmore:active {
    background: 0 0;
    color: #f83400
}

span.edition-tag-media {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 1rem
}

.gallery img {
    width: 100%
}

body .lb-outerContainer {
    background: 0 0
}

body .lightbox .lb-image {
    border: 0;
    border-radius: 1.2vw
}

.hideMobile {
    display: block
}

.hideDesktop {
    display: none
}

.page-content,.page-contact {
    padding: 0 3.5rem
}

.page-contact .inside-article {
    background: 0 0!important
}


.contact_form label,.contact_form label * {
    width: 100%
}

.contact_form input.ff-el-form-control,.contact_form select,.contact_form textarea.ff-el-form-control,
.contact_form label input,.contact_form label select,.contact_form label textarea {
    border: 1px solid rgb(21 40 59 / 50%);
    color: #14293b;
    border-radius: 10px;
    transition: .5s all;
    font-size: 1.25rem;
    line-height: 1.5;
}

.contact_form input.ff-el-form-control::placeholder,.contact_form textarea.ff-el-form-control::placeholder,
.contact_form label input::placeholder,.contact_form label textarea::placeholder {
    color: #14293b;
    font-weight: 400
}
.contact_form input.ff-el-form-control:focus,.contact_form textarea.ff-el-form-control:focus,.contact_form input.ff-el-form-control:active,.contact_form textarea.ff-el-form-control:active,
.contact_form label input:focus,.contact_form label textarea:focus,.contact_form label input:active,.contact_form label textarea:active {
    border: 1px solid #14293b;
    color: #14293b;
}

.contact_form textarea.ff-el-form-control,
.contact_form label textarea {
    min-height: 150px;
    height: 150px;
    max-height: 400px;
    max-width: 100%;
    min-width: 100%
}

.contact_form .ff-el-form-check,
.contact_form p {
    margin: 0 0 20px;
    color: #14293b;
    font-weight: 500;
    text-align: left;
}

button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style,
.contact_form .wpcf7-submit {
    background: #13283a !important;
    border-radius: 60px;
    padding: .5rem 1.5rem;
    margin: 0 auto;
    display: block;
    opacity:.8s;
    font-size:1.4rem;
    font-weight:600;
    text-transform:uppercase;
    letter-spacing:1px;
}

button.ff-btn.ff-btn-submit.ff-btn-md.ff_btn_style,
.contact_form .wpcf7-submit {
    opacity:1s;
}

.contact_form {
    width: 80%;
    margin: 0 auto
}

.contact_form p a {
    font-weight: 400
}

.page-contact .entry-content {
    padding: 0;
    text-align: center;
    width: 70%;
    margin: 0 auto
}

.page-contact .entry-content>h2 {
    font-size: 3.2rem;
    margin-bottom: 0;
    font-weight: 400
}

.page-contact .entry-content>p {
    font-weight: 500;
    font-size: 1.4rem;
    width: 70%;
    margin: 1rem auto 3rem
}

.map-divider-contact .sidebar {
    display: none
}

.map-divider-contact #map.map {
    width: 100%!important;
    left: 0
}

.map-divider-contact .page-map {
    border-radius: 0!important;
    border: 0
}

.map-divider-contact #map.map .mapboxgl-canvas {
    z-index: -2!important
}

.map-divider-contact #map.map .mapboxgl-canvas-container * {
    z-index: 0
}

.map-divider-contact #map.map .mapboxgl-canvas-container:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #14293b;
    position: absolute;
    display: block;
    z-index: -1;
    top: 0;
    mix-blend-mode: color;
    pointer-events: none
}

span.wpcf7-not-valid-tip {
    text-align: left;
    font-size: 1rem;
    font-weight: 500;
    padding-top: 0.5rem;
}

.list_artistes section.artistes_search {
    padding-bottom: 0.5rem !important;
}

.page-template-contact-page div#page {
    padding-bottom: 0;
}

.bg_intro_card.bg-jidaroff a{
    transition: 0.4s all;
    background: transparent;
    color: #14293b;
    display: block;
    height: 100%;
}

.bg_intro_card.bg-jidaroff a:hover {
    background: #fe5a21;
    border-color: #fe5a21;
    color: white;
}

.bg_intro_card.bg-jidaroff {
    overflow: hidden;
}

.bg_intro_card.bg-jidaroff:hover {
    border-color: #fe5a21;
}

/* footer#jidar-footer {
    background: white;
} */

.copyright-footer {
    padding-top: 0.5rem;
    /* background: white; */
    padding-bottom: 0.5rem;
}

.home_intro_row_01.hideMobile {
    display: flex;
}

footer#jidar-footer img {
    max-width: 370px;
}

.bg_intro_card {
    overflow: hidden;
}

.sticky-header .has-inline-mobile-toggle .inside-header {
    padding: 2rem !important;
}

.desc-artiste {
    font-size: 1.5rem;
    width: 100%;
}

.container-artist {
    display: flex;
}

article.single-artiste .featured-image {
    flex: 1;
    aspect-ratio: initial;
}

.single-artistes article .desc-artiste p,
.single-jidar-off article .desc-artiste p {
    font-size: 2rem !important;
    font-weight: 300;
    width: 100%;
    line-height: 3.5rem;
}

.double-container {
    display: flex;
    width: 100%;
    position: relative;
    align-items: flex-start;
}

.right-container-artist {
    flex: 1;
    padding-top: 5rem;
}

.left-container-artist {
    max-width: 25vw;
    flex: auto;
    position: sticky;
    top: 2vw;
}

.left-container-artist .featured-image {
    aspect-ratio: initial;
}

.double-container .desc-artiste{
    width:100%;
}

.gallery-container {
    gap: 3rem;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f8f9fa;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

body.loaded #preloader {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s ease-out, visibility 0.5s ease-out;
}

.inner-filter-artists {
    padding: 2rem;
    width: 100%;
}

.inner-filter-artists form label {
    display: block;
}

div#filter-artists  form select {
    transition: .4s all;
    font-size: 1.65rem!important;
    color: #13283b!important;
    line-height: 2.25rem;
    height: 56px;
    border-radius: 60px!important;
    text-align: center;
    font-weight: 500;
    border: 1px solid!important;
    -webkit-appearance: none!important;
    -moz-appearance: none!important;
    appearance: none!important;
    background-image: url(data:image/svg+xml;utf8;base64,PHN2ZyBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBzdHJva2U9ImN1cnJlbnRDb2xvciI+PHBhdGggc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIGQ9Ik0xOSA5bC03IDctNy03Ij48L3BhdGg+PC9zdmc+);
    background-repeat: no-repeat;
    background-position: right 15px center;
    width: 100%;
}

/* Mediatheque */


.story__wrapper{
  background: #142a3c;
}

.story__slider {
  width: 100%;
  height: auto;
  aspect-ratio:16/9;
  border-radius: 6px;
  overflow: hidden;
  position: relative;
  border-bottom: 1px solid #13283a;
  background: #13283a;
}

.story__slide {
  position: relative;
}

.story__slide video,
.story__slide img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: center;
}

.story__pagination {
    bottom: unset !important;
    top: 15px !important;
    display: flex;
    padding: 0 4px;
    width: 95% !important;
    left: 2.5% !important;
}

.story__pagination .swiper-pagination-bullet {
  flex-grow: 1;
  border-radius: 100vh;
  height: 3px;
  margin: 0 2px !important;
  background-color: rgba(247, 247, 245, 0.4);
  opacity: 1;
}

.story__pagination .swiper-pagination-bullet .swiper-pagination-progress {
  height: 100%;
  width: 0%;
  border-radius: 100vh;
  background-color: #f7f7f5;
}

body .story__prev.swiper-button-prev,
body .story__next.swiper-button-next {
  height: 100% !important;
  width: 50% !important;
  top: 0 !important;
  margin-top: 0 !important;
  border-radius: 0;
  background: transparent;
}

body .story__prev.swiper-button-prev::after, body .story__next.swiper-button-next::after {
  content: none;
}

.story__prev.swiper-button-prev {
  left: 0 !important;
}

body .story__next.swiper-button-next {
  right: 0 !important;
}

.medias_rows .format-item:hover .post {
    background: #fcf55f;
    border-radius: 1.2vw !important;
    color: #13283a;
    border: 2px solid #f11f00;
}

.medias_rows .format-item:hover .story__slider {
  border-bottom: 2px solid #f11f00;
}

.story__slider:after {
    content: "";
    background: #142a3c;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
    left: 0;
    top: 0;
    opacity: 0.15;
}

div#medias-grid span.edition-tag {
    position: relative;
    top: inherit;
    left: inherit;
    width: inherit;
    height: inherit;
    display: inline-block;
    margin-top: 10px;
}

.format-item .btn-readmore{
    height: auto;
}

.header_mediatheque_section {
    color: #13283a;
}

.swiper-pagination-horizontal-mediatheque span.swiper-pagination-bullet {
    background: #f83400;
    width: 25px;
    height: 10px;
    border-radius: 5px;
}

a.mediatheque-see-all-tax-btn {
    background: transparent;
    border: 2px solid #f83400;
    margin: 0;
    display: flex;
    align-items: center;
    padding: 0 25px;
    border-radius: 50px;
    line-height: 0;
    color: #f83400;
    transition: .5s all;
    text-transform: uppercase;
    height: 50px;
}

a.mediatheque-see-all-tax-btn:hover {
    color: white;
    background: #f83400;
}

.slide-videotheque .featured-image img {
    /* width: 150% !important;
    max-width: max-content;
    transform: translate(-15%,-10%); */
    transform: translate(-10%, -5%);
    height: 120%;
    width: auto;
    max-width: max-content;
    transition: 1.5s all;
}

.slide-videotheque .featured-image:hover img {
    scale: 1.2;
}

.swiper-pagination-horizontal-mediatheque {
    margin-top: 1rem;
    text-align: right;
}


.single-videotheque-embed-container { 
    position: relative; 
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
} 

.single-videotheque-embed-container iframe,
.single-videotheque-embed-container object,
.single-videotheque-embed-container embed { 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-single-container {
    padding: 3rem;
    background: black;
    border-radius: 1.2vw;
}

.content-mediatheque {
    position: sticky;
    color: #13283a;
    top: 10%;
}

.header_mediatheque_section h2 {
    font-weight: 900;
}

.swiper-slide {
  height: auto;
}

.pagination .page-numbers {
    background: white;
    min-width: 40px;
    border-radius: 50%;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    margin-right: 10px;
    background: #15283bb3;
    color: white;
}

.pagination .prev.page-numbers,
.pagination .next.page-numbers {
    border-radius: 50px;
    padding: 0 20px;
}

.pagination .current.page-numbers {
    background: #f11f00;
}

.pagination .page-numbers:not(.current):hover {
    background: #15283b;
}

.mapbox-improve-map {
    display: none;
}

body .story__next.swiper-button-next {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="rgb(248 52 0)" d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>'), auto;
}

body .story__prev.swiper-button-prev {
  cursor: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="rgb(248 52 0)" d="M9.4 233.4c-12.5 12.5-12.5 32.8 0 45.3l192 192c12.5 12.5 32.8 12.5 45.3 0s12.5-32.8 0-45.3L77.3 256 246.6 86.6c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0l-192 192z"/></svg>'), auto;
}

.bg_intro_card picture {
    height: 100%;
}

.swiper-editions-container .featured-image {
    aspect-ratio: 883/1250;
}

.swiper-editions-container .featured-image img {
    /* width: auto !important;
    height: 100%;
    transform: none; */
    width: 100% !important;
    /* height: -webkit-fill-available; */
    transform: none;
}

.download-btn-border {
    display: inline-block;
    width: auto;
    height: 20px;
    position: relative;
    padding: 5px 10px;
    transition: 0.3s all;
    color: var(--accent);
    line-height: 1rem;
    font-size: 1.1rem;
}

.download-btn-border:before {
    content: "";
    width: 100%;
    min-height: 0px;
    background: var(--accent);
    display: block;
    position: absolute;
    z-index: -1;
    transition: 0.3s all;
    left: 0;
    bottom: 0;
}

.download-btn-border:hover:before {
    min-height: 34px;
}

.download-btn-border:hover {
    color: white;
}

.artistes_post_single  .featured-image {
    aspect-ratio: inherit;
}

.sideSingleMap {
    background: transparent;
    border-top-left-radius: 1.2vw;
    border-bottom-left-radius: 1.2vw;
    color: #13283a;
    text-align: center;
    border-right: 1px solid #13283a;
}

.grid.single-map-wrapper .sideSingleMap img {
    border: 1px solid #142a3c;
    border-radius: 0.8vw;
}

.sideSingleMap svg {
    height: 20px;
}
ul.locOptionsBtns li a svg *,
.sideSingleMap svg * {
    fill: #13283a;
}

.single-artistes article .sideSingleMap p,
.single-jidar-off article .sideSingleMap p {
    font-size: 1.1rem !important;
    line-height: 1.6rem;
    width: 100%;
    text-align: center;
}

ul.locOptionsBtns {
    list-style: none;
    padding: 0;
    margin: 1rem 0 0 0;
    text-align: center;
}

ul.locOptionsBtns li {
    display: inline-block;
    border-left: 1px solid #b7b7b7;
    padding: 0 12px;
}

ul.locOptionsBtns li:first-child {
    border: 0;
}

.sideSingleMap hr {
    margin: 1rem 0;
    background: gray;
    opacity: 0.3;
}

ul.locOptionsBtns li a:hover svg * {
    fill: #e13c00;
}

.separ-single-section {
    border-bottom: 3px solid #13283a;
    color: #13283a;
}

.separ-single-section h2 {
    font-weight: 700;
    font-size: 2.5rem;
    margin-bottom: 1rem;
}

.separ-single-section h2 svg {
    height: 30px;
}

.separ-single-section h2 svg * {
    fill: #13283a;
}

.sideSingleMap h3{
    text-decoration: underline;
}

.mapboxgl-ctrl-top-right {
    top: calc(50% - 78px);
    right: 5px;
}

.text-secondary {
    color: #f83400;
}

.activite-container .tab-button {
    color: var(--primary-color);
    border: 2px solid var(--primary-color);
    border-radius: 5rem;
    background: transparent;
}

.activite-container .tab-button:hover {
    background: #fcf55f;
    color: var(--primary-color);
}

.activite-container .tab-button.active {
    background: var(--primary-color);
    color: white;
}

/* .activite-container .tab-panel {
    background: #ffffff;
    border-radius: 20px;
} */

.post-type-archive-artistes div#artistes-grid,
.post-type-archive-jidar-off div#artistes-grid {
    padding: 0 3.5rem;
}

.title-page-container p{
    margin-bottom:1rem;
    font-size: 1.6rem;
    line-height: 2.3rem;
    font-weight: 500;
}

body.page-template.page-template-contact-page .partenaires_section {
    margin-top: 0 !important;
}

.activite-container .tab-panel div > p:last-child {
    margin-bottom: 0;
}

.activite-container h2 {
    font-size: 3.5rem;
}

.swiper-activite-container .swiper-container {
    width: 100%;
    height: 400px;
    overflow: hidden;
    position: relative;
    border-radius: 1.5rem;
    margin-bottom: 20px;
}

.swiper-activite-container .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
}

.relative.swiper-activite-container {
    display: inline-grid;
}

.swiper-button-prev.swiper-button-prev-activite-parallele {
    background: transparent;
    left: 10px !important;
    bottom: calc(50% - 20px) !important;
    top: inherit !important;
    color: #f83400;
}

.swiper-button-next.swiper-button-next-activite-parallele {
    background: transparent;
    right: 10px !important;
    bottom: calc(50% - 20px)  !important;
    color: #f83400;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f83400;
}

.swiper-activite-container .swiper-container.swiper-activite-thumbnails {
    height: auto;
    border-radius: 0;
}

.swiper-activite-container .swiper-container.swiper-activite-thumbnails .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 0.75rem;
}

/* 
.swiper-activite-container .swiper-container.swiper-activite-thumbnails .swiper-slide{
    border: 2px solid var(--primary-color);
    border-radius: 1.5rem;
}

.swiper-activite-container .swiper-container.swiper-activite-thumbnails .swiper-slide.swiper-slide-thumb-active{
    border: 2px solid #f83400;
    border-radius: 1.5rem;
} */

body .main-navigation ul ul {
    background: white;
    left: 10px !important;
    border: 1px solid #f83400;
    border-radius: 0.75rem;
    transition: 0.5s all;
}

body .main-navigation .main-nav ul ul li a,
section.home_intro .main-navigation .main-nav ul ul li a {
    color: var(--primary-color);
    font-size: 1.1rem;
    padding-top: 0; 
    line-height: 2 !important;
}

body .main-navigation .main-nav ul ul li a {
    font-size: 1.1rem;
}

body .main-navigation .main-nav ul ul li:first-child a,
section.home_intro .main-navigation .main-nav ul ul li:first-child a {
    padding-top: 10px;
}

.menu-item-has-children .dropdown-menu-toggle {
    padding-right: 15px !important;
}

.page-template-template-content-page .description-page {
    margin-top: 2rem;
}

body .main-navigation .main-nav ul li a {
    padding-left: 15px;
    padding-right: 15px;
}

span.ff_tc_checkbox {
    padding-right: 1rem;
    display: block;
}

.frm-fluent-form {
    text-align: left;
}

.search-container .artistes_search {
    padding-bottom: 1rem !important;
}

.footer-org a:hover {
    color: var(--accent);
}

.social_header {
    color: white;
    text-align: center;
    list-style: none;
    width: 100%;
    justify-content: center;
    column-gap: 15px;
    margin: 0;
    margin-top: 20px;
    font-size: 1.75rem;
}

.social_header a:focus,
.social_header a:hover {
    color: var(--accent);
}

.bg_intro_card a img {
    max-height: 82%;
}

.search-text {
    line-height: 1;
}

.store-links {
    display: flex;
}

.store-links .store-item:first-child {
    margin-right: 1.5rem;
}

.store-links .store-item a {
    opacity: 0.85;
    transition: .5s all;
    display: block;
}

.store-links .store-item a:hover {
    opacity: 1;
}

/* .app_mobile_section {
    margin-top: 5rem;
} */

body .inside-article {
    background: transparent !important;
}

.content-page-container h1.entry-title {
    color: var(--accent);
    font-size: 3.5rem;
}

.copyright-footer a:hover {
    color: var(--accent);
}

.swiper-lazy-preloader {
    /* background: url(https://jidar.ma/archives/archives/wp-content/uploads/2025/03/lazyloader.gif); */
    border: none;
    background-size: 60%;
    border-radius: 0;
    background-repeat: no-repeat;
}

.marquee {
  white-space: nowrap;
  overflow: hidden;
  display: block;
  background:#f83400;
  color:white;
  padding:5px 0;
  transition: 0.5s all;
}

.marquee span {
  display: inline-block;
  font-size: 1.5rem;
  padding-left: 100%;
  animation: marquee 20s linear infinite;
  font-weight : 300;
  letter-spacing: 0.2rem;
  transition: 0.5s all;
}

#marquee-wrapper a:hover .marquee{
    background:#844769;
}

#marquee-wrapper a:hover .marquee span {
    animation-play-state: paused;
}

@keyframes marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}


/* Conteneur principal */
#floating-badge {
    position: fixed;
    bottom: 10rem;
    right: 0;
    width: 60px;
    height: 80px;
    background: #f9eae4;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: width 0.3s ease, height 0.3s ease, box-shadow 0.3s ease;
    overflow: hidden;
    z-index: 9999;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

div#floating-badge > a {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.badge-icon {
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
}

#floating-badge:hover .badge-icon {
    position: relative;
    flex: 70px;
}

.badge-icon img {
    width: auto;
    height: 60px;
    transition: opacity 0.3s ease;
}

/* Texte caché par défaut */
.badge-text {
    white-space: nowrap;
    font-size: 1.2rem;
    opacity: 0;
    padding: 0 10px 0 15px;
    color: #9e7b7e;
    transition: opacity 0.3s ease;
    font-weight: 500;
}

/* Liens à l'intérieur */
/* .badge-text a {
    color: #1a73e8;
    text-decoration: none;
    font-weight: bold;
}

.badge-text a:hover {
    text-decoration: underline;
} */

/* Effet au survol : l'étiquette s'agrandit */
#floating-badge:hover {
    width: 290px;
    height: 80px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    justify-content: flex-start;
    padding-left: 10px;
}

/* Afficher le texte au survol */
#floating-badge:hover .badge-text {
    opacity: 1;
}

/* Responsive */
@media (max-width: 600px) {
    #floating-badge {
        bottom: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
    }

    #floating-badge:hover {
        width: 220px;
        height: 50px;
    }

    .badge-text {
        font-size: 11px;
    }

    .badge-icon img {
        width: 35px;
        height: 35px;
    }
}

.sg-popup-content * {
    font-family: 'Neue Haas Grotesk Display Pro';
    font-weight: 500;
}

.sg-popup-content strong {
    font-weight: 400;
}

.sg-popup-content h2 {
    font-weight: 600;
}

div#sgpb-popup-dialog-main-div {
    color: #9e5453;
    font-size: 1.4rem;
}

div#sgpb-popup-dialog-main-div p {
    margin-bottom: 10px;
}

div#sgpb-popup-dialog-main-div img {
    aspect-ratio: 4/1;
}

.button-artistes-link a.read-more {
    display: none;
}

.hover-list-artist .button-artistes-link h2, .content-post-list h2 {
    text-transform: lowercase !important;
}

.hover-list-artist .button-artistes-link h2:first-letter, .content-post-list h2:first-letter {
    text-transform: capitalize;
}

.footer-org p {
    margin-bottom: 5px;
}

.ogd_div{
    display: flex;
    align-items: center;
    margin: 0.5rem 0;
}

.text-desc-artistes p {
    font-size: 1.5rem;
    font-weight: inherit;
    line-height: 1.4;
}