/*
 Theme Name:   versgeplukt-bootstrap-child
 Theme URI:    https://versgeplukt.nl
 Description:  Versgeplukt Child Theme
 Author:       Fred Overvliet
 Author URI:   http://versgeplukt.nl
 Template:     versgeplukt-bootstrap
 Version:      1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         basis bootstrap template Versgeplukt
*/

/* LAYOUT */
@media (min-width: 1200px) {
    .container{
        max-width: 1400px!important;
    }
}

.verborgen {display: none;}


/* LAYOUT padding zijkanten */
section#primary, div#footer-widget div.container {padding: 40px;}

#content.site-content {padding: 0;}
.wp-block-nk-awb { margin-top:-68px;}
section#primary {padding-top: 0;}

/* COLOR SELECTORS  */
.has-green-background-color {
     background-color: #37b4aa;
 }
.has-green-color {
     background-color: #37b4aa;
}
.has-gray-background-color {
     background-color: #7a7a7a;
}
.has-gray-color {
     color: #7a7a7a;
}
.has-red-background-color {
     background-color: #e20000;
}
.has-red-color {
     color: #e20000;
}

/*
 * Row with equal height columns
 * --------------------------------------------------
 */
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display:         flex;
}
.kader-programma {border: solid 1px #37b4aa; border-radius: 8px; height: 100%;}


.tekstblok {min-height: 300px}


/* KLEUREN EN FONTS */
body {font-size: 1.1em;}
blockquote {font-size: 30px; color: #37b4aa; font-style:italic; font-family: 'Oswald', sans-serif; text-transform: uppercase; max-width: 600px}
.bc1 {background-color:#eaeaea;}
.bc2 {background-color:#37b4aa;}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-weight: 100!important;}
strong{font-weight: 400!important;}
h2, h3 {padding: 20px 0 0 0}
.kader-programma h2 {padding: 0;}
h1.entry-title {font-size: 3rem; color:#37b4aa;}
.wit{color:#ffffff;}
#masthead .navbar-nav>li a {font-size: 16px;}

/* BRANDING */
a svg.logo {
    height: 80px;
	display: block;
    position: absolute;
    top: 10px;
    transition: .2s ease-out;
    z-index: 2;}
.navbar-light .navbar-brand {display: block; height: 100px;}

/* NAVIGATIE */
#masthead .navbar-nav>li a {padding: 10px 0 10px 20px!important; text-transform: uppercase; text-align: left!important;}
.dropdown-menu {
    min-width: 20rem!important;
}
#main-nav a, #main-nav a:hover {color:#555555; text-decoration:none;}
div#main-nav.collapse li {padding: 6px 0;}

/* call to action */
.btn_fullwidth a {width: 80%; -margin-top: 20px;}
.wp-block-button__link {border-radius: 8px;}


/* KOLOMMEN */
.wp-block-table.is-style-stripes th, .wp-block-table.is-style-stripes td {padding: 10px;}
.wp-block-table.is-style-stripes th {background-color: #ffffff;}

/* LINKS BUTTONS */
.vc_btn3-container.fullwidth.vc_btn3-inline {width: 100%; display: block!important;}
.vc_btn3-container.fullwidth.vc_btn3-inline .vc_btn3.vc_btn3-size-lg { display: block; font-size: 20px!important; color: #e20000!important; border: 2px solid #37b4aa;}
.vc_btn3-container.fullwidth.vc_btn3-inline .vc_btn3.vc_btn3-size-lg::after {content:" >";}


/* HEADERs*/
#masthead .navbar-nav>li a {padding: 10px 10px; text-align: center;}
#page-sub-header {min-height: 650px; color: #ffffff;}
a.page-scroller {
    color: #f8f9fa;
    font-size: 2.6rem;
    display: inline-block;
    margin-top: 2rem;
    position: absolute;
    bottom: 8px;
}
.mw800 {max-width: 800px; margin: 20px auto;}   
.hero_container {padding: 200px;}

h1.header {color: #ffffff; font-size: 3em; text-align: center; margin: 0;}
h2.header {color: #ffffff; font-size: 2em; text-align: center; margin: 0; padding: 0 0 40px 0}

/* HOMEPAGE BLOKKEN*/
.blok__achtergond__grijs {background-color: #cecece; color: #ffffff; padding: 20px 0px; }
.kolom__homepage {background-color: #eaeaea; padding: 20px 10px; margin: 40px 0;}
.kolom__homepage .wp-block-column {flex-basis: 25%;}
.kolom__homepage .wp-block-column:not(:first-child) {flex-basis: 75%}

@media only screen and (max-width: 641px) {
.kolom__homepage .wp-block-column {flex-basis: 50%; }
.kolom__homepage .wp-block-column:not(:first-child) {flex-basis: 50%}
}

.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
width: calc(100% - 8px)!important;}


/* RESPONSIVE */
@media only screen and (max-width: 676px) {
	.gform_wrapper .top_label input.medium, .gform_wrapper .top_label select.medium {
		width: calc(100% - 8px)!important;}
.hero_container {padding: 80px;}
	h1.header, h1.entry-title {font-size: 2em;}
}

figure, .wp-block-image  {margin: 0;}

/* FORM */
.gform_wrapper.gf_browser_chrome select {height: 40px;}
.gform_wrapper div.validation_error, .gform_wrapper li.gfield.gfield_error {border:none!important;}
.gform_wrapper textarea.medium, .gform_wrapper .top_label input.medium, .gform_wrapper select {border: #cccccc 1px solid}
input.button {padding: 12px;  background-color: #e20000; color: #ffffff; border-radius: 8px; font-size: 18px!important;}
.gform_wrapper.gf_browser_chrome .gfield_radio li input[type=radio] {margin-top: 1px!important;}

/* FOOTER */
.footer{background-color: #37b4aa; padding: 40px 0; color: #ffffff;}
.footer a {color: #ffffff;}
footer#colophon {text-align:center; padding: 20px 0;}