/*!
Theme Name: eag23
Theme URI: http://underscores.me/
Author: Niels Wehrspann
Author URI: https://www-niels-wehrspann.com
Description: Custom theme for Ensemble à Gauche Vaud
Version: 1.0.4
Text Domain: eag-23
eag23 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: 'Trivia';
    src: url(polices/TriviaGothicS3.woff) format("woff");
    font-weight: normal;
}

@font-face {
    font-family: 'Trivia';
    src: url(polices/TriviaGothicN-Bold.woff) format("woff");
    font-weight: bold;
}

*,*::before,*::after {box-sizing: inherit;}
html {box-sizing: border-box; font-size:calc(1vw + 1vh); line-height: 1.2; -webkit-text-size-adjust: 100%; 
	--contrast-color:#dcdc50; --ecologie-23:#28f06e; --social-23:#ff5050; --bg-color-23:#202020;
--ef23-gradient-total: linear-gradient(90deg, #94e36b, #15c0ff, #9085ff, #ff6d82);
--ef23-gradient-left: linear-gradient(90deg, #94e36b, #15c0ff);
--ef23-gradient-center: linear-gradient(90deg, #15c0ff, #9085ff);
--ef23-gradient-right: linear-gradient(90deg, #9085ff, #ff6d82);
--ef23-gradient-2-3: linear-gradient(90deg, #94e36b, #15c0ff, #9085ff);
--tamaro-bg-color:#202020; --tamaro-text-color:white;}
html, body {scroll-snap-type: y mandatory; scroll-padding-top:3rem;}


main {display: block;}
hr {box-sizing: content-box;height: 0;overflow: visible;}
pre {font-family: monospace, monospace;font-size: 1rem;}
abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}
code,kbd,samp {font-family: monospace, monospace;font-size: 1rem;}
small {font-size: 80%;}
sub,sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}
sub {bottom: -0.25em;}
sup {top: -0.5em;}
button,input,optgroup,select,textarea {font-family: Trivia, 'Trivia';}
button,input {overflow: visible;}
button,select {text-transform: none;}
button,[type="button"],[type="reset"],[type="submit"] {-webkit-appearance: button;}

progress {vertical-align: baseline;}
textarea {overflow: auto;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {height: auto;}
[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}
[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}
details {display: block;}
summary {display: list-item;}
template {display: none;}
[hidden] {display: none;}

.wp-block-button a {background: none; border:.1rem solid;}

/* Typography
--------------------------------------------- */
body {font-size: 1rem; line-height: 1.2; background-color:var(--bg-color-23); color:white; padding:0; margin:0; scrollbar-width:thin;}

h1,h2,h3,h4,h5,h6,.wp-block-button {font-family: 'Trivia', Trivia, 'Arial Narrow', sans-serif, condensed; font-weight: bold; text-transform:uppercase; margin-top:0; padding:0;}
h1 {font-size:8.5rem; line-height: 7rem; letter-spacing: -0.3vw;}
h2 {font-size:3.6rem; line-height: 3.3rem;}
h3 {font-size:3.3rem; line-height: 3rem;}
h4, h5, h6 {font-size:1.6rem; line-height: 1.6rem;}
p, li {font-size:1.3rem; line-height: 1.5rem; font-family: 'Crimson Pro', serif; font-weight:400;}
p, ul {margin-bottom:0.75rem;}
ul {list-style-type: none; padding:0;}
li {padding-left:2rem; position:relative;}
li::before {content:'\2192'; position:absolute; left:0;}
a {text-decoration: none; color:inherit; background-color: transparent;}
p a {color:var(--contrast-color);}
.ef23 p a {color:inherit;}
b, strong {font-weight:700;}
p.has-drop-cap:not(:focus)::first-letter {font-family: 'Trivia', Trivia, 'Arial Narrow', sans-serif, condensed; font-size:5.4rem; line-height: 5rem; margin:.4rem .5rem 0rem 0; font-weight:700;}
.ef23-header {text-transform: none; font-size:12px; line-height:14px;}
small, .programme-2023 .wp-block-group p, .ef23-header, .candidate-23 p, #conseil-des-etats-2023 .wp-block-columns p, .signataires p {font-family: 'Libre Franklin', sans-serif;}

dfn,cite,em,i {font-style: italic;}
blockquote {margin: 0 1.5em;}
address {margin: 0 0 1.5em;}
.subheader {height:3rem;  border-top:0.1rem solid; padding-top:0.8rem;}
.subheader h4 {text-align: center;}

/* Elements */
img {height: auto;max-width: 100%;}
figure {margin: 1em 0;}
table {margin: 0 0 1.5em;width: 100%; border:none;}

/* Links */
a:visited {opacity:0.8;}
a:hover,a:focus,a:active {color:var(--contrast-color);}
a:focus {outline: thin dotted;}
a:hover,a:active {outline: 0;}
a:hover {cursor: pointer;}

