/*
Theme Name: MBTShape
Template: Impreza
Version: 1.0
Author:	UpSolution
Theme URI: http://impreza.us-themes.com/
Author URI: http://us-themes.com/
*/
/**
 * START: Globals
 */

 .font-size-56 {
    font-size: 56px;
}

.font-size-44 {
    font-size: 44px;
}

.font-size-42 {
    font-size: 42px;
}

.font-size-38 {
    font-size: 38px;
}

.sub-title {
    font-size: 20px;
    color: #EA580C;
    font-family: "Josefin Sans Regular Font";
}

.titlebar-style {
    background: rgba(255,255,255,0.8);
    backdrop-filter: blur(14px);
    padding: 4rem;
    margin-bottom: -18rem !important;
    position: relative;
    z-index: 3;
}

.rank-math-breadcrumb {
    color: #000000;
    font-family: 'Lato Bold Font';
    font-size: 16px;
}

.rank-math-breadcrumb a {
    color: #000000;
    font-family: 'Lato Bold Font';
}

.g-filters-item.active {
    color: #27282A !important;
    border-bottom: 2px solid #0072FF !important;
}

.g-filters-item {
    color: #27282A !important;
    opacity: 0.5;
    border-bottom: 2px solid #27282A10 !important;
    padding: 0rem 2rem;
}



@media only screen and (max-width: 1024px) {
    .fotos-full-width {
        margin-right: -1rem !important;
        margin-left: -1rem !important;
    }
    .fotos-full-width .vc_column-inner {
        padding-left: 0rem !important;
        padding-right: 0rem !important;
    }

    .font-size-56 {
        font-size: 32px;
    }

    .font-size-44 {
        font-size: 26px;
    }
    
    .font-size-42 {
        font-size: 24px;
    }
    
    .font-size-38 {
        font-size: 20px;
    }

    .hero-title{
        margin-top: 1.5rem;
    }

}

@media only screen and (max-width: 1000px) {
    .w-hwrapper .w-iconbox {
        flex-basis: 100%;
    }
    .rank-math-breadcrumb {
        margin-top: 2rem;
    }
    .menu-robots {
        display: flex;
    }
    .menu-robots ul {
        overflow-x: auto;
        flex-basis: 100vw;
    }
    .menu-robots .w-nav-list li:nth-last-child(2) {
        padding-right: 2rem;
    }
    /* .menu-robots .w-nav-list > .menu-item {
        flex-basis: 30%;
    } */
     /* Hide scrollbar for Chrome, Safari and Opera */
     .menu-robots ul::-webkit-scrollbar {
        display: none;
      }
      
      /* Hide scrollbar for IE, Edge and Firefox */
      .menu-robots ul {
        -ms-overflow-style: none;  /* IE and Edge */
        scrollbar-width: none;  /* Firefox */
      } 

      .menu-robots .w-nav-list::after, .menu-robots .w-nav-list::before {
        position: absolute;
        top: 0;
        bottom: 0;
        z-index: 5;
        font-family: 'fontawesome';
        font-size: 1.5rem;
        color: rgba(0,0,0,0.3);
    }
    .menu-robots .w-nav-list::before {
        content: '\f053';
        background: linear-gradient(270deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 67%);
        left: -1rem;
        padding-left: 0.4rem;
        padding-right: 1rem;
    }
    .menu-robots .w-nav-list::after {
        content: '\f054';
        background: linear-gradient(90deg, rgba(255,255,255,0) 0%, rgb(255, 255, 255) 67%);
        right: -1rem;
        padding-left: 1rem;
        padding-right: 0.4rem;
    }
}

@media only screen and (min-width: 900px) {
    .menu-robots .w-nav-list::before {
        left: -2.5rem;
    }
    .menu-robots .w-nav-list::after {
        right: -2.5rem;
    }
}


/**
 * END: Globals
 */
/**
 * START: Home
 */

.hero-row-home .l-section-overlay {
    opacity: 0.6;
}

.home-image {
    position: relative;
    z-index: 3;
}

.bezorg-robots-row {
    margin-top: -6rem;
    z-index: 1;
}

.right-aligned-column {
    width: 826px;
    height: 100%;
    background: #ffffff8a;
    backdrop-filter: blur(14px);
    margin-left: -9rem;
    padding-left: 11rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
}

.left-aligned-column {
    width: 826px;
    height: 100%;
    background: #ffffff8a;
    backdrop-filter: blur(14px);
    margin-left: -9rem;
    padding-left: 11rem;
    padding-top: 4rem;
    padding-bottom: 4rem;
    padding-right: 4rem;
    position: relative;
    z-index: 1;
}


.h-text-scroll {
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    align-items: baseline;
    justify-content: flex-start;
    width: 100%;
    height: 100%;
    white-space: nowrap;
    transition: all 1s ease;
}
.h-text-scroll > div {
    display: flex;
    animation: scrollText 30s infinite linear;
}
.h-text-scroll p {
    color: #fff;
    font-size: 9rem;
    font-family: "Josefin Sans Bold Font";
    transition: all 2s ease;
}

