/*
Theme Name: Zermatt Child
Theme URI: https://zermatt.qodeinteractive.com
Description: A child theme of Zermatt
Author: Select Themes
Author URI: https://qodeinteractive.com
Version: 1.0.0
Text Domain: zermatt
Template: zermatt
*/

/* site fonts - included within the theme */
/*
rs-light
messinasans
interlight
interregular
intermedium
*/
@font-face {
    font-family: 'cd-book';
    src: url('fonts/cd/cd-book.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'cd-book';
    src: url('fonts/cd/cd-regularitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'cd-semibold';
    src: url('fonts/cd/cd-semibold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'cd-semibold';
    src: url('fonts/cd/cd-semibolditalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}


@font-face {
    font-family: 'rs-light';
    src: url('fonts/rs/rs-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rs-light';
    src: url('fonts/rs/rs-lightitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}
@font-face {
    font-family: 'rs-medium';
    src: url('fonts/rs/rs-medium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'rs-medium';
    src: url('fonts/rs/rs-mediumitalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

.rs-light {
    font-family: 'rs-light', serif!important;
}
.rs-medium {
    font-family: 'rs-medium', serif!important;
}
.cd-book {
    font-family: 'cd-book', sans-serif!important;
}
.cd-semibold {
    font-family: 'cd-semibold', sans-serif!important;
}
.uppercase {
    text-transform: uppercase!important;
}
.lowercase {
    text-transform: lowercase!important;
}
.italic {
    font-style: italic!important;
}
.non-italic {
    font-style: normal!important;
}
.orange-artiste-duo-et {
    font-family: 'rs-light', serif;
    text-transform: lowercase;
    font-style: italic;
}

/* orange 2025 logo svg */
.orange2025logo-1 {
    fill:none;
}
.orange2025logo-2 {
    fill:#20221d;
}
.orange2025logo-3 {
    clip-path:url(#orangelogo2025clippath);
}

.font-cdbook {
    font-family: 'cd-book', sans-serif;
}

body {
    font-family: 'cd-book', sans-serif;
}

.uppercase {
   text-transform:uppercase; 
} 

/*
cd-blackitalic.woff
cd-bookitalic.woff
cd-regularitalic.woff
cd-blackitalic.woff2
cd-bookitalic.woff2
cd-regularitalic.woff2
cd-black.woff
cd-book.woff
cd-regular.woff
cd-black.woff2       
cd-book.woff2        
cd-regular.woff2
cd-bolditalic.woff
cd-lightitalic.woff
cd-semibolditalic.woff
cd-bolditalic.woff2
cd-lightitalic.woff2
cd-semibolditalic.woff2
cd-bold.woff
cd-light.woff
cd-semibold.woff
cd-bold.woff2      
cd-light.woff2
cd-semibold.woffw
*/




/* svg flèche */
/*
<svg class="qodef-btn-textual-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 11.871 11.854"> <g> <path stroke-miterlimit="10" fill="none" d="M0 .5h11.372v11.354"></path><path stroke-miterlimit="10" d="M11.371.5L.759 11.113"></path> </g> <g> <path stroke-miterlimit="10" fill="none" d="M0 .5h11.372v11.354"></path><path stroke-miterlimit="10" d="M11.371.5L.759 11.113"></path> </g> </svg>
*/



.qodef-interactive-link-showcase {
    visibility:visible!important;
}

p a {
    color: var(--orpurple);
}

.swiper-wrapper {
    max-width: 85vw;
}



img {
    image-rendering: -webkit-optimize-contrast;
}

:root {
    --vertmenuwidth: 45px; /* largeur du menu vertical */
    --vertslidemenuwidth: 400px; /* largeur du menu vertical ouvert */
    --ortitledarkgreen:  #002f0e;
    --orsecondary:  #666;
    /*--orlightgreen: #a8ca34;*/
    /*--orpurple: #6268c2;*/
    --orlightgreen: #999;
    --orpurple: #999;
    --opgrey: #F0EEE9;
    --opgrey: #EEEEEE;
    --opmidgrey: #999999;
    --opfooter: black;
    --footer-text-color: white;
    --header-text-color: white;

    --orange-splash-width: 80%;
}

@media screen and (min-width:768px) {
    :root {
        --orange-splash-width: 70%;
    }
}


::-moz-selection { /* Code for Firefox */
  color: var(--orpurple);
  background: transparent;
}
::selection {
  color: var(--orpurple);
  background: transparent;
}
a:hover {
    color:var(--orpurple);
}
ul {
    list-style-position: outside!important;
    padding-left: 1em;
}
 
.eight-height {
    font-size: 0.7em;
}

/* retirer le '/' à la fin des menus et autres endroits */
.qodef-header--vertical-sliding .qodef-header-vertical-sliding-navigation>ul>li.current-menu-ancestor>a:after, .qodef-header--vertical-sliding .qodef-header-vertical-sliding-navigation>ul>li.current-menu-item>a:after {
    content: '';
}


.elementor-column-gap-default>.elementor-column>.elementor-element-populated {
    padding: 0!important;
}
.orange-left-8 {
    margin-left: 8%;
}
@media screen and (max-width: 768px) {
    .orange-left-8 {
        margin-left:4%;
        margin-right:4%;
    }
}



/* page À propos */
.orange-herbes3-bg.elementor-widget.elementor-widget-image 
{
    position: absolute;
    width: 400px;
    bottom: -43%;
    right: 17%;
    transform-origin: top center;
    animation: animatedHerbes2 2s ease-in-out infinite alternate;
}
.orange-list-button {
    float: right;
}

/* page Planifier votre visite */
.orange-planifier-h2 h2 {
    font-family: cd-semibold, sans-serif;
    font-size: 46px;
    font-size: clamp(2rem, 1.0000rem + 1.5625vw, 2.875rem);    
}
.orange-planifier-h3 h3 {
    font-family: cd-semibold, sans-serif;
    font-size: 1.75rem!important; /* 28 px */
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem)!important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem)!important;
    line-height: 1.2;
}
.orange-titre-passeport {
    padding: 6px 0;
    border-top: 1px solid rgba(0,0,0,0.3);
    border-bottom: 1px solid rgba(0,0,0,0.3);
    margin-bottom: 24px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;

}
.orange-titre-passeport:after {
    content: '';
    margin-right: 2px;
    background-image: url('img/arrow-right.svg');
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
}


/* PAGE LISTE DES ARTISTES (page artistes) */
/* white on black */
body.page-artistes,
body.page-artistes #qodef-page-mobile-header {
    background-color: var(--opfooter);
    color: white;
}
.page-artistes .qodef-opener-icon.qodef-source--predefined .qodef-m-circle,
.page-accueil-orange .qodef-opener-icon.qodef-source--predefined .qodef-m-circle {
    background-color: white;
}


.page-id-506 h3,
.page-id-1613 h3 {
    font-size: 32px;
    font-size: clamp(1.875rem, 1.8125rem + 0.1563vw, 2rem);
}
.orange-artistes-bg.elementor-widget.elementor-widget-image {
    position: absolute;
    top: 0;
    right: 0;
    width: 128%;
    z-index: -20!important;
}
@media screen and (max-width: 1024px) {
    .orange-artistes-bg.elementor-widget.elementor-widget-image {
        position: absolute;
        top: 0;
        right: 0;
        width: 160%;
    }
}
@media screen and (max-width: 768px) {
    .orange-artistes-bg.elementor-widget.elementor-widget-image {
        position: absolute;
        top: -120%;
        left: 0;
    }
}
.orange-artistes-menu-gauche {
    font-family: rs-light, serif;
    font-size: 52px;
    font-size: clamp(2.5rem, -1.8rem + 6.00vw, 3.25rem); /* ajuster */
}
.orange-artistes-menu-gauche a,
h3.qodef-m-title {
    line-height: 1.2;
    color: var(--orsecondary);
    transition: color .3s ease-out;
}
.qodef-image-with-text .qodef-m-image img {
    box-shadow: none;
}
.orange-artistes-menu-gauche a:hover {
    color: var(--orpurple);
    transition: color .3s linear;
}
.qodef-image-with-text.qodef-layout--text-below:hover a {
    color: var(--orpurple);
}
.orange-herbes-bg-bottom.elementor-widget.elementor-widget-image {
    position: absolute;
    bottom: -168%;
    left: -14%;
    width: 450px;
    transform-origin: bottom center;
    animation: animatedHerbes 5s ease-in-out infinite alternate;
}





.qodef-image-with-text.qodef-layout--text-below img {
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);
    -webkit-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    -o-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    transition: all .3s cubic-bezier(.45,.05,.55,.95);
}

.qodef-image-with-text.qodef-layout--text-below:hover img {    
    -webkit-clip-path: inset(10px);
    clip-path: inset(10px);
    -webkit-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    -o-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    transition: all .3s cubic-bezier(.45,.05,.55,.95);
}
.qodef-image-with-text.qodef-layout--text-below .qodef-m-content {

}
.qodef-image-with-text.qodef-layout--text-below .qodef-m-image {
    transition: 2s ease;
}
.qodef-image-with-text.qodef-layout--text-below:hover .qodef-m-image {
    background-color: var(--orlightgreen);
    transition: 0.1s ease;
}

/* PAGE ARTISTE INDIVIDUEL (artiste-template) */
 
h1.orange-date-title {
    color: black!important;
}
.orange-artiste-right-title {
    margin-bottom:0.5em!important;
    padding-bottom:0!important;
}
 
.orange-artiste-left-column .orange-date-title,
.orange-date-title,
.artiste-template h3,
h3.orange-parcours-titre,
h3.orange-commissaires-titre,
.artiste-template .orange-date-title,
.orange-artiste-right-title h3 {
    width: auto;
    margin-right: 10%;
    font-family: rs-medium, serif; 
    font-size:30px;
    line-height: 1.1;
    color: black;
    padding:0;
    margin:0;
}
.orange-commissaires-soustitre {
    display:block;
    margin-top:0.25em;
    font-size:0.65em;
    font-family: 'rs-light', serif;
}
.orange-biographie-nom {
    margin-bottom:0.75em!important;
    text-transform:uppercase;
}
.orange-artiste-left-column hr {
    margin: 1.6em 0 1.6em 0!important;
    max-width: 100%!important;
    width: 100%;
    height: 2px;
    border: none;
    /*max-width: 510px!important;*/
    background-color:#000000!important;
}
.orange-artiste-left-column h3 {
    line-height: 1.3;
    width: auto;
    margin-right: 10%;
    font-family: cd-semibold, sans-serif; 
    font-style:italic;
    font-size:23px;
    color: black;
    /*margin-top: 0.6vw;*/
    padding:0;
    margin:0;
}
.artiste-template h3 strong {
    font-family: cd-semibold, sans-serif;
}
.orange-artiste-left-column p {
    font-size:20px;
    line-height:1.25;
}
.orange-artiste-left-column a {
    color:var(--black);
    font-family: cd-semibold, sans-serif;
    font-size:1.15em;
}
.orange-artiste-left-column a:hover {
    color:var(--orsecondary);
    font-family: cd-semibold, sans-serif;
}
@media screen and (max-width: 1400px) {
    .artiste-template h3 {
        margin-top: 0.2vw;
    }
}

li.orange-artiste-item a,
.orange-liste-artistes a,
.orange-accueil-commissaires a {
    font-size: 0.7em;
    /*725-3390-26.3-66.8-16*/
    font-size: clamp(1.64375rem, 0.9551rem + 1.5197vw, 4.175rem)!important;
    text-transform: uppercase;
}

li.orange-artiste-item {
    line-height: 0.85;
    margin-bottom: 0.3em;
}
ul.orange-rituels-list {
    position:relative;
    text-decoration:none;
    list-style-type: none;
    padding:0;
    border:0;
}

li.orange-rituels-item a::before {
    content: '';
    display: block;
    margin-bottom:0.5em;
    width: 1.3em;
    height: 1.3em;
    background-image: url('https://orange2025.httpcreations.cloud/wp-content/themes/zermatt-child/img/orange2025-rond-blanc.svg');
    background-repeat: no-repeat;
    background-size: cover;
    opacity:0;
    transition:0.1s;
}


@media screen and (max-width: 767px) {
    /* page artistes - retirer l'espacement du haut */
    .page-artistes #qodef-page-inner {
        padding-top: 0!important;
    }
    .page-artistes .orange-artistes-list {
        padding-bottom:1.5em;
    }
    li.orange-rituels-item a::before {
        opacity:1;
        transition:0.5s;
    }

    ul.orange-rituels-list {
        margin-top:-1em;
    }
    li.orange-rituels-item {
        padding-bottom:0.5em;
        width: 45vw; 
    }
    /* Row 1 (1 item) */
    li.orange-rituels-item:nth-of-type(1) {
        margin-left:5vw;
    }
    /* Row 2 (2 items) */
    li.orange-rituels-item:nth-of-type(2) {
        margin-left:32vw;
    }
    li.orange-rituels-item:nth-of-type(3) {
        margin-left:1vw;
    }
    /* Row 3 (2 items) */
    li.orange-rituels-item:nth-of-type(4) {
        margin-left:42vw;
    }
    li.orange-rituels-item:nth-of-type(5) {
        margin-left:10vw;
    }
    /* Row 4 (2 items) */
    li.orange-rituels-item:nth-of-type(6) {
        margin-left:24vw;
    }
    li.orange-rituels-item:nth-of-type(7) {
        margin-left:42vw;
    }
    /* Row 5 (2 items) */
    li.orange-rituels-item:nth-of-type(8) {
        margin-left:0;
    }
    li.orange-rituels-item:nth-of-type(9) {
        margin-left:30vw;
    }
    /* Row 6 (2 items) */
    li.orange-rituels-item:nth-of-type(10) {
        margin-left:15vw;
    }
    li.orange-rituels-item:nth-of-type(11) {
        margin-left:40vw;
    }
    /* Row 7 (2 items) */
    li.orange-rituels-item:nth-of-type(12) {
        margin-left:4vw;
    }
    li.orange-rituels-item:nth-of-type(13) {
        margin-left:35vw;
    }
    /* Row 8 (2 items) */
    li.orange-rituels-item:nth-of-type(14) {
        margin-left:7vw;
    }
    li.orange-rituels-item:nth-of-type(15) {
        margin-left:40vw;
    }
    /* Row 9 (2 items) */
    li.orange-rituels-item:nth-of-type(16) {
        margin-left:2vw;
    }
    li.orange-rituels-item:nth-of-type(17) {
        margin-left:26vw;
    }
    /* Row 10 (2 items) */
    li.orange-rituels-item:nth-of-type(18) {
        margin-left:45vw;
    }
    li.orange-rituels-item:nth-of-type(19) {
        margin-left:5vw;
    }
    /* Row 11 (1 item) */
    li.orange-rituels-item:nth-of-type(20) {
        margin-left:39vw;
    }
}

@media screen and (min-width: 768px) {
    li.orange-rituels-item a:hover::before {
        opacity:1;
        transition:0.1s; 
    }
    li.orange-rituels-item {
        width: 5em;
    }
    /* row 1 (1 item) */
    li.orange-rituels-item:nth-of-type(1) {
        position:absolute;
        right:15vw;
        top:-6em;
    }
    /* row 2 (3 items)*/
    li.orange-rituels-item:nth-of-type(2) {
        position:absolute;
        left:5vw;
        top:1em;
    }
    li.orange-rituels-item:nth-of-type(3) {
        position:absolute;
        left:40vw;
        top:2em;
    }
    li.orange-rituels-item:nth-of-type(4) {
        position:absolute;
        right:3vw;
        top:-1em;
    }
    /* row 3 (2 items)  */
    li.orange-rituels-item:nth-of-type(5) {
        position:absolute;
        left:15vw;
        top:7em;
    }
    li.orange-rituels-item:nth-of-type(6) {
        position:absolute;
        right:14vw;
        top:7.5em;
    }
    /* row 4 (3 items)  */
    li.orange-rituels-item:nth-of-type(7) {
        position:absolute;
        left:2vw;
        top:14em;
    }
    li.orange-rituels-item:nth-of-type(8) {
        position:absolute;
        left:30vw;
        top:11.5em;
    }

    li.orange-rituels-item:nth-of-type(9) {
        position:absolute;
        right:4vw;
        top:13em;
    }
    /* row 5 (2 items) */
    li.orange-rituels-item:nth-of-type(10) {
        position:absolute;
        left:20vw;
        top:20em;
    }
    li.orange-rituels-item:nth-of-type(11) {
        position:absolute;
        right:20vw;
        top:18em;
    }
    /* row 6 (2 items) */
    li.orange-rituels-item:nth-of-type(12) {
        position:absolute;
        left:26vw;
        top:26em;
    }
    li.orange-rituels-item:nth-of-type(13) {
        position:absolute;
        right:10vw;
        top:24em;
    }
    /* row 7 (3 items) */
    li.orange-rituels-item:nth-of-type(14) {
        position:absolute;
        left:6vw;
        top:31em;
    }
    li.orange-rituels-item:nth-of-type(15) {
        position:absolute;
        left:32vw;
        top:33em;
    }
    li.orange-rituels-item:nth-of-type(16) {
        position:absolute;
        right:2vw;
        top:29em;
    }
    /* row 8 (2 items) */
    li.orange-rituels-item:nth-of-type(17) {
        position:absolute;
        right:9vw;
        top:34.6em;
    }
    /* row 9 (2 items) */
    li.orange-rituels-item:nth-of-type(18) {
        position:absolute;
        left:22vw;
        top:44em;
    }
    li.orange-rituels-item:nth-of-type(19) {
        position:absolute;
        right:20vw;
        top:42em;
    }   
}




li.orange-rituels-item a {
    display:block;
    font-family: rs-light, serif;
    text-transform:initial;
    font-size: 0.7em;
}


.orange-artistes-assiettes img {
    object-fit: cover;
    max-height: 52vw;
}
@media screen and (min-width:768px) {
    .orange-artistes-assiettes img {
        object-fit: cover;
        max-height: none;
    }
}

/* retirer la marge sous le dernier paragraphe */
.orange-artiste-column-right p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}
.orange-artiste-images-8 {
    margin-left: 8%!important;
    margin-right: 8%!important;
}
.artiste-template figcaption {
    font-size: 16px!important;
    text-align: left;
}

.orange-bio-photo figcaption {
    font-size: 13px!important;
    max-width: 300px;
}
.orange-artiste-legende-photos p {
    margin-bottom: 0;
}
.orange-artiste-legende-photos .orange-intermedium-20 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 18px!important;
    font-size: clamp(1rem, 0.8571rem + 0.2232vw, 1.125rem)!important;
    line-height: 1.4!important;
}

.orange-weblinks {
    margin-right: 3em;
    color:black!important;
}
#orange-artist-heading h1 {
    color:black!important;
    margin-right:1em;
}
/* image page artiste */
.artiste-template #orange-artist-heading figure.wp-caption:first-of-type {
    width: fit-content;
    float: right;
    width:100%;
}
.artiste-template #orange-artist-heading  img:first-of-type {
    /*max-height: 600px;*/
    width: auto;
}
@media screen and (min-width: 1025px) {
    .artiste-template #orange-artist-heading img:first-of-type {
        /*max-height: 35vw;*/
        width:100%;
    }
}
.artiste-template .gallery-caption, .wp-caption, figcaption {
    text-align: left;
}


.orange-bio-photo img {
    width: fit-content;
}
.orange-bio-photo figcaption {
    font-size: 13px!important;
    max-width: 300px;
}



/* PAGE EVENEMENT (Cultiver l'humilité) */
.orange-texte-curatorial p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0;
}

