/*
 Theme Name:   !WOON Procedure
 Theme URI:    https://www.wplounge.nl/
 Description:  Twenty Twenty-five Child Theme
 Author:       Laurens Jansen
 Author URI:   https://www.wplounge.nl/
 Template:     twentytwentyfive
 Version:      1.0.0
 Tags:        WOON
 Text Domain:  twentytwentyfive-child
*/


/*
 * Link styles
 * https://github.com/WordPress/gutenberg/issues/42319
 */
a {
	text-decoration-thickness: 1px !important;
	text-underline-offset: .1em;
}
h1 {
	color: #29235c;
	font-size: 2.2352941176471rem;
	font-family: DINPro Bold,Helvetica,Arial,sans-serif;
	line-height: 1.16em;
}

h3 {
	color:#29235c;
	font-family: DINPro Bold,Helvetica,Arial,sans-serif;
	line-height: 1.17em;
}

div.breed{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d4d3de;
	max-width: 100%;
	margin-left: 15px!important;
	margin-right: 15px!important;
}

/* Focus styles */
:where(.wp-site-blocks *:focus) {
	outline-width: 2px;
	outline-style: solid;
}

/* Increase the bottom margin on submenus, so that the outline is visible. */
.wp-block-navigation .wp-block-navigation-submenu .wp-block-navigation-item:not(:last-child) {
	margin-bottom: 3px;
}

/* Increase the outline offset on the parent menu items, so that the outline does not touch the text. */
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation-item__content {
	outline-offset: 4px;
}

/* Remove outline offset from the submenus, otherwise the outline is visible outside the submenu container. */
.wp-block-navigation .wp-block-navigation-item ul.wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	outline-offset: 0;
}

/*
 * Progressive enhancement to reduce widows and orphans
 * https://github.com/WordPress/gutenberg/issues/55190
 */
h1, h2, h3, h4, h5, h6, blockquote, caption, figcaption, p {
	text-wrap: pretty;
}

/*
 * Change the position of the more block on the front, by making it a block level element.
 * https://github.com/WordPress/gutenberg/issues/65934
*/
.more-link {
	display: block;
}

/* header grid container */
.flex-container {
	display: grid;
	grid-template-columns: auto auto;
	padding: 15px ;
	max-width: 100%;
}

.header-image {
	width: 166px;
	display: inline;
	height: auto;
	max-width: 100%;
	position: relative;
	left:-90px;
}

.flex-container > .flex-row {
	margin-top: -18px;
	margin-left: auto;
	margin-right: auto;
}
.flex-container > .titel-site {
	margin-top: 20px;
}

.flex-container > .titel-site h2 {
	text-transform: uppercase;
	font-size: 1em;
	font-family: DINPro , Verdana, Arial, sans-serif;
	font-weight: 700;
}
.flex-container > .titel-site i {
	color: #17a19a;
	font-weight: 400;
	font-size: 1.25em;
	left: 38px;
}
/* grid container */
.wp-site-blocks {
	display:grid;
	grid-template-areas:
        'header'
		'top-row'
        'main-content'
        'footer';
	background-color: #f3f3f6;
}

/* general column padding */
.wp-site-blocks > * {
	padding:1rem;
}

/* assign columns to grid areas */
.wp-site-blocks > .header {
	grid-area:header;
	background:#fff;
	position: fixed;
	top:0;
	width: 100%;
	z-index: 100;
	height: 80px;
}

.wp-site-blocks > .top-row {
	grid-area:top-row;
	margin-left: 0;
	margin-right: 0;
	height: 260px;
	width: 100%;
	background-image: url("./assets/images/woon_background_brug.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-size:cover;
	position: relative;
	top: -3px;
}

.wp-site-blocks > .main-content {
	grid-area:main-content;
	position: relative;
	top:-155px;
	background:#fff;
	border-radius: 5px;
	align-items: center;
	width: 100%;
}
.wp-site-blocks > .left-sidebar {
	grid-area:left-sidebar;
	background:#f5d55f;
}
.wp-site-blocks > .right-sidebar {
	grid-area:right-sidebar;
	background:#c5ed77;
}
.wp-site-blocks > .footer {
	grid-area:footer;
	background:#f3f3f6;
	box-shadow: 0px -4px 3px #f3f3f6;
}

.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: 100% !important;;
	margin-left: 15px !important;
	margin-right: 15px !important;
}

/* Gravity forms !WOON opmaak*/
.gform_button, body .gform_wrapper .gform_footer input[type="submit"] {
	font-family: DINPro Bold,Helvetica,Arial,sans-serif;
	text-decoration: none !important;
	font-size: 1em;
	padding: 15px 40px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	color: #ffffff;
	border-color: #29235c;
	background-color: #29235c;
}
@media only screen and (max-width: 600px)  {
	.wp-site-blocks {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
			'top-row top-row'
            'main-content main-content'
            'footer footer';
	}
	.wp-site-blocks > .header {
		display: none;
	}
	.wp-site-blocks > .top-row {
		top: -20px;
		height: 150px;
	}
	.wp-site-blocks > .main-content {
		top: -60px;
	}
}

/* tablet breakpoint */
@media (min-width:768px) {
	.wp-site-blocks {
		grid-template-columns: 1fr 1fr;
		grid-template-areas:
            'header header'
			'top-row top-row'
            'main-content main-content'
            'footer footer';
	}
	.wp-site-blocks > .main-content {
		margin-left: auto;
		margin-right: auto;
		min-width: 0;
		z-index: 10;
		margin-top: 117px !important;
	}
}

/* desktop breakpoint */
@media (min-width:1024px) {
	.wp-site-blocks {
		grid-template-columns: repeat(4, 1fr);
		grid-template-areas:
            'header header header header'
			'top-row top-row top-row top-row'
            'main-content main-content main-content main-content'
            'footer footer footer footer';
	}
	.wp-site-blocks > .main-content {
		 max-width: 1200px;
	}
}