@keyframes scrollText {
    from   { transform: translateX(0%); }
    to { transform: translateX(-50%); }
  }

@media only screen and (max-width: 1024px) {
    .left-aligned-column {
        width: auto;
        height: auto;
        margin-left: inherit;
        padding-left: inherit;
        padding-top: inherit;
        padding-right: inherit;
    }

    .right-aligned-column {
        width: auto;
        height: auto;
        margin-left: inherit;
        padding-left: inherit;
        padding-top: inherit;
        padding-right: inherit;
    }
}

@media only screen and (max-width: 600px) {
    .h-text-scroll p {
        font-size: 4rem;
    }
    .h-text-scroll > div {
        animation: scrollText 22s infinite linear;
    }
}


/**
 * END: Home
 */

 /** Product overzicht */

 .content-grid-product-archive {
    flex-basis: 100%;
 }

/* Product detail */

.product-specificaties div {
    display: flex;
    flex-direction: row;
    /* border-bottom: 1px solid #DBDEE0;  */
}
.product-specificaties div:nth-child(2n+1) {
    background-color: #fff;
}
.product-specificaties div:nth-child(2n){
    background-color: rgba(39, 40, 42, 0.1);
}
.product-specificaties div span:nth-child(2n+1) {
    flex-basis: 35%;
    /* border-right: 1px solid #DBDEE0; */
    font-weight: 700;
    font-size: 1rem;
    line-height: 1.2;
    letter-spacing: 0;
    text-align: left;
    padding: 1rem 1rem 1rem 2rem;
}
.product_field.attributes div span:nth-child(2n) {
    flex-basis: 65%;
    font-weight: 400 !important;
    font-size: 1rem;
    line-height: 28px;
    padding: .5rem 0 .5rem 1.5rem;
}

.usp-row .w-iconbox-text{
    margin-bottom: 2rem!important;
}
.usp-row .w-iconbox:last-of-type .w-iconbox-text {
    margin-bottom: 0rem !important;
}


.row-offerte-gray .vc_col-sm-12 {
    background-color: #ECECEC;
    padding: 4rem;
    margin-right: calc( var(--site-content-width) / 2 + 0px / 2 + 1.5rem - 45vw) !important;
    margin-left: calc( var(--site-content-width) / 2 + 0px / 2 + 1.5rem - 45vw) !important;
}
.row-offerte-gray .g-cols {
    max-width: 1140px;
    margin: 0 auto !important;
}
.offerte-bg .vc_col-sm-6:first-of-type .vc_column-inner {
    padding: 0rem !important;
}

.vwrapper-grid-producten .grid-product-tag {
    background-color: #EA580C;
    border-radius: 30px 0px 0px 30px;
    margin-bottom: 0rem;
    position: absolute;
    top: 1.2rem;
    right: 0;
    z-index: 99;
    font-family: 'Lato Bold Font', sans-serif;
    color: #fff;
    text-transform: uppercase;
    padding: 0.3rem 1.7rem;

}

@media only screen and (max-width: 1024px) {
   .row-offerte-gray .vc_col-sm-12 {
      margin-right: auto !important;
      margin-left: auto !important;
      padding: 1rem;
  }
}

@media only screen and (max-width: 600px) {
    .product_field.attributes div {
        flex-wrap: wrap;
        padding: 1rem 2rem;
      }
      .product_field.attributes div span:nth-child(2n+1) {
        flex-basis: 100%;
        border-right: none;
        text-align: left;
        padding: 0rem 0rem 1rem 0rem;
      }
      .product_field.attributes div span:nth-child(2n) {
        flex-basis: 100%;
        text-align: left;
        padding: 0rem;
      }

      .offerte-bg .vc_col-sm-6:last-of-type .vc_column-inner {
        padding-left: 0rem !important;
      }

      .row-usps-bedrijf .w-hwrapper {
        flex-wrap: wrap;
      }   

      .usp-row .w-iconbox {
        margin-left: 1rem;
        margin-right: 1rem;
      }
}

/* End product detail */

body{
	background-color: #EFECE7 !important;
}
/*Home pagina blokken */
@media screen and (min-width: 1600px) {
	.wat-houdt-mbt{
		height: 80vh !important;
	}	
	
	.mbt-dromen{
		height: 70vh !important;
	}
}

/*Footer */
.menu a:hover{
	color: #9c9180 !important
}

.footer-logo .wpb_wrapper{
	display: flex;
	justify-content:center;
}

/*Mobile */
@media screen and (max-width: 768px) {
.waarom-mbt-shape{
	height: 50vh !important;
}
}

.gform_required_legend{
	display: none
}

/*klanten block home */
.klanten-block {
    background: #EDE8D7;
    border-radius: 10px;
    padding: 1rem;
	width: auto;
}