/* Header */
#masthead {position:fixed; top:0; left:0; width:100%; transition:all 1s; z-index:101; --header-color:white;}
#masthead.up {top:-20rem;}
.site-branding {display:flex; justify-content:left; padding:1rem 1.5rem 0 1.5rem; width:fit-content; transform: rotate(-3deg); margin:1rem auto 0 1rem; background:var(--ef23-gradient-total); border-radius: 1rem;}
#site-title {font-size:5.5vw; line-height:5vw; letter-spacing: 0; padding:0; margin:0 2vw 0 0; transition:all 1s ease-in; white-space: nowrap; color:var(--header-color); }
.logo-orga {margin-right:2vw;}
.logo-orga svg {padding:.5vw 0 1.4vw 0; fill:var(--header-color); height:6vw; transition: all 1s;}
.smaller .site-branding {padding:1rem 1rem 0 1.5rem; transform: rotate(-5deg); margin:1.5rem auto 0 1rem; background:var(--ef23-gradient-2-3);}
.smaller #site-title {font-size:1.25rem; line-height:1.25rem; letter-spacing: .1rem;}
.smaller .logo-orga svg {height:2rem; padding:0 0 1rem 0;}
.smaller .logo-orga {margin-right:.75rem;}

/* Navigation */
#menu-toggle {position: absolute; top:0; right:1rem; border:none; background:none; width:6vw; padding:.5vw 1vw; z-index:102;}
#menu-toggle:hover {cursor: pointer;}
#menu-toggle svg {fill:var(--header-color); pointer-events: none; width:100%;}
#menu-toggle:hover svg,#menu-toggle.toggled:hover svg {fill:var(--contrast-color); transition: fill .2s ease-in-out 0s;}
#menu-toggle.toggled svg {fill:black;}
#menu-toggle svg #burger {opacity: 1; transition: opacity .2s ease-in .6s; pointer-events: none;}
#menu-toggle svg #close {opacity: 0; transition: opacity .2s ease-in .2s; pointer-events: none;}
#menu-toggle.toggled #close {opacity: 1; transition: opacity .2s ease-in .6s; pointer-events: none;}
#menu-toggle.toggled #burger {opacity: 0; transition: opacity .2s ease-in .2s; pointer-events: none;}
#menu-toggle.smaller {top:.3vw; right:1rem; width:2rem; padding:0;}
#menu-toggle.ef23 {background:var(--ef23-gradient-right); border-radius:50%;}
#menu-toggle.ef23 svg {padding:.55rem .25rem .3rem .3rem;}
#menu-toggle.ef23.smaller svg {padding:.55rem .5rem .25rem .5rem;}
.page-links {clear: both;margin: 0 0 1.5em;}

#site-navigation {width:100%; height:100vh; overflow:hidden; background:white; opacity:0.9; z-index:100; position:fixed; left:110vw; top:0; color:black; transition:all .6s ease-out; display:grid; grid-template-columns: repeat(3, 1fr); grid-auto-rows: min-content; grid-gap:0 2rem; padding:2rem;}
#site-navigation.open {left:0;}
#site-navigation ul {grid-row:2; height:auto; padding:0; margin:0;}
#site-navigation h4 {grid-row:1; height:auto; padding:0; margin:0;}
#site-navigation ul li, #site-navigation h4 {font-family: 'Trivia', Trivia, 'Arial Narrow', sans-serif, condensed; text-transform: uppercase; font-weight: 700; font-size:3rem; line-height: 2.5rem;}
#col-1-title, #col-1-title + .menu {grid-column:1 / span 1;}
#col-2-title, #col-2-title + .menu {grid-column:2 / span 1;}
#col-3-title, #col-3-title + .menu {grid-column:3 / span 1;}

/* Autocs */
section {position: relative;}
.autocs {position: absolute; top:0; left:0; width:100%; height:100%; pointer-events: none;}
.autoc {position:absolute; top:50%; left:50%; width:7rem; height:7rem; background:var(--ef23-gradient); border-radius: 50%; will-change: transform; transition:opacity 1s; pointer-events:all;}
.autoc svg {width:100%; height:100%;}
.autoc path {fill:white;}

/* Front-page */
#beforespacer {height:8rem; position: relative; display: block;}
#primary.ef23 {position: relative;}
.ef23-header {position: sticky; border-top:1px solid; padding:4px 0; margin:0;}
.l1 {top:20px; margin:0 0 0 2rem; width:calc(100% - 4rem); grid-column: 1 / span 2; z-index:81;}
.l2 {top:40px; margin:0 0 0 4rem; width:calc(100% - 6rem); grid-column: 1 / span 2; z-index:81;}
.l3 {top:60px; margin:0 0 0 6rem; width:calc(100% - 8rem); grid-column: 1 / span 2;}
.noprop {width:2rem; display: inline-block;}
.rev23 {position:absolute; left:66.6%; top:4px; display: block;}
#preambule {height:auto; position: relative; padding-bottom:25rem;}
#preambule p {font-size:3rem; line-height: 3rem; padding:0 3rem;}
.home h2 {font-size:25vh; line-height:20vh; letter-spacing: -.2vw; padding:2vh 0 10vh 0; margin:0;}
.home h5 {font-weight: 400; text-transform: initial; margin:0; padding:.75rem 3rem; line-height: 1.25;}
.home h5:first-of-type::before, .home h5:last-of-type::after {content:" "; height:3rem; display: block;}
.snap {scroll-snap-align: start;}
#primary p.snap {scroll-margin: 3rem;}
#sous-header {position:fixed; top:0; height:100px; background:linear-gradient(0deg, rgba(32,32,32,0) 0%, rgba(32,32,32,1) 100%); width:100%; z-index:80;}

