*, ::before, ::after {

	box-sizing: border-box;
		
}

input:focus {

	outline: none;

}


hmtl, body {

	margin: 0;
	padding: 0;
	overflow: hidden;
	
	
}

.wrap {

	background-color: #fdff98;
	height: calc(100vh - env(safe-area-inset-bottom));
	overflow-x: hidden;
	overflow-y: scroll;

}

#site-header {

	height: calc(var(--vh, 1vh) * 100);
	position: relative;
	padding: 2% 3.5% 4.5% 3.5%;

}


	#site-logo {
	
		position: absolute;
		z-index: 999;
	
	}

		#beige-logo {

			height: 40px;

		}

			.logo {

				fill: black;
	
			}
			
			
	#site-navigation {
	
		position: absolute;
		left: 0;
		right: 0;
		z-index: 998;
		text-align: center;
		font-size: 1.5em;
		cursor: pointer;
		max-width: 400px;
		margin: 0 auto;
	
	}		

.years-show {

	display: inline !important;

}

.years-hide {

	display: none !important;

}

#site-navigation li.years::after {

	content: ", ";

}

#site-navigation li.years:last-of-type::after {

	content: "";

}


		#primary-menu {
		
			margin: 0 auto;
			width: 200px;
			text-align: center;
			padding: 0;

		
		}
		
		#primary-menu ul {
		
			margin: 0;
			padding: 0;
		
		}
		
		.sub-menu {
		
			display: none;
			padding: 0;
		
		}
		
		.show {

		 	display: block;
		 	width: max-content;
		 	margin: 0 auto;
		 	padding: 0;

		}
		
		.hide {
		
			display: none;
		
		}
		
		.colon>a:first-of-type:after {
    		content: ":";
			}

/* 
		.sub-menu li:after {
		
			content: ",\00a0";
			font-size: 1.5em;
		
		}
 */
		
		.sub-menu li:last-of-type:after {
		
			content: "";
			font-size: 1.5em;
		
		}
		
		.widget-title {
		
			margin: 0;
			padding: 0;
			font-size: 1.5em;
			font-weight: normal;
		
		}
		
		

		#nav-top {
		
			font-size: 1em;
		
		}
		
		
		#nav-top::after {
		
			font-family: "Material Icons Sharp";
    		content: "\e5de";
			font-size: 1.2em;
			position: absolute;		
			margin-top: 2px;
		}

		#nav-top-explore {
		
			font-size: 1em;
			display: inline;
		
		}
		
		#nav-top-explore::after {
		
			font-family: "Material Icons Sharp";
    		content: "\e5c5";
			font-size: 1.2em;
			position: absolute;			
		}		
		
		#button {
		
			display: inline;
			width: 200px;
			margin-left: -85px;
			position: absolute;
			margin-top: 8px;
		
		}
		
		#archive_pro_matic_widget-2 li.years {
		
			display: none;			
			width: max-content;
			float: left;
			padding-right: 6px;

		}
		
		#archive_pro_matic_widget-2 > div {
		
			width: max-content;
			margin: 0 auto;
		
		}

		#menu-main {
		
			margin: 0;
			padding: 0;		
		
		}

	#titles-wrapper {
	
		position: absolute;
		right: 0;
		left: 0;
		height: 100%;
		margin: 0 -5.5%;
	
	}	

		#titles {
		
			text-align: center;
			height: 100%;
		
		}
		
		#titles .swiper-slide {
		
			display: flex;
		
		}
	
	#side-column {
	
		position: relative;
		height: 100%;
	
	}
	
		#practical {
		
			position: absolute;
			bottom: 0;
			width: 200px;
		
		}

		#practical img {
		
      max-width: 140px; 
      height: 60px;
		width: auto;
			
		
		}

		#practical .swiper-slide {
		
		
		
		}

