/* Reset
-------------------------------------------------- */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}
*, *:before, *:after{margin:0;padding:0;border:0;-webkit-box-sizing:border-box;box-sizing:border-box}
*{-webkit-tap-highlight-color: rgba(0,0,0,0);-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale}

/* Typefaces
-------------------------------------------------- */
@font-face{font-family:"Font Awesome 6 Brands";font-style:normal;font-weight:400;font-display:block;src:url(../fonts/fa-brands-400.woff2) format("woff2")}

/* Grid
-------------------------------------------------- */
.gridlayout{z-index: -2;padding:0 10px;position:fixed;top:0;left:0;width:100%;height:100%;display:none;flex-flow: row wrap;align-items: flex-start;}
.gridlayout span{width:calc(100% / 12 - 20px);margin:0 10px;height:100%;background:red;opacity:.05;}

/* Réglages
-------------------------------------------------- */
img{display:block;width:100%;height:auto}
ul,li{list-style: none}
em{font-style: italic}
u{text-decoration: underline;text-decoration-thickness: auto;text-underline-offset: 4px;text-decoration-thickness: 1px;}
*::selection {color: white;background-color: red;}
p+p{margin-bottom:1em}
.block-type-text p+p{text-indent:calc(100vw/12 - 5px);}
.block-type-text p:last-child{margin:0}

