/*

 Theme Name:   GeneratePress Child

 Theme URI:    https://generatepress.com

 Description:  Default GeneratePress child theme

 Author:       Tom Usborne

 Author URI:   https://tomusborne.com

 Template:     generatepress

 Version:      0.1

*/

/*---------general---------------*/

html{
	overflow-x: hidden;
}

::-webkit-scrollbar {
  width: 10px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Handle */
::-webkit-scrollbar-thumb {
  background: #252525;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.search-modal-form{
	background:var(--base);
}

.flex {
	display: flex;
}

.wrap {
flex-wrap: wrap;
}

.basis100{
	flex-basis:100%;
}

.column{
	flex-direction: column;
}

img.round_img {
    border-radius: 100%;
    aspect-ratio: 1 / 1;
}

.embed-container:has(>iframe) {
    position: relative;
    padding-bottom: 56.25%;
    overflow: hidden;
    max-width: 100%;
    height: auto;
}

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

/*---------Header--------------------*/

.mobile-menu-control-wrapper .menu-toggle,
.mobile-menu-control-wrapper .menu-toggle:hover, 
.mobile-menu-control-wrapper .menu-toggle:focus{
    background:transparent;
}

.inside-header{
	align-items:end;
    gap:4%;
}

.inside-header .menu-toggle{
	line-height:0;
	padding-right:0;
}

.site-logo{
	order:0;
    flex-basis: 28%;
    z-index: 999;
}

.site-logo img{
max-height: 80px;
    width: auto;
}

.has-inline-mobile-toggle .header-widget {
    order: 10;
flex-basis: calc(60% - 300px);
	font-size:1.7vw;
	font-weight:bold;	
	text-transform:uppercase;
	    margin-left: 0;
    margin-right:0;
        padding-left:5px;
        margin-right:auto;
    display:flex;
    justify-content:space-between;
    align-items: end;
}

body:not(.home) aside#text-5 {
    opacity: 0;
}

aside#execphp-2 {
    flex-basis: 110px;
}

.social_links {
    display: flex;
    gap:10px;
    align-items: end;
    flex-basis:110px;
    justify-content: end;
}

.social_links > div {
    border-radius: 100%;
   /* padding: 10%;*/
}

body[class*="page-new-york"] .social_links > div{
    background: var(--theme-color-1);
}

body[class*="page-berlin"] .social_links > div{
background:var(--theme-color-2);
}

body[class*="page-buenos-aires"] .social_links > div{
background:var(--theme-color-3);
}

body[class*="page-bay-area"] .social_links > div{
background:var(--theme-color-4);
}

body[class*="page-barcelona"] .social_links > div{
background:var(--theme-color-5);
}

body[class*="page-paris"] .social_links > div{
background:var(--theme-color-6);
}


.social_links a {
    height: 100%;
    width: 100%;
    display: block;
    line-height: 1;
    z-index: 99;
    position: relative;
}

.hub_header_icons .social_links a, 
.page-template-hub-page .hub_header_icons .social_links a {
    padding: 8px 10px;
}

.social_links a img {
    display: block;
     filter:invert(1);
}


nav#mobile-menu-control-wrapper {
	order: 20;
    display: flex;
    margin-top: 0;
    flex-basis: 176px;
}


.has-inline-mobile-toggle #site-navigation .inside-navigation > *:not(.navigation-search):not(.main-nav){
	display: none;
}

.has-inline-mobile-toggle #site-navigation {
    flex-basis: 100%;
    order: 15;
    position: absolute;
    top: 20px;
    width:100%;
    right: 0;
    text-align: center;
    margin-top:0 !important;
        height: 0;
    margin-right: 0;
        z-index: 99;
}

.main-navigation .main-nav {
  /*  background: #ffffff8f;*/
}

.main-navigation .main-nav * {
    transition: .1s linear;
    overflow: hidden;
}

.main-navigation:not(.toggled) .main-nav * {
    font-size: 0 !important;
    padding: 0;
    margin: 0;
    height: 0;
    display: block !important;
    opacity: 0;
}

.main-navigation .main-nav ul#menu-custom-menu-widget {
    width: 33%;
    float: right;
    background: #ffffff8a;
    padding-top: 100px;
}

.main-navigation .main-nav ul li a {
    padding-left: 20px;
    padding-right: 20px;
    line-height: 2;
    background: white;
    margin-top: 0.8em;
    font-size: 1.35em;
    margin-bottom: 0.8em;
}

.main-navigation .main-nav ul ul li a {
    font-size: 19px;
    margin-top: 1px;
    margin-bottom: 1px;
}

.menuButton {
display: flex;
    position: relative;
    width: 70px;
    flex-direction: column;
}

.menuButton span {
background: black;
    height: 13px;
    display: block;
    position: relative;
    margin-top: 5px;
    transition: transform .25s linear, height .25s linear,opacity .25s linear,margin .25s linear;
   -webkit-transition: transform .25s linear, height .25s linear .25s linear,margin .25s linear;
  -moz-transition: transform .25s linear, height .25s linear .25s linear,margin .25s linear;
  -o-transition: transform .25s linear, height .25s linear .25s linear,margin .25s linear;
  transition: transform .25s linear, height .25s linear .25s linear,margin .25s linear;
}

.menuButton:hover span {
/*background: var(--theme-color-4);*/
}

span.topBar {
    margin-top: 0;
    top: 0;
}

span.bottomBar{
top:0;
}

.toggled span.topBar {
    transform: rotate(45deg);
    top: 7px;
}

.toggled span.midBar {
    opacity: 0;
    height: 0;
    margin: 0;
}