.home section h2 {font-size: 3.4rem; line-height:3rem; letter-spacing: 0; padding:1.5rem 0 2rem 0;}
.subheading {text-align:center; height:5rem; margin:0; padding:4rem 0 6rem 0;}

#appel-2023 {background:#eee; color:black; min-height:100vh; height: auto; padding:2rem;}
.frm_forms {padding:0 8rem; font-family:'Trivia', Trivia, 'Arial Narrow', sans-serif, condensed;}
.frm_form_fields fieldset {border:0; padding:0;}
.frm_form_field {display: flex; justify-content: space-between; padding-top:.5rem; border-top:.1rem solid black; height:2rem;}
.frm_fields_container {grid-gap:.5rem 2rem !important;}
.frm_forms label {padding-right:1rem; grid-column: 5 / span 1;}
.frm_button_submit {width:100%; background:black; color:white;}
.frm_button_submit:hover {background-color: var(--contrast-color); cursor:pointer;}

#appel-2023 .grecaptcha-badge {transform: translateX(100vw) !important;}

#signataires {background:#eee; color:black; padding:2rem; height:auto; max-height:400vh; transition: all 2s;}
#signataires.closed {height:6rem; max-height:6rem; overflow:hidden; transition: all 2s;}
#signataires h3, .signataires {pointer-events: none;}
#signataires:hover {cursor:ns-resize;}
#signataires h3::after {content:"▼"; margin-left:4rem;}
#signataires.closed h3::after {content:"►";}
.signataires {display:grid; grid-template-columns: 1.5rem 8rem 6rem 10rem 1fr;}
.signataires p {margin:0; align-self: start; font-size:.75rem; transition: all 1s;}
.closed .signataires p {font-size:1px; transition: all 1s;}
.cachee {opacity:0;}

.programme-2023 {display:grid; grid-template-columns: 2fr 1fr; grid-gap:0 2rem; padding:0 0 15rem 0; width:100%; height:auto; min-height:105vh;}
.col-23-1 {grid-column: 1; padding: 0 2rem 0 6rem;}
.col-23-2 {grid-column: 2; padding-right:2rem; padding-top:1.5rem;}
.wp-block-group p {padding:0; font-size:.7rem; line-height:1.125rem; letter-spacing:1px; margin:.75rem 0;}
.programme-2023 h3 {margin:0; padding:0; font-size:1.6rem;line-height:1.4rem;}
.programme-2023 .propositions { width:100%; overflow:hidden; height:100vh; will-change: transform;}
.programme-2023 .swiper-wrapper {width:inherit; height:100%; width:100%;}
.programme-2023 .swiper-wrapper:hover {cursor:grab;}
.programme-2023 .swiper-slide {display: block;}
.programme-2023 ul {padding-left:.25rem;}
.programme-2023 li {font-family: 'Trivia', Trivia, 'Arial Narrow', sans-serif, condensed; font-weight: bold; margin:.75rem 0 0 1rem; padding:0; font-size:1.2rem; line-height:1.25rem;}
.programme-2023 li:before {content:"→"; position: absolute; left:-1.25rem;}
.swiper-horizontal, .swiper-vertical {height: inherit;} 
.programme-2023 .swiper-pagination {padding-right:.5rem;}
.isPinning .swiper-slide h3 {padding-top:3rem; transition:padding 2s;}
.mobileprop {display:none;}

#candidates-2023 img {height:15rem; width:100%; object-fit: cover;}
#candidates-2023 h4 {padding:.5rem 0; margin:0;}
#candidates-2023 h2, #candidates-2023 h3 {margin:0; padding:0; }
#candidates-2023 p {font-size:.8rem; line-height: 1rem; margin:0; padding:0;}
#candidates-2023 p a {color:inherit;}
#candidates-2023 p.subinfo {padding-top:.25rem; display: block;}
#candidates-2023 p span {width:2rem; text-align: left; transform:translateY(.2rem);}
#grille-candidates-2023 {display:grid; grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); margin:0; padding:2rem 2rem 2rem 4rem; grid-gap: 2rem; list-style-type: none;}
#candidates-2023 .wp-block-columns figcaption {display: none;}

