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

/* Header */ 
@media (min-width: 1381px) {
    .l-subheader-h {
        max-width: 1600px;
    }
}

.l-header.bg_transparent:not(.sticky) .l-subheader.at_middle {
    backdrop-filter: blur(25px);
    width: 95%;
    border-radius: 20px;
}

.no-touch .w-nav.type_desktop .hover_underline .w-nav-anchor.level_1 .w-nav-title:after {
    left: 49%;
    margin: 0 auto -8px;
    height: 8px;
    border-radius: 16px;
    width: 8px;
    background: var(--color-oranje) !important;
}

.no-touch .w-nav.type_desktop .hover_underline .menu-item.level_1.current-menu-item .w-nav-title:after {
    bottom: -2px;
    opacity: 1;
}

.l-header.bg_transparent.sticky .ush_menu_1 .w-nav-item.level_1:hover>a:not(.w-btn) {
    color: var(--color-donkergrijs) !important;
}

/* Algemeen */
.w-btn.icon_atright i {
    margin-left: 1.5em;
}

.mc--footer-bottom p {
    font-size: 14px;
}

.mc--h1-small h1 {
    font-size: 2.3rem;
}

.fa-linkedin:before {
    content: "\f0e1";
}

.mc--regular a span {
	font-weight: 300 !important;
}



/* Hero sectie */
.l-section.mc--hero-sectie {
    width: 98%;
    border-radius: 2rem;
    overflow: hidden;
    margin-top: 1%;
}

.l-section.mc--hero-sectie .g-cols {
    min-height: 400px;
}

.l-section.mc--hero-sectie h1,
.l-section.mc--hero-sectie h2 {
    max-width: 700px;
}

.l-section.mc--hero-sectie h2 {
    font-size: 3rem;
}

/* Titel sectie */
.l-section.mc--titel-sectie {
    width: 98%;
    border-radius: 2rem;
    overflow: hidden;
    margin-top: 1%;
}

.l-section.mc--titel-sectie .g-cols {
    min-height: 250px;
}

/* Tabs oplossingen */
.w-tabs-item i {
    color: var(--color-paars);
}

.w-tabs.style_radio2>.w-tabs-list .w-tabs-item.active {
    background-color: var(--color-wit);
}

.w-tabs.style_radio2>.w-tabs-list .w-tabs-list-h {
    background-color: var(--color-lichtgrijs);
    border: solid 1px rgba(114,114,114,0.23);
    padding: 12px;
}

.w-grid.mc--product-home {
    border-radius: 1.5rem;
    overflow: hidden;
}

.w-grid.mc--product-home .usg_vwrapper_1 {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 1) 100%) !important;
}

.w-grid.mc--product-home .owl-dots {
    position: absolute;
    bottom: 1.8rem;
    left: 3rem;
}

.w-grid.mc--product-home .owl-dot span {
    background: var(--color-wit);
}

.owl-carousel.navpos_inside.navstyle_circle>.owl-nav button, .owl-carousel.navpos_inside.navstyle_block>.owl-nav button {
    border: solid 1px var(--color-wit)
}

.owl-carousel.navpos_inside.navstyle_circle>.owl-nav button:hover {
    background-color: var(--color-oranje) !important;
    border: solid 1px var(--color-oranje);
}

.owl-next:after,
.owl-prev:after {
    font-weight: 200;
}

.w-grid.mc--product-home button.owl-prev {
    left: unset;
    right: 90px;
}

.w-grid.mc--product-home button.owl-next {
    right: 35px;
}

.w-grid.mc--product-home .owl-carousel .owl-nav button {
    top: 12%;
}

.owl-carousel.navstyle_circle .owl-nav button {
    height: 2.6rem;
    width: 2.6rem;
}

.mc--tab-oplossingen .w-iconbox-icon{
    background-color: var(--color-wit);
}

.mc--tab-oplossingen .w-iconbox-text {
    font-size: 14px;
    color: #919191;
    line-height: 1.5;
}

.mc--tab-oplossingen .w-iconbox.iconpos_left {
    align-items: center;
}

