/*!
Theme Name: clbreplicant
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: clbreplicant
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

clbreplicant is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.
*/





/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Global styling classes
# Base
# Typography
# Minihead
# Header
# Footer
# Wide-img-banner
# Text-by-img-banner
# Img-by-text-banner
# Slideshow
# Blog-banner
# Wide-slideshow
# Column-banner
# Archive-grid
# Plyr
# Swiper
# Two-column-content
# Exhibition-event-sidebar
# Logos
# Cookie yes
# Notes-grid
# Generic page template
# Content-with-embedded-box
# Page

--------------------------------------------------------------*/



/* Global styling classes
--------------------------------------------- */


.audio {
	width:100%;
}
.soundcloud-container > iframe{
	aspect-ratio: 1;
	height:auto;
}
.indent {
	margin-left: 40px;
}
.underline {
	text-decoration: underline;
}
.displaynone {
	display: none;
}
.white {
	color:white;
}
.page-margins {
	margin-left:20%;
	width:60%;
}
.break {
	height:4vw;
}
.mini-break {
	height:2vw;
}
.mobile-mini-break,
.mobile-break {height:0}
.primary-background {
	background-image: linear-gradient(to left, var(--primary_color_highlight),var(--primary_color) );
}
.secondary-background {
	background-image: linear-gradient(to left, var(--secondary_color_highlight),var(--secondary_color) );
}
.tertiary-background {
	background-image: linear-gradient(to left, var(--tertiary_color_highlight),var(--tertiary_color) );
}
.bold {
	font-weight: bold;
}
.nodesktop {display: none;}

/* Base
--------------------------------------------- */
body {
	background-color:black !important;
}
#page {
	background-image: linear-gradient(to left, var(--background_color_highlight),var(--background_color) );
}
.site-main {
	min-height:43vh;
}
ul {
  list-style-type: none;
}
a {
	text-decoration: none;
}
audio {
	margin:12px 0px;
}

/* Typography
--------------------------------------------- */

@font-face {
	font-family: "EditorialNew";
	font-weight: normal;
	src: url("inc/fonts/EditorialNew-Regular.otf") format("opentype");
}
@font-face {
	font-family: "Galvji";
	src: url("inc/fonts/Galvji-01.ttf") format("truetype");
	font-weight: normal;
}
@font-face {
	font-family: "Helvetica";
	src: url("inc/fonts/HelveticaNeue-01.ttf") format("truetype");
	font-weight: normal;
}
@font-face {
	font-family: "Helvetica";
	src: url("inc/fonts/HelveticaNeue-Bold-02.ttf") format("truetype");
	font-weight: bold;
}

body {
	font-family: "Helvetica";
	font-weight:normal;
	font-size: 21px;
    line-height: 26px;
	margin: 0;
	overflow-x: hidden;
}

a,
p,
span,
button,
input,
select,
optgroup,
textarea {
	font-family: "Helvetica";
	font-weight:normal;
	font-size: 21px;
    line-height: 26px;
    letter-spacing: 0.2px;
	margin: 12px 0;
}

h1 {
	font-family: Galvji;
	font-weight: bold;
	font-size: 48px;
    line-height: 62px;
    letter-spacing: 0.2px;
	margin: 0;
}

h2 {
	font-family: EditorialNew;
	font-weight: 100;
	font-size: 50px;
    line-height: 62px;
    letter-spacing: 0.2px;
	margin: 0;
}

h3 {
	font-family: EditorialNew;
	font-weight: 100;
	font-size: 39px;
    line-height: 57px;
    letter-spacing: 0.2px;
	margin: 0;
}

h4 {
	font-family: "Helvetica";
	font-weight:bold;
	font-size: 23px;
    line-height: 30px;
    letter-spacing: 0.2px;
	margin: 12px 0;
}


/* Minihead
--------------------------------------------- */

