/*
Theme Name: Architektūros fondas
Author: Architektūros fondas
Text Domain: af
*/

*,
*::before,
*::after {
  box-sizing: border-box;
}
*:focus{
    outline: none;
}

:root {
    --gutter: 23px;
    --big-gutter: 44px;
    --font-family: 'Darker Grotesque', sans-serif;
    --container-width: 1320px;
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

body, html{
    font-family: var(--font-family);
    font-weight: 500;
    font-style: normal;
    font-size: 23px;
    background-color: #fff;
    color: #000;
    line-height: 1.3;
}

a,
a:link,
a:visited{
    color: black;
}

a:hover,
a:active{
    color: black;
}

img{
    max-width: 100%;
    height: auto;
}

h1{
    font-size: 3.1em;
    line-height: 1;
    margin-bottom: var(--gutter);
    font-weight: 600;
}

h2,
h1.past-projects-title,
.post-content-row h1.h2{
    font-size: 1.87em;
    line-height: 1;
    margin-bottom: var(--gutter); 
    font-weight: 600;
}
.post-content-row h1.h2{
    font-weight: 500;
}

h1.past-projects-title{
    font-weight: 500;
    margin-bottom: 0px;
    padding-top: 3px;
    padding-bottom: 14px;
}

h2.section-title{
    padding-bottom: 13px;
    margin-bottom: 0;
    padding-top: 4px;
    font-weight: 500;
}
h3{
    font-size: 1.43em;
    line-height: 1;
    margin-bottom: var(--gutter);
    font-weight: 600;
    overflow-wrap: break-word;
}

h4{
    font-size: 1.3em;
    line-height: 1.1;
    margin-bottom: var(--gutter);
}

p{
    margin-bottom: var(--big-gutter);
}

.flex-1{
    flex: 1;
}

a.enbolden:link,
a.enbolden:visited{
    box-sizing: border-box;
    display: inline-block;
}

a.enbolden::before {
    display: block;
    content: attr(title);
    font-weight: 600;
    height: 0;
    overflow: hidden;
    visibility: hidden;
}
a.enbolden:hover,
a.enbolden:active{
    font-weight: 600;
}

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

.text-align-right{
    text-align: right;
    display: block;
}

.side-nav{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.side-nav li{
    border-bottom: 1px solid black;
}

.side-nav li:hover{
    border-bottom: 1px solid white;
}

.side-nav li.selected{
    border-bottom: 1px solid white;
}

.side-nav li a:link,
.side-nav li a:visited{
    padding: var(--gutter);
    display: block;
    font-size: 1.43em;
    line-height: 1;
    text-decoration: none;
    width: 100%;
    background-color: white;
    font-weight: 600;
}

a.highlight:hover,
a.highlight:active,
.side-nav li a:hover,
.side-nav li a:active,
.highlight:hover,
.highlight:active{
    background-color: black;
    color: white;
}

.inverted a.highlight:hover,
.inverted a.highlight:active,
.side-nav li a.selected:link,
.side-nav li a.selected:visited{
    background-color: black;
    color: white;
}

.side-nav.filters li.header{
    height: 51px;
}

.border-b{
    border-bottom: 1px solid black;
}
.border-t{
    border-top: 1px solid black;
}
.border-l{
    border-left: 1px solid black;
}

.border-r{
    border-right: 1px solid black;
}

.link-as-container{
    display: block;
}

.container{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.white-bg{
    background-color: white;
}

header{
    position: fixed;
    width: 100%;
    background-color: white;
    z-index: 4;
    transition: all .1s;
    top: 0;
}

header.shrinked{
    display: flex;
    align-items: center;
}

header .header-container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

header.shrinked .header-container{
    border-bottom: 1px solid black;
    align-items: center;
    padding-top: 19px;
    padding-bottom: 19px;
}

nav{
    width: 100%;
    margin-top: auto;
}

header.nav-open nav{
    background-color: white;
    /*display: block ! important;*/
}
main{
    margin-top: 230px;
    /*min-height: calc(100vh - 230px);*/
    /*overflow-x: hidden;*/
}
main.auto-height{
    min-height: unset;
}

.main-size{
    min-height: calc(100vh - 280px);
}
.logo-link{
    margin-bottom: 30px;
    transition: all .1s;
}
header.shrinked .logo-link{
    margin-bottom: 0;
}

.logo{
    width: 421px;
    height: 108px;
    margin-top: 42px;
}

.logo-horizontal{
    display: none;
    width: 448px;
    height: 32px;
}

.top-links{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    padding-top: 12px;
}

.top-links li{
    margin-left: var(--gutter);
}

.top-links a{
    font-size: 0.87em;
}

.lang-switcher.current{
    color: #c0c0c0;
}

nav .nav-container{
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

header.shrinked nav .nav-container{
    border-top: 0;
}

nav .menu,
footer .menu{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    margin-bottom: 3px;
}

nav .menu li{
    margin-right: 45px;
    box-sizing: border-box;
    line-height: 1;
}

nav .menu li.shrinked-lang-switcher{
    display: none;
}

header.shrinked.nav-open nav .menu li.shrinked-lang-switcher{
    display: block;
    margin-left: auto;
    flex: 1;
    text-align: right;
    margin-right: 0;
}

header.shrinked.nav-open nav .menu li.shrinked-lang-switcher a{
    font-size: 0.87em;
}


nav .menu a:link,
nav .menu a:visited{
    text-decoration: none;
    font-size: 1.3em;
    line-height: 1;
}

nav .menu a.current:link,
nav .menu a.current:visited{
    font-weight: 600;
}

header.shrinked .logo{
    display: none;
}

header.shrinked .logo-horizontal{
    display: flex;
}

header.shrinked nav{
    display: none;
}

header.shrinked nav .menu{
    width: 100%;
}

.burger{
    background-image: url("data:image/svg+xml,%3Csvg width='36' height='18' viewBox='0 0 36 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='17.5' x2='36' y2='17.5' stroke='black'/%3E%3Cline y1='8.5' x2='36' y2='8.5' stroke='black'/%3E%3Cline y1='0.5' x2='36' y2='0.5' stroke='black'/%3E%3C/svg%3E");
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 36px;
    height: 36px;
    display: none;
    background-color: white;
    border: none;
}

header.shrinked .burger{
    display: block;
}

header.shrinked .top-links{
    display: none;
}

header.nav-open .burger{
    background: url(/wp-content/themes/archfondas/images/icons/x.svg) center center no-repeat;
    background-size: 22px;
}

.button.search{
    background: none;
    border: 0;
    font-size: 1.3em;
    line-height: 1;
    margin-bottom: 3px;
    padding: 0;
}
.button.search:hover,
.button.search:active{
    font-weight: 600;
}

.shrinked-nav-buttons .button.search{
    width: 36px; 
    height: 36px;
    margin: 0;
    margin-right: var(--gutter);
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='26' viewBox='0 0 27 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.6481' cy='10.6481' r='9.89815' stroke='black' stroke-width='1.5'/%3E%3Cline x1='18.1231' y1='17.9872' x2='25.5305' y2='25.3947' stroke='black' stroke-width='1.5'/%3E%3C/svg%3E");
    background-size: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    display: none;
}

header.shrinked .shrinked-nav-buttons .button.search{
    display: block;
}

.treasury .button.search{
    display: none;
}

header.nav-open .nav-container .button.search,
header.shrinked .nav-container .button.search{
    display: none;
}

.masonry-grid{
    margin-left:calc(-1px - var(--gutter));
    margin-right:calc(-2px - var(--gutter));
    overflow: hidden;
    position: relative;
    height: 100%;
}

.masonry-grid:after{
    position: absolute;
    top:0;
    right:-1px;
    bottom: 0;
    left: -1px;
    content:'';
    width: calc(100% - 1px);
    display: block;
    border-left: 1px solid black;
    border-right: 1px solid black;
    pointer-events: none;
}
.grid-with-side:after,
.masonry-grid.full-width:after{
    left: 0px;
   /* width: 100%;*/
}

#news-archive{
}

.news-archive .masonry-grid{
    min-height: calc(100vh - 290px);
}

.masonry-grid-item{
    width: calc(33.33% + 1px);
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    border: 1px solid black;
    padding-top: 14px;
    padding-bottom: var(--gutter);
    margin-top: -1px;
    margin-left: -1px;
    background-color: white;
}


.masonry-grid-item.collection-item{
    padding-right: 0;
    padding-left: 0;
    padding-top: 0;
}

.masonry-grid-item .item-links-block{
    padding-top: var(--gutter);
    display: flex;
    flex-wrap: wrap;
}

.masonry-grid-item .item-links-block:empty{
    display: none;
}

.masonry-grid-item .item-links-block a:link,
.masonry-grid-item .item-links-block a:visited{
    text-decoration: underline;
}
.masonry-grid-item .item-links-block a:hover,
.masonry-grid-item .item-links-block a:active{
    background-color: white;
    color: black;
}

.masonry-grid-bar{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: black;
}

.masonry-grid-bar.bar1{
    left: calc(33.333% - 1px);
}

.masonry-grid-bar.bar2{
    left: calc(66.666% - 1px);
}
.masonry-grid-bar.bar3{
    left: calc(75% - 1px);
}

.related-posts-container .masonry-grid-item{
    width: calc(25% + 1px);
}
.related-posts-container .masonry-grid-bar.bar1{
    left: calc(25% - 1px);
}
.related-posts-container .masonry-grid-bar.bar2{
    left: calc(50% - 1px);
}

.related-collections-container .masonry-grid-item{
    width: calc(33.333% + 1px);
}

.grid-commons a:link,
.grid-commons a:visited{
    text-decoration: none;
    display: block;
}
.grid-commons h2{
    margin-bottom: 15px;
}

.grid-commons .col{
    padding: var(--gutter);
}

.grid-commons .date{
    margin-top: 10px;
    margin-bottom: 10px;
}

.masonry-grid-item:hover,
.masonry-grid-item:active,
.grid-commons a:hover,
.grid-commons a:active{
    background-color: black;
    color: white;
}

.masonry-grid-item:hover a,
.masonry-grid-item:hover a:after,
.grid-commons a:hover .last-line-underlined:after,
.slide-frame a:hover .last-line-underlined:after{
    color: white;
    border-color: white;
}

.feed-container,
.related-posts-container,
.related-collections-container{
    margin-bottom: -1px;
}

#post-grid-container.feed-container{
    border-left: 0;
    border-right: 0;
    position: relative;
}

.no-overflow{
    overflow: hidden;
}

.sticky-container h2{
    font-size: 2.26em;
    line-height: 1;
}

.sticky-container .read-more{
    font-size: 1.87em;
    line-height: 1.1;
    font-weight: 600;
}

.home-feed-container .masonry-grid-item:last-child{
    padding-bottom: 30px;
    display: flex;
    bottom: 0;
}

.grid-commons .feed-archive-link:link,
.grid-commons .feed-archive-link:visited{
    font-size: 2.08em;
    line-height: 1.1;
    padding-top: 100px;
    margin-bottom: 0px;
    display: flex;
    align-items: flex-end;
    font-weight: 600;
}

.last-line-underlined{
    position: relative;
    /*display: inline ! important;*/
    overflow: hidden;
    text-align: left;
}
.last-line-underlined:after{
    /*position:absolute; 
    left:0; 
    bottom:0; 
    width:100%;*/ 
    height:2px; 
    content:"";
    display: inline-block;
    vertical-align: bottom;
    box-shadow: -100vw 100vw 0 100vw;
}

.last-line-underlined svg,
.past-events-link svg{
    width: 37px;
    height: auto;
}

.masonry-grid-item:hover .last-line-underlined svg path,
.grid-commons a:hover .last-line-underlined svg path,
.slide-frame a:hover .last-line-underlined svg path,
.past-events-link:hover svg path{
    stroke: white;
}

section:nth-of-type(n+2) .container{
    border-top: 1px solid black;
}

.left-border{
    border-left: 1px solid black;
}
.no-padding{
    padding-right: 0 ! important;
    padding-left: 0 ! important;
    padding-top: 0 ! important;
    padding-bottom: 0 ! important;
}
.with-padding{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}
.no-margin{
    margin: 0;
}
.right-border{
    border-right: 1px solid black;
}
.bottom-border{
    border-bottom: 1px solid black;
}

.hidden{
    display: none;
}

footer{
    position: relative;
    z-index: 3;
    /*margin-bottom: 100px;*/
}

footer .sponsor-title-row{
    padding-top: var(--gutter);
}

footer .sponsor-title-row h2{
    margin-bottom: 33px;
    font-size: 1em;
    font-weight: 500;
}

footer .container{
    border-top: 1px solid black;
}

footer .sponsor-row{
    padding-bottom: var(--gutter);
}
footer #sponsor-section .sponsor-title-list,
footer #sponsor-section .sponsor-list{
    list-style: none; 
    display: flex;
    margin-left: calc(-1 * var(--gutter));
    margin-right: calc(-1 * var(--gutter));
    margin-bottom: 0;
}
footer #sponsor-section .sponsor-title-list li,
footer #sponsor-section .sponsor-list li{
    width: 20%;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}

footer #sponsor-section .sponsor-list li{
    display: flex;
    align-items: center;
}

footer #sponsor-section .textwidget{
    display: flex;
    align-items: center;
}
footer #sponsor-section .textwidget img{
    margin-right: 70px;
}

footer #sponsor-section .container{
    padding-right: 0;
}
footer #sponsor-section .row{
    margin-right: 0;
}

footer .sponsor-row p{
    margin-bottom: 12px;
}

footer .contacts .textwidget p{
    margin-bottom: 0;
}

.go-to-top-container{
    padding: 0 ! important;
    display: flex;
}
button.go-to-top{
    width: 100%;
    height: 100%;
    border: 0;
    background-color: white;
    border-left: 1px solid black;
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='71' viewBox='0 0 64 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.4199 -1.59196e-06L27.9337 -1.22102e-06L-1.72245e-06 31.595L2.82873 34.08L29.3481 3.90501L30.0552 3.90501L30.0552 71L33.9448 71L33.9447 3.905L34.6519 3.905L61.1713 34.08L64 31.595L36.4199 -1.59196e-06Z' fill='black'/%3E%3C/svg%3E");
    background-size: 71px 64px;
    background-position: center center;
    background-repeat: no-repeat;
}