.mc--tab-oplossingen .w-iconbox-title {
    padding-bottom: 4px;
}

.mc--tab-oplossingen .w-iconbox {
    width: 85%;
    margin: 1rem auto;
    border-bottom: 0.5px solid rgba(122, 122, 122, 0.36);
    padding-bottom: 2rem;
    padding-top: 1rem;
}

.mc--tab-oplossingen .w-iconbox.mc--last-item{
    border-bottom: 0px !important;
    padding-bottom: 3rem;
}

.mc--usp-cta {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mc--usp-cta .mc--cta-wrapper {
    padding: 3rem;
}

.mc--usp-cta .mc--cta-wrapper .wpb_text_column {
    color: var(--color-wit);
    font-weight: 500;
    font-size: 21px;
}

.mc--usp-cta .mc--cta-wrapper .wpb_text_column:after {
    content: '\f061';
    font-family: Fontawesome;
    font-weight: 200;
    color: var(--color-oranje);
    position: absolute;
    right: 3rem;
    top: 3rem;
    font-size: 1.5rem;
}

.mc--usp-cta .mc--cta-wrapper .w-btn span {
    color: #919191;
    font-size: 14px;
    font-weight: 300;
}

body .us_custom_26229b3f.mc--cta-wrapper {
    transition: all ease 0.3s;
}

body .us_custom_26229b3f.mc--cta-wrapper:hover {
    background: var(--color-paars) !important;
}

.mc--product-home .post_image img {
    max-height: 550px;
    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
    object-fit: contain;
    object-position: bottom;
}

#zakelijk .w-iconbox.mc--last-item {
    border-bottom: 0px !important;
    padding-bottom: 2rem;
}

/* Banner */
.mc--banner .vc_column_container {
    border-radius: 1.5rem;
    overflow: hidden;
}

.mc--banner .mc--banner-left .vc_column-inner > .wpb_text_column {
    padding: 6rem 5.5rem 3rem 3.5rem;
    max-width: 540px;
}

.mc--banner .mc--banner-left .vc_column-inner > .wpb_text_column *{
    color: var(--color-wit);
}

.mc--banner-left .mc--cta-wrapper {
    padding: 3rem;
}

.mc--banner-left .mc--cta-wrapper .wpb_text_column {
    color: var(--color-donkergrijs);
    font-weight: 500;
    font-size: 21px;
    transition: all ease 0.3s;    
}

.mc--banner-left .mc--cta-wrapper .wpb_text_column:after {
    content: '\f061';
    font-family: Fontawesome;
    font-weight: 200;
    color: var(--color-oranje);
    position: absolute;
    right: 3rem;
    top: 3rem;
    font-size: 1.5rem;
}

.mc--banner-left .mc--cta-wrapper .w-btn span {
    color: #919191;
    font-size: 14px;
    font-weight: 300;
}

body .us_custom_eb431a94.mc--cta-wrapper {
    transition: all ease 0.3s;
}

body .us_custom_eb431a94.mc--cta-wrapper:hover {
    background: var(--color-paars) !important;
}

body .us_custom_eb431a94.mc--cta-wrapper:hover .wpb_text_column {
    color: var(--color-wit);
}

/* Tabs verticaal */
.w-tabs-section-header {
    background-color: var(--color-wit);
    border-radius: 12px;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 1.8rem;
}

.no-touch .w-tabs-section-header:hover, .no-touch .w-tabs-section-header:focus {
    background-color: var(--color-wit);
}

