/*

Theme Name: RE-ALIGNED
Template:       twentyten
Version:        1
*/


@import url("../twentyten/style.css");

/* @import url('https://fonts.googleapis.com/css2?family=Asul:wght@400;700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap');

@font-face {
    font-family: 'sawasdeeregular';
    src: url('fonts/sawasdee-webfont.eot');
    src: url('fonts/sawasdee-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sawasdee-webfont.woff') format('woff'),
         url('fonts/sawasdee-webfont.ttf') format('truetype'),
         url('fonts/sawasdee-webfont.svg#sawasdeeregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

html {
overflow: -moz-scrollbars-vertical;
overflow-y: scroll;
}

body, input, textarea, .page-title span, .pingback a.url, .wp-paginate .title {
/*font-family: 'Sanchez', serif;*/
font-family: 'sawasdeeregular';
}

#beta_ribbon {
    background: url('images/beta_ribbon.png');
    background-size: cover;
    height: 50px;
    width: 50px;
    position: fixed;
    top: 0;
    left: 0;
}

#ajax-loader {
position: fixed;
top: 77px;
right: 20px;
display: none;
z-index: 250;
background:#f80807;
padding:20px;
border: 1px solid white;
}

#map {
position: fixed !important;
z-index: 0;
top: 58px;
}

#toolbar {
z-index: 0;
position: fixed;
top: 80px;
left: 1rem;
padding: 5px;
background: #fff;
background: rgba(255, 255, 255, 0.85);
text-transform: uppercase;
width: auto;
display: inline-block;
max-width: 440px;
}

#toolbar h2 {
margin-bottom:5px;
}

#toolbar .cats {
  float:left;
}

#toolbar .label {
width:145px;
clear:right;
height:20px;
display: inline-block;
}

#content p, #content ul, #content ol, #content dd, #content pre, #content hr {
  margin-bottom: 0.75em;
}

#content h2, #content h3 {
  margin: 1rem 0;
}

#toolbar span#tog-marker-ar-residency {
background:url(images/toggle-marker-ar-residency.png) left center no-repeat;
}
#toolbar span#tog-marker-artists {
background:url(images/toggle-marker-artists.png) left center no-repeat;
width:100px;
}
#toolbar span#tog-marker-news {
background:url(images/toggle-marker-news.png) left center no-repeat;
width:100px;
}
#toolbar #tog-marker-other {
background:url(images/toggle-marker-general.png) left center no-repeat;
}
#toolbar #tog-marker-discourse {
background:url(images/toggle-marker-discourse.png) left center no-repeat;
}
#toolbar #tog-marker-works {
background:url(images/toggle-marker-works.png) left center no-repeat;
}
#toolbar #tog-marker-people {
background:url(images/toggle-marker-people.png) left center no-repeat;
}

#key {
z-index: 0;
width: 415px;
position: fixed;
top: 71px;
padding: 9px 5px 5px;
background: #fff;
background: rgba(255,255,255,0.85);
right: 13px;
text-align: center;
}

#news-wrapper {
z-index: 0;
margin: 13px;
width: 295px;
position: fixed;
overflow: visible;
top: 140px;
padding: 10px;
background: #fff;
background: rgba(255,255,255,0.85);
height: 350px;
left:-320px;
-webkit-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}

#fb-wrapper {
z-index: 0;
background: white;
height: 70px;
width: 295px;
overflow: hidden;
border-right: 1px solid #315c99;
}

#news {
overflow-y: scroll;
height: 290px;
padding-right: 10px;
}

.effeckt-show {
left:0px !important;
-webkit-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}

#news .article {
border-bottom: 1px solid #ff6262;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
word-break: break-word;
}

#news .article h1 {
font-size: 19px !important;
margin-bottom: 5px;
line-height: 26px;
}

.news-close-button {
position: absolute;
background: white;
right: -30px;
cursor: pointer;
padding: 5px 5px 0 5px;
top: 0px;
}

.news-close-button img {
-webkit-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}

.news-rotate {
-webkit-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
transform: rotate(180deg)!important;
-ms-transform: rotate(180deg)!important;
-webkit-transform: rotate(180deg)!important;
}

.home #map, .category-map #map {
position: fixed !important;
z-index: 100;
-webkit-transition: all .35s ease-in-out;
-ms-transition: all .35s ease-in-out;
-o-transition: all .35s ease-in-out;
transition: all .35s ease-in-out;
}

.home #toolbar, .category-map #toolbar {
z-index: 101;
}

.home #key, .category-map #key{
z-index: 101;
}

.home #news-wrapper, .category-map #news-wrapper, .home #fb-wrapper, .category-map #fb-wrapper {
z-index: 101;
}

.gm-style-iw {
/*min-width:330px !important;*/
}

/*.gm-style-iw {
max-height: 90px !important;
}*/

.black {
/*background: black;
margin-top: -9px;
margin-left: -15px;
width: 116%;
height: 110%;
padding: 5px 0;*/
}

.item {
min-height:40px;

/*
padding: 0px 20px 0px 20px;
margin: -10px -35px -15px -15px;
background: #000;
color: #fff;
position: absolute;
min-width: 250px;
*/

/*border-bottom: 30px solid black;*/

/*padding: 30px 15px 30px 30px;
margin: -10px;
background: #000;
color: #fff;
position: absolute;
width: 100%;
height: 100%;*/
}



.item a {
font-size: 18px !important;
font-family: 'Megrim', cursive;
color: black !important;
text-decoration: none;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

.itemname {
float: left;
width: 170px;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
margin-bottom: 10px;
}

.itemimg {
float: right;
width: 110px;
overflow: hidden;
height: 70px;
margin-top: 10px;
margin-bottom: 10px;
}

.itemimg img {
width: 100%;
height:auto;
}


#background {
z-index: 100;
position: fixed;
width: 100%;
height: 100%;
background: #fff;
/*background: #990002;*/
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: top center;
top:58px;
bottom:0;
}

.category #background {
background: #fff;
}

.category-works #background {
background-image:url(images/bg-works.jpg);
background-size: cover;
background-position: top center;
}

.category-people #background {
background-image:url(images/bg-people.jpg);
background-size: cover;
background-position: top center;
}

.category-discourse #background {
background-image:url(images/bg-discourse.jpg);
background-size: cover;
background-position: top center;
}

.category-news #background {
background-image:url(images/bg-news.jpg);
background-size: cover;
background-position: top center;
}