button.go-to-top:hover,
button.go-to-top:active{
    background-image: url("data:image/svg+xml,%3Csvg width='64' height='71' viewBox='0 0 64 71' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M36.4199 -1.59196e-06L27.9337 -1.22102e-06L-1.72245e-06 31.595L2.82873 34.08L29.3481 3.90501L30.0552 3.90501L30.0552 71L33.9448 71L33.9447 3.905L34.6519 3.905L61.1713 34.08L64 31.595L36.4199 -1.59196e-06Z' fill='white'/%3E%3C/svg%3E");
    background-color: black;
}

footer #link-section .container{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
}

footer .menu-table td{
    vertical-align: top;
    padding-left: 70px;
}
footer .menu{
    display: block;
}

footer .menu li a:link,
footer .menu li a:visited{
    text-transform: uppercase;
    text-decoration: none;
}

footer .menu li a:hover,
footer .menu li a:active{
    font-weight: 600;
}

footer .social-links-container{
    display: flex;
    justify-content: flex-end;
}

footer .social-links{
    list-style-type: none;
    -webkit-columns: 2;
    -moz-columns: 2;
    columns: 2;
    margin: 0;
    padding: 0;
}

footer .social-links li{
    margin-left: 50px;
}

footer .contacts a:hover,
footer .contacts a:active{
    background-color: black;
    color: white;
}

.flickity-viewport{
    overflow: hidden;
}

.slideshow-gallery .flickity-viewport{
    overflow: visible;
}

.slide-frame{
    display: flex;
    align-items: center;
}

.slide-frame a{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    display: block;
    width: 100%;
    padding-right: 44px;
    padding-left: 44px;
    text-align: center;
}

