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

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

.offcanvas {
 background-color: #000000;
}

.offcanvas-title {
 color: #f6bc05;
}

.active .nav-link, .nav-link:hover {
 border-bottom: 2px solid #f6bc05;
 padding-bottom: 10px;
 color: #ffffff;
}

.nav-link {
 position: relative;
 color: #ffffff;
}

.active .nav-link:after, .nav-link:hover:after {
 content: "";
 position: absolute;
 height: 2px;
 width: 100%;
 left: 0px;
 top: calc(100% + 4px);
 background-color: #f6bc05;
}

.logogrootte {
 width: 250px;
}

.randgeel {
 position: relative;
 padding: 40px;
 min-height: 700px;
 margin-bottom: 40px;
}

.randgeel:before, .randgeel:after {
 content: "";
 position: absolute;
 top: -4px;
 left: 0px;
 width: calc(100% - 7px);
 height: 100%;
 border: 3px solid #f6bc05;
 z-index: -1;
}

.randgeel:after {
 top: 4px;
 left: 7px;
}

.fotorand > div {
 position: relative;
 padding: 20px;
 display: grid;
 grid-template-rows: auto 1fr auto;
 height: 100%;
}

.fotorand > div:after {
 content: "";
 position: absolute;
 width: 100%;
 height: 100%;
 border: 3px solid #f6bc05;
 z-index: -1;
}

.fotorand.introductietekst {
 border: 3px solid #f6bc05;
}	

iframe {
 width: 100%;
}

.wpcf7-form .form-group p {
 color: #fff;
}

.btn-custom {
 background-color: #f6bc05;
 color: #000000;
}

.btn-custom:hover {
 background-color: #f6bc05;
 color: #000000;
}

.productfoto img {
 aspect-ratio: 1/1;
 object-fit: cover;
}

.gp-rows > div {
 display: flex;
 flex-direction: row;
 flex-wrap: wrap;
}

.gp-rows > div > div {
 flex: 0 0 100%;
}

.fotorand .wp-block-buttons {
 position: relative;
 bottom: 0;
}

.socialmediaicons a {
 background-color: #f6bc05;
 color: #000000;
 height: 40px;
 width: 40px;
 display: block;
 font-size: 24px;
 position: relative;
 border-radius: 9999px;
}

.socialmediaicons li {
 list-style: none;
 padding: 4px;
}

.socialmediaicons i {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

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

.wpcf7-response-output {
 color: #ffffff;
}

nav.navbar .navbar-toggle-icoon {
 display: flex;
 flex-flow: column wrap;
 gap: 8px;
 width: 25px;
}

nav.navbar .navbar-toggle-icoon > div {
 height: 2px;
 width: 100%;
 background-color: #ffffff;
}

nav.navbar .btn-close {
 filter: invert(100%);
 opacity: 1;
}

.footer > div:nth-child(1) {
 order: 1;
}

.footer > div:nth-child(2) {
 order: 3;
}

.footer > div:nth-child(3) {
 order: 2;
}

@media screen and (min-width: 782px) {
 .footer > div:nth-child(1) {
 order: 1;
}

.footer > div:nth-child(2) {
 order: 2;
}

.footer > div:nth-child(3) {
 order: 3;
}
.gp-rows > div > div {
 flex: 0 0 50%;
}
}

@media screen and (min-width: 992px) {
 .socialmediaicons {
 position: fixed;
 right: 0;
 top: 35%;
}
.gp-rows > div > div {
 flex: 0 0 33%;
}
}

@media screen and (max-width: 991px) {
 .socialmediaicons ul {
 display: flex;
 flex-direction: row;
 padding-inline-start: 0px!important;
 }
}