/*
 Theme Name:   Monumentenpaleis 2026
 Theme URI:    https://www.monumentenpaleis.nl
 Description:  Monumentenpaleis
 Author:       Chris Tol
 Author URI:   https://www.sedero.nl
 Template:     astra
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  monumentenpaleis2026
*/

/* dm-serif-display-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'DM Serif Display';
  font-style: normal;
  font-weight: 400;
  src: url('assets/fonts/dm-serif-display-v17-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


:root{
	--color-primary: #1f3214;
	--color-secondary: #a18244;
	--color-green-light: #776d1e;
}

.text-shadow > h1,
.text-shadow p{
	text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7) !important;

}

#masthead .ast-container, .site-header-focus-item + .ast-breadcrumbs-wrapper{
	max-width: 95%;
	margin: 0px auto;
}

.site-above-header-wrap{
	border-bottom: 1px solid #404040;
}

ul.menu-top-right{
	margin: 0px;
	display: flex;
	-webkit-display: flex;
	gap: 30px;
}

ul.menu-top-right li{
	list-style: none;
}

ul.menu-top-right li a{
	color: #fff;
}

ul.menu-top-right li:last-child::before{
	content: "\f0e0";
	font: var(--fa-font-solid);
	color: var(--color-green-light);
	margin-right: 5px;
}

ul.menu-top-right li:first-child::before{
	content: "\f095";
	font: var(--fa-font-solid);
	color: var(--color-green-light);
	margin-right: 5px;
}

.site-branding{
	z-index: 20;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.ast-header-break-point .ast-site-identity{
	width: auto;
}

.main-slide-content > div {
	padding-left: clamp(10px, 5.5vw, 250px) !important;
}

.ast-header-search .astra-search-icon{
	color: #776d1e;
	font-size: 28px;
	border: 1px solid #776d1e;
	padding: 2px 13px;
	border-radius: 3px;
}

@media screen and ( max-width: 921px ) {
	
	.main-slide-content > div h1{
		font-size: 30px !important;		
	}
	
	.main-slide-content > div p{
		font-size: 16px !important;		
	}
	
	.main-slide-content .n2-ss-layer--block .n2-ss-layer-row-inner > div{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	
	.main-slide-content .n2-ss-layer--block .n2-ss-layer-row-inner > div > div{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
}

@media screen and ( max-width: 600px ) {
	
	.main-slide-content > div h1{
		font-size: 26px !important;		
	}
	
	.main-slide-content > div p{
		font-size: 14px !important;		
	}
	
	.main-slide-content .n2-ss-layer--block .n2-ss-layer-row-inner > div{
		margin-top: 5px !important;
		margin-bottom: 5px !important;
	}
	
	.main-slide-content .n2-ss-layer--block .n2-ss-layer-row-inner > div > div{
		padding-top: 0 !important;
		padding-bottom: 0 !important;
	}
	
}