/*!
Theme Name: VanDorp
Author: Samreclame
Version: 1.4.1
Tested up to: 5.4
Requires PHP: 5.6
Text Domain: vandorp
*/

/* Normalize */
html {line-height: 1.15;-webkit-text-size-adjust: 100%;}body {margin: 0;}main {display: block;}h1 {font-size: 2em;margin: 0.67em 0;}hr {box-sizing: content-box;height: 0;overflow: visible;}pre {font-family: monospace, monospace;font-size: 1em;}a {background-color: transparent;}abbr[title] {border-bottom: none;text-decoration: underline;text-decoration: underline dotted;}b, strong {font-weight: bolder;}code, kbd, samp {font-family: monospace, monospace;font-size: 1em;}small {font-size: 80%;}sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline;}sub {bottom: -0.25em;}sup {top: -0.5em;}img {border-style: none;}button, input, optgroup, select, textarea {font-family: inherit;font-size: 100%;line-height: 1.15;margin: 0;}button, input {overflow: visible;}button, select {text-transform: none;}button, [type="button"], [type="reset"], [type="submit"] {-webkit-appearance: button;}button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {border-style: none;padding: 0;}button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {outline: 1px dotted ButtonText;}fieldset {padding: 0.35em 0.75em 0.625em;}legend {box-sizing: border-box;color: inherit;display: table;max-width: 100%;padding: 0;white-space: normal;}progress {vertical-align: baseline;}textarea {overflow: auto;}[type="checkbox"], [type="radio"] {box-sizing: border-box;padding: 0;}[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {height: auto;}[type="search"] {-webkit-appearance: textfield;outline-offset: -2px;}[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}::-webkit-file-upload-button {-webkit-appearance: button;font: inherit;}details {display: block;}summary {display: list-item;}template {display: none;}[hidden] {display: none;}*, *::before, *::after {box-sizing: inherit;}html {box-sizing: border-box;}body, button, input, select, optgroup, textarea {color: #404040;font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size: 1rem;line-height: 1.5;}h1, h2, h3, h4, h5, h6 {clear: both;}p {margin-bottom: 1.5em;}dfn, cite, em, i {font-style: italic;}blockquote {margin: 0 1.5em;}address {margin: 0 0 1.5em;}pre {background: #eee;font-family: "Courier 10 Pitch", courier, monospace;line-height: 1.6;margin-bottom: 1.6em;max-width: 100%;overflow: auto;padding: 1.6em;}code, kbd, tt, var {font-family: monaco, consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}abbr, acronym {border-bottom: 1px dotted #666;cursor: help;}mark, ins {background: #fff9c0;text-decoration: none;}big {font-size: 125%;}body {background: #fff;}hr {background-color: #ccc;border: 0;height: 1px;margin-bottom: 1.5em;}ul, ol {margin: 0 0 1.5em 3em;}ul {list-style: disc;}ol {list-style: decimal;}li > ul, li > ol {margin-bottom: 0;margin-left: 1.5em;}dt {font-weight: 700;}dd {margin: 0 1.5em 1.5em;}embed, iframe, object {max-width: 100%;}img {height: auto;max-width: 100%;}figure {margin: 1em 0;}table {margin: 0 0 1.5em;width: 100%;}a {color: #4169e1;}a:visited {color: #800080;}a:hover, a:focus, a:active {color: #191970;}a:focus {outline: thin dotted;}a:hover, a:active {outline: 0;}button, input[type="button"], input[type="reset"], input[type="submit"] {border: 1px solid;border-color: #ccc #ccc #bbb;border-radius: 3px;background: #e6e6e6;color: rgba(0, 0, 0, 0.8);line-height: 1;padding: 0.6em 1em 0.4em;}button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {border-color: #ccc #bbb #aaa;}button:active, button:focus, input[type="button"]:active, input[type="button"]:focus, input[type="reset"]:active, input[type="reset"]:focus, input[type="submit"]:active, input[type="submit"]:focus {border-color: #aaa #bbb #bbb;}input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="number"]:focus, input[type="tel"]:focus, input[type="range"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="week"]:focus, input[type="time"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="color"]:focus, textarea:focus {color: #111;}select {border: 1px solid #ccc;}textarea {width: 100%;}.main-navigation {display: block;width: 100%;}.main-navigation ul {display: none;list-style: none;margin: 0;padding-left: 0;}.main-navigation ul ul {box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);float: left;position: absolute;top: 100%;left: -999em;z-index: 99999;}.main-navigation ul ul ul {left: -999em;top: 0;}.main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {display: block;left: auto;}.main-navigation ul ul a {width: 200px;}.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {left: auto;}.main-navigation li {position: relative;}.main-navigation a {display: block;text-decoration: none;}.menu-toggle, .main-navigation.toggled ul {display: block;}@media screen and (min-width: 37.5em) {.menu-toggle {display: none;}.main-navigation ul {display: flex;}}.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {margin: 0 0 1.5em;}.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {display: flex;}.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {flex: 1 0 50%;}.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {text-align: end;flex: 1 0 50%;}.sticky {display: block;}.post, .page {margin: 0;}.updated:not(.published) {display: none;}.page-content, .entry-content, .entry-summary {margin: 1.5em 0 0;}.page-links {clear: both;margin: 0 0 1.5em;}.comment-content a {word-wrap: break-word;}.bypostauthor {display: block;}.widget {margin: 0 0 1.5em;}.widget select {max-width: 100%;}.page-content .wp-smiley, .entry-content .wp-smiley, .comment-content .wp-smiley {border: none;margin-bottom: 0;margin-top: 0;padding: 0;}.custom-logo-link {display: inline-block;}.wp-caption {margin-bottom: 1.5em;max-width: 100%;}.wp-caption img[class*="wp-image-"] {display: block;margin-left: auto;margin-right: auto;}.wp-caption .wp-caption-text {margin: 0.8075em 0;}.wp-caption-text {text-align: center;}.gallery {margin-bottom: 1.5em;display: grid;grid-gap: 1.5em;}.gallery-item {display: inline-block;text-align: center;width: 100%;}.gallery-columns-2 {grid-template-columns: repeat(2, 1fr);}.gallery-columns-3 {grid-template-columns: repeat(3, 1fr);}.gallery-columns-4 {grid-template-columns: repeat(4, 1fr);}.gallery-columns-5 {grid-template-columns: repeat(5, 1fr);}.gallery-columns-6 {grid-template-columns: repeat(6, 1fr);}.gallery-columns-7 {grid-template-columns: repeat(7, 1fr);}.gallery-columns-8 {grid-template-columns: repeat(8, 1fr);}.gallery-columns-9 {grid-template-columns: repeat(9, 1fr);}.gallery-caption {display: block;}.infinite-scroll .posts-navigation, .infinite-scroll.neverending .site-footer {display: none;}.infinity-end.neverending .site-footer {display: block;}.screen-reader-text {border: 0;clip: rect(1px, 1px, 1px, 1px);clip-path: inset(50%);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute !important;width: 1px;word-wrap: normal !important;}.screen-reader-text:focus {background-color: #f1f1f1;border-radius: 3px;box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);clip: auto !important;clip-path: none;color: #21759b;display: block;font-size: 0.875rem;font-weight: 700;height: auto;left: 5px;line-height: normal;padding: 15px 23px 14px;text-decoration: none;top: 5px;width: auto;z-index: 100000;}#primary[tabindex="-1"]:focus {outline: 0;}.alignleft {float: left;margin-right: 1.5em;margin-bottom: 1.5em;}.alignright {float: right;margin-left: 1.5em;margin-bottom: 1.5em;}.aligncenter {clear: both;display: block;margin-left: auto;margin-right: auto;margin-bottom: 1.5em;}

/* Fonts */

@font-face {
	font-family: 'League Spartan';
	src: url('fonts/League_Spartan/LeagueSpartan-VariableFont_wght.ttf') format("truetype-variations");
	font-weight: 1 999;
}

.button, .wpcf7-submit {
	font-family: 'League Spartan';
}

/* Main Styling */

body {
    max-width: 100%;
    overflow-x: hidden;
    background-size: cover;
    background-position: top left;
    background-repeat: no-repeat;
}
body.page-template-default {
	background: unset !important;
}

p {
	margin: 15px 0;
	font-size: 20px;
	line-height: 1.5;
}
header.site-header {
	display: none;
}
.image-wrapper {
    position: relative;
    height: 100vh;
    width: 100%;
}
.image-wrapper img {
	display: block;
	margin: 0 auto;
}

.site-wrapper {
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}

.buttons-wrapper {
    display: flex;
    position: absolute;
    bottom: 15%;
}
.buttons-wrapper .button a {
	display: inline-block;
	background-color: #F9C900;
	color: #000;
	padding: 8px 30px;
	border-radius: 22px;
	font-size: 32px;
	font-weight: 500;
	text-decoration: none;
	margin-right: 30px;
	transition: .3s all ease;
}
.buttons-wrapper .button.red a {
	background-color: #E73327;
	color: #fff;
	font-weight: 500;
}

/* Page */

#primary {
	position: relative;
	background-size: contain;
	background-position: top right;
	background-repeat: no-repeat;
	min-height: 100vh;
}
.content-wrapper {
	position: relative;
	width: 50%;
    max-width: 800px;
    min-width: 470px;
    background-color: #fff;
    min-height: 100vh;
    padding: 20px 30px;
}
.content-wrapper .event-image {
	position: absolute;
	left: 108%;
	top: 0;
	max-width: 80%;
}

/* Form */
form.wpcf7-form {
    padding: 0 100px 0 20px;
    margin-bottom: 60px;
}
.wpcf7-not-valid-tip {
	margin-left: 20px;
}
.wpcf7 form .wpcf7-response-output {
	margin: 10px 0;
}
button, input, select, optgroup, textarea {
    border: none;
    background-color: #F9C900;
    border-radius: 22px;
    padding: 20px 40px;
    font-size: 20px;
    width: 100%;
}
::placeholder {
    color: #000;
}
input[type="radio"],
input[type="checkbox"] {
	display: inline-block;
	width: auto;
	accent-color: #F9C900;
}
textarea {
	height: 150px;
	min-width: 100%;
	max-width: 100%;
}

p.extra {
    font-size: 14px;
    margin: 0;
}
input[type="submit"] {
	display: block;
    width: auto;
    color: #fff;
    background-color: #E73327;
    border-radius: 22px;
    outline: none;
    border: none;
    padding: 15px 30px;
    margin-left: auto;
    cursor: pointer;
}
.wpcf7-spinner {
	display: none;
}

/* Responsive */

@media only screen and (max-width: 750px) {
	body {
		background-size: contain;
	}
	.buttons-wrapper {
		position: relative;
		flex-wrap: wrap;
		justify-content: space-evenly;
		padding-top: 58%;
	}
	.buttons-wrapper .button a {
		font-size: 24px;
		margin-right: 0;
	}
	.content-wrapper {
		width: 100%;
		min-width: unset;
		overflow: hidden;
	}
	form.wpcf7-form {
		padding: 0;
	}
}


@media only screen and (max-width: 480px) {
	body.home {
		background-image: url(https://vandorpevents.nl/wp-content/uploads/2023/08/mobiel-min-scaled.jpg) !important;
		background-position: top center;
		background-size: 100% 100%;
	}
	.buttons-wrapper {
		padding-top: 90%;
	}
}