.toggled span.bottomBar {
    transform: rotate(-45deg);
    top: -11px;
}

.toggled .icon-menu-bars svg:nth-child(2){
	display: none;
}

span.gp-icon.icon-search svg {
    display: none;
}

.main-navigation .menu-bar-item>a{
	line-height: 1;
}

.menu-bar-item span.gp-icon.icon-search {
    height: 46px;
}
.menu-bar-item span.gp-icon.icon-search:hover{
/*filter: invert(62%) sepia(93%) saturate(463%) hue-rotate(3deg) brightness(102%) contrast(100%);
filter: invert(65%) sepia(98%) saturate(3764%) hue-rotate(106deg) brightness(98%) contrast(99%);*/

}

/*------------Grids------------*/

section, .section_link{
	display: flex;
	position: relative;
	flex-wrap:wrap;
}


section .cube{
flex-basis: 33%;
    padding: 4%;
 color:black;
     display: flex;
    flex-direction: column;
    justify-content: space-between;
    color:black;
    line-height: 1;
    font-weight: bold;
    z-index: 9;
}

section .cube h2 {
    color: white;
    text-transform: uppercase;
    font-size: 3vw;
    font-family: ABCMaxiRound-Bold;
    text-decoration:none !important;
}

section .cube div {
    max-width: 340px;
    font-size: 18px;
    line-height: 1.3;
    text-decoration:none;
}

section .cube div *{
    text-decoration:none;
}

section .section_link {
    text-decoration: none;
    flex-basis:100%;
}

section .image{
	 flex-basis: 67%;
position: relative;
overflow: hidden;
}

section .image.img1,section .image.img2{
	 flex-basis: 33%;
}

section .image.half,section .cube.center{
	 flex-basis: 34%;
}

section img.back_img {
    height: 100.5%;
    width:100%;
}

section img.icon {
	position: absolute;
		top:0;
	left:0;
	height: 100%;
}

span.photo_grid_credit {
    font-size: 17px;
    display: block;
    text-decoration:none;
}

/*-------svg backgrounds-----------*/
.background_upper_curve {
    z-index: 0;
    display: block;
    position: absolute;
    right: 0;
    z-index: -1;
}

.background_upper_curve svg {
    float: right;
    width: 50%;
}

.background_upper_curve svg path {
    scale: .5;
}

.background_lower_half_circle {
    position: absolute;
    left: 0;
    top: 25%;
    z-index: -1;
}

body[class*="page-new-york"] svg path{
fill:var(--theme-color-1);
}

body[class*="page-berlin"] svg path{
fill:var(--theme-color-2);
}

body[class*="page-buenos-aires"] svg path{
fill:var(--theme-color-3);
}

body[class*="page-bay-area"] svg path{
fill:var(--theme-color-4);
}

body[class*="page-barcelona"] svg path{
fill:var(--theme-color-5);
}

body[class*="page-paris"] svg path{
fill:var(--theme-color-6);
}

/*------------Home Page------------*/

.home article {
    display: none;
}

.home section.first.new_york {
    background: var(--theme-color-1);

}

.home section.second.berlin .cube {
    background: var(--theme-color-2);
        order: 10;
}

.home section.third.buenos_aires .cube {
    background: var(--theme-color-3);
}

.home section.fourth.bay_area .cube {
    background: var(--theme-color-4);
        order: 10;
}

.home section.fifth.barcelona .cube {
    background: var(--theme-color-5);
}

.home section.sixth.paris .cube {
    background: var(--theme-color-6);
}

.floating_about_laba {
    position: fixed;
    bottom: 20%;
    z-index: 999;
width:150px;
	height:200px;
}



.question_mark_text {
    background: white;
    @include: circle(5rem);
}

section.sixth.paris .icon {
    filter: invert(54%) sepia(33%) saturate(5105%) hue-rotate(0deg) brightness(75%) contrast(101%);
    transform: rotate(273deg) rotateX(66deg) translate(-34vh, -100%);
}

/*-----------Pages----------------*/

.home .inside-article,
.page-template-hub-page .inside-article,
.single-project .inside-article{
	background: none;
}

body:not(.single-project,.page-template-hub-page) .hub_header_icons {
    order: 12;
    flex-basis: 110px;
}

body:not(.single-project,.page-template-hub-page) .hub_header_icons .social_links > div{
    background: var(--accent);
}

body:not(.single-project,.page-template-hub-page) .hub_header_icons a img{

}

/*-----------Theme-Page---------------*/

.page-the-laba-theme .theme_image_and_text{
	display: flex;
	gap:40px;
}

.page-the-laba-theme .theme_image {
    flex-basis: 50%;
}

.page-the-laba-theme .theme_image img{
width:100%;
}

.page-the-laba-theme .theme_content{
	flex-basis:80%;
}


/*-----------Contact-Page-------------*/

div.wpcf7 {
    max-width: 700px;
}

.page-contact form{
	position: relative;
}

.page-contact label {
    display: none;
}

.page-contact  input[type="text"], .page-contact  input[type="email"],
.page-contact  textarea {
    width: 100%;
    background:var(--base);
    border:1px solid;
}

.page-contact  form input.wpcf7-form-control.wpcf7-submit.has-spinner {
}

.page-template-hub-page .airplane-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    bottom: 75px;
    float: right;
    right: 10px;
}

/*--------about page-------------*/
.page-about .inside-article {
    display: flex;
    gap: 4%;
}

.page-about aside.history {
    flex-basis: 28%;
    margin-top: 2em;
    text-align: justify;
}

aside.history h2 {
    font-size: 3vw;
    margin-bottom: 0.65em;
}

aside.history h2:nth-last-of-type(1) {
    margin-bottom: 1.5em;
}