.category-press #background {
/*
background-image:url(images/bg-press.jpg);
background-size: cover;
background-position: top center;
*/
background: #fff;
}

.category-news #background {
background-image:url(http://www.re-aligned.net/wp-content/uploads/2014/02/IMG_7294_rgb-small21-1200x1086.jpg);
background-size: cover;
background-position: top center;
}

#wrapper {
max-width: 1110px;
width: auto !important;
background: none;
margin-top: 73px;
z-index: 150;
position: relative;
padding: 73px 0px 0 0px;
margin: 0 auto;
}


#container {
margin: 0 0 40px 0;
max-width: 835px;
background: white;
padding-bottom: 20px;
}

.category-news #container, .category-people #container, .category-press #container, .category-discourse #container, .page #container {
background: rgba(250,250,250,0.9);
}

.page-id-294 #container {
background: white !important;
}

#content {
margin: 20px 42px;
min-height: 180px;
}

.one-column  {
width: 1110px !important;
}

.one-column #content {
margin: 20px auto;
width: 1030px;
}

#content, #content input, #content textarea {
color: #333;
font-size: 16px;
line-height: 26px;
}

#content tr td, #content tr td {
border-top: 0px solid #e7e7e7;
}

#primary {
width: 240px;
background: #464646;
box-shadow: 3px 3px 0px #f0f0f0;
padding: 10px;
color: white;
text-transform: uppercase;
margin-right: 3px;
margin-bottom:15px;
}

#secondary {
width: 260px;
margin-right: 0;
background: white;
height: 70px;
}

.category-news #primary, .category-press #primary, .page-id-11 #primary   {
width:390px;
}

ul {
margin: 0 0 0px 1.5em;
}

.share {
width: 50px;
text-align: right;
margin-top: 50px;
float: right;
}

.fb_iframe_widget {
width: 50px;
overflow: hidden;
margin-top: 2px;
height: 20px;
}

.category-news .share, .category-press .share, .page-id-11 .share {
margin-top: 0px;
}

.share:hover + #share-buttons {
display:block;
}

#share-buttons:hover {
display:block;
}

#share-buttons {
display:none;
padding:15px 5px 0px 5px;
overflow:hidden;
margin-top:-5px;
text-align:center;
float:left;
width: 100%;
}

.category-news #share-buttons, .category-press #share-buttons, .page-id-11 #share-buttons {
text-align:right;
}

#share-buttons-grey {
float:left;
color:#464646;
width: 390px;
}

#share-buttons-grey .text {
float: left;
margin-right: 10px;
font-size: 12px;
}

#share-buttons img {
margin:0px 2px;
}

.share a {
color: white !important;
}

.top {float:right;font-size: 12px;text-transform: uppercase;}

.category-map #close-button-wrapper, .home #close-button-wrapper {
z-index: 50;
}


#close-button-wrapper {
position: fixed;
z-index: 250;
top: 73px;
}


#close-button {
float: left;
margin: 0px 10px 10px 10px;
}

#close-button a {
background: black;
color: white;
font-family: megrim;
text-decoration: none;
padding: 4px 10px;
font-size: 18px;
line-height: 29px;
border: 1px solid white;
}

.nav {
left: 830px;
position: relative;
}

#main {
margin: 0;
max-width:1110px;
width: auto !important;
padding: 0px
}

.home #main, .category-map #main {
height: 0px;
visibility: hidden;
}

.page-title {
color: #ff6262 !important;
font-size: 42px;
font-family: 'Libre Baskerville', 'Megrim', cursive;
font-weight: normal;
margin-bottom:10px !important;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

a:visited, a:link {
color: #ff6262;
}

a:hover {
color: #ff0000;
}

#header {
padding: 0px;
background: white;
height: 58px;
z-index: 200;
position: fixed;
width: 100%;
}

#masthead {
padding: 6px 0px 6px 30px;
width: 1050px;
margin: 0 auto;
}

#masthead:after {
content: '';
display: table;
clear: both;
}

#branding {
float: left;
width: 220px;
}

#branding img {
border-top: 0px solid #000;
border-bottom: 0px solid #000;
float: none;
width: 100%;
margin-top: 8px;
}

.language {
margin-top: 16px;
float: left;
width: auto;
}

.language ul {
margin:0;
}

.language ul li {
list-style: none;
border-left: 1px solid red;
float: left;
padding: 0px 2px;
line-height: 10px;
text-align: center;
}

.language .active a {
color: black;
}

.language ul li:first-child {
border-left: 0px solid red;
}

/*
.language ul li a {
display: inline-block;
text-indent: -9999px;
position: relative;
width: 18px;
height: 12px;
}

.lang-en {
background: url(http://www.re-aligned.net/wp-content/plugins/qtranslate/flags/gb.png) no-repeat;
}

.lang-no {
background: url(http://www.re-aligned.net/wp-content/plugins/qtranslate/flags/no.png) no-repeat;
}

.lang-ru {
background: url(http://www.re-aligned.net/wp-content/plugins/qtranslate/flags/ru.png) no-repeat;
}

.lang-fi {
background: url(http://www.re-aligned.net/wp-content/plugins/qtranslate/flags/fi.png) no-repeat;
}
*/



#access .menu-header, div.menu {
font-size: 15px;
}

/* ENGLISH MENU */

#access .menu-mainmenu-english-container ul, div.menu ul {
list-style: none;
margin: 0;
}
#access .menu-mainmenu-english-container li, div.menu li {
float: left;
position: relative;
}
#access .menu-mainmenu-english-container, div.menu {
font-size: 15px;
}
#access .menu-mainmenu-english-container, div.menu {
margin-left: 12px;
width: 928px;
}


#access {
background: white;
width: 430px;
margin-top: 4px;
}

#access a {
/* font-family: 'Libre Baskerville', 'Megrim', cursive; */
font-family: 'Megrim', cursive;
font-weight: 500;
/* font-size: 0.85em; */
color: #333;
text-transform: uppercase;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#access a, x:-moz-any-link {
text-shadow: 0 0 0px rgba(0,0,0,0);
}

#access li:hover > a, #access ul ul :hover > a {
background: none;
color: red;
}

#access ul li.current_page_item > a, #access ul li.current_page_ancestor > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a {
color: #000;
}

.workscontent {
padding-bottom: 30px;
}

.workscontent .navigation {
position: absolute;
bottom: -30px;
}