.w-tabs.accordion>div>.w-tabs-section {
    border: 0px;
    margin-bottom: 0.7rem;
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:before {
    content: '\2b';
    position: absolute;
    top: -12px;
    font-family: Font Awesome;
    left: unset;
    right: -12px;
    height: 40px;
    line-height: 2rem;
    font-size: 1.4rem;
    font-weight: 200;
    width: 40px;
    background: var(--color-lichtgrijs);
    border-radius: 100px;
    color: var(--color-oranje);
}

.w-tabs-sections.icon_plus>div>.w-tabs-section-header .w-tabs-section-control:after {
    display: none
}

/* Icon list */
.mc--icon-list {
    background-color: var(--color-grijs);
    padding: 1rem 2.5rem 2rem;
    border-radius: 1.5rem;
}

.mc--icon-list .w-iconbox-icon{
    background-color: var(--color-wit);
}

.mc--icon-list .w-iconbox-text {
    font-size: 14px;
    color: #919191;
    line-height: 1.5;
}

.mc--icon-list .w-iconbox.iconpos_left {
    align-items: center;
}

.mc--icon-list .w-iconbox-title {
    padding-bottom: 4px;
}

.mc--icon-list .w-iconbox {
    margin: 1rem auto;
    border-bottom: 0.5px solid rgba(122, 122, 122, 0.36);
    padding-bottom: 2rem;
    padding-top: 1rem;
}

.mc--icon-list > .vc_column-inner div.w-iconbox:last-child {
    border: 0px !important;
    padding-bottom: 0px;
}

/* Stappen installateur */
.mc--stappen-installateur h4{
	font-size: 1rem;
	font-weight: 400;
}


.mc--stappen-installateur .w-iconbox.align_center {
	width: 50%;
}

.mc--stappen-installateur .w-iconbox-text {
    font-size: 14px;
    color: #919191;
    line-height: 1.5;
}

.mc--stappen-installateur .w-iconbox-title {
    padding-bottom: 4px;
}

.mc--stappen-installateur .w-iconbox-icon{
	box-shadow: none !important;
    background: #f3f4f6;
}

.mc--stappen-installateur .w-iconbox-icon img {
	width: 2em;
}

/* Product carousel */
.mc--product-carousel {
    width: 94%;
    margin: 0 0 0 auto;
}

.mc--product-carousel .wpb_text_column h2,
.mc--product-carousel .wpb_text_column p {
    margin-left: 15px;
    padding-bottom: 28px;
}

.mc--product-carousel article .w-grid-item-h {
    border-radius: 1.5rem;
}

.mc--product-carousel article .usg_vwrapper_1 {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 1) 100%) !important;
}

.mc--product-carousel article .w-btn-label {
    font-weight: 300;
}


.mc--product-carousel .dotstyle_smudge .owl-dot span {
    background-color: var(--color-oranje);
}

.mc--product-carousel .owl-dots {
    text-align: left;
    padding-left: 1rem;
}

.mc--product-carousel .owl-carousel .owl-nav button {
    top: -8%;
    transform: translateY(0);
    border: solid 1px #292929;
}

.mc--product-carousel .owl-carousel .owl-nav button:hover {
    background: var(--color-oranje) !important;
    border: solid 1px var(--color-oranje);    
    color: var(--color-wit);
}

.mc--product-carousel .owl-carousel.navpos_outside .owl-prev {
    right: 200px;
}

.mc--product-carousel .owl-carousel.navpos_outside .owl-next {
    left: unset;
    right: 150px;
}

/* Producten grid */
.mc--product-grid article .w-grid-item-h {
    border-radius: 1.5rem;
}

.mc--product-grid article .usg_vwrapper_1 {
    background: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 1) 100%) !important;
}

.mc--product-grid article .w-btn-label {
    font-weight: 300;
}

.mc--product-grid article .w-post-elm.has_ratio img {
    position: absolute !important;
    top: unset;
    bottom: 0;
    left: unset;
    right: 0;
    height: auto;
    width: 100% !important;
    object-fit: contain;
    max-width: 400px;
}

/* USP horizontaal */
.mc--usp-horizontaal .w-iconbox-icon{
    background-color: var(--color-wit);
}

.mc--usp-horizontaal .w-iconbox-text {
    font-size: 14px;
    color: #919191;
    line-height: 1.5;
}

.mc--usp-horizontaal .w-iconbox.iconpos_left {
    align-items: center;
    padding-left: 2rem;
}

.mc--usp-horizontaal .w-iconbox-title {
    padding-bottom: 4px;
}