.page-about .entry-content.alt {
    flex-basis: 68%;
     text-align: justify;
}
.page-about .entry-content:not(.alt){
display: none;
}

.page-about .history_text {
    position: fixed;
    top: 65vh;
}

.page-about ul.innerMenu {
    list-style: none;
    margin: 0;
    font-size: 23px;
}

.page-about ul.innerMenu li:before{
 content:'>';   
}

.page-about .side_titles {
    background: yellow;
    width: 200px;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
}



/*-----------Hub Pages----------------*/

.page-template-hub-page .site-main{
	position: relative;
}

.hub_header_icons {
    order: 30;
    display: flex;
    gap: 10px;
    flex-direction: row-reverse;
    justify-content: flex-start;
    flex-basis: 300px;
    z-index: 99;
}

.hub_header_icons a{
line-height: 1;
border-radius:100%;
padding: 8px 10px 6px;
}

body[class*="page-new-york"] .hub_header_icons a{
	background-color: var(--theme-color-1);
}

body[class*="page-berlin"] .hub_header_icons a{
	background-color: var(--theme-color-2);
}

body[class*="page-buenos-aires"] .hub_header_icons a{
	background-color: var(--theme-color-3);
}

body[class*="page-bay-area"] .hub_header_icons a{
	background-color: var(--theme-color-4);
}

body[class*="page-barcelona"] .hub_header_icons a{
	background-color: var(--theme-color-5);
}

body[class*="page-paris"] .hub_header_icons a{
	background-color: var(--theme-color-6);
}

.languages {
    position: absolute;
    right: 40px;
    top: 130px;
    background: white;
    padding: 20px;
    border-radius: 30px;
    z-index: 99999;
}

body[class*="page-new-york"] .languages{
	 box-shadow: 1px 1px 6px 1px var(--theme-color-1);
}

body[class*="page-berlin"] .languages{
	 box-shadow: 1px 1px 6px 1px var(--theme-color-2);
}

body[class*="page-buenos-aires"] .languages{
	 box-shadow: 1px 1px 6px 1px var(--theme-color-3);
}

body[class*="page-bay-area"] .languages{
	 box-shadow: 1px 1px 6px 1px var(--theme-color-4);
}

body[class*="page-barcelona"] .languages{
	 box-shadow: 1px 1px 6px 1px var(--theme-color-5);
}

body[class*="page-paris"] .languages{
	 box-shadow: 1px 1px 6px 1px var(--theme-color-6);
}

.languages a {
    display: block;
    text-decoration: none;
    padding: 0 20px;
    text-align: left;
    font-weight: 600;
    font-size: 22px;
    margin-bottom: 5px;
	    border-bottom: 3px dotted;
}

.page-template-hub-page nav.main-navigation.mobile-menu-control-wrapper {
    display: none !important;
}

.page-template-hub-page .has-inline-mobile-toggle #site-navigation{
    display: none;
}

.page-template-hub-page h1{
	display: none;
}

.page-template-hub-page .sections {
    display: flex;
    flex-direction: column;
}

.page-template-hub-page .sections section {
    flex: 1;
}

.page-template-hub-page img.icon{
	filter:grayscale(1) brightness(20);
}

.page-template-hub-page .img1,
.page-template-hub-page .img2{
	flex-basis: 33%;
}

section .image.img1 img, section .image.img2 img,
section .image.half img {
    object-fit: cover;
    /* width: 50%; */
}

.page-template-hub-page .img1,
.page-template-hub-page .cube1{
	order:-1;
}

body[class*="page-new-york"] .cube{
	background: var(--theme-color-1);
}

body[class*="page-berlin"] .cube{
	background: var(--theme-color-2);
}

body[class*="page-buenos-aires"] .cube{
	background: var(--theme-color-3);
}

body[class*="page-bay-area"] .cube{
	background: var(--theme-color-4);
}

body[class*="page-barcelona"] .cube{
	background: var(--theme-color-5);
}

body[class*="page-paris"] .cube{
	background: var(--theme-color-6);
}

body[class*="page-berlin"] section .cube .item,
body[class*="page-barcelona"] section .cube .item {
    color: white;
}

a.button.extra_button {
    border-radius: 20px;
    background: #333;
}

a.button.extra_button:hover {
    border-radius: 20px;
    background: white;
	color:#333;
}

.page-template-hub-page .item img {
    display: block;
    width: 16px;
    height: 16px;
    margin-bottom: 10px;
}

body[class*="page-berlin"] section .cube .item img,
body[class*="page-barcelona"] section .cube .item img {
    filter: invert(1);
}

.page-template-hub-page section.third .cube1 .item img {
    transform: rotate(-90deg);
}

.page-template-hub-page section.third .cube2 .item img {
    transform: rotate(-180deg);
}

.page-template-hub-page .fourth .item img {
    display: inline-block;
    vertical-align: middle;
}

.page-template-hub-page .fourth .item img:nth-of-type(1) {
    transform: rotate(180deg);
    margin-right: 10px;
}



.page-template-hub-page article {
    display: none;
}

.page-template-hub-page .sections section.second.theme .image.img1 img.icon {
    width: 65%;
    height: 60%;
}

.page-template-hub-page section.third.fellows_and_staff .image .icon {
    height: 50%;
    width: 100%;
    top: 25%;
    left: 39%;
}

.page-template-hub-page section .cube h2:has(>.openIt){
	cursor:pointer;
}


.page-template-hub-page .openClose {
    flex-basis: 100%;
    background: white;
   /* font-size: 0;*/
    transition: .25s linear;
    overflow: hidden;
}