.navigation a:link, .navigation a:visited {
color: #000;
/*font-family: 'Sanchez', serif;*/
font-family: 'sawasdeeregular';
text-transform: uppercase;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

#content .entry-title {
/* font-size: 32px; */
font-weight: normal;
font-family: 'Libre Baskerville', 'Megrim', cursive;
font-size: 1.8em;
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

.artist-name {
font-size: 24px;
}

.entry-content img {
}

.entry-img {
float: left;
width: 165px;
margin-top: 15px;
}

.entry-summary {
clear: none;
}

.entry-utility {
margin-bottom: 10px;
font-size:14px;
}

.entry-meta {
color: #333;
font-size: 12px;
line-height: 19px;
/*font-family: 'Sanchez', serif;*/
font-family: 'sawasdeeregular';
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
padding-left: 20px;
background: url(images/icon-date.png) left center no-repeat;
}

/* Slider */


/* colorbox */
#cboxTopCenter, #cboxMiddleLeft, #cboxTopRight, #cboxTopLeft, #cboxTopCenter, #cboxMiddleLeft, #cboxMiddleRight, #cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight {
display: none;
}

.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
background: none;
color: #222;
}

.rsImg {
box-shadow: none;
}

/* TAG ARCHIVE */

.tag-sticky {
border-top: 0px solid #000000 !important;
border-bottom: 0px solid #000000 !important;
margin: 0 -20px 20px -20px !important;
background: #ffdad6;
padding: 10px;
}

.tag-sticky .entry-title {
background: #ff411d;
padding: 0px 10px;
}

.tag-sticky .entry-title a {
color: #fff !important;
}

.cat-links, .tag-links {
/*font-family: 'Sanchez', serif;*/
font-family: 'sawasdeeregular';
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
color: black;
text-transform: uppercase;
}

.cat-links a, .tag-links a {
/*font-family: 'Sanchez', serif;*/
font-family: 'sawasdeeregular';
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
text-transform: uppercase;
}

/* WORKS PAGE */

.box {
width: 305px;
padding: 10px 10px 0px 10px;
background: #FFFF00;
float: left;
margin: 0px 15px 15px 0px;
position: relative;
color: #ff411d;
}

.box img {
width: 100%;
height: auto;
}

.box:hover {
background: #ff411d;
color: #fff;
}

.box:hover  .entry-utility {
background: #fff;
color: #ff412d !important;
width: 245px;
}

.box:hover  .entry-utility a {
color: #ff412d !important;
}

.box:hover .entry-summary .entry-title, .box:hover .entry-summary a {
color: #fff !important;
}

.box .entry-summary {
clear: none;
padding: 0px 0 0 0;
line-height: 18px;
}

.box .entry-title a:link, .box .entry-title a:visited, .box .entry-summary .entry-title {
color: #ff412d !important;
}

 .box .entry-summary .entry-title {
margin-bottom: 15px !important;
}

.box .entry-utility {
background: #ff412d;
width: 245px;
padding: 10px;
z-index: 200;
position: relative;
margin-bottom: 0px;
}

.box .entry-utility a {
color: white;
text-decoration: none;
text-transform: uppercase;
/*font-family: 'Sanchez', serif;*/
font-family: 'sawasdeeregular';
font-smooth: always;
-webkit-font-smoothing: antialiased;
text-shadow: 0 0 1px rgba(0,0,0,0.3);
padding: 10px;
}

.link {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 100;
}

#footer {
margin-bottom: 0px;
background: white;
position: fixed;
bottom: 0;
z-index: 200;
height:20px;
}

/*SPLASH page*/

.splash-wrapper {
padding: 20px 42px;
margin-bottom: 20px;
}

.splash li {float: left;
width: 330px;
text-align: center;
list-style: none;
margin-bottom: 50px;
font-size: 14px;
text-transform: uppercase;
}

.splash li img {opacity:1;margin-bottom:10px;}
.splash li img:hover {opacity:0.55;}

.splash li a {
color: black;
text-decoration: none;
font-size: 18px;
}

/* PAGINATION */

.wp-paginate .current {
background: #ff0000 !important;
border: 1px solid #fff !important;
}

/* Slideshow */

div.orbit-default.default-thumbs div.satl-wrapper {
margin-bottom: 113px !important;
ul.orbit-thumbnails li : border-radius:0px !important;
.satl-wrapper .orbit-caption h5 : color: #FFFFFF !important;
}

.thumbholder .orbit-thumbnails li img {
max-width: 900%;
height: 100%;
}

div.satl-nav span.left {
left: 50px !important;
}

div.satl-nav span.right {
right: 200px !important;
}


/* Ciaran's Timeline Embed CSS */



#timeline-embed {

position: fixed;

bottom: 0px;

z-index: 150;

border: 0px solid #cccccc !important;

z-index: 100;

position: fixed;

bottom: 0px;

}



.vmm-timeline, #timeline-embed {

background:none !important;

}



.vmm-timeline {

bottom: 160px !important;

}



.vmm-timeline .container.main {

position: relative !important;

}



.slider .slider-container-mask .slider-container {

display: none !important;

overflow: visible;

}



.vmm-timeline .navigation .timenav-background {

background-color: rgba(255,65,45,0.8) !important;

border-top: 1px solid white;

}



.slider .nav-next .icon, .slider .nav-previous .icon {

opacity:0.75;

}



.slider .nav-next:hover .icon {

opacity:1;

}



.slider .nav-previous:hover .icon {

opacity:1;

}



.slider .nav-previous:hover .icon {

margin-left: 10px !important;

padding-left: 20px !important;

}



.slider .nav-next, .slider .nav-previous, .slider .nav-next .icon, .slider .nav-previous .icon {

position:fixed !important;

top:40% !important;

}



.slider .nav-next .icon {

background: url(images/timeline-right-arrow.png) no-repeat !important;

height: 70px !important;

width: 70px !important;

}



.slider .nav-previous .icon {

background: url(images/timeline-left-arrow.png) no-repeat !important;

height: 70px !important;

width: 70px !important;

}



.slider .nav-next .date, .slider .nav-next .title, .slider .nav-previous .date, .slider .nav-previous .title {

display: none;

}



.vmm-timeline .navigation .toolbar .zoom-in .icon, .vmm-timeline .navigation .toolbar .zoom-out .icon {

background-image:url(images/timeline.png) !important;

}



.vmm-timeline .navigation .timenav .content .marker .flag, .vmm-timeline .navigation .timenav .content .marker .flag:hover {

background-image: none !important;

}