@keyframes animatedHerbes {
  from {
    transform: rotate(0);
  }
  to {
    transform: rotate(4deg);
  }
}
.orange-herbes-bg.elementor-widget.elementor-widget-image {
    position: absolute;
    top: 8%;
    left: -52%;
    transform-origin: bottom center;
    animation: animatedHerbes 3s ease-in-out infinite alternate;
}

@keyframes animatedHerbes2 {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(3deg);
  }
}
.orange-herbes2-bg.elementor-widget.elementor-widget-image {
    position: absolute;
    width: 200px;
    top: 40%;
    right: -26%;
    transform-origin: top center;
    animation: animatedHerbes2 2s ease-in-out infinite alternate;
}
.orange-cultiver-humilite-img img {
/*
    will-change: transform;
    filter: url("#turbulence");
    */
}





.orange-cultiver-humilite {
    margin-right: 15%;
    font-size: 96px;
    font-size: clamp(2.5rem, -1.8rem + 6.00vw, 6rem);
    
    max-width: 680px;
    line-height: 1;
}
.orange-cultiver-humilite .orange-cultiver {
    float: left;
    margin-left: 3.7em;
}
.orange-cultiver-humilite .orange-humilite {
    float: left;
    margin-right: 0.6em;
    margin-left: 2.6em;
}
.orange-cultiver-humilite .orange-m8jagen {
    float: left;
    margin-top: -0.1em;
}
.orange-cultiver-humilite .orange-piwihozw8gan {
    float: left;
    margin-left: 1.25em;
}
.orange-cultiver-humilite .orange-cultivating {
    float: left;
    margin-left: 0.6em;
}
.orange-cultiver-humilite .orange-humility {
    float: left;
    margin-left: 3.3em;
}
.orange-banner-artistes-participants-wrap .elementor-widget-container {
    display: flex;
    justify-content: center;
}
.orange-banner-artistes-participants {
    text-align: left;
    font-family: rs-light, serif;
    font-size: 96px;
    font-size: clamp(2.5rem, -1.8rem + 6.00vw, 6rem);
    line-height: 0.8;
    color: white;
}
.orange-banner-artistes-participants:hover {
    color: var(--orlightgreen);
}
.orange-right-arrow {
    font-family: "Segoe UI Symbol", "Apple Symbols", "Segoe UI Emoji", "Apple Color Emoji", "Noto Color Emoji";
}