#conseil-des-etats-2023 {position: relative; height:auto; z-index:2;}
#conseil-des-etats-2023 figure {width:calc(100% - 6rem); height:100vh; margin-left:4rem;}
#conseil-des-etats-2023 figure img {width:100%; height:100%; object-fit: cover;}
#conseil-des-etats-2023 .wp-block-columns {width:calc(100% - 6rem); margin-left:4rem; min-height:50vh; background:linear-gradient(0deg, rgba(32,32,32,1), rgba(32,32,32,0)); position:absolute; top:100vh; padding:0 1rem 0 1rem;}
#conseil-des-etats-2023 .wp-block-columns p {font-size:1.2rem; padding-top:1rem;}
#conseil-des-etats-2023 figure.wp-block-image.cde-horiz {display:block;}
#conseil-des-etats-2023 figure.wp-block-image.cde-vert {display:none;}


/* Footer */
#colophon {padding:2rem; font-size:1rem; font-family: 'Trivia', Trivia, Arial Narrow, 'Arial Narrow', condensed, sans-serif; font-weight:normal;}
#colophon {background: var(--bg-color-23); display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; grid-template-rows: auto; grid-gap:1rem; position: relative; z-index:10;}
.single #colophon {background: lightgrey; color:black;}
.category-communiques #colophon {background:lightgrey; color:var(--bg-color-23);}

#colophon figure {padding:0;}
#colophon figure tr:first-child {text-transform: uppercase; letter-spacing: 1px;}
#colophon figure tr:last-child td:first-child {width:1.5rem;}


/* Page communiqués */
#communiques {margin:0; padding:10rem 1rem 0 1rem; background:lightgrey; color:var(--bg-color-23);}
#communiques h2 {text-align: center;}
#communiques h3 {font-size:3rem; line-height: 2.5rem; margin:0; padding:0;}
#communiques h6 {font-size:1.4rem; margin:0; padding:.5rem 1rem 0.5rem 0; text-align: center; border-top:.1rem solid;}
#bloc-communiques { display:grid; grid-template-columns: repeat( auto-fit, minmax(300px, 1fr) ); grid-gap:1rem;}
.communique:hover {background-color: var(--bg-color-23);}
.communique:hover p {font-weight: 700; letter-spacing: -.03rem;}
.communique {padding:1rem; transition: all .5s; position: relative;}
.communique::after {content:"↗︎"; font-family:Trivia, 'Trivia'; font-weight:700; position:absolute; bottom:1rem; right:1rem; font-size:2rem;}
.communique:hover:after {font-size:4rem; transition: all .25s; bottom:0;}
.com-retour {margin-top:4rem;}

/* Single */
#single, .subpage {padding:10rem 2rem 4rem 2rem;}
#communique-page h6 {display:flex; justify-content:space-between;}

/* Pages */
#primary {margin-top:0rem;}
.wp-block-column p {margin-top:0;}
.wp-block-column h6 {margin:0 0 .5rem 0;}
.wp-block-column ul {margin:0 0 2rem 0;}


/* Grand Conseil */
.page-template-page-elues {background:lightgreen; color:black;}
#content-gc {padding:2rem; margin-top:10rem;}
#content-gc figcaption {display: none;}
.page-template-page-elues h2 {text-align: center;}

#container-elues {position:relative; margin:4rem 0; width:92vw;}
#wrapper-elues {display: flex; flex-direction: row; overflow-x:scroll; column-gap: 1rem; -ms-overflow-style: none; scrollbar-width: none;}
#wrapper-elues::-webkit-scrollbar {display: none;}
.elue-gc {height:auto; min-width: calc((100% - 3rem) / 4);}
#next-elues {position: absolute; right:0%; top:50%; font-family:Trivia, 'Trivia'; text-transform:uppercase; letter-spacing: 1px; background:none; margin:0; padding:0 4rem; height:2rem; transform:rotateZ(-90deg) translateX(100%) translateY(2rem); z-index:200; transform-origin: bottom right; border:none;}
#next-elues:hover, .elue-gc button:hover {color:white; cursor: pointer;}
.elue-gc .frm_forms {display: none;}
.elue-gc h4, .elue-gc h5, .elue-gc h6 {font-size: 1rem; line-height:1rem; margin:0;}
.elue-gc figure {margin:.5rem 0; height:15rem;}
.elue-gc figure img {height: 100%; width:auto; object-fit: cover;}
.elue-gc h3 {font-size: 1.6rem; line-height:1.6rem;}
.elue-gc button {width:100%; display: block; margin:1rem 0;}
.elue-gc h4, .elue-gc h5 {border-top:.1rem solid; padding-top:.2rem;}
.elue-gc h4 span, .elue-gc h5 span {margin-right:1rem;}
.frm_forms.visible {display:block; position:fixed; top:5vh; left:5%; width:90%; height:auto; background:white; padding:2rem; z-index:221;}
.elue-gc .frm_form_field {display: block; border:none; margin:.5rem 0; height:auto;}
.elue-gc .frm_form_field input, .elue-gc textarea {border:.1rem solid; width:100%; line-height:2rem;}
.elue-gc .frm_submit button {padding:.5rem;}
.elue-gc .close-button {display:none; font-size:4rem; width:3rem; border-radius:50%; height:3rem; border:.2rem solid; padding:0 0 0 .1rem; text-align: center; position:fixed; top:4%; right:6%; z-index:222;}
.elue-gc .close-button:hover {color:var(--contrast-color);}
.elue-gc .close-button.visible {display: block;}