.mc--usp-horizontaal .l-section-overlay {
    max-width: 1500px;
    margin: 0 auto;
    border-radius: 1.5rem;
}

.mc--usp-horizontaal .vc_column-inner div.w-iconbox {
    border-right: 0.5px solid rgba(122, 122, 122, 0.36);
}

.mc--usp-horizontaal .mc--last-item {
    border: 0px !important;
}

/* Product overzicht */
button.w-filter-item-title.us-field-style_1 {
    background: transparent !important;
    box-shadow: none !important;
    border: solid 1px var(--color-donkergrijs) !important;
    border-radius: 100px !important;
    font-weight: 200 !important;
    font-size: 16px !important;
}

.w-filter-item.type_dropdown .w-filter-item-values:after, .w-filter.state_desktop.mod_dropdown .w-filter-item-title:after {
    content: '\f078';
    font-family: Fontawesome !important;
    position: absolute;
    top: 4px;
    inset-inline-end: 0;
    margin: -.2em calc(var(--inputs-padding, .6em) + var(--inputs-border-width, 1px));
    font-size: 11px;
    pointer-events: none;
    border: 0px;
    border-radius: 0px;
}

/* Over ons*/
    .w-person-role {
        font-size: 14px;
        line-height: 1.3;
    }

h4.w-person-name {
    font-size: 1.3rem;
}    


/* Call to action + form */
.mc--cta-form .l-section-overlay {
    max-width: 1500px;
    margin: 0 auto;
    border-radius: 1.5rem;
}

.mc--cta-form h3 {
    font-size: ;
}

/* Form */
input[type=date], input[type=datetime-local], input[type=email], input[type=file], input[type=month], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=time], input[type=url], input[type=week] {
    min-height: 3em;
    height: 50px !important;
    line-height: 3em !important;
    border-radius: 32px !important;
    border-color: var(--color-oranje) !important;
    box-shadow: none !important; 
    font-weight: 200 !important;
    font-size: 16px !important;
}

.gform-theme--foundation .gform_fields {
    row-gap: 20px;
}

.gform-theme--foundation .gfield textarea {
    border-radius: 32px !important;
    border-color: var(--color-oranje) !important;
    box-shadow: none !important; 
    font-weight: 200 !important;
    font-size: 16px !important; 
}

.gfield--type-consent input {
    border-radius: 4px !important;
    border-color: var(--color-oranje) !important;
    box-shadow: none !important; 
} 

input#gform_submit_button_1,
input#gform_submit_button_2,
input#gform_submit_button_3,
input#gform_submit_button_4 {
    border-radius: 32px;
    font-size: 1rem;
    background-color: var(--color-paars);
    box-shadow: none !important;
    padding: 1rem 2rem;
}

/* Energieopslag template (product) */
.mc--product-img-slider .rsOverflow{
    background-color: var(--color-grijs);
    border-radius: 1.5rem;
}

.mc--product-img-slider .royalSlider .rsArrow {
    text-shadow: none;
    color: var(--color-donkergrijs);
    font-size: 2rem !important;
    border: solid 1px var(--color-donkergrijs);
    border-radius: 100px;
    line-height: 3rem;
    height: 3rem;
    width: 3rem;
    transition: all ease .4s;
}

.mc--product-img-slider .royalSlider .rsArrow:hover {
    background-color: var(--color-oranje);
    color: var(--color-wit);
    border-color: var(--color-oranje);
}

.mc--product-img-slider .royalSlider .rsArrow:after {
    font-weight: 300 !important;
}

.mc--product-img-slider .rsThumbsHor {
    margin-top: 20px;
}

.mc--product-img-slider .rsThumb {
    background-color: var(--color-grijs);
    border-radius: .5rem;  
    overflow: hidden;
}

.rsThumb.rsNavSelected::after {
    border-radius: 8px;
}

.mc--product-img-slider .royalSlider .rsArrowLeft {
    left: 20px;
}

.mc--product-img-slider .royalSlider .rsArrowRight {
    right: 20px;
}

.mc--product-img-slider .w-slider-h img {
    padding: 0px;
}

