/*
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
-------------------------------------------------------------- */
body {
 padding-top: 127px;
 background-color: #ece9df;
}

.active .nav-link, .nav-link:hover {
 border-bottom: 2px solid #c26032;
}

.logogrootte {
 width: 200px;
}

.bg-menu {
 background-color: #ece9df;
}

.homeafbeelding {
 background-image: linear-gradient(to right, #ece9df 50%, #c6ab97 50%, #c6ab97 65%, rgba(0,0,0,0.1) 65%), url(img/jannesmitskeramiek.jpg);
 min-height: 600px;
 margin-bottom: 100px;
 background-size: contain;
 background-position: right;
 background-repeat: no-repeat;
 position: relative;
}

.bg-homeblok1 {
 background-color: #c26032;
}

.kolomafbeelding figure {
 margin-bottom: 0;
 position: relative;
}

.kolomafbeelding {
 position: relative;
}

.kolomafbeelding img {
 max-height: 100%;
}

.kolomtekst {
 position: relative;
 max-height: fit-content;
 align-self: center;
 left: -80px; 
}

.kolomtekstlinks {
 position: relative;
 max-height: fit-content;
 align-self: center;
 left: 80px; 
 z-index: 1;
}

.kolomtekstwrap {
 
}

.stempelblok {
 
}

.logo-ini {
 position: absolute;
 left: 49.8%;
 top: 50%;
 transform: translate(-50%, -50%);
}

.logo-ini figure {
 margin: 0;
}

.wp-block-heading, .nav-link {
 font-family: "Libre Bodoni", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.siertekst, .siertekst h3 {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.siertekst p {
 font-size: 1.5rem;
}

.siertekst h3 {
 font-size: 2rem;
}

@media screen and (max-width: 575px) {
 .logo-ini {
 top: 90%;
 }
 .homeafbeelding {
 min-height: 350px;
 }
}

@media screen and (min-width: 768px) and (max-width: 992px) {
 .logo-ini {
 top: 80%;
 }
 .stempelblok {
 display: none;
 }
 .homeafbeelding .wp-block-column {
 align-self: start!important;
 }
}

@media screen and (max-width: 992px) {
	.kolomtekst {
	 left: 0px;
	}
	.kolomtekstlinks {
	left: 0px;
	}
	.homeafbeelding {
	background: none;
	}
}

@media screen and (min-width: 993px) and (max-width: 1025px) {
 .homeafbeelding .wp-block-column {
 align-self: start!important;
 }
 .homeafbeelding h1 {
 font-size: 1.3rem;
 }
 .homeafbeelding h2 {
 font-size: 1.2rem;
 }
}