#objets-gc {margin:4rem 0; display: block; position: relative;}
.objet-gc {border-top:.1rem solid; display:grid; grid-template-columns: 1fr 1fr 3fr 3fr; grid-template-rows:2rem auto; grid-gap:1rem; position: relative; margin:1rem; padding-top:.5rem;}
.objet-gc time, .objet-gc p:first-of-type, .objet-gc a {font-family:Trivia, 'Trivia'; font-weight:400;}
.objet-gc h3 {grid-row: 1 / span 2; text-transform:none; font-size:3rem; margin:0;}
.objet-gc time {font-size: 1.5rem; grid-row:1 / span 2;}
.objet-gc p:first-of-type {background-color: black; color:lightgreen; text-transform: uppercase; letter-spacing:1px; font-size: .75rem; line-height: 1rem; font-weight: 700; border-radius: 1rem; height: 1.5rem; padding:0.2rem 0.6rem 0 .6rem; display: inline-block; position: relative; width:fit-content; margin:.2rem 0;}
.objet-gc p {margin:0; grid-row:1 / span 1;}
.objet-gc a {grid-row:2 / span 1; grid-column:1 / span 2; position: absolute; bottom:0.5rem; left:0; padding:1rem 2rem 0 0;}
.objet-gc time, .objet-gc p, .objet-gc h3 {pointer-events: none;}
.objet-gc a:hover {color:white;}
.objet-gc a:before {content:'↖︎'; font-weight: 700; font-size: 1.5rem; margin-right:.5rem;}
.objet-gc a:after {content:'';}
.page-template-page-elues footer {color:lightgreen;}

/* Table */
.wp-block-table td, .wp-block-table th {border:none; padding:.1rem 0;}


/* Forms */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: .1rem solid;
	border-radius: 1rem;
	background:none;
	line-height: 1rem;
	padding: .1rem 1rem;
   margin-top:1rem;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {font-style:italic; border: none;border-radius:0;padding: 0 1rem; width:80%; }

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {color: #111;}
select {border: 1px solid #ccc;}
textarea {width: 100%;}


/* Accessibility */
.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}
.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;
	font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}
#primary[tabindex="-1"]:focus {outline: 0;}

/* EC2022 */

#fond-ec2022 {position:fixed; top:0; left:0; width:100vw; height:100vh; background: linear-gradient(0deg, black, rgb(0,220,0)); mix-blend-mode: multiply; z-index:2;}
#texte-ec2022 {width:104vw; height:calc(104vh + 14vw); position:fixed; top:-14vw; left:-1vw; overflow:hidden; z-index:1;}
#texte-ec2022>h2 {font-size:16vw; line-height: 12vw; letter-spacing: -0.2vw;}

#photo-ce-ec2022 {width:100%; margin-top:23vh; position: relative; z-index:20; padding:0; overflow:hidden;}
#photo-ce-ec2022 figure {margin:none;}
#photo-ce-ec2022 img {width:100%; height:auto;}

#slogan-ec2022 {position:absolute; bottom:0; width:105vw; transform:translateX(-2vw); height:50%; z-index:22; background:linear-gradient(0deg,rgba(255,0,0,1),rgba(200,0,0,0)); }
#slogan-ec2022 h2 {font-size:17vw; letter-spacing: -0.3vw; line-height: 13vw; position:absolute; bottom:10.5vw;}
#slogan-ec2022 h1 {position: absolute; bottom:0; font-size:17vw; letter-spacing: -0.3vw; line-height: 13vw;}

#logos-2022 {display:flex; justify-content: space-between; position:absolute; bottom:0; width:98vw; padding:0; left:2vw; z-index:23;}
#logos-2022 svg {align-self:center; padding:1rem; height:12vw; flex-grow:2; fill:white; max-height:100%;}


#content-ec2022 {position:relative; color:white;  padding:0; z-index:24;}
#votez-ce-2022 {padding:2rem 4vw; display: block; background:red;}
#votez-ce-2022 .wp-block-columns {display:grid; grid-template-columns: repeat(4, 1fr) }
.wp-block-column h3 {margin-bottom:0; padding:0;}

#declaration-2022 {padding:4rem 12vw; color:red; background: black;}
#programme-2022 {background: black; color:red;}