.page-template-hub-page section:not(.openSection) .openClose{
  height: 0 !important;
}

.page-template-hub-page .openClose > .inside-article {
/*padding:0;*/
display: flex;
gap:5%;
}

.page-template-hub-page .openIt{
	transition: .25s linear;
	display: inline-block;
}

.page-template-hub-page .openSection .openIt{
transform: rotate(-135deg);
}

.page-template-hub-page .openIt img.icon {
    width: 2vw;
    height: 2vw;
    position: relative;
    left: 0px;
}

.page-template-hub-page .openSection .openClose {
    font-size: 20px;
    transition: .25s linear;
}

.page-template-hub-page .about.openSection .openClose.aboutBox {
    min-height: 450px;
}

.page-template-hub-page .about.openSection .openClose.aboutBox.staffOpen{
min-height:700px;
max-height: 700px;
}

.page-template-hub-page .openClose > .inside-article {
padding:30px;
}

.page-template-hub-page section .openClose > .inside-article .text{
	flex-basis: 65%;
    text-align: justify;
    font-size: 18px;
}

.page-template-hub-page section .openClose > .inside-article .contact_form {
flex-basis: 33%;
    font-size: 18px;
    padding: 30px;
}

.page-template-hub-page section .openClose > .inside-article .contact_form form{
	position: relative;
}

.page-template-hub-page section .openClose > .inside-article .contact_form label {
    display: none;
}

.page-template-hub-page section .openClose > .inside-article .contact_form label:has(>input[name="_mc4wp_subscribe_contact-form-7"]) {
    display: block;
}

.page-template-hub-page section .openClose > .inside-article .contact_form label:has(>input[name="_mc4wp_subscribe_contact-form-7"]) span, .page-template-hub-page section .openClose > .inside-article .contact_form label:has(>input[name="_mc4wp_subscribe_contact-form-7"]) input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    margin-bottom: 0;
}

.page-template-hub-page section .contact_form input[type="text"], .page-template-hub-page section .contact_form input[type="email"],
.page-template-hub-page section .contact_form textarea {
    width: 100%;
    background:var(--base);
    border:1px solid;
}

.page-template-hub-page section .openClose > .inside-article .contact_form form input.wpcf7-form-control.wpcf7-submit.has-spinner {
    position: absolute;
    bottom: 50px;
    right: 10px;
    display: none;
}

.page-template-hub-page .contact_form form span[data-name="your-message"] {
    position: relative;
}

.page-template-hub-page .airplane-circle {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: relative;
    bottom: 75px;
    float: right;
    right: 10px;
}

.page-template-hub-page .contact_form .wpcf7 form .airplane-circle img{
    position: absolute;
top: 4px;
    right: -7px;
    cursor: pointer;
    width: 90%;
}

.page-template-hub-page  .contact_form .wpcf7 form .airplane-circle:hover{
	filter:brightness(0.9);
}

body[class*="page-new-york"] .airplane-circle,
body[class*="page-new-york"] section .openClose > .inside-article .contact_form{
	background: var(--theme-color-1);
}

body[class*="page-berlin"] .airplane-circle,
body[class*="page-berlin"] section .openClose > .inside-article .contact_form{
	background: var(--theme-color-2);
}

body[class*="page-buenos-aires"] .airplane-circle,
body[class*="page-buenos-aires"] section .openClose > .inside-article .contact_form{
	background: var(--theme-color-3);
}

body[class*="page-bay-area"] .airplane-circle,
body[class*="page-bay-area"] section .openClose > .inside-article .contact_form{
	background: var(--theme-color-4);
}

body[class*="page-barcelona"] .airplane-circle,
body[class*="page-barcelona"] section .openClose > .inside-article .contact_form{
	background: var(--theme-color-5);
}

body[class*="page-paris"] .airplane-circle,
body[class*="page-paris"] section .openClose > .inside-article .contact_form{
	background: var(--theme-color-6);
}

/*
.page-template-hub-page  section .openClose > .inside-article .contact_form form input,
.page-template-hub-page  .openClose > .inside-article .contact_form form textarea{
    height: 0;
    overflow: hidden;
    margin:0;
    transition:.25s linear;
    opacity:0;
    padding:0;
}

.page-template-hub-page  section .openClose > .inside-article .contact_form form p {
    height: 0;
   overflow: hidden;
}
*/
.page-template-hub-page  .openClose > .inside-article .contact_form form input{
    overflow: hidden;
    margin-bottom: 10px;
    opacity: 1;
    padding: 5px 20px;
    line-height: 35px;
    font-size: 18px;
}

.page-template-hub-page .openClose > .inside-article .contact_form form textarea{
    height: 200px;
    overflow: hidden;
    margin-bottom:10px;	
    opacity: 1;
    padding:5px 20px;
    line-height: 60px;
    font-size: 18px;
}

.page-template-hub-page  .openClose > .inside-article .contact_form form input,
.page-template-hub-page .openClose > .inside-article .contact_form form textarea{
    border:hidden;
    border-radius: 5px;
}

.page-template-hub-page  .openClose > .inside-article .contact_form form p {
    height: auto;
}

.page-template-hub-page .aboutTabs {
    display: flex;
    width: 66.667%;
margin-left: 5%;
    position: absolute;
    gap: 10px;
    opacity: 0;
    transition: .2s linear;
	    z-index: 99999;
}

.page-template-hub-page .about.openSection .openClose.aboutBox .aboutTabs{
    opacity: 1;    
}

