@charset "utf-8";
/* CSS Document */

/*
 Theme Name:   Schokker 2025
 Theme URI:    https://schokkermakelaardij.nl
 Description:  Generatepress Child Theme
 Author:       Lowtone
 Author URI:   http://www.lowtone.nl
 Template:     generatepress
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/



h1, h2, h3, h4, h5 {font-weight: 600; }


blockquote {}


/* General */

html, body {}

.comments-area {display: none;}

.desktop {display: inline-block;}
.mobile {display: none;}

/* GP 100% HEIGHT */
  body {
	  	/* background-image: linear-gradient(#333, #111); */
	 
	  background: #fff;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        min-height: 100vh;
     
    }
	
	.container.grid-container {
    width: 100%;
	}
    .site-footer {
        margin-top: auto;
    }

/* 100% HEIGHT */

 
:root {
	
--accent: #015838;
--base: #e4eae8;

}


/* kleuren */
.subcolor1 {color: var(--accent);}
.subcolor2 {color: var(--base);}

.odd {background: #f7f7f7;}

article ul, article ol {margin-left: 16px; padding-left: 0;}
article ul li, article ol li {margin-bottom: 6px; padding-bottom: 6px; }

.current_page_parent a {color: var(--accent)!important;}

*  {box-sizing: border-box; }

a {transition: all 0.1s ease; cursor: pointer; }
a:hover {transition: all 0.1s ease;  }
article .entry-content a  {text-decoration: underline;}


/* Checkmark */
ul.check {list-style: none; margin-left: 0px; }
ul.check li {list-style: none; margin-left: 0px;  position: relative; padding-left: 1.5em;   margin-top: 12px; /* space to preserve indentation on wrap */ font-size: 22px;}
ul.check li:before {content: '✓'; color: #f5bd39; position: absolute; left: 0;  /* place the SVG at the start of the padding */ width: 1em; height: 1em;}

/* Menu */


.single-koopwoningen li.koopwoningen a,
.single-huurwoningen li.huurwoningen a,
.single-shortstaywoningen li.shortstay a,
.single-garages li.garage a 

{color: var(--accent)!important;}


/* home */

/* slider */


.metaslider .caption-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    background: var(--accent)!important;
    color: white;
    opacity: 1!important;
    margin: 0;
    display: block;
    width: 50%!important;
    line-height: 1.4em;
	padding: 12px!important;
}

.metaslider .caption-wrap .caption h2 {
	color: white;
	font-size: 40px!important;
}

.metaslider .caption-wrap .caption a {
	color: white!important; text-decoration: none;
}

.home.one-container .site-content {padding-bottom: 0!important;}


.row {padding: 2vw 0;}
.row.slider {}
.row.intro {background: #fff; }
.row.intro h2 {font-size: 42px; }
.row.featured {background: var(--base); background-color: #e4eae8; background-image: linear-gradient(62deg, #e4eae8 0%, #f7f7f7 100%);}

.row.featured .vc_column-inner {background: #fff; padding: 16px; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;}





/* Woningen */
/* Archive */

.archive .site-main .inside-article {} 
.archive .entry-summary {display: none;}
.archive .post-image {margin-bottom: .5em!important;}



/* Single */
.inside-right-sidebar {}
.inside-right-sidebar {} .type-meta {clear: both; display: block; margin-bottom: 40px;}
.inside-right-sidebar ul.woning-excerpt {padding-left: 0; margin-left: 0;}
.inside-right-sidebar ul.woning-excerpt li {clear: both; display: block; width: 100%; line-height: 1.5em; font-weight: 600;}
.inside-right-sidebar ul.woning-excerpt li span {float: left;  margin-right: 6px;}

.button-main {background: #ff7700; color:#fff; text-decoration: none; padding: 8px 36px; border-radius: 24px; }
.button-main:hover {background: var(--accent); color: #fff;}

/* form */
.gform_required_legend {display: none;}
.gform_button.button {background: #ff7700!important; }

.gform-theme--foundation .gform_fields {
  grid-row-gap: 20px !important;
}



/* footer */


.links a img {border: 1px solid #ddd; display: inline-block; vertical-align: middle; width: 50%; max-width: 80px; }


@media screen and (max-width: 1100px) {


}


@media screen and (max-width: 769px) {
	

	
.desktop {display: none;}
.mobile {display: inline-block;}



}