/*
Theme Name: Get Praut
Theme URI: https://getpraut.nl/
Description: Get Praut - Thema
Author: Get Praut
Author URI: https://getpraut.nl/
Version: 1.0
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin:0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:0 0 15px 15px}
.alignleft{float:left;margin:0 15px 15px 0}
.aligncenter{display:block;margin:5px auto 5px auto}
a img.alignright{float:right;margin:0 0 15px 15px}
a img.alignnone{margin:0}
a img.alignleft{float:left;margin:0 15px 15px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption.alignnone{margin:0}
.wp-caption.alignleft{margin:0 15px 15px 0}
.wp-caption.alignright{margin:0 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* Custom CSS
-------------------------------------------------------------- */

:root{
	
	--blauw: #0056b3;
	--blauw-donker: #3f476b;
	--oranje: #eea92f;
	
	
	/*tekstkleuren*/
	--zwart: #272727/*#181818*/;
}

.navbar-brand {
 background-color: var(--oranje);
 color: var(--zwart)!important;
 padding: 10px;
}

.bg-home {
 min-height: 640px;
}

.bg-pagina {
 min-height: 400px;
}

body {
 padding-top: 23px;
}

nav #menu-hoofd-menu .menu-item a{
	font-size: 0.9em;
}

@media screen and (min-width: 575px) {
 .homepadding {
 padding-left: 50px;
}
}

.bg-homeblok {
 background-color: var(--blauw);
 color: #ffffff;
}

.bg-homeblok a {
 color: #ffffff;
 text-decoration: none;
}

.bg-homeblok.--oranje{
	background-color: var(--oranje);
	color: var(--zwart);
}

.bg-homeblok.--oranje a{ color: var(--zwart);}

.homeblokrand {
 border: 1px solid #0056b3;
 text-decoration: none;
}

.blokfoto {
 background-color: rgba(0,86,179,0.8);
 padding: 20px;
}

.blokfoto a {
 color: #ffffff;
}

.blokfoto.--oranje{ 
	background-color: rgb(from var(--oranje) r g b / 0.8);
	color: var(--zwart);
}

.blokfoto.--oranje a{ color: var(--zwart);}

footer{
	background-color: var(--blauw-donker);
	color: #FFF;
}

footer a:link{ color:#FFF;}

footer a:hover{ color:#FFF;}

/*navbar toggler aanpassingen voor bootstrap 5*/
nav .navbar-toggler{
	--bs-border-width:0px;
}

nav .navbar-toggler:focus{
	--bs-navbar-toggler-focus-width:0px;
}

/*contactformulier*/
.wpcf7 input[type="text"], .wpcf7 input[type="tel"], .wpcf7 input[type="email"]{
	width: 100%;
	max-width: 400px;
}

.wpcf7 label{
	width:100%;
}

.wpcf7 textarea{
	width: 100%;
	max-width: 400px;
}

.wpcf7 .wpcf7-radio{
	display: flex;
	flex-direction: column;
	gap: 0.5em;
}

.context-text{
	font-style: italic;
	color: #000000a3;
	font-size: 0.9em;
}

/* Extra large devices (extra large desktops, 1400px and up)*/
@media (min-width: 1400px) 
{
	.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{
		max-width:1140px;
	}
}