/*
Theme Name: Vilniaus bienalė '23
Author: Nerijus Rimkus
Text Domain: vb23
*/
  
* {
    margin: 0;
}

:root{
    --gutter: 50px;
    --half-gutter: 25px;
    --black-color: #000;
    --text-color: #000;
    --blue-color: #0066ff;
}
  
:focus {
    outline:none!important;
}
  
::-webkit-input-placeholder { color: var(--black-color); }
:-moz-placeholder { color: var(--black-color); }
::-moz-placeholder { color: var(--black-color); }
:-ms-input-placeholder { color: var(--black-color); }

@font-face {
    font-family: 'AG Book';
    src: url('/wp-content/themes/vb23/font/agbookrounded-regular_lt-webfont.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
  
img{
    max-width: 100%;
    height: auto;
}
  
html, body {
    height: 100%;
    background-color: white;
    color: var(--text-color);
    font-family: 'AG Book', sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 20px;    
    line-height: 1.5;
    text-underline-offset: 2px;
}

html.no-overflow{
    overflow: hidden;
}

body{
    display: flex;
    flex-direction: column;
    background-size: 0!important;
}

h1, h2, h3, h4, h5{
    font-weight: 300;
    margin: 0;
    padding: 0;
    font-size: 20px;
}

footer h2{
    margin-bottom: 50px;
}

footer h2.newsletter{
    margin-bottom: 12px;
}
  
h1{
}
  
h2{
}
    
h3{
}
  
h4{
}
  
h5{
}
    
p{
    margin-bottom: 30px;
}
  
a:link,
a:visited{
    color: var(--text-color);
    text-decoration: underline;
    opacity: 1;
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
}
a:hover,
a:active,
a.home-link:link,
a.home-link:visited{
    text-decoration: none;
}

button{
    transition: all 0.15s;
    -webkit-transition: all 0.15s;
    -moz-transition: all 0.15s;
    background-color: transparent;
    border: 0;
}
  
  
.tac{
    text-align: center;
}
  
main{
    padding-top: 150px;
    min-height: 100vh;
}
main.home{
    min-height: 100vh;
}
  
cover{
    width: 100%;
    height: calc(100vh - 30px);
    display: block;
    margin-top: 30px;
    position: fixed;
    pointer-events: none;
}
cover.secondary{
    opacity: .2;
    z-index: 0;
}
mob-cover{
    display: none;
}

section{
    position: relative;
    z-index: 1;
}

.container-fluid{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}
.navbar{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
}

.home .navbar{ background-color: transparent; }

.navbar > .header-container{
    align-items: flex-start;
    z-index: 2;
}

.lang-switcher-container{
    display: flex;
    flex-direction: row;
}

a.lang-switcher:link,
a.lang-switcher:visited{
    display: block;
    text-decoration: none;
}

a.lang-switcher:hover,
a.lang-switcher:active,
a.lang-switcher.current:link,
a.lang-switcher.current:visited{
    text-decoration: underline;
}

.newspaper,
.post-content p,
.post-content div,
.post-content ul,
.post-content ol,
.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5{
    max-width: 600px;
    margin: 0 auto 30px;
}

.post-content .wp-block-image{
    max-width: 1100px;
    margin: var(--gutter) auto;
}

.post-content .wp-block-image img{
    display: block;
    margin: 0 auto;
}

.post-content a:link,
.post-content a:visited{
    color: var(--blue-color);
    text-decoration: none;
}

.post-content a:hover,
.post-content a:active{
    text-decoration: underline;
}

.post-content p.has-iframe{
    max-width: 900px;
    position: relative;
    padding-top: 450px;
}

.post-content p iframe{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.post-content div.has-img{
    max-width: 1100px;
}

.post-content .gallery{
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    gap: var(--wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
    align-items: normal;
}

.post-content .gallery .gallery-item{
    float: none !important;
    width: calc(33.33% - var(--wp--style--unstable-gallery-gap, 16px)*.66667) !important;
    margin-bottom: 0 !important;
    margin-top: 0 !important;
    flex-grow: 1;
}

.post-content .gallery .gallery-item img{ border: 0 !important;}

figcaption,
.wp-caption-text{
    font-size: 13px;
}

.post-content p.wp-caption-text{
    max-width: 1100px;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    font-style: italic;
}

.post-content #visitors-map div{
    margin: unset;
}

.newspaper h2,
.newspaper h1{
    margin-top: 15px;
    margin-bottom: 15px;
}

a.invert-underline:link,
a.invert-underline:visited{
    text-decoration: none;
}

a.invert-underline:hover,
a.invert-underline:active{
    text-decoration: underline;
}

.page-container h1{
    padding-left: var(--gutter);
}

.contacts{
    position: absolute;
}

.news-container{
    width: 100%;
    border-bottom: 1px solid black;
    margin-bottom: var(--gutter);
}

.news-container.borderless{
    border-bottom: 0;
}

.more-link:link,
.more-link:visited{
    text-transform: uppercase;
    color: var(--white-color);
    font-size: 1.32em;
    position: absolute;
    display: inline-block;
    top: var(--half-gutter);
    right: var(--gutter);
    background-image: url("data:image/svg+xml,%3Csvg width='31px' height='25px' viewBox='0 0 31 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='KLS_button-3' transform='translate(-57.520000, 0.190000)' fill='%23e8e8e8' fill-rule='nonzero'%3E%3Cg id='Group' transform='translate(58.000000, 0.000000)'%3E%3Crect id='Rectangle' x='0' y='11.3' width='22.64' height='1.82'%3E%3C/rect%3E%3Cpolygon id='Path' points='17.54 24.15 16.25 22.86 27.09 12.02 16.36 1.29 17.65 0 29.67 12.02'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 40px;
    text-decoration: none;
}

.more-link:hover{
    color: var(--highlight-white-color);
    background-image: url("data:image/svg+xml,%3Csvg width='31px' height='25px' viewBox='0 0 31 25' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='KLS_button-3' transform='translate(-57.520000, 0.190000)' fill='%23ffffff' fill-rule='nonzero'%3E%3Cg id='Group' transform='translate(58.000000, 0.000000)'%3E%3Crect id='Rectangle' x='0' y='11.3' width='22.64' height='1.82'%3E%3C/rect%3E%3Cpolygon id='Path' points='17.54 24.15 16.25 22.86 27.09 12.02 16.36 1.29 17.65 0 29.67 12.02'%3E%3C/polygon%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center left;
}

.section-content{
    padding-top: var(--gutter);
}

section.newsletter{
    height: 4.3rem;
    display: flex;
    align-items: center;
}

.newsletter .container-fluid{
    display: flex;
    align-items: center;
}

.newsletter h2{
    font-size: 1.66rem;
    color: var(--white-color);
    text-transform: uppercase;
    margin-right: 150px;
}

.newsletter input{
    background-color: transparent;
    border: 0;
    border-radius: 0;
    outline-color: var(--orange);
    padding: 0 10px;
    color: white;
}

.subscribe-button:hover svg g,
.subscribe-button:active svg g{
    fill: #ffffff;
}

footer{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    margin-top: var(--gutter);
}

footer a:link,
footer a:visited{
    text-decoration: none;
}

footer a:hover,
footer a:active{
    text-decoration: underline;
}

footer .lined{
    background: url(/wp-content/themes/vb23/images/footer-bg.svg) top center;
    background-size: 1800px;
    background-repeat: repeat;
    padding-top: 19px;
    padding-bottom: 100px;
}

footer .row{
    margin-right: 0;
    margin-left: 0;
}

footer .row.year{
    padding-top: 100px;
    padding-left: 50px;
    display: flex;
    align-items:flex-end;
    line-height: 1;
}

footer .row.year a:link,
footer .row.year a:visited{
    text-decoration: underline;
    padding: 0;
    width: auto;
}

footer .row.year a:hover,
footer .row.year a:active{
    text-decoration: none;
}

footer .row.year img{
    padding: 0;
    margin-bottom: 4px;
    margin-right: 30px;
}

footer .row.lined>* {
    padding-left: 40px;
    padding-right: 40px;
}

footer p{
    margin-bottom: 26px;
    line-height: 1.3;
}

footer input[type="text"]{
    border: 0;
    border-radius: 0;
    border-left: 1px solid black;
    width: 350px;
}

footer input[type="text"]:focus{
    border-left: 1px solid transparent;
}

footer input[type="submit"]{
    border: 0;
    background-color: transparent;
}
footer input[type="submit"]:hover{
    text-decoration: underline;
}

.post-container{
    max-width: 1000px;
    margin-left: 0;
}

.caption{
    margin-top: var(--half-gutter);
    font-size: 0.7rem;
}

.post-content{
    margin-top: var(--gutter);
    padding-bottom: var(--gutter);
}

.menu-container{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

nav .menu{
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
}

nav .menu li{
    margin-right: 30px;
    position: relative;
}

nav .menu a:link,
nav .menu a:visited,
nav .menu a{    
    text-decoration: none;
    cursor: pointer;
}

nav .menu a:hover,
nav .menu a:active,
nav .menu .current-menu-item a:link,
nav .menu .current-menu-item a:visited
{
    text-decoration: underline;
}

nav .menu-item-has-children:hover .sub-menu{
    display: block;
}

nav .sub-menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: none;
    position: absolute;
    top: 30px;
    left: 0;
}

nav .sub-menu li{
    padding-top: 10px;
    white-space: nowrap;
}

.newsletter-form-container{
    display: flex;
}

.team-content{
    display: flex;
    justify-content: center;
    margin-top: var(--gutter);
}

ul.team{
    list-style-type: none;
    margin: 0;
    padding: 0;
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

ul.team li{
    margin: 0 50px 100px;
    width: calc(33.33% - 100px);
}

ul.team a:link,
ul.team a:visited{
    text-decoration: none;
}

ul.team a:hover,
ul.team a:active{
    text-decoration: underline;
}

.person-image{
    width: 100%;
}
.person-image figure{
    height: 22rem;
    margin-bottom: 7px;
}

.person-image figure picture img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    -o-object-fit: cover;
    max-width: unset;
}

.partner-content{
    display: flex;
    max-width: 800px;
    margin: 0 auto;
    margin-top: var(--gutter);
    flex-wrap: wrap;
}
.partner-content .wp-block-image {
    margin: 0 50px 50px 0;
}

.partner-content .wp-block-image img{
    display: block;
}

.partner-content h1,
.partner-content h2,
.partner-content h3,
.partner-content h4,
.partner-content h5,
.partner-content h6{
    width: 100%;
    max-width: 100%;
}

.partner-content h2:nth-child(n+2),
.partner-content h3:nth-child(n+2),
.partner-content h4:nth-child(n+2),
.partner-content h5:nth-child(n+2),
.partner-content h6:nth-child(n+2){
    margin-top: var(--gutter);
}

.partner-logos{
    display: flex;
    flex-wrap: wrap;
}

.partner-logos img{
    max-width: 120px;
    max-height: 100px;
}

.mobile-only{ display: none;}

.mob-content-border{
    display: none;
}

wrapper{
    background-color: white;
}
wrapper.home footer{
    mix-blend-mode: difference;   
    background-blend-mode: difference;
    color: #fff;     
}

wrapper.home .ml-form-embedSubmitLoad {
    background: url(/wp-content/themes/vb23/images/loading-white.svg) center center no-repeat;
    background-size: contain;
}
wrapper.home footer .lined {
    background: url(/wp-content/themes/vb23/images/footer-bg-white.svg) top center;
    background-size: 1800px;
}
wrapper.home footer a:link,
wrapper.home footer a:visited{
    color: #fff;
}

#cookie-law-info-bar[data-cli-style="cli-style-v2"] {
    padding: 25px 50px;
}
.cli-style-v2 {
    font-size: 20px;
    line-height: 1.5;
    font-weight: normal;
}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-decoration: underline;
}
#wt-cli-accept-all-btn,
#cookie_action_close_header_reject{
    display: none;
}
#wt-cli-accept-all-btn:hover,
#cookie_action_close_header_reject:hover{
    background-color: white ! important;
    text-decoration: none;
}

.featured-image{
    margin-bottom: var(--half-gutter);
}

.participants{
    list-style-type: none;
    display: flex;
    padding: 40px 40px;
    margin: 0;
    flex-wrap: wrap;
}

.participants li{
    width: calc(33.33% - 30px);
    margin: 0 15px 60px;
}

.participants li a:link,
.participants li a:visited{
    text-decoration: none;
}

.participants li a:hover,
.participants li a:active{
    text-decoration: underline;
}

.participants li .thumb{
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
    margin-bottom: 15px;
}
.uppercase{
    text-transform: uppercase;
}

.participant-container .image{
    width: 100%;
    padding-top: 100%;
    border-radius: 50%;
}

.ticket:link,
.ticket:visited{
    text-decoration: none;
    color: red;
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 246.4 81.2' style='enable-background:new 0 0 246.4 81.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23FF0000;stroke-width:3;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.4,1.8c0,0,0,19.9-19.9,19.9v38.1c0,0,19.9,0,19.9,19.9h203.7c0,0,0-19.9,19.9-19.9V21.6 c0,0-19.9,0-19.9-19.9H21.4z'/%3E%3C/svg%3E%0A");
    padding: 10px 30px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
    display: inline-block;
    margin-top: 15px;
    transition:none;
    -webkit-transition: none;
    -moz-transition: none;
}

.ticket:hover,
.ticket:active{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 246.4 81.2' style='enable-background:new 0 0 246.4 81.2;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FF0000;stroke:%23FF0000;stroke-width:3;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cpath class='st0' d='M21.4,1.8c0,0,0,19.9-19.9,19.9v38.1c0,0,19.9,0,19.9,19.9h203.7c0,0,0-19.9,19.9-19.9V21.6 c0,0-19.9,0-19.9-19.9H21.4z'/%3E%3C/svg%3E%0A");
    color: white;
}

.programme-day .ticket:link,
.programme-day .ticket:visited{
    margin-top: 0;
}

#visitors-map{
    width: 100%;
    height: 400px;
    max-width: 1100px;
    border: 2px solid black;
    margin: 35px auto 40px auto;
}