.vmm-timeline .navigation .timenav .content .marker .flag {

height: auto !important;

background: #ff4530;

border: 1px solid white;

opacity: 0.85;

border-bottom-right-radius: 8px;

border-top-right-radius: 3px;

box-shadow: 3px 2px 0px white;

}



.vmm-timeline .navigation .timenav .content .marker .flag:hover {

opacity: 1;

}



.vmm-timeline .navigation .toolbar {

background-color: #ff4430 !important;

border:0px solid #cccccc !important;

box-shadow: 2px 2px 0px #fff !important;

}



.vmm-timeline .navigation .toolbar .zoom-in, .vmm-timeline .navigation .toolbar .zoom-out, .vmm-timeline .navigation .toolbar .back-home {

border: 0px solid #ffffff !important;

}



.vmm-timeline .navigation .timenav-background .timenav-line {

background: #fe5543 !important;

box-shadow: none !important;

}



.vmm-timeline .twitter, .vmm-timeline .messege, .vmm-timeline .credit, .vmm-timeline .caption, .vmm-timeline .zoom-in, .vmm-timeline .zoom-out, .vmm-timeline .back-home, .vmm-timeline .time-interval div, .vmm-timeline .time-interval-major div, .vmm-timeline .nav-container {

font-family: 'Sanchez', serif !important;

}



.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 a, .vmm-timeline .navigation .timenav .content .marker .flag .flag-content h4 a, .vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 {

color: #fff;

text-decoration:none;

text-transform:uppercase;

}



.vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h3, .vmm-timeline .navigation .timenav .content .marker .flag:hover .flag-content h4, .active .flag .flag-content h3 a, .active .flag .flag-content h4 a {

color: #ff4430 !important;

text-decoration:none;

text-transform:uppercase;

}



.vmm-timeline .navigation .timenav .content .marker .flag:hover {

background:black;

}



.vmm-timeline .navigation .timenav .content .marker.active .flag .flag-content h3 {

color: #ff4430 !important;

}



.vmm-timeline .thumbnail {

border: 0px solid #cccccc !important;

}



.active .flag .flag-content {

background:white !important;

height: auto !important;

}



.active .flag {

box-shadow: 3px 2px 0px black !important;

}



.vmm-timeline .navigation .timenav .content .marker .flag .flag-content {

padding: 5px 7px 2px 5px;

height: auto !important;

}



.vmm-timeline img {

border: 0px solid #999999 !important;

}



.vmm-timeline .navigation .timenav .content .marker .flag .flag-content .thumbnail {

margin: 0px 0px -23px 0px !important;

}



.vmm-timeline .navigation .timenav .content .marker .flag .flag-content h3 {

color: #fff !important;

margin-left: 30px;

}



.vmm-timeline .navigation .timenav .content .marker .line .event-line {

background: #fff !important;

}



.vmm-timeline a:hover {

text-decoration:none !important;

}



.vmm-timeline .navigation {

border-top: 0px solid #faaa96 !important;;

box-shadow: 0px 0px 30px 3px #rgba(0, 0, 0, 0.25) !important;

-webkit-box-shadow: 0px 0px 30px 3px #rgba(0, 0, 0, 0.25) !important;

}



.nav-container{

opacity:0;

}



#tabdiv {

background-image: url(images/down-arrow.png);

background-color:#fff;

cursor: hand;

cursor: pointer;

border-top-left-radius: 3px;

border-top-right-radius: 3px;

border: 1px solid rgba(255,65,45,0.3);

margin-bottom: -1px;

}



#tabdiv:hover {

background-image: url(images/down-arrow-white.png);

background-color: #ff4530;



}





.down  {

background-image: url(images/up-arrow.png) !important;

background-color: #fff;



}



.down:hover  {

background-image: url(images/up-arrow-white.png) !important;

background-color: #ff4530;

}


input[src^='https://www.paypal'] {
  width: 160px;
  margin: 0 auto 2rem;
  display: block;
}

body {
position:relative;
}

#footer {
display:none !important;
}

#copyrights {
background:#fff;
color:#777;
position:absolute;
z-index:10000;
left:0;
right:0;
bottom:0;
padding-right: 6px;
text-align:right;
}
body.home #copyrights{
position:fixed;
}

/* ===== HOPELESS FIXES ====== */

#access {
  background: transparent !important;
}

#popmake-37961 { /* visas for gazans */
  background: #394;
  width: 33%;
  height: 17rem;
}

  #popmake-37961 button {
    display: none;
  }

  #popmake-37961 .pum-title {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background: #333;
    padding: .5rem;
  }
  
  #popmake-37961 .pum-content {
     position: absolute;
     top: 4rem;
     left: 0;
     right: 0;
     bottom: 0;
     padding: 1rem;
  }
  
  #popmake-37961 a {
    display: inline-block;
    background: #922;
    padding: .2rem;
  }

  #popmake-37961 * {
    text-align: center;
    color: white;
  }

#popmake-37848 { /* venice */
  background: white;
  width: 33%;
  min-width: 440px;
  border: 4px solid #222;
}

  #popmake-37848 button {
    display: none;
  }
  
  #popmake-37848 .pum-title {
    text-align: center;
  }
  
  #popmake-37848 .pum-content {
    display: flex;
    flex-direction: row;
  }
    
    #popmake-37848 .pum-content > * {
      flex: 1 1 50%;
    }
    
    #popmake-37848 .pum-content ul {
      padding: 2rem;
    }
    
    