/* PAGE PROGRAMME */
.orange-microfestival-horaire p,
.orange-microfestival-horaire-item {
    margin: 0 0 1.1em 0;
    line-height: 1.4em;
}

.orange-programme-h2 {
    font-family: cd-semibold, sans-serif;
    font-size: 46px;
    font-size: clamp(2rem, 1.0000rem + 1.5625vw, 2.875rem);
}

/* slider modifié */
.orange-slider-qode .qodef-info--absolute-top .qodef-e-info-item {
    background-color: #000;
    width: auto!important;
    padding: 8px!important;
    height: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fff;
}
.orange-slider-qode .qodef-info--absolute-top {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
}
.qodef-border-color--yes {
    display:block; 
    position: relative;
    background:var(--orsecondary);
}
.orange-slider-qode .qodef-info--absolute-bottom {
    position: absolute;
    bottom: -2px;
    left: 0;
    z-index: 3;
    color: #fff;
    width: auto;
}
.orange-slider-qode .qodef-info--absolute-bottom .qodef-e-info-item  {
    display: inline-block;
    font-size: 14px;
    color: #fff;
    line-height: 23px;
    padding: 0;
    margin: 0;
    background-color: #000;
}
.orange-slider-qode .qodef-info--absolute-bottom .qodef-e-info-item.qodef-e-info-category {
    padding: 0 8px!important;
}
.orange-swiper-wrapper {
    margin-bottom: 8%;
}
.orange-swiper-pagination {
    bottom: 0!important;
    text-align: left;
}
.orange-slider-qode h5 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 1.75rem!important; /* 28 px */
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem)!important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem)!important;
    margin-top: 4px;
}
.orange-slider-qode .qodef-hover-animation--border .qodef-e:hover img {
    -webkit-clip-path: inset(10px)!important;
    clip-path: inset(10px)!important;
}
.orange-slider-qode .qodef-hover-animation--border .qodef-e img {
    -webkit-clip-path: inset(0)!important;
    clip-path: inset(0)!important;
    -webkit-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    -o-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    transition: all .3s cubic-bezier(.45,.05,.55,.95);
}
.orange-slider-qode .qodef-e-day {
    font-size: 22px;
}
.orange-slider-qode .qodef-divider {
    border-top: 1px solid #3d3d3d;
    width: 100%;
}

/* mediation liste */
.orange-list-qode.qodef-blog .qodef-blog-item .qodef-e-title-link {
    transition: 0.4s;
}
.orange-list-qode.qodef-blog .qodef-blog-item:hover .qodef-e-title-link {
    color: var(--orsecondary);
    transition: 0.4s;
}
.orange-list-qode.qodef-blog .qodef-blog-item .qodef-e-media .qodef-info--absolute-top {
    width: auto;
}
.orange-list-qode.qodef-blog .qodef-blog-item .qodef-e-media .qodef-info--absolute-top .qodef-e-info-item a {
    width: auto;
    padding: 8px;
    height: auto;
}
.orange-list-qode.qodef-blog .qodef-blog-item .qodef-e-media .qodef-info--absolute-bottom .qodef-info--absolute-bottom-inner {
    display: inline-block;
}
.orange-list-qode.qodef-blog .qodef-blog-item .qodef-e-info .qodef-e-info-item {
    vertical-align: baseline;
}

