/*
Theme Name:		Hello Elementor Child
Description:	belowtoxic Child Theme
Author:			Oliver Maklott /belowtoxic
Author URI:		https://belowtoxic.com
Template:		hello-elementor
Version:		1.0
Text Domain:	hello-elementor-child
* 
* Primary: #280E7B
* Secundary: #B20000
* Text: #5A5A5A
* Accent: #FF9933
* 
* #F4C18D
*/

@import url('https://fonts.googleapis.com/css2?family=Catamaran:wght@100;200;300;400;500;600;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Glory:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

* {
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);
}


#main-nav-menu a {
	font-family: "Catamaran";
}
#main-nav-menu span {
	font-family: "Catamaran";
}
p {
	font-family: "Glory";
	font-size: 18px;
}



body {
	display: flex;
	min-height: 100vh;
	flex-direction: column;
	
	background-color: #FFFEFE;
}



#site-content,
div[data-elementor-type="wp-page"],
div[data-elementor-type="wp-page"] > .elementor-inner,
div[data-elementor-type="wp-page"] > .elementor-inner > .elementor-section-wrap,
div[data-elementor-type="wp-post"],
div[data-elementor-type="wp-post"] > .elementor-inner,
div[data-elementor-type="wp-post"] > .elementor-inner > .elementor-section-wrap,
div[data-elementor-type="single-post"],
div[data-elementor-type="single-post"] > .elementor-inner,
div[data-elementor-type="single-post"] > .elementor-inner > .elementor-section-wrap  {
	flex: 1;
	display: flex;
	flex-direction: column;
}



#cookie-law-info-again {
	background-color: #E2E2E5 !important;
	color: #455A6B !important;
	width: 170px !important;
	box-shadow: none !important;
}

#cookie_action_close_header {
	background-color: #455A6B !important;
	color: #ffffff !important;
}



@media only screen and (max-width: 767px) {
	#cookie-law-info-again {
	   right: calc(50% - 85px) !important;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
	#cookie-law-info-again {
	   right: 50px !important;
	}
}
@media only screen and (min-width: 1025px) {
	#cookie-law-info-again {
		right: 50px !important;
	}
}



@media only screen and (max-width: 767px) {
	.multi-cols {
		-webkit-column-count: 1;
		/* Chrome, Safari, Opera */
		-moz-column-count: 1;
		/* Firefox */
		column-count: 1;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1099px) {
	.multi-cols {
		-webkit-column-count: 1;
		/* Chrome, Safari, Opera */
		-moz-column-count: 1;
		/* Firefox */
		column-count: 1;
	}
}
@media only screen and (min-width: 1100px) {
	.multi-cols {
		-webkit-column-count: 2;
		/* Chrome, Safari, Opera */
		-moz-column-count: 2;
		/* Firefox */
		column-count: 2;
		/* -webkit-columns: 40px 2; */
		/* Chrome, Safari, Opera */
		/* -moz-columns: 60px 2; */
		/* Firefox */
		/* columns: 60px 2; */
	}
}



#click-elem-1 {
	-webkit-mask-imag: url(https://christinaclar.net/wp-content/uploads/masks/Mask-02-p1.svg);
	mask-image: url(https://christinaclar.net/wp-content/uploads/masks/Mask-02-p1.svg);
}
#click-elem-2 {
	-webkit-mask-imag: url(https://christinaclar.net/wp-content/uploads/masks/Mask-02-p2.svg);
	mask-image: url(https://christinaclar.net/wp-content/uploads/masks/Mask-02-p2.svg);
}
#click-elem-3 {
	-webkit-mask-imag: url(https://christinaclar.net/wp-content/uploads/masks/Mask-02-p3.svg);
	mask-image: url(https://christinaclar.net/wp-content/uploads/masks/Mask-02-p3.svg);
}
.click-elem {
	position: absolute;
	top: 0;
	left: 0;
	
	width: 100vw;
	height: 100vh;
	padding: 0;
	margin: 0;
	
	background-size: cover;
	background-position: left top;
	background-repeat: no-repeat;

	-webkit-mask-size: 100% auto;
	mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}



#series-container,
.series-container {
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around
	justify-content: space-around;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#track-series-container,
.track-series-container {
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around
	justify-content: space-around;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}

#video-series-container,
.video-series-container {
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row
	flex-direction: row;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around
	justify-content: space-around;
	-webkit-align-items: center;
	-ms-align-items: center;
	align-items: center;
}


/* Newsletter */

.project-newsletter,
.music-newsletter,
.video-newsletter,
.drawing-newsletter,
.photo-newsletter,
.sculpture-newsletter,
.blog-newsletter {
	display: flex;
	justify-content: flex-start;
}

.newsletter-container {
	display: none;
	width: 100%;
	margin-left: 10px;
	margin-right: 10px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.newsletter-container .mailerlite-subscribe-button-container {
    width: 100%;
}

.newsletter-container .mailerlite-subscribe-button-container > input {
    width: 100%;
    background-color: #FF9933;
    color: white;
    border-color: #FF9933;
    border-radius: 0;
    border-width: 0;
    outline-width: 0;
}
.newsletter-container .mailerlite-subscribe-button-container > input:hover {
    background-color: #bf7326;
    border-color: #bf7326;
    border-width: 0;
    outline-width: 0;
}
.newsletter-container .mailerlite-subscribe-button-container > input:active {
    background-color: #a86522;
    border-color: #a86522;
    border-width: 0;
    outline-width: 0;
}

.newsletter-container .mailerlite-form-description > p {
    color: #5a5a5a;
    margin-bottom: 0.1rem;
}

.newsletter-container .mailerlite-form-field > label {
    color: #5a5a5a;
    margin-bottom: 0.1rem;
}
.newsletter-container .mailerlite-form-field > input {
    color: #5a5a5a;
    border-color: #5a5a5a;
    border-radius: 0;
    outline-width: 0;
}
.newsletter-container .mailerlite-form-field > label.error,
.newsletter-container .mailerlite-form-field > label.warning {
    color: #FF9933;
    margin-top: 0.25rem;
}

.newsletter-container .mailerlite-form-field > input::placeholder {
  color: #5a5a5a;
  opacity: 0.6;
}

.newsletter-container .mailerlite-form-field > input:-ms-input-placeholder {
  color: #5a5a5a;
  opacity: 0.6;
}

.newsletter-container .mailerlite-form-field > input::-ms-input-placeholder {
  color: #5a5a5a;
  opacity: 0.6;
}

@media only screen and (min-width: 768px) {
	.newsletter-container {
		margin-left: 0;
		margin-right: 0;
		margin-top: 40px;
		max-width: 400px;
	}
}