.minihead {
	display: flex;
	justify-content: space-between;
	background-color:black;
	color: white;
	height: 40px;
	line-height: 40px;
	vertical-align: middle;
}

.minihead__content-left {
	margin-left: 1vw;
	display: flex;
}

.minihead__content-right {
	display: flex;
	margin-right: 1vw;
}

.minihead__content {
	line-height: 40px;
	margin-top:0;
	margin-bottom:0;	
}

.minihead__language-switcher {
	position: relative;
	top:-3px;
}
.minihead__language-switcher * {
	vertical-align: middle;
	line-height:40px;
	height:40px;
	padding:0 !important;
	margin:0 !important;
}
.minihead__language-switcher .wpml-ls-link {
	margin-right:1vw !important;
}
.minihead__logo-link {
    height: 22px;
    margin: auto 0 auto 1vw;
}
.minihead__logo {
	height:100%;
}
.minihead__hamburger {display: none;}


/* Header
--------------------------------------------- */
.site-header {
	min-height:25px;
	max-height: 25px;
	
	margin-top: 35px;
	margin-bottom:35px;
	display: flex;
	justify-content: space-between;
}

.menu-toggle {
	display: none;
}
.nav-menu	{
	display: flex;
	padding-right:2vw;
}
.sub-menu {
	flex-direction: column;
	background-color: var(--background_color_highlight);
}
.sub-menu > li {
	width:500px;
	background-color: var(--background_color_highlight);
	right:15px;
}
.sub-menu > li > a{
	margin:15px 15px 0px 15px;
	font-size:22px;
}
.sub-menu > li:last-of-type{
	padding-bottom:15px;
}
.main-navigation li {
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}


.current-menu-item {text-decoration: underline;}


.nav-menu a {
	margin:0;
	font-size: 23px;
    font-weight: bold;
}
#site-navigation .nav-menu > li {
    padding-left: 2vw;
}

.site-branding {
	height:0;
	margin-left: 2vw;
}
.custom-logo {
	display: inline-block;
	vertical-align: middle;
	width: auto;
	height: 60px;
}
.custom-logo-link {
	position: relative;
	top: -16px;	
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	display: block;
	left: auto;
}

.main-navigation ul ul a {
	width: 150px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: none;
}

@media screen and (min-width: 37.5em) {

	.menu-toggle {
		display: none;
	}

	.main-navigation ul {
		display: flex;
	}
}

.site-main .comment-navigation,
.site-main
.posts-navigation,
.site-main
.post-navigation {
	margin: 0 0 1.5em;
}

.comment-navigation .nav-links,
.posts-navigation .nav-links,
.post-navigation .nav-links {
	display: flex;
}


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

.site-footer {
	width:100%;
	color:white;
	background-color: black;
}

.site-info {
	display: flex;
	padding-left: calc( 20% - 1vw);
	padding-right:calc( 20% - 1vw);
	padding-top: 2vw;
	padding-bottom: 2vw;
	justify-content: space-between;
}
.site-info__col {
	width:25%;
	padding:0 1vw;
	overflow:hidden;
}

#mc_embed_signup_scroll {
	display: flex;
}
#mc_embed_signup form {
	margin:0;
}
#mc_embed_signup {
	width:100%;
	background-color: transparent;
/*	padding-top:12px;*/
}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {
	display: none !important;
}
#mc_embed_signup .mc-field-group {
	width:100%;
	padding:0;
	display: inline-block;
	max-width: 350px;
}
#mc_embed_signup .mc-field-group input {
	padding:0;
	margin:0;
	height:35px;
	border-left:none !important;
	border-right:none !important;
	border-top:none !important;
	background:transparent;
	outline:none !important;
	border-width: 1px !important;
	border-radius: 0;
	border-color:white !important;
	color:white;
}
#mc_embed_signup .clear {
	display: inline;
	height: 35px;
}
#mc_embed_signup .button { 
	font-size:35px;
	line-height: 35px;
	height: 35px;
	padding:0;
	margin:0 7px;
	background-color:transparent;
}
#mc_embed_signup div#mce-responses, #mc_embed_signup #mce-success-response {
	padding:0;
	margin:0;
	overflow:visible;
}
#mc_embed_signup div#mce-responses {
	font-family: "Helvetica";
	font-weight: normal;
	font-size: 21px;
	line-height: 26px;
	margin: 12px 0;
	width:100%;
}