.orange-list-qode.qodef-blog .qodef-blog-item .qodef-e-media .qodef-info--absolute-top .qodef-e-info-item .qodef-divider {
    width: 100%;
}
/*
.orange-list-qode h5 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 1.75rem!important;
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem)!important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem)!important;
    margin-top: 4px;
}
*/
.orange-list-qode h5 {
    font-family: cd-book, sans-serif !important;
    font-size: 1.75rem !important;
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem) !important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem) !important;
    font-size: 1.5em;
    margin-top: 4px;
    text-transform: uppercase;
}

/***********/





/* à venir swiper */
.qodef-portfolio-list.qodef-item-layout--half-two-images .qodef-e-media-image {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}



/* PAGES PROGRAMME INDIVIDUEL */
/*.programme-template h1,
.mediation-template h1 {
    font-size: 5rem;
    font-size: min(max(3rem, calc(1.1250rem + 4.6875vw)), 6.75rem);
    font-size: clamp(3rem, 1.1250rem + 4.6875vw, 6.75rem);
}
.mediation-template h3,
.mediation-template h3 a,
.programme-template h3,
.programme-template h3 a {
    font-family: cd-semibold, sans-serif;
    font-weight: 400;
    font-size: 23px;
    font-size: clamp(1.1rem, 0.9000rem + 0.5000vw, 1.5rem);
    font-size: 1.4rem;
    line-height: 1.3;
}*/
.programme-template .elementor-accordion .elementor-tab-title {
    padding: 15px 0;
}
.programme-template .orange-programme-subtitle h2 {
    /*325-1920-32-130-16*/
    font-size: clamp(2rem, 0.7520rem + 6.1442vw, 8.125rem)!important;
    text-align:right;
    margin-bottom:1em; 
}

.mediation-template #orange-program-heading  img:first-of-type, 
.programme-template #orange-program-heading  img:first-of-type {
    max-height: 600px;
    width: auto;
}

@media screen and (max-width: 1600px) {
    .orange-title-smaller {
        font-size: 0.75em;
    }
}

@media screen and (max-width: 1024px) {
    .orange-title-smaller {
        font-size: 1em;
    }
    .mediation-template h1,
    .programme-template h1 {
        padding-top: 0.5em;
    }
}

@media screen and (min-width: 1025px) {
    .mediation-template #orange-program-heading img:first-of-type,
    .programme-template #orange-program-heading img:first-of-type {
        max-height: 35vw;
    }
}



.orange-main-page-title h1,
.orange-main-page-title h2 {
    color: var(--orsecondary)!important;
}



.orange-weblinks, .orange-weblinks .qodef-m-text {
    font-family: cd-semibold, sans-serif;
    /*font-size: 24px;
    font-size: clamp(1.1rem, 0.9000rem + 0.5000vw, 1.5rem);*/
    font-size: 1.25rem;
    font-size: min(max(0.9rem, calc(0.7250rem + 0.4375vw)), 1.25rem);
    font-size: clamp(0.9rem, 0.7250rem + 0.4375vw, 1.25rem);
    line-height: 1;
}
.orange-weblinks a {
    margin: -4px 0;
}
.orange-weblinks hr {
    margin: 10px 0 10px 0!important;
    max-width: 500px!important;
    background-color:#000000!important;
}
/*
.orange-date-title hr:last-of-type {
    margin-bottom: 0!important;
}
*/
@media screen and (min-width: 1025px) {
    .orange-date-title hr {
        margin: 10px 24px 10px 0!important;
        /*max-width: 635px!important;*/
        background-color:#000000!important;
    }
}


.orange-interregular-35 {
    font-family: cd-book, sans-serif!important;
    font-size: 35px!important;
    font-size: clamp(0.875rem, -0.6250rem + 2.3vw, 2.1875rem)!important;
    line-height: 1.4!important;
}

.orange-intermedium-35 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 35px!important;
    font-size: clamp(0.875rem, -0.6250rem + 2.3vw, 2.1875rem)!important;
    line-height: 1.4!important;
}


.orange-interregular-28 {
    font-family: cd-book, sans-serif!important;
/*    font-size: 28px!important;
    font-size: clamp(1.4rem, 1.9250rem + -0.4375vw, 1.4rem)!important;*/
    font-size: 1.75rem!important; /* 28 px */
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem)!important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem)!important;
    line-height: 1.2!important;
    margin-top: 4px;
}
.orange-intermedium-28 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 1.75rem!important; /* 28 px */
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem)!important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem)!important;
    margin-top: 4px;
}

.orange-interregular-24 {
    font-family: cd-book, sans-serif!important;
    font-size: 24px!important;
    /*font-size: clamp(1.2rem, 0.8571rem + 0.5357vw, 1.5rem)!important;*/
    line-height: 1.4!important;
}

.orange-intermedium-24 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 1.5rem!important;
    font-size: min(max(1rem, calc(0.7500rem + 0.6250vw)), 1.5rem)!important;
    font-size: clamp(1rem, 0.7500rem + 0.6250vw, 1.5rem)!important;
    line-height: 1.4!important;
}
@media screen and (max-width: 640px) {
    .orange-interregular-24, .orange-intermedium-24 {
        line-height: 1.2!important;
    }
}

.orange-interregular-20 {
    font-family: cd-book, sans-serif!important;

/*    font-size: 20px!important;
    font-size: clamp(1.1rem, 1.0250rem + 0.1875vw, 1.25rem)!important;*/
    font-size: 1.25rem;
    font-size: min(max(0.9rem, calc(0.7250rem + 0.4375vw)), 1.25rem);
    font-size: clamp(0.9rem, 0.7250rem + 0.4375vw, 1.25rem);
    line-height: 1.2!important;
}
.orange-intermedium-20 {
    font-family: cd-semibold, sans-serif!important;
/*    font-size: 20px!important;
    font-size: clamp(1.1rem, 1.0250rem + 0.1875vw, 1.25rem)!important;*/
font-size: 1.25rem;
font-size: min(max(0.9rem, calc(0.7250rem + 0.4375vw)), 1.25rem);
font-size: clamp(0.9rem, 0.7250rem + 0.4375vw, 1.25rem);    
    line-height: 1.2!important;
}
.orange-interregular-18 {
    font-family: cd-book, sans-serif!important;
    font-size: 18px!important;
    font-size: clamp(1rem, 0.8571rem + 0.2232vw, 1.125rem)!important;
    line-height: 1.4!important;
}

.orange-intermedium-18 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 18px!important;
    font-size: clamp(1rem, 0.8571rem + 0.2232vw, 1.125rem)!important;
    line-height: 1.4!important;
}

.orange-interregular-16 {
    font-family: cd-book, sans-serif!important;
    font-size: 16px!important;
    font-size: clamp(0.9rem, 0.8500rem + 0.1250vw, 1rem)!important;
    line-height: 1.2!important;
}
.orange-intermedium-16 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 16px!important;
    font-size: clamp(0.9rem, 0.8500rem + 0.1250vw, 1rem)!important;
    line-height: 1.2!important;
}

.orange-interregular-13 {
    font-family: cd-book, sans-serif!important;
    font-size: 13px!important;
    font-size: clamp(0.7rem, 0.5714rem + 0.2009vw, 0.8125rem)!important;
    line-height: 1.4;
}
.orange-intermedium-13 {
    font-family: cd-semibold, sans-serif!important;
    font-size: 13px!important;
    font-size: clamp(0.7rem, 0.5714rem + 0.2009vw, 0.8125rem)!important;
    line-height: 1.4;
}
.orange-height-1 {
    line-height: 1;
}
.orange-height-0p8 {
    line-height: 0.8;
}
.orange-height-1p2 {
    line-height: 1.2;
}
/* UTILITIES */

.orange-presse-date {
    margin-bottom: 8px!important;
}
.orange-no-bottom-spacing {
    padding-bottom: 0!important;
    margin-bottom: 0!important;
}

.noselect {
  -webkit-touch-callout: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
}

/* STANDARD ELEMENTS */
h1,h2,h3,h4,h5,h6 {
    font-family: rs-light, serif;
}



