/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/*when updating themes and plugins check the following items


hamburger toggle
file: ..\wp-content\plugins\gp-premium\menu-plus\functions\generate-menu-plus.php
Let op website url voor icon src!

section: 
	$icon = apply_filters(
			'generate_off_canvas_toggle_output',
			sprintf(
				'<span class="menu-bar-item slideout-toggle hide-on-mobile %2$s"><a href="#" role="button"%4$s><img src="http://localhost/peitsman/wp-content/themes/generatepress_child/assets/img/hamburger.svg" class="off-canvas-toggle-label">%1$s%3$s</a></span>',
				$svg_icon,
				$svg_icon ? 'has-svg-icon' : '',
				'' !== $settings['off_canvas_desktop_toggle_label'] ? '<span class="off-canvas-toggle-label">' . wp_kses_post( $settings['off_canvas_desktop_toggle_label'] ) . '</span>' : '',
				'' === $settings['off_canvas_desktop_toggle_label']
					? sprintf(
						' aria-label="%s"',
						apply_filters( 'generate_off_canvas_button_aria_label', __( 'Open Off-Canvas Panel', 'gp-premium' ) )
					) : ''
			)
		);

		echo $icon; // phpcs:ignore -- No escaping needed.
	}

*/

h1, h2, h3, h4, h5, h6 { margin-top: 0.4em; }
ol, ul {   margin: 0.6em 0 1.5em 3em; }

input {   max-width: 100%!important; }


.entry-content {
	position: relative;
	z-index: 20;
}

#generate-slideout-menu {
		box-sizing: border-box;
		padding: 20px;
}
.slideout-menu .sub-menu{
	box-shadow: none!important;
}

.slideout-widget { margin: 0 !important;}

.slideout-exit {
	color: var(--accent)!important;
	padding-right: 20px!important;
	text-align: right!important;
	font-size: 28px;
}


.inside-navigation.grid-container{ 	position: static!important; }

#masthead {
	box-shadow: 0px 0px 8px 3px #27272725;
	z-index: 200;
}

.slideout-toggle.hide-on-mobile {
position: absolute;
  height: 90px;
  padding: 0;
  width: 100px;
  right: 0px;
  top:0px;
  display: block!important;
}

.slideout-toggle:not(.has-svg-icon) a:before {
	content: ""!important;
	font-family: 'GP Premium';
	line-height: 1em;
	width: 0!important;
	display: none!important;
	position: relative;
	top: 0px;
}

.sub-menu {
	box-shadow: none;
  margin-bottom: 12px;
}

.site-footer a { text-decoration: none}
.wp-block-social-links.has-huge-icon-size a{ font-size: 32px; }


.container-wit-spotlight {
	position: relative;
	margin-left: calc(-100vw / 2 + 100% / 2);
	margin-right: calc(-100vw / 2 + 100% / 2);
	max-width: 100vw;
	width: auto;
	margin-top: -40px;
}

.hero-overlay {
	margin-left: auto;
  margin-right: auto;
  max-width: var(--gb-container-width);
  position: relative;
  z-index: 510;
}

.yoast-breadcrumbs a{ text-decoration: none;}

/* De link wordt over de hele kaart uitgerekt */
.card a.stretched-link::after, .card .stretched-link>a::after, .spotlight-item a.stretched-link::after, .spotlight-item.stretched-link>a::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
}

@media (max-width: 768px) {

	.slideout-toggle.hide-on-mobile {
		position: absolute;
		height: 80px;
		padding: 0;
		width: 95px;
		right: 0px;
		top: 0px;
		display: block!important;}



.site-logo { margin: 1em 0;}
.inside-header { align-items: start;}
.header-image.is-logo-image {   width: 260px; }

.navigation-branding, .site-logo.mobile-header-logo { display: none!important;}

}