.page-template-hub-page .aboutTabs a {
    background: gray;
    color: white;
    padding: 3px 30px;
    text-align: center;
        text-decoration: none;
    /* letter-spacing: 1px; */
    text-transform: uppercase;
        border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

.page-template-hub-page a.active {
    background: #333;
}


.page-template-hub-page .openClose > .inside-article.about {
    gap: 0%;
    padding: 0;
    justify-content: space-between;
    height: 100%;
}

.page-template-hub-page section .openClose > .inside-article.about .text{
    padding:30px;
    overflow: auto;
    direction: rtl;
    padding-top:50px;
    min-height: 450px;
}

.page-template-hub-page section .openClose > .inside-article.about .text p{
    direction:ltr;
}

.page-template-hub-page section .openClose > .inside-article.about .text p:nth-of-type(1), 
.page-template-hub-page section .openClose > .inside-article.about .text p:nth-of-type(1) span {
    font-weight: 600 !important;
    font-size: 106%;
    line-height: 1.6;
}

.page-template-hub-page section.theme .theme_main_image {
    flex-basis: 100%;
}

.page-template-hub-page section .openClose .theme_main_image {
    flex-basis: 30%;
    height: auto; 
 /*   transition: .5s linear;
    transition-delay: .2s;*/
}

.page-template-hub-page section .theme_main_image img {
    width: 100%;
}

.page-template-hub-page section .theme_content {
    flex-basis: 70%;
    text-align: justify;
}
/*
.page-template-hub-page section:not(.openSection) .openClose .theme_main_image {
    flex-basis: 0;
    height: 0;
    transition-delay: 0s;
    opacity: 0;
}*/

.page-template-hub-page  section.first.about .staff,
.page-template-hub-page  section.first.about .jury{
	transition: .1s linear;
	direction:rtl;
	height:700px;
	overflow: auto;
    padding-top: 60px;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

.staff_background {
    position: absolute;
    opacity: .7;
    width: 95%;
    /* margin-right: 0; */
    /* margin-left: auto; */
    right: 0;
    /* bottom: 0; */
    z-index: 0;
    max-width: 1250px;
}

.staff_background img {
    object-fit: contain;
}

body[class*="page-new-york"] .staff_background img{
filter: invert(58%) sepia(74%) saturate(812%) hue-rotate(92deg) brightness(85%) contrast(101%);
}

body[class*="page-berlin"] .staff_background img{
filter: invert(8%) sepia(100%) saturate(7488%) hue-rotate(267deg) brightness(103%) contrast(126%);
}

body[class*="page-buenos-aires"] .staff_background img{
filter: invert(54%) sepia(33%) saturate(820%) hue-rotate(314deg) brightness(99%) contrast(93%);
}

body[class*="page-bay-area"] .staff_background img{
filter: invert(73%) sepia(77%) saturate(876%) hue-rotate(356deg) brightness(94%) contrast(107%);
}

body[class*="page-barcelona"] .staff_background img{
filter: invert(10%) sepia(99%) saturate(5511%) hue-rotate(245deg) brightness(90%) contrast(151%);
}

body[class*="page-paris"] .staff_background img{
filter: invert(59%) sepia(66%) saturate(1779%) hue-rotate(7deg) brightness(81%) contrast(102%);
}

.page-template-hub-page  section.fellows_and_staff:not(.openSection) .openClose.staffBox >div {
/*height:0;
overflow: hidden;*/

}

 .page-template-hub-page  .staff_member {
    /*width: 75%;*/
    margin: 0 auto;
    direction: ltr;
    height: auto;
       z-index: 9;
	 display:block;
}

 .page-template-hub-page section.openSection .staff_member{
 	    margin-bottom: 70px;
 	    height: 100%;
 	     font-size: 20px !important;
 }

.staff_member:nth-of-type(n + 5) {
    margin-top: 10%;
}

.staff_content {
    height: 100%;
    max-width: 400px;
    margin: 0 auto;
    direction: ltr;
    height: 0;
    display: flex;
    flex-direction: column;
    text-align: center;
    flex-basis: 45%;
}

.page-template-hub-page  .staff_member h5{
font-weight: 600;
text-transform: uppercase;
margin-bottom: 0;
}

.page-template-hub-page section.first.about .staff p.title,
.page-template-hub-page section.first.about .jury p.title{
    text-align: center;
    text-transform: uppercase;
    font-size: 17px;
    margin-left:0;
    margin-bottom: 0;
}

.page-template-hub-page  section.first.about .staff img.round_img,
.page-template-hub-page  section.first.about .jury img.round_img{
    shape-outside: circle();
   /* float: left;
    margin-right: 1.5em;*/
    width:150px;
margin: 20px auto;
}

.page-template-hub-page  section.first.about .staff p,
.page-template-hub-page  section.first.about .jury p{
    width: 100%;
    margin-left: 5px;
    text-align: justify;
}


.page-template-hub-page .newsBox ul.allrows {
    display: flex;
    flex-direction: column;
    width: 75%;
    margin: 30px auto;
    max-width: 1200px;
    min-width:300px;
}

    .page-template-hub-page .newsBox li.singleRow {
    display: flex;
    margin-bottom: 20px;
    gap: 20px;

}

.page-template-hub-page .newsBox li.singleRow img {
    width: 150px;
    height: auto;
    object-fit: cover;
}

.page-template-hub-page .newsBox li.singleRow .memberTxt {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    flex-wrap: wrap;
}

.page-template-hub-page .newsBox .memberTxt h3 {
    margin-bottom: 0;
    line-height: 1;
}

.page-template-hub-page .newsBox .memberTxt h3 a {
    text-decoration: none;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 0;
}

.page-template-hub-page .newsBox .memberTxt p {
    margin-bottom: 0;
}

.page-template-hub-page .newsBox li.singleRow .memberTxt a.button {
    display: inline-block;
    width: fit-content;
}

.page-template-hub-page .fellows_page {
    position: absolute;
    left: 100%;
    top: 0;
    bottom: 0;
    background: var(--base);
    z-index: 9999;
    width: 100%;
    transition: 1s ease-in;
padding: 2% 5%;
    overflow: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: right;
}

.page-template-hub-page .openFellows .fellows_page{
	left:0;
	  overflow: visible;
}

.page-template-hub-page .sections{
position: relative;
left:0;
transition: left 1s ease-in;
}

.page-template-hub-page .openFellows .sections{
	left:-100%;
}

.page-template-hub-page .fellows_page a.close img {
    width: 3vw;
    height: 3vw;
    transform: rotate(0deg);
    transition: .1s linear;
    position: absolute;
    right: 10px;
    top: 10px;
}

.page-template-hub-page .openFellows .fellows_page a.close img{
	transform: rotate(135deg);
}

.page-template-hub-page .fellows_page_inner{
	direction: rtl;
	position: relative;
}

.page-template-hub-page .fellows_list,
.page-template-hub-page .fellows_list .archive_content:has(.fellow){
    /* column-gap: 10px; */
    /* column-count: 3; */
    /* text-align: center; */
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap:2%;
        flex-direction: row-reverse;
}

.page-template-hub-page .fellows_side_headline {
    width: max-content;
    position: absolute;
    left: 0;
    top: 0;
    transform-origin: left;
    transform: rotate(90deg);
    font-size: 2.3vw;
    font-weight: 600;
    font-family: 'ABCMaxiRound-Bold';
}

body[class*="page-new-york"] .fellows_side_headline{
color:var(--theme-color-1);
}

body[class*="page-berlin"] .fellows_side_headline{
color:var(--theme-color-2);
}

body[class*="page-buenos-aires"] .fellows_side_headline{
color:var(--theme-color-3);
}

body[class*="page-bay-area"] .fellows_side_headline{
color:var(--theme-color-4);
}

body[class*="page-barcelona"] .fellows_side_headline{
color:var(--theme-color-5);
}

body[class*="page-paris"] .fellows_side_headline{
color:var(--theme-color-6);
}

.page-template-hub-page .fellows_list .fellow{
	flex-basis:30%;
	text-align: center;
	margin-bottom: 50px;
    /*padding: 10px 10%;
	flex-flow: column wrap;*/
	display: inline-block;
}

.page-template-hub-page .fellow img{
	width: 70%;
	max-width:240px;
	object-fit: cover;
}

.page-template-hub-page .fellow img[src=''] {
    display: none;
}

.page-template-hub-page .fellow h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.5em;
}

.page-template-hub-page .fellow a.projectLink {
    color: #00aeef;
font-weight: 400;
    font-size: .6em;
    display: block;
}

.page-template-hub-page .fellow .text{
	text-align: justify;
	max-width: 400px;
    margin: 0 auto;
    font-size: 1.1em;
    direction: ltr;
}

.page-template-hub-page .break:nth-of-type(3n) {
  flex-basis: 100%;
  width: 0;
  border: 1px solid #ddd;
  margin: 0;
  content: "";
  padding: 0;
}

.page-template-hub-page .alumni {
    position: fixed;
    bottom: -40px;
    width: max-content;
    background: white;
    display: flex;
    justify-content: start;
    /* border-top-left-radius: 30px; */
    border-top-right-radius: 30px;
    left: 0;
    /* right: 0; */
    gap: 15px;
    box-shadow: 1px -1px 1px 0px;
    padding: 0 20px;
    align-items: baseline;
}

.page-template-hub-page .openFellows .alumni {
bottom: 0px;
transition: .3s linear;
transition-delay: 1.5s;
}

.page-template-hub-page .alumni h4 {
    font-family: 'ABCMaxiRound-Bold';
    margin-bottom: 0;
    cursor: pointer;
}

.page-template-hub-page .alumni a {
    display: none;
    text-decoration: none;
    font-family: 'ABCMaxiRound-Bold';
    cursor:pointer;
}

.page-template-hub-page .alumni a.active {
    background: transparent;
    font-size: 110%;
    text-decoration: underline;
}

.page-template-hub-page .archive_content {
    max-width: 85%;
    margin: 0 auto 100px;
    direction: ltr;
}

.page-template-hub-page .archive_content ul {
    list-style: none;
    margin: 0;
}

.page-template-hub-page .archive_content li {
margin-bottom:20px;
border-bottom:3px dotted;
}

.page-template-hub-page .archive_content h1, 
.page-template-hub-page .archive_content h2, 
.page-template-hub-page .archive_content h3 {
    display: block;
}

.page-template-hub-page .archive_content img{
    max-width: 200px;
}

/*---------.single-project-Background---------*/

.single-project nav#mobile-menu-control-wrapper {
    display: none;
}

