/*!
Theme Name: CEC 2026
Author: Niels Wehrspann
Author URI: https://www.niels-wehrspann.com
Description: A theme for Centre d'édition contemporaine, Geneva
Version: 1.5.1
Text Domain: c-e-c

c-e-c is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
 */


@font-face {
    font-family: 'Hercules';
    font-weight: normal;
    font-style: normal;
    src:  url('polices/Hercules.woff') format('woff');
}

@font-face {
    font-family: 'Hercules';
    font-weight: normal;
    font-style: italic;
    src: url("polices/Hercules-Italic.woff") format("woff");    
}

@font-face {
    font-family: 'Publico';
    font-weight: normal;
    font-style: normal;
    src: url("polices/PublicoTextMono-RomanNo2-Web.woff2") format("woff2"),
        url("polices/PublicoTextMono-RomanNo2-Web.woff") format("woff"); 
}

@font-face {
    font-family: 'Publico';
    font-weight: normal;
    font-style: italic;
    src: url("polices/PublicoTextMono-ItalicNo2.woff2") format("woff2"),
    url("polices/PublicoTextMono-ItalicNo2-Web.woff") format("woff");    
}





*, *::before, *::after { box-sizing: inherit; } 

html { box-sizing: border-box; line-height: 1.3; -webkit-text-size-adjust: 100%; --swiper-navigation-color: black; --swiper-navigation-size:1rem !important; scrollbar-width: none !important; 
  --cecbg: #fdfdfd; --cecsel: #8e8e8e; scrollbar-color:var(--cecsel) var(--cecbg); scrollbar-gutter: stable;} 
body { margin: 0; padding:0; background-color: var(--cecbg);} 

@media all and (max-width:700px) { :root {font-size:4vw; --wp--preset--font-size--normal: 4vw; } } 
@media all and (min-width:701px) { :root {font-size:2vw; --wp--preset--font-size--normal: 1.6vw; } }
@media all and (min-width:1024px) { :root {font-size:1.8vw; --wp--preset--font-size--normal: 1.4vw; } }
@media all and (min-width:1224px) { :root {font-size:1.6vw; } }
@media all and (min-width:1424px) { :root {font-size:1.4vw; } }
@media all and (min-width:1624px) { :root {font-size:1.2vw; } }
@media all and (min-width:1824px) { :root {font-size:1vw; } }

#elephant svg {fill:var(--cecsel); position:fixed; width:auto; height:4rem; top:50vh; left:50%; transform: translateY(-50%) translateX(-50%); padding:0; margin:0; z-index:1; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } 
sub { bottom: -0.25em; } 
sup { top: -0.5em; } 
dfn, em, i { font-style: italic; } 
ul { list-style: disc; } 
ol { list-style: decimal; } 
img { border-style: none; } 
td {vertical-align: top; padding:0 .5rem; border:none;}
.wp-block-table td, .wp-block-table th, table, tr {border:none;}

/* Typographie */
h1, h2, h3, h4, h5, h6, p {font-weight: normal;}
h1, h2, p, nav {font-family: Hercules, serif;}
h3, h4, h5, h6, figcaption, aside, cite, .searchandfilter, .artistes li, .col td, button, tr, td {font-family:Publico, monospace; font-style: normal;}
h1, h2, h3, h4, h5, h6 { clear: both; } 
h1, h2 { font-size: 2rem; margin: 0 0 2rem 0; } 
h3, h4, h5, h6, figcaption, aside, cite, .searchandfilter, .artistes li, td, button {font-size:0.6rem;}
h1, h3 {text-transform: uppercase; letter-spacing: .05rem;}
p {font-size:1rem;}
h1, h2, h3, .col h4, .col h5, .col h6, .single-page h4, .single-page h5, .single-page h6 {text-align: center;}
.soustitre {margin:0 0 3rem 0; padding:0 20%;}
cite {display: block;}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {font-weight:normal;}

/* Liens */

a { background-color: transparent; color:inherit; text-decoration: none;} 
a:visited { color: inherit; } 
a:hover, a:focus, a:active { transition: all 0.2s; opacity:0.6;} 
a:focus { outline: thin dotted; } 
a:hover, a:active { outline: 0; } 

/* Header */
header {height:7rem; position:fixed; width:100%; background:var(--cecbg); z-index:100; transition: all .8s ease-out;}
.site-branding {width:100%; padding:1rem 44%;}
@media all and (max-width:1023px) { .site-branding {padding:1rem 40%;} }
@media all and (min-width:1600px) { .site-branding {padding:1rem 45%;} }
.site-branding h1 {font-family:Publico; text-align:center; text-transform:uppercase; color:var(--cecsel); font-size:0.5rem; line-height: .75rem; letter-spacing: 0.25rem;}
.site-branding h1 span {letter-spacing: 0.1rem;}
.site-branding h1 a:after {content:"\00a0";}
header.goingup {top:0;}
header.goingdown {top:-11rem;}


/* Side */
aside {position:fixed; left:0; height:1rem; overflow:visible; width:100%; display: flex; z-index:101; font-size:0.5rem; transition: all 1s ease-out;}
.wp-block-polylang-language-switcher {grid-column: 1; padding:0; margin:.5rem 0 0 1vw; position:absolute; list-style-type: none; padding: 0; color:var(--cecsel);}
.wp-block-polylang-language-switcher li {margin:0; line-height: 1.5rem;}
.wp-block-polylang-language-switcher li a {padding: .2rem .4rem .15rem .4rem; margin:0 0 .25rem 0; border:.1rem solid;}
.current-lang {color:black;}
.wp-block-polylang-language-switcher li:hover, .wp-block-polylang-language-switcher li a:active {color:var(--cecsel);}
.wp-block-search {width:15rem; position: absolute; right:1vw; top:.75rem;}
input.wp-block-search__input:focus-visible, input.wp-block-search__input:focus, input.wp-block-search__input:active {border:.2rem solid var(--cecsel); box-shadow: none;}
.wp-block-search__input {background:none; border:.1rem solid black; border-radius: 0;}
.wp-block-search__button {background:none; border:none; padding:0 .25rem;}
.wp-block-search__button svg path {stroke:black; stroke-width:.025rem;}
.wp-block-search__button:hover {cursor: pointer;}
.wp-block-search__button:hover svg path {fill:var(--cecsel); stroke:var(--cecsel);}
aside.goingup {top:0;}
aside.goingdown {top:-10rem;}

/* Menu */
#mobile-navigation {display:none;}
#site-navigation {position:absolute;  width:100%; transition:all .8s ease-out; }
#site-navigation.goingup {bottom:0;}
#site-navigation.goingdown {bottom:10rem;}
#site-navigation ul {list-style-type: none; margin:0; padding:0; display: flex; justify-content: center;}
#site-navigation li {padding:1rem 1rem; margin: 0 2rem;}
.current_page_item, .current-menu-item {color:var(--cecsel);}
#mobile-icons {display:none;}

/* Page */
.site-main { display: block; z-index:10; position: relative;}
.home .site-main, .single .site-main, .subpage, .single-page {margin:15rem 25vw 2rem 25vw; } 
.page-template-page-sf .site-main, .archive .site-main { margin:17rem 4vw 2rem 4vw; } 
.page .site.main {margin:17rem 25vw 2rem 4vw;}
.page-template-page-liste_artistes #artistes {margin:15rem 5vw 2rem 5vw;}

/* Slideshow */
.wp-block-jetpack-slideshow {margin:4rem 0 8rem 0 !important;}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_container {overflow:visible !important;}
.swiper-container {overflow:visible !important;}
.swiper-pagination {display: none;}
.wp-block-jetpack-slideshow figcaption.wp-block-jetpack-slideshow_caption.gallery-caption {text-align:center; background:none; color:black; line-height:1rem; padding:0.5rem 4rem;}
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption {transform: translateY(100%); text-align:center;}
.swiper-button-next, .swiper-button-prev {top:auto !important; bottom:0; transform: translateY(2.5rem); filter:brightness(0);}
.wp-block-jetpack-slideshow .amp-carousel-button, .wp-block-jetpack-slideshow a.wp-block-jetpack-slideshow_button-next, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play,
 .wp-block-jetpack-slideshow a.wp-block-jetpack-slideshow_button-prev {background-color:transparent; background-size:1rem; transition:all .25s; width:4rem; height:2rem;}
.wp-block-jetpack-slideshow a.wp-block-jetpack-slideshow_button-prev {background-position:left top; left:0;}
.wp-block-jetpack-slideshow a.wp-block-jetpack-slideshow_button-next {background-position:right top; right:0;}
.wp-block-jetpack-slideshow .amp-carousel-button:focus, .wp-block-jetpack-slideshow .amp-carousel-button:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:focus, 
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-next:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:focus, 
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-pause:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:focus, 
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-play:hover, .wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:focus, 
.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_button-prev:hover {background-color:transparent !important; filter:brightness(100); border:none !important; outline:none !important;}
.swiper-pagination {display:none !important;}

/* Side */
::-webkit-scrollbar {width: 15px;}
::-webkit-scrollbar-thumb {background-color: black; border-right: 6px solid var(--cecbg); border-left: 6px solid var(--cecbg);}
.col {position:fixed; width:18vw; bottom:0; overflow:hidden; padding:0; transition:all 1s ease-in-out;}
#col-gauche {left:4vw;}
#col-droite {right:4vw;}
.col.goingup {height:calc(100vh - 15rem); }
.col.goingdown {height:calc(100vh - 2rem); }
.col-inner {width:100%; padding:0 11px 3rem 1vw; height:100%; overflow-y:hidden; position:absolute; top:0; left:0;}
.col-inner h5 {padding:0; margin:0; line-height: 1rem;}
.col-inner .complete-list-item {padding:0 0 1rem 0; display:block;}
.col-inner h6 {padding:0; margin:2rem 0 1rem 0;}
.initial {text-transform: uppercase;}
.col-inner:hover {overflow-y:scroll; overflow-x:hidden; width:100%;}
/*.col-inner.ffcol:hover{padding-right:11px; width:calc(100% - 4px);}

  /* Liste artistes */
.artistes h5, .artistes h4 {text-align:left;}
.artistes h5 {width:1.25rem; padding:0; margin:0; transform:translateY(calc(100% - .1rem)); display:block;}
.artistes li {padding:0; margin:0 0 0 1.5rem; list-style: none; }

/* Home */
.site-main {overflow-x:hidden;}

/* Single */
.wpb-posts-nav {height:auto; display: flex; justify-content: space-between; margin:20rem 0 2rem 0; text-align: center;}
#nav-left, #nav-right {display: block; width:16vw;}
.wpb-posts-nav a {width:100%; height: 100%; padding:0; margin:0;}
.wpb-posts-nav h4, .wpb-posts-nav strong { margin: 0; }
.wpb-posts-nav a svg { display: inline-block; margin: 1rem 0; vertical-align: middle;}
.wpb-posts-nav__thumbnail, .wpb-posts-nav__thumbnail .wp-block-image figure {display: block; margin: 0 0 1rem 0; height:12vw;}
.single-edition .wpb-posts-nav__thumbnail, .single-edition-en .wpb-posts-nav__thumbnail, .wpb-posts-nav__thumbnail .wp-block-image figure {height:16vw;}
.wpb-posts-nav__thumbnail img {height:100%; width:100%; object-fit: contain;}
.wpb-posts-nav a svg:hover {fill:var(--cecsel); transition: all .5s;}
.columns-1 .wp-block-image {max-height:75vh;}

.page-template-page-liste_artistes #artistes {width:auto;}
.page-template-page-liste_artistes #artistes li {font-size:1rem; padding:.25rem 0; width:auto; position:relative;}
.page-template-page-liste_artistes .artistes {column-width: 335px;}
.page-template-page-liste_artistes h3 {margin-bottom:4rem;}
.page-template-page-liste_artistes h5 {position:absolute; padding-top:0; transform: translateY(.25rem);}



/* Search and filter */
.searchandfilter {position:fixed; display: block; z-index: 300; transition:all 0.7s ease-out; width:100%; background:var(--cecbg); height:7rem;}
.searchandfilter.goingup {top:7rem;}
.searchandfilter.goingdown {top:-4rem;}
.searchandfilter ul {list-style-type: none; margin:0; padding:0;}
.sf-field-category {margin-top:4rem;}
.sf-field-category .sf-level-0>input,
.sf-field-category .sf-level-0>label { display: none; } 
.sf-field-category .children {text-transform:uppercase; letter-spacing: .05rem; width:calc(73vw - 2rem); display:flex; flex-wrap:nowrap; justify-content: left;}
.sf-field-category .children li {padding:1rem 4vw 1rem 0; }
.sf-count {font-size:0.5rem; position:absolute; text-align: right; padding:0 0 0 0.5rem;}
.sf-field-tag { position:fixed; width:16vw; bottom:0; overflow:hidden; padding:0; transition:all 1s ease-in-out; right:1vw;}
.sf-field-tag.goingup {height:calc(100vh - 12rem); }
.sf-field-tag.goingdown {height:calc(100vh - 1rem); }
.sf-field-tag ul {width:calc(100% - 4px); padding:0 0 5rem 0; overflow:hidden; position:absolute; top:3rem; left:0; display: block;}
.sf-field-tag.goingup ul {height:calc(100vh - 15rem);}
.sf-field-tag.goingdown ul {height:calc(100vh - 4rem);}
.sf-field-tag ul:hover {overflow-y:scroll; width:100%;}
.sf-field-tag h4 {text-transform:uppercase; letter-spacing: 1px; margin:0 0 2rem 0; padding:.1rem 0 0 0;}
.sf-field-tag li {padding-top:.1rem;}
.sf-field-tag ul:hover input {right:4px;}

.sf-field-category input[type=checkbox] {appearance: none; background: transparent; position: relative;}
.sf-field-tag input[type=checkbox] {appearance: none; background: transparent; position: absolute; right:1vw; }
.sf-field-category input[type=checkbox] + label {margin: 0 0 0 .5rem;}
.new-line {position: relative; margin-top:1.5rem;}
.artist-initial {text-transform:uppercase; width:2vw; position: absolute; display: block;}
.sf-field-tag input[type=checkbox] + label {margin: 0 0 0 2vw; display:block; max-width:14vw;}
.searchandfilter ul input[type=checkbox] + label:hover {cursor:pointer;}

/* Category */
.search-filter-results {width:72vw;}
#editions, #edition_ens { width:100%; margin:0; display:grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr) ); grid-gap: 2rem 4vw;} 
#expositions, #enregistrements, #exhibitions, #recordings { width:100%; margin:0; display:grid; grid-template-columns: repeat(auto-fill, minmax(350px, 1fr) ); grid-gap: 2rem 4vw;} 
.sf-results h2 {font-size:1rem; padding-top:1rem; margin:0 0 .25rem 0;}
.dates {display:block; padding:0; margin:0;}
.years {display: block; padding:.5rem; text-align: center;}
.edition, .edition_en { display:block; width:100%; height:25rem;} 
.exposition, .enregistrement, .exhibition, .recording { display:block; width:100%; height:25rem;} 
.edition_thumb, .edition_en_thumb { width:100%; height:16rem; overflow:hidden;} 
.exposition_thumb, .enregistrement_thumb, .recording_thumb, .exhibition_thumb { width:100%; height:17rem; overflow: hidden;} 
.edition_thumb img, .edition_en_thumb img {width:100%; height:100%; object-fit: contain; transform-origin: center center; transition: all 1s ease-in;}
.exposition_thumb img, .enregistrement_thumb img, .exhibition_thumb img, .recording_thumb img {width:100%; height:100%; object-fit: cover; transform-origin: center center; transition: all 1s ease-in;}
.result-item:hover { cursor:pointer; opacity:0.8;} 
.result-item:hover img { transform:translateX(0%) translateY(0%) scale(106%); transform-origin: 50% 50%;} 
.result-item:hover h2 { color:var(--cecsel); transition: all 0.3s;} 
.result-item .wp-block-image.aligncenter, .result-item .wp-block-image .aligncenter, .result-item .wp-block-image.alignleft, .result-item .wp-block-image .alignleft, .result-item .wp-block-image.alignright, .result-item .wp-block-image .alignright {display:block; height:100%;}
.result-item .wp-block-image {height:100%;} 

/* Tag */
#artistes {width:76vw; margin:15rem 0 2rem 2vw; display:block; height:auto; overflow:visible;}
#artistes:after {content:''; display: block; clear: both;}
.artistes-bloc {margin:0 0 2rem 0; padding:0 4vw; height:auto; float:left; transition:all .7s;}
.artistes-bloc, .grid-sizer {width:calc(19% - 10px);}
.grid-exposition, .grid-enregistrement, .grid-recording, .grid-exhibition {width:calc(57% - 10px);}
.grid-edition, .grid-edition-en, .grid-non-classe, .grid-uncategorized {width:calc(38% - 10px);}
.artistes-header {display:flex; justify-content: space-between; height:3rem; width:100%;}
.exposition_image, .enregistrement_image, .exhibition_image, .recording_image {width:100%;}
.edition_image, .element_image, .edition-en_image, .item_image, .non-classe_image, .uncategorized_image {width:100%; }
.exposition_image img, .enregistrement_image img, .exhibition_image img, .recording_image img {max-height: 30vw;}
.edition_image img, .element_image img, .edition-en_image img, .item_image img {max-height: 40vw;}
#artistes img {width:inherit; height:inherit; object-fit:contain; object-position: top center;}
.artistes-header h4 {padding:.5rem 0; margin:0;}
.artistes-header h3 {padding:.5rem 0; margin:0;}
.artistes-content {height:auto; width:auto;}
.artistes-bloc h2 {font-size:1rem; padding-top:1rem;}
.artistes li:not(#current-artist) {color:var(--cecsel);}
#current-artist {color:black;}
.artistes-bloc:hover, .artistes-bloc:active {color:var(--cecsel); cursor:pointer;}

/* Lightbox */
.featherlight {font-family:inherit;}
.featherlight-content > .featherlight-previous {transition:all .2s; opacity:1; background-image:url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23000%22%20d%3D%22M15.41%207.41L10.83%2012l4.58%204.59L14%2018l-6-6%206-6%201.41%201.41z%22/%3E%0A%3C/svg%3E); background-size:80% auto;}
.featherlight-content > .featherlight-next {transition:all .2s; opacity:1; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23000%22%20d%3D%22M8.59%2016.59L13.17%2012%208.59%207.41%2010%206l6%206-6%206-1.41-1.41z%22/%3E%0A%3C/svg%3E); background-size:80% auto;}
.featherlight-content > button.featherlight-close-icon{transition:all .2s; opacity:1; background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%0A%09%3Cpath%20fill%3D%22%23000%22%20d%3D%22M21%204.41L19.59%203%2012%2010.59%204.41%203%203%204.41%2010.59%2012%203%2019.59%204.41%2021%2012%2013.41%2019.59%2021%2021%2019.59%2013.41%2012%2021%204.41z%22/%3E%0A%3C/svg%3E); background-size:140% auto;}
.featherlight:last-of-type {background:rgba(15,10,5,0.1) !important}
.featherlight .featherlight-close-icon:focus, .featherlight .featherlight-close-icon:hover {opacity: 0.5 !important; }
.featherlight-content > .featherlight-next:focus, .featherlight-content > .featherlight-next:hover, .featherlight-content > .featherlight-previous:focus, .featherlight-content > .featherlight-previous:hover {opacity: 0.5;}