.bloc-programme-2022 {color:white; padding:1rem 2vw; display:grid; grid-template-columns: 1fr 2fr; grid-template-rows: auto; grid-gap:2rem;}
.bloc-programme-2022>h3 {grid-column:1; grid-row:1;}
.bloc-programme-2022 p {grid-column: 2 / span 1; margin-top:0;}
.bloc-programme-2022 h4 {grid-column:1; padding:0.2rem 1rem 0 0;}
.bloc-programme-2022 .swiper {grid-column:2; overflow:hidden;}
#antiracisme-2022 {background:linear-gradient(0deg, rgb(0,128,255), black);}
#ecologie-2022 {background:linear-gradient(0deg, rgb(0,220,0), black);}
#feminisme-2022 {background:linear-gradient(0deg, rgb(128,0,255), black);}
#ville-2022 {background:linear-gradient(0deg, rgb(255,128,0), black);}
#fiscalite-2022 {background:linear-gradient(0deg, rgb(220,0,0), black);}

.swiper { position:relative; z-index:30; width:100%;}
.swiper-slide {text-align: left; background:none;}
.swiper-button-next, .swiper-button-prev {display: none;}
.swiper-pagination-bullet {background:white;}

.introgc-2022 {height:auto; display:block; position:relative; background: linear-gradient(0deg, black, red); padding:1rem 2vw; border-top:0.1rem solid;}
.introgc-2022 h2 {text-align: center; padding-top:2rem;}
.introgc-2022 p {margin-top:2rem;}

.candidatesgc {height:auto; position: relative; display: block; background:black; padding:1rem 2vw;}
.candidatesgc-content {margin-top:2rem; display:grid; grid-template-columns: repeat(4, 1fr); grid-template-rows:auto; column-gap:1rem;}
.candidatesgc-content figcaption {font-family: 'Crimson Pro', serif; font-size:0.75rem; padding:0.25rem 0; margin:0; hyphens: none;}
.candidatesgc-content figcaption strong {font-family: 'Trivia', Trivia, Arial Narrow, 'Arial Narrow', condensed, sans-serif; text-transform:uppercase; font-size: 120%; letter-spacing: 1px; padding:0.1rem 0; display:inline-block; width:100%; margin:0;}
.candidatesgc-content p:last-of-type {grid-column: 1 / span 4; background:white; font-family: 'Trivia', Trivia, Arial Narrow, 'Arial Narrow', condensed, sans-serif; width:100%; text-align:right; padding:0; display: block; margin-top:1rem;}
.candidatesgc-content a {display:block; padding:0.25rem 0.5rem;}
.candidatesgc-content a:after {content:" \2197 "; font-family: 'Crimson Pro'; font-weight: bold;}
.candidatesgc-content p a:hover {background:red; color:white; transition:all 1s;}