/* Liens
-------------------------------------------------- */
a{color:red;text-decoration:none;outline:0}
a:hover, a.active{opacity:.5}
.block a[target="_blank"]::after{content:"";width:1em;height:1em;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='red' d='M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z'/%3E%3C/svg%3E");position:relative;top:.125em;margin-left:5px}
.column-12 a[target="_blank"]::after{content:"";width:.75em;height:.75em;display:inline-block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='red' d='M16.0037 9.41421L7.39712 18.0208L5.98291 16.6066L14.5895 8H7.00373V6H18.0037V17H16.0037V9.41421Z'/%3E%3C/svg%3E");position:relative;top:.075em;margin-left:2px}

/* Site
-------------------------------------------------- */
html{width:100%;height:100%}
body{width:100%;margin:0 auto;min-height:100%;max-width:1920px;background: #fff;color:red;overflow-x:hidden;font-family: 'Times', serif;font-weight:400;}
body, h1, h2, h3, h4{line-height:27px;font-size:22px}
body{display: flex;flex-flow: column wrap;align-items: flex-start;}

/* Headings
-------------------------------------------------- */
h1, h2, h3, h4{font-size:16px;line-height:18px;display:inline-block;margin-bottom:0}
h1 a, h2 a, h3 a, h4 a{color:inherit;}

/* Header
-------------------------------------------------- */
body > header{position:sticky;background:white;top:0;left:0;z-index:999;padding:20px;text-transform: uppercase;width:100%;font-size:16px;line-height:18px;font-family:Futura,Trebuchet MS,Arial,sans-serif;display: flex;flex-flow: row wrap;align-items:center;justify-content: space-between;}
body > header div{display: flex;flex-flow: row wrap;align-items: center}
body > header div:nth-child(1){flex:1}
body > header div:nth-child(2){justify-content: flex-end;}
body > header div:nth-child(2) ul{min-width:calc((100% / 6) * 2 - 17px)}
body > header ul:not(.submenu){align-content: center;background:white;border-radius:5px;display: flex;flex-flow: row wrap;align-items: center}
body > header ul li{margin-right:20px}
body > header ul li:last-child{flex: 1;}
body > header ul li a{color:red;font-size:14px}
body > header ul li a:hover, body > header ul li a.active{opacity:1;text-decoration:underline;text-underline-offset: 4px;text-decoration-thickness: 1px;}
body > header h1 {margin-right:40px}
body > header h1 a:hover, body > header h1 a.active{opacity:1}
body > header ul:nth-child(2) li:last-child{}
body > header ul li form{display: flex;flex-flow: row wrap;align-items: flex-start;}
body > header ul li form input{font-family: inherit;font-size:inherit;line-height:inherit;}
body > header ul li form input[type='search']{color:red;outline:0;border-radius:5px;line-height:28px;width:140px}
body > header ul li form input[type='submit']{border:1px solid red;border-radius:5px;color:red;background:transparent;text-transform: uppercase;margin-left:10px}
body > header ul li form input[type='submit']:hover{background:red;color:white}
body > header h1, body > header h1 svg, body > header h1 a{height:30px;width:auto;display: flex}
body > header h1{text-align:center;display: flex;align-content:center;justify-content: flex-start;}
.search-wrapper{position:relative;display:flex}
.search-wrapper input[type="search"]{flex:1;padding-left: 10px;min-width:150px;font-size:14px;border:1px solid red;color:red;border-radius:5px;background:transparent}
.search-wrapper button{position:absolute;right:0;top:0;bottom:0;padding:0 10px;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center}
.search-wrapper button:hover{background:none}
.search-wrapper button svg{width:20px;height:20px}
::placeholder{color:red;opacity:1}
::-webkit-input-placeholder{color:red}
::-moz-placeholder{color:red;opacity:1}
:-moz-placeholder{color:red;opacity:1}
:-ms-input-placeholder{color:red}
::-ms-input-placeholder{color:red}
input:focus::placeholder{opacity:0}

body > header div span{border-radius:5px;background:white;display: flex;justify-content: center;align-items: center}

/* Main
-------------------------------------------------- */
main{flex:1;width:100%;padding:0 10px}
main header:after{position:absolute;content:'';width:100%;height:1px; background:red;;bottom:0;left:0}
main header:before{position:absolute;content:'';width:100%;height:1px; background:red;;top:0;left:0}
main header{position:relative;margin:0 10px;width:calc(100% - 20px);padding:20px 0;display:grid;grid-template-columns:repeat(12,1fr);gap:20px;align-items:stretch}
main header h2{color:red;grid-column:1 / -1;font-size:3em;line-height:1.125em;font-family:futura}
main header > div:nth-child(1){grid-column:span 3;display:flex;flex-flow:column wrap;align-items:stretch;justify-content:flex-end}
main header > div:nth-child(2){grid-column:span 6;display:flex;align-items:flex-end}
main header > div:nth-child(3){grid-column:span 3}
main header div date{color:red;font-size:14px;line-height:16px;font-family:futura}
main header div > span{color:red;font-size:14px;line-height:16px;font-family:futura}
main header > div b{width:80px;display:inline-block}
main header .share-links{display:flex;justify-content:flex-end;gap:10px;flex-flow:row wrap;align-content:flex-end}
main header .share-links a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid;color:red;text-decoration:none}
main header .share-links a:hover{background:red;opacity:1;color:#fff!important;border:1px solid red}
main header .share-links i{font-size:16px}
.fa,.fab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;line-height:1;text-rendering:auto}
.fab{font-family:"Font Awesome 6 Brands";font-weight:400}
.fa-facebook-f:before{content:"\f39e"}
.fa-linkedin-in:before{content:"\f0e1"}
.fa-x-twitter:before{content:"\e61b"}
.fa-whatsapp:before{content:"\f232"}

div.tagcontainer .tags{margin: 20px 0;padding: 0 10px;display:flex;flex-flow:row wrap;align-items:flex-start;gap:10px}
div.tagcontainer .tags a:hover,main header div .tags a.active{opacity:1;background:red;color:#fff!important}
div.tagcontainer .tags a{background:#fff;color:red;padding:10px 20px;border-radius:25px;font-size:14px;line-height:16px;text-transform:uppercase;font-family:futura;border:1px solid}



blockquote{font-size: 36px;
   line-height: 1.25em;font-family: futura;font-weight:normal;padding:40px calc(100%/12 *1)}
blockquote footer{all:unset;font-family: inherit;line-height: normal;
font-size: 18px;font-family:"EB Garamond";color:red}
hr{height:1px;background:red;width:100%;}
.block-type-gallery figure {
   margin: 0;
}

.block-type-list ul {color:red;
   counter-reset: foo;
   display: table;font-size: 14px;
   line-height: 18px;
}

.block-type-list ul > li {
   counter-increment: foo;
   display: table-row;
}

.block-type-list ul > li::before {
   content: counter(foo) ".";
   display: table-cell;width:40px
}


.block-type-gallery figure ul {
   display: grid;
   grid-auto-flow: column;
   grid-auto-columns: 1fr;
   gap: 20px;
   list-style: none;
   margin: 0;
   padding: 0;
}

.block-type-gallery figure ul li {
   min-width: 0;
}
.block-type-text{padding:20px 0}
.block-type-text code{all: unset;

   /* Ou manuellement */
   font-family: inherit;
   font-size: inherit;
   font-weight: inherit;
   font-style: inherit;
   line-height: inherit;
   color: inherit;
   background: none;
   background-color: transparent;
   padding: 0;
   margin: 0;
   border: none;
   border-radius: 0;
   vertical-align: baseline;}
.am-wrapper {position: relative;

   margin-left: 10px;
   display: inline;
   white-space: nowrap; /* Empêche le retour à la ligne */
}

.block-type-text u strong .am-wrapper  svg {
   position: relative;
   top: 3px;

}
.block.block-type-gallery{padding:20px 0}
.block-type-text u strong .am-wrapper span:nth-child(2){position:relative;left: -4px}
.block-type-text{font-size:16px;line-height:20px;color:red}
.column-12 .block-type-text{color:red;padding:20px calc(100%/12 *3 + 5px);font-size:inherit;line-height:inherit}
.column-12 .block-type-text strong{font-weight:500}

.block-type-text a{text-decoration:underline;text-underline-offset: 4px;
   text-decoration-thickness: 1px;white-space: nowrap;}

.block-type-gallery figure ul li img {
   width: 100%;
   height: 100%;
   display: block;border-radius: 5px;
}
.block-type-image img{border-radius: 5px;}
.column-grid {
   display: grid;
   grid-template-columns: repeat(12, 1fr);
   gap: 20px;padding:0 10px
}
section figcaption{font-size:14px;line-height:18px;margin-top:10px;font-family: futura;font-weight:normal}
.column {
   grid-column: span var(--span);
}

.blocks {
   display: flex;
   flex-direction: column;

}
.block.block-type-image{padding:20px 0;}

.interview {color:red;
   display: flex;
   flex-direction: column;
   gap: 20px;padding:20px calc(100%/12 *3 + 5px)
}
.interview-item {
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 20px;
}

/* Lignes impaires : nom 1/6, phrase 5/6 */
.interview-item.odd .interview-nom {
   grid-column: span 1;font-size: 14px;
   line-height: 16px;position: relative;
   top: 5px;
}

.interview-item.odd .interview-phrase {
   grid-column: span 5;
}

/* Lignes paires : nom 1/6, espace 1/6, phrase 4/6 */
.interview-item.even .interview-nom {
   grid-column: span 1;font-size: 14px;
   line-height: 16px;position: relative;
   top: 5px;
}

.interview-item.even .interview-phrase {
   grid-column: 3 / span 4;
}



/* Liste
-------------------------------------------------- */
.grid{width:100%;margin-bottom:40px;padding:0 10px;display:grid;flex-flow:row wrap;align-items:flex-start;gap:20px;margin-top: 20px;grid-template-columns: repeat(4, 1fr);}
.grid-item{float:left;padding-bottom: 20px;}
.grid-item > figure{width:100%}
.grid-item > figure > div{width:100%;position:relative}
.grid-item > figure > div > a img{border-radius:5px}
.grid-item > figure > div > a{transition:filter .25s ease}
.grid-item > figure > div > a:hover{opacity:1;filter:brightness(1.1)}
.grid-item img{display:block;width:100%;height:auto}
.grid-item figure figcaption{margin-top:20px}
.grid-item figure figcaption date{color: red;font-size: 14px;line-height: 16px;font-family: futura;}
.grid-item figure figcaption h2{color: red;margin:5px 0 8px;;width:100%;font-size:24px;line-height: 1.25em;font-family: futura;}
.grid-item figure figcaption div:nth-child(1){display: flex;flex-flow: column wrap;}
.grid-item figure figcaption > span{display: flex;padding-right: 20px;color: red;font-size: 18px;line-height: 22px;}
.grid-item figure .tags{position: absolute;
   z-index: 9;
   top: 0;
   left: 0;
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
   gap: 10px;
   padding: 10px;
   width: 100%;}
.grid-item figure .tags a{background:white;padding:10px 20px;border-radius:25px;font-size:14px;line-height:16px;text-transform: uppercase;font-family: futura;color: red;}
.grid-item figure .tags a:hover, .grid-item figure .tags a.active{opacity:1;background:red;color:white}

/* Aside
-------------------------------------------------- */
aside{position:relative;margin-bottom:10px;padding:10px;width:100%;display: flex;flex-flow: row nowrap;justify-content: flex-start;font-size: 18px;line-height: 23px;color: red;}
aside:after{position:absolute;content:'';top:0;left:10px;height:1px;background:red;width:calc(100% - 20px)}
aside:before{position:absolute;content:'';bottom:0;left:10px;height:1px;background:red;width:calc(100% - 20px)}
aside .tags{display: inline-flex;flex-flow: row wrap;justify-content: flex-start;color: red;}
aside .tags a{color:red}
aside .tags a:hover, aside .tags a.active{opacity:1;color: red;text-decoration:underline;text-underline-offset: 4px;text-decoration-thickness: 1px;}
aside > span{margin-right:20px}
aside.home{justify-content: space-between}

/* Pagination
-------------------------------------------------- */
nav.pagination{padding:0 10px 40px;width:100%;display: flex;flex-flow: row nowrap;justify-content:center}
nav.pagination span, nav.pagination a{align-items: center;padding:10px;font-family: futura;background:white;border:1px solid;color:red;padding:10px;border-radius:100%;width:50px;height:50px;display: flex;flex-flow: row nowrap;justify-content:center;margin:0 10px;}
nav.pagination span.active{background:red;color:white;border:1px solid red}
nav.pagination a:hover{opacity:1;background:red;color:white;border:1px solid red}
nav.prevnext:after{position:absolute;content:'';top:0;left:-10px;height:1px;background:red;width:calc(100% + 20px)}
nav.prevnext article{width:50%;display: flex;flex-flow: row nowrap;justify-content:flex-start}
nav.prevnext article div.one{padding:10px;width:calc((100% / 6) * 1)}
nav.prevnext article div.two{padding:10px;width:calc((100% / 6) * 3);display: flex;flex-flow: column nowrap;justify-content:flex-start}
nav.prevnext article div.two date{color:red;font-size: 14px;line-height: 16px;font-family: futura;}
nav.prevnext article:nth-child(2) div.two{text-align:right}
nav.prevnext article a.title{font-size: 24px;line-height: 1.25em;color:red;font-family: futura;}
nav.prevnext article span{font-size: 18px;line-height: 22px;color:red}

/* Next-Prev
-------------------------------------------------- */
nav.prevnext{margin-top:60px;position:relative;padding:10px 0;width:100%;display:flex;flex-flow:row nowrap;justify-content:flex-start}
nav.prevnext article:nth-child(2){justify-content: flex-end}
nav.prevnext article:nth-child(2) div:nth-child(1){width:calc((100% / 6) * 3)}
nav.prevnext article:nth-child(2) div:nth-child(2){width:calc((100% / 6) * 1)}
nav.prevnext article  a.img{border-radius:5px;overflow:hidden;transition:filter .25s ease}
nav.prevnext article  a.img:hover{opacity:1;filter: brightness(1.2)}

/* Results
-------------------------------------------------- */
ul.results{width:100%;display: flex;flex-flow: column wrap;justify-content:flex-start;color:red}
ul.results li{position:relative;width:100%;display: flex;flex-flow: row wrap;justify-content:flex-start;}
ul.results li:after{position:absolute;content:'';width:calc(100% - 20px);height:1px; background:red;;bottom:0;left:10px}
ul.results li > div{width:calc((100% / 12) *2);padding:20px 10px;display: flex;flex-flow: column wrap;justify-content:flex-start}
ul.results li > div > a{border-radius:5px;overflow:hidden;transition:filter .25s ease}
ul.results li > div > a:hover{opacity:1;filter: brightness(1.2)}
ul.results li > div date{text-align: right;font-size: 14px;line-height: 16px;font-family: futura;}
ul.results li > div h2{;width:100%;font-size: 24px;line-height: 1.25em;font-family: futura;}
ul.results li > div .tags{display: flex;flex-flow: row wrap;justify-content:flex-start;gap:10px}
ul.results li > div .tags a{background:white;border:1px solid;padding:10px 20px;border-radius:25px;font-size:14px;line-height:16px;text-transform: uppercase;font-family: futura;color:red}
ul.results li > div .tags a:hover, .grid-item figure .tags a.active{opacity:1;background:red;color:white;border-color:red}
ul.results li > div:nth-child(4){width:calc((100% / 12) * 3)}
ul.results li > div:nth-child(5){width:calc((100% / 12) * 3)}
.no-results{width:100%;height:100%;text-align: center;font-family: 'futura'}

/* Contact
-------------------------------------------------- */
.contactform{width:100%;margin-bottom:60px;margin-top:60px;padding:0 10px;display: flex;flex-flow: row wrap;justify-content:flex-start}
.contactform .texte{padding:10px calc(100%/12 *3 + 5px);width:100%;;display: flex;flex-flow: column wrap;justify-content:flex-start;margin-bottom:40px}
.contactform form{padding:0 calc(100%/12 *3 + 5px);width:100%;;display: flex;flex-flow: column wrap;justify-content:flex-start;align-items: center;}
.contactform form .field{width:100%;;display: flex;flex-flow: column wrap;justify-content:flex-start;font-family: 'futura'}
.contactform form .field.two{flex-flow: row wrap;gap:20px}
.contactform form .field.two div{flex:1}
.contactform form .field input{width: 100%;color:red;border:1px solid red;margin:10px 0 20px;outline:0;border-radius:5px;padding:10px 20px;line-height:1em;font-family: 'futura';font-size:inherit;}
.contactform form .field textarea{min-height:200px;resize:none;width: 100%;color:red;border:1px solid red;margin:10px 0 20px;outline:0;border-radius:5px;padding:10px 20px;line-height:1em;font-family: 'futura';font-size:inherit;}
.contactform form input[type='submit']{width: 25%;color:red;border:1px solid red;;margin:10px 0 20px;outline:0;border-radius:5px;padding:20px;line-height:1em;font-family: 'futura';font-size:inherit;background:transparent;cursor:pointer}
.contactform form input[type='submit']:hover{background:red;color:white;}
.honeypot {position: absolute;left: -9999px;}
.alert{width:100%;text-align: center;font-family: futura;margin-bottom: 20px;}

/* Default
-------------------------------------------------- */
main.text{width:100%;padding:0 10px;display: flex;flex-flow: row wrap;justify-content:flex-start}
main.text article{padding:10px calc(100%/12 *3 + 5px);width:100%;;display: flex;flex-flow: column wrap;justify-content:flex-start;margin-bottom:40px}
main.text  a {text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px;}
main.text  h2{font-size:inherit;line-height:inherit;text-decoration: underline;text-underline-offset: 4px;text-decoration-thickness: 1px;margin-bottom:1em;margin-top: 1em;}
main.o-nas article{color:red;padding:10px calc(100%/12 *3 + 5px);width:100%;;display: flex;flex-flow: column wrap;justify-content:flex-start;margin-bottom:40px}

/* Footer
-------------------------------------------------- */
footer{border-top:1px solid;background:white;color:red;width:100%;padding:10px;display: flex;flex-flow: row wrap;justify-content:flex-start}
footer a{color:red;display: flex;}
footer a:hover, footer a.active{opacity:1;color:red;text-decoration:underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}
footer article a svg{left: 5px;width:15px;position:relative;top:3px;height: 16px;}
footer article:nth-child(1){justify-content: flex-end;width:calc((100% / 12) * 7);padding-right: calc((100% / 12) * 3 + 10px);}
footer article{font-family: futura;font-size: 16px;line-height: 20px;width:calc((100% / 12) * 3);padding:10px;display: flex;flex-flow: column wrap;align-content:flex-start}
footer article:last-child{justify-content: flex-end;width:calc((100% / 12) * 2);align-content: flex-end;text-align: right}
footer article:last-child a{justify-content: flex-end}
footer article svg{width:100%;height: auto;}
footer article:last-child p{margin-top:1.25em;flex: 1;
   justify-content: flex-end;
   align-content: flex-end;
   display: flex;
   align-items: flex-end;}

footer article:nth-child(2){display: flex;flex-flow: row wrap;justify-content:flex-start;gap:20px;}
footer article:nth-child(2) > span{flex: 1;}

/* Newsletter
-------------------------------------------------- */
.newsletter{position:relative;z-index:999;background:white;color:red;padding:10px 0;margin:0 ;width:100%;display: flex;flex-flow: column nowrap;padding:20px 0 0;gap:10px

}
.newsletter-form{grid-column:8 / span 5;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;align-items:flex-end;}
.newsletter .field{grid-column:span 3;display:flex;flex-direction:column}
.newsletter label{font-family:futura;font-size:14px;line-height:16px;margin-bottom:5px;display:none}
.newsletter input{padding:5px 10px;border:1px solid red;border-radius:5px;background:transparent;color:red;font-family:futura;font-size:inherit}
.newsletter p{font-size: 14px;
   line-height: 1.25;white-space: nowrap;}
.newsletter input:focus{outline:0}
.newsletter input::placeholder{color:rgba(255,255,255,0.5)}
.newsletter button{grid-column:span 1;padding:5px 10px;background:#fff;color:red;border:1px solid red;border-radius:5px;font-family:futura;text-transform:uppercase;cursor:pointer;font-size:inherit;height:fit-content}
.newsletter button:hover{background:red;color:#fff}
main.article:not(.home) .newsletter, main.article.home .newsletter:last-of-type{margin:0;border-bottom:1px solid #fff}
main.article:not(.home) .newsletter-form{margin:0;padding-left:10px;}
.newsletter-form input::placeholder {
   color: red;
}

/* Advert
-------------------------------------------------- */
section.advert-one {
   position: relative;
   left: -10px;
   margin: 0;
   margin-top: 0px;
   gap: 20px;
   width: calc(100% + 20px);
   padding: 20px;
   display: grid;
   grid-template-columns: repeat(8,1fr);position:relative
}
section.advert-one:after {content:'';width:100%;height:1px;position:absolute;top:0;left:0;background:red

}
section.advert-one article {
   flex: 1;
   width: 100%;
   padding: 0;
   display: flex;
   flex-flow: row wrap;
   justify-content: flex-start;
}
section.advert-one article a{transition:filter .25s ease}
section.advert-one article a:hover{opacity:1;filter: brightness(1.2)}

a.order{margin-top:20px;padding:5px 10px;background:#fff;color:red;border:1px solid red;border-radius:5px;font-family:futura;cursor:pointer;font-size:inherit;height:fit-content}
a.order:hover{background:red;color:#fff;opacity: 1;}


/* Swup.js
-------------------------------------------------- */
.transition-fade {-webkit-transition: opacity .25s ease;-o-transition: opacity .25s ease;transition: opacity .25s ease;opacity: 1;}
html.is-animating .transition-fade {opacity: 0;}

/*! Flickity v2.3.0
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%}.flickity-slider{position:absolute;width:100%;height:100%}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:-webkit-grab;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:-webkit-grabbing;cursor:grabbing}.flickity-button{position:absolute;background:hsla(0,0%,100%,.75);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;padding:0;margin:0;list-style:none;text-align:center;line-height:1}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dots .dot{display:inline-block;width:10px;height:10px;margin:0 8px;background:#333;border-radius:50%;opacity:.25;cursor:pointer}.flickity-page-dots .dot.is-selected{opacity:1}

/* Carousel
-------------------------------------------------- */
.containerhome{width:100%;padding:0 10px;margin-bottom:20px;display:grid;grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;gap:20px}

.carousel-container{grid-column: span 6; 
   min-width: 0;
   min-height: 0;
   height: auto;
   display: flex;
   flex-flow: column nowrap;
   gap: 20px;}



.carousel {
    background: #eee;
    overflow: hidden;
    border-radius: 5px;
    width: 100%;
    padding-bottom: calc(100% / (3/2));
    height: 0;
    /* pas d'opacity ici — le background reste visible */
}

.carousel .flickity-viewport {
    opacity: 0;
    transition: opacity 0.4s ease;
}

.carousel.flickity-enabled .flickity-viewport {
    opacity: 1;
}

.carousel.is-hidden .carousel-cell {
    opacity: 0;
}

.carousel-cell {
    width: 100%;
    padding-bottom: calc(100% / (3/2));
    height: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: transparent;
}

.carousel.is-fullscreen .carousel-cell {
    height: 100%;
}

.carousel-cell-image {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    color: transparent;
}


.subcarousel {
   width: 100%;
   display: flex;
   flex-flow: row wrap;
   align-content: flex-start;
   align-items: center;
   color: red;
}
.subcarousel .caption {
   flex: 2;
   text-decoration: none;
   font-size: 18px;
   line-height: 20px;
   display: inline-block;
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: 40px;
}
.subcarousel .caption b {
   background: red;
   width: 5px;
   height: 5px;
   border-radius: 5px;
   position: relative;
   top: -2.5px;
   margin: 0 5px;
   display: inline-block;
}
.subcarousel .caption span { font-family: futura; font-size: 14px; text-transform: uppercase; }
.subcarousel div { display: flex; flex-flow: row wrap; align-content: flex-start; gap: 10px; }
.subcarousel div:nth-child(2) { justify-content: flex-end; }
.subcarousel div button {
   height: 30px;
   width: 30px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 100%;
   background: #fff;
   color: red;
   border: 1px solid;
   cursor: pointer;
}
.subcarousel div button:hover { color: white; background: red; border: 1px solid red; }
.subcarousel div button svg  { width: 40%; }




.containerhome blockquote{padding:20px;padding-top: 0;}
.containerhome blockquote footer{margin-top:10px;display:flex;flex-flow:row wrap;align-content:flex-start;;width:100%}
.containerhome blockquote footer a{margin-left:20px;color:red;display: inline;text-decoration:underline;text-underline-offset: 4px;text-decoration-thickness: 1px;}



.newsliste {
   grid-column: span 4;
   min-height: 0;
   overflow: hidden;
}

.newsliste .grid {
   display: flex;flex-flow:row wrap;
   gap: 20px;
   padding: 0;
   margin: 0;
   list-style: none;
}

.newsliste .grid-item {
   padding:0;
   overflow: hidden;width:calc(50% - 10px);
}

.newsliste .grid-item figure {

   display: flex;
   flex-direction: column;
   margin: 0;
}

.newsliste .grid-item > figure > div {

   min-height: 0;
   border-radius: 5px;
   overflow: hidden;
   background: #eee;
   display: block;
}

.newsliste .grid-item > figure > div a {
   display: block;
   width: 100%;aspect-ratio: 3/2;
}

.newsliste .grid-item > figure > div a img {
   width: 100%;
   display: block;
}

.newsliste .grid-item figure figcaption {
   min-width: 0;
   width: 100%;
   display: flex;
   align-items: center;margin-top: 10px;
   margin-bottom: 10px;
}

.newsliste .grid-item figure figcaption date {

   width: 100%;

}
.newsliste .grid-item figure figcaption date b {
   margin-right:20px;display: inline-block;text-transform:uppercase;

}
.newsliste .grid-item figure figcaption date .meta {
   white-space: nowrap;
   flex-shrink: 0;
}

.newsliste .grid-item figure figcaption date a {


   display: block;
}


.actus{grid-column: span 2;min-height: 0;overflow: scroll}
.actus ul{width:100%;display:flex;flex-flow:column wrap;align-content:flex-start;}
.actus ul li{width:100%;display:flex;flex-flow:column wrap;align-content:flex-start;;border-bottom:1px solid red;color:red;font-size: 18px;line-height: 22px;padding:20px 10px}
.actus ul li:last-child{border:0;}
.actus ul li:first-child{padding-top:0}
.actus ul li span:nth-child(2){font-weight:400}
.actus ul li span:nth-child(1){font-size: 18px;line-height: 22px;font-family: futura;margin: 0 0 5px}
.actus ul li span:nth-child(2){padding:0;line-height:20px;font-size:16px;letter-spacing:0;position:relative}
.actus ul li span:nth-child(2) b{margin-top:15px;letter-spacing: .05em;text-transform: uppercase;font-size:10px;line-height: 1;font-family: futura;}
.actus ::-webkit-scrollbar {display: none;}
.actus {overflow:hidden}

.citation{font-size: 36px;line-height: 1.25em;font-family: futura;border-top:1px solid;flex:1}
.citation h6{margin:20px 0;}

.newsinline{display:grid;margin-top: 0;padding:0 ;grid-template-columns: 1fr;
   padding-top: 30px;position:relative;left:10px;width:calc(100% - 20px)}

.newsinline:after {content:'';width:calc(100% + 40px);height:1px;position:absolute;top:0;left:-20px;background:red

}

.newsinline ul{margin-bottom:0;padding: 0 0;display:grid;grid-column: span 1;grid-template-columns: 1fr 1fr 1fr 1fr;gap:20px}
.newsinline ul li{padding:0;padding-bottom:30px;display:grid;grid-column: span 1;width: 100%;}
.newsinline .grid-item:nth-child(4), .newsinline .grid-item:nth-child(5){width:auto}
.newsinline ul li figure{display:grid;grid-column: span 1;width: 100%;grid-template-columns: 1fr 1fr 1fr;;gap:20px}
.newsinline ul li figure div{display:grid;grid-column: span 1;}
.newsinline ul li figure figcaption{grid-column: span 2;
   width: 100%;
   display: flex;flex-flow: column wrap;margin-top: 0;}
.newsinline ul li figure figcaption h2{font-size: 18px;
   line-height: 22px;}
.newsinline ul li figure img{aspect-ratio: 1/1;}

h6{text-transform: uppercase;font-size:10px;line-height: 1;font-family: futura;margin-bottom:20px;letter-spacing: .125em;text-align: center}


/* Lazyload
-------------------------------------------------- */
.lazyload, .lazyloading {opacity: 0;}
.lazyloaded {opacity: 1;-webkit-transition: opacity .25s ease;-o-transition: opacity .25s ease;transition: opacity .25s ease;}

/* Cookies
-------------------------------------------------- */
#cookie_banner-wrapper{position:sticky;bottom:40px;margin-bottom:40px;font-family:futura;left:calc((100% / 12) * 8 + 8px);font-size: 18px;line-height: 22px;border-radius:5px;background:red;color:white;z-index:999;width:calc((100% / 12) * 3 - 27px);padding:20px;display: flex;flex-flow: row wrap;justify-content:flex-start}
#cookie_banner-wrapper button{width:100%;margin-top:20px;background:white;border:1px solid white;font-family: inherit;font-size: inherit;line-height:inherit;border-radius:5px;padding:10px 20px;color:red}
#cookie_banner-wrapper button:hover{background:red;color:white;border:1px solid white}
#cookie_banner-wrapper a{color:white;text-decoration:underline;text-underline-offset: 3px;text-decoration-thickness: 1px;}

/* PLYR
-------------------------------------------------- */
@charset "UTF-8";@keyframes plyr-progress{to{background-position:25px 0;background-position:var(--plyr-progress-loading-size,25px) 0}}@keyframes plyr-popup{0%{opacity:.5;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes plyr-fade-in{0%{opacity:0}to{opacity:1}}.plyr{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;align-items:center;direction:ltr;display:flex;flex-direction:column;font-family:inherit;font-family:var(--plyr-font-family,inherit);font-variant-numeric:tabular-nums;font-weight:400;font-weight:var(--plyr-font-weight-regular,400);line-height:1.7;line-height:var(--plyr-line-height,1.7);max-width:100%;min-width:200px;position:relative;text-shadow:none;transition:box-shadow .3s ease;z-index:0}.plyr audio,.plyr iframe,.plyr video{display:block;height:100%;width:100%}.plyr button{font:inherit;line-height:inherit;width:auto}.plyr:focus{outline:0}.plyr--full-ui{box-sizing:border-box}.plyr--full-ui *,.plyr--full-ui :after,.plyr--full-ui :before{box-sizing:inherit}.plyr--full-ui a,.plyr--full-ui button,.plyr--full-ui input,.plyr--full-ui label{touch-action:manipulation}.plyr__badge{background:#4a5464;background:var(--plyr-badge-background,#4a5464);border-radius:2px;border-radius:var(--plyr-badge-border-radius,2px);color:#fff;color:var(--plyr-badge-text-color,#fff);font-size:9px;font-size:var(--plyr-font-size-badge,9px);line-height:1;padding:3px 4px}.plyr--full-ui ::-webkit-media-text-track-container{display:none}.plyr__captions{animation:plyr-fade-in .3s ease;bottom:0;display:none;font-size:13px;font-size:var(--plyr-font-size-small,13px);left:0;padding:10px;padding:var(--plyr-control-spacing,10px);position:absolute;text-align:center;transition:transform .4s ease-in-out;width:100%}.plyr__captions span:empty{display:none}@media (min-width:480px){.plyr__captions{font-size:15px;font-size:var(--plyr-font-size-base,15px);padding:20px;padding:calc(var(--plyr-control-spacing, 10px)*2)}}@media (min-width:768px){.plyr__captions{font-size:18px;font-size:var(--plyr-font-size-large,18px)}}.plyr--captions-active .plyr__captions{display:block}.plyr:not(.plyr--hide-controls) .plyr__controls:not(:empty)~.plyr__captions{transform:translateY(-40px);transform:translateY(calc(var(--plyr-control-spacing, 10px)*-4))}.plyr__caption{background:redc;background:var(--plyr-captions-background,redc);border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;color:#fff;color:var(--plyr-captions-text-color,#fff);line-height:185%;padding:.2em .5em;white-space:pre-wrap}.plyr__caption div{display:inline}.plyr__control{background:red0;border:0;border-radius:4px;border-radius:var(--plyr-control-radius,4px);color:inherit;cursor:pointer;flex-shrink:0;overflow:visible;padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7);position:relative;transition:all .3s ease}.plyr__control svg{fill:currentColor;display:block;height:18px;height:var(--plyr-control-icon-size,18px);pointer-events:none;width:18px;width:var(--plyr-control-icon-size,18px)}.plyr__control:focus{outline:0}.plyr__control:focus-visible{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}a.plyr__control{text-decoration:none}.plyr__control.plyr__control--pressed .icon--not-pressed,.plyr__control.plyr__control--pressed .label--not-pressed,.plyr__control:not(.plyr__control--pressed) .icon--pressed,.plyr__control:not(.plyr__control--pressed) .label--pressed,a.plyr__control:after,a.plyr__control:before{display:none}.plyr--full-ui ::-webkit-media-controls{display:none}.plyr__controls{align-items:center;display:flex;justify-content:flex-end;text-align:center}.plyr__controls .plyr__progress__container{flex:1;min-width:0}.plyr__controls .plyr__controls__item{margin-left:2.5px;margin-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item:first-child{margin-left:0;margin-right:auto}.plyr__controls .plyr__controls__item.plyr__progress__container{padding-left:2.5px;padding-left:calc(var(--plyr-control-spacing, 10px)/4)}.plyr__controls .plyr__controls__item.plyr__time{padding:0 5px;padding:0 calc(var(--plyr-control-spacing, 10px)/2)}.plyr__controls .plyr__controls__item.plyr__progress__container:first-child,.plyr__controls .plyr__controls__item.plyr__time+.plyr__time,.plyr__controls .plyr__controls__item.plyr__time:first-child{padding-left:0}.plyr [data-plyr=airplay],.plyr [data-plyr=captions],.plyr [data-plyr=fullscreen],.plyr [data-plyr=pip],.plyr__controls:empty{display:none}.plyr--airplay-supported [data-plyr=airplay],.plyr--captions-enabled [data-plyr=captions],.plyr--fullscreen-enabled [data-plyr=fullscreen],.plyr--pip-supported [data-plyr=pip]{display:inline-block}.plyr__menu{display:flex;position:relative}.plyr__menu .plyr__control svg{transition:transform .3s ease}.plyr__menu .plyr__control[aria-expanded=true] svg{transform:rotate(90deg)}.plyr__menu .plyr__control[aria-expanded=true] .plyr__tooltip{display:none}.plyr__menu__container{animation:plyr-popup .2s ease;background:#ffffffe6;background:var(--plyr-menu-background,#ffffffe6);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px red00026;box-shadow:var(--plyr-menu-shadow,0 1px 2px red00026);color:#4a5464;color:var(--plyr-menu-color,#4a5464);font-size:15px;font-size:var(--plyr-font-size-base,15px);margin-bottom:10px;position:absolute;right:-3px;text-align:left;white-space:nowrap;z-index:3}.plyr__menu__container>div{overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1),width .35s cubic-bezier(.4,0,.2,1)}.plyr__menu__container:after{border:4px solid red0;border-top-color:#ffffffe6;border:var(--plyr-menu-arrow-size,4px) solid red0;border-top-color:var(--plyr-menu-background,#ffffffe6);content:"";height:0;position:absolute;right:14px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7 - var(--plyr-menu-arrow-size, 4px)/2);top:100%;width:0}.plyr__menu__container [role=menu]{padding:7px;padding:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container [role=menuitem],.plyr__menu__container [role=menuitemradio]{margin-top:2px}.plyr__menu__container [role=menuitem]:first-child,.plyr__menu__container [role=menuitemradio]:first-child{margin-top:0}.plyr__menu__container .plyr__control{align-items:center;color:#4a5464;color:var(--plyr-menu-color,#4a5464);display:flex;font-size:13px;font-size:var(--plyr-font-size-menu,var(--plyr-font-size-small,13px));padding:4.66667px 10.5px;padding:calc(var(--plyr-control-spacing, 10px)*.7/1.5) calc(var(--plyr-control-spacing, 10px)*.7*1.5);-webkit-user-select:none;user-select:none;width:100%}.plyr__menu__container .plyr__control>span{align-items:inherit;display:flex;width:100%}.plyr__menu__container .plyr__control:after{border:4px solid red0;border:var(--plyr-menu-item-arrow-size,4px) solid red0;content:"";position:absolute;top:50%;transform:translateY(-50%)}.plyr__menu__container .plyr__control--forward{padding-right:28px;padding-right:calc(var(--plyr-control-spacing, 10px)*.7*4)}.plyr__menu__container .plyr__control--forward:after{border-left-color:#728197;border-left-color:var(--plyr-menu-arrow-color,#728197);right:6.5px;right:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--forward:focus-visible:after,.plyr__menu__container .plyr__control--forward:hover:after{border-left-color:initial}.plyr__menu__container .plyr__control--back{font-weight:400;font-weight:var(--plyr-font-weight-regular,400);margin:7px;margin:calc(var(--plyr-control-spacing, 10px)*.7);margin-bottom:3.5px;margin-bottom:calc(var(--plyr-control-spacing, 10px)*.7/2);padding-left:28px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*4);position:relative;width:calc(100% - 14px);width:calc(100% - var(--plyr-control-spacing, 10px)*.7*2)}.plyr__menu__container .plyr__control--back:after{border-right-color:#728197;border-right-color:var(--plyr-menu-arrow-color,#728197);left:6.5px;left:calc(var(--plyr-control-spacing, 10px)*.7*1.5 - var(--plyr-menu-item-arrow-size, 4px))}.plyr__menu__container .plyr__control--back:before{background:#dcdfe5;background:var(--plyr-menu-back-border-color,#dcdfe5);box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 var(--plyr-menu-back-border-shadow-color,#fff);content:"";height:1px;left:0;margin-top:3.5px;margin-top:calc(var(--plyr-control-spacing, 10px)*.7/2);overflow:hidden;position:absolute;right:0;top:100%}.plyr__menu__container .plyr__control--back:focus-visible:after,.plyr__menu__container .plyr__control--back:hover:after{border-right-color:initial}.plyr__menu__container .plyr__control[role=menuitemradio]{padding-left:7px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7)}.plyr__menu__container .plyr__control[role=menuitemradio]:after,.plyr__menu__container .plyr__control[role=menuitemradio]:before{border-radius:100%}.plyr__menu__container .plyr__control[role=menuitemradio]:before{background:red0001a;content:"";display:block;flex-shrink:0;height:16px;margin-right:10px;margin-right:var(--plyr-control-spacing,10px);transition:all .3s ease;width:16px}.plyr__menu__container .plyr__control[role=menuitemradio]:after{background:#fff;border:0;height:6px;left:12px;opacity:0;top:50%;transform:translateY(-50%) scale(0);transition:transform .3s ease,opacity .3s ease;width:6px}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:#00b2ff;background:var(--plyr-control-toggle-checked-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)))}.plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:after{opacity:1;transform:translateY(-50%) scale(1)}.plyr__menu__container .plyr__control[role=menuitemradio]:focus-visible:before,.plyr__menu__container .plyr__control[role=menuitemradio]:hover:before{background:#23282f1a}.plyr__menu__container .plyr__menu__value{align-items:center;display:flex;margin-left:auto;margin-right:-5px;margin-right:calc(var(--plyr-control-spacing, 10px)*.7*-1 - -2px);overflow:hidden;padding-left:24.5px;padding-left:calc(var(--plyr-control-spacing, 10px)*.7*3.5);pointer-events:none}.plyr--full-ui input[type=range]{-webkit-appearance:none;appearance:none;background:red0;border:0;border-radius:26px;border-radius:calc(var(--plyr-range-thumb-height, 13px)*2);color:#00b2ff;color:var(--plyr-range-fill-background,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));display:block;height:19px;height:calc(var(--plyr-range-thumb-active-shadow-width, 3px)*2 + var(--plyr-range-thumb-height, 13px));margin:0;min-width:0;padding:0;transition:box-shadow .3s ease;width:100%}.plyr--full-ui input[type=range]::-webkit-slider-runnable-track{background:red0;background-image:linear-gradient(90deg,currentColor 0,red0 0);background-image:linear-gradient(to right,currentColor var(--value,0),red0 var(--value,0));border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-webkit-transition:box-shadow .3s ease;transition:box-shadow .3s ease;-webkit-user-select:none;user-select:none}.plyr--full-ui input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:-4px;margin-top:calc((var(--plyr-range-thumb-height, 13px) - var(--plyr-range-track-height, 5px))/2*-1);position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-track{background:red0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-moz-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-moz-range-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);position:relative;-moz-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-moz-range-progress{background:currentColor;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px)}.plyr--full-ui input[type=range]::-ms-track{color:red0}.plyr--full-ui input[type=range]::-ms-fill-upper,.plyr--full-ui input[type=range]::-ms-track{background:red0;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-fill-lower{background:red0;background:currentColor;border:0;border-radius:2.5px;border-radius:calc(var(--plyr-range-track-height, 5px)/2);height:5px;height:var(--plyr-range-track-height,5px);-ms-transition:box-shadow .3s ease;transition:box-shadow .3s ease;user-select:none}.plyr--full-ui input[type=range]::-ms-thumb{background:#fff;background:var(--plyr-range-thumb-background,#fff);border:0;border-radius:100%;box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33);height:13px;height:var(--plyr-range-thumb-height,13px);margin-top:0;position:relative;-ms-transition:all .2s ease;transition:all .2s ease;width:13px;width:var(--plyr-range-thumb-height,13px)}.plyr--full-ui input[type=range]::-ms-tooltip{display:none}.plyr--full-ui input[type=range]::-moz-focus-outer{border:0}.plyr--full-ui input[type=range]:focus{outline:0}.plyr--full-ui input[type=range]:focus-visible::-webkit-slider-runnable-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-moz-range-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr--full-ui input[type=range]:focus-visible::-ms-track{outline:2px dashed #00b2ff;outline:2px dashed var(--plyr-focus-visible-color,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));outline-offset:2px}.plyr__poster{background-color:red;background-color:var(--plyr-video-background,var(--plyr-video-background,red));background-position:50% 50%;background-repeat:no-repeat;background-size:contain;height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .2s ease;width:100%;z-index:1}.plyr--stopped.plyr__poster-enabled .plyr__poster{opacity:1}.plyr--youtube.plyr--paused.plyr__poster-enabled:not(.plyr--stopped) .plyr__poster{display:none}.plyr__time{font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__time+.plyr__time:before{content:"⁄";margin-right:10px;margin-right:var(--plyr-control-spacing,10px)}@media (max-width:767px){.plyr__time+.plyr__time{display:none}}.plyr__tooltip{background:#fff;background:var(--plyr-tooltip-background,#fff);border-radius:5px;border-radius:var(--plyr-tooltip-radius,5px);bottom:100%;box-shadow:0 1px 2px red00026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px red00026);color:#4a5464;color:var(--plyr-tooltip-color,#4a5464);font-size:13px;font-size:var(--plyr-font-size-small,13px);font-weight:400;font-weight:var(--plyr-font-weight-regular,400);left:50%;line-height:1.3;margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:5px 7.5px;padding:calc(var(--plyr-control-spacing, 10px)/2) calc(var(--plyr-control-spacing, 10px)/2*1.5);pointer-events:none;position:absolute;transform:translate(-50%,10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;white-space:nowrap;z-index:2}.plyr__tooltip:before{border-left:4px solid red0;border-left:var(--plyr-tooltip-arrow-size,4px) solid red0;border-right:4px solid red0;border-right:var(--plyr-tooltip-arrow-size,4px) solid red0;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:50%;position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr .plyr__control:focus-visible .plyr__tooltip,.plyr .plyr__control:hover .plyr__tooltip,.plyr__tooltip--visible{opacity:1;transform:translate(-50%) scale(1)}.plyr .plyr__control:hover .plyr__tooltip{z-index:3}.plyr__controls>.plyr__control:first-child .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip{left:0;transform:translateY(10px) scale(.8);transform-origin:0 100%}.plyr__controls>.plyr__control:first-child .plyr__tooltip:before,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip:before{left:16px;left:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7)}.plyr__controls>.plyr__control:last-child .plyr__tooltip{left:auto;right:0;transform:translateY(10px) scale(.8);transform-origin:100% 100%}.plyr__controls>.plyr__control:last-child .plyr__tooltip:before{left:auto;right:16px;right:calc(var(--plyr-control-icon-size, 18px)/2 + var(--plyr-control-spacing, 10px)*.7);transform:translateX(50%)}.plyr__controls>.plyr__control:first-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control .plyr__tooltip--visible,.plyr__controls>.plyr__control:first-child+.plyr__control:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child+.plyr__control:hover .plyr__tooltip,.plyr__controls>.plyr__control:first-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:first-child:hover .plyr__tooltip,.plyr__controls>.plyr__control:last-child .plyr__tooltip--visible,.plyr__controls>.plyr__control:last-child:focus-visible .plyr__tooltip,.plyr__controls>.plyr__control:last-child:hover .plyr__tooltip{transform:translate(0) scale(1)}.plyr__progress{left:6.5px;left:calc(var(--plyr-range-thumb-height, 13px)*.5);margin-right:13px;margin-right:var(--plyr-range-thumb-height,13px);position:relative}.plyr__progress input[type=range],.plyr__progress__buffer{margin-left:-6.5px;margin-left:calc(var(--plyr-range-thumb-height, 13px)*-.5);margin-right:-6.5px;margin-right:calc(var(--plyr-range-thumb-height, 13px)*-.5);width:calc(100% + 13px);width:calc(100% + var(--plyr-range-thumb-height, 13px))}.plyr__progress input[type=range]{position:relative;z-index:2}.plyr__progress .plyr__tooltip{left:0;max-width:120px;overflow-wrap:break-word}.plyr__progress__buffer{-webkit-appearance:none;background:red0;border:0;border-radius:100px;height:5px;height:var(--plyr-range-track-height,5px);left:0;margin-top:-2.5px;margin-top:calc((var(--plyr-range-track-height, 5px)/2)*-1);padding:0;position:absolute;top:50%}.plyr__progress__buffer::-webkit-progress-bar{background:red0}.plyr__progress__buffer::-webkit-progress-value{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-webkit-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-moz-progress-bar{background:currentColor;border-radius:100px;min-width:5px;min-width:var(--plyr-range-track-height,5px);-moz-transition:width .2s ease;transition:width .2s ease}.plyr__progress__buffer::-ms-fill{border-radius:100px;-ms-transition:width .2s ease;transition:width .2s ease}.plyr--loading .plyr__progress__buffer{animation:plyr-progress 1s linear infinite;background-image:linear-gradient(-45deg,#23282f99 25%,red0 0,red0 50%,#23282f99 0,#23282f99 75%,red0 0,red0);background-image:linear-gradient(-45deg,var(--plyr-progress-loading-background,#23282f99) 25%,red0 25%,red0 50%,var(--plyr-progress-loading-background,#23282f99) 50%,var(--plyr-progress-loading-background,#23282f99) 75%,red0 75%,red0);background-repeat:repeat-x;background-size:25px 25px;background-size:var(--plyr-progress-loading-size,25px) var(--plyr-progress-loading-size,25px);color:red0}.plyr--video.plyr--loading .plyr__progress__buffer{background-color:#ffffff40;background-color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr--audio.plyr--loading .plyr__progress__buffer{background-color:#c1c8d199;background-color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr__progress__marker{background-color:#fff;background-color:var(--plyr-progress-marker-background,#fff);border-radius:1px;height:5px;height:var(--plyr-range-track-height,5px);position:absolute;top:50%;transform:translate(-50%,-50%);width:3px;width:var(--plyr-progress-marker-width,3px);z-index:3}.plyr__volume{align-items:center;display:flex;position:relative}.plyr__volume input[type=range]{margin-left:5px;margin-left:calc(var(--plyr-control-spacing, 10px)/2);margin-right:5px;margin-right:calc(var(--plyr-control-spacing, 10px)/2);max-width:90px;min-width:60px;position:relative;z-index:2}.plyr--audio{display:block}.plyr--audio .plyr__controls{background:#fff;background:var(--plyr-audio-controls-background,#fff);border-radius:inherit;color:#4a5464;color:var(--plyr-audio-control-color,#4a5464);padding:10px;padding:var(--plyr-control-spacing,10px)}.plyr--audio .plyr__control:focus-visible,.plyr--audio .plyr__control:hover,.plyr--audio .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-audio-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-audio-control-color-hover,#fff)}.plyr--full-ui.plyr--audio input[type=range]::-webkit-slider-runnable-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-moz-range-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]::-ms-track{background-color:#c1c8d199;background-color:var(--plyr-audio-range-track-background,var(--plyr-audio-progress-buffered-background,#c1c8d199))}.plyr--full-ui.plyr--audio input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--full-ui.plyr--audio input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #23282f1a;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#23282f1a)}.plyr--audio .plyr__progress__buffer{color:#c1c8d199;color:var(--plyr-audio-progress-buffered-background,#c1c8d199)}.plyr--video{overflow:hidden}.plyr--video.plyr--menu-open{overflow:visible}.plyr__video-wrapper{background:red;background:var(--plyr-video-background,var(--plyr-video-background,red));border-radius:inherit;height:100%;margin:auto;overflow:hidden;position:relative;width:100%}.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{aspect-ratio:16/9}@supports not (aspect-ratio:16/9){.plyr__video-embed,.plyr__video-wrapper--fixed-ratio{height:0;padding-bottom:56.25%;position:relative}}.plyr__video-embed iframe,.plyr__video-wrapper--fixed-ratio video{border:0;height:100%;left:0;position:absolute;top:0;width:100%}.plyr--full-ui .plyr__video-embed>.plyr__video-embed__container{padding-bottom:240%;position:relative;transform:translateY(-38.28125%)}.plyr--video .plyr__controls{background:linear-gradient(red0,red000bf);background:var(--plyr-video-controls-background,linear-gradient(red0,red000bf));border-bottom-left-radius:inherit;border-bottom-right-radius:inherit;bottom:0;color:#fff;color:var(--plyr-video-control-color,#fff);left:0;padding:5px;padding:calc(var(--plyr-control-spacing, 10px)/2);padding-top:20px;padding-top:calc(var(--plyr-control-spacing, 10px)*2);position:absolute;right:0;transition:opacity .4s ease-in-out,transform .4s ease-in-out;z-index:3}@media (min-width:480px){.plyr--video .plyr__controls{padding:10px;padding:var(--plyr-control-spacing,10px);padding-top:35px;padding-top:calc(var(--plyr-control-spacing, 10px)*3.5)}}.plyr--video.plyr--hide-controls .plyr__controls{opacity:0;pointer-events:none;transform:translateY(100%)}.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control:hover,.plyr--video .plyr__control[aria-expanded=true]{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));color:#fff;color:var(--plyr-video-control-color-hover,#fff)}.plyr__control--overlaid{background:#00b2ff;background:var(--plyr-video-control-background-hover,var(--plyr-color-main,var(--plyr-color-main,#00b2ff)));border:0;border-radius:100%;color:#fff;color:var(--plyr-video-control-color,#fff);display:none;left:50%;opacity:.9;padding:15px;padding:calc(var(--plyr-control-spacing, 10px)*1.5);position:absolute;top:50%;transform:translate(-50%,-50%);transition:.3s;z-index:2}.plyr__control--overlaid svg{left:2px;position:relative}.plyr__control--overlaid:focus,.plyr__control--overlaid:hover{opacity:1}.plyr--playing .plyr__control--overlaid{opacity:0;visibility:hidden}.plyr--full-ui.plyr--video .plyr__control--overlaid{display:block}.plyr--full-ui.plyr--video input[type=range]::-webkit-slider-runnable-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-moz-range-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]::-ms-track{background-color:#ffffff40;background-color:var(--plyr-video-range-track-background,var(--plyr-video-progress-buffered-background,#ffffff40))}.plyr--full-ui.plyr--video input[type=range]:active::-webkit-slider-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-moz-range-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--full-ui.plyr--video input[type=range]:active::-ms-thumb{box-shadow:0 1px 1px #23282f26,0 0 0 1px #23282f33,0 0 0 3px #ffffff80;box-shadow:var(--plyr-range-thumb-shadow,0 1px 1px #23282f26,0 0 0 1px #23282f33),0 0 0 var(--plyr-range-thumb-active-shadow-width,3px) var(--plyr-audio-range-thumb-active-shadow-color,#ffffff80)}.plyr--video .plyr__progress__buffer{color:#ffffff40;color:var(--plyr-video-progress-buffered-background,#ffffff40)}.plyr:fullscreen{background:red;border-radius:0!important;height:100%;margin:0;width:100%}.plyr:fullscreen video{height:100%}.plyr:fullscreen .plyr__control .icon--exit-fullscreen{display:block}.plyr:fullscreen .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr:fullscreen.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr:fullscreen .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr--fullscreen-fallback{background:red;border-radius:0!important;bottom:0;height:100%;left:0;margin:0;position:fixed;right:0;top:0;width:100%;z-index:10000000}.plyr--fullscreen-fallback video{height:100%}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen{display:block}.plyr--fullscreen-fallback .plyr__control .icon--exit-fullscreen+svg{display:none}.plyr--fullscreen-fallback.plyr--hide-controls{cursor:none}@media (min-width:1024px){.plyr--fullscreen-fallback .plyr__captions{font-size:21px;font-size:var(--plyr-font-size-xlarge,21px)}}.plyr__ads{border-radius:inherit;bottom:0;cursor:pointer;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:-1}.plyr__ads>div,.plyr__ads>div iframe{height:100%;position:absolute;width:100%}.plyr__ads:after{background:#23282f;border-radius:2px;bottom:10px;bottom:var(--plyr-control-spacing,10px);color:#fff;content:attr(data-badge-text);font-size:11px;padding:2px 6px;pointer-events:none;position:absolute;right:10px;right:var(--plyr-control-spacing,10px);z-index:3}.plyr__ads:empty:after{display:none}.plyr__cues{background:currentColor;display:block;height:5px;height:var(--plyr-range-track-height,5px);left:0;opacity:.8;position:absolute;top:50%;transform:translateY(-50%);width:3px;z-index:3}.plyr__preview-thumb{background-color:#fff;background-color:var(--plyr-tooltip-background,#fff);border-radius:8px;border-radius:var(--plyr-menu-radius,8px);bottom:100%;box-shadow:0 1px 2px red00026;box-shadow:var(--plyr-tooltip-shadow,0 1px 2px red00026);margin-bottom:10px;margin-bottom:calc(var(--plyr-control-spacing, 10px)/2*2);opacity:0;padding:3px;pointer-events:none;position:absolute;transform:translateY(10px) scale(.8);transform-origin:50% 100%;transition:transform .2s ease .1s,opacity .2s ease .1s;z-index:2}.plyr__preview-thumb--is-shown{opacity:1;transform:translate(0) scale(1)}.plyr__preview-thumb:before{border-left:4px solid red0;border-left:var(--plyr-tooltip-arrow-size,4px) solid red0;border-right:4px solid red0;border-right:var(--plyr-tooltip-arrow-size,4px) solid red0;border-top:4px solid #fff;border-top:var(--plyr-tooltip-arrow-size,4px) solid var(--plyr-tooltip-background,#fff);bottom:-4px;bottom:calc(var(--plyr-tooltip-arrow-size, 4px)*-1);content:"";height:0;left:calc(50% + var(--preview-arrow-offset));position:absolute;transform:translateX(-50%);width:0;z-index:2}.plyr__preview-thumb__image-container{background:#c1c8d1;border-radius:7px;border-radius:calc(var(--plyr-menu-radius, 8px) - 1px);overflow:hidden;position:relative;z-index:0}.plyr__preview-thumb__image-container img,.plyr__preview-thumb__image-container:after{height:100%;left:0;position:absolute;top:0;width:100%}.plyr__preview-thumb__image-container:after{border-radius:inherit;box-shadow:inset 0 0 0 1px red00026;content:"";pointer-events:none}.plyr__preview-thumb__image-container img{max-height:none;max-width:none}.plyr__preview-thumb__time-container{background:linear-gradient(red0,red000bf);background:var(--plyr-video-controls-background,linear-gradient(red0,red000bf));border-bottom-left-radius:7px;border-bottom-left-radius:calc(var(--plyr-menu-radius, 8px) - 1px);border-bottom-right-radius:7px;border-bottom-right-radius:calc(var(--plyr-menu-radius, 8px) - 1px);bottom:0;left:0;line-height:1.1;padding:20px 6px 6px;position:absolute;right:0;z-index:3}.plyr__preview-thumb__time-container span{color:#fff;font-size:13px;font-size:var(--plyr-font-size-time,var(--plyr-font-size-small,13px))}.plyr__preview-scrubbing{bottom:0;filter:blur(1px);height:100%;left:0;margin:auto;opacity:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .3s ease;width:100%;z-index:1}.plyr__preview-scrubbing--is-shown{opacity:1}.plyr__preview-scrubbing img{height:100%;left:0;max-height:none;max-width:none;object-fit:contain;position:absolute;top:0;width:100%}.plyr--no-transition{transition:none!important}.plyr__sr-only{clip:rect(1px,1px,1px,1px);border:0!important;height:1px!important;overflow:hidden;padding:0!important;position:absolute!important;width:1px!important}.plyr [hidden]{display:none!important}
.plyr--video .plyr__controls{background:red;padding:10px;border-top:1px solid red}
.plyr--video {overflow: hidden;border-radius: 5px;}
.block-type-heading{padding:20px calc(100%/12 *2 + 5px);text-transform:uppercase;}
.block-type-heading h2{font-size:inherit;line-height:inherit}
.block-type-video{padding:20px calc(100%/12 *2 + 5px)}
.plyr--video{--plyr-color-main:#fff;--plyr-video-control-color:#fff;--plyr-video-control-color-hover:red;--plyr-video-control-background-hover:#fff;--plyr-range-fill-background:#fff}
.plyr__control--overlaid{background:red;padding:20px;border:1px solid red}
.plyr__control--overlaid:hover,.plyr__control--overlaid:focus{background:#8b0000;border-color:#8b0000}
.plyr--video .plyr__control:hover,.plyr--video .plyr__control:focus-visible,.plyr--video .plyr__control[aria-expanded="true"]{background:red;color:#fff;border:none}
.plyr--full-ui.plyr--video .plyr__control--overlaid:hover {border:1px solid red;}
.plyr--full-ui input[type="range"]{color:#fff}
.plyr__tooltip{background:#fff;color:red;padding:5px 10px;border:none;font-family:futura}
.plyr__tooltip::before{border-top-color:#fff}
.plyr__controls{gap:5px}
.plyr__controls .plyr__controls__item{margin-left:5px}
.plyr__control{padding:5px}
.plyr__control.plyr__control--overlaid{padding:20px}
.plyr__controls .plyr__controls__item.plyr__time{font-family:futura}


/* SWITCH MODE
-------------------------------------------------- */
body.color-red  { --accent: red;  color: var(--accent); }
body.color-black { --accent: black; color: var(--accent);}
.color-toggle {
   cursor: pointer;
   color: var(--accent);
}

.color-toggle svg {
   fill: currentColor;
   pointer-events: none;
}
body.color-red main header .share-links a, body.color-red aside .tags, body.color-red aside, body.color-red a, body.color-red .grid-item figure figcaption > span, body.color-red blockquote footer, body.color-red .block-type-text, body.color-red .subcarousel, body.color-red .grid-item figure figcaption date, body.color-red .actus ul li, body.color-red .interview, body.color-red .column-12 .block-type-text, body.color-red main header h2, body.color-red div.tagcontainer .tags a:hover, body.color-red main header div .tags a.active, body.color-red div.tagcontainer .tags a, body.color-red main header div date, body.color-red main header div > span{color: var(--accent);border-color:var(--accent)}
body.color-black main header .share-links a, body.color-black aside .tags, body.color-black aside, body.color-black a, body.color-black .grid-item figure figcaption > span, body.color-black blockquote footer, body.color-black .block-type-text, body.color-black .subcarousel, body.color-black .grid-item figure figcaption date, body.color-black .actus ul li, body.color-black .interview, body.color-black .column-12 .block-type-text, body.color-black main header h2, body.color-black div.tagcontainer .tags a:hover, body.color-black main header div .tags a.active, body.color-black div.tagcontainer .tags a, body.color-black main header div date, body.color-black main header div > span{color: var(--accent);border-color:var(--accent)}


body.color-red main header::before, body.color-red main header::after, body.color-red aside:before, body.color-red aside:after {background:  var(--accent);;}
body.color-black main header::before, body.color-black main header::after, body.color-black aside:before, body.color-black aside:after {background:  var(--accent);;}

body.color-black header a{color:red}







header.mobile{display:none}


/*--------------------------------------
-   MEDIA QUERIES
---------------------------------------*/
@media only screen and (max-width:1440px){

   .column-12 .block-type-text, .contactform form{
      padding: 20px calc(100%/12 *2 + 5px);
   }
   .interview {
      padding: 20px calc(100%/12 *2 + 5px);
   }

   ul.results li > div:nth-child(5) {
      width: calc((100% / 12) * 1);
   }
   ul.results li > div:nth-child(2) {
      width: calc((100% / 12) *3);}
   ul.results li > div:nth-child(4) {
      width: calc((100% / 12) * 4);}
   footer article:nth-child(1){width:calc((100% / 12) * 6);padding-right:calc((100% / 12) * 1 + 10px);}
   footer article{width:calc((100% / 12) * 4);font-size: 14px;
      line-height: 18px;}
   footer article:nth-child(4){width:calc((100% / 12) * 2);}
   footer article:last-child{width:calc((100% / 12) * 2);}
   main.text article,  main.o-nas article {
      padding: 10px calc(100%/12 *2 + 10px);}

   .grid{grid-template-columns: repeat(3, 1fr);}
   .carousel.zine .carousel-cell{width:calc((100% / 12) * 2);}

   .actus ul li:nth-last-child(2){border:0}
   .actus ul li:last-child{display:none}
   .interview-item {
  grid-template-columns: repeat(8, 1fr);

}
   .interview-item.odd .interview-phrase {
  grid-column: span 7;
}
   .interview-item.even .interview-nom {
      grid-column: span 2;}
   .interview-item.even .interview-phrase {
  grid-column: 3 / span 6;
}
   .book3d-wrapper {
      width: 50%!important;}
}

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

   .actus ul li:last-child{display:block}
   .grid{grid-template-columns: repeat(2, 1fr);}
   .newsinline ul {
      grid-template-columns: 1fr 1fr}
   section.advert-one {
      grid-template-columns: repeat(4,1fr);border-top:0}
   .newsliste {
      grid-column: span 6}
   .actus {
      padding-top: 40px;
      grid-column: span 12;left:-10px;position:relative;width:calc(100% + 20px)}
   .actus:after{content:'';height:1px;width:calc(100% - 20px);background:red;position:absolute;top:0;left:10px}
   .actus ul {
      width: 100%;
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;}
   .actus ul li {
      width: 20%;padding-top:0;border:0}
   .actus ul li:last-child {

   }
   .containerhome blockquote {
      padding: 0 10px}



}

@media only screen and (max-width:960px){
   body{background:#fff;margin-top: 61px;}


   header.mobile{display:block;border-bottom: 1px solid;padding:5px 10px;position:fixed}
   header.ecran{display:none}

   header.mobile .submenu{display:none;margin-bottom:10px}
   header.mobile li svg{height: 19px;width: 19px;}
   header.mobile li svg.open line{stroke:red;opacity:.25}
   body > header ul:nth-child(1){justify-content: space-between;padding:0}
   body > header ul:nth-child(2){margin-top:10px;}
   body > header ul:nth-child(2) li:last-child {
      padding: 10px 20px 10px 10px;
   }
   body > header ul li {
      padding: 5px 0 ;
   }
   body > header ul.submenu li:last-child {
      padding: 5px 0;
      flex: 1;
      text-align: right;
      display: flex;
      justify-content: flex-start;
   }
   body > header h1 {
      margin:0;align-items: center;height: auto;
   }
   body > header ul li:last-child {
      padding: 10px 0;
      flex: 1;text-align: right;display: flex;
      justify-content: flex-end;
   }
   body > header h1 a {
      height: auto;font-size: 24px;}
   body > header ul li a{font-size: 22px;}
   main {
      padding: 0}
   .grid-item { width: 100%;padding: 0 10px 20px;}
   .grid{grid-template-columns: repeat(1, 1fr);margin-top: 10px;}
   body, h1, h2, h3, h4 {
      line-height: 22px;
      font-size: 20px;
   }
   .column-12 .block-type-text, .contactform form {
      padding: 0
   }
   .column-12 .block-type-text{padding:20px 0 0}
   .column-grid {
      gap: 0;}
   .block.block-type-image {
      padding: 20px 0 0 0;
   }
   .block-type-video {
      padding: 0;
   }
   .block-type-heading {
      padding: 0}
   blockquote {
      font-size: 1.25em;
      line-height: 1.25em;
      font-family: futura;
      font-weight: normal;
      padding: 20px 20px 0 20px;
   }
   .interview {
      padding:0
   }

   main header > div:nth-child(1) {
      grid-column: span 12;}
   main header > div:nth-child(2) {
      grid-column: span 12}
   main header > div:nth-child(3) {
      grid-column: span 12;
   }
   aside {
      flex-flow: column wrap;}
   main header > div:nth-child(1) {

      display: flex;
      flex-flow: row wrap;
      align-items: stretch;
      justify-content: space-between;
   }
   .blocks {}
   .column {
      --span: 12 !important;
   }
   .contactform {
      width: 100%;
      margin-bottom: 10px;
      margin-top: 20px;padding:0 20px}
   main header {padding: 0 0 20px;
      gap: 20px;}
   main header div .tags a, .grid-item figure .tags a {
      padding: 5px 10px;
      font-size: 12px;
      line-height: 14px;}
   .grid-item figure figcaption date, main header div date, nav.prevnext article div.two date {

      font-size: 14px;
      line-height: 16px;}
   main header .share-links a {
      width: 26px;
      height: 26px;}
   main header .share-links i {
      font-size: 12px;
   }
   main header h2 {
      font-size: 1.75em;width:100%}
   .grid-item figure figcaption h2 {

      width: 100%;
      font-size: 1.25em;}
   main header div date {
      margin-bottom: 0;}
   main header > div b {display: none}
   main header div .tags{display: none}
   footer article:nth-child(1) {
      justify-content: center;
      width: calc((100% / 12) * 12);
      padding-right:0;
   }
   .contactform form .field.two {
      flex-flow: column wrap;
      gap: 0px;
   }
   main.text, main.o-nas {
      width: 100%;
      padding: 0 20px;}
   .column-grid {
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 0;padding:0 20px}
   .block-type-text {
      padding: 20px 0 0 0;
   }

   footer article, footer article:nth-child(4), footer article:nth-child(5) {
      width: calc((100% / 12) * 4);text-align: center;
   }
   .contactform form input[type="submit"] {
      width: 50%;}
   footer article:nth-child(5) {
      width: calc((100% / 12) * 12);
   }
   main.text article, main.o-nas article {
      padding: 10px 0}
   footer article:nth-child(5) {
      width: calc((100% / 12) * 12);
      justify-content: center;
      align-content: center;
      text-align: center;
   }
   aside {
      position: relative;
      margin-bottom: 10px;}

   footer article {
      font-size: 14px;
      line-height: 18px;}

   footer article ul{width:100%}
   footer article ul li{display: flex;
      flex-flow: column wrap;
      justify-content: center;
      align-content: center;}
   .grid-item figure figcaption h2 {
      margin: 5px 0 8px;}

   nav.prevnext article div.two {
      padding: 10px;
      width: calc((100% / 6) * 6);}
   nav.prevnext article div.one {
      display:none
   }
   nav.prevnext article a.title {
      font-size: 14px;flex: 1;
      line-height: 18px;display: grid;
flex-flow: column;
align-content: space-between;
justify-content: space-between;
align-items: flex-end;
justify-items: flex-end;
   }
nav.prevnext article:nth-child(1) a.title {
   justify-items: flex-start;}
   nav.prevnext article:nth-child(2) div:nth-child(1) {
      width: calc((100% / 6) * 6);border-left: 1px solid;display: flex;
flex-flow: column wrap;
   }
   nav.prevnext article:nth-child(2) div:nth-child(2) {
      display:none
   }
   nav.prevnext {
      padding: 0 0;}
   nav.prevnext::after {
      top: 0;
      left: 0px;
      height: 1px;
      width: calc(100% + 0px);
   }
   footer article p {
      margin-top: 0
   }
   footer article svg {
      width: calc(100% - 0px);
      height: auto;
   }
   footer article {
      font-size: 14px;
      line-height: 18px;
      padding: 10px 0;
   }
   footer article:last-child a {
      justify-content: center
   }
   main header div .tags, main header .share-links {

      gap:5px;
   }
   section figcaption{margin-top:5px}
   .grid {padding:10px 10px;margin-bottom:0;}
   nav.pagination {
      padding: 0px 10px 40px}
   .plyr__control {padding: 0;}
   .plyr__control.plyr__control--overlaid{padding:10px}



   .carousel-cell-image {
      display: block;
      height: 100%;

   }


   .subcarousel div:nth-child(2) {
      display: none
   }
   .subcarousel .caption {

      white-space:normal;
      overflow:auto;
      text-overflow:inherit;
      padding-right: 0;margin-bottom:10px
   }


   .carousel.zine {
      padding: 10px 0;}
   .carousel.zine .carousel-cell{width:calc((100% / 12) * 5);}


   section.advert-one {
      grid-template-columns: repeat(2,1fr);}
   .newsinline ul {
      grid-template-columns: 1fr
   }
   .actus ul li {
      width: 100%;}
   .carousel-container {gap: 10px;
      grid-column: span 12;}

   .newsliste {
      grid-column: span 12;padding: 0 10px;
   }
   .citation {
      margin-top:0;margin-bottom:0;
      border-bottom: 1px solid;
      padding-bottom: 40px;
   }
   .containerhome blockquote footer {
      font-size: 16px;
      line-height: 18px;
      margin-top: 20px;flex-flow: column wrap;
   }

   .containerhome blockquote footer a {

      margin-left: 0;}
   .newsliste .grid-item {
      padding: 0;
      overflow: hidden;
      width: calc(100% - 5px);
   }


   .carousel {
      aspect-ratio: 3/2;}
   .carousel-cell {
      aspect-ratio: 3/2;}
   .containerhome blockquote {
      font-size: 1.25rem;
      line-height: 1.25em;}
   .actus {
      padding-top: 20px;padding-left:10px;padding-right:10px}
   .grid-item figure figcaption > span {

      font-size: 16px;
      line-height: 18px;
   }
   .newsinline ul li figure figcaption{margin:0}
   .newsinline {
      padding-top: 20px;}
   main header::before {display: none}
   main header .share-links {
      justify-content: flex-start;
      align-content: flex-start;
   }

   footer article:nth-child(2), footer article:last-child {

      width: 100%;
   }
   footer article:last-child {
      justify-content: center;
      align-content: center;
      text-align: center;
   }

   aside::after {display: none}
   aside {
      padding-top: 0;
   }

   .book3d-wrapper {
      width: 100%!important}
   body > header ul li {
  margin-right: 0px;
}
   aside::before {
  
  left: 0;
  width: 100%;
}
   body > header ul li h1 a:hover, body > header ul li h1 a:active, body > header ul li h1 a.active{text-decoration:none}
   main header > div:nth-child(1) span:nth-child(1){display: none}
   .column-grid {
  padding: 0 20px 20px;
}
   .interview-item {gap: 10px;
  grid-template-columns: repeat(1, 1fr);
}
   .interview-item.even .interview-nom {
  grid-column: span 1;
}
   .interview-item.even .interview-phrase {
  grid-column: 1 / span 1;
}
   .grid-item figure figcaption {
  margin-top: 10px;
}
   section.advert-one {
  position: relative;
  left: 0;
  margin: 0;
    margin-top: 0px;
  margin-top: 0px;
  gap: 10px;
  width: 100%;
  padding: 10px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  position: relative;
}
   
   .newsinline {
  display: grid;
  margin-top: 0;
  padding: 0;
  grid-template-columns: 1fr;
  padding-top: 30px;
  position: relative;
  left: 0;
  width: 100%;
  padding: 0 10px;
    padding-top: 20px;padding-bottom: 10px;
}
   .newsinline::after {
  content: '';
  width: 100%;
  height: 1px;
  position: absolute;
  top: 0;
  left: 0;
  background: red;
}
   .newsinline ul li {
      padding-bottom: 10px;}
   
   nav.prevnext article:nth-child(1) a.title:after{content:'Poprzedni artykuł';width: auto;
border: 1px solid;
border-radius: 5px;
padding: 5px 10px;
display: inline-block;
margin-top: 10px;}
   nav.prevnext article:nth-child(2) a.title:after{content:'Następny artykuł';width: auto;
border: 1px solid;
border-radius: 5px;
padding: 5px 10px;
display: inline-block;
margin-top: 10px;}
   nav.prevnext article span{display: none}
   
   div.tagcontainer .tags a {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 14px;
}
   .newsliste .grid {
  gap: 10px;
   }
   .newsliste .grid-item figure figcaption {
   margin-bottom: 20px;
}
   .actus ul li {padding-bottom:30px}
   
   
   body > header ul li form {
  margin-top: 20px;
  width: 100%;
}
   .search-wrapper input[type="search"] {
      font-size: 22px;line-height: 34px;}
   
   nav.pagination span, nav.pagination a {

  width: 40px;
  height: 40px;
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  margin: 0 5px;
  font-size: 16px;
}
   
   
}