/* Galleries */
html :where(img[class*="wp-image-"]) {max-height:60vh; height:100%; width:100%; object-fit: contain;}
figure.alignnone, figure.aligncenter, figure.alignleft, figure.alignright {width:100% !important; margin:5rem 0; padding:0; position:relative; display:block;}
figure.wp-block-gallery {position:relative; padding:0; height:auto; margin:5rem 0; display:block;}
.wp-block-image {height:auto; max-height:inherit;}
.wp-block-image a {max-height:inherit; height:100%;}
.wp-block-gallery.has-nested-images figure.wp-block-image figcaption {color:black; padding:1.2rem 5rem 0 5rem; margin:0; background: none; z-index: 1; height:auto; display:block; position: relative;} 
.wp-block-gallery.has-nested-images figure.wp-block-image img {display:inline; object-fit:contain; height:100%; width:100%; max-height:70vh;}

.gallery {display: block; position: relative; margin:4rem 0 10rem 0;}
.gallery-item {display: block; padding:0; margin:0; height:inherit;}
.wp-block-jetpack-slideshow_caption.gallery-caption, figcaption {padding:1rem 4vw; width:100%; text-align: center;}
.gallery-caption {text-align: center; width:calc(100% - 8vw); position:relative; margin:1rem 0 0 4vw; padding:0;}
.swiper-slide>figure.wp-block-image {display:block !important; position:relative; height:auto;}