/*
.single-project .hub_header_icons {
    order: 30;
    display: flex;
    gap: 20px;
    flex-direction: row;
}

.single-project .hub_header_icons a {
    line-height: 1;
    border-radius: 100%;
}
*/

.single-project.new_york .hub_header_icons a{
background: var(--theme-color-1);
}
.single-project.berlin .hub_header_icons a{
background: var(--theme-color-2);
}
.single-project.buenos-aires .hub_header_icons a{
background: var(--theme-color-3);
}
.single-project.bay_area .hub_header_icons a{
background: var(--theme-color-4);
}
.single-project.barcelona .hub_header_icons a{
background: var(--theme-color-5);
}
.single-project.paris .hub_header_icons a{
background: var(--theme-color-6);
}

.single-project article{
	background-repeat: no-repeat !important;
}


.single-project.post-image-aligned-left .inside-article .featured-image {
    margin-right: 6%;
    float: none;
    display: inline-block;
    width:27%;
}

.single-project.post-image-aligned-left .inside-article .featured-image img {
    width: 100%;
}

.single-project header.entry-header {
    display: inline-block;
    width: 65%;
    vertical-align: top;
}

.single-project h1.entry-title {
    font-size: 26px;
    font-weight: 900;
    margin-bottom: 10px;
}