/* EF 2019 */
.page-template-page-ef2019 {--ecologie2019:#00ff00; --travail2019:#ff0000; --racisme2019:#0000ff; --fond-ef19:#eee;}
#eag-slogan-titre-2019 {background:var(--fond-ef19); margin:0; padding:0; display: block;}
/* script: change color */
.page-template-page-ef2019 #site-title {color:red;}
.page-template-page-ef2019 svg, .page-template-page-ef2019 #menu-toggle svg {fill:red;}
#content-ef2019 {background:var(--fond-ef19); color:black; padding:0; margin:0; position: relative; display: block;}
#intro-ef2019 {margin:0; padding:2rem;}
.ef2019 {display:block; padding:0 2rem; width:100%; position: relative; margin:2rem 0;}
.ef2019 h2 {text-align: center; position:relative; margin:5rem 0;}
.ef2019 h3 {display: block; margin-bottom:2rem;}
.ef2019 h3, .ef2019 ul {padding:1rem 1rem 1rem 0;}
.ef2019 h5 {padding:1rem; margin:1.5rem 0 0 0;}
.ef2019 .has-background {color:var(--fond-ef19);}
.ef2019 ul li, .axecounter {font-family:'Trivia', Trivia, Arial Narrow, 'Arial Narrow', condensed, sans-serif; font-weight: bold; margin-bottom:1rem; letter-spacing: .01rem; font-size: 1.5rem;}
.ef2019 figcaption {display: none;}
.axecounter {position:absolute; left:2rem; top:1rem; font-size: 2rem; line-height: 2rem;}
.ef2019 p a {color:var(--travail2019);}
#grid-candidats-2019 {display:grid; grid-template-columns: repeat( auto-fit, minmax(320px, 1fr) ); margin:0; padding:2rem; grid-gap: 1rem;}
.candidate-2019 figcaption {display: block; font-family:'Trivia', Trivia, Arial Narrow, 'Arial Narrow', condensed, sans-serif; font-weight: bold; font-size:2rem; text-transform: uppercase; padding:.2rem 0; margin:0;}
.candidate-2019 ul, .candidate-2019 figure {margin:0; padding:0;}
.candidate-2019 ul li {list-style-type: none; margin:0; padding:0.2rem;}
.candidate-2019 li {border-top:.1rem solid;}
.candidate-2019 li::before {display: none;}

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

/* Header */
.site-branding {padding:1rem 1.5rem 0 1.5rem; margin:1rem auto 0 1rem;}
#site-title {font-size:5vw; line-height:4vw; }
.smaller #site-title {font-size:1.75rem; line-height:1.5rem; letter-spacing: 1px;}
.smaller .logo-orga svg {height:2.2rem; padding:0 0 .9rem 0;}

/* Navigation */
#menu-toggle {top:1rem; right:2rem; width:8vw; padding:.8vw 1.5vw;}
#menu-toggle.smaller {top:1rem; right:2rem; width:3rem; padding:.75vw;}
#menu-toggle.ef23 {background:var(--ef23-gradient-right); border-radius:50%;}
#menu-toggle.ef23 svg {padding:.55rem .25rem .3rem .3rem;}
#menu-toggle.ef23.smaller svg {padding:.55rem .5rem .25rem .5rem;}

	/* Front page */
	.l1 {margin:0 0 0 1rem; width:calc(100% - 2rem);}
	.l2 {margin:0 0 0 2rem; width:calc(100% - 3rem);}
	.l3 {margin:0 0 0 3rem; width:calc(100% - 4rem);}
	#preambule p {font-size:3.25rem; line-height: 3.5rem; padding:0 3rem;}

	.programme-2023 {display:grid; grid-template-columns: 2fr 1fr; grid-gap:0 1rem; padding:0 0 15rem 0; width:100%; height:auto;}
	.col-23-1 {grid-column: 1; padding: 0 2rem 0 3rem;}
	.col-23-2 {grid-column: 2; padding:1.5rem 0 0 0;}
	.programme-2023 .swiper-wrapper {width:90%;}
	.programme-2023 li {letter-spacing: 1px;}

	#grille-candidates-2023 {padding:2rem;}
	#candidates-2023 img {height:18rem;}
	#candidates-2023 h4 {font-size: 1.9rem;}

	#conseil-des-etats-2023 figure {width:calc(100% - 3rem); height:100vh; margin-left:2rem;}
	#conseil-des-etats-2023 .wp-block-columns {width:calc(100% - 3rem); margin-left:2rem; min-height:67vh; z-index:200; position:absolute; top:100vh; padding:2rem 1rem 0 1rem;} 
	#conseil-des-etats-2023 figure.wp-block-image.cde-horiz {display:none;}
	#conseil-des-etats-2023 figure.wp-block-image.cde-vert {display:block; border:1px solid yellow;}

	.frm_forms {padding:0 2rem;}
	.frm_form_field {height:3rem;}

	.signataires {grid-template-columns: 1fr 3fr 4fr 5fr 5fr; overflow-x: hidden;}
	.signataires p {margin:0; padding:0; line-height: 1rem;}


	.page-template-page-ec2022 .swiper-button-next, .page-template-page-ec2022 .swiper-button-prev {display: none;}


	/* Footer */
	#colophon {padding:1rem; font-size:1rem;}
	#colophon {grid-template-columns: 1fr 1fr; grid-gap:2rem; }
	#colophon figure {padding:0;}


	/* Grand Conseil */
	#content-gc {padding:1rem;}
	.elue-gc figure {height:10rem;}
	.elue-gc h3 {font-size: 1.4rem; line-height:1.2rem;}
	.elue-gc p {font-size:1rem; line-height: 1.2;}
	.objet-gc {grid-template-columns: repeat(4, 1fr); grid-template-rows:2rem auto; margin:2rem 0; padding-top:.5rem;}
	.objet-gc h3 {grid-row: 2 / span 1; grid-column:1 / span 2; font-size:3rem;}
	.objet-gc time {grid-row:1 / span 1;}
	.objet-gc p:first-of-type {display: block; position: relative; margin:.2rem auto; grid-column: 2 / span 2; grid-row:1 / span 1;}
	.objet-gc p {grid-column: 3 / span 2; grid-row:2 / span 1;}
	.objet-gc a {grid-row:1 / span 1; grid-column:4 / span 1; position: relative; bottom:0.5rem; left:auto; padding:.2rem 0 0 0; text-align:right;}
	.objet-gc a:before {content:'';}
	.objet-gc a:after {content:'↗︎'; font-weight: 700; font-size: 1.5rem; margin-left:.5rem;}
}