.vimeo-create__video-container {margin:2rem 0;}
.vimeo-core-video {max-height:90vh; display: block; margin:auto;}

/* Swiper */
.swiper-footer { position: absolute; width: 100%; height: 1rem; bottom:0; display: flex; justify-content: space-between; z-index:2; }
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:0;}
.swiper-footer .swiper-button-next, .swiper-footer .swiper-button-prev {position:absolute; margin:0; height:100%; width:auto; top:0; transform: none;}
.swiper-footer .swiper-button-next {padding:0 0 0 4vw; right:0;}
.swiper-footer .swiper-button-prev {padding:0 4vw 0 0; left:0;}
.swiper-slide figure .gallery-icon>a {display: block; }
.swiper-slide figure .gallery-icon img, .swiper-slide .wp-block-image img {height:100%; width:100%; max-height:60vh; object-fit: contain; object-position:50% 100%;}
.swiper-button-next::after, .swiper-button-prev::after {font-size:1rem !important;}

/* Search */
#search-header {position:fixed; padding:0 4vw; height:3rem; }
#search-header.goingup {top:10rem;}
#search-header.goingdown {top:0rem;}
.search-header h4 {padding:.5rem 0; margin:0;}
.search-header h3 {padding:.5rem 0; margin:0;}
#search-container {margin:15rem 0 2rem 2vw; width:97vw; display:block; height:auto; overflow:visible;}
#search-container:after {content:''; display: block; clear: both;}
.search-bloc {margin:0 0 2rem 0; padding:0 2vw; height:auto; float:left; transition:all .7s;}
.search-bloc, .search-sizer {width:16.5%;}
.search-exposition, .search-enregistrement, .search-exhibition, .search-recording {width:33%;}
.search-header {display:flex; justify-content: space-between; width:100%;}
.search-content figure {width:auto !important;height:auto !important; padding:0 !important; margin:0 !important;}
.search-content img {width:inherit; max-width:100%; height:inherit; object-fit:contain; object-position: top center;}
.search-bloc h2 {font-size:1rem; padding-top:1rem;}
.search-bloc:hover, .search-bloc:active {color:var(--cecsel); cursor:pointer;}