input:-webkit-input-placeholder {
    color:    white;
}
input:-moz-placeholder {
   color:    white;
   opacity:  1;
}
input::-moz-placeholder {
   color:    white;
   opacity:  1;
}
input:-ms-input-placeholder {
   color:    white;
}
input::-ms-input-placeholder {
   color:    white;
}
input::placeholder {
   color:    white;
}

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

/* Wide-img-banner
--------------------------------------------- */

.wide-img-banner {
	height: 70vh;
	position: relative;
	color:white;
}
.wide-img-banner__image {
	display: block;
	height:100%;
	margin:0;
	background-size: cover !important;
	background-position: center !important;
}
.wide-img-banner__pretext {
	position: absolute;
	left:10%;
	top:10%;
	display: inline-block;
	padding: 5px 9px;
}
.wide-img-banner__text-container {
	position: absolute;
	left:10%;
	top:50%;
	transform: translateY(-50%);
}

.wide-img-banner__title,
.wide-img-banner__subtitle,
.wide-img-banner__time {
    display: inline-block;
    padding: 0px 9px 0px 9px;
}

/* Text-by-img-banner
--------------------------------------------- */
.text-by-img-banner {
/*	min-height:18vw;*/
}
.text-by-img-banner__right {
	aspect-ratio: 1.5;
	height:auto;
    width:calc(50% - 2vw);
    margin:auto 0;
	background-size: cover !important;
	background-position: center !important;
}
.text-by-img-banner__left {
	width: calc(50% - 2vw);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.text-by-img-banner__link {
	height:100%;
	display: flex;
	flex-direction: row;
	margin:0;
	width:100%;
	justify-content: space-between;
}
.text-by-img-banner__pretext {
	margin-top:0;
}
.text-by-img-banner__postext {
	margin-bottom:0;
}

/* Img-by-text-banner
--------------------------------------------- */
.img-by-text-banner {
}
.img-by-text-banner__left {
	aspect-ratio: 1.5;
	height:auto;
	width:calc(50% - 2vw);
    margin:auto 0;
	background-size: cover !important;
	background-position: center !important;
}


.img-by-text-banner__link {
	height:100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	margin:0;
	width:100%;
}

.img-by-text-banner__right {
	width: calc(50% - 2vw);
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.img-by-text-banner__pretext {
	margin-top:0;
}
.img-by-text-banner__postext {
	margin-bottom:0;
}

/* Slideshow
--------------------------------------------- */

.slideshow {
	aspect-ratio: 1.5;
	width:100%;
	height:100%;
}

.slideshow__fullscreen-slideshow {
	width: 60% !important;
    height: 95vh !important;
    aspect-ratio: auto !important;
    background-color: var(--background_color);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index:999;
    padding: 2.5vh 20% 2.5vh 20%;
}
.slideshow__slide-helper {
	display: inline-block;
    height: 100%;
    width: 0;
    vertical-align: middle;
    margin:0;padding:0;
}
.slideshow__slide {
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
	margin:auto;
	display: inline-block;
	vertical-align: middle;
}
.slideshow__featured-slide {
	width: 100%;
	aspect-ratio: 1.5;
	background-size: cover !important;
	background-position: center !important;
	display: inline-block;
}

.slideshow__fullscreen-slide {
	max-height:100vh !important;
	max-width:60vw !important;
}


/* Blog-banner
--------------------------------------------- */

.blog-banner {
	min-height:18vw;
	color:white;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.blog-banner__pretext {
	margin-top:0;
}
.blog-banner__postext {
	margin-bottom:0;
}


/* Wide-slideshow
--------------------------------------------- */

.wide-slideshow {
	width:100%;
}
.wide-slideshow__slide-container {
	position: relative;
}
.wide-slideshow__slide {
	height:100%;
    height:70vh;
    background-position: center;
    background-size: cover;
}
.wide-slideshow__caption {
	position: absolute;
	top:30%;
	left:20%;
	padding: 5px 10px;
	display: inline;
	color:white;
}

/* Column-banner
--------------------------------------------- */

.column-banner {
	display: flex;
	justify-content: space-between;
	position: relative;
	overflow:hidden;
	transition: max-height 1s;
    animation-timing-function: ease-in-out;
    max-height:0;
}

.column-banner__left,
.column-banner__right
 {
	width: calc(50% - 2vw );
}
.column-banner__fade {
	-webkit-mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
  	mask-image: linear-gradient(to bottom, black 90%, transparent 100%);
}

.column-banner__expand-button {
	margin:0;
	cursor:pointer;
	position: absolute;
	bottom:0;
	right:0;
}
.column-banner__item {
	display: block;
}
.column-banner__title,
.column-banner__date,
.column-banner__subtitle {
	margin:0;
}

/* Archive-grid
--------------------------------------------- */

.archive-grid {
	width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.archive-grid__link {
	width: 30%;
    box-sizing: border-box;
}

.archive-grid__img {
    width: 100%;
    height: auto;
    aspect-ratio: 1.5;
    background-size: cover !important;
    background-position: center !important;
}

.archive-grid__title {
	margin-bottom:0;
	font-weight: bold;
}
.archive-grid__subtitle,
.archive-grid__date {
	margin:0;
}
.archive-grid__see-full {
	width:100%;
	text-align:right;
	margin-bottom:0;
}

/* Plyr
--------------------------------------------- */
.plyr {
	aspect-ratio: 1.5;
}
:root {
  --plyr-color-main: var(--primary_color);
/*  --plyr-control-spacing: 10px;*/
/*  --plyr-video-controls-background: transparent;*/
}

video, .plyr, .plyr__video-wrapper {background:transparent;}

/*.plyr--video.plyr--stopped .plyr__controls { display: none; }*/

/* Swiper
--------------------------------------------- */
.swiper {
  width: 100%;
  height: auto;
}
.swiper-wrapper, .swiper {height:100% !important;}
.swiper-slide {
    text-align: center;
}
.swiper-button-prev, .swiper-button-next {
	color: var(--primary_color);
}
.swiper-pagination-bullet-active {
	background-color: var(--primary_color);	
}

/* Two-column-content
--------------------------------------------- */

.two-column-content {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	row-gap: 1vw;
}
.two-column-content__col {
	width:calc(50% - 2vw);
	margin-bottom:24px;
/*	width: 50%;*/
/*	width: 10vw;*/
}

/* Exhibition-event-sidebar
--------------------------------------------- */

.exhibition-event-sidebar {
	background-image: linear-gradient(to right, var(--tertiary_color),var(--tertiary_color_highlight) ) !important;
	color:white;
	/*padding:30px 30px 1px 30px;*/
	padding: 30px;
	padding-bottom:1px;
	border-radius: 4px;
}

.exhibition-event-sidebar__item {
	margin-top:0;
	margin-bottom:30px;
}
/*.exhibition-event-sidebar__item:first-of-type {*/
/*	margin-top:30px;*/
/*}*/

.exhibition-event-sidebar__labs {
	display: flex;
	flex-direction:row-reverse;
	flex-wrap: wrap;
	gap: 20px;
}
.exhibition-event-sidebar__lab {
	background-color: var(--primary_color_highlight);
	margin:0;
	padding:5px 0px;
	text-align: center;
	width:calc(50% - 10px);
	display: inline-block;
	border-radius: 8px;
	overflow:hidden;
}

/* Logos
--------------------------------------------- */

.logos{
	padding:30px 30px 0px 30px;
}

.logos__section {

}

.logos__container {

}
.logos__logo {
	height:4.5vw;
	margin-right:1vw;
}



/* Cookie yes
--------------------------------------------- */

.cky-consent-bar {
	/*background-color: var(--primary_color) !important;*/
	background-image: linear-gradient(to right, var(--primary_color_highlight),var(--primary_color) ) !important;
	border: none !important;
	box-shadow: none !important;
	padding: 24px !important;
}
.cky-title,.cky-notice-des,.cky-btn {
	color:white !important;
	border-color: white !important;
}

.cky-prefrence-btn-wrapper .cky-btn-preferences, 
.cky-prefrence-btn-wrapper .cky-btn-reject {
	color: black !important;
	border-color: black !important;
}

.cky-btn-accept {
	background-color: var(--primary_color) !important;
}
.cky-policy {
	color: white !important;
}
.cky-modal.cky-modal-open {
	transition: all 0s ease !important;
}

.cky-accordion-chevron {display: none !important;}

.cky-preference-header .cky-preference-title {
	font-family: "Helvetica" !important;
    font-weight: bold !important;
    font-size: 23px !important;
    line-height: 30px !important;
}

.cky-accordion-header .cky-accordion-btn, .cky-accordion-header .cky-always-active {
	font-family: "Helvetica" !important;
    font-weight: bold !important;
    font-size: 21px !important;
    line-height: 25px !important;
}
.cky-notice-des *, .cky-preference-content-wrapper *, .cky-accordion-header-des *, .cky-gpc-wrapper .cky-gpc-desc *, .cky-preference-content-wrapper, .cky-gpc-wrapper .cky-gpc-desc,.cky-btn {
	font-family: "Helvetica" !important;
    font-weight: normal !important;
    font-size: 21px !important;
    line-height: 25px !important;
}
.cky-btn-close img {
	width:20px !important;
	height:20px !important;
}
.cky-show-desc-btn {
	color:black !important;
	text-decoration: underline !important;
}
.cky-always-active {
	color: var(--primary_color) !important;
}
.cky-footer-shadow {display: none !important;}


/* Notes-grid
--------------------------------------------- */

.notes-grid {

}

.notes-grid__container {
	width:100%;
	display: flex;
    row-gap: 1.5vw;
    justify-content: space-between;
    flex-wrap: wrap;
}
.notes-grid__link {
	margin:0;
	width:30%;
	aspect-ratio: 1.5;
}
.notes-grid__item {
	width: 100%;
	height:100%;
	overflow:hidden;
}
.notes-grid__img-container {
	position: relative;
    line-height: 0;
    height:100%;
}

.notes-grid__img {
	position: relative;
	z-index: 1;
	height: 100%;
    width: 100%;
    opacity: 1;
	transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
    background-size: cover !important;
	background-position: center !important;

}
.notes-grid__img:hover {
	opacity: 0;
	transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}

.notes-grid__text {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	margin: 0;
	overflow-wrap: break-word;
	padding: 5% 5%;
	box-sizing: border-box;
	width: 100%;
}


/* Generic page template
--------------------------------------------- */
.page-content {
	margin:12px 0;
}
.page-content p:first-of-type {
	margin-top:0;
}

.page-content p:last-of-type {
	margin-bottom:0;
}

/* Content-with-embedded-box
--------------------------------------------- */

.content-with-embedded-box {
}

.content-with-embedded-box__box {
	float: right;
	width: calc(50% - 2vw );
	margin-bottom:4vw;
/*	margin-top: calc(4vw - 12px);*/
	margin-left:3vw;
}
.content-with-embedded-box__content > p:first-child {
	display: inline-block;
	width:calc(50% - 2vw );
}

/* Page
--------------------------------------------- */
.attachment-post-thumbnail {width: 100%;height:auto;}