#visitors-map div{
    max-width: unset;
}

.location-list{
    list-style-type: none;
    text-align: left;
    margin: 0;
    padding: 0;
}

.location-list li{
    display: flex;
    margin-bottom: 15px;
    line-height: 1.2;
}

.location-list li .num,
.location-participant-list .location-row .num{
    width: 32px;
    height: 32px;
    background:url(/wp-content/themes/vb23/images/ring-orange.svg) center center no-repeat;
    background-size: contain;
    display: flex;
    margin: 0;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.location-list li .num{
    background: none;
    position: relative;
    margin-top: -5px;
}
.location-list li .num svg{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.location-list li .title{
    width: calc(100% - 47px);
    margin-bottom: 16px;
}

.location-participant-list .location-row .num a:link,
.location-participant-list .location-row .num a:visited,
.location-list li .num a:link,
.location-list li .num a:visited{
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: black;
    z-index: 1;
}

.location-participant-list{
    width: 1100px;
    margin: 0 auto;
}

.location-participant-list .location-row{
    display: flex;
}

.location-participants{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    width: calc(100% - 47px);
    flex-wrap: wrap;
}

.location-participants li{
    width:calc(33.33% - 40px);
    margin-right: 40px;
    margin-bottom: 40px;
}

.underline{
    text-decoration: underline;
}

.cursive{
    font-style: italic;
}

.location-participants li a:link,
.location-participants li a:visited{
    text-decoration: none;
	display: block;
}

.programme{
    margin-bottom: 50px;
    width: calc(100% + (var(--gutter)*2));
    margin-left: calc(var(--gutter) * -1);
}

.programme .programme-day{
    border-right: 1px solid black;
    border-left: 1px solid black;
    padding-top: 50px;
    padding-bottom: 20px;
}

.programme .programme-day .day{
    padding: 10px;
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding-left: 55px;
}

.day-events{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-right: 20px;
}

.day-events li{
    display: flex;
    padding-top: 25px;
}

.day-events li .programme-type{
    width: 55px;
    padding-left: 20px;
}

.day-events li .time{
    width: 80px;
}

.day-events li .details{
    flex: 1;
}

.day-events li .details a.title:link,
.day-events li .details a.title:visited{
    text-decoration: none;
	display: block;
}
.day-events li .details a.title:hover{
	opacity: .5;
}

.slick-track{
    display: flex;
}

.slick-slide{
    height: inherit ! important;
}

.slick-track .programme-day:first-of-type{
    border-left: 2px solid black;
}

.slick-track .programme-day:last-of-type{
    border-right: 2px solid black;
}

.programme-indicator{
    width: 20px;
    height: 20px;
    border-radius: 10px;
    margin-top: 4px;
}

.participant-list-page .programme-indicator{
    margin-top: 0;
    margin-right: 10px;
}

.participant-list-page h1{ display: flex; align-items: center;}

.programme-type-links{
    list-style-type: none;
    padding: 0;
    display: flex;
    margin-left: 40px;
    margin-top: 50px;
    margin-bottom: 50px;
}

.programme-type-links li{
    margin-right: 35px;
    position: relative;
    display: flex;
}

.programme-type-links li .programme-indicator{
    margin-right: 10px;
}

.programme-type-links li a:link,
.programme-type-links li a:visited{
    text-decoration: none;
    display: flex;
}

.programme-type-links li a:hover,
.programme-type-links li a:active{
    text-decoration: underline;
}

table.weeks th{
    font-weight: normal;
    padding: 10px 10px 30px 0;
    width: 40px;
}

.calendar .weeks td{
    padding-left: 9px;
    padding-top: 3px;
    padding-right: 10px;
    text-align: center;
}

.calendar .weeks .in{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 78 78' style='enable-background:new 0 0 78 78;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:none;stroke:%23000101;stroke-width:3;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='39' cy='39' r='37.5'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.calendar .weeks .in:hover,
.calendar .weeks .active{
    background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 78 78' style='enable-background:new 0 0 78 78;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23cccccc;stroke:%23000101;stroke-width:3;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Ccircle class='st0' cx='39' cy='39' r='37.5'/%3E%3C/svg%3E%0A");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
}

.calendar a:link,
.calendar a:visited{
    display: block;
    text-decoration: none;
}

.calendar{
    display: flex;
    justify-content: center;
}

.calendar .month:first-of-type{
    margin-right: 70px;
}

.calendar .month:last-of-type{
    margin-right: 0;
}

.slick-next{
    width: 90px;
    height: 100%;
    background:url(/wp-content/themes/vb23/images/arrow-next.svg) center right no-repeat;
    background-size: contain;
    color: transparent;
    position: absolute;
    top: 0;
    right:0;
    opacity: 0;
}
.slick-prev{
    width: 90px;
    height: 100%;
    background:url(/wp-content/themes/vb23/images/arrow-prev.svg) center left no-repeat;
    background-size: contain;
    color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 2;
}

.slick-disabled{
    pointer-events: none;
}
.slick-next.hovered:not(.slick-disabled),
.slick-prev.hovered:not(.slick-disabled){
    opacity: 1;
}

.info-window-content{
    font-family: 'AG Book', sans-serif;
    font-weight: 300;
}

#mob-nav-button{
    display: none;
}



@media screen and (min-width: 1024px) and (max-width: 1200px){
    .contacts {
        position: relative;
    }
    .person-image figure {
        height: 16rem;
        margin-bottom: 7px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px){
    footer input[type="text"] {
        width: 100%;
    }

    a.home-link:link,
    a.home-link:visited{ max-width: 200px; }
    footer .row.year img { margin-bottom: 20px; }

    cover {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    cover.secondary {
        left: 50px;
    }

    ul.team li {
        margin: 0 25px 100px;
        width: calc(50% - 50px);
    }

    .person-image figure {
        height: 20rem;
    }

    .contacts {
        position: relative;
    }

    .participants li { width: calc(50% - 30px); }

    .post-content div.has-img { max-width: 100%; }
    .post-content p.has-iframe { max-width: 100%; padding-top: 56%; }

    .location-participant-list { width: 100%; }
    .location-participants li { width: calc(50% - 40px); }

    .programme-day{
        width: 340px;
    }

    .navigation{
        align-items: flex-start !important;
        flex-direction: column;
    }

    nav .menu {
        max-width: 50%;
        flex-wrap: wrap;
    }
}

@media screen and (max-width: 767px){
    cover{
        display: none;
    }
    .home mob-cover{
        width: 100%;
        height: calc(100vh - 60px);
        display: block;
        margin-top: 30px;
    }

    .navbar {
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: white;
    }

    .navbar.fixed{
        position: fixed;
        top: -90px;
    }

    .container-fluid{
        padding-left: var(--half-gutter);
        padding-right: var(--half-gutter);
    }

    .navbar > .header-container {
        flex-direction: row-reverse;
    }

    .home-link{
        max-width: 200px;
    }

    .navigation{
        display: none !important;
        margin-top: var(--half-gutter);
        flex-direction: column;
        align-items: flex-start!important;
    }

    nav .menu {
        flex-direction: column;
    }

    .lang-switcher-container{
        display: flex;
    }

    footer .row.lined {
        flex-direction: column-reverse;
    }

    footer .row>* {
        padding-left: 0;
        padding-right: 0;
    }

    .newsletter-container{
        margin-bottom: var(--gutter);
    }

    nav .sub-menu{
        position: relative;
        top: unset;
        margin-left: 25px;
        display: none!important;
    }

    nav .sub-menu.visible{
        display: block!important;
    }

    nav .sub-menu li {
        padding-top: 0;
    }

    main{
        margin-top: 0px;
        padding-top: 0;
    }

    main.home{
        min-height: calc(100vh - 250px);
    }

    div.mob-content-border{
        border-bottom: 2px solid black;
        display: block;
        width: calc(100% - var(--gutter));
        padding-top: var(--half-gutter);
        position: absolute;
        bottom: 0;
    }

    footer input[type="text"] {
        width: 100%;
    }

    .page-container h1 {
        padding-left: 0;
    }

    .newspaper h2, .newspaper h1 {
        margin-top: 125px;
    }

    .post-content {
        margin-top: var(--half-gutter);
        padding-bottom: var(--half-gutter);
    }

    .partner-content {
        max-width: 100%;
        flex-wrap: wrap;
    }
    .partner-content .wp-block-image {
        margin: 0 25px 35px 0px;
    }

    ul.team li {
        margin: 0 0px 50px;
        width: 100%;
    }

    .contacts {
        position: relative;
    }

    .news-container {
        margin-top: 37px;
        margin-bottom: 25px;
    }

    mob-cover{
        margin-top: 25px; 
        margin-bottom: 25px;        
        height: calc(100vh - 50px);
        background-size: contain!important;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
    }

    nav {
        transition: transform 0.3s;
        position: fixed;
    }
    .nav-hidden {
        transform: translateY(-100%);
      }

    .home nav{
        background-color: transparent;
    }

    .home main,
    .home nav{
        mix-blend-mode: difference;
        color: white;
    }

    .home nav .menu a:link,
    .home nav .menu a:visited,
    .home nav a.home-link:link,
    .home nav a.home-link:visited,
    .home nav a.lang-switcher:link,
    .home nav a.lang-switcher:visited{
        color: white;
    }

    .location-participant-list { width: 100%; }
    .calendar{ flex-direction: column;}
    .calendar .month:first-of-type { margin-right: 0; }
    .calendar .month{ margin-bottom: 70px; }
    .calendar .month:last-of-type{ margin-bottom: 0; }
    .programme-type-links {
        margin-left: 0;
        flex-direction: column;
    }

    .day-events li .details {
        flex: unset;
        width: 100%;
        padding-left: 20px;
    }
    .day-events li { flex-wrap: wrap; }
    .location-participants li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 40px;
    }
    .programme {
        width: calc(100% + (var(--half-gutter)*2));
        margin-left: calc(var(--half-gutter) * -1);
    }

    .participants { padding: 0; }
    .participants li { width: calc(100% - 30px); }
    .post-content div.has-img { max-width: 100%; }
    .post-content p.has-iframe { max-width: 100%; padding-top: 56%; }
    footer .row.year {
        padding-top: 0px;
        padding-left: 0px;
        line-height: 1.3;
    }
    footer .row.year img {
        margin-bottom: 20px;
    }

    .home #mob-nav-button{
        background: url(/wp-content/themes/vb23/images/burger-invert.svg) center right no-repeat;
    }

    #mob-nav-button{
        display: block;
        background: url(/wp-content/themes/vb23/images/burger.svg) center right no-repeat;
        width: 32px;
        height: 32px;
    }
    .home #mob-nav-button{
        background: url(/wp-content/themes/vb23/images/burger-invert.svg) center right no-repeat;
    }

    nav.open #mob-nav-button{
        background: url(/wp-content/themes/vb23/images/x.svg) center right no-repeat;
    }
    .home nav.open #mob-nav-button{
        background: url(/wp-content/themes/vb23/images/x-invert.svg) center right no-repeat;
    }

    nav.open .navigation{
        display: block !important;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 100px;
        padding-left: 25px;
        background-color: white;
        width: 100%;
        z-index: 0;
        padding-top: 25px;
        height: calc(100vh - 100px);
    }

    .home nav.open .navigation{
        background-color: black;
    }

    nav .menu li{
        margin-bottom: 15px;
    }

    .programme .programme-day {
        border-right: 0;
        border-left: 0;
        padding-top: 20px;
    }

    .post-content .gallery .gallery-item {
        width: 100% !important;
    }

}