.w-slider.fit_contain .w-slider-h img {
    object-fit: cover;
}

/* Responsive Queries */
/* Custom */
@media screen and (min-width: 901px){
    .mc--tab-oplossingen .mc--carousel .vc_column-inner,
    .mc--tab-oplossingen .mc--product-home,
    .mc--tab-oplossingen .mc--carousel .w-grid-list {
        height: 100%;
    }
}

@media screen and (min-width: 901px) and (max-width: 1540px){
    .mc--tab-oplossingen .mc--carousel .vc_column-inner,
    .mc--tab-oplossingen .mc--product-home,
    .mc--tab-oplossingen .mc--carousel .w-grid-list {
        height: 100%;
        --item-ratio: unset !important;
    }

    .mc--tab-oplossingen .owl-stage-outer,
    .mc--tab-oplossingen .owl-stage,
    .mc--tab-oplossingen .w-grid-item-h {
        height: 100% !important;
    }
}


/* Large (ipad horizontaal) */
@media screen and (max-width: 1200px){

    /* Home */
    .l-section.mc--hero-sectie .g-cols {
        min-height: 300px;
    }

    .mc--banner .mc--banner-left .vc_column-inner > .wpb_text_column {
        padding: 3rem 3.5rem 2rem 3.5rem;
        max-width: 540px;
    }

    .g-cols.cols_5-7 {
        grid-template-columns: 7fr 7fr;
    }

    .mc--tab-oplossingen .g-cols.cols_7-5 {
        grid-template-columns: 7fr 7fr;
    }

    /* Zakelijk */
    body .layout_226 .usg_vwrapper_1 {
        padding: 2rem !important;
    }

    body .layout_226 .usg_post_title_1 {
        font-size: 23px !important;
    }

    body .layout_226 .usg_post_custom_field_1 {
        font-size: 14px !important;
    }

    .mc--usp-horizontaal .w-iconbox.iconpos_left {
        align-items: center;
        padding-left: 0rem;
    }

    .mc--usp-horizontaal .w-iconbox-title {
        font-size: 17px !important;
    }

    body .layout_226 .usg_post_image_1 {
        bottom: 0px !important;
    }

    .w-grid .w-post-elm.post_image img, .w-grid .w-post-elm.post_custom_field img {
        display: block !important;
    }

    .mc--product-grid article .w-post-elm.has_ratio img {
        max-width: 250px;
    }

    /* Over ons */
    h4.w-person-name {
        font-size: 1.2rem;
    }

    .w-person-role {
        font-size: 14px;
        line-height: 1.3;
    }

    /* Contact */
    .us_custom_9aa53498 {
        padding: 2.5rem !important;
    }
}

/* Medium */
@media screen and (max-width: 1040px){
    .mc--usp-horizontaal .g-cols.cols_3 {
        gap: 25px;
    }
}

/* Small */
@media screen and (max-width: 767px){
	.l-section.parallax_ver>.l-section-img, 
	.l-section.parallax_fixed>.l-section-img 	{
    	background-attachment: initial;
	}


}