h1, h1 a {
    font-size: 108px;
    /*768-3600-40-100-17*/
    font-size: clamp(2.3529411764705883rem, 1.3958rem + 2.1186vw, 5.882352941176471rem);
    line-height: 1.02!important;
    color: var(--black)!important;
}
h2, h2 a {
    font-size: 100px;
    font-size: clamp(3rem, -1.8rem + 6.00vw, 6.25rem);
}
h3, h3 a {
    font-size: 80px;
    font-size: clamp(3rem, 0.7143rem + 3.5714vw, 5rem);
}
h4, h4 a {
    font-family: cd-semibold, sans-serif;
    font-size: 46px;
    font-size: clamp(2rem, 1.0000rem + 1.5625vw, 2.875rem);
}
h5, h5 a {
    font-size: 32px;
    font-size: clamp(1.875rem, 1.8125rem + 0.1563vw, 2rem);
}
h6, h6 a {
    font-size: 20px;
}

p {
    margin: 0 0 1.65em 0;
    margin: 0 0 0.5em 0;
    line-height: 1.3em;
}

.orange-gratuit {
    display: block;
    text-transform: uppercase;
    font-size: 0.9em;
    margin-top: 0.4em;
    color: var(--orsecondary);
}
/* h1 des pages 
.page-template h1 {
    font-size: 108px;
    font-size: clamp(2.5rem, -1.8rem + 6.00vw, 6rem);
    line-height: 1.1
}
*/

.accueil-h3 {
    font-size: 3.75rem;
    font-size: min(max(2.2rem, calc(0.7692rem + 2.9808vw)), 3.75rem);
    font-size: clamp(2.2rem, 0.7692rem + 2.9808vw, 3.75rem);
}

/* page partenaires */
.page-id-2771 h3, /* anglais */
.page-id-2548 h3 {
    font-family: cd-semibold, sans-serif;
    font-size: 32px;
    font-size: clamp(1.6rem, 1.4000rem + 0.5000vw, 2rem);
    margin-bottom: 2em;
}

/* grille de partenaires */
.orange-commanditaires-row {
    display: flex;
    flex-direction: row;
}
.orange-commanditaires-multicolumns {
    gap: 4%;
}
.orange-commanditaires-col {
    /*border-top: 1px solid black;*/
    width: 50%;
}

.orange-commanditaires-grid {
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-around;
    min-height: 180px;
}
.orange-commanditaires-img {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 85px;
    max-height: 110px;
    width: 20%;
    padding-right: 5%;
    /*padding-bottom: 3.5%!important;*/
}

.orange-commanditaires-grid img,
.orange-empty-slot {
    width: 100%;
    image-rendering: -webkit-optimize-contrast;
}
.border-top {
    border-top: 1px solid black;
}
.orange-hidden-h3 {
    visibility: hidden;
}
.orange-commanditaires-grid a img {
    max-height: 110px;
    opacity: 1;
    transition: 0.4s;
}
.orange-commanditaires-grid a:hover img {
    opacity: 0.7;
    transition: 0.4s;
}

@media only screen and (max-width: 1200px) {
    .orange-commanditaires-grid {
        min-height: 20vw;
    }
    .orange-hidden-h3 {
        display: none;
    }
    .orange-commanditaires-row {
        flex-direction: column;
    }
    .orange-commanditaires-col {
        width: 100%;
    }
}

@media only screen and (max-width: 500px) {
    .orange-commanditaires-grid {
        align-items: center;
        flex-wrap: wrap;
        /*justify-content: center;*/
    }
    .orange-commanditaires-img {
        width: 30%;
        /*padding-right: 0;*/
        padding-bottom: 5%;
    }
}

/* fin page partenaires */


/* Page Presse  --  */

.page-id-4344,
.page-id-4344 #qodef-page-mobile-header-inner,
.page-id-4425,
.page-id-4425 #qodef-page-mobile-header-inner
 /* page presse (frainçais) */
{
    background-color: #F3F2F0;
}

/* Page à propos apropos */
/*
.page-id-681 h1 {
    font-size: 100px;
    font-size: clamp(3rem, -1.8rem + 6.00vw, 6.25rem);
}*/ 
.page-id-1673 h2, /* page à propos (anglais) */
.page-id-681 h2, /* page à propos (francais) */
.page-id-2771 h2, /* page partenaires (anglais) */
.page-id-2548 h2, /* page partenaires (francais) */
.page-id-4344 h2,  /* page presse (francais) */
.page-id-4425 h2 /* page presse (anglais) */
{
    font-family: cd-semibold, sans-serif;
    font-size: 1.75rem!important; /* 28 px */
    font-size: min(max(1.4rem, calc(1.2250rem + 0.4375vw)), 1.75rem)!important;
    font-size: clamp(1.4rem, 1.2250rem + 0.4375vw, 1.75rem)!important;
    color: black!important;
}
.page-id-681 h3,  /* à propos (français) */
.page-id-1673 h3 {  /* à propos (anglais) */
    font-family: cd-semibold, sans-serif;
/*    font-size: 24px!important;
    font-size: clamp(1.2rem, 0.8571rem + 0.5357vw, 1.5rem)!important;*/
    font-size: 1.5rem!important;
    font-size: min(max(1rem, calc(0.7500rem + 0.6250vw)), 1.5rem)!important;
    font-size: clamp(1rem, 0.7500rem + 0.6250vw, 1.5rem)!important;
    line-height: 1.4!important;
    margin-bottom: -10px;
}

/* retirer breadcrumbs */
.qodef-title--breadcrumbs,
.qodef-breadcrumbs {
    display: none;
}
/* espacement haut et bas de page (entre header et footer) */
#qodef-page-inner {
    position: relative;
    /*padding: 60px 0 0 0;*/
    padding:0;
}


/* MENU VERTICAL */
/* largeur de la barre (container) */
.qodef-header--vertical-sliding #qodef-page-header {
    width: 45px;
}
/* modifier la largeur des contenus pour correspondre au 
   nouveau format de la barre de menu latérale */
.qodef-header--vertical-sliding #qodef-page-footer, .qodef-header--vertical-sliding #qodef-page-outer {
    padding-left: 45px;
}
.qodef-header--vertical-sliding #qodef-page-header .qodef--static {
    background-color:var(--orsecondary);
}
/* contenu du menu ouvert */
.qodef-header--vertical-sliding .qodef-vertical-sliding-area.qodef--dynamic {
    border-left: 1px solid white;
    background-color: var(--orsecondary);
    margin-left: 45px;
    left: -812px;
    width: 767px;
    padding: 0;
    /* calc and vars kills the menu animation... ?
    background-color: var(--orsecondary);
    margin-left: var(--vertmenuwidth);
    left: calc(-var(--vertslidemenuwidth) - var(--vertmenuwidth));
    width: var(--vertslidemenuwidth);
    */
}


/* ajustement logo svg ouverture/fermeture */
.qodef-m .qodef-m-icon.qodef--open,
.qodef-m .qodef-m-icon.qodef--close {
    width: 24px;
}
a.qodef-opener-icon {
    margin-bottom: 24px;
}
a.qodef-opener-icon:hover, p a.qodef-opener-icon:hover {
    color: white;
}
.qodef-opener-icon.qodef-vertical-sliding-menu-opener {
    padding: 36px;
}

/* if needed to animate menu open/close */
#qodef-page-header .qodef-vertical-sliding-menu--opened {

}

/*  ajustement logo au haut de la 
    barre verticale - déplacé au bas */
.qodef-header--vertical-sliding #qodef-page-header-inner {
    border-right: none;
    justify-content: center;
}
.qodef-header--vertical-sliding .qodef-vertical-sliding-area.qodef--static {
    justify-content: center; /* center the open/close icon */
    padding: 0;
}
.qodef-logo-outer {
    position: absolute;
    bottom: 30px;
}
#qodef-page-header .qodef-header-logo-link.qodef-height--not-set img {
    max-height: 100%;
}
/* retirer le widget apparaissant au bas de la barre */
.qodef-widget-holder-outer {
    display: none;
}

/* PANNEAU DÉROULANT avec le menu */