.slide-frame:hover{
    background: white;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.slide-frame .item-content .tag{
    text-decoration: underline;
    margin-right: var(--gutter);
    white-space: nowrap;
}

.flickity-button svg{
    display: none;
}

.flickity-prev-next-button{
    width: 35px;
    height: 26px;
    border: 0;
    background-color: white;
}

.flickity-button.next{
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 14.8468V11.3874L19.425 0L18.2 1.15315L33.075 11.964V12.2523L0 12.2523L0 13.8378L33.075 13.8378V14.1261L18.2 24.9369L19.425 26.0901L35 14.8468Z' fill='black'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size: 35px 26px;
    background-position: center center;
    position: absolute;
    right: var(--gutter);
}
.flickity-button.next:disabled{
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 14.8468V11.3874L19.425 0L18.2 1.15315L33.075 11.964V12.2523L0 12.2523L0 13.8378L33.075 13.8378V14.1261L18.2 24.9369L19.425 26.0901L35 14.8468Z' fill='%23c0c0c0'/%3E%3C/svg%3E");
}

.flickity-button.previous{
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.27248e-06 11.243L2.63183e-06 14.7024L15.575 26.0898L16.8 24.9367L1.92501 14.1259L1.92501 13.8376L35 13.8376L35 12.252L1.92501 12.252L1.92501 11.9637L16.8 1.15286L15.575 -0.000301839L2.27248e-06 11.243Z' fill='%23000000'/%3E%3C/svg%3E");    
    background-repeat:no-repeat;
    background-size: 35px 26px;
    background-position: center center;
    position: absolute;
    right: calc(50px + var(--gutter));
}
.flickity-button.previous:disabled{
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.27248e-06 11.243L2.63183e-06 14.7024L15.575 26.0898L16.8 24.9367L1.92501 14.1259L1.92501 13.8376L35 13.8376L35 12.252L1.92501 12.252L1.92501 11.9637L16.8 1.15286L15.575 -0.000301839L2.27248e-06 11.243Z' fill='%23c0c0c0'/%3E%3C/svg%3E");    
}
.slideshow-gallery .flickity-prev-next-button{
    width: 50%;
    height: 100%;
    background-size: 44px;
    top: 0;
    background-color: transparent;
}
.slideshow-gallery .flickity-button.next{
    right: 0px;
    background-position: center right 44px;
}
.slideshow-gallery .flickity-button.previous{
    left: 0px;
    background-position: 44px center ;
}

.flickity-page-dots{
    display: none;
}
    
.project-list-item .project-content{
    padding-top: var(--big-gutter);
    padding-bottom: var(--gutter);
    display: flex;
    flex-direction: column;
    justify-content: left;
    align-items: flex-start;
}

.project-list-item .project-logo{
    max-height: 108px;
    width: auto;
    max-width: 75%;
    margin-bottom: var(--gutter);
    min-width: 83px;
    min-height: 99px;
}

.project-list-item .project-logo.project-logo-vertical{
    max-height: 157px;
    width: auto;
}

.project-list-item .project-image{
    padding-top: 28%;
}

.row{
    margin-right: calc(-1 * var(--gutter));
    margin-left: calc(-1 * var(--gutter));
}
.row>*{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}

.project-list-item:hover img.invertable,
.project-list-item:active img.invertable{
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.content-scroll,
.image-scroll{
    height: 450px;
}

.content-scroll .slide-frame,
.image-scroll .slide-frame{
    height: 450px;
    display: flex;
    border-right: 1px solid black;
}

.content-scroll.in-post .slide-frame:last-child{
    border-right: 0;
}

.content-scroll .slide-frame{
    display: block;
}

.image-scroll .slide-frame{
    border-right: 0;
    width: unset ! important;
}

.slide-frame.one-slide,
.slide-frame.two-slides:last-child{
    border-right: 0;
}

.slide-frame.two-slides{
    position: relative ! important;
}

.content-scroll .slide-frame.af-collection-type{
    /*width: 45%;*/
    width: 700px;
}
.content-scroll .slide-frame.post-type{
    width: calc(50% + 300px);
}

.content-scroll .slide-frame.post-type.vertical{
    width: calc(27% + 300px);
}

.content-scroll .slide-frame a:link,
.content-scroll .slide-frame a:visited{
    width: 100%;
    height: 100%;
    display: flex;
    text-decoration: none;
    padding: 0;
    text-align: left;
}

.slide-frame.post-type .item-thumb{
    margin-right: var(--gutter);
    width: 65%;
    height: 100%;
}

.slide-frame.post-type.vertical .item-thumb{
    margin-right: var(--gutter);
    width: 48%;
    height: 100%;
}

.slide-frame.post-type .item-thumb img,
.image-scroll .slide-frame img{
    height: 100%;
    width: auto;
    max-width: unset;
    display: block;
}
.slide-frame.post-type .item-content{
    padding-top: var(--gutter);
    padding-right: var(--gutter);
    padding-bottom: var(--gutter);
    flex: 1;
}

.slide-frame.post-type h2{
    margin-bottom: 15px;
}

.content-frame.post-type .subtitle{
    margin-bottom: 15px;
}

.slide-frame.post-type .date{
    margin-top: 30px;
    margin-bottom: var(--gutter);
}

.slide-frame.browse-all{
    width: 414px;
    border-right: 0 ! important;
}

.slide-frame.browse-all a:link,
.slide-frame.browse-all a:visited{
    padding: var(--big-gutter);
    font-size: 2.08em;
    line-height: 1.1;
    align-items: flex-end;
    padding-right: 50px;
}

.slide-frame.af-collection-type a:link,
.slide-frame.af-collection-type a:visited{
    flex-direction: column;
    padding: 0;
}
.slide-frame.af-collection-type a:link .item-thumb,
.slide-frame.af-collection-type a:visited .item-thumb{
    flex: 1;
    border-bottom: 1px solid black;
    margin-bottom: 13px;
}
.slide-frame.af-collection-type a:link .item-content,
.slide-frame.af-collection-type a:visited .item-content{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    padding-bottom: var(--gutter);
}

.slide-frame.slide-frame.af-collection-type h2{
    margin-bottom: 0;
}

.content-scroll .slide-frame:hover,
.image-scroll .slide-frame:hover{
    filter: none;
    -webkit-filter: none;
}

.content-scroll .slide-frame a:hover,
.content-scroll .slide-frame a:active{    
    background-color: black;
    color: white;
    border-color: white;
}

.image-scroll .slide-frame a:link,
.image-scroll .slide-frame a:visited{
    padding:  var(--gutter);
    display: block;
    height: 100%;
    padding-right: 0;
}

.image-scroll .slide-frame:last-child a:link,
.image-scroll .slide-frame:last-child a:visited{
    padding-right: var(--gutter);
}

video.large-banner,
.large-banner img{
    width: 100%;
    height: auto;
    display: block;
}

.masonry-grid-item.banner-item{
    padding: 0;
}

.sticky-post img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sticky-post-thumbnail{
    width: calc(66.66% + 1px);
}

.masonry-grid-item.banner-item img{
    width: 100%;
    height: auto;
}
.masonry-grid-item.banner-item img.hover{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
.masonry-grid-item.banner-item:hover img.hover{
    opacity: 1;
}

.large-banner{
    position: relative;
}

.large-banner img.hover{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.large-banner a:hover img.hover{
    opacity: 1;
}

.post-page .subtitle{
    margin-bottom: var(--gutter);
}

.param-list{
    list-style-type: none;
    margin: 0;
}

.param-list li{
    margin-bottom: var(--big-gutter);
}

.param-list li:last-child{
    margin-bottom: 0;
}

.post-page .post-content-row{
    padding-top: var(--gutter);
    padding-bottom:  var(--gutter);
    border-bottom: 1px solid black;
}

.post-page .post-content-row.page-content{
    padding-top: 0;
}

.post-page .post-header{
    padding-top: 13px;
}

.post-page .post-content-row:last-child{
    border-bottom: 0;
}

.post-page .post-content-row.with-readmore{
    padding-bottom: 0;
}

.post-content-row h2{
    text-transform: uppercase;
    font-size: 1em;
    margin-bottom: 13px;
    font-weight: 600;
}

.post-content{
    --big-gutter: 36px;
}

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

.post-content p:last-child{
    margin-bottom: 0;
}

.post-content figure:last-child,
.post-content iframe:last-child{
    margin-bottom: 0;
}

.post-content a{
    word-break: break-all;
}

.wp-block-quote {
    padding-left: 116px;
    background: url(/wp-content/themes/archfondas/images/icons/quote.svg ) top 0px left 42px no-repeat;
    background-size: 55px;
    margin: var(--big-gutter) 0;
}

.wp-block-quote p:last-of-type{ margin-bottom: 0;}

.wp-block-quote cite{
    display: block;
    text-align: right;
}

.wp-block-image.post-thumbnail{
    margin-bottom: 0;
}

.wp-block-image figcaption,
.wp-block-gallery figcaption{
    font-size: 0.86em;
    line-height: 1.1;
    margin-top: 18px;
    margin-bottom: 34px;
}

figcaption.blocks-gallery-caption{
    margin-top: 10px;
    margin-bottom: 0;
}

.wp-block-image.post-thumbnail figcaption{
    margin-bottom: 0;
}

.wp-block-gallery.has-nested-images figure.wp-block-image figcaption{
    display: none;
}

.post-content .wp-block-separator{
    margin-right: calc(0px - var(--gutter));
    margin-left: calc(0px - var(--gutter));
    opacity: 1;
    border-bottom: 0;
}

.post-content .wp-block-embed__wrapper {
    padding-top: 75%;
}

.post-content .wp-embed-aspect-16-9 .wp-block-embed__wrapper{
    padding-top: 56.25% !important;
}

.post-content .wp-block-embed__wrapper:before{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: none;
    border-left: 1px solid white;
    border-right: 1px solid white;
  }

.post-content .wp-block-embed iframe {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.post-content .wp-block-image img.portrait{
    max-width: 50%;
    height: auto;
}

.post-content>iframe{
    margin-bottom: var(--big-gutter);
}

.wp-block-image.post-logo{
    padding-top: 17px;
    padding-bottom: 17px;
    margin-bottom: 0;
}

.wp-block-image.post-cover{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    margin-bottom: 0;
}

.cover-video-container{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
}

.cover-video-container .cover-video{
    width: 100%;
    padding-top: 56.25%;
    position: relative;
}

.cover-video-container .cover-video iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.wp-block-image.post-logo img{
    width: 228px;
    height: auto;
}

.wp-block-image.post-logo img.vertical{
    width: auto;
    height: 98px;
}

.af-post-sideshow{ position: relative; }

.masonry-grid-item .post-thumbnail img{
    display: block;
}

.masonry-grid-item.collection-item .post-thumbnail{
    width: 100%;
    margin-bottom: 14px;
}

.masonry-grid-item.collection-item h3,
.masonry-grid-item.collection-item .item-links-block{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    margin-bottom: 0;
}

.footnote_index_arrow{
    display: none;
}

.footnote_backlink{
    font-size: 0.8em;
    margin-top: -5px;
    display: block;
}
.footnote_plugin_index_combi{
    width: 25px;
}

.footnote_tooltip_continue {
    font-style: normal;
    color: black;
    text-decoration: underline!important;
    cursor: pointer;
    white-space: nowrap;
}
.footnote_tooltip_continue:hover {
    color: #fff;
    background-color: black;
}

.post-content-row.inverted{
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: white;
}

.slideshow,
.photoshow{ 
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background: rgba(255, 255, 255, .9);
    display: none;
}

.slideshow-gallery{
    margin-top: 50px;
    height: calc(100vh - 100px);
}

.gallery-slide{
    width: calc(100vw - 300px);
    height: calc(100vh - 100px);
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.gallery-slide img{
    max-width: calc(100vw - 300px);
    max-height: calc(100vh - 102px);
    width: auto;
    height: auto;
}

.gallery-slide img.vertical{
    max-height: 100%;
    width: auto;
}

.gallery-slide-container{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    max-height: 100%;
}

.gallery-slide .gallery-image{
    border: 1px solid black;
    position: relative;
    display: table;
}

.slide-count{
    padding: 15px var(--gutter) 14px;
    width: 100px;
    float: right;
    text-align: right;
}

.caption-row{
    position: relative;
    background:rgba(255, 255, 255, .5);
/*    display: flex;*/
    border: 1px solid black;
    max-width: 100%;
    display: table-caption;
    caption-side: bottom;
    border-top: 0;
}

.caption-row .caption{
    padding: 15px 0 10px var(--gutter);
    /*flex: 1;*/
    width: calc(100% - 100px);
    float: left;
}    

.close-slideshow-button,
.close-photoshow-button,
.close-popup-button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close{
    background-color: none;
    border: 0;
    background: url(/wp-content/themes/archfondas/images/icons/x.svg) center center no-repeat !important;
    background-size: contain;
    width: 25px;
    height: 25px;
    position: absolute;
    top: var(--big-gutter);
    right: var(--big-gutter);
}

side{
    position: fixed;
    width: calc((var(--container-width) / 4));
    left: calc(50% - (var(--container-width) / 2));
/*    border-right: 1px solid black; */
    border-left: 1px solid black;
    z-index: 2;
}
side.with-scroll{
    max-height: calc(100vh - 230px);
    overflow-y: auto;
}

side.with-scroll::-webkit-scrollbar,
.popup-container .text::-webkit-scrollbar,
.moove-gdpr-tab-main-content::-webkit-scrollbar,
.moove-gdpr-tab-content::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    margin: 0;
}
  
  /* Track */
side.with-scroll::-webkit-scrollbar-track,
.popup-container .text::-webkit-scrollbar-track,
.moove-gdpr-tab-main-content::-webkit-scrollbar-track,
.moove-gdpr-tab-content::-webkit-scrollbar-track {
    background: #efefef; 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}

  /* Handle */
side.with-scroll::-webkit-scrollbar-thumb,
.popup-container .text::-webkit-scrollbar-thumb,
.moove-gdpr-tab-main-content::-webkit-scrollbar-thumb,
.moove-gdpr-tab-content::-webkit-scrollbar-thumb {
    background: #000; 
}
  
  /* Handle on hover */
side.with-scroll::-webkit-scrollbar-thumb:hover,
.popup-container .text::-webkit-scrollbar-thumb:hover,
.moove-gdpr-tab-main-content::-webkit-scrollbar-thumb:hover,
.moove-gdpr-tab-content::-webkit-scrollbar-thumb:hover {
    background: #000; 
}

/* Turn on a 13x13 scrollbar */
/*::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}*/

project-nav,
international-project-nav{
    width: 100%;
    display: none;
}
project-nav.open,
international-project-nav.open{
    display: block;
}

project-nav ul,
international-project-nav ul{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
project-nav ul li,
international-project-nav ul li{
    width: 25%;
    border-bottom: 1px solid black;
    border-right: 1px solid black;
}

project-nav ul li:nth-of-type(4n),
international-project-nav ul li:nth-of-type(4n){
    border-right: 0;
}

project-nav ul li a,
international-project-nav ul li a{
    display: flex;
    width: 100%;
    height: 100%;
    padding: var(--gutter);
    align-items: center;
    justify-content:center;
    flex-direction: column;
    text-align: center;
    text-decoration: none;
    height: 246px;
    transition: all .1s;
}

project-nav .img-constraint,
international-project-nav .img-constraint{
    padding: 23px 27px;
    width: 100%;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

project-nav .subtitle,
international-project-nav .subtitle{
    width: 100%;
    text-align: center;
    display: none;
    line-height: 1;
}

project-nav ul li a img,
international-project-nav ul li a img{
    margin: auto;
}

project-nav ul li a img,
international-project-nav ul li a img{
    width: 100%;
    max-width: 248px;
    height: auto;
}

project-nav ul li a img.vertical,
international-project-nav ul li a img.vertical{
        height: 100%;
    max-height: 139px;
    width: auto;
}

project-nav ul li a:hover,
project-nav ul li a:active,
international-project-nav ul li a:hover,
international-project-nav ul li a:active{
    background-color: white;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}
project-nav ul li a:hover .subtitle,
project-nav ul li a:active .subtitle,
international-project-nav ul li a:hover .subtitle,
international-project-nav ul li a:active .subtitle{
    display: block;
}
.view-all:link,
.view-all:visited{
    font-size: 2.4em;
    line-height: 1;
    padding: var(--gutter);
    display: flex;
    align-items: flex-end;
    text-transform: uppercase;
    font-weight: 600;
}

project-nav ul li.short-line a{
    max-height: 106px;
}

project-nav ul li:last-of-type,
international-project-nav ul li:last-of-type{
    flex: 1;
    border-right: 0;
}
project-nav ul li:last-of-type a:link,
project-nav ul li:last-of-type a:visited,
international-project-nav ul li:last-of-type a:link,
international-porject-nav ul li:last-of-type a:visited{
    justify-content: left;
    align-items: flex-start;
}

project-nav ul li:last-of-type a:link div,
project-nav ul li:last-of-type a:visited div,
international-project-nav ul li:last-of-type a:link div,
international-project-nav ul li:last-of-type a:visited div{
    margin-top: auto;
}

h1.tag-page-title{
    font-size: 1em;
    margin: 0;
    padding: 0;
    line-height: 1em;
    font-weight: 500;
}

h1.collection-page-title{
    font-size: 1.87em;
    line-height: 1;
    padding-bottom: var(--gutter);
    margin: 0;
}
h1.credit-page-title,
.calendar-row h2{
    font-size: 1.87em;
    line-height: 1;
    padding-bottom: 0;
    margin: 0;
}

.calendar-archive-row h2{
    font-size: 1.43em;
    line-height: 1;
    padding-bottom: 0;
    margin: 0;
}

.creditor-description-row{
    flex: 1;
}

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

.tag-post-content{
    margin-top:var(--big-gutter);
}

a.call-to-action:link,
a.call-to-action:visited{
    text-align: right;
    text-decoration: none;
    display: block;
    font-size: 1.87em;
    line-height: 1;
    padding-bottom: 14px;
    padding-top: 10px;
}

a.call-to-action svg{
    width: 37px;
    height: auto;
}

a.call-to-action:hover svg path{
    stroke: white;
}

.calendar-row{
    min-height: 440px;
}

.calendar-row .tags,
.calendar-archive-row .tags{
    margin-top: var(--gutter);
}

.calendar-archive-row{
    min-height: 330px;
}

.calendar-row a:link,
.calendar-row a:visited,
.calendar-archive-row a:link,
.calendar-archive-row a:visited{
    text-decoration: none;
    padding-right: 0;
    display: flex;
}

.calendar-row a:hover,
.calendar-row a:active,
.calendar-archive-row a:hover,
.calendar-archive-row a:active{
    background-color: black;
    color: white;
}

.calendar-row .tags span,
.calendar-archive-row .tags span{
    text-decoration: underline;
    margin-right: var(--gutter);
    white-space: nowrap;
}

.calendar-row .calendar-info,
.calendar-archive-row .calendar-info{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    padding-right: var(--gutter);
}

.date-144,
.calendar-archive-row .date-144{
    font-size: 144px;
    line-height: 1;
    font-family: 'Space Mono', monospace;
    margin-bottom: 21px;
    margin-top: 4px;
}

.calendar-archive-row .date-144{
    font-size: 100px;
}

.date-104,
.calendar-archive-row .date-104{
    font-size: 104px;
    line-height: 1;
    font-family: 'Space Mono', monospace;
    margin-top: 10px;
    margin-bottom: 26px;
}
.calendar-archive-row .date-104{
    font-size: 72px;
}

.date-72,
.calendar-archive-row .date-72{
    font-size: 72px;
    line-height: 1;
    font-family: 'Space Mono', monospace;
    margin-top: 16px;
    margin-bottom: 27px;
}

.calendar-archive-row .date-72{
    font-size: 50px;
}

.calendar-row .calendar-image,
.calendar-archive-row .calendar-image,
.project-image{
    position: relative;
}

.calendar-row .shadow,
.calendar-archive-row .shadow,
.project-image .shadow{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 14.8468V11.3874L19.425 0L18.2 1.15315L33.075 11.964V12.2523L0 12.2523L0 13.8378L33.075 13.8378V14.1261L18.2 24.9369L19.425 26.0901L35 14.8468Z' fill='white'/%3E%3C/svg%3E");
    background-repeat:no-repeat;
    background-size: 105px 78px;
    background-position: bottom var(--gutter) right var(--gutter);
    display: none;
}

.calendar-archive-row .shadow{
    background-size: 73px 54px;
}

.calendar-row a:hover .shadow,
.calendar-row a:active .shadow,
.calendar-archive-row a:hover .shadow,
.calendar-archive-row a:active .shadow,
.project-list-item:hover .shadow,
.project-list-item:active .shadow{
    display: block;
}

.alt-row{
    margin-left: calc(-1 * var(--gutter) );
    margin-right: calc(-1 * var(--gutter));
}

.contact-content{
    margin-top: -1px;
}

h2.framed,
.contact-content h2{
    font-size: 1.87em;
    line-height: 1;
    text-transform: none;
    padding-top: 3px;
    padding-bottom: 14px;
    border-bottom: 1px solid black;
    margin-bottom: var(--gutter);
    border-top: 1px solid black;
}

.page-content h3{
    line-height: 1.1;
}

.page-content .wp-block-columns{
    gap: 0;
    margin-bottom: -1px;
}

.page-content .wp-block-columns{
    padding: 0;
}

.page-content .wp-block-columns.framed-cols{
    border-bottom: 1px solid black;
}

.page-content .wp-block-columns:first-of-type{
    margin-top: calc(-1 * var(--gutter));
}

.page-content .wp-block-columns .wp-block-column{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}

.page-content .wp-block-columns .wp-block-column:last-child{ flex: 1;}

.page-content .wp-block-columns.framed-cols .wp-block-column:nth-child(2n+1){
    border-right: 1px solid black; 
}

.page-content .wp-block-columns .wp-block-column p:last-of-type{
    margin-bottom: 0;
}

.page-content .wp-block-columns.framed-cols .wp-block-image{
    margin-bottom: 0;
}

.wp-block-column.with-call-to-action{
    display: flex;
    flex-direction: column;
}

.wp-block-column.with-call-to-action p:last-of-type{
    flex: 1;
    padding-bottom: var(--gutter);
}

.wp-block-column.with-call-to-action .call-to-action{
    margin-left: calc(-1 * var(--gutter));
    margin-bottom: calc(-1 * var(--gutter));
    width: calc(100% + (2 * var(--gutter)));
    border-top: 1px solid black;
}

.wp-block-column.with-call-to-action .wp-block-button {
    display: block;
    width: 100%;
}

.wp-block-column.with-call-to-action a.wp-block-button__link:link,
.wp-block-column.with-call-to-action a.wp-block-button__link:visited{
    border-radius: 0px;
    display: block;
    background-color: white;
    color: black;
    text-transform: uppercase;
    font-size: 1.74em;
    text-align: right;
    font-weight: 500;
    padding: 3px var(--gutter) 7px;
    position: relative;
    padding-right: calc(45px + var(--gutter));
}

.wp-block-column.with-call-to-action .wp-block-button a.wp-block-button__link:after{
    display: block;
    width: 37px;
    height: 37px;
    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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='black' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='black' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
    background-size: 37px;
    background-position: center center;
    background-repeat: no-repeat;
    content: ' ';
    position: absolute;
    top: calc(50% - 15px);
    right:var(--gutter);
}

.wp-block-column.with-call-to-action a.wp-block-button__link:hover,
.wp-block-column.with-call-to-action a.wp-block-button__link:active{
    background-color: black;
    color: white;
}

.wp-block-column.with-call-to-action a.wp-block-button__link:hover:after{
    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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='white' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='white' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
}

.about-partner-cols:first-of-type{ padding-top: 20px; }
.about-partner-cols:last-of-type{ padding-bottom: 20px; }

.page-content h2 ~ p{
    margin-bottom: var(--gutter);
}

.contact-content a:link,
.contact-content a:visited{
    text-decoration: underline;
}

.contact-content a:hover,
.contact-content a:active{
    background-color: black;
    color: white;
}

ul.team-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--gutter));
}

ul.team-list li {
    width: calc(25% - (2 * var(--gutter)));
    margin-right: var(--gutter);
    margin-left: var(--gutter);
    margin-bottom: var(--gutter);
    margin-top: var(--gutter);
}

ul.team-list li .photo{
    width: 100%;
    padding-top: 150%;
    margin-bottom: 11px;
}

.alphabet-list-container{
    overflow: hidden;
}

ul.alphabet-list{
    list-style-type: none;
    margin: 0;
    padding: 0;
    columns: 4;
    -webkit-columns: 4;
    -moz-columns: 4;
    column-gap: 0;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-width: 25%;
    -moz-column-width:	25%;
    -webkit-column-width: 25%;
    column-rule: 1px solid black;
}
ul.alphabet-list.filler{
    height: var(--gutter);
}

ul.alphabet-list li{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    padding-bottom: var(--gutter);
}

ul.alphabet-list.filler li{
    padding-bottom: 0;
}

h2.friends-title{
    margin: 0;
}

a.past-events-link:link,
a.past-events-link:visited{
    font-size: 1.87em;
    text-align: right;
    text-decoration: none;
    padding-bottom: 3px;
    margin-left: calc(-1 * var(--gutter));
    margin-right: calc(-1 * var(--gutter));
    display: block;
    padding-right: var(--gutter);
}

.loader{
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23ffffff' stroke-width='1' r='20' stroke-dasharray='94.24777960769379 33.41592653589793'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='2s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");    background-position: center center;
    background-size: 150px;
    background-repeat: no-repeat;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
}

.content-loader{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto; background: none; display: block; shape-rendering: auto;' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3E%3Ccircle cx='50' cy='50' fill='none' stroke='%23000000' stroke-width='1' r='20' stroke-dasharray='94.24777960769379 33.41592653589793'%3E%3CanimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='2s' values='0 50 50;360 50 50' keyTimes='0;1'%3E%3C/animateTransform%3E%3C/circle%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 150px;
    min-height: 150px;
    position: fixed;
    display: none;
}

.view-more-posts{
    display: flex;
    align-items: flex-end;
}

ul.filters li:hover{
    border-bottom: 1px solid black;
}

ul.filters li.header{
    padding-left: var(--gutter);
    padding-right: 15px;
    display: flex;
    justify-content: space-between;
    padding-top: 10px;
    padding-bottom: 10px;
}

.reset-filters-button{
    font-size: 1em;
    line-height: 1em;
    font-weight: 500;
    background-color: white;
    border: 0;
    text-decoration: underline;
    display: none;
}

.reset-filters-button.displayed{
    display: block;
}

.apply-filters-button,
.filter-button{
    background-color: white;
    border: 0;
    width: 100%;
    height: 50px;
    font-size: 1em;
    line-height: 1;
    font-weight: 500;
    padding-left: var(--gutter);
    text-align: left;
    text-transform: uppercase;
    padding-right: var(--big-gutter);
    display: block;
}

.filter-button{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='black'/%3E%3C/svg%3E");
    background-position: center right 15px;
    background-repeat: no-repeat;
    background-size: 25px 22px;
    border-bottom: 1px solid transparent;
}

.filter-button:hover{
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='white'/%3E%3C/svg%3E");
}

.filter-button.open{
    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 20 23' style='enable-background:new 0 0 20 23;' xml:space='preserve'%3E%3Cpath d='M0,10.2L0.9,11l8.3-9.8h0.2V23h1.2V1.3h0.2l8.3,9.8l0.9-0.8L11.3,0H8.6L0,10.2z' fill='white' /%3E%3C/svg%3E%0A");
    background-color: black;
    color: white;
}
.filter-button.with-border:not(.open){
    border-bottom: 1px solid black;
}

.filter-category{
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: var(--gutter);
    padding-left: var(--gutter);
    padding-right: 15px;
    display: none;
    padding-bottom: 17px;
}

.filter-category li,
ul.filters .filter-category li:hover{
    padding-bottom: 16px;
    border-bottom: 0;
    padding-right: 20px;
}

.filter-item-button{
    background-color: white;
    border: 0;
    font-size: 1em;
    line-height: 1;
    padding: 0;
    text-align: left;
}

.filter-item-button:hover{
    text-decoration: underline;
}

.filter-item-button.selected{
    text-decoration: underline;
}

.filter-item-button.selected:after{
    content: ' x';
    position: absolute;
    padding-left: 15px;
}

.filter-item-button.disabled{
    pointer-events: none;
    color: #c0c0c0;
}

.contact-content .wp-block-columns{
    padding-right: 0;
    padding-left: 0;
    gap: 0;
}

.contact-content .wp-block-column{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}

.map-col{
    margin-top: calc(-1 * var(--gutter)) ! important;
    padding-right: 0 ! important;
    padding-left: 0 ! important;
    border-left: 1px solid black;
}

.contact-three-col{
    border-top: 1px solid black;
    gap: 0 ! important;
}

h2 + .contact-three-col{
    margin-top: calc(-1 * var(--gutter));
    border-top: 0;
}

.contact-three-col .wp-block-column{
    padding-top: var(--gutter);
    border-right: 1px solid black;
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}

.contact-three-col .wp-block-column:nth-of-type(4n-1){
    border-right: 0;
}

.wp-block-column.empty{
    background-color: #efefef;
}
#contactForm{
    padding-right: 0;
    padding-left: 0;
}

.contact-form{
    display: flex;
    flex-wrap: wrap;
}

.contact-form textarea{
    border: 0;
    border-bottom: 1px solid black;
    border-radius: 0;
    width: 100%;
    height: 200px;
    display: block;
    padding-right: var(--gutter);
    padding-left: var(--gutter);
}

.contact-form input[type="text"]{
    border: 0;
    border-radius: 0;
    border-right: 1px solid black;
    width: calc(100% - 215px);
    font-size: 1.43em;
    line-height: 1.15;
    padding: 10px var(--gutter) 12px;
    text-align: center;
}

.contact-form button[type="submit"]{
    background-color: white;
    text-transform: uppercase;
    font-size: 1.82em;
    line-height: 1;
    padding: 0 var(--gutter);
    border: 0;
    flex: 1;
    margin-top: -4px;
    position: relative;
    padding-right: 65px;
}
.contact-form button[type="submit"]:hover{
    background-color: black;
}

.contact-form-row{
    width: 100%;
    display: flex;
    overflow: hidden;
}

.error,
.error::placeholder{
    color: red;
}

.error-text{
    display: none;
    color: red;
}

#message-sent{
    border-top: 1px solid black;
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    text-align: center;
    display: none;
}

date-filter{
    position: fixed;
    width: 100%;
    z-index: 1;
}

date-filter .row{
/*    margin-right: calc((-1 * var(--gutter)) + 1px);*/
}
date-filter .filter-button{
    border-top: 1px solid white;
    border-left: 1px solid black;
}

#filter-calendar{
    position: relative;
}

.view-more-posts-dummy{
    display: none;
}

.no-results{
    padding: var(--gutter) 0;
    display: none;
    min-height: calc(100vh - 230px);
}

.filter-padding{
    padding-top: 50px;
}

search{
    width: 100%;
    display: none;
}

.treasury search{
    display: block;
    height: 100px;
}

.treasury header.shrinked search{
    height: 75px;
}

.treasury header.shrinked #search-query{
    padding-top: 12px;
    padding-bottom: 12px;
}

search .container{
    background-color: black;
    height: 100%;
    padding: 0 var(--gutter);
    position: relative;
}

#search-query{
    flex: 1;
    background-color: black;
    color: white;
    padding: 16px var(--gutter) 16px 0;
    border: 0;
    font-size: 1em;
    font-size: 1.43em;
}

