/*
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
-------------------------------------------------------------- */

@font-face {
    font-family: 'Verdana';
    src: url('/wp-content/themes/getpraut/fonts/verdana.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Verdana Bold';
    src: url('/wp-content/themes/getpraut/fonts/verdanab.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

.navbar-nav {
 font-family: 'Verdana Bold';
}

.logobreedte img{
 width: 200px;
 height: auto;
}

.container{
    max-width: 1100px;
}

.nav-link {
 color: #333333!important;
}

.nav-link:hover {
 color: #4cc2f1!important;
}

.active .nav-link {
 color: #2b307e!important;
}

@media (min-width: 576px) {
.nav-margin {
 margin-top: 40px;
}
}

.fixed-top {
 position: fixed;
 top: 0;
 right: 0;
 left: 0;
 z-index: 1030;
}

body {
 padding-top: 154px;
 display: flex;
 flex-direction: column;
 min-height: 100vh;
}

#menu-filler-space{ height: 101px;}

footer{ margin-top: auto!important; }

.headerimage {
 max-height: 600px;
}

.headerimage img{
    width: 100%!important;
    object-fit: cover;
    object-position: left;
    height: 100%;
    
}

.bg-informatie {
 background-color: #2b307e;
 color: #ffffff;
}

.btn-custom {
 background-color: #2b307e;
 color: #ffffff;
}

.btn-custom:hover {
 background-color: #2b307e;
 color: #ffffff;
}

.icoon .bi::before {
 font-size: 50px;
 color: #4cc2f1;
}

#social .bi{
    font-size: 30px;
}

.bg-informatie a {
 color: #ffffff;
}

.projectenicoon .fas {
 font-size: 80px;
 color: #4cc2f1;
}

.flex-midden {
 display: flex;
 align-items: center;
 justify-content: center; 
}

.content-h-max-fit{ 
    max-height:fit-content;
    align-self: center;
}

.card-image{
    /*background-image te vinden in archive.php*/
    background-repeat: no-repeat; 
    background-size:contain; 
    background-position: center;
}

/*gallerij posts*/
.gallerij-grid{
    display: grid!important;
    grid-template-columns: 1fr;
}

.gallerij-grid > figure{
    width: 100% !important;
    overflow:hidden;
    border-radius: 5px;
    border: 1px solid #0000002d;
    
}

.gallerij-grid > figure img{ transition: transform 0.7s;}

.gallerij-grid > figure:hover img{ transform: scale(1.2);}

/*accordion*/
.wp-block-accordion-heading:hover{
    color: #4cc2f1;
}

.wp-block-accordion-panel{
    margin-bottom: 32px;
}

@media screen and (max-width: 768px) {
 .headerimage {
 width: 100%;
 background-repeat: no-repeat;
 height: 200px;
 }
 body {
 padding-top: 100px;
}
.logo {
 margin-top: 30px;
}
}

@media screen and (max-width: 768px) and (min-width: 576px) {
 body {
 padding-top: 156px;
}
}

.projecticoon {
 font-size: 50px;
 color: #4cc2f1;
}

.hoogte {
 min-height: 600px;
 display: block;
}

.projecthoogte {
 min-height: 200px;
 display: block;
}

.merkhoogte {
 min-height: 100px;
}

.bg-contact {
 background-image: url(/wp-content/themes/getpraut/img/Contactbewerkt.jpg);
 background-size: cover;
 color: #ffffff;
 background-position: center center;
}

@media screen and (min-width: 575px) {
.page-id-35 {
 padding-top: 157px;
}

#menu-filler-space{ height: 141px;}
}
.page-id-46 {
 padding-top: 184px;
}

.fab {
 font-size: 25px;
}

.page-id-35 .bg-informatie {
 margin-top: 0px!important;	
}

.category h2 {
 font-size: 1rem;
}

.gespiegeld {
 -moz-transform: scale(-1, 1);
 -webkit-transform: scale(-1, 1);
 -o-transform: scale(-1, 1);
 -ms-transform: scale(-1, 1);
 transform: scale(-1, 1);
}

@media screen and (min-width: 768px) {
   /*gallerij posts*/
    .gallerij-grid{ grid-template-columns: 1fr 1fr;} 
}

@media screen and (min-width: 920px) {
   /*gallerij posts*/
    .gallerij-grid{ grid-template-columns: 1fr 1fr 1fr;} 
}