/* items du menu principal */
.qodef-header--vertical-sliding .qodef-header-vertical-sliding-navigation> ul > li > a {
    font-size: 50px;
    line-height: 1.1;
    background-image: none;
    transition: color .3s ease-out;
}
.qodef-header--vertical-sliding .qodef-header-vertical-sliding-navigation> ul > li > a:hover {
    transition: color .3s linear;
}
.orange-menu-container {
    display: flex;
    height: 100%;
}
.orange-menu-left {
    width: 575px;
    height: 100%;
    border-right: 1px solid white;
}
.orange-menu-right {
    width: 190px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.orange-menu-right nav ul {
    padding-top: 182px;
    list-style-type: none;
}
.orange-menu-right nav ul li {
    text-decoration: none;
}
.orange-menu-right nav ul li a {
    color: white;
    transition: 0.4s linear;
}
.orange-menu-right nav ul li a:hover,
.orange-menu-right nav ul > li.current-menu-item > a {
    color: black;
    transition: 0.4s ease-out;
}

.orange-menu-left-social {
    position: absolute;
    bottom: 24px; /* account bottom icon space */
    left: 68px; /* align with top menu items - to be adjusted if smaller sizes are created in @media */
    display: flex;

}
.orange-menu-left-social a i {
    color: white;
    transition: 0.4s linear;
}
.orange-menu-left-social a:hover i {
    color: black;
    transition: 0.4s ease-out;
}

.orange-menu-left-social .orange-social-facebook,
.orange-menu-left-social .orange-social-instagram,
.orange-menu-left-social .orange-social-twitter,
.orange-menu-left-social .orange-social-youtube {
    padding: 10px 16px 0 16px;
}






/*
*/
/* Mobile Menu */
.menu-item-4700 {
    margin-top: 1em!important;
    padding-top: 1em!important;
    border-top: 1px solid white;
}

.menu-item-4700 a .qodef-menu-item-text,
.menu-item-4701 a .qodef-menu-item-text,
.menu-item-4702 a .qodef-menu-item-text,
.menu-item-4708 a .qodef-menu-item-text,
.menu-item-4709 a .qodef-menu-item-text,
.menu-item-4710 a .qodef-menu-item-text
{
    font-size: 0.5em;
}
#qodef-side-area-mobile-header .qodef-m-navigation > ul > li.menu-item-4700 > a,
#qodef-side-area-mobile-header .qodef-m-navigation > ul > li.menu-item-4701 > a,
#qodef-side-area-mobile-header .qodef-m-navigation > ul > li.menu-item-4702 > a,
#qodef-side-area-mobile-header .qodef-m-navigation > ul > li.menu-item-4708 > a,
#qodef-side-area-mobile-header .qodef-m-navigation > ul > li.menu-item-4709 > a,
#qodef-side-area-mobile-header .qodef-m-navigation > ul > li.menu-item-4710 > a {
    line-height: 0.6;
}

/*
#qodef-side-area-mobile-header {
    -ms-flex-align: flex-end;
    align-items: flex-end;
}
@media screen and (min-height: 860px) {
    #qodef-side-area-mobile-header {
        -ms-flex-align: center;
        align-items: center;
    }
}
*/
#qodef-page-mobile-header {
    height: 125px;
}
#qodef-side-area-mobile-header {
    background-color: var(--orsecondary);
}
#qodef-page-mobile-header .qodef-opener-icon {
    color: black;    
}
#qodef-page-mobile-header .qodef-opener-icon:hover {

    color: var(--orsecondary);
}
#qodef-page-mobile-header .qodef-opener-icon.qodef-m-close 
{
    color: white;
}
#qodef-side-area-mobile-header .qodef-m-close 
{
    top: 26px;
    right: 18px;
}

#qodef-page-mobile-header .qodef-mobile-header-logo-link 
{
    visibility:hidden;
}
#qodef-page-mobile-header-inner:after {
    height: 0;
    display: none;
}

.home #qodef-page-mobile-header,
.page-id-63 #qodef-page-mobile-header {
    background-color: transparent;
    position: absolute;
    width: 100%;
    top: 0;
}
/* panneau déroulant avec le menu mobile */
#qodef-side-area-mobile-header {
    right: -100vw;
    width: 100%;
    padding: 50px 12px 70px 12px
}


#qodef-side-area-mobile-header .qodef-m-navigation > ul > li > a
{
    font-family: rs-light, serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.25;
    color: #fff;
}

/* sélecteur de langue sur menu mobile */
#menu-menu-mobile-1 .wpml-ls-item a {
    font-size: 1em!important;
    line-height: 1em!important;
}

/* HEADER festival orange (dates + menu fixe) */
.orange-header {
    position:absolute;
    left:0;
    top:0;
    padding:12px;
    width:80%;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    z-index: 101; /* 101 pour apparaitre par-dessus le menu mobile */
    transition: 1s;

}
.orange-mobile--opened .orange-header-mobile {
    opacity: 0;
    transition: 1s;
}

.orange-header-mobile {
    display: flex;
}
.orange-header-desktop {
    display: none;
}

/* header over image on home page */
.home .orange-header,
.page-id-63 .orange-header {
    position:absolute;
}
.home .qodef-page-title,
.page-id-63 .qodef-page-title {
    display: none;
}
.home #qodef-page-inner,
.page-id-63 #qodef-page-inner  {
    position: relative;
    padding: 0;
}

.orange-header-logo {
    display:block;
    width:175px;
    max-width: 200px;
}
 

@media screen and (min-width: 1025px) {
    .orange-header {
        position:relative;
        width: 100%;
        left:5vw; /* account for side menu */
        padding:24px;
        width:calc(100% - 45px);
        z-index: 99;
    }
    .orange-header-right,
    .orange-header-left {
        display: flex;
        flex-wrap: nowrap;
        flex-direction: row;
    }
    .orange-header-mobile {
        display: none;
    }
    .orange-header-desktop {
        display: flex;
    }
    .orange-header-logo {
        display:block;
        width:14vw;
        width: clamp(175px, 14vw, 200px);
    }
    .orange-header-logo img {
        width: 100%;
        height: auto;
    }
    .orange-header-year {
        margin-left: 3vw;
    }
    .orange-header-info,
    .orange-header-menu {
        font-size:22px;
        font-size: clamp(1rem, 0.5714rem + 0.6696vw, 1.375rem);
        margin-top: 10px;
    }
    .orange-header-info {
        display:flex;
    }
    .orange-header-info div:first-of-type {
        margin-right:3em;
    }


    .orange-header-menu nav ul {
        list-style-type: none;
    }
    .orange-header-menu nav ul li {
        margin: 0 1.8vw;
        text-decoration: none;
        display: inline-block;
    }
    .orange-header-menu nav ul li a {
        color: var(--orpurple);
        text-transform: uppercase;
        transition: 0.4s linear;
    }
    .orange-header-menu nav ul > li.current-menu-item > a {
        color: inherit;
        /*text-decoration: overline;*/
        transition: 0.4s ease-out;
    }    
    .orange-header-menu nav ul li a:hover {
        color: var(--orsecondary);
    }
}

@media screen and (min-width: 1400px) {
    .orange-header-info,
    .orange-header-menu {
        margin-top: 1vw;
        margin-top: clamp(13px, 1vw, 21.3px);
        /*line-height: 1.26;*/
    }
}



/* HOME / ACCUEIL */
/* animation carrousel */
.orange-carousel {
  position: absolute;
  height: clamp(7rem, -0.8333rem + 19.5833vw, 16.75rem);
  /*margin-top: clamp(7rem, -0.8333rem + 19.5833vw, 18.75rem);*/
  bottom: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  overflow: hidden;
}

.home .orange-date-title,
.home .orange-accueil-h2 {
    font-family: rs-light, serif;
    font-size: 2em;
    color: black;
}

@media screen and (max-width: 768px) {
    .orange-carousel {
        margin-bottom: 20vh;
    }
}

.orange-carousel > img {
    height: 200px;
    height: clamp(6.25rem, 3.1250rem + 7.8125vw, 12.5rem)!important;
    width: auto;
    position: absolute;
    background-size: cover;
}
.orange-carousel > *:nth-child(1) {
  animation: fade1 9s infinite;
  animation-timing-function: linear;
}
@keyframes fade1 {
  0% {
    opacity: 1;
  }
  33.2% {
    opacity: 1;
  }
  33.333333333% {
    opacity: 0;
  }
  66.6666666667% {
    opacity: 0;
  }
  99.9% {
    opacity: 0;
  }  
  100% {
    opacity: 1;
  }
}
.orange-carousel > *:nth-child(2) {
    animation: fade2 9s infinite;
    animation-timing-function: linear;
}
@keyframes fade2 {
  0% {
    opacity: 0;
  }
  33.2% {
    opacity: 0;
  }
  33.333333333% {
    opacity: 1;
  }
  66.65% {
    opacity: 1;
  }
  66.666666667% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.orange-carousel > *:nth-child(3) {
    animation: fade3 9s infinite;
    animation-timing-function: linear;
}
@keyframes fade3 {
  0% {
    opacity: 0;
  }
  33.3333333333% {
    opacity: 0;
  }
  66.65% {
    opacity: 0;
  }
  66.6666666667% {
    opacity: 1;
  }
  99.9% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* fin animation carrousel */


/* test carrousel */
#orange-home-carrousel {
    height: 150px;
    margin-top: -150px;
}

/* test background image */
#orange-home-header-image  {
    margin: 0;
    padding: 0;
    position: fixed;
    z-index: 0;
}
#orange-home-header-text {
    position: absolute;
    top: 0;
}
#orange-home-header-text .orange-home-header-title h1 {
    margin-top: -3em;
}
#orange-home-header-image .elementor-widget-container {
/*    display: flex;
    justify-content: flex-end;
    align-items: flex-end;*/
}
#orange-home-header-image img,
#orange-home-header-image canvas {
    float: right;