.single-project .bottom_content {
    display: flex;
    margin-top: 60px;
    gap: 6%;
    flex-wrap: wrap;
}

.single-project .left_side_image {
    flex-basis: 27%;
}

.single-project .right_side {
    flex-basis: 65%;
}

.single-project .left_side_image {
    flex-basis: 26%;
    display: flex;
    align-items: end;
	flex-direction: column;
    justify-content: end;
}

.single-project .left_side_image .item,
.single-project .bottom_images .item{
	text-align:left;
	width: 100%;
}

.single-project .left_side_image .item img,
.single-project .bottom_images .item img{
    width: 16px;
    transform: rotate(-90deg);
	display: block;
}

.single-project .left_side_image .item span.photo_grid_title,
.single-project .left_side_image .item span.photo_grid_credit {
    font-size: 16px;
    font-weight: 600;
}

.single-project .right_side .more_text {
    margin-top: 30px;
}

.single-project .bottom_images {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;
}

.single-project .bottom_images .image {
    flex-basis: 25%;
}


.single-project .moving_text p {
  position: relative;
  animation: move-words 20s linear infinite;
  margin: 0;
}

/*-----------Project Archive-----------*/

.archive .post-Info {
 display: block;
    text-align: left;
    font-size: 16px;
    color: gray;
}

 .archive h1.page-title {
    font-size: 0;
}


.archive h1.page-title span {
    font-size: 45px;
}

.archive.post-image-below-header.post-image-aligned-left .inside-article .post-image,
 .archive .entry-summary {
    margin-top: 1em;
}

/*-----------Animation---------------*/
@keyframes move-words {
  0% {
    left: 100%;
  }
  100% {
    left: -100%;
  }
}

/*----------Footer--------------------*/

.site-footer.fellowsOpend {
    display: none;
}

.site-info{
	    font-size: 20px;
}

.inside-site-info {
    justify-content: start;
}

.copyright-bar a {
    color: black;
    text-decoration: none;
}


/*-------Responsive----------------*/

@media(max-width:1275px){

.site-logo{
    flex-basis:45%;
}
.site-logo img{
max-height: none;
/*max-width:70%;*/
}

body:not(.home) #page{
	background-size: cover;
}

.has-inline-mobile-toggle .header-widget {
    order: 25;
    flex-basis: 100%;
    margin-top: 10px;
        font-size: 20px;
}
    
aside#execphp-2 {
    margin-top: 10px;
    flex-basis: 80px;
}

 .hub_header_icons {
    order: 20;
}

body:not(.single-project,.page-template-hub-page) .hub_header_icons{
flex-basis: calc(33% - 66px);
margin-left:auto;
}

.inside-header{
justify-content: space-between;
}

.has-inline-mobile-toggle #site-navigation{
	top:60px;
}

.background_upper_curve svg{
    width: 30%;
}

.background_upper_curve svg path {
    scale: .3;
}
.page-template-hub-page .fellows_side_headline{
font-size:4vw;
}

.page-template-hub-page .alumni {
    max-width:90%;
    justify-content: center;
    border-top-left-radius: 30px;
    box-shadow: 0px 0px 2px 1px;
    align-items: baseline;
    left: 50%;
    transform: translate(-50%,0%);
    flex-wrap: wrap;
    text-align: center;
}
.page-template-hub-page .alumni h4.opened{
    flex-basis: 100%;
}

}

@media(max-width:1024px){
   

    section .cube div{
        font-size: 18px;
    }
}

@media(max-width:950px){
	nav#mobile-menu-control-wrapper{
		flex-basis:135px;
	}
	
.menu-bar-item span.gp-icon.icon-search {
    height: 30px;
}

.menuButton{
    width:45px;
}
.menuButton span{
    height:7px;
}

.toggled span.topBar {
    top: 3px;
}

.toggled span.bottomBar {
    top: -9px;
}

.has-inline-mobile-toggle #site-navigation{
    position: relative;
    height: auto;
    order: 30;
        top: 0;
}
.main-navigation.toggled .main-nav{
position: relative;
}

.main-navigation .main-nav ul#menu-custom-menu-widget{
    top: 0;
    padding-top:0;
    width: 100%;
}

.main-navigation .main-nav ul li a {
    font-size: 18px;
}
.main-navigation .main-nav ul ul li a {
    font-size: 16px;
}

body:not(.single-project,.page-template-hub-page) .hub_header_icons .social_links{
flex-basis:80px;
}

.page-template-hub-page section.openSection .staff_member{
 	    height: unset;
 }

section.openSection .staff_content {
height: unset;
}	
	
}

@media(max-width:870px){

 .hub_header_icons.with_languages{
    width:18%;
}


.home section .cube h2{
    font-size:26px;
}

.page-template-hub-page .openClose > .inside-article{
flex-direction:column;
}

.page-template-hub-page section .openClose > .inside-article.about .text{
    /*min-height: 0;*/
}

.single-project.post-image-aligned-left .inside-article .featured-image{
width:50%;
}

.single-project .left_side_image {
    flex-basis: 100%;
    display: flex;
    align-items: end;
    margin-bottom: 30px;
}
.single-project .right_side {
    flex-basis: 100%;
}

.single-project header.entry-header {
    width: 98%;
}

.theme_image_and_text {
    flex-direction: column;
}

.theme_image_and_text .theme_image,
.theme_image_and_text .theme_content{
    flex-basis: 100%;
}
.page-about article .inside-article{
    flex-direction: column;
}
    
    .page-about aside.history{
        display:none;
    }
    
.page-about .side_titles{
    text-align: center;
}
.page-about .side_titles h2{
      font-size: 28px;
}

}