/* Footer */
footer { display: block; z-index:10; position: relative; margin:5rem 25vw; } 
footer .wp-block-gallery {display: flex; flex-wrap: nowrap; justify-content: left; }
footer .wp-block-gallery svg {max-height: 5rem; max-width:20rem;}
footer .wp-block-gallery .style-svg {width:auto !important; height:auto !important;}
footer .wp-block-gallery.has-nested-images figure.wp-block-image {display: block; flex-grow:unset;}
footer .wp-block-button__link {background:none; color:black; font-family:Hercules, 'Hercules'; line-height: 1.1rem;}

/* About */
#about-submenu {position:fixed; display: block; z-index: 300; transition:all 0.7s ease-out; width:100%; background:var(--cecbg); height:3rem; left:0; font-family:Publico, monospace; font-style: normal; padding:0 2vw;}
#about-submenu.goingup {top:7rem;}
#about-submenu.goingdown {top:-3rem;}
#about-submenu ul {list-style: none; display:flex; justify-content: center; margin:0; padding:0;}
#about-submenu li {padding:1rem; margin:0 2rem; text-transform: uppercase; letter-spacing: 1px; transition:all .7s; font-size:0.6rem; text-align: center;}
.subpage {display:block; position:relative; z-index:10;}
.hiddenpage {display:none}
.currentpage {display:block}
.active.submenu-item, button.inactive:hover {color:var(--cecsel);}
.inactive.submenu-item {color:black;}



