/* your custom css goes here
   use #child-theme as a wrapper to override the parent theme styles easier
   variables are in variables.css, e.g. color: var(--primary-color); */




#page-topbar:not(.slim) .main-img-wrapper .main-img:after {
	background: linear-gradient(rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 100%);
}

footer .footer-top-block {
	gap: 5rem;
}

/* featured image: max. viewport height minus navigation */
@media only screen and (min-width: 700px) {
	#page-topbar .desktop-img,
	#page-topbar .desktop-img img {
		max-height: calc(100vh - var(--header-height-mobile));
	}
}

@media only screen and (min-width: 1100px) {
	#page-topbar .desktop-img,
	#page-topbar .desktop-img img {
		max-height: calc(100vh - var(--header-height-desktop));
	}
}

/* smooth scrolling to anchors, offset by the fixed navigation */
@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

[id] {
	scroll-margin-top: calc(var(--header-height-mobile) + 20px);
}

@media only screen and (min-width: 1100px) {
	[id] {
		scroll-margin-top: calc(var(--header-height-desktop) + 20px);
	}
}

/* cropped content images (aspect ratio set in the editor): never taller than the screen */
#page-content .wp-block-image img[style*="aspect-ratio"] {
	width: 100%;
	max-height: calc(100vh - var(--header-height-mobile) - 40px);
}

@media only screen and (min-width: 1100px) {
	#page-content .wp-block-image img[style*="aspect-ratio"] {
		max-height: calc(100vh - var(--header-height-desktop) - 40px);
	}
}

/* block spacing: big between sections, smaller for blocks nested in a group */
#page-content > :is(.wp-block-media-text, .wp-block-image, .wp-block-columns, .wp-block-contact-form-7-contact-form-selector, .custom-block, .wp-block-group, .wp-block-gallery, .wp-block-cover, .wp-block-latest-posts__list, .wp-block-details, iframe) {
	margin-bottom: var(--space-section);
}

#page-content .wp-block-group__inner-container > :is(.wp-block-media-text, .wp-block-image, .wp-block-columns, .wp-block-contact-form-7-contact-form-selector, .custom-block, .wp-block-group, .wp-block-gallery, .wp-block-cover, .wp-block-latest-posts__list, .wp-block-details, iframe),
#page-content .wp-block-group > :is(.wp-block-media-text, .wp-block-image, .wp-block-columns, .wp-block-contact-form-7-contact-form-selector, .custom-block, .wp-block-group, .wp-block-gallery, .wp-block-cover, .wp-block-latest-posts__list, .wp-block-details, iframe) {
	margin-bottom: var(--space-nested);
}

/* no extra space after the last block inside a group */
#page-content .wp-block-group__inner-container > :last-child,
#page-content .wp-block-group > :last-child,
#page-content .wp-block-column > :last-child {
	margin-bottom: 0;
}

/* paragraph style "Eyebrow": small label above a heading */
#page-content p.is-style-eyebrow {
	font-size: 13px;
	line-height: 1.4;
	font-weight: 600;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--primary-color);
	margin-bottom: 10px;
}

@media only screen and (min-width: 1100px) {
	#page-content p.is-style-eyebrow {
		font-size: 15px;
		margin-bottom: 15px;
	}
}