@media(max-width:768px){
.site-header .header-widget{
	text-align: left;
	font-size: 14px;
    padding-right:10px;
    margin-top:16px;
}
.main-navigation .menu-bar-item>a{
	padding-right:0;
}

.hub_header_icons.hub_header_icons.with_languages {
    order: 20;
    gap: 5px;
    width: 20%;
}

.page-template-hub-page .fellows_page{
background-size: 100%;
    background-position: 100% 25%;
}

.page-template-hub-page .fellows_page a.close img {
    width: 30px;
    height: 30px;
}

.page-template-hub-page .fellows_list{
    column-count: 1;
}

.page-template-hub-page .fellows_list .fellow {
    flex-basis: 90%;
    height: auto;
}

.page-template-hub-page .fellow .text{
	max-width: none;
}

.page-template-hub-page .fellow img {
    width: 50%;
}
.archive.post-image-below-header.post-image-aligned-left .inside-article .post-image{
   text-align: left;
}
	
	section.sixth.paris .icon{
	    transform: rotate(273deg) rotateX(66deg) translate(-134px, -100%);	
	}
}

@media(max-width:767px){

.site-logo {
    width: 65%;
    max-width: 350px;
    flex-basis: 65%;
}

.inside-header {
    align-items: start;
    justify-content: space-between;
}

button.menu-toggle{
    text-align: right;
}

.hub_header_icons.hub_header_icons{
    flex-basis:30%;
    flex-wrap: wrap;
}

body:not(.single-project,.page-template-hub-page) .hub_header_icons {
    order: 28;
    margin-top: -30px;
}

section .cube h2{
    font-size: 23px;
}

.page-template-hub-page .openIt img.icon {
    width: 16px;
    height: 16px;
}

.page-template-hub-page  .openClose > .inside-article {
    padding: 30px 15px;
}

.page-template-hub-page section.openSection .staff_member {
    width: 97%;
    margin-bottom: 20px;
    font-size: 18px !important;
}

.page-template-hub-page section.openSection .staff_member:nth-last-child(1) {
    margin-bottom: 80%;
}	
	
	.staff_member:nth-of-type(n + 5){
		margin-top:initial;
	}	
	
.page-template-hub-page .fellows_side_headline{
font-size:5vw;
}


.page-template-hub-page .newsBox li.singleRow{
    flex-direction: column;
}
	
.about_extra_button a {
    font-size: 14px;
    padding: 5px 10px;
}
	.about_extra_button h5{
		font-size:15px;
	}
}

@media(max-width:600px){

.site-logo{
        flex-basis: 58%;
}

.site-logo img {
    max-height: none;
    max-width: 100%;
}

.page-template-hub-page .hub_header_icons.hub_header_icons.with_languages {
    width:22%;
}

.page-template-hub-page .hub_header_icons.hub_header_icons:not(.with_languages){
    width:11%;
}

.hub_header_icons a,.page-template-hub-page .hub_header_icons a {
    padding: 4px 4px 2px;
    width:35px;
    height:35px;
}

.hub_header_icons .social_links a, .page-template-hub-page .hub_header_icons .social_links a {
    padding: 6px 6px;
    width: 30px;
    height: 30px;
}  


.page-template-hub-page .item img {
    display: none !important;
    }    

.home section, .home section .section_link {
    flex-direction: column;
    justify-content: space-between;
}

.home section .cube{
	order:0 !important;
}

.home section img.back_img{
	display: block;
}

section .cube .item,
span.photo_grid_title, span.photo_grid_credit {
    font-size: 14px;
}

.background_upper_curve svg path {
    scale: .2;
}

.background_lower_half_circle path {
    scale: .5;
}

.page-template-hub-page section:not(.third) .cube {
    flex-basis: 100%;
    order: -1;
}
.page-template-hub-page section.first .image {
    flex-basis: 100%;
}
.page-template-hub-page section:not(.third,.first) .image:not(.half) {
    flex-basis: 50%;
}
.page-template-hub-page .cube.cube1,
.page-template-hub-page .cube.cube2 {
    order: -1;
    flex-basis: 50%;
}
.page-template-hub-page section .image.half {
    flex-basis: 100%;
    /* height: 50%; */
    /* overflow: hidden; */
}

.page-template-hub-page .aboutTabs{
    font-size: 15px;
}
}

@media(max-width:550px){
	body:not(.home) #page{
	background-size: contain;
}
}

@media(max-width:480px){
 
 .site-logo {
    flex-basis: 210px;
}
	nav#mobile-menu-control-wrapper{
		flex-basis:100px;
	}
    .menuButton{
    width:35px;
}
.menuButton span{
    height:5px;
}
	
	.toggled span.bottomBar {
    top: -7px;
}

.menu-bar-item span.gp-icon.icon-search {
    height: 24px;
}
    .site-header .header-widget{
        padding-right:0;
    }
    aside#execphp-2{
        flex-basis:65px;
    }
}
@media(max-width:355px){
	.site-logo{
		flex-basis:60%;
	}
	.menuButton span{
    height:3px;
}
	.menu-bar-item span.gp-icon.icon-search {
    height: 20px;
}
}