/* Input */


input[type=checkbox]::after {
    position: absolute;
    top: -.1rem;
    content: '';
    text-align: center;
    background:none;
    display: block;
    pointer-events: none;
    opacity: 1;
    color: black;
    border: 0;
    font-family: 'Arial Unicode', 'Arial', 'Helvetica', sans-serif;
    font-size:0.66rem;
    font-weight:bold;
  }

  input[type=checkbox]:hover::after {
    content: '\2713';
    opacity:0.5;
    border:none;
    top:-.1rem;
  }
  input[type=checkbox]:checked::after {
    content: '\2713';
    border:none;
    opacity: 1;

  }
  input[type=checkbox]:checked:hover::after {
    content: '\00D7';
    opacity: 1;
    top:-.3rem;
    font-weight: normal;
    font-size:1rem;
  }
  input[type=checkbox],
  input[type=checkbox]::after {
    width: .66rem;
    height: .66rem;
    vertical-align: middle;
  }

  /* Formulaires */

  .wpcf7-form input[type="radio"] { -webkit-appearance: none; appearance: none; background-color:var(--cecbg); margin:0;
    width: .6rem; height: .6rem; border: 1px solid; border-radius: 50%; transform: translateY(.15rem);}
  .wpcf7-form input[type="radio"]:checked {box-shadow: inset 1em 1em black; transition:all .2s;}
  .wpcf7-form input[type="radio"]:hover {cursor:pointer;}
  .wpcf7-form h3 {margin:0 0 2rem 0;}
  .wpcf7-form p, .wpcf7-submit, .wpcf7-text, .js-cm-form, .js-cm-form input {font-family:Publico, 'Publico', monospace; font-size:.6rem; margin:1rem 0;}
  .wpcf7-radio {margin:1rem 0 2rem 0; display: block;}
  .wpcf7-list-item {display:grid; grid-template-columns: 1rem 1fr; margin:.25rem 0;}
  .wpcf7-list-item-label {padding-left:.25rem;}
  .wpcf7-form-control-wrap input, .wpcf7-form-control-wrap textarea, .wpcf7-submit, .js-cm-form input, .js-cm-form button{width:100%; background:none; border:1px solid black; display: block; margin:.2rem 0;}