#post-37828 { /* biennale */
  text-align: center;
}

  #post-37828 h1.page-title {
    display: none;
  }
  
  #post-37828 .lead-in * {
    margin-bottom: .1em;
  }
  
  #post-37828 .lead-in {
    margin-bottom: 1.5em;
  }
  
  #post-37828 .subpages {
    border: 2px solid #111;
    padding: 1rem;
    text-align: center;    
  }
  
  #post-37828 .subpages ul {
      list-style-type: none;
      margin: 0;
      padding: 0;    
  }
  
  #post-37828 .subpages ul li {
        font-size: 1.4rem;
        display: block;
        margin: .2em;         
  }
  
  #post-37828 .blurb {
    border-top: 2px solid #111;
    padding: 1.5em;
    font-size: 1.1em;
  }
  
  #post-37828 .programme {
    padding: 1.5em;
    font-size: 16px;
  }
  
  #post-37828 .programme * {
    margin-bottom: .2em;
  }
  
  #post-37828 .programme p:last-child,
  #post-37828 .blurb p:last-child {
    margin: 0;
  }
  
  .poem {
    padding: 1.5em;
    border: 1px solid #ccc;
    font-style: italic;
  }
  
  .poem p {
    margin: 0 !important;
    font-weight: 100;
    text-align: center;
  }
  
  .biennale-logos {
    padding: 1.5em;
  }
  
  .bienalle-menu {
    border: 2px solid #111;
    padding: 1rem;
    text-align: center;
    height: 12rem;  
    margin: 0 auto 1.5rem; 
    max-width: 500px;
  }
  
  .bienalle-menu p {
    float: left;
    height: 10rem;
  }
  
  .bienalle-menu img {
    height: 12rem;
    width: auto;
  }

  .bienalle-menu ul {
      list-style-type: none;
      margin: 1rem 0 0 0;
      padding: 0;    
  }
  
  .bienalle-menu ul li {
      font-size: 1.2rem;
      display: block;
      margin: .4em;
      line-height: 24px;      
  }
  
  .biennale-list {
    font-size: 1rem;
    text-align: left;
    padding: 4rem;
  }


.goodcaesar-2023 h1.page-title {
  font-weight: bold;
  color: white;
  display: inline-block;
  text-align: center;
  background-color: black;
  padding: 0;
  margin: 0 !important;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
  font-size: 2.4rem;
  line-height: 1.2;
  padding: 0.25rem 0.5rem 0 0.25rem;
  font-family: sawasdeeregular;
  color: white !important;
  width: 100%;
}

.goodcaesar-2023 h1.entry-title {
  padding: 1rem;
  max-width: 835px;
  box-sizing: border-box;
  margin: 0 auto !important;
}

.goodcaesar-2023 .entry-content {
  padding: 0 !important;
  max-width: 835px;
  margin: 0 auto !important;
}

.goodcaesar-2023 #content {
  margin: 0 !important;
}

.goodcaesar-2023 #container {
  max-width: inherit !important;
}

.goodcaesar-2023 .entry-content > h1,
.goodcaesar-2023 .entry-content > h2,
.goodcaesar-2023 .entry-content > h3,
.goodcaesar-2023 .entry-content > p,
.goodcaesar-2023 .entry-content > form,
.goodcaesar-2023 .entry-content > ul {
  padding-left: 1rem;
  padding-right: 1rem;
}

.goodcaesar-2023 .entry-content > h1:first-child,
.goodcaesar-2023 .entry-content > h2:first-child,
.goodcaesar-2023 .entry-content > p:first-child {
  padding-top: .5rem;
}

.edit-link {
  padding: 1rem;
  display: block;
}

body.home.goodcaesar-2023 .entry-content {
  max-width: inherit !important;
}

.goodcaesar-2023 .entry-content > figure,
.goodcaesar-2023 .entry-content > figure img {
  max-width: 100%;
}


.goodcaesar-2023.category #toolbar {
  display: none;
}

.goodcaesar-2023.category #content > div {
  max-width: 835px;
  margin: 0 auto !important;
  padding: 1rem;
}
    
.goodcaesar-2023.single-post .entry-content > div {
  padding: .5rem 1rem;
}

.goodcaesar-2023 .entry-content > aside {
  padding: 1rem;
  border: 2px solid #222;
  margin: 0 1rem 2rem 2rem;
  text-align: center;
  float: right;
  max-width: 300px;
}

@media(max-width: 800px) {
  .goodcaesar-2023 .entry-content > aside {
    float: none;
    margin: 1rem auto;
    max-width: 500px;
  }
}

.goodcaesar-2023 .entry-content > aside blockquote,
.goodcaesar-2023 .entry-content > aside blockquote p {
  margin: 0 !important;
}

.widget_wc-donation-widget {
  margin: 1rem;
}

#moreoptions {
  padding: 1rem;
}

.top {
  display: none;
}

  
#post-37933 {
  text-align: center;
}  
  
  #post-37828 h1 img,
  #post-38052 h2 img {
    margin: 0 auto;
    display: block;
    width: 100%;
    max-width: 512px;
  }
  


  #post-37933 .entry-content > ul {
    text-align: left;
    padding: 0 6rem;
  }
  
  #post-37933 .entry-content > h3 {
    margin: .5rem 0;
    background: #111;
    color: white;
    padding: 1rem;
  }
  
  #post-37933 .entry-content > h4 {
    border-top: 1px solid #222;
    border-bottom: 1px solid #222;
    margin: 1rem 2rem;
  }
  
  #post-37933 .entry-content > h5 {
    background: #222;
    color: white;
    margin: 0 6rem .5rem;
    padding: .25rem .5rem;
  }
  
#primary {
  display: none;
}

html[lang] {
  margin-top: 0 !important;
}

@media (max-width: 512px) {
  #content, .organisation-intro {
    margin: 0 !important;
    padding-left: 0 !important;;
    padding-right: 0 !important;;
  }
  .organisation-intro p {
    padding: 0 1rem;
  }
  .bienalle-menu {
    max-width: 100%;
  }
  .blurb > p,
  .poem > p {
    padding-left: 1rem;
    padding-right: 1rem;
  }
  #post-37933 .entry-content > ul {
    padding: 0 2rem;
  }
  .goodcaesar-2023 h1.page-title,
  .organisation-logo-wrapper h1 {
    font-size: 2rem !important;
  }
}

@media (max-width: 390px) {
  .bienalle-menu {
    height: auto;
  }
  .bienalle-menu p {
    float: none;
    padding-bottom: 1.5rem;
  }
}

.pum-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 9999;
  background-color: transparent !important;
}

.pum-container {
  pointer-events: all;
}

#wpadminbar {
  position: fixed !important;
  bottom: 0 !important;
  top: auto !important;
}

html.pum-open.pum-open-overlay.pum-open-scrollable body>:not([aria-modal=true]) {
  padding-right: inherit !important; 
}

body.home #container {
  box-sizing: border-box;
  max-width: 100%;
  padding: 0 !important;
}

body.home .hentry {
  margin: 0 !important;
}

body.home #share-buttons-grey,
body.home .top,
body.home h1.page-title {
  display: none;
}

body.home #content {
  margin: 0 !important;
}

body.home .entry-content {
  padding: 0;
}

.cta {
  position: relative;
}

.cta .inner {
  max-width: 800px;
  margin: 0 auto;
  padding: 1rem;
}