#core {

}



	#gallery {
	
		position: relative;

	}
	
	#gallery-placeholder {
	
		height: 40px
		width: 100%;
		margin: 0 auto;
		padding: 0;
		border-top: 1px solid white;
		display: block;
		content: "";
	
	
	}
	
		.picture {
		
			display: block;
			flex-shrink: 0 !important;
			position: relative;
		
		}
	
		.attachment-post-thumbnail {
		
			height: calc(var(--vh, 1vh) * 85);
			width: 100%;
			margin: 0 auto;
			padding: 0;
			object-fit: cover;
			background: lightgrey;
			object-position: center;
			display: block;

		}


		img:not([src]) {
   	
   			visibility: hidden;
		}
		
		
		iframe {
		
			height: calc(var(--vh, 1vh) * 75); !important;
			width: 100vw !important;
			margin-bottom: 20px;
			background: black;		
		}	
		
		
		.caption-container {
		
width: 100%;
height: 60px;
display: flex;
padding: 15px 0;
position: absolute;
z-index: 9999;
bottom: 0;
left: 0;
		
		}
		
		
		.caption {
		
text-align: center;
font-size: 0.75em;
display: inline-block;
align-self: flex-end;
margin: 0 auto;
width: 100vw;
padding: 0 15px;
color: white;
			
		}
		
		#entry {
		
			width: 100%;
		}
		
		
		.text {
		
			margin: 0 auto;
			position: relative;
			text-align: justify;
			hyphens: auto;
            -ms-hyphens: auto;
            -moz-hyphens: auto;
        	-webkit-hyphens: auto;
			text-indent: 0em;
			padding:1% 4% 0 4%;
			max-width: 980px;
		
		}
		


/* footer */

	#newsletter {
		
			height: 320px;
			position: relative;
			background: white;
			-ms-overflow-style: none;  /* IE and Edge */
  			scrollbar-width: none;  /* Firefox */
		
		}
		
		#newsletter::-webkit-scrollbar {

			display: none;

		}
		
		#address::-webkit-scrollbar {

			display: none;

		}
		
		
		#form {
			
				min-height: 320px;
				max-width: 980px;
				margin: 0 auto;
				width: 100%;
				padding: 0 4% 11px 4%;
			
			}
			
			input {
			
				width: 100%;
				border: none !important;
				background: none;
				border-bottom: 1px solid black !important;
				height: 64px;
				
				font-size: 1.5em;
				
				-webkit-appearance: none !important;
				border-radius: 0 !important;
				padding: 0 !important;

			
			}
			
			
			input {
 				 border-radius: 0 !important;
 				 padding: 0 !important;
			}

			input[type="search"] {
 		 		-webkit-appearance: none!important;
 		 		padding: 0 !important;
			}
			
			
			.mc-field-group input {
			
				width: 100%;
				border: none !important;
				background: none;
				border-bottom: 1px solid black !important;
				height: 64px;
				-webkit-appearance: none !important;
				border-radius: 0 !important;
				padding: 0 !important;

			
			}
			
			.mc-field-group {
							
			
			}
			
			
			.button-newsletter {
			
			    border: none !important;
    			margin: 0 !important;
   				padding: 0 !important;
    			display: block !important;
   				text-align: left !important;
   				cursor: pointer;
   				color: black;
   				font-weight: normal;
	
			}
			
			input::placeholder {
			
				opacity: 50%;
			
			}
			
			
			#mergeRow-gdpr p {
			
				font-size: 13px;
				line-height: 15px;
			
			}
			
			
			.form-inner {
			
				-webkit-column-break-inside: avoid;
				page-break-inside: avoid;
				break-inside: avoid;
				margin-bottom: 22px;
				scroll-snap-align: start;
				padding: 0 0px 0 0px;
			
			}

			.form-inner:first-of-type {
			
				padding: 13px 0px 0 0px;
			
			}
	#practical .fasc-button {
	
	max-width: 140px !important;
	margin: 20px 0 0 0 !important;
	min-width: 80px !important;
	
	
}		
			
@media (max-width: 720px) {

 
	

}