/*
Theme Name:   Child theme
Theme URI:    https://www.suilichem.com/
Description:  Child thema gecreeerd door van Suilichem
Author:       Wesley Prijn
Author URI:   https://www.suilichem.com/
Template:     induxe
Version:      1.0.0
Tags:         plaats, hier, jouw, tags, gescheiden, door, kommas
Text Domain:  induxe-child
*/


/* =Eigen CSS hier beneden plaatsen

-------------------------------------------------------------- */

#rev_slider_2_1 span { color: #f9d10f; }
#rev_slider_2_1 a { color: #fff; }
#rev_slider_2_1 .icon-slide-2:before { content: ""; }

html #content .vc_wp_custommenu .widget_nav_menu ul li { width: calc(100% / 4); float: left; margin-top: -20px; }
#content .vc_wp_custommenu .widget_nav_menu ul li a { text-align: center; border: none; padding: 0; background-color: transparent; color: #fff; border-right: 2px solid; border-radius: 0; }
#content .vc_wp_custommenu .widget_nav_menu ul li:first-child a { text-align: left }
#content .vc_wp_custommenu .widget_nav_menu ul li:last-child a { border: none; }
#content .vc_wp_custommenu .widget_nav_menu ul li:hover a { background-color: transparent; color: #f9d10f !important; }

#navigatie-in-organisatie h3 { font-size: 30px; margin-bottom: 0; }
#navigatie-in-organisatie h4 { color: #f9d10f; font-size: 25px; padding-bottom: 15px; font-weight: 700; }
.navicon:before { content: "--------------"; letter-spacing: -3px; padding: 10px 20px; background: #f9d10f; color: #fff; border-radius: 20px; margin-right: 10px; }
.navicon span { color: #fff; }
.navicon { font-weight: 700; }

#veelgehoorde-issues li { color: #fff; }
#veelgehoorde-issues li::marker { color: #f9d10f; }
#veelgehoorde-issues h3 { margin-bottom: 0; }

#veelgehoorde-issues:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; background-color: #000; }

.quote_blok p { color: #fff; font-size: 50px; line-height: 1.2; text-align: center; text-transform: uppercase; }
.quote_blok p span { color: #f9d10f; font-weight: 700; }

#werkwijze:before { content: ' '; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; background-color: #000; }
#werkwijze h3 { font-weight: 700; font-size: 30px; padding-bottom: 20px; text-transform: uppercase; }
#werkwijze .wpb_raw_code { margin-bottom: 20px; }
#werkwijze .wpb_text_column { margin-bottom: 20px; }
#werkwijze .white_text h3 { color: #fff; }
#werkwijze .yellow_text h3 { color: #f9d10f; }
.label_number { font-weight: 700; background: #000; width: 120px; height: 60px; margin: -35px auto 0; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; color: #fff; text-align: center; font-size: 30px; }
.label_number.yellow { background: #f9d10f; }

.btn_black .btn-default.size-lg { background: #000;}
.btn_gray .btn-default.size-lg { background: #dbdbdb;}
.btn-default.size-lg { width: 100%; display: inline-block; margin-bottom: 10px; padding: 15px 0; border-radius: 20px; font-size: 30px; font-weight: 500; text-transform: none; }
.btn-default.size-lg:hover { opacity: 0.9; }
.btn-default.size-lg i { font-size: 20px; }

.field { margin-bottom: 10px; display: flow-root; }
.field .wpcf7-radio { border: 0 !important; padding: 10px 0 !important; display: block; }
.field .label { font-weight: 700; width: 25%; background: #f9d10f; display: inline-block; float: left; color: #fff; padding: 10px; }
.field .wpcf7-form-control-wrap { width: 74%; float: right; }
.wpcf7-form input[type="submit"] { float: right; background: #000; border: 0; border-radius: 10px; }
.wpcf7-form .wpcf7-form-control:not(.wpcf7-submit) { border: 2px solid #dbdbdb; background: #dbdbdb; }
.wpcf7-form.send p, .wpcf7-form.invalid p { display: flow-root; }

footer .menu li a { color: #fff; }
footer { color: #fff; }
footer span { color: #f9d10f; font-weight: 700; }
footer #copyright, footer #copyright a { color: #888; }
footer .menu li a:hover { color: #f9d10f; }
footer .menu li a:before { content: "\f054"; font-family: 'FontAwesome'; margin-right: 20px; color: #f9d10f; }

.error404 .site-content { display: flex; flex-flow: row wrap; justify-content: center; align-items: center; width: 100vw; height: 100vh; background-image: url(/wp-content/uploads/2021/06/posioneringsplan_basis2-scaled.jpg); }
.error404 #header-wrap { display: none; }

@media screen and (max-width: 600px) {
    .field .label { width: 100%; }
    .field .wpcf7-form-control-wrap { width: 100%; }
    .quote_blok p { font-size: 30px; }
    html #content .vc_wp_custommenu .widget_nav_menu ul li a { text-align: left !important; border-right: 0;}
    html #content .vc_wp_custommenu .widget_nav_menu ul li { width: 100%; float: left; margin-top: 0; }
}