.cta .inner.flex {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;  
}

@media(max-width: 768px) {
  .cta .inner.flex {
     flex-direction: column;
  }
}

.cta#biennale-2024 {
  background: white;
  text-align: center;
  line-height: 1;
  pointer-events: none;
}


.cta#biennale-2024 img {
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
  line-height: 1;
}

.cta#biennale-2024 img.portrait {
  display: none;
}

.cta#biennale-2024 .inner.flex {
  padding: 0;
  pointer-events: all;
  cursor: pointer;
}

.cta#biennale-2024 .inner.flex:hover .info * {
  text-decoration: underline;
}

.cta#biennale-2024 .info {
  font-size: 1.2em;
  padding-right: 1em;
}

.cta#biennale-2024 .info * {
  margin: .37em .5em;
}

.cta#biennale-2024 .info h3 {
  margin: .37em 0;
}

@media(max-width: 768px) {
  .cta#biennale-2024 .inner.flex {
    flex-direction: row;
    background: #111;
    color: white;
  }  
  .cta#biennale-2024 .inner.flex .info * {
    color: white;
  }
  .cta#biennale-2024 img.portrait {
    display: block;
    width: 200px;
  }
  .cta#biennale-2024 img.landscape {
    display: none;
  }
}

#mapcta #map {
  position: relative !important;
  height: 300px !important;
  top: 0 !important;
}

#mapcta #toolbar {
  position: absolute !important;
  top: 1rem;
  right: 1rem;
  display: none;
}

#mapcta .mapoverlay {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 900;
  display: flex;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  color: white;
  text-decoration: none;
  cursor: pointer;
  flex-direction: column;
  background: rgba(0,0,0,0.25);
}


#mapcta .mapoverlay > span {
  display: block;
  text-align: center;
}

#mapcta .mapoverlay .h2, 
#mapcta .mapoverlay .h3 {
  color: white;
  text-align: center;
  margin: 0;
}

#applycta {
  background: #d00; 
}

#hostcta {
  background: #ee0; 
}


#applycta .inner,
#hostcta .inner {
  max-width: 800px;
  margin: 0 auto;
  padding: .5rem 1rem;
  text-transform: uppercase;
  color: white;
  text-align: center;
  font-size: 1.4em;
  line-height: 1;
  height: 2rem;
}

#hostcta .inner {
  font-size: 1.2em;
  
}

#hostcta .inner p {
  margin: 0 1em;
  color: #222;
}

@media(max-width: 768px) {
  #hostcta .inner p {
    margin: .5em;
  }   
}

#applycta .inner a,
#hostcta .inner a {
  background: #111;
  padding: .25em .5em;
  color: white;
  display: inline-block;
  border-radius: .25em;
}

#hostcta .inner p:first-child {
  display: none;
}


#donatecta, .cta.regular {
 border-top: 1px solid #ccc;
  border-bottom: 1px solid  #ccc;
}

#gazacta, #donatecta {
   border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa; 
}

#gazacta h2,
#donatecta h2,
.cta.regular h2 {
  text-transform: uppercase;
  margin: 0 !important;
}

#gazacta p {
  text-align: center;
  margin: 0 1rem;
}

#gazacta .donate,
#donatecta .donate,
.cta.regular button ,
.cta.regular .button a {
  float: right;
  margin: .5em;
  background: #222;
  color: white;
  text-transform: uppercase;
  font-size: 1.2em;
  border: none;
  border-radius: .25em;
  padding: .5em;
  font-family: sawasdeeregular;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
}

#jobscta {
  background: #222;
  color: white;
}

#jobscta .inner {
  font-size: 1.2em;
}

#jobscta .inner p {
  margin: 0 1rem;
  padding: 1rem 0;
  text-align: left;
}

#jobscta .inner p:last-child {
  text-align: right;
}

#newscta .inner > h2 {
  margin: 0;
}

#newscta .teasers {
  display: flex;
  flex-direction: row;
}

#newscta .teasers .news-teaser {
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  flex-direction: column;
  padding: 1rem;
  margin: .5rem;
  border: 1px solid #222;
}

#newscta .teasers .news-teaser:hover {
  background: #f6f6f6
}

#newscta .teasers .news-teaser:hover a {
 
}

#newscta date {
  display: none;
}

@media(max-width: 768px) { 
   #newscta .teasers {
     flex-direction: column;
   }
}

#newscta .teasers .news-teaser h2 {
  flex-grow: 1;
  font-size: 1.2rem;
}

#newscta .teasers .news-teaser footer {
  display: flex;
  flex-direction: row;
  font-size: .8rem;
}

#newscta .teasers .news-teaser footer a {
  text-align: right;
  display: block;
  flex-grow: 1;
  text-transform: uppercase;
}

#newscta .inner > footer {
  text-align: center;
  position: relative;
  top: -.5em;
}

#newscta .inner > footer date {
  display: none;
}

#newscta .inner > footer a {
  background: #222;
  color: white;
  padding: .25em .5em;
  text-transform: uppercase;
  border-radius: .25em;
}

#newscta .inner > footer a:hover {
  
}

#specialcta {
  
}

#specialcta .inner {
  justify-content: stretch;
  align-content: center;
}

#specialcta p {
  position: relative;
  flex-grow: 1;
  flex-basis: 0;
  flex: 1;
  align-self: stretch;
  
  line-height: 1;
  text-align: center;
  border: 1px solid #222;
  margin: 0 .5em;
  
  background-position:  center 1rem;
  background-repeat: no-repeat;
  background-size: 150px;
}

#specialcta img {
  max-width: 120px;
  line-height: 1;
  position: relative;
  top: .4rem;
}

#specialcta p a {
  color: #222;
  padding: 1rem;
  width: 100%;
  display: block;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center; 
  text-decoration: none;
  padding-top: 4rem;
}

#specialcta p a:hover {
  text-decoration: underline;
}

#specialcta h2 {
  font-size: 1.3rem;
  text-transform: uppercase;
  padding: 1rem 1rem 0;
  margin: 0;
  text-align: center;
}

#specialcta p.unesco {
  background-image: url(https://artistsatrisk.org/wp-content/uploads/2024/04/UNESCO.png);
}

#specialcta p.ensh {
  background-image: url(https://artistsatrisk.org/wp-content/uploads/2024/04/ENSH.png);
}

#specialcta p.arpav {
  background-image: url(https://artistsatrisk.org/wp-content/uploads/2024/04/ARPAV.png);
}

