/*
Theme Name: EWIM
Description: This is a child theme for EWIM Theme
Author: UX Themes
Template: EWIM
Version: 1.0.4
*/

/*************** ADD CUSTOM CSS HERE.   ***************/


@media screen and (min-width: 801px) {
    .hide-for-desktop {
        display: none !important;
    }
}

@media screen and (max-width: 800px) {
	@font-face {
		font-family: 'roboto_condensed_regular';
		src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
		src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
			 url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
			 url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
			 url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensed_regular') format('svg');
		font-weight: normal;
		font-style: normal;

	}

    body.home .g-cols.offset_medium > .one-quarter {
        width: auto;
    }
	
	body.l-body{ padding-bottom:115px; }
	
	
	body .header-menu .social-icon{ display:none; }
	body .w-nav-control{ position:absolute;right:60px;top:36px; }
	body .w-nav-control:before{ background-image:url(../images/hamburger-menu.png);height:41px;width:70px;content:'';display:inline-block; }
	body.menuOpen .w-nav-control:before{ background-image:url(../images/hamburger-close.png);height:49px;width:49px;content:'';display:inline-block;margin-left:20px; }
	body.menuOpen{ overflow:hidden; }
	body.menuOpen .w-nav.type_mobile .w-nav-list.level_1{ margin:0px;left:0px;padding-top:30px !important;position:fixed;width:100%;height:calc(100% - 222px) !important;background-color:#ffffff;top:106px;border-top:1px solid #EAEAEA; }
	body.admin-bar.menu-open .w-nav.type_mobile .w-nav-list.level_1{ top:151px;height:calc(100% - 267px) !important; }
	body .w-nav.type_mobile .w-nav-anchor.level_1{ text-align:left;border-bottom:1px solid #EDEDED !important;padding-left:30px !important;padding-bottom:20px !important;padding-top:20px !important;box-shadow:0px 0px 0px !important; }
	body .w-nav.type_mobile .w-nav-anchor.level_1.level_2{ padding-bottom:10px !important;padding-top:10px !important;padding-left:50px !important;text-transform:none; }
	body .l-subheader-h .w-nav > ul > li > a,
		body .l-subheader-h .w-nav > ul > li > a .w-nav-title{ font-size:32px;color:#606060 !important;text-transform:capitalize; }
	body .l-header .mainmenumain ul li a.w-nav-anchor.level_1,
		body .l-header .mainmenumain ul li.current_page_item a.w-nav-anchor.level_1{ border-top:0px !important; }
	body .w-nav-arrow{ right:28px; }
	body .w-nav-arrow:before{ font-size:0px;background-image:url(../images/mobile-menu-down.png);background-position:center;background-repeat:no-repeat;content:'';height: 14px;width: 25px;display: inline-block; } 
	body .w-nav.layout_hor > .w-nav-list > .w-nav-item.opened > a > .w-nav-arrow:before{ 
		-moz-transform: rotate(180deg);
		-webkit-transform: rotate(180deg);
		-o-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
	}
	body .w-nav-list.level_1 .mobile-menu-social{ display:block !important;text-align:left;padding-top:80px;padding-left:20px;padding-right:20px; }
	body .w-nav-list.level_1 .mobile-menu-social > div{ display:inline-block; }
	body .w-nav-list.level_1 .mobile-menu-social > div.call-us a{ display:block;margin-bottom:3px; }
	body .w-nav-list.level_1 .mobile-menu-social > div.call-us a span{ color:#606060;font-size:32px;font-family:quattrocento_sansregular; }
	body .w-nav-list.level_1 .mobile-menu-social > div.call-us a img{ margin-right:10px;position:relative;top:2px; }
	body .w-nav-list.level_1 .mobile-menu-social > div.watch-us{ float:right; }
	body .w-nav-list.level_1 .mobile-menu-social > div.watch-us > a{ display:block;margin-bottom:10px; }
	
	/*body > .mobile-menu{ position:fixed;top:0px;width:100%;background-color:#212121;z-index:30; }
	body > .mobile-menu .mobile-social{ position:relative;left:30px;z-index:2;display:inline-block; }
	body > .mobile-menu .mobile-social a{ display:inline-block;margin-right:10px;	}
	body > .mobile-menu .close{ position:absolute;right:46px;top:50px;z-index:10;background-image:url(../images/mobile/hamburger-close.png);height:38px;width:51px;background-size:contain;background-repeat: no-repeat; }
	body > .mobile-menu .close:hover{ opacity:0.8;cursor:pointer; }
	body > .mobile-menu .categories-one{ overflow-y:scroll;height:calc(100vh - 116px);padding-top:45px;padding-bottom:100px; }
	body > .mobile-menu .categories-one .home-section-three > div{ padding-top:40px; }
	body > .mobile-menu .categories-one .home-section-three h2{ display:none; }
	body > .mobile-menu .categories-one .home-section-three .g-cols.offset_medium > div.one-half{ width:100%;margin-right:0px;margin-bottom:40px !important; }
	body > .mobile-menu .categories-one .home-section-three h3{ font-size:50px; }
	
	body.headerScrollStyle .l-header{ background:none; }
	body .content-section-one > div.l-section-h:after{ content:'';position:absolute;bottom:0px;left:0px;height:22px;background-color:#ffffff;z-index:4;width:100%; }
	body .l-header{ position:absolute !important; }
	body .header-contact > a:first-child{ display:none; }
	body .w-logo-img > img{ max-width:376px; }
	html body.menuOpen .w-nav.type_mobile > .w-nav-list.level_1{ height:calc(100vh - 116px) !important;overflow-x: hidden;overflow-y:scroll;padding-top:65px !important;background-image:url(../images/mobile/bg-mobile-menu.jpg); }
	body.menuOpen .w-nav.type_mobile .w-nav-list.level_1 > li:last-child{ padding-bottom:100px; }
	body nav.type_mobile .w-nav-control{ top:76px;right:-30px;height:90px;width:98px; }
	body .home-section-one .w-btn-wrapper.align_left{ text-align:center; }
	body.menuOpen .header-contact{ display:none; }
	body.menuOpen .w-logo{ display:none; }
	body.menuOpen .w-nav-control:after{ background-image:url(../images/mobile/hamburger-close.png);height:56px;width:56px;transform: translateX(-50%); }
	body.home .l-header .w-nav{ margin-top:0px;margin-right:0px }
	body.menuOpen nav.type_mobile .w-nav-control{ top:0px; }
	body.open-mobile-diensten{ overflow:hidden; }
	body.open-mobile-diensten .l-header{ display:none; }
	body .w-nav.type_mobile .w-nav-list{ overflow:visible; }*/
    

    /* 
     * RESTYTLE MOBILE
     */
    body .l-subheader.at_middle {
        background-color: transparent !important;
    }
    .l-canvas > .l-header .hamburger-wrapper > div.hamburger-content-wrapper > section {
        width: 100% !important;
        height: auto !important;
        min-height: auto !important;
        padding-left: 75px;
    }

    .l-canvas > .l-header .hamburger-wrapper > div.hamburger-content-wrapper > section.hamburger-menu-right {
        padding-top: 25px;
    }

    .l-canvas > .l-header .hamburger-wrapper .hamburger-menu-right a {
        color: #fff !important;
    }

    section.quote {
        padding: 0 55px !important;
    }

    .social-links-wrapper {
        margin-top: 25px !important;
    }

    .l-canvas > .l-header .hamburger-wrapper .hamburger-menu-right .w-btn {
        text-align: left;
    }

    .mobile section.header-content .content h1,
    .mobile.home section.header-content .content h1 {
        font-size: 46px;
    }
    .mobile .header-content .w-image.background img {
        min-height: 600px;
        object-fit: cover;
    }

    .mobile.home .header-content .w-image.background img {
        min-height: calc(100vh - 116px);
    }

    .mobile section.header-content .w-image.background:after {
        height: 300px;
    }
    .mobile section.light, 
    .mobile section.visual, 
    .mobile section.intro {
        padding: 124px 30px;
        background-size: cover;
        font-size: 24px;
    }
    .mobile section.intro {
        height: auto;
    }
    .mobile section.intro .w-btn-wrapper + .w-btn-wrapper {
        margin-left: 0;
        margin-top: 35px;
    }
    a.w-btn.color_primary,
    a.w-btn.color_secondary {
        width: 70vw;
    } 
    .mobile section.visual .one-half {
        width: 100% !important; 
        padding: 0;
    }
    .mobile section.visual .one-half .w-image img {
        max-width: 100%;
    }

    .mobile section.overview-wrapper .project-item, 
    .mobile section.project-slider .project-item {
        width: 70vw;
        height: 90vw;
        margin-left: 90px;
    }
    .mobile section.overview-wrapper .project-item {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }

    section.project-slider {
        background-size: cover;
    }
    .mobile section.project-slider .g-cols.offset_medium {
        padding: 0;
    } 

    .mobile section.project-slider .title-row .g-cols.offset_medium {
        display: flex;
        flex-direction: column-reverse;
    }

    .mobile section.project-slider .title-row .g-cols.offset_medium div > a{
        display: none;
    }

    .mobile section.project-slider .title-row .color_primary {
        text-align: right;
    }
    .three-fifths, 
    .two-fifths {
        width: 100% !important;
    }
    .mobile section.light .inset-row .g-cols.offset_medium {
        padding: 15px 0;
    }
    .mobile section#footer-area {
        flex-wrap: wrap;
        padding: 0;
    }
    body.mobile section#footer-area .footer-right,
    body.mobile section#footer-area .footer-left {
        width: 100%;
        padding: 0;
        left: 0;
    }
    body.mobile section#footer-area .footer-right {
        padding: 55px;
    }
    .footer-right-social {
        left: 55px !important;
        top: 140px !important;
        bottom: unset !important;
    }
    .address-right a.w-btn.color_secondary {
        width: auto;
    }
    section#footer-bottom .footer-b-con {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    section#footer-bottom .footer-b-con .footer-con:not(:first-child),
    section#footer-bottom .footer-b-con .footer-con  {
        text-align: left;
        margin-left: 35px !important;
    }

    .mobile section.header-content .g-cols.offset_medium .content {
        max-width: 100%;
    }
    .g-cols > div + div {
        margin-top: 33px;
    }
    .template-restyle ul, 
    .spec-list-container ul {
        margin-top: 33px !important;

    }
    .mobile .inline-contactform-container {
        height: fit-content;
        width: calc(100% + 75px) !important;
        margin-right: -75px;
    }
    .mobile .inline-form-wrapper .form-spacer {
        width: 0;
    }
    .mobile .text-col.bottom {
        justify-content: flex-end;
    }
    .inline-contactform-container .w-image.no-overlay img {
        max-height: 30vh;
        object-fit: contain;
    }
    .mobile form .row.d40-60 .wpcf7-form-control-wrap:last-child,
    .mobile form .row.d40-60 .wpcf7-form-control-wrap:first-child {
        width: 100%;
        margin: 0;
    }

    .mobile form .row.d40-60 .wpcf7-form-control-wrap:first-child {
        margin-bottom: 14px;
    }
    .mobile form .row {
        flex-wrap: wrap;
    
    }
    .mobile .faq-wrapper.active .faq-answer {
        max-height: unset;
    }

    .mobile .faq-wrapper {
        padding-left: 0;
    }

    .mobile .g-cols.offset_medium > .three-quarters.faq-container {
        width: 93.05%;
    }

    .mobile .w-btn, 
    .mobile button, 
    .mobile input[type="submit"] {
        margin-top: 14px;
    }
    .mobile section.light.light-header {
        padding: 175px 0 0 75px;
    }
    .mobile section.light.light-header .three-fifths { 
        margin-left: -75px;
        width: calc(100% + 75px) !important;
    }
    .mobile section.light.light-header .three-fifths:after {
        left: calc(50% - 10px);
    }
    .mobile section.contactform-wrapper {
        padding: 65px 75px;
    }
    .mobile section.contactform-wrapper .share_shortcode {    
        top: -43px;
        right: -47px;
    }
    .mobile section.contactform-wrapper > .l-section > .l-section-h > .g-cols > .two-thirds {
        width: 100% !important;
    }
    .mobile section.contactform-wrapper:after {
        right: 5px;
    }

    .mobile section.contactform-wrapper > .l-section > .l-section-h > .g-cols > .one-third,
    .mobile .contactform-wrapper .one-third {
        width: 100% !important;
    }
    .mobile .contactform-wrapper .one-third .one-half {
        width: 50%;
    }

    .mobile .contactform-wrapper .address-wrapper {
        display: flex;
        flex-wrap: wrap;
    }
    
    .mobile .contactform-wrapper .g-cols.address-wrapper > div + div {
        margin-top: 0;
    }
    .mobile .contactform-wrapper .g-cols.address-wrapper {
        margin-bottom: 105px;
    }
    .mobile .image-row .two-fifths + .three-fifths {
        width: 100% !important;
    }
    .mobile section.light .g-cols.offset_medium > div.text-col {
        padding-right: 0 !important;
    }

    .mobile section#footer-bottom .footer-b-con .footer-con {
        width: 100%;
    
    }
    section#footer-area .footer-right {
        background-size: cover;
    }
    .mobile section.overview-wrapper .search_result {
        grid-template-columns: auto;
    }
    .mobile .filter-section-categories-wrapper .category-list {
        margin-bottom: 1em;
    }
    .mobile .filter-section-categories-wrapper .category-list li {
        width: 100%;
        margin-bottom: 14px;
    }
    .mobile .filter-section-categories-wrapper .category-list li.active:before {
        top: 0;
        left: -1em;
    }
    .mobile .inline-form-wrapper.expanded-form .inline-contactform-container {
        width:100% !important;
        padding: 56px;
        padding-bottom: 0 !important;
    }
    .mobile .inline-form-wrapper.expanded-form .form-spacer {
        margin: 0 !important;
    }
    .mobile .inline-form-wrapper.expanded-form .g-cols.offset_medium > div.text-col.bottom {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    .mobile .inline-contactform-container .text-col + .text-col {
        width: 100% !important;
        margin-left: 0 !important;
        margin-bottom: 343px;
    }
    .mobile .inline-contactform-container a.w-btn.color_primary {
        width: auto;
    }

    
    body .g-cols.offset_medium .l-section.steps-wrapper .one-quarter {
        margin-left: 0;
        margin-right: 0;
    }

    .l-section.steps-wrapper .one-quarter .vc_custom_heading {
        margin-left: 0;
        max-width: 400px;
    }
    section.light.light-header.center {
        padding: 150px!important;
    }
    .center-image-block .l-section-h .g-cols.offset_medium {
        display: block!important;
    }
}

@media only screen and (max-width: 767px) {
    body {
        padding-top: 0 !important;
    }
}