/*    min-height: 100vh;
    width: auto;*/
}
#orange-home-header-image img,
#orange-home-header-column canvas {
    margin-right: 120px;
    cursor: initial!important;
}
#orange-home-header-column canvas {
    position: absolute;
    right: 0;
    top: 0;
}
@media screen and (max-width: 1024px) {
    #orange-home-header-image img,
    #orange-home-header-image canvas {
        float: right;
        min-width: 1344px;
        height: auto;
        margin-top: 16px;
    /*    min-height: 100vh;
        width: auto;*/
    }
    #orange-home-header-image img,
    #orange-home-header-column canvas {
        margin-right: 0;
    }
    #orange-home-header-column canvas {
        position: absolute;
        right: 0;
        top: 0;
    }
}


/* home splash header */
/*
.home #orange-home-splash {
    image-rendering: -webkit-optimize-contrast;
    max-height: 100vh;
}
*/
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    .home #orange-home-splash {
        /*background-attachment: scroll ;*/
    }
}

@media screen and (max-width: 640px) {
    .home #orange-home-splash {
        /*max-height: 92vh;*/
    }
}

#orange-home-splash {
    font-size:17px;
    /*768-3600-12-50-17*/
    font-size: clamp(0.7058823529411765rem, 0.0997rem + 1.3418vw, 2.9411764705882355rem);
    /*768-3600-11-45-17*/
font-size: clamp(0.6470588235294118rem, 0.1047rem + 1.2006vw, 2.6470588235294117rem);


}
.orange2025-lieux-section {
    font-family:rs-light, serif;
    color:var(--header-text-color);
    line-height:1.15em;
    font-style: italic;
    width:var(--orange-splash-width);
    margin: 1.4em 2em;
    padding-top:2em; 
    position:relative;
    z-index:150;

}
@media screen and (min-width:768px) {
    .orange2025-lieux-section {
        margin:0 auto;
    }
}
.orange2025-lieux-section a {
    color:var(--header-text-color);
}
.orange2025-lieux-section a:hover {
    color:var(--orsecondary);
}
.orange2025-lieux-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.orange-2025-lieu.precieux-sang {
    padding-right: 0.4em;
}
.orange-2025-lieu.expression {
    padding-left: 0.15em;
}
#orange2025-splash-text {
    width: var(--orange-splash-width);
    margin-top:3.25em; 
    margin-bottom:3em;
}
#orange2025-splash-text img {
    width: 100%;
}
#orange-home-header-column {
    padding-bottom: 10vw;
}

.orange-home-header-title {
    display: flex;
    justify-content: center;
}
#orange-faim-rituel {
    width: var(--orange-splash-width);
    margin:0 auto;
    display:grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 0.75em; 
}
.orange-faim-rituel {
    width: 100%;
}
.orange-faim-rituel.hidden {
    visibility:hidden;
}

/* home showcase (artistes et commissaires) */
.orange-home-showcase-title {
    font-family: cd-semibold, sans-serif;
    font-size: 20px;
}
.orange-home-artists-showcase, .orange-home-commisaires-showcase {
    font-family: rs-light, serif;
}

.admin-bar .qodef-interactive-link-showcase,
.qodef-interactive-link-showcase,
.admin-bar .qodef-interactive-link-showcase.qodef-layout--slider,
.qodef-interactive-link-showcase.qodef-layout--slider  {
    min-height: unset;
    height: auto;
}
.qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-item .qodef-e-title,
.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item .qodef-e-title,
.qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-item,
.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item {
/*    font-size: 100px;
    font-size: clamp(3rem, -1.8rem + 6.00vw, 6.25rem);*/
font-size: 4rem;
font-size: min(max(1rem, calc(-0.0563rem + 3.3803vw)), 4rem);
font-size: clamp(1rem, -0.0563rem + 3.3803vw, 4rem);

    color: black;
    line-height:1;
    transition: 0.4s;
}
.qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-item:hover .qodef-e-title,
.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-item:hover .qodef-e-title {
    color:var(--orlightgreen);
    transition: 0.4s;
}


.qodef-interactive-link-showcase.qodef-layout--slider .swiper-container:before {
    content: none!important;
}
.qodef-interactive-link-showcase.qodef-layout--slider .swiper-container {
    padding-top: 0;
    padding-bottom: 0;
}

.qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-images .qodef-e-media-image img {
    max-width: 26%;
}
.qodef-interactive-link-showcase.qodef-layout--slider .qodef-m-images .qodef-e-media-image {
    z-index: 1;
}



/* commissaires */
.orange-home-commissaires-showcase.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images {
    height: auto;
    width: 25%;
}
.orange-home-commissaires-showcase.qodef-layout--list .qodef-m-items {
    height: auto;
}
.qodef-interactive-link-showcase.qodef-hover-animation--ripple canvas,
.qodef-interactive-link-showcase.qodef-hover-animation--ripple img {
    max-height: 340px;
    width: auto;
}
.qodef-interactive-link-showcase.qodef-layout--list .qodef-m-images .qodef-e-media-image {
    /*height: 100px;*/
}
.page-id-13,
.page-id-1004 {
    background-color: var(--opgrey);
}

.orange-accueil-h2 {
    width: fit-content;
    margin-right: 10%;
    font-family: cd-semibold, sans-serif;
    font-size: 23px;
    margin-bottom: 17px;
    font-size: clamp(1.1rem, 0.9000rem + 0.5000vw, 1.5rem);
    line-height: 1.3;
    color: black;
    margin-top: 0.6vw;
}
.orange-liste-artistes,
.orange-liste-rituels,
.orange-accueil-commissaires {
    column-count:1;
    column-gap:1em;
    font-size: 108px;
    /*768-3600-40-100-17*/
    font-size: clamp(2.3529411764705883rem, 1.3958rem + 2.1186vw, 5.882352941176471rem);
    line-height: 1.02!important;
    color: var(--black)!important;
    padding: 0 4%;
}

.orange-color-black a {
    color: black;
}
.orange-color-white a {
    color: white;
}
.orange-color-black a:hover,
.orange-color-white a:hover {
    color: var(--orpurple);
}

@media screen and (min-width: 768px) {
    .orange-liste-artistes,
    .orange-accueil-commissaires {
        /*column-count:2;
        column-gap:1em;*/
        padding: 0 8%;
    }
    .orange-columns-1 {
        column-count:1;
        column-gap:1em;
    }
    .orange-columns-2 {
        column-count:2;
        column-gap:1em;
    }
    .orange-columns-3 {
        column-count:3;
        column-gap:1em;
    }
    .orange-columns-4 {
        column-count:4;
        column-gap:1em; 
    }
}

/* image la friche */
.orange-la-friche-image a,
.orange-la-friche-image a img {
    min-width: 100%;
}
.orange-la-friche-image img,
.orange-image-presse img {
    -webkit-clip-path: inset(0px);
    clip-path: inset(0px);
    -webkit-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    -o-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    transition: all .3s cubic-bezier(.45,.05,.55,.95);
}

.orange-la-friche-image a:hover img,
.orange-image-presse a:hover img {    
    -webkit-clip-path: inset(10px);
    clip-path: inset(10px);
    -webkit-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    -o-transition: all .3s cubic-bezier(.45,.05,.55,.95);
    transition: all .3s cubic-bezier(.45,.05,.55,.95);
}
.orange-la-friche-image a,
.orange-image-presse a {
    transition: 1s;
}
.orange-la-friche-image a:hover,
.orange-image-presse a:hover {
    background-color: var(--orlightgreen);
    transition: 0.1s ease;
}



