/*
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme-child/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 2.0.0
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/
:root{
--vert:#0af413;
--bleu:#1449EA;<
}
a:hover{
cursor:url("cursors/mouse-24.png") 16 16, pointer;
}
/* Add your custom styles here */
#header{
/*overflow:hidden;*/
height:90px;
}
#header h2{
font-weight: 800;
}
#header a:hover{
color:var(--vert);
}
#main_content, #text, #medias, #time, .panel{
}
#header__menu{
font-weight:800!important;
position:relative;
}
#header__menu a{
transition:color .5s;
}
#header__menu ul{
position:absolute;
top:.5rem;
left:0;
width:80vw;
padding:0 1rem;
display:flex;
flex-wrap:wrap;
max-width:1200px;
}
#header__menu ul:hover{
padding-bottom:2rem;
background-color:var(--bleu);
}
#header__menu ul:hover li{
display: block;
border-bottom:1px solid white;
padding-bottom:2rem;
}
#header__menu ul:hover li.current-menu-item {
}
#header__menu ul.sm-vertical li{
margin-left:0;
}
#header__menu li{
display:none;
order:2;
width:100%;
white-space: nowrap; /* une seule ligne */
overflow: hidden; /* cache ce qui dépasse */
text-overflow: ellipsis; /* remplace par … */
max-width: 100%;
line-height: 3rem;
}
body.home #header__menu li:first-child,
body.single-formation #header__menu li.menu-item-object-formation,
body.single-projet #header__menu li.menu-item-object-projet,
body.single-artiste #header__menu li.menu-item-object-artiste,
#header__menu li.current-menu-item {
order:1;
display:block;
height:4rem;
}
body.page #header__menu li.current-menu-item + li:first-child{
display:none;
}
#header__menu li.current-menu-item a:before{
content:"";
}
#main_menu nav ul li:first-child ul,
#main_menu nav ul a.highlighted+ul{
display:grid;
grid-template-columns: 50% 50%;
grid-template-rows: auto auto;
gap: 10px;
width: 100%;
margin-bottom:1rem;
line-height:1.1;
}
#main_menu .sub-arrow{
position:absolute;
right:0;
top:1rem;
}
#main_menu a:hover > span.sub-arrow path{
fill:var(--vert);
}
#main_menu nav>ul>li {
margin:1rem 0;
padding-bottom: 1.5rem;
line-height: 1.1;
}
#main_menu nav>ul>li>a {
line-height: 1;
font-weight:800;
font-variation-settings: "wdth" 151;
}
#main_menu nav ul ul li {
border:none;
padding:0;
}
#main_menu nav ul ul a {
font-weight:400;
font-size:2rem;
padding:0.5rem 0;
border:none;
}
#main_menu nav ul ul li.small a{
font-size:1.5rem;
}
#lang li.wpml-ls-current-language a{
color:var(--vert);
}
button[type="submit"], li.button a, a.button, a.wp-element-button{
display:inline-block;
background:white;
color:var(--bleu)!important;
font-weight:300;
border-radius:50px;
padding:5px 20px!important;
border:1px solid var(--bleu);
text-decoration: none!important;
}
a.wp-element-button{
font-weight:600;
border:1px solid var(--bleu);
font-variation-settings: "wdth" 151;
}
button[type="submit"]{
background: var(--bleu);
border:none;
color:white!important;
}
button[type="submit"]:hover, li.button a:hover, a.button:hover, a.wp-element-button:hover{
background:var(--vert);
border:1px solid var(--vert);
}
.post-password-form{
display:flex;
flex-direction: column;
gap:1rem;
}
#main_content{
height:calc(100vh - 90px);
overflow:hidden;
}
#text, #medias, #time{
height:calc(100vh - 90px);
overflow-y:auto;
}
.font_width_max, .font_width_max * {
font-variation-settings: "wdth" 151;
font-weight:800;
}
.e-n-accordion-item-title-text{
font-variation-settings: "wdth" 151;
font-weight:800;
}
h1.elementor-heading-title{
font-variation-settings: "wdth" 151;
font-weight:600;
}
.artist__preview h3{
text-align:center;
}
#medias *{
color:white;
}
#medias a:hover *{
color:var(--vert);
}
#medias .artist__preview a:hover span{
color:var(--bleu);
}
#medias h2{
hyphens: auto;
word-break: break-word;
}
.actu--preview .elementor-widget-image >.elementor-widget-container,
#medias .elementor-widget-image >.elementor-widget-container,
#medias .project__image a{
display:block;
position:relative;
}
.actu--preview .elementor-widget-image >.elementor-widget-container > img,
#medias .elementor-widget-image >.elementor-widget-container > img,
#medias .project__image a img{
display: block;
width: 100%;
height:auto;
filter: grayscale(100%);
transition:filter .3s;
}
.actu--preview .elementor-widget-image >.elementor-widget-container:after,
#medias .elementor-widget-image >.elementor-widget-container:after,
#medias .project__image a:after{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(45deg, #1449EA, #0af413);
mix-blend-mode: color;
animation: spinGradient 10s linear infinite;
pointer-events: none;
}
.actu--preview .elementor-widget-image >.elementor-widget-container:hover:after,
#medias .elementor-widget-image >.elementor-widget-container:hover:after,
#medias .project__image a:hover:after{
background: transparent;
}
.actu--preview .elementor-widget-image >.elementor-widget-container:hover > img,
#medias .elementor-widget-image >.elementor-widget-container:hover > img,
#medias .project__image a:hover img{
filter:none;
}
.actu--preview img{
aspect-ratio: 3 / 2;
overflow:hidden;
width: 100%;
height: 100%;
object-fit: cover; /* force le recadrage */
object-position: center;
}
.project__porteur{
display:flex;
gap:.5rem;
}
.project__artist ul{
display:flex;
list-style: none;
margin:0;
padding:0;
}
.project__artist ul li{
margin: 0 1rem 0 0 ;
padding:0;
}
.project__artist ul li:last-child{
margin: 0;
padding:0;
}
.project__artist ul li a{
border: 1px solid var(--bleu);
color: var(--bleu);
display: inline-block;
background: white;
border-radius: 50px;
padding: 0 10px;
font-weight: 600;
}
.project__artist ul li a:hover{
background:var(--vert);
border-color:var(--vert);
}
.artist__press .press {
display:block!important;
}
.artist__press .press .type{
text-transform: uppercase;
font-weight: 900;
font-size:.75rem;
display:inline-block;
color:var(--bleu);
}
.artist__press .press a{
font-weight:bold;
}
.artist__press .press a:hover{
color:var(--bleu);
}
.pressitem{
display:block!important;
padding-left:2.5em!important;
position:relative;
}
.pressitem:before{
content: "";
position:absolute;
top:0;
left:0;
display: block;
width: 2em;
height: 2em;
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
}
.pressitem.press--interview:before{
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
}
.pressitem.press--podcast:before{
background: no-repeat center/contain url('data:image/svg+xml;utf8,');
}
.pressitem a{
color:var(--bleu);
font-weight:bold;
}
.pressitem a:hover{
text-decoration:underline;
}
.press__details span:empty{
display:none;
}
.press__details span:empty:before{
content:"";
display:none;
}
.press__details span:not(:empty):before{
content:" - ";
}
.press__details span:first-child:before{
content:"";
}
.rs_button {
color:var(--bleu);
border:1.5px solid var(--bleu);
padding:5px;
border-radius:100%;
background:white;
min-width:1rem;
min-height:1rem;
}
.rs_button:hover {
color:white;
background:var(--bleu);
}
.align-items--center, .align-items--center>figure{
display:flex;
align-items: center!important;
}
.align-items--center>figure>figure{
display:block;
}
.wpml-ls-statics-footer, .otgs-development-site-front-end{
display:none;
}
.e-con .elementor-widget.website__title{
min-width:210px;
}
.header__title h2{
white-space: nowrap; /* une seule ligne */
overflow: hidden; /* cache ce qui dépasse */
text-overflow: ellipsis; /* remplace par … */
display: block; /* requis pour que ça marche partout */
max-width: 100%;
}
#main_content #text{
order:1;
}
#main_content #medias{
order:2;
}
#main_content #time{
order:3;
background: linear-gradient(90deg,rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 10%);
}
#main_content.time--1 #time{
order:2;
}
#main_content.time--1 #medias{
order:3;
}
#medias, #time, #text{
transition:width .5s ease-in, --columns .5s;
}
.panel__header{
transform-origin: bottom left;
}
#main_content.hide_medias #medias{
display: none;
}
#main_content.hide_time #time{
display: none;
}
/* TEXT EXPAND */
#main_content.text--focus #text,
#main_content.text--expand #text{
width: calc(67% - 5rem);
padding:.5rem;
}
#main_content.text--focus.medias--expand #text,
#main_content.text--focus.dates--expand #text {
width:33.33%;
}
#main_content.text--focus #time,
#main_content.text--expand #time{
width:80px;
box-sizing: border-box;
}
#main_content.text--focus:not(.dates--expand) #time .panel__header,
#main_content.text--expand #time .panel__header{
transform:rotate(90deg) translate(-1rem, -1rem);
width:80vh;
}
#main_content.text--focus:not(.dates--expand) #time .panel__content,
#main_content.text--expand #time .panel__content{
display:none;
}
#main_content.text--focus.time--open #time .panel__header,
#main_content.text--expand.time--open #time .panel__header{
transform:none;
width:auto;
}
#main_content.text--focus.time--open #time,
#main_content.text--expand.time--open #time {
width:33%;
}
#main_content.text--focus.time--open #time .panel__content,
#main_content.text--expand.time--open #time .panel__content{
display:block;
}
#main_content .panel:last-child{
justify-self:flex-end;
}
#main_content.hide_medias.time--open #text,
#main_content.hide_time.medias--open #text{
width:67%;
}
/*
.single-formation #main_content.text--focus #time{
width:33%;
}
.single-formation #main_content.text--focus #medias{
width:80px;
box-sizing: border-box;
}
.single-formation #main_content.text--expand #time .panel__header{
transform:none;
width:auto;
}
.single-formation #main_content.text--focus #time .panel__content,
.single-formation #main_content.text--expand #time .panel__content{
display:block;
}
.single-formation #main_content.text--focus #medias .panel__header,
.single-formation #main_content.text--expand #medias .panel__header{
transform:rotate(90deg) translate(-1rem, -1rem);
width:80vh;
}*/
/* MEDIAS EXPAND */
#main_content.medias--expand #medias .grid .elementor-grid{
grid-template-columns: repeat(1, 1fr 1fr);
}
#main_content.medias--expand #medias .grid .jet-listing-grid__items{
--columns:2;
}
#main_content.medias--expand #medias .grid img{
aspect-ratio: 3 / 2;
object-fit: cover;
}
#main_content.medias--expand #medias{
width: calc(67% - 5rem);
padding:.5rem 0;
}
#main_content.medias--expand #time{
width:80px;
box-sizing: border-box;
}
#main_content.medias--expand #time .panel__header{
transform:rotate(90deg) translate(-1rem, -1rem);
width:80vh;
}
#main_content.medias--expand #time .panel__content{
display:none;
}
/* DATES EXPAND */
#main_content.dates--expand #medias{
width:80px;
box-sizing: border-box;
}
#main_content.dates--expand #time{
width: calc(67% - 5rem);
}
#main_content.dates--expand #medias .panel__header{
transform:rotate(90deg) translate(-2rem, -1.125rem);
width:80vh;
}
#main_content.dates--expand #medias .panel__content{
display:none;
}
#medias .grid h3{
margin:.25rem 0;
}
#medias .project__artist ul li a{
color:white;
background:transparent;
border-color:white;
}
#medias .project__artist ul li a:hover{
background:var(--vert);
border-color:var(--vert);
}
.panel__header a, .panel__header a:visited{
transition:opacity .3s;
position:relative;
display:block;
padding-left:2rem;
color:white!important;
}
.panel__header a:before{
content:"";
width:1rem;
height:1rem;
border:1px solid white;
border-radius:0 .125rem 0 0;
border-bottom:none;
border-left:none;
display:inline-block;
position:absolute;
left:0rem;
top:0.25rem;
transform:rotate(45deg);
}
.panel__header a:hover{
opacity:.8;
}
.panel__header .target_all a:before{
content:unset;
}
#time .panel__header a{
color:var(--bleu)!important;
}
#time .panel__header a:before{
border-color:var(--bleu);
}
#time .actus .richtext a{
color:white;
}
#time .actus .richtext a:hover{
color:white;
background:var(--vert);
border-color:white;
}
.project--preview h3{
margin:0;
font-variation-settings: "wdth" 151;
font-weight: 800;
}
.single-artiste .project--preview .project__artist{
display: none;
}
/* DATE TABLE */
.month, div.year {
margin: 1rem 0 1rem;
}
.month h3, div.year h3 {
font-size: 1.5rem;
margin-top: 0rem;
font-variation-settings: "wdth" 151;
}
.calendar *,
table.calendar,
table.calendar td,
table.calendar tr{
color:var(--bleu);
border:none;
background transparent;
font-size:1.15rem;
}
table.calendar tbody>tr:nth-child(odd)>td, table tbody>tr:nth-child(odd)>th{
background:transparent;
}
table.calendar {
border-collapse: collapse;
line-height: 1.1;
width: 100%;
margin: 20px 0;
}
.calendar .lieu a{
color:var(--bleu);
border-bottom:1px dotted var(--bleu);
}
.calendar .lieu a:hover{
color:var(--bleu);
background-color:var(--vert);
}
.calendar .artiste a {
text-decoration: none;
font-weight: bold;
padding:0 .5rem 0;
border:1px solid var(--bleu);
color:var(--bleu);
border-radius: 2rem;
padding:.05rem .75rem;
}
.calendar .artiste a:hover {
background:var(--vert);
border-color:var(--vert);
border-radius:1rem;
}
table.calendar tr {
position: relative;
border-bottom:1px solid var(--bleu);
}
table.calendar td {
vertical-align: top;
border-top: 1px solid var(--cal-color);
padding: 10px 5px;
transition: background-color 0.3s;
position: relative;
}
table.calendar td.date--repeat {
border-top-color: transparent;
}
table tr:last-child td {
border-bottom: 1px solid black;
}
table.calendar tr:hover>td {
background-color: #ffffff33;
}
table.calendar td:first-child {
padding-left: 0;
}
table.calendar td:first-right {
padding-right: 0;
}
.project__type a, .project__type span {
font-variation-settings: "wdth" 151;
}
.calendar .date {
font-variation-settings: "wdth" 151;
width: 45px;
min-height: 45px;
text-align: center;
font-weight:bold;
align-self: flex-start;
}
.calendar .date .date {
font-size: 1.5rem;
font-weight: bold;
}
.calendar .date .date.multiple{
font-variation-settings: "wdth" 25;
}
.calendar .date .to{
display:block;
transform:rotate(90deg);
height:0;
width:70px;
}
.calendar .date.multiple .to{
display:inline;
font-weight: 200;
position:relative;
top:-2px;
}
.calendar .date .day {
font-size: 1.2rem;
text-transform: uppercase;
letter-spacing: 0.05em;
font-variation-settings: "wdth" 25;
font-weight: 300;
}
.calendar .spectacle {
position: relative;
}
.calendar .spectacle a, .calendar .title a {
font-size: 1.5rem;
font-weight: bold;
color:var(--bleu);
}
.calendar .spectacle a:hover, .calendar .title a:hover {
color:var(--vert);
}
.calendar .spectacle .type {
font-size: 1rem;
}
.term--contexte a.jet-listing-dynamic-terms__link{
color:blue;
font-style:italic;
}
.calendar .type.contexte,
a.jet-listing-dynamic-terms__link[href*="emergence"],
h2>a[href*="/emergence"]{
margin-right:.5rem;
color: var(--vert)!important;
transform: skewX(22deg);
transform-origin: bottom left;
letter-spacing: .1em;
transition: transform .3s, margin-left .3s, margin-right .3s;
margin-left:.5rem;
font-weight: 520;
text-transform: uppercase;
}
h2>a[href*="/emergence"]{
display:block;
font-weight: 420!important;
}
.calendar .type.contexte:hover, a.jet-listing-dynamic-terms__link[href*="emergence"]:hover,
h2>a[href*="/emergence"]:hover {
transform: skewX(-30deg);
margin-left:0;
margin-right:1rem;
}
.calendar .artiste {
vertical-align: middle;
font-size: 1.1rem;
text-transform: uppercase;
letter-spacing: 0.05em;
}
.calendar .action {
vertical-align: bottom;
}
.calendar .action a {
text-transform: uppercase;
letter-spacing: 0.05em;
font-size: 1rem;
background: white;
border: 1px solid var(--bleu);
padding: .25rem .5rem .25rem;
line-height:1rem;
border-radius: 1rem;
color:var(--blue);
}
.calendar .action a:hover {
background:var(--vert);
border-color:var(--vert);
}
.calendar .spectacle .img {
opacity: 1;
max-height: 0;
width: 50%;
position: absolute;
bottom: calc(100% - 10px);
right: 0;
transition: opacity 0.3s;
overflow: hidden;
}
tr:hover td.spectacle .img {
opacity: 1;
max-height: 500px;
}
table.calendar--artist .date>br {
display: none;
}
table.calendar--artist span.date {
font-size: 1.25em;
margin-right: 5px;
}
table.calendar--artist .spectacle a {
font-size: 1.15em;
}
table.calendar tr.year td.year {
text-align: center;
padding: 20px;
}
table.calendar tr.year td.year:hover {
background-color: transparent;
}
table.calendar tr.year td.year span {
font-size: 1.5em;
font-weight: bold;
background-color: var(--cal-color);
border-radius: 30px;
padding: 7px 20px 5px;
border: none;
}
table.calendar--spectacle .date br {
display: none;
}
table.calendar--spectacle span.date {
font-size: 0.8rem;
margin-right: 5px;
font-weight: normal;
}
table.calendar--spectacle span.day {
}
div.calendar{
width:100%;
line-height: 1.2;
}
div.calendar .spectacle a{
display:block;
}
.calendar div.event{
display:grid;
grid-template-columns: 1fr 8fr;
border-top:1px solid var(--bleu);
gap:.5rem;
padding:.5rem 0;
position:relative;
align-items:center;
}
.calendar div.event:last-child{
border-bottom:1px solid var(--bleu);
}
.calendar div.event.formation{
background-color:#90ddf0;
background-color: #0000FF22;
}
.calendar--formations div.event.formation{
background-color:transparent;
}
.calendar div.event .date, .calendar div.event .action{
}
.calendar div.event.type_Résidence,
.calendar div.event.type_Residentie,
.calendar div.event.type_Residencia,
.calendar div.event.type_Residency{
background-color:#0af41322;
}
.calendar .spectacle{
margin-bottom:.25rem;
font-variation-settings: "wdth" 151;
}
.calendar .spectacle a:hover
{
/*
background:none;
filter:invert(1);
*/
}
.calendar .details {
display:flex;
flex-wrap:wrap;
align-items: center;
}
.calendar .details .lieu{
width:100%;
margin-top:.25rem;
font-variation-settings: "wdth" 151;
}
.calendar .artiste{
margin-left:.5rem;
}
.calendar .type{
text-transform: uppercase;
font-variation-settings: "wdth" 25;
letter-spacing:0.02em;
}
div.calendar .action{
position:absolute;
right:0;
top:.75rem;
}
div.calendar .action a{
max-width:1.5rem;
width:auto;
display: block;
overflow:hidden;
transition: max-width .3s;
color:transparent;
text-align:center;
}
div.calendar .action a::first-letter{
color:var(--bleu);
}
div.calendar .action a:hover{
max-width:10rem;
color:var(--bleu);
}
div.calendar .action a:hover::first-letter{
color:var(--bleu);
}
.calendar--artist span.day, .calendar--projet span.day{
display:block;
}
.calendar .archive-toggle {
color:var(--bleu);
border-bottom:1px solid var(--bleu);
}
.calendar .events--archive{
border-top:1px solid var(--bleu);
}
.calendar .events--archive .archive__content{
display:none;
}
.calendar .events--archive .archive__content.open{
display:block;
}
.filters--calendar {
display: block;
margin-top:1rem;
}
.filters--calendar>form {
}
.filters--calendar>form > .filter {
margin-bottom:1rem;
}
.filters--calendar select {
-webkit-appearance: none;
/* Pour les navigateurs basés sur WebKit */
-moz-appearance: none;
/* Pour les navigateurs basés sur Gecko */
appearance: none;
padding: .5rem 1rem;
border-radius: 30px;
border:var(--bleu) solid 1px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='rgba(40,40,40,.8)' stroke-linecap='round' stroke-width='6'%3E%3Cpath d='m2.7 2.3 46.4 54.9L95.5 2.3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-color: white;
background-size: 24px;
background-position: calc(100% - 15px) calc(50% + 5px);
font-size: 1.25rem;
outline: none;
grid-template-areas: "select";
align-items: center;
position: relative;
}
.filters--calendar select:has(option:checked:not([value=""])) {
background-color: var(--bleu);
color:white;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='none' stroke='rgba(255,255,255,1)' stroke-linecap='round' stroke-width='6'%3E%3Cpath d='m2.7 2.3 46.4 54.9L95.5 2.3'/%3E%3C/svg%3E");
}
.filters--calendar option {
font-size: 1.25rem;
}
.filters--calendar .filter--checkbox{
display:flex;
align-items: center;
padding-left:.5rem;
}
.filters--calendar input[type="checkbox"] {
appearance: none;
-webkit-appearance: none;
width:30px;
height:30px;
border:var(--bleu) solid 1px;
background-color: white;
border-radius:5px;
cursur:pointer;
transition: background-color .3s;
position:relative;
display:flex;
}
.filters--calendar input[type="checkbox"]:checked::after {
content: '✕';
position: absolute;
color: var(--bleu);
font-size: 34px;
line-height: 28px;
width: 100%;
text-align: center;
top: 0;
left: 0;
}
.filters--calendar label{
font-size: 1.25rem;
margin-left:1rem;
}
.filters--calendar input[type="checkbox"]:checked {
/* background-color: var(--bleu); */
}
.filters>.archive--calendar{
position:fixed;
bottom: 1rem;
width:calc(33.3333% - 2rem);
/*width: 100%*/
}
.richtext p, .richtext ul{
margin-top: 1.5rem;
}
.richtext a{
color:var(--bleu);
text-decoration: underline;
text-underline-offset: 4px;
font-variation-settings: "wdth" 151;
}
.richtext a:hover {
background:var(--vert);
text-decoration-color: var(--bleu);
}
.richtext a:has(img):hover {
background:transparent;
}
.richtext .bigger{
font-size: 125%;
}
.richtext h4{
margin:1rem 0 .5rem;
}
.richtext ul{
margin-left:1rem;
padding-left:0;
}
.nobullet{
list-style:none;
}
/*
#time .richtext a{
color:black;
}
#time .richtext a:hover {
background:white;
}
*/
.richtext a[href*="/artiste/"] {
padding: 0rem 0.5rem;
border:1px solid var(--bleu);
border-radius: 1rem;
background:white;
color:var(--bleu);
text-decoration:none;
display:inline-block;
font-weight:600;
font-variation-settings: "wdth" 100;
}
.richtext a[href*="/artiste/"]:hover {
background: var(--vert)!important;
border-color:var(--vert)!important;
}
.richtext strong, .richtext b{
font-variation-settings: "wdth" 151;
}
#medias .gallery{
display:grid;
flex-wrap:wrap;
justify-content: center;
align-items: center;
}
#medias .gallery--2cols .gallery{
grid-template-columns: 1fr 1fr;
}
#medias .gallery--2cols .gallery>*{
}
.margin--small .gallery .gallery-item{
padding:0 1rem 1rem 0!important;
}
.margin--medium .gallery .gallery-item{
padding:1rem 2rem 2rem 1rem!important;
}
.margin--large .gallery .gallery-item{
padding:2rem 3rem 3rem 2rem!important;
}
.margin--xlarge .gallery .gallery-item{
padding:3rem 4em 4rem 3rem!important;
}
#medias .formation h4{
margin:0;
}
#medias .formation span{
text-underline-offset: 4px;
}
#medias .formation a{
font-weight:bold;
text-underline-offset: 4px;
}
#medias .formation a:hover{
color:var(--vert)!important;
}
.formation__details .richtext p, .formation__details .richtext li{
font-size:1rem;
margin-bottom:0;
}
.formation__details .richtext ul{
padding-left:1rem;
}
ul.sm-vertical{
font-variation-settings: "wdth" 151;
}
ul.sm-vertical li{
margin-left:1.25rem;
}
ul.sm-vertical li.button{
margin-left:0rem;
margin-bottom:10px!important;
}
ul.sm-vertical li.current-menu-item a{
/*border-bottom:3px solid white;*/
font-weight: 800 !important;
color:black;
display:inline-block;
position:relative;
position:relative;
left:0rem;
margin-left:0;
}
ul.sm-vertical li.current-menu-item a:before{
content:"• ";
left:-1rem;
top:0;
}
.wp-block-gallery{
align-items: center!important;
}
/* Important : désactive toute règle qui ferait "grandir" un item */
.wp-block-gallery .wp-block-image {
display:flex;
flex-grow: 0!important;
align-self: center!important;
align-items: center!important;
margin:auto!important;
}
.wp-block-gallery img{
width:100%!important;
object-fit: contain!important;
align-self: center!important;
}
}
.custom-passwrap{
width:100vw;
display:flex;
}
.custom-passwrap > .panel{
width:50%;
padding:1rem;
}
.custom-passwrap > #time{
background: linear-gradient(90deg,rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 10%);
}
.post-password-form{
display:flex;
flex-direction: column;
gap:1rem;
margin:0;
}
.wpml-ls,
.otgs-development-site-front-end{
display: none;
}
p:first-child{
margin-top:0;
}
.gallery-item a{
display:block;
width:100%;
height:100%;
max-width: 100%;
max-height: 100%;
}
figure.wp-caption > figcaption,
.gallery-item .gallery-caption{
margin-block-start:-45px;
color:white;
mix-blend-mode: difference;
font-variation-settings: "wdth" 151;
font-weight: 500;
font-style: normal;
}
figure.wp-caption > figcaption{
margin-block-start:0px;
position:relative;
top:-30px;
margin-right:1rem;
}
.elementor-slideshow__title{
font-variation-settings: "wdth" 151;
font-weight: 500!important;
}
.elementor-image-gallery .gallery-item img {
object-fit: cover;
width:100%;
height:100%;
max-width: 100%none!important;
max-height: 100%none!important;
display:block;
}
/*
@keyframes spinGradient {
from {
background: linear-gradient(0deg, #1449EA, #0af413);
}
to {
background: linear-gradient(360deg, #1449EA, #0af413);
}
}
@-webkit-keyframes spinGradient {
from {
background: linear-gradient(0deg, #1449EA, #0af413);
}
to {
background: linear-gradient(360deg, #1449EA, #0af413);
}
}
@-moz-keyframes spinGradient {
from {
background: linear-gradient(0deg, #1449EA, #0af413);
}
to {
background: linear-gradient(360deg, #1449EA, #0af413);
}
}*/
/*
@-webkit-keyframes spinGradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@-moz-keyframes spinGradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
@keyframes spinGradient {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}
*/
@media (max-width: 1200px){
/* OUVRIR UN PANNEAU A LA FOIS
#main_content #text,
#main_content #medias{
width:calc( 50% - 2.5rem );
}
#main_content #time,
#main_content #time{
width:80px;
box-sizing: border-box;
}
#main_content #time .panel__header,
#main_content #time .panel__header{
transform:rotate(90deg) translate(-1rem, -1rem);
width:80vh;
}
#main_content #time .panel__content,
#main_content #time .panel__content{
display:none;
}
*/
.margin--small .gallery .gallery-item{
padding:0 1rem 1rem 0!important;
}
.margin--medium .gallery .gallery-item{
padding:0 1rem 1rem 0!important;
}
.margin--large .gallery .gallery-item{
padding:1rem 2rem 2rem 1rem!important;
}
.margin--xlarge .gallery .gallery-item{
padding:1rem 2rem 2rem 1rem!important;
}
}
@media (max-width: 1024px){
/* OUVRIR UN PANNEAU A LA FOIS
#main_content #text,
#main_content #medias{
width:calc( 50% - 2.5rem );
}
#main_content #time,
#main_content #time{
width:80px;
box-sizing: border-box;
}
#main_content #time .panel__header,
#main_content #time .panel__header{
transform:rotate(90deg) translate(-1rem, -1rem);
width:80vh;
}
#main_content #time .panel__content,
#main_content #time .panel__content{
display:none;
}
*/
#main_menu nav ul ul a {
font-size:1.5rem;
line-height:1em;
}
#main_menu nav ul ul li.small a {
font-size:1.25rem;
}
.margin--small .gallery .gallery-item{
padding:0 1rem 1rem 0!important;
}
.margin--medium .gallery .gallery-item{
padding:0 1rem 1rem 0!important;
}
.margin--large .gallery .gallery-item{
padding:1rem 2rem 2rem 1rem!important;
}
.margin--xlarge .gallery .gallery-item{
padding:1rem 2rem 2rem 1rem!important;
}
}
@media( max-width: 767px) {
#wpadminbar {
display:none;
}
#header{
height:45px;
position:fixed;
z-index:100;
top:0;
left:0;
}
#header__menu ul{
top:-0.375rem;
}
#header__menu ul{
padding:0;
}
#main_menu nav ul ul{
display:block;
margin:0;
}
#main_menu nav ul ul a {
font-size:1.35rem;
line-height:1em;
}
#main_menu nav ul ul li.small a {
font-size:1.1rem;
}
#main_menu nav>ul>li:last-child{
border-bottom:1px solid white;
}
main#main_content{
height:auto;
overflow-x: hidden;
overflow-y: scroll;
padding-bottom:10rem;
margin-top:24px;
padding-top:45px;
}
#main_content.medias--expand{
padding-bottom: 50vh;
}
#main_content.dates--expand{
padding-bottom: 67vh;
}
main#main_content > div.e-con-inner{
display:block;
}
#main_content #text{
height:auto;
width:100%!important;
}
#main_content #medias,
#main_content #time{
/*
box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);
-webkit-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 0px -3px 5px 0px rgba(0,0,0,0.3);*/
width:100%!important;
position:fixed;
top:unset;
height:4rem;
display:block;
overflow-x:hidden;
}
#main_content #medias{
bottom:4rem;
}
#main_content.medias--expand #medias{
height:36vh;
bottom:4rem;
}
#main_content.medias--expand
#main_content.medias--expand.mob_medias--priority #medias{
height:60vh;
}/*
#main_content.mob_medias--priority.dates--expand #medias{
height:4rem;
bottom:0;
}*/
#main_content.hide_time #medias,
#main_content.dates--expand #medias{
bottom:0rem;
}
#main_content #time{
bottom:0;
}
#main_content.dates--expand #time{
height:50vh;
bottom:4rem;
}
.e-con .elementor-widget.website__title{
min-width:5rem;
}
#main_content .panel__header{
transform:none!important;
}
#main_content #medias,
#main_content #time,
#main_content.medias--expand #medias,
#main_content.medias--expand #time,
#main_content.dates--expand #medias,
#main_content.dates--expand #time{
padding:0 .5rem .5rem;
}
#main_content .panel__header{
padding:1rem .25rem .5rem;
max-width:100%;
transform:none!important;
box-sizing: border-box;
position:sticky;
top:0;
left:0;
background: linear-gradient(180deg,rgba(252, 252, 252, 1) 0%, rgba(255, 255, 255, 1) 10%);
z-index:5;
}
#main_content #medias .panel__header{
background:black;
}
.panel__header a:before{
width:.75rem;
height:.75rem;
}
.dates--expand #time .panel__header a:before,
.medias--expand #medias .panel__header a:before{
width:.75rem;
height:.75rem;
left:0.25rem;
top:0rem;
transform:rotate(135deg);
}
/* par défaut tout est fermé */
#main_content #medias .panel__content,
#main_content #time .panel__content,
#main_content.medias--expand #time .panel__content,
#main_content.dates--expand #medias .panel__content
{
z-index:4;
display:none;
}
#main_content.dates--expand #time .panel__content,
#main_content.medias--expand #medias .panel__content{
display: block;
}
/*
#main_content.mob_medias--static #medias{
position:static;
height:auto;
}
#main_content.mob_medias--static #medias .panel__content{
padding-bottom:4rem;
}*/
/*
#main_content.dates--expand #medias .panel__content,
#main_content.dates--expand #medias .panel__header > div:last-child {
display:none;
}
*/
.project--preview img{
aspect-ratio:3/2;
object-fit: contain;
}
table.calendar tr {
display:flex;
flex-wrap: wrap;
border-top: 1px solid var(--cal-color);
padding: 10px 0;
}
table.calendar tr:last-child {
border-bottom: 1px solid var(--cal-color);
}
table.calendar td {
display: block;
border: none!important;
padding: 2px 0;
}
table.calendar td.date {
width: 55px;
}
table.calendar td.spectacle {
width: calc(100% - 55px);
}
table.calendar td.artiste, table.calendar td.lieu, table.calendar td.action {
width: 100%;
padding-left: 55px;
box-sizing: border-box;
}
table.calendar td.action {
text-align: right;
}
.month h3, .calendar .spectacle a{
font-size:1.25rem;
}
.calendar .artiste{
font-size:1rem;
}
.calendar .info{
font-size:.9rem;
}
#filters, .filters>.archive--calendar{
display:grid;
grid-template-columns: 1fr 1fr;
gap:0 1rem ;
}
.filters--calendar select{
padding:.25rem .75rem;
font-size: 1rem ;
background-size: 16px;
background-position: calc(100% - 15px) calc(50% + 3px);
}
.filters>.archive--calendar{
margin-top:2rem;
}
.single-projet #medias .project__video{
width:67vw;
}
.single-projet #medias .project__gallery .gallery-item{
width:67vw;
}
.single-projet #main_content.medias--expand #medias .panel__content{
display:flex;
}
.single-projet #main_content #medias{
overflow-x:scroll;
}
.single-projet #medias .panel__header{
position: sticky;
left:0;
}
.single-projet #medias .panel__content{
flex-wrap:nowrap;
}
.single-projet #medias .panel__content,
.single-projet #medias .project__gallery
{
width:calc( (67vw * var(--nb-items) + ( 1rem * (var(--nb-items) - 1) ) ) );
gap:1rem;
}
#main_content #time{
order:3;
background: linear-gradient(180deg,rgba(248, 248, 248, 1) 0%, rgba(255, 255, 255, 1) 10%);
}
}