/*
 Theme Name:   Child theme
 Theme URI:    https://www.suilichem.com/
 Description:  Child thema gecreeerd door van Suilichem BV
 Author:       van Suilichem BV
 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
-------------------------------------------------------------- */
.error404 .site-content { background-image: url(/wp-content/uploads/2021/05/project-11-600x450.jpg); }

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body { color: #fff; }
.site-content { background-color: #1c1b1b; }
.site-content #primary { padding-top: 0; padding-bottom: 0; }

.btn.btn-default { text-transform: uppercase; background-color: #ad936d; color: #fff; border: 2px solid #ad936d; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
.btn.btn-default:hover { background-color: transparent; color: #ad936d; }

.btn.btn-secondary { background-color: transparent; color: #fff; border: 2px solid #fff; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
.btn.btn-secondary:hover { background-color: #ad936d; color: #fff; border: 2px solid #ad936d; }

p { font-family: Montserrat,'Lucida Sans Unicode', 'Lucida Grande', sans-serif; line-height: 2; font-weight: 400; font-style: normal; font-size: 18px; }

.whiteText, .whiteText p, .whiteText h1, .whiteText h2, .whiteText h3, .whiteText h4, .whiteText h5, .whiteText h6 { color: #ffffff; }
ul li { color: #fff; list-style: none; }
ul li .fa-check { color: #ad936d; }
.whiteText h2 { text-transform: uppercase; font-size: 40px; color: #ad936d;}

.site-footer.footer-layout1 .top-footer { background-color: #333; color: #fff; background-image: none; }
.site-footer.footer-layout1 .top-footer a { color: #fff; }
.site-footer.footer-layout1 .bottom-footer { background-color: #000; color: #fff; padding: 15px; }
.site-footer.footer-layout1 .footer-widget-title { margin-bottom: 0px; color: #ad936d; text-transform: uppercase; font-weight: 700; }
.site-footer.footer-layout1 .footer-widget-title:after { display: none; }
footer form br { display: none; }
footer form input { margin-bottom: 10px; }
footer .openingsHours td { padding: 6px 10px 0 0; }
footer td, footer table{ border: 0; }
footer td{ vertical-align: top; }
footer .fa, a .fa { font-size: 24px; color: #ad936d; background: #fff; width: 40px; height: 40px; text-align: center; line-height: 38px; border: 1px solid #ad936d; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
.socialMedia a:hover .fa { color: #fff; background: #ad936d; }
.site-footer.footer-layout1 .top-footer .widget_nav_menu ul.menu li { width: 100%; }

aside .widget-title:before { height: 0px; }
aside .widget-title { font-size: 24px; border-bottom: 0px solid #ddd; font-weight: 700; margin-bottom: 0; color: #ad936d; }

.header-layout6 .warning { background: #ad936d; display: inline-block; padding: 10px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; font-weight: 700; max-width: 600px; }

.header-layout6 .primary-menu > li > a { text-transform: uppercase; padding: 0 10px; }
.header-layout6 .primary-menu > li:hover > a:before, .header-layout6 .primary-menu > li.current_page_item > a:before, .header-layout6 .primary-menu > li.current-menu-item > a:before, .header-layout6 .primary-menu > li.current_page_ancestor > a:before, .header-layout6 .primary-menu > li.current-menu-ancestor > a:before { border: 2px solid #ad936d !important; background-color: transparent !important; }
.header-layout6 .primary-menu > li.active_menu > a:before { background-color: #ad936d !important; }
.header-layout6 .primary-menu #menu-item-3414 a:before { background-color: transparent !important; }
.primary-menu > li { margin-left: 5px; }
.primary-menu>li>a { font-size: 12px; }

input[type="submit"] { background-color: #ad936d; border: 2px solid #ad936d; color: #fff; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
input[type="submit"]:hover { background-color: transparent; color: #ad936d; }

.header-layout6 .primary-menu > li > a:before { -webkit-border-radius: 0px; -khtml-border-radius: 0px; -moz-border-radius: 0px; -ms-border-radius: 0px; -o-border-radius: 0px; border-radius: 0; border-bottom-left-radius: 15px; border-top-right-radius: 15px; }
#header-wrap.header-layout6 .header-main { border-bottom: 0; }
#pagetitle { padding: 210px 0 60px; background-color: #1c1b1b; background-image: none; }
#pagetitle .page-title-inner { display: none; }

.site-footer.footer-layout1 .top-footer .widget_nav_menu ul.menu li a { text-decoration: none; }

body .container { max-width: 1400px; }

.single-post aside .entry-content { border-bottom: 1px solid #ad936d; }
.entry-meta { display: none; }
.single-hentry.archive { width: 48%; float: left; margin: 0 1% 2%; }
.single-hentry.archive .entry-body .entry-meta { display: none; }
.archive .single-hentry h2, .blog .single-hentry h2 { font-size: 20px; line-height: 45px; margin-bottom: 5px; font-weight: 700; margin-top: 0px; color: #ad936d; }
.ct-blog-carousel.layout1 .item-body .item-title a { font-size: 20px; line-height: 25px; margin-bottom: 5px; font-weight: 700; margin-top: 0px; color: #ad936d; }
.ct-blog-carousel.layout1 .item-meta { display: none; }
.single-post .entry-navigation { display: none; }
.single-hentry.archive .entry-body .btn-readmore { padding: 15px 30px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; }
.single-post .row #primary, .single-post .row #secondary { padding: 80px 15px; }

.actionBlocks .vc_column-inner { padding: 0 0 50px !important; margin: 0 15px; width: calc(100% - 30px) !important; border-radius: 15px; background: #333; overflow: hidden; }
.actionBlocks .ct-button-wrapper { position: absolute; left: 15px; bottom: 0; }

.testimonial_col { display: flex; background: #333; padding: 35px 20px; margin-bottom: 30px !important; border-radius: 10px; position: relative; width: 100%; border: 1px solid #000; }
.testimonial_image, .testimonial_content { float: left; }
.testimonial_image img { background: #ad936d; }
.testimonial_col .item-content { position: relative; padding: 50px 0; }
.testimonial_col .fa { color: #ad936d; }
.testimonial_col .item-content .item-icon-left { position: absolute; left: 0px; top: 0; line-height: 1; font-size: 25px; color: #ad936d; }
.testimonial_col .item-content .item-icon-right { position: absolute; right: 0px; bottom: 15px; line-height: 1; font-size: 25px; color: #ad936d; }

#pagetitle .container { position: relative; z-index: 1; margin: auto; }
#header-wrap.header-transparent { z-index: 1; }
.home #header-wrap.header-transparent { z-index: 9999; }

#addReviewModal .wpcf7 input[type="file"] { border: 0; padding-left: 0; }
#addReviewModal { position: fixed; z-index: 999; background: rgba(0, 0, 0, 0.9); width: 100vw; left: 0; top: 0; height: 100vh; }
#addReviewModal .contentModal { max-width: 900px; margin: auto; margin-top: 120px; color: #000; background: #fff; padding: 40px; position: relative; z-index: 9999; }
#addReviewModal .contentModal .ct-heading-tag  { color: #ad936d; }
#addReviewModal .contentModal .ct-heading-desc { padding-bottom: 15px; }
#addReviewModal .contentModal .wpcf7-form .wpcf7-form-control-wrap { margin-bottom: 10px; display: inline-block; width: 100%; }
#addReviewModal .contentModal .wpcf7-form-control-wrap.your-name { width: 49%; float: left; }
#addReviewModal .contentModal .wpcf7-form-control-wrap.bedrijf { width: 49%; float: right; }
#addReviewModal .contentModal br { display: none; }
#addReviewModal .closeModal { padding: 0; margin: 0; cursor: pointer; background: #ad936d; position: absolute; right: -20px; top: -20px; border: 1px solid; width: 40px; height: 40px; text-align: center; border-radius: 50%; line-height: 38px; color: #fff; }

.ct-contact-form.layout2 .wpcf7-form-control-wrap.phone:before { content: "\e621"; }
.ct-contact-form.layout2 .wpcf7-response-output { color: #000; }

.wpb_images_carousel .vc_item .vc_inner { text-align: center; }
.vc_images_carousel.vc_build .vc_carousel-slideline .vc_carousel-slideline-inner>.vc_item { min-height: 80px; }

.catalogus { display: inline-block; margin: 0 -15px 80px !important; width: 100%; }
.catalogus img { width: 100%; }
.catalogus .vc_col-sm-3 { padding: 15px; }
.catalogus .description { display: none; position: absolute; top: 15px; background: rgba(0, 0, 0, 0.85); width: calc( 100% - 30px ); height: calc(100% - 30px); text-align: center; left: 15px; color: #fff; }
.catalogus .vc_col-sm-3:hover .description { display: inline-block; font-weight: 700; line-height: 1.5;}
.catalogus .vc_col-sm-3 .description .title { position: absolute; top: 30px; font-size: 24px; left: 0; width: 100%; padding: 0 15px; }
.catalogus .vc_col-sm-3 .description .subtitle { position: absolute; bottom: 30px; font-size: 20px; left: 0; width: 100%; color: #fff; padding: 0 15px; }
.catalogus .vc_col-sm-3 .description .icon { top: calc( 50% - 20px ); position: absolute; left: calc( 50% - 20px ); }

.rating-wrap__rating { width: 100%; height: auto; position: relative; margin-top: -30px; margin-bottom: 30px; }
.rating-wrap__text { font-size: 15px; line-height: 36px; font-weight: 400; display: block; padding: 0 100px 0 0; letter-spacing: 0.03em; }
.rating-wrap__text span { text-decoration: underline; color: #fff; }
.rating-wrap__number { font-weight: 700; text-decoration: none !important; color: #f39300; }
.rating-wrap__rating-stars { height: 100%; display: -webkit-box; display: -moz-box; display: -webkit- flex; display: -ms- flex; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-direction: normal; -webkit-box-orient: horizontal; -moz-box-direction: normal; -moz-box-orient: horizontal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; align-items: center; }
.rating-wrap__star--full, .fa-star, .fa-star-o { color: #f39300; }
.rating-wrap .rating-wrap__rating-stars svg { width: 18px; }
.rating-wrap__rating-stars { position: absolute; right: 0; top: 1px; width: 85px; }
.rating-wrap { display: contents; text-align: right; }
.rating-wrap .fa { font-size: 16px; background: transparent; width: inherit; height: inherit; margin-right: 2px; line-height: inherit; border: 0; }

.logo-carousel { display: flex; text-align: center; }
.logo-carousel .vc_col-lg-2 { margin: auto !important; height: 100%; }
.logo-carousel img { max-height: 80px; padding: 0 20px; }
.whatsapp-container .chat__message .text { color: #000; }

.cta-team { height: 340px; background-position: center; background-size: cover; position: relative; }
.cta-team:after { background: rgba(255, 255, 255, 0.3); content: ""; width: 100%; height: 340px; position: absolute; top: 0; }
.cta-team img { margin-top: -106px; width: 100%; z-index: 1; position: relative; max-width: 925px; }

#header-wrap .header-branding a img { margin: 50px 0; max-height: 80px; }
.site-footer.footer-layout1 .bottom-footer a { color: #ad936d; }
.site-footer.footer-layout1 .top-footer a:hover { color: #ad936d; }
.site-footer.footer-layout1 .top-footer .widget_nav_menu ul.menu li a:hover { color: #ad936d; }
.site-footer ul.menu li:hover>a, .site-footer ul.menu li.current_page_item>a, .site-footer ul.menu li.current-menu-item>a, .site-footer ul.menu li.current_page_ancestor>a, .site-footer ul.menu li.current-menu-ancestor>a {
    color: #ad936d;
}

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

    #header-wrap .header-branding a img { max-height: 70px; margin: 20px 0; }

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

    #main-menu-mobile .btn-nav-mobile { border: 1px solid rgb(255 255 255); }
    #header-wrap .header-main { background-color: #37393a; border-bottom: 2px solid #ad936d !important; }
    #main-menu-mobile .btn-nav-mobile:before, #main-menu-mobile .btn-nav-mobile:after, #main-menu-mobile .btn-nav-mobile span { background-color: #ffffff; }
    header { z-index: 99999; position: relative; }
    .main-navigation .warning, .main-navigation .rating-wrap { display: none; }
    #pagetitle { padding: 80px 0 60px; }
    
}

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

    .site-footer .ct-footer-item + .ct-footer-item { margin-top: 45px; }
    .cta-team { height: 250px; }
    .cta-team:after { height: 250px; }
    .cta-team img { margin-top: -39px; max-width: 600px; }

}

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

    .site-footer .bottom-footer { display: inherit; }
    .single-hentry.archive { width: 100%; margin: 0 0 2%; }
    .actionBlocks .vc_column-inner { margin: 0 15px 30px; }
    .rating-wrap { display: none; }
    .cta-team { height: 150px; }
    .cta-team:after { height: 150px; }
    .vc_empty_space { display: none; }
    .actionBlocks .ct-button-wrapper { bottom: 30px; }
    #header-wrap .header-branding a img { max-height: 60px; margin: 20px 0; }

}
@media screen and (max-width: 380px) {
    .cta-team img { margin-top: -16px; }
}

@media screen and (max-width: 330px) {
    .cta-team { height: 120px; }
    .cta-team:after { height: 120px; }
    .cta-team img { margin-top: -19px; }
}