@media(min-width: 768px) { 
  body.home .entry-content {
    position: relative;
  }
  #mapcta {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
  }
  
  #mapcta #map {
    height: 100% !important;
  }
  
  .cta {
    position: relative;
    z-index: 2;
    background: white; 
  }
  
  .ohgod {
    height: calc(100vh - 56px);
    position: relative;
  }
  
  #biennale-2024 {
    background: transparent !important;
    padding: 2rem;
  }
  
  #biennale-2024 .inner {
    background: white;
    padding: 1rem;
    border: 2px solid #222;
  }
  
  #biennale-2024 .inner .info {
    padding-left: 1rem;
  }
  
  #donatecta {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    width: 400px;
    border: 2px solid #222;
  }
  
  #donatecta .inner {
    flex-direction: column;
  }
  
  #applycta .inner,
  #hostcta .inner {
   flex-direction: column; 
   height: 2rem;
   color: white;
  }
  
  #applycta {
    position: absolute;
    left: 4rem;
    width: 300px;
    border: 2px solid #222;
    background: #d00; 
    bottom: 40%;
    z-index: 3;
  }
  
  #hostcta {
    position: absolute;
    right: 4rem;
    width: 300px; 
    border: 2px solid #222;
    background: #ee0; 
    bottom: 40%;
  }
  
  #hostcta .inner p:first-child {
    margin-bottom: .5em;
    display: none;
  }
  

}

#mapcta .map-close {
  display: none;
}

.ohgod.map-active .popup,
.ohgod.map-active .mapoverlay  {
  display: none !important;
}

.ohgod.map-active {
  height: calc(100vh - 56px);
  position: relative;  
}

.ohgod.map-active #mapcta {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.ohgod.map-active #mapcta #map {
  height: 100% !important;
}

.ohgod.map-active #mapcta .map-close {
  display: block;
  position: absolute;
  bottom: 7rem;
  right: 1rem;
  z-index: 400;
  text-transform: uppercase;
  font-size: 1.2rem;
  background: #00e;
  padding: .25em 1em;
  border: 2px solid #222;
  color: white;
  font-weight: bold;
  cursor: pointer;
}

.ohgod.map-active #mapcta #toolbar {
  display: inline-block;
  font-size: .9em;
  padding: .75rem 1rem 1rem;
  background: white;
  border: 2px solid #222;
  position: absolute;
  top: .5rem;
  left: .5rem;
  max-width: 360px;
}

@media(min-width: 768px) {  
  .ohgod.map-active #mapcta #toolbar {
     max-width: 440px;
  }
  .ohgod.map-active #mapcta .map-close {
     bottom: 3rem;
  }
}

#toolbar .cats {
  display: inline-block;
  margin: 0 .25em 0 0;
}

.ohgod.map-active #mapcta #toolbar input {
  margin: 0 .25em 0 0;
}

.map-activate .h3 {
  display: block;
  position: absolute;
  bottom: 2rem;
  right: 1rem;
  z-index: 400;
  text-transform: uppercase;
  font-size: 1rem;
  padding: .25em 1em;
  font-weight: bold;
  cursor: pointer; 
  color: white; 
  background: #222;
  border: 2px solid #222;
  background: #00e;
}

.map-activate:hover .h3 {
  border: 2px solid white;
  text-decoration: underline;
}

#gazacta-inline {
 
  border: 2px solid #222;
  margin-bottom: 1.5em;
  max-width: 500px;
  margin: 0 auto 2rem;
}

#gazacta-inline p {
   padding: .5rem 1rem;
   margin: 0;
}

#gazacta-inline p strong {
  background-color: #900;
  padding: .25em;
  color: white;
}

#gazacta-inline h2 {
  background: #222;
  color: white;
  padding: 1rem;
  margin: 0;
}

#gazacta-inline p:last-child {
  background: #090;
  color: white;
}

button[data-href]:hover {
  opacity: .9; 
}

#applycta a:hover, #hostcta a:hover {
  text-decoration: none;
}


#donatecta .inner {
  padding: 0 !important;
  box-sizing: border-box;
}

#donatecta h2 {

  padding: .5rem;
  width: 100%;
  box-sizing: border-box;

  text-align: center;
}

#donatecta p {
  width: 100%;
  padding: .25em .5em;
  box-sizing: border-box;
}

#donatecta .button {
  width: 100%;
  text-align: center;
}

#donatecta .button button {
  float: none;
  background: #080;
  color: white;
  font-weight: bold;
}

@media(max-width: 768px) {   
  #gazacta {
    border: 4px solid #222;
    box-sizing: border-box;
  } 
  #specialcta p {
    margin: .5em 0;
  }
  #scrollformore {
    display: none;
  }
}

#donatecta .button button:hover,
#gazacta .button button:hover,
.cta.regular button:hover,
.cta.regular .button a:hover {
  background: #900;
}


@keyframes bounce {
  0% {
    bottom: 3rem;
  }
  40% {
    bottom: 5rem;
  }
  100% {
   bottom: 3rem;
  }
}

#scrollformore {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  color: white;
  font-size: 6rem;
  z-index: 400;
  transition: 0.4s opacity ease;
  opacity: 1;
  animation: ease 1s infinite running bounce;
}

body.scrolled #scrollformore {
  opacity: 0;
}

body.home h2.page-title {
  display: none;
}

#share-buttons-grey {
  display: none;
}

.bienalle-menu-folding {
  position: static;
  width: 100%;
  left: 0;
}

.bienalle-menu-folding .inner {
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
  border: 2px solid #111;
}

