/*

Theme Name: WeilVielfaltfetzt Child-Theme
Theme URI: https://weilvielfaltfetzt.de/
Author: Simon Günther
Author URI: https://simonguenther.de/
Description: #WeilvielfaltFetzt Wanderausstellung
Version: 1.0.0
Template: pro

*/

.x-colophon {
    /*z-index: 999;*/
}

.hentry {
    margin-top: 0em !important;
    clear: both;
}

svg:not(:root) {
    overflow: hidden;
}

.svg-wrap {
    position: absolute;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.wpcf7 p {
    margin: 0 !important;
}

.lang-select {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 2em;*/
    padding-bottom: 1em;
    padding-left: 0.25em;
    padding-right: 0.25em;
    display: block;
}

body.archive.tag #MetaMenu,
body.portraits-template-default #MetaMenu {
    display: none !important;
}

body.archive.tag .x-row-inner {
    flex-grow: 1;
}

body.archive.tag .x-row-inner .mdw-c.x-col {
    min-height: 380px;
    max-width: 380px;
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    border-bottom-right-radius: 1em;
    border-bottom-left-radius: 1em;
}

body.archive.tag .x-row-inner .mdw-h.x-div {
    max-height: 380px;
}

#ez_language_switch-modal label {
    width: calc(50% - 0.5em);
    display: inline-block;
    float: left;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: rgba(0,0,0,1);
    cursor: pointer;
    padding-top: 0.575em;
    padding-right: 0.575em;
    padding-bottom: 0.575em;
    padding-left: 0.575em;
    margin: 0.25em;
    background: #4C4C4C;
    color: #fff;
    border-radius: 0.35em;
}

.lang-select label {
    width: auto;
    display: inline-block;
    float: left;
    font-family: inherit;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    color: rgba(0,0,0,1);
    cursor: pointer;
    padding-top: 0.575em;
    padding-right: 0.575em;
    padding-bottom: 0.575em;
    padding-left: 0.575em;
    margin: 0.25em;
    margin-left: 0;
    margin-right: 0.5em;
    background: #4C4C4C;
    color: #fff;
    border-radius: 0.35em;
}

#ez_language_switch-modal label.active,
.lang-select label.active {
    background: #b7322b;
}

#ez_language_switch-modal label:hover,
.lang-select label:hover {
    background: #b7322b;
    /*color: #000;*/
}

form#langy-selecty-popup,
form#langy-selecty {
    margin: 0;
}

/*form#langy-selecty .wpcf7-list-item-label, */
/*form#langy-selecty-popup label span,*/
/*form#langy-selecty label span {*/
/*    display: none;*/
/*}*/

form#langy-selecty label span.lang,
form#langy-selecty-popup label span.lang {
    display: block;
}

form#langy-selecty-popup label span.icon,
form#langy-selecty label span.icon {
    width: 50px;
    height: 50px;
    display: block;
    margin-left: auto;
    margin-right: auto;
	background-size: contain;
}

form#langy-selecty-popup label span.icon.standard,
form#langy-selecty label span.icon.standard {
	background: url(https://weilvielfaltfetzt.de/wp-content/uploads/2022/05/icon_lang_default.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}

form#langy-selecty-popup label span.icon.easy,
form#langy-selecty label span.icon.easy {
	background: url(https://weilvielfaltfetzt.de/wp-content/uploads/2022/05/icon_easy_lang-1.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}

form#langy-selecty-popup label span.icon.sign,
form#langy-selecty label span.icon.sign {
	background: url(https://weilvielfaltfetzt.de/wp-content/uploads/2022/05/icon_sign_lang-1.svg);
    background-size: 90%;
    background-repeat: no-repeat;
    background-position: center;
}

form#langy-selecty-popup label span.icon.audio,
form#langy-selecty label span.icon.audio {
	background: url(https://weilvielfaltfetzt.de/wp-content/uploads/2022/05/icon_audio_desc-1.svg);
	
}


form#langy-selecty .wpcf7-response-output,
form#langy-selecty input[type=submit],
form#langy-selecty .lang-select .wpcf7-response-output,
#ez_language_switch-modal .wpcf7-response-output,
#ez_language_switch-modal input[type=submit],
.lang-select .wpcf7-response-output,
.lang-select input[type=submit] {
    display: none;
}

@media only screen and (max-width: 768px) {
    
    .lang-select {
        margin-left: 0.25em;
        margin-top: 0em;
    }
    
}

@media only screen and (max-width: 480px) {
    
    .lang-select {
        margin-left: 0.25em;
        margin-top: 0em;
    }
    
    .lang-select label {
        width: calc(25% - 0.5em);
    } 
    
    form#langy-selecty label span.lang {
        display: none;
    }
    
    form#langy-selecty-popup label span.lang {
        display: block;
    }

}