.wpcf7-text, .wpcf7-submit, .js-cm-form button, .js-cm-form button {padding:.5rem;}
.wpcf7-submit:hover, .js-cm-form button:hover {color:var(--cecbg); background:black; cursor: pointer;}
.js-cm-form label, .js-cm-form button {margin-top:1rem; width:100%; position:relative; display: block;}
.js-cm-form input {padding:.2rem;}
.recaptcha-badge, .grecaptcha-badge {opacity:0;}



  @media all and (max-width:1024px) {

    /* Page */
.home .site-main, .single .site-main, .subpage {margin:15rem 27vw 2rem 4vw;} 
.page-template-page-sf .site-main, .archive .site-main { margin:17rem 4vw 2rem 4vw; } 
.page .site.main {margin:17rem 25vw 2rem 4vw;}

#site-navigation li {margin: 0;}

    /* Side */
    #col-wrap {position:fixed; width:20vw; bottom:0; right:2vw; overflow-y:scroll; transition:all 1s ease-in-out;}
    #col-wrap.goingup {height:calc(100vh - 15rem); }
    #col-wrap.goingdown {height:calc(100vh - 2rem); }
    .col {position:relative; width:100%; bottom:auto; overflow:auto; padding:0; margin:0; display:block; transition:all 1s ease-in-out;}
    #col-gauche {left:0; margin-top:4rem;}
    #col-droite {right:0;}
    .col.goingup {height:auto; }
    .col.goingdown {height:auto; }
    .col-inner {height:100%; overflow:visible; position:relative; top:auto; left:auto; scrollbar-width: thin; padding:0;}

    /* Category */

#editions, #edition_ens { grid-template-columns: repeat(auto-fill, minmax(280px, 1fr) ); grid-gap: 2vw;} 
#expositions, #enregistrements, #exhibitions, #recordings { grid-template-columns: repeat(auto-fill, minmax(240px, 1fr) ); grid-gap: 4vw;} 
.edition, .edition_en {height:26rem;} 
.exposition, .enregistrement, .exhibition, .recording { height:20rem; } 
.sf-field-tag ul {width:100%; overflow:scroll;}

/* Single */
ul.artistes {margin:0; padding:0;}
.artistes li {padding-bottom:.5rem;}

#about-submenu {width:100%; left:0; font-family:Publico, monospace; font-style: normal; padding:0 10vw;}


  }


  @media all and (max-width:700px) {
    .site-branding {width:100%; padding:1rem 33%;}
    .wp-block-polylang-language-switcher {display:flex; padding:0; margin:1.25rem 0 0 0; font-size:1.25rem;}
    .wp-block-polylang-language-switcher li {margin:0; line-height: 1.5rem; margin-left:5vw;}
    .wp-block-polylang-language-switcher li a {padding: .25rem .4rem .15rem .4rem; margin:0 0 .25rem 0; border:.15rem solid;}

    #site-navigation {display: none;}
    .wp-block-search {display: none;}
    .wp-block-search {position:fixed; top:0; left:0; width:100%; height:100vh; background:var(--cecbg); padding: 10vh 5vw 0 5vw;}
    .wp-block-search__input {height:4rem; font-size:2rem; border:.25rem solid;}
    .wp-block-search__inside-wrapper {flex-wrap:wrap; align-items: center;}
    .wp-block-search__button {height:auto; padding:4vh 0; width:100%;}
    .wp-block-search__button svg {transform:scale(300%);}
    .wp-block-search__button svg path {stroke-width:.05rem; fill:black; stroke:black;}
    .hiddenicon {display:none;}
    #mobile-icons {display:flex; align-items:flex-end; position:fixed; right:0; height:auto; transition: all 1s ease-in-out; z-index:100;}
    #mobile-icons svg {height:2rem; margin-right:5vw; transition:all 0.7s;}
    #mobile-icons svg:hover {fill:var(--cecsel); cursor:pointer;}
    #mobile-icons.goingup {top:1rem;}
    #mobile-icons.goingdown {top:-5rem;}

    #mobile-navigation {display:block; position:fixed; background:var(--cecbg); top:0; left:0; width:100%; height:100vh; padding-top:5rem; text-align:center; font-size:2rem;}
    #mobile-navigation ul, #mobile-navigation .submenu {list-style-type: none; padding:0;}
 
    #mobile-navigation .menu-item-has-children {margin:2rem 0;}
    .menu-item-has-children li {font-family:Publico, 'Publico', serif; font-size:.9rem;}
    #mobile-navigation li a {padding:.5rem; width:100%; display:block;}
    #mobile-navigation.visiblemenu {display:block;}
    #mobile-navigation.hiddenmenu {display:none;}

    #aboutpage .wp-block-table td:first-child {width:25%;}
    
    footer {margin:5rem 2vw;}
    .infos-footer .wp-block-column {min-width:24vw;}
    .infos-footer h5, .infos-footer h6 {padding:0; margin:0;}
    .site-info .wp-block-columns.is-not-stacked-on-mobile {flex-wrap:nowrap !important;}
    .logos-soutien.wp-block-columns {gap:0;}
    .logos-soutien figure {margin:0; padding:0;}

    .home .site-main, .single .site-main, .subpage {margin:15rem 5vw 2rem 5vw; } 
.page-template-page-sf .site-main, .archive .site-main { margin:17rem 5vw 2rem 5vw; } 
.page .site.main {margin:17rem 5vw 2rem 5vw;}

#col-wrap {display: none;}
.sf-field-category .children {width:100%; flex-wrap:wrap;}
.sf-field-category .children li {padding: 1rem 2rem 1rem 0;}
.sf-field-tag {display:none;}
#expositions, #enregistrements, #exhibitions, #recordings, #editions, #editions-en {grid-template-columns: 1fr;}
.search-filter-results {width:100%;}
#expositions, #enregistrements, #exhibitions, #recordings, #editions, #editions-en {width:100%;}
.exposition, .enregistrement, .exhibition, .recording, .edition, .edition-en { height:25rem; } 
.edition_thumb, .edition-en_thumb {height:18rem;}
.page-template-page-liste_artistes #artistes li {font-size:1.25rem; padding:.5rem 0; width:100%;}
.artistes h5 {padding-top:.5rem;}
#about-submenu {display: none;}

  }