/* FOOTER */
/* infolettre */
.orange-infolettre {
    display:flex;
    flex-direction:row;
}
.orange-infolettre-label {
    width: 35%;
    width: fit-content;
    line-height: 2.5em!important;
    padding-bottom: 0;
    margin-bottom: 0;
    white-space: nowrap;
    margin-right: 1em;
    color:var(--footer-text-color);
}
input[type=text] {
    font-size: 1.25rem;
    font-size: min(max(0.9rem, calc(0.7250rem + 0.4375vw)), 1.25rem);
    font-size: clamp(0.9rem, 0.7250rem + 0.4375vw, 1.25rem);
    padding:10px 20px;
    border: 1px solid var(--footer-text-color);
}
footer .qodef-theme-button, button[type=submit], input[type=submit] {
    background-color: var(--orsecondary);
    margin-left:5px;
}
@media screen and (max-width: 768px) {
    .orange-infolettre {
        flex-direction:column;
    }
    .orange-infolettre-label {
        width:100%;
    }
}


/* réordonner pour avoir le footer du bas en haut et permettre l'ajout de l'inscription à l'infolettre */
footer#qodef-page-footer {
    display: flex;
    flex-direction: column-reverse;
}
#qodef-page-footer-top-area {  /* maintenant bottom */
    padding: 45px 0 0 0!important;
}
#qodef-page-footer-bottom-area {  /* maintenant top */
    padding: 160px 0 45px!important;
}
@media screen and (max-width: 1024px) {
    #qodef-page-footer-bottom-area {  /* maintenant top */
        padding: 96px 0 45px!important;
    }
}
@media screen and (max-width: 768px) {
    #qodef-page-footer-bottom-area {  /* maintenant top */
        padding: 48px 0 45px!important;
    }


}

/* mettre les colonnes de la grille de footer à 100% de largeur à partir de 1025px */
@media only screen and (max-width: 1025px) {
    .qodef-grid.qodef-responsive--custom.qodef-col-num--768--1.qodef-layout--columns>.qodef-grid-inner>.qodef-grid-item {
        width: 100%;
    }
}



#qodef-page-footer .qodef-grid > .qodef-grid-inner > .qodef-grid-item {
    padding: 0 16px;
}


#qodef-page-footer-top-area .qodef-grid-item:before {
    background-color: rgba(0,0,0,0.2);
    background-color:var(--opfooter);
    width: calc(100% - 64px);
    top: -24px;
}
#qodef-page-footer-top-area .qodef-content-full-width,
#qodef-page-footer-bottom-area .qodef-content-full-width {
    padding: 0 12px;
    width: calc(100% - 24px);
}

.orange-footer-col4 p {
    margin-bottom: 0;
}
.orange-footer-social {
    display: flex;
}
#qodef-page-footer .widget a {
    color: var(--footer-text-color);
}
#qodef-page-footer .widget a:hover {
    color: var(--orsecondary);
}

.orange-footer-social a {
    padding: 16px;
    margin: 0 16px;
    margin-right: clamp(0.6rem, 0.4000rem + 0.5000vw, 1rem);;
    margin-left: clamp(0.6rem, 0.4000rem + 0.5000vw, 1rem);;
    font-size: 28px;
    font-size: clamp(1.25rem, 1.0000rem + 0.6250vw, 1.75rem);
}
.orange-footer-social a:first-of-type {
    padding-left: 0;
    margin-left: 0;
}

#qodef-page-footer .orange-footer-col {
    font-family: cd-semibold, sans-serif;
    font-size: 17px;
    line-height: 1.9;
    color:var(--footer-text-color);
}
#qodef-page-footer .orange-footer-col1 {
    font-family: cd-semibold, sans-serif;
    font-size: 60px;
    line-height: 1.2;
    text-align:center;
}
@media screen and (min-width: 1024px) {
    #qodef-page-footer .orange-footer-col {
        font-family: cd-semibold, sans-serif;
        font-size: 17px;
        font-size: clamp(0.75rem, 0.3929rem + 0.5580vw, 1.0625rem);
        font-size: 22px;
        line-height: 1.3;
    }
    #qodef-page-footer .orange-footer-col1 {
        font-family: cd-semibold, sans-serif;
        font-size: 35px;
        font-size: clamp(0.875rem, -0.6250rem + 2.3vw, 2.1875rem);
        font-size:50px;
        text-align:left;
        line-height: 1.2;
    }
    #qodef-page-footer-top-area {  /* maintenant bottom */
        padding: 45px 0 75px 0!important;
    }
    #qodef-page-footer-bottom-area {  /* maintenant top */
        padding: 160px 0 45px!important;
    }
    #qodef-page-footer-top-area .qodef-content-full-width,
    #qodef-page-footer-bottom-area .qodef-content-full-width {
        padding: 0 8%;
        width: 92%;
    }
}


/* previous / next artist link */
.orange-nav-prev,
.orange-nav-prev-artist {
    float: left;
    margin-left: 1em;
    max-width: 40%;
}
.orange-nav-next,
.orange-nav-next-artist {
    float: right;
    margin-right: 1em;
    max-width: 40%;
    text-align:right;
}
/* previous / next program link */
.orange-nav-prev-program {
    float: left;
    margin-left: 1em;
    max-width: 40%;
}

.orange-nav-next-program {
    float: right;
    margin-right: 1em;
    max-width: 40%;
    text-align: right;
}


b, strong {
    font-weight: normal;
}
p strong, p b {
    font-family: cd-semibold, sans-serif;
}

@media screen and (max-width: 768px) {

    section.elementor-element {
        padding: 36px 0!important;
        margin-bottom: 36px!important;
    }
    section#orange-home-splash {
        padding: 0!important;
        margin: 0!important;
    }
    .page-id-506 section.elementor-element, /* disable sur page artiste */
    .page-id-1613 section.elementor-element {
        padding: 0!important;
        margin-bottom: 0!important;
    }

    .orange-nav-prev-artist {
        margin-bottom: 1em;
    }

    .orange-nav-next-artist {
        margin-bottom: 1em;
    }
    /* previous / next program link */
    .orange-nav-prev-program {
        margin-bottom: 1em;
    }

    .orange-nav-next-program {
        margin-bottom: 1em;
    }

}

/* fix for ioS gap on flex elements (elementor container) */
@supports (-webkit-touch-callout: none) {
    /* CSS specific to iOS devices */ 
    .e-container figure {
        margin-right: 20px!important;
    }
}

 
/* accueil artistes */
.orange-artistes-list,
.orange-artistes-item {
    text-decoration:none;
    list-style-type: none;
    padding:0;
    border:0;
}
 
/* page artiste - espacement sous la colonne gauche pour le mobile */
.orange-artiste-left-column {
    margin-bottom: 2em;
}

.qodef-blog .qodef-blog-item .qodef-e-media-image a, .qodef-blog .qodef-blog-item .qodef-e-media-image img {
    display: block;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 800 / 596;
}

#orange-artist-heading h1 span.font-cdbook.uppercase {
    display: inline-block;
    padding-bottom: 0.1em;
}

#orange-artist-heading h1 {
    margin-bottom:0.25em;
}
@media screen and (min-width:768px) {
    #orange-artist-heading h1 {
        margin-bottom:0em;
    }
}


h3.orange-parcours-titre {
    padding: 0;
    margin: 0;
    margin-bottom:1em;
    font-size:1.4em;
}


.programme-template #qodef-page-inner,
.artiste-template #qodef-page-inner {
    margin-top:0px;
}

@media screen and (min-width: 1024px) {
    .page-template:not(.home):not(.page-id-506):not(.page-id-2548):not(.page-id-4344):not(.page-id-4462):not(.page-id-4478):not(.page-id-4465):not(.page-id-2548) #qodef-page-inner,
    .programme-template #qodef-page-inner,
    .artiste-template #qodef-page-inner {
        margin-top:-70px;
    }
}


.orange-moment-rituel-titre h3 {
    font-size: clamp(2.2rem, 1.0000rem + 1.5625vw, 3rem);;
    margin-bottom: 0.1em !important;
    padding-bottom: 0.5em;
    padding-top: 1em !important;
}
.orange-rituel-item-titre {
    /*600-1920-23-55-16*/
    /*font-size: clamp(1.4375rem, 0.5284rem + 2.4242vw, 3.4375rem)!important;*/
    /*725-3390-26.3-66.8-16*/
    font-size: clamp(1.64375rem, 0.9551rem + 1.5197vw, 4.175rem)!important;
}
.orange-rituel-item-date {
    /*font-family: cd-semibold, sans-serif;*/
    display:block;
    margin-top:0.1em;
    font-size:0.65em;
    text-transform:uppercase;
}
.orange-programme-nom-artiste {
    font-size:24px!important;
}

.orange-partenaires a {
    opacity:1;
    transition:0.25s;
}
.orange-partenaires a:hover {
    opacity:0.7;
    transition:0.25s;
}