.bienalle-menu-folding, 
.bienalle-menu-folding * {
  box-sizing: border-box;
  transition: all 0.1s ease;
}

  .bienalle-menu-folding .inner {
    display: flex;
    flex-direction: row;
    height: auto;
  }
  
  .bienalle-menu-folding .inner > * {
    flex-basis: 0;
    flex-grow: 1;
  }
  
  .bienalle-menu-folding .inner a.logo {
    position: relative;
    display: block;
    line-height: 1;
  }
  
  .bienalle-menu-folding .inner a.logo img {
    width: 100%;
    line-height: 1;
    display: block;
  }
  
  .bienalle-menu-folding .inner a.logo img.portrait {
    transition: opacity 0.2s ease;
  }
  
  .bienalle-menu-folding .inner a.logo img.landscape {
    opacity: 0;
    position: absolute;
    left: .75rem;
  }
  
  .bienalle-menu-folding .inner .vbmenu {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
  }

    .bienalle-menu-folding .inner .vbmenu ul {
        list-style-type: none;
        margin: 0 !important;
        padding: 0; 
        text-transform: uppercase; 
    }
    
    .bienalle-menu-folding .inner .vbmenu ul li {
        font-size: 1.2rem;
        display: block;
        margin: .4em;
        line-height: 24px;      
    }
    
    .bienalle-menu-folding .inner .vbmenu ul li.current_page_item a {
      color: #222;
      text-decoration: none;
    }
    
  .bienalle-menu-folding .vbmenu .overlay-caret {
    display: none;
    text-align: right;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    cursor: pointer;
    height: 50px;
    box-sizing: border-box;
  }
  
  .bienalle-menu-folding .vbmenu .overlay-caret span {
    display: inline-block;
    padding: 1rem .5rem 0 0;
    position: relative;
  }

#post-37828 .bienalle-menu-folding .inner .logo,
#post-38052 .bienalle-menu-folding .inner .logo {
  display: none; 
}

#post-37828 .bienalle-menu-folding .inner .vbmenu ul,
#post-38052 .bienalle-menu-folding .inner .vbmenu ul {
  padding: 4rem 1rem;
}

.bienalle-menu-folding.folded {
  position: fixed;
  background: #222;
}  

  .bienalle-menu-folding.folded .inner {
    height: 50px;
    overflow: hidden;
    max-width: 835px;
  }

  .bienalle-menu-folding.folded .inner .logo img.portrait {
    display: none;
    opacity: 0;
    height: 100%;
    width: auto;
    position: absolute;
    transition-delay: 0.3s;
  }
  
  .bienalle-menu-folding.folded .inner .logo {
    max-width: 200px;
    display: block !important;
  }

  .bienalle-menu-folding.folded .inner .logo img.landscape {
    opacity: 1;
    height: 46px;
    width: auto;
  }

  .bienalle-menu-folding.folded .inner .vbmenu ul li {
    display: none;
  }
  
  .bienalle-menu-folding.folded .inner .vbmenu ul li.current_page_item {
    display: block;
  }
  
  .bienalle-menu-folding.folded .inner .vbmenu ul li.current_page_item a {
    color: white;
  }
  
  .bienalle-menu-folding .vbmenu .overlay-caret {
    display: block;
    color: white;
  }
  
  .bienalle-menu-folding.folded.expanded .overlay-caret span {
    transform: rotate(180deg);
    top: 10px;
    right: 10px;
  }
  
  .bienalle-menu-folding.folded.expanded .inner .vbmenu ul li {
    display: block;
  }
 
  .bienalle-menu-folding.folded.expanded .logo {
    flex-grow: 0;
  }
  
  .bienalle-menu-folding.folded.expanded .inner .vbmenu {
    flex-grow: 1;
  }
  
  .bienalle-menu-folding.folded.expanded .logo img.portrait {
    opacity: 1;
    display: block;
    position: static;
  }

  .bienalle-menu-folding.folded.expanded .inner .logo img.landscape {
    opacity: 0;
  }





#participants {

}

#participants .participant {
  border: 1px solid #222;
  margin: .25rem;
  min-width: 200px;
  flex: 1;
  cursor: pointer;
  scroll-margin-top: 109px;
}

#participants .participant header {
  display: flex;
  flex-direction: row;
  height: 100%;
}

#participants .participant figure {
  margin: 0;
}

#participants .participant figure img {
  display: block;
}

#participants .participant .title {
  padding: .25rem .5rem;
  margin: 0;
  text-align: center;
  flex-grow: 1;
  flex-basis: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  flex-direction: column;
}

#participants .participant .title h3 {
  margin: .25em;
}

#participants .participant .title h4 {
  margin: .25em;
  font-size: .8rem;
}

#participants .participant h3:hover {
  color: red;
}

#participants .participant footer {
  height: 0;
  overflow: hidden;
}

#participants .participant footer .inner {
  padding: 1rem;
}

#participants .participant.expanded footer {
  
}

footer.twenty-three {
  padding-top: 4rem !important;
  background: center 1rem url(/wp-content/themes/re-aligned/images/AR.png) no-repeat;
  background-size: 50px;
}

#secondary {
  display: none;
}

.translations {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  padding: 0 1rem 1rem;
}

.translations p {
  margin: .25rem !important;
  padding: 1rem;
  min-width: 200px;
  border: 1px solid #222;
  flex-grow: 1;
  flex-basis: 0;
}

.one-column, .one-column #content {
  width: auto !important;
}

#cookieconsent {
  position: fixed;
  bottom: 15rem;
  left: 0;
  right: 0;
  z-index: 9999;
  background: #333;
  padding: 1rem;
  font-size: 1rem;
  color: white;
  text-align: center;
  border: 4px solid white;
  display: none;
}

  #cookieconsent h3 {
    padding: 1rem;
  }
  
  #cookieconsent button {
    border: 2px solid white;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
    padding: .25em .5em;
    width: 180px;
    font-size: 1rem;
    margin: .25rem 0;
  }
  
  #cookieconsent button.permit {
    background: #090;
  }
  
  #cookieconsent button.deny {
    background: #900;
  }
  
.searchform fieldset {
  display: flex;
  flex-direction: row;
  width: 100%;
}
  
.searchform input[type="text"] {
  background: #464646 url(images/search.jpg) no-repeat;
  border: 0px solid #ccc;
  box-shadow: none;
  padding: 2px 2px 2px 20px;
  height: 20px;
  color: white !important;
  flex: 1 1 100%;
}

header.twenty-three .searchform.desktop {
  width: 33%;
  display: none;
}

header.twenty-three .searchform.desktop input[type="text"] {
  height: 28px;
  font-size: 1.2rem;
  background-position-x: 99%;
  background-position-y: 4px;
  padding: 2px 20px 2px .5em ;
}
  
@media(max-width: 768px) {
  header.twenty-three .searchform.desktop {
    display: none;
  }   
}

@media(min-width: 768px) { 

  body[data-mode=search] header.twenty-three .searchform {
    display: block;
  }
  
  body[data-mode=search] header.twenty-three .desktop-nav {
    display: none;
  }
}

.page-title span {
  color: white;
}

body.search-results #content > .status-publish {
  max-width: 960px;
  margin: 0 auto;
}

.navigation {
  margin: 0 auto;
  max-width: 960px;
}