/* Extra Small */
@media screen and (max-width: 576px){

    /* Home */
    .w-grid.type_carousel.mc--merken .w-grid-item {
        padding: 5px;
    }

    .w-tabs.style_radio2>.w-tabs-list:not(.align_justify) .w-tabs-list-h {
        display: block;
    }

    .w-tabs.style_radio2.layout_hor>.w-tabs-list .w-tabs-item {
        width: 100%;
    }

    .w-tabs.style_radio2>.w-tabs-list .w-tabs-list-h {
        border-radius: 2rem;
    }

    .w-tabs-section-content {
        padding-top: 1rem;
    }

    body .layout_129 .usg_vwrapper_1 {
        padding-left: 1.5rem !important;
    }

    body .w-grid.mc--product-home .owl-dots {
        bottom: 1rem;
        left: 1.5rem;
    }

    body .layout_129 .usg_vwrapper_2 {
        font-size: 1.5rem !important;
    }

    .mc--product-home .post_image img {
        max-height: 240px;
    }

    .w-grid.mc--product-home .owl-carousel .owl-nav button {
        top: 22%;
    }

    .w-grid.mc--product-home button.owl-next {
        right: 15px;
    }

    .w-grid.mc--product-home button.owl-prev {
        right: 65px;
    }

    body .layout_129 .usg_vwrapper_1 {
        padding-bottom: 3rem !important;
    }

    .w-grid.mc--product-home .usg_vwrapper_1 {
        background: radial-gradient(circle, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.5) 4%, rgba(0, 0, 0, 1) 100%) !important;
    }

    .mc--product-home {
        --item-ratio: 1 !important;
    }

    .mc--tab-oplossingen .w-iconbox-icon,
    .mc--icon-list .w-iconbox-icon,
    .mc--usp-horizontaal .w-iconbox-icon {
        font-size: 1.2rem !important;
    }

    .mc--tab-oplossingen .w-iconbox-title,
    .mc--icon-list .w-iconbox-title,
    .mc--usp-horizontaal .w-iconbox-title {
        font-size: 16px !important;
    }

    .mc--tab-oplossingen .w-iconbox-text,
    .mc--icon-list .w-iconbox-text,
    .mc--usp-horizontaal .w-iconbox-text {
        font-size: 12px !important;
    }

    .mc--tab-oplossingen .w-iconbox {
        width: 89%;
        padding-bottom: 1.5rem;
        padding-top: 0.8rem;
    }

    .mc--tab-oplossingen .w-iconbox.mc--last-item {
        padding-bottom: 1rem;
    }

    .mc--usp-cta .mc--cta-wrapper,
    .mc--banner-left .mc--cta-wrapper  {
        padding: 1.5rem 1.5rem 1rem 1.5rem;
    }

    .mc--usp-cta .mc--cta-wrapper .wpb_text_column,
    .mc--banner-left .mc--cta-wrapper .wpb_text_column {
        line-height: 1.4;
        font-size: 18px;
        max-width: 230px;
    }

    .mc--usp-cta .mc--cta-wrapper .wpb_text_column:after,
    .mc--banner-left .mc--cta-wrapper .wpb_text_column:after {
        right: 1.5rem;
        top: 1.5rem;
    }

    .l-section.mc--hero-sectie .g-cols {
        min-height: 340px;
    }


    .mc--banner .mc--banner-left .vc_column-inner > .wpb_text_column {
        padding: 1.5rem;
    }

    /* Thuisbatterij en zakelijk */
    .l-section.mc--hero-sectie h2 {
        font-size: 2rem;
    }

    .mc--icon-list {
        padding: 1rem 1.5rem 2rem;
    }

    body:not(.rtl) .w-filter.align_right .w-filter-list {
        justify-content: unset;
    }

    .w-filter.state_desktop.layout_hor .w-filter-list {
        gap: 10px;
    }

    body .layout_226 .usg_vwrapper_1 {
        padding: 2rem !important;
    }

    body .layout_226 .usg_post_title_1 {
        font-size: 21px !important;
    }

    body .layout_226 .usg_post_custom_field_1 {
        font-size: 12px !important;
    }

    body .layout_226 .usg_btn_1 {
        opacity: 1;
    }
   
    .layout_226 .usg_btn_1 span {
        opacity: 0;
    }

    .mc--usp-horizontaal .w-iconbox.iconpos_left {
        padding-left: 0px;
    }

    .mc--usp-horizontaal .vc_column-inner div.w-iconbox {
        border-right: 0px;
    }

    .w-tabs-section-header {
        padding-left: 1.2rem;
    }

    .mc--btn-long span {
        width: 85%;
        text-align: left;
        line-height: 1.3;
    }

    /* Contact */
    .l-section.mc--titel-sectie .g-cols {
        min-height: 150px;
    }

    .mc--row-full-width-mobile {
        padding-left: 0rem;
        padding-right: 0rem;
    }

    /* Over ons */
    h4.w-person-name {
        font-size: 1rem;
    }
}