/*
 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
-------------------------------------------------------------- */
body .container { max-width: 1400px; font-size: 18px; }

p { font-size: 22px; line-height: 32px; }
.dealerContact p { font-size: inherit; line-height: inherit; }
.ct-heading.layout1 .ct-heading-sub { font-size: 22px; }
h2.ct-heading-tag { font-size: 35px !important; line-height: 50px !important; }

.error404 .site-content { background-image: url(/wp-content/uploads/2021/09/Paul_van_Dalen_Foto_006-2.jpg); }
.error404 .site-content .content-area { padding: 250px 0 120px !important; }

nav.main-navigation { display: none; }
#header-wrap.header-layout2 .header-main, #header-wrap.header-layout6 .header-main { border-bottom: 0; }
#header-wrap .header-main .row { border-bottom: 1px solid hsla(0,0%,100%,.5); }
.header-navigation .main-navigation .main-navigation-inner { width: 100%; }

.heading-socials a { display: inline-block; width: 40px; height: 40px; text-align: center; color: #fff; border: 1px solid hsla(0,0%,100%,.5); }
.heading-socials a:hover { color: #dcac56; background: #fff; }
.heading-socials a i { font-size: 25px; line-height: 40px; }

.header-branding h1 { margin: 0; color: #fff; text-transform: uppercase; font-size: 40px; letter-spacing: 0; text-shadow: 0 0 5px #212121; }
#header-wrap.header-layout2 .header-main .menu-right-item.h-btn-sidebar { font-size: 30px; }
#header-wrap.header-layout2 .header-main .site-menu-right { border-left: 0; }
#header-wrap.header-transparent .header-main:not(.h-fixed) .site-menu-right .menu-right-item span { font-size: 15px; display: inherit; color: #fff; top: -5px; position: relative; padding-right: 10px; }
#header-wrap .header-navigation { min-width: 100px; margin: 0; }
.heading-socials { min-width: 100px; }
#header-wrap .header-branding { margin-top: 20px; margin-bottom: 20px; }
.menu-right-item .fa-bars { color: #dcac56; }

#rev_slider_1_1_forcefullwidth { text-shadow: 0 0 5px #212121; }
.rev-btn { text-shadow: none; }

.ct-hidden-sidebar { width: 66.6%; }
.ct-hidden-sidebar.left_side { padding: 0; left: 0; margin: 0; width: 33.4%; }
.ct-hidden-sidebar-inner .menu-item { font-size: 35px; text-align: right; line-height: 80px; }
.ct-hidden-sidebar-inner .menu-item a { color: #242424; text-transform: uppercase; }
.ct-hidden-sidebar-inner .menu-item a:hover { color: #dcac56; }
.ct-hidden-sidebar-inner .widget_cs_social_widget { position: absolute; bottom: 0; right: 200px; }
.ct-hidden-sidebar-inner .widget_nav_menu { position: absolute; right: 200px; top: 50%; transform: translateY(-50%); }
.ct-hidden-sidebar .ct-close { top: 80px; right: 200px; }

.ct-social li a { font-size: 20px; color: #dcac56; background-color: #fff; height: 40px; width: 40px; line-height: 40px; border-radius: 0; border: 1px solid; }

.largeMenu .menuContent { padding: 80px 20px 0 80px; }
.largeMenu .menuAdres { color: #fff; padding-bottom: 20px; }
.largeMenu .menuLogos img { padding-right: 10px; max-height: 30px; }

.ct-hidden-sidebar.left_side { background: #212121; -webkit-transform: translateX(-380px); -khtml-transform: translateX(-380px); -moz-transform: translateX(-380px); -ms-transform: translateX(-380px); -o-transform: translateX(-380px); transform: translateX(-380px); }
.ct-hidden-sidebar.left_side.open { -webkit-transform: translateX(0); -khtml-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }

.btn.btn-secondary { background-color: transparent; color: #dcac56; border: 2px solid #dcac56 !important; font-weight: 700; text-transform: uppercase; }
.btn.btn-secondary:hover { background-color: #fff; color: #242424; border: 2px solid #fff !important; }

.site-footer.footer-layout1 .top-footer { background-color: #1c1b1b; background-image: none; }
.site-footer.footer-layout1 .bottom-footer { background-color: #000000; color: #b0b0b0; padding: 10px 0; }
.site-footer.footer-layout1 .bottom-footer a { color: #fff; }
.footerContact { line-height: 1.5; }
.footerContact .contactInfo { color: #fff; }
.footerContact .Adres { color: #fff; padding-bottom: 20px; }
.footerContact .Logos img{ max-height: 30px; padding-right: 10px; }
.footerContact ul li { color: #b0b0b0; list-style: none; }
.footerContact .week span, .footerContact .week cite { width: 125px; display: inline-block; font-style: inherit; }
.footerContact .week cite { width: 150px; }
.footerContact .week .light { color: #fff; }

.vc_item img { opacity: 0.9; }
.vc_item.vc_active img { opacity: 1; }

#pagetitle { padding: 180px 0 120px; }
#pagetitle h1.page-title { text-transform: uppercase; font-weight: 400; font-size: 30px; }
#pagetitle:before { opacity: 0.7; }

.site-content { background-color: #333; }

.ct-grid-team1 .team-holder { background: rgba(255, 255, 255, 0.3); text-shadow: 0 0 3px #333; font-weight: 700; }
.ct-grid-team1 .team-holder .team-social { text-shadow: none; min-height: 34px; }
.ct-grid-team1 .team-holder:after { background: #dcac56; }
.ct-grid-team1 .team-holder .team-title a { color: #fff; }
.ct-grid-team1 .ct-team-item-inner:hover .team-holder .team-position { color: #fff; opacity: 1; }

.ct-contact-form.layout1 { background-color: #333; }
.ct-contact-form.layout1 .wpcf7-submit { background-color: #dcac56; }
.ct-contact-form.layout1 .wpcf7-submit:hover { background-color: #1c1b1b; }
.ct-contact-form.layout1 .ct-el-title { color: #fff; }

#content_block { max-width: 700px; margin: 0 0 0 auto; padding: 50px 0 }
#image_block { padding-left: 50px; }

#afleverpakket h2 { color: #fff; }
#afleverpakket p { margin-bottom: 5px; }
#afleverpakket .defaultColor, #afleverpakket .fa-check { color: #dcac56; }

.subpage-content { max-width: 670px; float: right; padding-right: 30px; }
.subpage-content h6 { letter-spacing: 0.2em; font-size: 22px; line-height: 1.5; color: #dcac56; }
.subpage-content h2 { font-size: 35px; line-height: 50px; color: #fff; font-weight: 600; }

@media screen and (max-width: 1440px){
    #content_block { padding: 0 }
}
@media screen and (max-width: 1199px){
    #content_block { width: 100%; max-width: 100%; }
    #image_block { width: 100%; max-width: 100%; padding: 30px 15px 15px; min-height: 600px; }
    body header .container { max-width: calc(100% - 30px); }
    .footerContact .week cite { width: 125px; }
    .subpage-content { padding: 0 15px 0 0; }
}
@media screen and (max-width: 991px){
    nav.main-navigation { display: inherit; }
    .heading-socials { display: inherit; }
    .header-branding h1 { font-size: 30px; text-align: left; }
    .header-branding h1 { text-shadow: none; }
    #header-wrap .header-main { background-color: transparent; }
    #main-menu-mobile .btn-nav-mobile:before, #main-menu-mobile .btn-nav-mobile:after, #main-menu-mobile .btn-nav-mobile span { background-color: #ffffff; }
    body header .container { max-width: 100%; }
    .heading-socials { position: fixed; bottom: 0; background: #dcac56; width: 100%; }
    .heading-socials a { width: 25%; height: 50px; }
    .heading-socials a i { font-size: 25px; line-height: 50px; }
    #header-wrap { position: absolute; background-color: transparent; width: 100%; }
    #header-wrap .header-main .row { border-bottom: 0px solid hsla(0,0%,100%,.5); }
    .subpage-content { padding: 0 15px; }
}
@media screen and (max-width: 767px){
    .site-footer.footer-layout1 .top-footer { padding-top: 50px; padding-bottom: 100px; }
    #header-wrap .header-branding img { max-height: 32px; }
    #header-wrap .header-branding a img { max-height: 50px; }
    #image_block { min-height: 320px; }
    .subpage-content { margin-bottom: 60px; }
    .page-template-page-subpage .site-content #primary, .page-template-page-subpage .site-content #secondary { padding-top: 120px !important; }
}
@media screen and (max-width: 375px){
    .footerContact .week cite { width: 33.33%; font-size: 15px; }
    .footerContact .week span { width: 33.33%; font-size: 15px; }
    #header-wrap .header-branding a img { max-height: 45px; }
    #image_block { min-height: 300px; }
}
@media screen and (max-width: 330px){
    .footerContact .week cite { width: 100px; }
    .footerContact .week span { width: 85px; }
    #header-wrap .header-branding a img { max-height: 35px; }
    #image_block { min-height: 250px; }
}