.treasury #search-query{
    padding: var(--gutter);
    padding-left: 0;
}

#search-query::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c0c0c0;
    opacity: 1; /* Firefox */
    font-weight: 500;
}

#search-submit-button{
    background-color: black;
    border: 0;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='35' height='27' viewBox='0 0 35 27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M35 14.8468V11.3874L19.425 0L18.2 1.15315L33.075 11.964V12.2523L0 12.2523L0 13.8378L33.075 13.8378V14.1261L18.2 24.9369L19.425 26.0901L35 14.8468Z' fill='white'/%3E%3C/svg%3E");
    background-size: 35px;
    background-position: center center;
    background-repeat: no-repeat;
    display: none;
    min-width: 35px;
}

.treasury #search-submit-button{
    padding: 0 var(--gutter);
    width: 83px;
}

form{
    padding: 0;
    margin: 0;
    width: 100%;
}
#search-form{
    display: flex;
    height: 100%;
    align-items: center;
}

#content-post-list-container{
    padding-top: 150px;
}

#reset-search-button{
    background-color: transparent;
    border: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='1.4726' x2='25.8306' y2='26.7728' stroke='white' stroke-width='1.5'/%3E%3Cline x1='1.27446' y1='26.9549' x2='26.392' y2='1.47336' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
    width: 83px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: calc(-1 * var(--gutter));
    display: none;
    border-left: 1px solid white;
}
#reset-search-note,
#submit-search-note{
    position: absolute;
    background-color: white;
    bottom: -16px;
    right: 50px;
    border: 1px solid black;
    padding: 0 20px 4px;
    display: none;
}

#submit-search-note{
    right: 133px;
}

header.shrinked search.simple{
    position: fixed;
    top:0;
    left: 0;
    border-bottom: 1px solid white;
}

header.shrinked search.simple #reset-search-button{
    display: block;
}

header.shrinked #search-submit-button{
    padding-right: var(--gutter);
    padding-left: var(--gutter);
    width: 83px;
}

.shrinked-nav-buttons{
    display: none;
}

header.shrinked .shrinked-nav-buttons{
    display: flex;
}

.project-slider img{
    max-width: 112px;
    max-height: 75px;
    display: block;
    margin: 0 auto;
}

.project-slider .slide-frame:last-of-type:hover:after{
    width: 2px;
    background-color: white;
    position: absolute;
    content: ' ';
    right: -2px;
    top: 0;
    height:100%;
}

.project-slider.sliding .slide-frame{
    width: 12.5%;
}

.page-content .invert:hover{
    background-color: white;
    -webkit-filter: invert(100%);
    filter: invert(100%);
}

.opay-row{
    display: flex;
    border-top: 1px solid black;
}
.opay-row:first-of-type{
    border-top: 0;
}

.opay-row .amount{
    width: 12%;
    border-right: 1px solid black;
    font-size: 2em;
    padding: var(--gutter);
    text-align: center;
    cursor: pointer;
}

.opay-row .amount.highlighted,
.opay-row .amount:hover{
    background-color: black;
    color: white;
}

#own-amount{
    width: 100%;
    height: 100%;
    border: 0;
    padding: var(--gutter);
    font-size: 2em;
    text-align: center;
}
#own-amount::placeholder{
    color: black;
    text-transform: uppercase;
}

.own-amount.highlighted #own-amount::placeholder{
    color: white;
}

.own-amount.highlighted #own-amount{
    background-color: black;
    color: white;
}

.own-amount{ flex: 1; }

#donor-email::placeholder{
    color: black;
}
#donor-email{
    width: calc(100% - 250px);
    height: 100%;
    border: 0;
    padding: var(--gutter);
    text-align: center;
    font-size: 1.3em;
}

a.donate:link,
a.donate:visited{
    text-transform: uppercase;
    font-size: 2em;
    text-decoration: none;
    flex: 1;
    border-left: 1px solid black;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
}

a.donate svg{
    width: 37px;
    height: auto;
    margin-bottom: -12px;
}

a.donate:hover svg path{
    stroke: white;
}

.opay .error-text{
    border-top: 1px solid black;
    padding: var(--gutter);
}

.no-results{
    padding: calc(2 * var(--big-gutter));
    text-align: center;
    font-size: 1.87em;
    line-height: 1;
}

.volunteer-posts-container{
    margin-top: calc(-1 * var(--gutter));
    display: flex;
    padding: 0;
    flex-wrap: wrap;
}

.volunteer-posts-container .interim-post,
.volunteer-posts-container .subscribe-to-volunteer{
    padding: var(--gutter);
    position: relative;
}

.volunteer-posts-container .subscribe-to-volunteer{
    padding-bottom: calc(6px + var(--gutter)) ! important;
}

.volunteer-posts-container .volunteer-post{
    padding: var(--gutter);
    padding-top: 14px;
}

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

.volunteer-post:hover{
    background-color: black;
}

.volunteer-post:hover a:link,
.volunteer-post:hover a:visited{
    background-color: black;
    color: white;
}

.subscribe-to-volunteer a:link,
.subscribe-to-volunteer a:visited{
    font-size: 1.9em;
    line-height: 1.1;
    margin-bottom: 0px;
    display: flex;
    align-items: flex-end;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    height: 100%;
}

.otgs-development-site-front-end{
    display: none ! important;
}

.form-control:focus {
    outline: 0;
    box-shadow: none;
    border-color: inherit;
    border-radius: 0;
    z-index: 3;
}

.contribute-projects{
    margin-top: calc(-1 * var(--gutter));
}

.contribute-projects.feed-container{
    overflow: hidden;
}

.contribute-projects .date{
    padding-bottom: 1px;
}

#mlb2-9281659-privacy-policy,
#mlb2-9281662-privacy-policy,
#newsletter-popup{
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(255, 255, 255, 0.8);
    bottom: 0;
    right: 0;
    z-index: 10;
    justify-content: center;
    align-items: center;
}
.popup{
    display: none;
}
.popup-container{
    width: 60%;
    max-height: 70vh;
    top: 15vh;
    border: 1px solid black;
    background-color: white;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    position: relative;
    margin: auto;
    align-items: center;
}

.popup-container h2{
    font-size: 1.78em;
    padding: calc(var(--gutter)/2) var(--gutter);
    text-transform: uppercase;
    border-bottom: 1px solid black;
    width: 100%;
    margin-bottom: 0;
}

.popup-container .text{
    overflow-y: scroll;
    padding: var(--gutter);
    flex: 1;
}

.popup-container .text a:hover{
    background-color: black;
    color: white;
}

.popup-container button{
    border: 1px solid black;
    background-color: black;
    color: white;
    font-size: 2.08em;
    line-height: 1.1;
    text-transform: uppercase;
    padding: var(--gutter);
    padding-bottom: 30px;
    width: 100%;
}

.popup-container .form-row button{
    width: 40%;
    padding-bottom: 25px;
    padding-top: 15px;
    background-color: white;
    color: black;
    border: 0;
    border-left: 1px solid black;
}

.popup-container .form-row button:disabled,
.popup-container .form-row button:disabled:hover{
    background-color: white;
    color: black;
    font-size: 1em;
    line-height: 1.3;
}

.popup-container .form-row button.loading .loader{
    display: block;
}

.popup-container button:hover{
    text-decoration: underline;
}

.popup-container .form-row button:hover{
    background-color: black;
    color: white;
    text-decoration: none;
}

