/**
Theme Name: zeremonienfuersleben
Author: Yanick Vögeli (WHYMEDIA)
Author URI: https://whymedia.ch
Description: 
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: zeremonienfuersleben
Template: astra
*/




.ast-primary-header-bar {
	background:none;
}

.ast-above-header-wrap {
	position: fixed;
    left: -55px;
    top: calc(50vh - 174px);
    opacity: 0.5;
	padding: 20px;
	transition: left 0.3s, opacity 0.4s;
	-webkit-transition: background-color 0.3s linear, left 0.3s, opacity 0.4s;
    -ms-transition: background-color 0.3s linear, left 0.3s, opacity 0.4s;
    transition: background-color 0.3s linear, left 0.3s, opacity 0.4s;
}

.ast-above-header-wrap:hover {
	opacity: 1;
	left:0px;
	background-color: #f5f5f5;
	transition: left 0.4s, opacity 0.4s;
	-webkit-transition: background-color 400ms linear, left 0.3s, opacity 0.4s;
    -ms-transition: background-color 400ms linear, left 0.3s, opacity 0.4s;
    transition: background-color 400ms linear, left 0.3s, opacity 0.4s;


}

.ast-above-header.ast-above-header-bar {
	background: none;
}

.main-navigation ul {
	flex-direction: column;
}

.entryfonts {
	font-family: turbinado-pro, sans-serif;
	font-size: 80px;
	line-height: 72px;
	
}

.ast-logo-title-inline .ast-site-identity {
	flex-direction: row-reverse;
}

.site-title a {
    font-family: Zeitung;
    font-weight: 100;
}

a:focus {
	outline:none;
	color: #1c1c1c;
}

.is-layout-flex.wp-container-8.wp-block-columns:hover {
    z-index: 99;
    position: relative;
}

.is-layout-flex.wp-container-48.wp-block-columns.are-vertically-aligned-top:hover {
	z-index: 99;
	position: relative;
	background-color: #fff;
}

.wp-container-62 .wp-block-cover .wp-block-cover__image-background {
	overflow: visible;
}

.wp-image-32 {
	border-radius: 15px;
}

.wp-container-11, .wp-container-10, .wp-container-10 h3 {
	overflow: visible !important;
}

.wp-block-cover {
	overflow-x: visible !important;
}

.wp-block-cover__inner-container {
	overflow-x: visible !important;
}


@media (min-width: 1420px) {
	
	.entry {
		margin-top: -205px;
	}

	.entryimage-1 {
		position: absolute;
		z-index: 101;
		top: 80px;
		left: calc(25vw - 180px);
		width: 385px !important;
		overflow: hidden;
		border-radius: 15px;
		border-width: 5px;
		border-color: #D7EBF8;
		border-style: solid;
	}

	.entryimage-2 {
		position: absolute;
		z-index: 100;
		top: 140px;
		left: calc(25vw + 150px);
		width: 265px !important;
		overflow: hidden;
		border-radius: 15px;
		border-width: 5px;
		border-color: #D7EBF8;
		border-style: solid;
	}

	.entryimage-3 {
		position: absolute;
		z-index: 99;
		top: 305px;
		left: calc(25vw + 25px);
		width: 320px !important;
		overflow: hidden;
		border-radius: 15px;
		border-width: 5px;
		border-color: #D7EBF8;
		border-style: solid;
	}
		
	.introimage {
		margin-left: -25px;
	}
	
	.full-width {
		width: 100vw;
		position: relative;
		left: 50%;
		right: 50%;
		margin-left: -50vw !important;
		margin-right: -50vw !important;
		z-index: 0;
	}

	
}




.wp-block-social-links.is-style-logos-only .wp-social-link svg {
	width: 40px;
	height: 40px;
}

/*body .is-layout-flex {
    justify-content: center;
}*/

.wp-block-columns.are-vertically-aligned-center.is-layout-flex.wp-block-columns-is-layout-flex, .wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
	justify-content: center;
}


.leaf {
	position: absolute;
	bottom: -86px;
	left: -120px;
}

.relative {
	position: relative;
}

.ablauf {
	min-height: 435px;
	gap: 82px !important;
}

.turbinado {
	font-family: Turbinado-Pro;
}

/* Ninja Forms Formular customization */

.nf-form-fields-required {
	display: none !important;
}
.nf-form-content .list-select-wrap .nf-field-element>div, .nf-form-content input:not([type=button]), .nf-form-content textarea {
    background: none !important;
    border: 0px solid #c4c4c4 !important;
    border-bottom: 3px solid #c4c4c4 !important;

}

.nf-form-content label {
	font-size: 24px !important;
	font-weight: 300 !important;
}

.nf-form-content .listselect-wrap .nf-field-element div, .nf-form-content .ninja-forms-field {
    font-size: 28px !important;
	font-weight:600 !important;
	color: #1c1c1c !important;
	
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit] {
    background: none !important;
    border: 3px solid #1c1c1c !important;
	border-radius: 15px !important;
    color: #1c1c1c !important;
    transition: all .5s;
	font-size: 28px;
	height: 68px !important;
	padding: 12px 18px
}

.nf-form-content button, .nf-form-content input[type=button], .nf-form-content input[type=submit]:hover {
    background: #d7ebf8 !important;
	border: 3px solid #d7ebf8!important;
}

.submit-wrap .nf-field-element {
	display: flex;
	justify-content: center;
}

/* Mobile Menu Styling: Make button fixed to bottom right corner*/
.ast-below-header-wrap {
	position: fixed;
	bottom: 20px;
	right: 5px;
}

.ast-mobile-popup-header {
	position:fixed;
	bottom: 20px;
	right: 20px;
}

.ast-mobile-popup-inner {
	justify-content: center;
}

@media (max-width: 921px) {
	/* Box Spacing reducing for mobile */
	.entry-content > .wp-block-group {
		padding: 0;
	}
	
	.entryfonts {
		font-family: turbinado-pro, sans-serif;
		font-size: 60px;
		line-height: 0.86;
	}
	
	.leaf {
		position: absolute;
		bottom: -24px;
		left: -50px;
	}
	
	.leaf img {
		max-width: 50%;
	}
	
	.wp-image-224 {
		object-position: 60% 50% !important;
	}
	
	.wp-container-5 {
		padding: 0 !important;
		
	}
	
	.wp-container-11 h3 {
		padding: 4px;
	}
	
	.wp-container-45 .wp-block-column {
		max-width: 200px;
	}
	
	.wp-block-columns.is-layout-flex.wp-block-columns-is-layout-flex {
		padding-left: 0px;
    	padding-right: 0px;
	}
	
	.wp-container-core-social-links-is-layout-ab44a131 {
		justify-content: center !important;
		padding: 0px !important;
	}
}


/* Footer styling */

#block-8 .wp-block-image img {
	max-width: 80%;
}
.site-footer-primary-section-2 .wp-block-social-links {
	margin-block-start: 8px;
}

/* Fix Hero Start Positions*/
#entry_column.wp-block-column.is-vertically-aligned-center.is-layout-flow.wp-block-column-is-layout-flow {
	position: relative;
}

:where(.wp-block-group.wp-block-group-is-layout-constrained) {
    position: unset;
}

.entry > .wp-block-cover__inner-container.is-layout-flow.wp-block-cover-is-layout-flow {
	position:unset;
}

.wp-block-cover__image-background.wp-image-224 {
	overflow: visible;
}