@media all and (max-width:512px) {
	html {font-size: calc(2vw + 2vw);}

	/* Header */
	.site-branding {display:grid; grid-template-columns: repeat(3, auto); grid-template-rows: auto auto; width:fit-content; padding:3vw 3vw 1vw 3vw;}
	#site-title {font-size:10vw; line-height:8vw; margin:0; grid-column: 1 / span 3;}
	.smaller #site-title {font-size:7vw;}
	.logo-orga {grid-row:2; width:auto; margin-top:.4rem;}
	.logo-orga svg {padding:.5vw 0 1.4vw 0; height:8vw; transition: all 1s; margin-left:0vw;}
	.smaller .logo-orga svg {height:8vw;}
	#menu-toggle {height:3rem; width:3rem; padding:.25rem .5rem .5rem .5rem;}
	#menu-toggle.smaller {height:3rem; width:3rem;}

	#site-navigation {display:block;}
	#site-navigation ul {margin:0 0 2rem 0;}

	/* Front page */
	#preambule p {font-size:2.5rem; line-height: 2.75rem;}
	.programme-2023 {display:grid; grid-template-columns: 1fr; grid-gap:0; padding:0 0 20rem 0; margin-bottom:2rem;}
	.col-23-1 {grid-column: 1; padding: 0 2rem 0 2rem;}
	.col-23-2 {grid-column: 1; padding:1.5rem 2rem 0rem 2rem;}
	.programme-2023 .propositions {overflow: hidden; width:calc(100% - 4rem); height:auto; display: block; margin:4rem 0 0 3rem; padding:0; overflow: hidden;}
	.programme-2023 li {letter-spacing: 1px; font-size: 1.4rem; line-height: 1.5rem;}
	.programme-2023 h3, .programme-2023 li {padding-right:2rem;}
	.rev23 {display: none;}
	.mobileprop {margin-bottom:2rem; display:block;}
	.swiper-slide {padding-bottom:2rem;}

	#grille-candidates-2023 {padding:2rem;}
	#candidates-2023 img {height:18rem;}
	#candidates-2023 h4 {font-size: 1.9rem;}

	#conseil-des-etats-2023 figure {width:100%; height:100vh; margin-left:0;}
	#conseil-des-etats-2023 .wp-block-columns {width:100%; margin-left:0; padding:0 1rem 0 1rem;} 
	#conseil-des-etats-2023 .wp-block-columns h3 {font-size:2.5rem; line-height: 2rem;}
	#conseil-des-etats-2023 .wp-block-columns p {font-size:.8rem; line-height: 1rem;}


	#appel-2023 {padding:2rem 1rem; height:auto; min-height: auto;}
	#appel-2023 .snap {scroll-snap-align:unset;}
	.frm_forms {padding:0;}
	.frm_form_field {padding-top:.5rem; border-top:.1rem solid black; height:3rem;}
	.frm_fields_container {grid-gap:.5rem 1rem !important;}
	.frm_fields_container input {font-size:16px;}
	.frm_forms label {width:80px; }
	.frm_button_submit {font-size:16px; padding:1rem;}

	#signataires {padding:2rem 1rem;}
	.signataires {grid-template-columns: 1fr 3fr 4fr 5fr; overflow-x: hidden;}
	.signataires p:last-child {display: none;}

	/* Footer */
	#colophon {padding:2rem 4rem; font-size:1.5rem;}
	#colophon {grid-template-columns: 1fr; grid-gap:1rem; }
	#colophon figure {padding:0; margin:0;}

	.objet-gc {grid-template-columns: repeat(3, 1fr); grid-template-rows:2rem auto auto;}
	.objet-gc h3 {grid-row: 2 / span 1; grid-column:1 / span 3; font-size:3rem;}
	.objet-gc time {grid-row:1 / span 1;}
	.objet-gc p:first-of-type {grid-column: 2 / span 1;}
	.objet-gc p {grid-column: 1 / span 3; grid-row:3 / span 1;}
	.objet-gc a {grid-column:3 / span 1;}

	/* Grand Conseil */
	#wrapper-elues {display: grid; grid-template-columns: repeat(2, 100%); grid-template-rows: auto; grid-auto-flow:column; align-items: start;}
	.elue-gc {display: block; margin:1rem 0; position: relative; min-height:26rem;}
	.elue-gc.ancien {grid-column:2;}
	.elue-gc:not(.ancien) {grid-column:1;}
	.elue-gc h6 {width:100%; padding-bottom:1rem;}
	.elue-gc figure {margin:0; width:45%; height:15rem; display: block; float: left;}
	.elue-gc h4 {width:45%; position:absolute; top:20rem; font-size:1.5rem; line-height: 1.75rem;}
	.elue-gc h5 {width:45%; position:absolute; top:22.5rem; font-size:1.5rem; line-height: 1.75rem;}
	.elue-gc h3 {width:45%; position:absolute; top:18rem; font-size:1.5rem;}
	.elue-gc p {width:45%; font-size:1.25rem; margin:0 0 1rem 55%; padding:0;}
	.elue-gc button {width:45%; display: block; position: absolute; top:24rem;}
	.elue-gc h4, .elue-gc h5 {border-top:.1rem solid;}
	.elue-gc h4 span, .elue-gc h5 span {margin-right:1rem; font-size:1.5rem;}

	/*EF 2019 */
	#grid-candidats-2019 {display:block; padding:2rem;}
	.candidate-2019 {margin:2rem 0; }

}