.close-popup-button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close{
    background-color: transparent!important;
    width: 22px ! important;
    height: 22px;
    background-size: contain;
    border: 0!important;
    top: 0;
    right: calc(-2 * var(--gutter));
    padding: 0 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close{
    height: 22px !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close span.gdpr-icon { display: none !important; }

#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
    border-radius: 0 !important;
    border: 1px solid black;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
    width: 33.33% !important;
    padding: 0 !important;
    border-right: 1px solid black !important;
    box-shadow: none !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder {
    padding: 20px var(--gutter) !important;
    margin-bottom: 0 !important;
    border-bottom: 1px solid black !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li {
    margin-bottom: 0 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button {
    border: 0 !important;
    border-bottom: 1px solid black !important;
    border-radius: 0 !important;
    padding: 14px var(--gutter) 20px !important;
    font-size: 1.43em !important;
    line-height: 1 !important;
    font-weight: 600 !important;
    color: #000 !important;
    background-color: #fff !important;
    transition: none !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button:hover {
    background-color: #000 !important;
    color: #fff !important;
    border-color: #fff ! important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt {
    left: var(--gutter) !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt a{
    padding: 0 !important;
    font-size: .7em !important;
    letter-spacing: inherit ! important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
    width: 66.666% !important;
    padding: 0 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-content{
    background-color: white !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title{
    font-size: 1.78em !important;
    padding: 14px var(--gutter) 20px !important;
    border-bottom: 1px solid black !important;
    margin-bottom: 0 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
    height: auto !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder {
    padding: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
    margin: 0 !important;
    width: 50% !important;
    border: 0 !important;
    border-top: 1px solid black !important;
    background-color: white !important;
    color: black !important;
    font-size: 2.08em;
    line-height: 1;
    text-transform: uppercase;
    font-weight: 600;
    transition: none;
    padding: var(--gutter) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton:hover{
    background-color: black !important;
    color: white !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content .moove-gdpr-button-holder  button.mgbutton.moove-gdpr-modal-allow-all{
    border-right: 1px solid black !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content:before{
    display: none !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content p {
    font-size: 1em !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-tab-main-content {
    padding: var(--gutter) !important;
}

.popup-container .consent-row{
    width: 100%;
    padding: var(--gutter);
}

.popup-container .consent-row label{
    display: flex;
    align-items: center;
}

input[type="checkbox"] {
    -webkit-appearance: none;
    appearance: none;
    margin: 0;
    font: inherit;
    width: 24px;
    height: 24px;
    border: 1px solid black;
    border-radius: 50%;
    transform: none;
    /* display: grid; */
    place-content: center;
    margin-right: 13px;
}

input[type="checkbox"]:checked{
    background-color: black;
}

.popup-container .form-row{
    display: flex;
    width: 100%;
}

.popup-container .form-row input{
    width: 60%;
    height: 100%;
    font-size: 1.3em;
    padding: var(--gutter);
    text-align: center;
    border: 0;
    min-height: 145px;
}
.popup-container .success-row{
    width: 100%;
    background-color: black;
    color: white;
    display: none;
}

.popup-container .success-row h4{
    text-transform: uppercase;
    height: 100%;
    font-size: 2.08em;
    line-height: 1.1;
    padding: 0 var(--gutter);
    text-align: center;
    border: 0;
    min-height: 145px;
    align-items: center;
    display: flex;
    margin-bottom: 0;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme {
    background-color: #000 ! important;
    border-top: 0 ! important;
}

#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p, 
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content p a {
    font-size: 23px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    font-family: var(--font-family);
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container {
    max-width: 1320px;
    padding: 15px var(--gutter) !important;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
#moove_gdpr_cookie_info_bar.moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a:hover{
    color: black !important;
    background-color: white;
}
#moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton {
    font-size: 23px !important;
    font-weight: 500 !important;
    text-decoration: underline !important;
    padding: 8px !important;
    font-family: var(--font-family);
}
#moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-reject-btn-alt, #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content a.mgbutton.moove-gdpr-infobar-settings-btn, #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-reject-btn-alt, #moove_gdpr_cookie_info_bar:not(.gdpr-full-screen-infobar).moove-gdpr-dark-scheme .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content button.mgbutton.moove-gdpr-infobar-settings-btn {
    box-shadow: none !important;
    opacity: 1 !important;
    color: #c0c0c0;
    border: 0 !important;
    margin: 0;
    margin-left: var(--gutter);
}

.page-guttenberg .featured-image{
    height: 491px;
}

.page-guttenberg h1{
    margin-top: var(--gutter);
    font-size: 3.13em;
    line-height: 1.1;
    padding-left: var(--gutter);
    padding-right: var(--gutter);
}

.page-guttenberg h2,
.page-guttenberg h3{
    line-height: 1.1;
}

.page-guttenberg .content{
    padding-left: var(--gutter);
    padding-right: var(--gutter);
    max-width: 950px;
    padding-bottom: var(--gutter)
}

.page-guttenberg .wp-block-button__link{
    font-size: 1.78em;
    text-decoration: underline;
    font-weight: 600;
    background: transparent;
    color: #000;
    padding: 0;
    text-align: left;
    border-radius: 0;
}

.page-guttenberg .wp-block-button__link:hover{
    background-color: black;
    color: white;
}

.wp-block-buttons{
    margin-bottom: var(--gutter);
}

.page-guttenberg ol, ul, dl{
    margin-bottom: var(--big-gutter);
}

.container.page-404{
    align-items: center;
    justify-content: center;
    flex: 1;
    display: flex;
}

.daterangepicker {
    border-right: 0;
}

.calendar-page .container{
    display: flex;
    flex-direction: column;
    /*min-height: calc(100vh - 230px);*/
    justify-content: space-between;
}

.calendar-archive-list{
    flex: 1;
}

.post-page img.size-full{
    width: 100%;
    height: auto;
    display: block;
}

.post-page .container.bottom-border:last-child{ border-bottom: 0; }

project-nav ul li:nth-child(4n), international-project-nav ul li:nth-child(4n) {
    width: calc(25% - 1px);
}
project-nav ul li:nth-child(4n+1), international-project-nav ul li:nth-child(4n+1) {
    width: 25%;
}

.read-more-content{
    display: none;
    padding-bottom: var(--big-gutter);
}

.read-more-button,
.read-less-button{
    margin-left: calc(-1 * var(--gutter));
    margin-right: calc(-1 *  var(--gutter));
    border: 0;
    border-top: 1px solid black;
    background-color: white;
    color: black;
    width: calc(100% + (2*var(--gutter)));
    text-align: left;
    font-size: 1.87em;
    line-height: 1;
    padding: 10px var(--gutter) 14px;
    text-transform: uppercase;
}

.read-less-button{ display: none; }

.tag-post-content .read-more-button,
.tag-post-content .read-less-button{
    border-bottom: 1px solid black;
}

.no-prev-next.slideshow-gallery .flickity-prev-next-button{
    display: none;
}

.treasury header.shrinked .shrinked-nav-buttons .button.search {
    display: none;
}

.daterangepicker td.available:not(.in-range):hover {
    background-color: #fff;
    border-color: transparent;
    color: inherit;
}

.daterangepicker td.last-in-range{
    background: linear-gradient(270deg, white 50%, #efefef 50%);    
}

.daterangepicker td.available:not(.active):hover:after {
    background-color: #efefef;
    width: 38px;
    height: 38px;
    border-radius: 19px;
    line-height: 38px;
    margin: 0 auto;
    content: attr(title);
    position: absolute;
    left: calc(50% - 19px);
    z-index: 0;
}

.daterangepicker td.no-after:after{
    display: none;
}

.daterangepicker td.off.start-date:after, 
.daterangepicker td.off.end-date:after {
    display: none;
}
.daterangepicker td.off.start-date,
.daterangepicker td.off.end-date{
    background: white;
}

.value-cards-container{
    padding-left: 37px;
    padding-right: 37px;
    padding-top: var(--gutter);
    display: flex;
    flex-wrap:wrap;
}

.value-cards-container div{
    margin: 0 25px 36px;
    width: calc(50% - 50px);
}

.value-cards-container img.back{
    display: none;
}

.value-cards-container div:hover img.front{
    display: none;
}
.value-cards-container div:hover img.back{
    display: block;
}

.footnote_tooltip {
    border-color: #000000 !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

input:focus::placeholder,
textarea:focus::placeholder{
    color: transparent ! important;
}

.scrollContainer{
    width: 100%;
    position: relative;
}

#animation-section{
    border-top: 1px solid black;
}

.contacts-submit-button:after{
    content: ' ';
    width: 37px;
    height: 37px;
    position: absolute;
    right: var(--gutter);
    top: calc(50% - 13px);
    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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='black' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='black' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
    background-size: 37px;
    background-repeat: no-repeat;
    background-position: center;
}

.contacts-submit-button:hover:after{
    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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='white' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='white' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
}

.daterangepicker .drp-buttons .btn.applyBtn {
    padding-right: 46px;
    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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='black' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='black' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: top 19px right var(--gutter);
}
.daterangepicker .drp-buttons .btn.applyBtn:hover{
    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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='white' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='white' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: top 19px right var(--gutter);
}

#contacts-map{
    height: 100%;
}

#contacts-infowindow{
    background: url(/wp-content/themes/archfondas/images/icons/contacts-map-infowindow.svg) center center no-repeat;
    background-size: contain;
    color: white;
    height: 102px;
    width: 122px;
    padding: 20px 13px;
}

#contacts-infowindow img{ width: 95px; height: auto; margin-bottom: 10px;}

#contacts-infowindow a:link,
#contacts-infowindow a:visited{ color: #ffffff; font-weight: 500; font-size: 13px;}

.gm-style .gm-style-iw-d {
    overflow: hidden !important;
}
.gm-style .gm-style-iw-c {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
    box-shadow: none;
}

.gm-style .gm-style-iw-tc {
    display: none;
}

.post-horizontal-thumbnail{
    padding-top: var(--gutter);
    border-top: 1px solid black;
    margin-top: var(--gutter);
}

#animation-for-safari{
    display: none;
}
#animation-for-safari.visible{
    display: block;
    max-width: 100%;
    height: auto;
}

.section-404{
    display: flex;
    min-height: calc(100vh - 230px);
    flex-direction: column;
}

.guess-list-container{
    background-color: black;
    padding-top: var(--gutter);
    padding-bottom: var(--big-gutter);
}

.guess-list-container ul{
    list-style-type: none;
    display: flex;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

.guess-list-container ul li{
    padding: var(--gutter) var(--gutter) 0 0;
}

.guess-list-container ul li a:link,
.guess-list-container ul li a:visited{
    color: #c0c0c0;
    text-decoration: underline;
}

.guess-list-container ul li a:hover{
    color: white;
}

.btn-check:focus + .btn, .btn:focus {
    outline: 0;
    box-shadow: none;
}

.project-slider a:link,
.project-slider a:visited{
    text-decoration: none;
}

a.project-list-item{
    border-bottom: 1px solid black;
}
a.project-list-item:last-child{
    border-bottom: 0;
}

a.project-list-item + .border-t{
    border-top: 0;
}

.section-404 search{ display: block; border-bottom: 0; }

.fill-up{ flex: 1;}

.gdpr_lightbox {
    background: rgba(255, 255, 255, 0.8) !important;
}

.opay-methods{
    padding: var(--gutter);
    border-bottom: 1px solid black;
    margin: 0;
}
table.payment-methods{
    width: 100%;
}
table.payment-methods tr{
    display: flex;
}
table.payment-methods td{
    width: 50%;
    padding: var(--gutter);
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    display: flex;
    justify-content: center;
    align-items: center;
}

table.payment-methods tr td:last-child{
    border-right: 0;
}
table.payment-methods tr:last-child td{
    border-bottom: 0;
}

#for-contribution{
    padding-top: var(--gutter);
    padding-bottom: var(--gutter);
    font-size: 1.3em;
    text-align: center;
}

.interim-post + .volunteer-post{ flex: 1;}

.project-slider .static-slider .slide-frame{
    position: relative !important;
    left: unset !important;
    transform: unset !important;
}

.wp-block-separator.has-alpha-channel-opacity{
    opacity: 1;
    border-bottom: 0;
}

.mobile-nav-burger,
.mobile-top-links,
.mobile-lang-switcher,
.hide-in-desktop,
.hide-in-desktop-and-tablet{
    display: none;
}

@media (min-width: 768px){
    ul.filters li.header.hide-in-desktop-and-tablet{
        display: none;
    }    
}

@media  (min-width: 1676px){
    :root {
        --container-width: 1660px;
    }
    .container{
        max-width: 1660px;
    }

    #animation-section{
        max-width: 1660px;
        margin: 0 auto;
        border-right: 1px solid black;
        border-left: 1px solid black;
        overflow: hidden;
    }

    #news-archive .offset-xl-3,
    .calendar-archive-list .offset-xl-3,
    .post-page .offset-xl-3 {
        margin-left: calc((var(--container-width) / 4) - 1px);
    }
    #news-archive .col-xl-9,
    .calendar-archive-list .col-xl-9,
    .post-page .col-xl-9 {
        width: calc(((var(--container-width) / 4) * 3) - 1px);
    }
}

@media (min-width: 1400px) and (max-width: 1675px){
    .content-scroll .slide-frame.af-collection-type {
        width: 600px;
    }
}

@media (max-width: 1675px ){
    :root {
        --container-width: 100%;
    }

    .container {
        max-width: 100%;
        border-right: 0;
        border-left: 0;
    }

    side {
        border-left: 0px;
    }

    .slide-frame.browse-all{
        width: 330px;
    }
}


@media (min-width: 1200px) and (max-width: 1399px){

    side {
        width: calc((var(--container-width) / 4));
        border-left: 0;    
    }
    .popup-container {
        width: 70%;
    }

    nav .menu a:link, nav .menu a:visited,
    .button.search { font-size: 1.2em; }

    .sticky-container .read-more { 
        font-size: 1.6em; 
    }

    .grid-commons .feed-archive-link:link, .grid-commons .feed-archive-link:visited,
    
    a.donate:link, a.donate:visited,
    #own-amount,
    .opay-row .amount,
    .popup-container button  {
        font-size: 1.8em; 
    }
    .view-all:link, .view-all:visited{
        font-size: 2em;
    }

    .subscribe-to-volunteer a:link, .subscribe-to-volunteer a:visited {
        font-size: 1.7em;
    }

    .date-72{ font-size: 70px; }

    .content-scroll .slide-frame.af-collection-type {
        width: 550px;
    }

}

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

    nav .menu a:link, nav .menu a:visited,
    .button.search {
        font-size: 1em;
    }

    nav .menu li {
        margin-right: 35px;
    }

    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button{
        font-size: 1.9em ! important;
    }
    .popup-container button,
    .popup-container .success-row h4{
        font-size: 1.9em;
    }

    #own-amount,
    a.donate:link, a.donate:visited,
    .opay-row .amount {
        font-size: 1.4em;
    }

    .subscribe-to-volunteer a:link, .subscribe-to-volunteer a:visited{
        font-size: 1.6em;
    }

    .popup-container .form-row button:disabled, .popup-container .form-row button:disabled:hover {
        font-size: 0.9em;
    }
    
    .date-72{
        font-size: 58px;
    }
    .date-104{
        font-size: 82px;
    }
    .date-144{
        font-size: 130px;
    }
    .calendar-archive-row .date-72 {
        font-size: 43px;
    }
    .calendar-archive-row .date-104 {
        font-size: 61px;
    }
    .calendar-archive-row .date-144 {
        font-size: 95px;
    }

    .slide-frame.browse-all{
        width: 300px;
    }

    .content-scroll .slide-frame.af-collection-type {
        width: 500px;
    }

}

@media (min-width: 768px) and (max-width: 1023px){

    .content-scroll {
        height: auto;
    }
    .content-scroll .slide-frame.af-collection-type {
        width: 100%;
        border-right: 0;
    }

    .grid-commons .feed-archive-link:link, .grid-commons .feed-archive-link:visited,
    .sticky-container .read-more,
    .slide-frame.browse-all a:link, .slide-frame.browse-all a:visited {
        font-size: 1.5em;
    }
    .slide-frame.browse-all {
        width: 100% ! important;
        border-top: 1px solid black;
        height: auto;
    }

    .logo {
        margin-top: var(--gutter);
        width: 330px;
        height: auto;
    }

    header .header-container{
        align-items: center;
        height: 140px;
    }

    .logo-link,
    header.shrinked .logo-link {
        margin-bottom: var(--gutter);
    }

    main {
        margin-top: 140px;
        min-height: calc(100vh - 140px);
    }

    .section-404 {
        min-height: calc(100vh - 140px);
    }

    .sticky-post-thumbnail {
        width: 100%;
        border-right: 0;
    }

    .sticky-container a{
        flex-direction: column;
    }

    .mobile-nav-burger{
        width: 100px;
        height: 100px;
        position: fixed;
        bottom: 80px;
        right: 16px;
        border-radius: 50%;
        background-color: black;
        z-index: 6;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='18' viewBox='0 0 36 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='17.5' x2='36' y2='17.5' stroke='white'/%3E%3Cline y1='8.5' x2='36' y2='8.5' stroke='white'/%3E%3Cline y1='0.5' x2='36' y2='0.5' stroke='white'/%3E%3C/svg%3E");
        background-position: center center;
        background-size: 52px;
        background-repeat: no-repeat;
        display: block;
        border: 0;
    }

    .mobile-nav-burger.open{
        background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='1.4726' x2='25.8306' y2='26.7728' stroke='white' stroke-width='1.5'/%3E%3Cline x1='1.27446' y1='26.9549' x2='26.392' y2='1.47336' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");        
        background-size: 32px;
    }

    header.shrinked .logo {
        display: block;
        margin-top: var(--gutter);
    }

    .shrinked-nav-buttons .button.search {
        width: 50px;
        height: 50px;
        background-size: 50px;
        display: block;
        margin-right: 0;
    }

    nav .menu a:link, nav .menu a:visited {
        font-size: 1.87em;
        padding: var(--gutter);
        width: 100%;
    }

    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
        width: 50% !important;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit {
         width: 40% !important;
    }

    search.simple {
        position: fixed;
        top: 0;
        left: 0;
        border-bottom: 1px solid white;
        height: 140px !important;
    }

    search.simple #reset-search-button {
        display: block;
        width: 93px;
    }
    #search-submit-button {
        min-width: 81px;
    }

    .date-72 {
        font-size: 55px;
    }
    .date-104 {
        font-size: 79px;
    }
    .date-144{
        font-size: 121px;
    }

    .calendar-archive-row .date-72 {
        font-size: 31px;
    }
    .calendar-archive-row .date-104 {
        font-size: 42px;
    }
    .calendar-archive-row .date-144 {
        font-size: 62px;
    }

    .calendar-page .container {
        min-height: calc(100vh - 140px);
    }
    .calendar-archive-row .date-104 {
        font-size: 59px;
    }

    #own-amount,
    .opay-row .amount,
    a.donate:link, a.donate:visited        {
        font-size: 1.3em;
    }

    .opay-row{
        flex-wrap: wrap;
    }

    .opay-row .amount{
        width: 20%;
    }

    .opay-row .amount:nth-child(5){
        border-right: 0;
    }

    .opay-row .own-amount{
        border-top: 1px solid black;
        width: 100%;
    }

    .subscribe-to-volunteer a:link, .subscribe-to-volunteer a:visited {
        font-size: 1.6em;
    }

    .popup-container button,
    .popup-container .success-row h4 {
        font-size: 1.8em;
    }
    .popup-container .form-row button:disabled, .popup-container .form-row button:disabled:hover {
        font-size: 0.85em;
    }

    .mobile-top-links a:link,
    .mobile-top-links a:visited,
    .mobile-top-links a:hover{
        padding: 0 20px;
        font-size: 1.3em;
    }

    project-nav ul li, international-project-nav ul li,
    project-nav ul li:nth-child(4n+1), international-project-nav ul li:nth-child(4n+1),
    project-nav ul li:nth-child(4n), international-project-nav ul li:nth-child(4n) {
        width: 33.33%;
    }
    project-nav ul li:nth-of-type(4n), international-project-nav ul li:nth-of-type(4n) {
        border-right: 1px solid black;
    }
    project-nav ul li:last-of-type, international-project-nav ul li:last-of-type {
        border-right: 0;
    }    
    project-nav ul li:nth-of-type(3n), 
    international-project-nav ul li:nth-of-type(3n),
    project-nav ul li:last-of-type {
        border-right: 0;
    }

    project-nav ul li.short-line a {
         max-height: unset;
    }

    .slide-frame.browse-all a:link, .slide-frame.browse-all a:visited {
        padding: var(--big-gutter) var(--gutter);
    }

    project-nav h2,
    international-project-nav h2{
        margin-bottom: 0;
        color: white;
        padding: var(--gutter);
        font-weight: 500;
        width: calc(100% - 55px);
    }

    .view-all:link, .view-all:visited {
        font-size: 1.5em;
    }

    .close-button{
        position: absolute;
        width: 32px;
        height: 32px;
        top: calc(50% - 16px);
        right: var(--gutter);
        background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='1.4726' x2='25.8306' y2='26.7728' stroke='white' stroke-width='1.5'/%3E%3Cline x1='1.27446' y1='26.9549' x2='26.392' y2='1.47336' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");        
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        border: 0;
    }

    .news-archive .masonry-grid {
        min-height: calc(100vh - 200px);
    }

    .filter-button {
        background-color: white;
        border: 0;
        width: 100%;
        height: 50px;
        font-size: 0.9em;
    }

    .side-nav li a.anchor-nav-button:not(.selected):hover,
    .side-nav li a.anchor-nav-button:not(.selected):active{
        background-color: white;
        color: black;
    }
    .side-nav li:hover {
        border-bottom: 1px solid black;
    }

    .last-line-underlined svg {
        width: 30px;
        margin-bottom: 3px;
    }

    .contribute-projects .masonry-grid-bar.bar1 {
        left: calc(50% - 1px);
    }

    a.donate svg {
        width: 28px;
        margin-bottom: -9px;
    }

    .map-col {
        border-left: 0;
    }

    .wp-block-columns.contact-three-col .wp-block-column {
        border-right: 0;
        border-bottom: 1px solid black;
    }
    .wp-block-columns.contact-three-col .wp-block-column:last-of-type{
        border-bottom: 0;
    }

    .contact-content .wp-block-columns + h2{
        margin-top: -1px;
    }

    #contacts-map {
        height: 400px;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
    }

    .wp-block-quote {
        padding-left: 75px;
        background: url(/wp-content/themes/archfondas/images/icons/quote.svg) top 0px left 0px no-repeat;
        background-size: 55px;
    }

    footer .sponsor-title-row{ display: none; }

    footer .sponsor-row h4 {
        margin-bottom: 33px;
        font-size: 1em;
        font-weight: 500;
        display: block ! important;
    }
    footer #sponsor-section .sponsor-list {
        flex-wrap: wrap;
    }
    footer #sponsor-section .sponsor-list li{
        width: 50%;
        align-items: flex-start;
        padding-top: var(--gutter)
    }
    footer #sponsor-section .textwidget img {
        margin-right: 0px;
    }
    
    .popup-container .form-row button {
        font-size: 1.2em;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content {
        transform: none !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
        font-size: 1.08em !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li button, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content #moove-gdpr-menu li.menu-item-selected button {
        font-size: 0.9em !important;
    }
}

@media (min-width: 768px) and (max-width: 1199px){
    footer .social-links {
        -webkit-columns: unset;
        -moz-columns: unset;
        columns: unset;
        display: flex;
        margin: var(--gutter) auto 0;
    }
    footer #sponsor-section .textwidget p:not(:first-of-type){
        margin-left: 20px;
    }

    footer .social-links li {
        margin-left: 25px;
        margin-right: 25px;
    }

    side {
        width: calc((var(--container-width) / 4));
        border-left: 0;    
    }

    .masonry-grid.grid-with-side .masonry-grid-item {
        width: calc(50% + 1px);
    }

    .masonry-grid-bar.bar1{
        left: calc(33.33% - 1px);
    }
    .masonry-grid .masonry-grid-bar.bar2,
    .masonry-grid .masonry-grid-bar.bar3{ display: none; }

    .news-archive .masonry-grid-bar.bar1{
        left: calc(50% - 1px);
    }
    .news-archive .masonry-grid-bar.bar2{
        display: none;
    }

    .related-posts-container .masonry-grid-item {
        width: calc(33.33% + 1px);
    }
    .related-posts-container .masonry-grid .masonry-grid-bar.bar1{
        left: calc(33.333% - 1px);
    }

    .related-posts-container .masonry-grid .masonry-grid-bar.bar2{
        display: block;
        left: calc(66.666% - 1px);
    }

    .popup-container {
        width: 80%;
    }
    ul.team-list li {
        width: calc(33.33% - (2 * var(--gutter)));
    }

    ul.alphabet-list {
        columns: 3;
        -webkit-columns: 3;
        -moz-columns: 3;
    }

    ul.alphabet-list.filler li:last-child{
        display: none;
    }
    .slide-frame.browse-all {
        width: 29%;
    }

}
@media (max-width: 1023px){
    .top-links,
    nav,
    header.shrinked .logo-horizontal {
        display: none;
    }

    .burger{
        display: none !important;
    }

    header{
        border-bottom: 1px solid black;
    }

    header.shrinked .header-container {
        border-bottom: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .shrinked-nav-buttons{
        display: block;
    }

    nav .nav-container {
        height: auto;
        border-bottom: 0;
        border-top: 0;
        flex-direction: column;
    }

    nav .menu {
        display: block;
        margin-left: calc(-1 * var(--gutter));
        margin-right: calc(-1 * var(--gutter));
        width: calc(100% + (2 * var(--gutter)));
        margin-bottom: 0;
    }

    nav .menu li{
        border-bottom: 1px solid black;
        width: 100%;
        margin-right: 0;
    }

    .mobile-top-links{
        list-style-type: none;
        margin: 0;
        padding: 0;
        display: flex;
        padding-top: var(--gutter);
        padding-bottom: var(--gutter);
        border-bottom: 1px solid black;
        justify-content: center;
        margin-left: calc(-1 * var(--gutter));
        margin-right: calc(-1 * var(--gutter));
        width: calc(100% + (2*var(--gutter)));
    }

    a.lang-switcher:link,
    a.lang-switcher:visited{
        width: 50%;
        text-align: center;
        padding: var(--gutter);
        background-color: #efefef;
        font-size: 1.3em;
        text-decoration: none;
    }

    a.lang-switcher.current:link,
    a.lang-switcher.current:visited {
        color: black;
        background-color: white;
    }

    a.lang-switcher:first-child{
        border-right: 1px solid black;
    }

    .mobile-lang-switcher{
        display: flex;
        margin-left: calc(-1 * var(--gutter));
        margin-right: calc(-1 * var(--gutter));
        width: calc(100% + (2*var(--gutter)));
    }

    project-nav, international-project-nav {
        background-color: white;
    }

    international-project-nav .container,
    project-nav .container{
        border-bottom: 0;
    }

    international-project-nav ul,
    project-nav ul{
        margin-bottom: -1px;
    }

    .hide-in-desktop{
        display: block;
    }

    .mobile-header{
        background-color: black;
        position: relative;        
    }

    international-project-nav ul li {
        border-bottom: 1px solid black;
    }

    .treasury .button.search {
        display: none;
    }

    a.highlight:hover, 
    a.highlight:active{
        background-color: unset;
        color: unset;
    }

    .filter-button:hover{
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='black'/%3E%3C/svg%3E");
        background-color: white;
        color: black;
    }

    .filter-button.open:hover,
    .filter-button.open{
        background-color: white;
        color: black;
        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 20 23' style='enable-background:new 0 0 20 23;' xml:space='preserve'%3E%3Cpath d='M0,10.2L0.9,11l8.3-9.8h0.2V23h1.2V1.3h0.2l8.3,9.8l0.9-0.8L11.3,0H8.6L0,10.2z' fill='black' /%3E%3C/svg%3E%0A");
    }
    
    .filter-category{
        border-top: 1px solid black;
    }

    project-nav .subtitle, international-project-nav .subtitle {
        display: block;
    }
    project-nav ul li a:hover, project-nav ul li a:active, international-project-nav ul li a:hover, international-project-nav ul li a:active {
        background-color: white;
        -webkit-filter: none;
        filter: none;
    }

    footer .menu-table td {
        padding-left: 30px;
    }

}

@media (max-width: 767px){

    .hide-in-mobile,
    .masonry-grid-bar.bar1,
    .masonry-grid-bar.bar2,
    .masonry-grid-bar.bar3,
    footer .contacts,
    .go-to-top-container,
    .side-nav li,
    .masonry-grid:after,
    #news-archive .section-title,
    .calendar-archive-list .section-title,
    ul.alphabet-list.filler li:nth-child(3),
    ul.alphabet-list.filler li:nth-child(4),
    .slideshow-gallery .flickity-button.next,
    .slideshow-gallery .flickity-button.previous,
    .treasury search,
    date-filter,
    .daterangepicker .drp-buttons .btn.applyBtn,
    .daterangepicker .drp-selected  {
        display: none;
    }

    .hide-in-desktop-and-tablet{
        display: block;
    }
    
    body, html{
        font-size: 20px;
    }

    h1.past-projects-title {
        font-size: 1.75em;
        padding-top: 5px;
        padding-bottom: 11px;
    }

    h2,
    .post-content-row h1.h2 { font-size: 1.75em; }

    h3 { font-size: 1.5em; }

    .logo {
        margin-top: 12px;
        width: 165px;
        height: auto;
    }

    header .header-container{
        align-items: center;
        height: 68px;
    }

    .logo-link,
    header.shrinked .logo-link {
        margin-bottom: 12px;
    }

    main {
        margin-top: 68px;
        min-height: calc(100vh - 68px);
    }

    p {
        margin-bottom: var(--gutter);
    }

    .mobile-nav-burger{
        width: 56px;
        height: 56px;
        position: fixed;
        bottom: 40px;
        right: 8px;
        border-radius: 50%;
        background-color: black;
        z-index: 6;
        background-image: url("data:image/svg+xml,%3Csvg width='36' height='18' viewBox='0 0 36 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline y1='17.5' x2='36' y2='17.5' stroke='white'/%3E%3Cline y1='8.5' x2='36' y2='8.5' stroke='white'/%3E%3Cline y1='0.5' x2='36' y2='0.5' stroke='white'/%3E%3C/svg%3E");
        background-position: center center;
        background-size: 26px;
        background-repeat: no-repeat;
        display: block;
        border: 0;
        box-shadow: 0px 0px 24px 0px rgb(255 255 255 / 80%);
    }

    .mobile-nav-burger.open{
        background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='1.4726' x2='25.8306' y2='26.7728' stroke='white' stroke-width='1.5'/%3E%3Cline x1='1.27446' y1='26.9549' x2='26.392' y2='1.47336' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");        
        background-size: 18px;
    }

    header.shrinked .logo {
        display: block;
        margin-top: var(--gutter);
    }

    .shrinked-nav-buttons .button.search {
        width: 25px;
        height: 25px;
        background-size: 25px;
        display: block;
        margin-right: 0;
    }

    nav{
        border-top: 1px solid black;
    }

    nav .menu a:link, nav .menu a:visited {
        font-size: 1.5em;
        padding: 12px var(--gutter);
        width: 100%;
    }

    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent,
    #mlb2-5725641.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-formContent {
        width: 100% !important;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit,
    #mlb2-5725641.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit{
         width: 100% !important;
    }

    search.simple,
    .treasury search {
        position: fixed;
        top: 0;
        left: 0;
        border-bottom: 0;
        height: 68px !important;
    }

    .treasury search{
        border-bottom: 1px solid white;
    }

    #search-query {
        padding: 10px var(--gutter) 10px 0;
        font-size: 1.5em;
        min-width: calc(100% - 87px);
    }

    search.simple #reset-search-button,
    .treasury search #reset-search-button {
        display: block;
        width: 55px;
        background-size: 18px;
    }
    #search-submit-button {
        width: 55px;
        background-size: 25px;
    }

    .date-104,
    .date-72 ,
    .calendar-archive-row .date-104,
    .calendar-archive-row .date-72   {
        font-size: 47px;
    }
    .calendar-archive-row .date-144,
    .date-144 {
        font-size: 100px;
        margin-top: 0;
    }

    .calendar-archive-row .mobile-date-65,
    .calendar-row .mobile-date-65{
        font-size: 64px;
    }

    .calendar-page .container {
        min-height: calc(100vh - 140px);
    }

    #own-amount,
    .opay-row .amount,
    a.donate:link, a.donate:visited        {
        font-size: 1.75em;
    }

    .popup-container .success-row h4 {
        font-size: 1.15em;
    }
    .popup-container .form-row button:disabled, .popup-container .form-row button:disabled:hover {
        font-size: 0.85em;
    }

    .mobile-top-links a:link,
    .mobile-top-links a:visited,
    .mobile-top-links a:hover{
        padding: 0 10px;
        font-size: 0.86em;
    }

    a.lang-switcher:link, a.lang-switcher:visited {
        padding: 12px var(--gutter);
        font-size: 0.86em;
    }

    project-nav ul li, international-project-nav ul li,
    project-nav ul li:nth-child(4n+1), international-project-nav ul li:nth-child(4n+1),
    project-nav ul li:nth-child(4n), international-project-nav ul li:nth-child(4n)  {
        width: 50%;
    }
    project-nav ul li:nth-of-type(4n), international-project-nav ul li:nth-of-type(4n) {
        border-right: 1px solid black;
    }
    project-nav ul li:nth-of-type(3n), 
    international-project-nav ul li:nth-of-type(3n),
    project-nav ul li:last-of-type {
        border-right: 1px solid black;
    }
    project-nav ul li:nth-of-type(2n),
    international-project-nav ul li:nth-of-type(2n){
        border-right: 0;
    }

    project-nav h2,
    international-project-nav h2{
        margin-bottom: 0;
        color: white;
        margin-bottom: 0;
        padding: 7px var(--gutter) 12px;
        font-weight: 500;
        width: calc(100% - 55px);
        font-size: 1.5em;    
    }

    project-nav ul li a, international-project-nav ul li a {
        padding: var(--gutter);
        height: 100%;
    }

    international-project-nav ul li a {
        display: block;
    }

    project-nav ul li a:hover, project-nav ul li a:active, international-project-nav ul li a:hover, international-project-nav ul li a:active {
        background-color: white;
        -webkit-filter: none;
        filter: none;
    }

    project-nav .img-constraint, international-project-nav .img-constraint {
        padding: 0px;
    }
    project-nav .subtitle, international-project-nav .subtitle{
        display: none;
    }

    .close-button{
        position: absolute;
        width: 16px;
        height: 16px;
        top: calc(50% - 8px);
        right: var(--gutter);
        background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='1.4726' x2='25.8306' y2='26.7728' stroke='white' stroke-width='1.5'/%3E%3Cline x1='1.27446' y1='26.9549' x2='26.392' y2='1.47336' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");        
        background-size: 32px;
        background-repeat: no-repeat;
        background-position: center center;
        background-color: transparent;
        border: 0;
    }

    .news-archive .masonry-grid {
        min-height: calc(100vh - 200px);
    }

    .filter-button,
    .mobile-date-filter {
        background-color: white;
        border: 0;
        width: 100%;
        height: 50px;
        font-size: 1.15em;
        color: black;
        border-bottom: 1px solid transparent;
        text-transform: uppercase;
        text-align: left;
        padding-left: var(--gutter);
        padding-right: var(--gutter);
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='black'/%3E%3C/svg%3E");
        background-position: center right 15px;
        background-repeat: no-repeat;
        background-size: 25px 22px;    
    }
    .filter-item-button{ color: black; }
    .filter-item-button:hover{ text-decoration: none;}
    .filter-item-button.selected { text-decoration: underline; }

    .apply-filters-button {
        font-size: 1.15em;
        color: black;
        text-align: center;
    }

    .apply-filters-button svg{
        width: 24px;
    }

    .sticky-container a{
        flex-direction: column;
    }

    .sticky-container a .right-border{ border-right: 0; }
    .sticky-container h2 { font-size: 1.75em; }
    .sticky-container .read-more { font-size: 1.2em; }

    .sticky-container .read-more svg path{ stroke: black;}

    .grid-commons .col { padding: 20px var(--gutter); }
    .masonry-grid-item { 
        width: 100%; 
        border-right: 0;
        border-left: 0;
        margin-left: 0;
    }

    footer .menu-table td {
        padding-left: 0;
        width: 50%;
        padding-right: 20px;
    }
    footer .menu-table td:last-child{
        padding-left: 20px;
    }

    footer .menu { margin-left: 0; }
    footer .menu li{ padding-bottom: 15px; break-inside: avoid-column;
        display: inline-block; width: 100%; float: left;}
    footer .menu li a:link,
    footer .menu li a:visited{ overflow: hidden; display: block;}

    footer .menu li a:link:after,
    footer .menu li a:visited:after{
        height: 1px; 
        content: "";
        display: inline-block;
        vertical-align: bottom;
        box-shadow: -100vw 100vw 0 100vw;
    }

    footer .social-links-container { justify-content: left; }
    footer .social-links {
        -webkit-columns: unset;
        -moz-columns: unset;
        columns: unset;
        flex-wrap: wrap;
        margin-top: 15px;
        display: flex;
    }
    footer .social-links li {
        margin-left: 0;
        margin-right: 30px;
    }
    footer #link-section .container {
        padding-top: 20px;
        padding-bottom: 20px;
    }

    .sponsor-title-row .half-col,
    .sponsor-row .half-col{ width: 50%; }

    footer .multi-col p{ padding-right: 20px; margin-bottom: 0;}
    footer .multi-col p img,
    footer #sponsor-section .textwidget img { margin-right: 0px; }
    
    footer .sponsor-title-row h2 {
        margin-bottom: 20px;
        font-size: 0.75em;
        font-weight: 500;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody,
    #mlb2-5725641.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody{
        flex-direction: column;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input,
    #mlb2-5725641.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-fieldRow input  {
        background-color: white !important;
        color: black !important;
        font-size: 1.5em!important;
        line-height: 30px!important;
        padding: 0 var(--gutter)!important;
        border-bottom: 1px solid black !important;
        min-height: 78px !important;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button,
    #mlb2-5725641.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button{
        background-color: black!important;
        color: white!important;
        font-size: 2.4em!important;
        padding-top: 20px!important;
        padding-bottom: 30px!important;
        min-height: 156px ! important;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:disabled,
    #mlb2-5725641.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.primary:disabled{
        font-size: 1em !important;
    }

    .popup-container {
        width: calc(100% - (2*var(--gutter)));
        height: 80vh;
        top: 10vh;
    }

    .last-line-underlined svg path,
    .past-events-link svg path{
        stroke: white;
    }

    .read-more.last-line-underlined svg,
    .view-all .last-line-underlined svg {
        width: 24px;
        height: auto;
        margin-bottom: 1px;
    }

    .wp-block-column.with-call-to-action .wp-block-button a.wp-block-button__link:after {
        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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='white' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='white' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
        height: 24px;
        top: calc(50% - 9px);
        background-size: 30px;
    }
    

    #animation-section{ display: none; }

    .close-popup-button,
    .close-slideshow-button,
    .close-photoshow-button,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
        width: 18px ! important;
        height: 18px ! important;
        right: 12px;
        position: fixed;
        top: 12px;
        border-radius: 0 !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close {
        position: absolute;
        top: -20px !important;
        right: -20px !important;
    }

    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
        height: 100% !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content{
        min-height: 80vh !important;
        max-height: 80vh !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content {
        display: flex;
        flex-direction: column;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
        flex: 1 !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-content,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-tab-main .moove-gdpr-tab-main-content,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-main {
        max-height: unset !important;
    }

    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content {
        overflow-y: scroll;
    }

    .popup-container button {
        background-color: white;
        color: black;
        font-size: 1em;
        padding-bottom: 27px;
        border: 0;
        border-top: 1px solid black;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-content {
        margin-bottom: 0 !important;

    }

    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-successBody .ml-form-successContent h4 {
        font-size: 1.3em ! important;
    }
    #mlb2-5723950.ml-form-embedContainer .ml-form-embedWrapper .ml-form-embedBody .ml-form-embedSubmit button.loading .loader{
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='30' viewBox='0 0 120 30' fill='white' data-adreal-did='1656429954586585'%3E%3Ccircle cx='15' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='60' cy='15' r='9' fill-opacity='0.3'%3E%3Canimate attributeName='r' from='9' to='9' begin='0s' dur='0.8s' values='9;15;9' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='0.5' to='0.5' begin='0s' dur='0.8s' values='.5;1;.5' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3Ccircle cx='105' cy='15' r='15'%3E%3Canimate attributeName='r' from='15' to='15' begin='0s' dur='0.8s' values='15;9;15' calcMode='linear' repeatCount='indefinite'/%3E%3Canimate attributeName='fill-opacity' from='1' to='1' begin='0s' dur='0.8s' values='1;.5;1' calcMode='linear' repeatCount='indefinite'/%3E%3C/circle%3E%3C/svg%3E");
    }

    .grid-commons .feed-archive-link:link, 
    .grid-commons .feed-archive-link:visited {
        font-size: 2.4em;
        color: white;
        padding-top: 0;
    }

    .feed-archive-link-container{
        background-color: black;
    }

    .content-scroll .slide-frame.af-collection-type,
    .content-scroll .slide-frame.post-type {
        width: 100%;
        border-right: 0;
        border-bottom: 1px solid black;
    }
    .content-scroll .slide-frame,
    .content-scroll {
        height: auto;
    }
    .slide-frame.af-collection-type a:link .item-thumb, .slide-frame.af-collection-type a:visited .item-thumb {
        padding-top: 100%;
    }

    .slide-frame.browse-all a:link, .slide-frame.browse-all a:visited {
        font-size: 2.4em;
        padding: 20px var(--gutter) 30px;
        color: white;
        background-color: black;
    }
    .slide-frame.browse-all{
        width: 100%;
    }
/*    .content-scroll .slide-frame.post-type{
        padding: var(--gutter);
    }*/

    .home-feed-container .masonry-grid-item:last-child {
        max-height: unset;
        padding-top: 20px;
    }

    .content-scroll .slide-frame a:link, .content-scroll .slide-frame a:visited {
        flex-direction: column;
        padding: var(--gutter);
    }
    .slide-frame.post-type .item-thumb {
        margin-right: 0;
        padding-top: 60%;
        width: 100%;
    }
    .slide-frame.post-type .item-content {
        padding-right: 0;
        padding-bottom: 0;
    }

    .slide-frame.post-type .date {
        margin-top: 12px;
        margin-bottom: 16px;
    }

    side{
        width: 100%;
        left: 0;
        border-right: 0;
        border-left: 0;
        z-index: 2;
    }

    .side-nav li a:link, .side-nav li a:visited {
        padding: 14px var(--gutter);
        font-size: 1.15em;
        font-weight: 500;
    }

    .side-nav li a.selected:link, 
    .side-nav li a.selected:visited {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='black'/%3E%3C/svg%3E");
        background-position: center right 15px;
        background-repeat: no-repeat;
        background-size: 25px 22px;
        background-color: white;
        color: black;
    }

    .side-nav li.selected,
    .side-nav.open li{
        display: block;
        border-bottom: 1px solid black;
    }

    .side-nav.open li a.selected:link,
    .side-nav.open li a.selected:visited{
        background-image: none;
        background-color: black;
        color: white;
    }

    .masonry-grid {
        margin-left: calc(0px - var(--gutter));
        margin-right: calc(0px - var(--gutter));
    }

    .border-l{
        border-left: 0;
    }

    .grid-commons h3{
        margin-bottom: 15px;
    }

    .section-404 {
        min-height: calc(100vh - 68px);
    }

    .container.page-404 {
        text-align: center;
    }
    ul.alphabet-list {
        columns: 2;
        -webkit-columns: 2;
        -moz-columns: 2;
    }
    ul.team-list li {
        width: calc(50% - (2 * var(--gutter)));
    }

    .about-partner-cols.wp-block-columns .wp-block-column figure {
        margin-bottom: 0;
    }
    .about-partner-cols.wp-block-columns .wp-block-column:nth-child(2){
        padding-top: 0;
    }
    .page-content .wp-block-columns.framed-cols .wp-block-column:nth-child(2n+1) {
        border-right: 0;
        border-bottom: 1px solid black;
    }
    .wp-block-column.with-call-to-action a.wp-block-button__link:link, .wp-block-column.with-call-to-action a.wp-block-button__link:visited {
        background-color: black;
        color: white;
        text-align: left;
    }

    .calendar-row a:link, .calendar-row a:visited, .calendar-archive-row a:link, .calendar-archive-row a:visited {
        flex-direction: column;
        padding-left: 0;
    }
    .calendar-row .calendar-info, .calendar-archive-row .calendar-info {
        padding: var(--gutter);
    }
    .calendar-archive-row h2,
    .calendar-row h2 {
        font-size: 1.75em;
    }
    .calendar-row .calendar-image, .calendar-archive-row .calendar-image {
        border-left: 0;
        padding-top: 60%;
    }

    a.past-events-link:link, a.past-events-link:visited {
        font-size: 2.4em;
        text-align: left;
        padding-left: var(--gutter);
        line-height: 1;
        padding-top: 20px;
        padding-bottom: 30px;
        background-color: black;
        color: white;
        overflow: hidden;
    }
    a.past-events-link div{ overflow: hidden;}
    a.past-events-link div:after{
        height:1px; 
        content:"";
        display: inline-block;
        vertical-align: bottom;
        box-shadow: -100vw 100vw 0 100vw;
    }

    h2.framed, .contact-content h2 {
        font-size: 1.75em;
        padding-top: 5px;
        padding-bottom: 11px;
    }

    .map-col {
        border-left: 0;
        margin-top: 0 !important;
        border-top: 1px solid black;
    }

    .map-col figure{
        margin-bottom: 0;
    }
    .contact-three-col .wp-block-column {
        border-right: 0;
        border-bottom: 1px solid black;
    }
    .contact-three-col:nth-child(n+2) {
        border-top: 0;
    }
    .contact-three-col + h2 {
        margin-top: -1px;
    }
    .contact-form {
        flex-direction: column;
    }

    .contact-form input[type="text"] {
        border-right: 0;
        width: 100%;
        font-size: 1em;
        padding: 18px var(--gutter) 20px;
        border-bottom: 1px solid black;
    }

    .contact-form button[type="submit"] {
        font-size: 1.75em;
        padding: 12px var(--gutter) 13px;
        background-color: black;
        color: white;
    }

    .opay-row .amount {
        width: 20%;
        padding: 14px var(--gutter);
        border-bottom: 1px solid black;
        border-right: 0;
        border-left: 1px solid black;
    }

    .opay-row .amount:first-child{
        border-left: 0;
    }

    .opay-row {
        flex-wrap: wrap;
    }

    #own-amount {
        padding: 14px var(--gutter);
    }

    #donor-email {
        width: 100%;
        padding: 14px var(--gutter);
        font-size: 1.5em;
        border-bottom: 1px solid black;
    }
    #donor-email::placeholder,
    .popup-container .form-row input::placeholder{
        color: #d8d8d8;
    }

    a.donate:link, a.donate:visited {
        border-left: 0;
        padding-bottom: 14px;
        padding-top: 14px;
        background-color: black;
        color: white;
    }

    .volunteer-posts-container .interim-post{
        width: 100%;
        border-right: 0;
        border-left: 0;
    }
    .volunteer-posts-container .volunteer-post {
        width: 100%;
        border-right: 0;
    }

    .volunteer-posts-container .volunteer-post > img{
        padding-top: 9px;
        width: 100%;
    }

    .volunteer-posts-container .subscribe-to-volunteer {
        background-color: black;
        padding-top: 20px ! important;
    }

    .subscribe-to-volunteer a:link, .subscribe-to-volunteer a:visited {
        font-size: 1.75em;
        background-color: black;
        color: white;
    }

    .popup-container h2 {
        font-size: 1em;
    }

    .popup-container .consent-row {
        padding: 10px var(--gutter) 14px;
    }

    .popup-container .form-row input {
        width: 100%;
        height: 100%;
        font-size: 1.15em;
        padding: var(--gutter);
        min-height: 70px;
        border-bottom: 1px solid black;
        border-radius: 0;
    }

    .popup-container .form-row {
        flex-wrap: wrap;
    }

    .popup-container .form-row button {
        width: 100%;
        padding-bottom: 20px;
        background-color: black;
        color: white;
        border-left: 0;
        font-size: 1.15em;
        min-height: 102px;
    }

    .page-guttenberg .featured-image {
        padding-top: 60%;
        height: unset;
    }

    .page-guttenberg h1 {
        margin-top: 20px;
        font-size: 2.4em;
    }

    .af-tag-cover{
        border-right: 0;
        border-bottom: 1px solid black;
    }
    .wp-block-image.post-logo {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: 0;
        text-align: center;
    }
    .related-posts-container .masonry-grid-item,
    .related-collections-container .masonry-grid-item {
        width: 100%;
    }
    project-nav ul li a img,
    international-project-nav ul li a img {
        max-width: 121px;
    }
    project-nav ul li a img.vertical, international-project-nav ul li a img.vertical {
        max-height: 79px;
    }
    .view-all:link, .view-all:visited {
        font-size: 1.2em;
        background-color: black;
        color: white;
    }
    a.call-to-action:link, a.call-to-action:visited {
        font-size: 1.47em;
    }

    .content-scroll .slide-frame:last-of-type{
        border-bottom: 0;
    }

    .view-more-posts {
        background-color: black;
        padding-top: 20px;
        padding-bottom: 30px;
    }

    .project-list-item .project-content {
        padding-top: var(--gutter);
    }
    .project-list-item .project-image {
        padding-top: 60%;
    }
    .af-collection-cover,
    .af-credit-thumbnail{
        border-right: 0;
    }

    .collection-thumbnail-row{
        border-top: 1px solid black;
    }

    .af-credit-thumbnail .post-content-row{
        padding-bottom: 0;
    }

    h1.credit-page-title{
        font-size: 1.75em;
        font-weight: 500;
    }
    .post-page .creditor-title-row{
        border-bottom: 0;
        padding-bottom: 0;
    }
    .post-page .creditor-title-row-with-padding{
        padding-bottom: var(--gutter);
    }

    .af-post{
        border-right: 0;
        border-top: 1px solid black;
    }

    .common-post-row{
        flex-direction: column-reverse;
    }

    .common-post-row h1{
        font-size: 1.75em;
    }

    .mobile-post-thumbnail{
        padding-top: 10px;
    }
    .gallery-slide {
        width: 100vw;
        height: 100vh;
    }
    .gallery-slide img {
        max-width: 100vw;
    }
    .slideshow {
        background: white;
    }

    .slideshow-gallery {
        margin-top: 0;
        height: 100vh;
        position: relative;
    }
    .caption-row {
        position: fixed;
    }
    .gallery-slide .gallery-image {
        border: 0;
    }
    .image-scroll .slide-frame,
    .image-scroll {
        height: 225px;
    }

    .treasury #search-query {
        padding: 10px var(--gutter) 10px 0;
    }
    .treasury #search-submit-button {
        padding: 0;
        width: 55px;
    }

    /* Track */
    side.with-scroll::-webkit-scrollbar-track,
    .main-modal-content::-webkit-scrollbar-track{
        background: #efefef; 
        border-bottom: 1px solid black;
    }
    
    /* Handle */
    side.with-scroll::-webkit-scrollbar-thumb,
    .popup-container .text::-webkit-scrollbar-thumb,
    .main-modal-content::-webkit-scrollbar-thumb {
        background: #000; 
    }
    
    /* Handle on hover */
    side.wih-scroll::-webkit-scrollbar-thumb:hover,
    .popup-container .text::-webkit-scrollbar-thumb:hover,
    .main-modal-content::-webkit-scrollbar-thumb:hover {
        background: #000; 
    }

    ul.filters li.header.hide-in-mobile{ display: none ! important; }

    ul.filters li.header button.open-filters-button {
        background-color: black;
        color: white;
        font-size: 1.15em;
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='white'/%3E%3C/svg%3E");
        background-size: 25px 22px;
        background-position: center right 15px;
        background-repeat: no-repeat;
        flex: 1;
        padding: 10px 15px 10px var(--gutter);
        border: 0;
        text-align: left;
    }

    ul.filters.open li.header button.open-filters-button{
        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 20 23' style='enable-background:new 0 0 20 23;' xml:space='preserve'%3E%3Cpath d='M0,10.2L0.9,11l8.3-9.8h0.2V23h1.2V1.3h0.2l8.3,9.8l0.9-0.8L11.3,0H8.6L0,10.2z' fill='white' /%3E%3C/svg%3E%0A");
    }

    ul.filters li.header{
        padding: 0;
        display: flex;
    }

    .filters.open li{
        display: block;
    }

    .filter-category {
        background-color: white;
        margin-top: -1px;
    }

    .filter-category li{
        border-bottom: 0 !important;
    }

    .filter-button.open,
    .filter-button.open:hover,
    #mobile-date-filter.open {
        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 20 23' style='enable-background:new 0 0 20 23;' xml:space='preserve'%3E%3Cpath d='M0,10.2L0.9,11l8.3-9.8h0.2V23h1.2V1.3h0.2l8.3,9.8l0.9-0.8L11.3,0H8.6L0,10.2z' fill='black' /%3E%3C/svg%3E%0A");
        background-color: white;
        color: black;
    }

    #mobile-date-filter.has-date{
        font-size: 0.85em;
    }
    
    .reset-filters-button,
    .reset-filters-button:hover {
        font-size: 0.1em;
        width: 55px;
        background-color: black;
        border-left: 1px solid white;
        background-image: url("data:image/svg+xml,%3Csvg width='27' height='28' viewBox='0 0 27 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cline x1='0.53033' y1='1.4726' x2='25.8306' y2='26.7728' stroke='white' stroke-width='1.5'/%3E%3Cline x1='1.27446' y1='26.9549' x2='26.392' y2='1.47336' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E");
        background-position: center center;
        background-size: 18px;
        background-repeat: no-repeat;
    }
    #content-post-list-container {
        padding-top: 50px;
    }

    a.highlight:hover, a.highlight:active, .side-nav li a:hover, .side-nav li a:active, .highlight:hover, .highlight:active {
        background-color: white;
        color: black;
    }
    .filter-button:hover {
        background-image: url("data:image/svg+xml,%3Csvg width='20' height='23' viewBox='0 0 20 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.61878 23L11.2707 23L20 12.765L19.116 11.96L10.8287 21.735L10.6077 21.735L10.6077 -4.10549e-07L9.39227 -4.63679e-07L9.39227 21.735L9.17127 21.735L0.883979 11.96L1.34937e-06 12.765L8.61878 23Z' fill='black'/%3E%3C/svg%3E");
    }

    #mobile-filter-calendar{
        border-bottom: 0;
    }

    .daterangepicker{
        position: relative;
        border: 0;
        border-bottom: 1px solid black;    
        top: 0 !important;    
    }

    .daterangepicker.show-calendar .ranges {
        margin-top: 0;
    }
    .daterangepicker .calendar-table table tr {
        margin-bottom: 5px;
        margin-top: 5px;
    }

    .daterangepicker select.monthselect, .daterangepicker select.yearselect {
        color: black;
    }
    .daterangepicker .calendar-table th.prev{
        pointer-events: none;
    }

    .flickity-ruler{
        position: absolute;
        bottom: 0;
        left: 0;
        height: 5px;
        background-color: black;
    }

    .sticky-post-thumbnail {
        width: 100%;
    }

    .read-more-button {
        background-color: black;
        color: white;
        font-size: 1.47em;
    }

    footer .sponsor-row p {
        margin-bottom: var(--big-gutter);
    }

    a.donate svg path{
        stroke: white;
    }

    a.donate svg {
        width: 31px;
        margin-bottom: -10px;
    }

    #newsletter-popup-button .last-line-underlined svg,
    a.call-to-action svg{
        width: 31px;
    }

    .contact-form-row {
        flex-wrap: wrap;
    }

    .contacts-submit-button:after {
        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 37 34' style='enable-background:new 0 0 37 34;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bstroke-width:2;%7D%0A%3C/style%3E%3Cpath fill='none' stroke='white' class='st0' d='M1,4.5l18,8.6v3.1L1,25.5'/%3E%3Cpath fill='none' stroke='white' class='st0' d='M19,4.5l17,8.6v3.1l-17,9.3'/%3E%3C/svg%3E");
    }

    a.call-to-action svg path{
        stroke: white;
    }    

    #contacts-map {
        height: 300px;
    }

    #mobile-animation-section{
        padding-top: var(--gutter);
        padding-bottom: var(--gutter);
        text-transform: uppercase;
        font-family: 'Space Mono', monospace;
        font-size: 35px;
        line-height: 45px;
    }

    #mobile-animation-section .container{ border: 0;}

    .content-scroll .slide-frame.post-type.vertical {
        width: 100%;
    }

    .post-content .wp-block-image img.portrait {
        max-width: 100%;
    }

    .wp-block-quote {
        padding-left: 60px;
        background: url(/wp-content/themes/archfondas/images/icons/quote.svg) top 0px left 0px no-repeat;
        background-size: 40px;
    }

    footer .sponsor-title-row{ display: none; }

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

    footer .sponsor-row h4 {
        margin-bottom: 33px;
        font-size: 1em;
        font-weight: 500;
        display: block ! important;
    }
    footer #sponsor-section .sponsor-list {
        flex-wrap: wrap;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
    footer #sponsor-section .sponsor-list li{
        width: 100%;
        align-items: flex-start;
        padding-top: var(--gutter);
        padding-left: 0;
        padding-right: 0;
    }

    footer #sponsor-section .sponsor-list li:nth-child(n+2){ padding-top: 0;}
    footer #sponsor-section .textwidget img {
        margin-right: 0px;
    }

    .value-cards-container {
        padding-left: var(--gutter);
        padding-top: 0px;
        padding-right: var(--gutter);
    }
    .value-cards-container div {
        margin: 0 0 36px;
        width: 100%;
    }

    .value-cards-container div:hover img.back {
        display: none;
    }

    .value-cards-container img.back-mobile{ display: none; }

    #moove_gdpr_cookie_info_bar .moove-gdpr-info-bar-container .moove-gdpr-info-bar-content .moove-gdpr-button-holder {
        padding-left: 0;
        justify-content: center;
    }

    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
        width: 100% !important;
        border-right: 0 !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content .moove-gdpr-branding-cnt {
        display: none !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-tab-main span.tab-title {
        font-size: 1em !important;
        font-weight: 600 !important;
        padding: 14px var(--gutter) 14px !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .moove-gdpr-modal-footer-content .moove-gdpr-button-holder button.mgbutton {
        width: 100% !important;
        border: 0 !important;
        border-top: 1px solid black !important;
        font-size: 1.15em !important;
    }
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #strict-necessary-cookies .tab-title,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #third_party_cookies .tab-title,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content .moove-gdpr-tab-main,
    #moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v1 .main-modal-content #advanced-cookies .tab-title{
        border-radius: 0 !important;
        margin: 0 !important;
    }

}