.nav-slide {
    position: relative;
    z-index: 9999;
    display: block;
}

.nav-slide a {
	position: fixed;
	top: 50%; 
	display: block;
	outline: none;
	text-align: left;
	z-index: 1000;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}

.nav-slide a.prev {
	left: 0;
}

.nav-slide a.next {
	right: 0;
}

.nav-slide a svg {
	display: block;
	margin: 0 auto;
	padding: 0;
}

/*--------------------*/
/* Slide out Portraits */
/*--------------------*/

.color-1 { background: #bdc3c7; }

.nav-slide .icon-wrap {
	position: relative;
	z-index: 100;
	display: block;
	padding: 20px;
	background-color: #afc40c;
}

.nav-slide svg.icon {
	fill: #34495e;
}

.nav-slide div {
	position: absolute;
	top: 50%;
	padding: 0 100px;
	background-color: #1a2c3f;
	-webkit-transition: -webkit-transform 0.3s;
	transition: transform 0.3s;
}

.nav-slide a.prev div {
	left: 0;
	padding-right: 120px;
	-webkit-transform: translateY(-50%) translateX(-100%);
	transform: translateY(-50%) translateX(-100%);
}

.nav-slide a.next div {
	right: 0;
	padding-left: 120px;
	text-align: right;
	-webkit-transform: translateY(-50%) translateX(100%);
	transform: translateY(-50%) translateX(100%);
}

.nav-slide h3 {
	position: relative;
	margin: 0;
	padding: 20px 0;
	color: #fff;
	white-space: nowrap;
	font-weight: 300;
	font-size: 1.3em;
	line-height: 1.5;
}

.nav-slide div h3 span {
	display: block;
	color: #95a5a6;
	font-style: italic;
	font-size: 65%;
	font-family: Baskerville, "Baskerville Old Face", "Hoefler Text", Garamond, "Times New Roman", serif;
}

.nav-slide img {
	position: absolute;
	top: 0;
	height: 100%;
}

.nav-slide a.prev img {
	right: 0;
}

.nav-slide a.next img {
	left: 0;
}

.nav-slide a:hover div {
	-webkit-transform: translateY(-50%) translateX(0); 
	transform: translateY(-50%) translateX(0);
}

@media screen and (max-width: 520px) {
    
	.nav-slide a.prev {
		-webkit-transform-origin: 0% 50%;
		transform-origin: 0% 50%;
	}

	.nav-slide a.next {
		-webkit-transform-origin: 100% 50%;
		transform-origin: 100% 50%;
	}

	.nav-slide a {
		-webkit-transform: scale(0.6);
		transform: scale(0.6);
	}

}


/*--------------------*/
/* Portraits Tag Results Page */
/*--------------------*/

.mdw-1 {
    transition-duration: 500ms;
}

[data-x-effect] {
    animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.mdw-i.x-div {
    flex-grow: 0;
    flex-shrink: 1;
    flex-basis: auto;
    border: 0;
    font-size: 1em;
}

.mdw-j.x-div {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: -1;
}

.mdw-k.x-image, .mdw-k.x-image img {
    height: 100%;
}

.mdw-k.x-image {
    display: block;
    font-size: 1em;
    width: 100%;
    border: 0;
}

.mdw-k.x-image, .mdw-k.x-image img {
    height: 100%;
}

.mdw-k.x-image img {
    width: 100%;
    object-fit: cover;
}

.mdw-h.x-div {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    align-content: flex-start;
    position: static;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-height: 350px;
    padding-top: calc(1rem + 5%);
    padding-right: calc(1rem + 5%);
    padding-bottom: calc(1rem + 5%);
    padding-left: calc(1rem + 5%);
    background-color: rgba(0,0,0,0.25);
}

/*.mdw-9 > .x-row-inner > *:nth-child(3n - 0) {*/
/*    flex-basis: calc(33.33% - 2em);*/
/*}*/
/**/
/*.mdw-8 > .x-row-inner > *:nth-child(1n - 0) {*/
/*    flex-basis: calc(100% - 4rem);*/
/*}*/

.mdw-h.x-div:hover, .mdw-h.x-div[class*="active"], [data-x-effect-provider*="colors"]:hover .mdw-h.x-div {
    background-color: rgba(70,164,213,0.75);
}

/*.mdw-c.x-col:hover, .mdw-c.x-col[class*="active"], [data-x-effect-provider*="colors"]:hover .mdw-c.x-col {*/
/*    box-shadow: 10px 10px 0px 0px rgba(0,0,0,0.15);*/
/*}*/

:where(body:not(.tco-disable-effects)) .mdw-4:hover, :where(body:not(.tco-disable-effects)) [data-x-effect-provider*="effects"]:hover .mdw-4 {
    transform: scale(1.05);
}

:where(body:not(.tco-disable-effects)) .mdw-2:hover, :where(body:not(.tco-disable-effects)) [data-x-effect-provider*="effects"]:hover .mdw-2 {
    opacity: 1;
}

.mdw-f.x-text {
    max-width: 18em;
    margin-top: auto;
    margin-bottom: 0em;
    font-size: 1.563em;
}

.mdw-e.x-text {
    margin-right: 0em;
    margin-left: 0em;
    border: 0;
}

.mdw-f.x-text .x-text-content-text-primary {
    font-style: italic;
    line-height: 1.35;
    color: #ffffff;
}

.mdw-e.x-text .x-text-content-text-primary {
    font-family: inherit;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 0em;
    text-transform: none;
}

.mdw-9 > .x-row-inner {
    justify-content: left;
    margin-top: calc(((2em / 2) + 1px) * -1);
    margin-right: calc(((2em / 2) + 1px) * -1);
    margin-bottom: calc(((2em / 2) + 1px) * -1);
    margin-left: calc(((2em / 2) + 1px) * -1);
}

.mdw-9 > .x-row-inner > * {
    flex-grow: 1;
    margin-top: calc(2em / 2);
    margin-bottom: calc(2em / 2);
    margin-right: calc(2em / 2);
    margin-left: calc(2em / 2);
}

.mdw-c.x-col {
    overflow-x: hidden;
    overflow-y: hidden;
    min-height: 350px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    box-shadow: none;
}

.mdw-a.x-col {
    z-index: auto;
    border: 0;
    font-size: 1em;
}

.mdw-6.x-row {
    max-width: 1200px;
    font-size: 1em;
}

.mdw-5.x-row {
    z-index: 1;
    margin-right: auto;
    margin-left: auto;
    border: 0;
    padding-top: 1px;
    padding-right: 1px;
    padding-bottom: 1px;
    padding-left: 1px;
    flex: auto;
    justify-content: flex-start;
}

  /*Scroll To Top*/

.x-scroll-top {
    position: fixed;
    z-index: 99999 !important;
    bottom: 20px !important;
    width: 45px !important;
    height: 45px !important;
    margin-bottom: -75px;
    border: none !important;
    font-size: 25px;
    line-height: 27px;
    text-align: center;
    border-radius: 8px!important;
    background: rgb(175 196 12) !important;
    color: #fff !important;
    cursor: pointer;
    -webkit-transition: margin-bottom 0.6s ease,opacity 0.3s ease, background 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: margin-bottom 0.6s ease,opacity 0.3s ease, background 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.x-scroll-top.right {
    right: 30px !important;
}

.x-scroll-top.in {
  opacity: 1!important;
  margin-bottom: 10px!important;
}

.x-scroll-top:hover {
	background:rgb(111,111,110) !important;
    color: #fff !important;
}

.x-scroll-top:hover i {
    color: #fff !important;
}

.breadcrumb_x {
    display: none;
    margin-left: auto;
    margin-right: auto;
    text-align: right;
    width: 100%;
    max-width: 1200px;
    position: relative;
    clear: both;
}

body.archive.tag .breadcrumb_x,
body.portraits-template-default .breadcrumb_x,
body.page-id-500 .breadcrumb_x {
    display: block !important;
}

.breadcrumb_x .x-breadcrumbs {
    width: 100% !important;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.esg-loadmore-wrapper {
    margin: 20px;
}