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

/*Add your own styles here:*/

.mc--menu-light{
    font-weight: 300 !important;
}


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

.l-subheader-cell.at_left {
    z-index: 999;
}

.w-search input {
    display: block;
    border-radius: 8px;
}

.mc--status-menu {
    font-size: 13.5px;
    font-weight: 500;
    margin-top: -40px;
    margin-left: -14px;
    line-height: 1.2;
    transition: all ease .3s;
}

header.sticky .mc--status-menu {
    margin-top: -25px;
    margin-left: -16px;
}

.mc--status-menu span {
    font-size: 18px;
}

.layout_gallery_default img {
    border-radius: 1rem;
}

.w-tabs-section {
    border-color: #000;
}

.mc--faciliteiten-usp .w-iconbox-title {
    font-weight: bold;
    line-height: 1.3;
}

/* Home */
.mc--hero-slider h1 {
	color: var(--color-wit);
    padding-left: 4rem;
    font-size: 2.6rem;
}

.mc--rondje, .mc--rondje h3{
    color: #fff;
    text-align: center;
}
.mc--onze-winkels .w-grid{
    padding-top: 2em;
    padding-bottom: 2em;
}

.mc--events-updates .us-btn-style_4 {
    right: 0;
    position: absolute;
}

.mc--insta h2{
    text-align: center;
}

.mc--hero-section-title:before {
    content: url(/wp-content/uploads/2025/07/Vector.svg);
    position: absolute !important;
    left: -6rem !important;
    bottom: -18rem !important;
    width: 510px;
    z-index: 2;
    transform: scale(0.62);
}

.mc--hero-section-title h1 {
    z-index: 4;
    position: relative;
}

/* Footer */
.openingstijden {
    margin-top: 20px;
    width: auto;
    margin-right: 0;
    margin-left: auto;
}

.openingstijden td {
    padding: 2.5px;
    font-weight: 700;
    font-size: 15px;
    border-bottom: 0px solid;
}

.openingstijden td:nth-child(odd) {
    text-align: right;
    padding-right: 15px;
}

.mc--footer-top a:not(.w-socials-item-link) {
    color: var(--color-zwart);
    text-decoration: underline;
    font-size: 12px;
}
.mc--footer-top .mc--link-list{
    font-weight: 800;
}
.mc--footer-top .mc--link-list a{
    text-decoration: none !important;
    font-size: 16px;
}
.mc--footer-top .mc--info a{
    font-size: 16px;
}

/* Insta feed */
#sb_instagram .sbi_inner_wrap{
    border-radius: 22px !important;
}

/* Winkel overzicht */
.mc--winkel-filter.w-filter .w-filter-item-title {
    box-shadow: none !important;
    border: solid 1px #000 !important;
    border-radius: 50px !important;
    min-height: 45px !important;
    line-height: 1 !important;
}

.mc--winkel-filter .w-filter-item.type_dropdown .w-filter-item-values:after, 
.mc--winkel-filter.w-filter.state_desktop.mod_dropdown .w-filter-item-title:after {
    content: '\f078' !important;
    font-family: fontawesome !important;
    top: 20px !important;
    pointer-events: visible;
    border: 0px !important;
    border-radius: unset !important;
    font-size: 12px;
}

.mc--winkel-filter.w-filter.state_desktop.mod_dropdown .w-filter-item-content {
    background-color: var(--color-paars);
    border-radius: 1rem;
}

.mc--winkel-filter input:not([type=submit]), 
.mc--winkel-filter textarea, 
.mc--winkel-filter select {
    background-color: var(--color-wit);
    width: 1em;
    height: 1em;
}

.mc--winkel-filter input:not([type=submit]) {
    border-radius: 4px;
}

.mc--winkel-filter .w-filter-item-value {
    margin-bottom: .7em;
}

/* Winkel template pagina */
.winkels-template-default .w-text-value{
    font-weight: 600;
}
.winkels-template-default .winkel_logo{
    width: 53.504px;
    height: 53.504px;
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    align-items: center;
    display: flex;
}
.winkels-template-default .winkel_logo img{
    width: 85%;
    margin: 0 auto;
}
.winkels-template-default .post_title{
    margin-top: 1.5rem;
}
.mc--svg-m svg{
    left: 0;
    right: 0;
    margin: 0 auto;
    position: absolute;
}

.acf-radio-oranje svg path{fill: #FF842B !important;}
.acf-radio-geel svg path{fill: #FFCC00 !important;}
.acf-radio-vervaagd-geel svg path{fill: #FCD75F !important;}
.acf-radio-donker-roze svg path{fill: #A0166A !important;}
.acf-radio-roze svg path{fill: #EA2B93 !important;}
.acf-radio-licht-roze svg path{fill: #F595C9 !important;}
.acf-radio-rood svg path{fill: #E30613 !important;}
.acf-radio-licht-rood svg path{fill: #FFA4A8 !important;}
.acf-radio-paars svg path{fill: #A094E5 !important;}
.acf-radio-donker-blauw svg path{fill: #004693 !important;}
.acf-radio-turquoise svg path{fill: #00A9B5 !important;}
.acf-radio-licht-blauw svg path{fill: #7FD7E2 !important;}
.acf-radio-donker-groen svg path{fill: #007C60 !important;}
.acf-radio-groen svg path{fill: #00A88C !important;}
.acf-radio-licht-groen svg path{fill: #8EDB9C !important;}
.acf-radio-beige svg path{fill: #F2EBDB !important;}

.winkels-template-default .layout_144 .w-grid-item-h{
    border-radius: 22px;
}
.winkels-template-default .layout_144{
    margin-top: 3rem;
}
.winkels-template-default .winkel_titel_inhoudt{
    font-size: 36px;
    margin-bottom: 1.5rem;
}
.mc--header-winkel-fotos img{
    border-radius: 22px;
}
.mc--header-winkel-fotos{
    margin-top: 2em;
}
.aiosrs-rating-wrap{
    display: none;
}
.hotspot-tooltip h4{
    display: none;
}
.hotspot-tooltip p{
    display: none;
}
.hotspot-tooltip img{
    width: 90px !important;
}

.single-winkels .hotspot-tooltip {
    opacity: 1 !important;
    visibility: visible !important;
}

.hotspot-indicator {
    border-color: var(--color-paars) !important;
}

body .image-hotspot-container,
body .hotspot-image-wrapper,
body .image-hotspot-container .hotspot-background-image {
    width: 100% !important;
}

div#cookiescript_badge {
    visibility: hidden;
}

/* .mc--waar-sticker{
    width: 212px;
    height: 212px;
    background-image: url(/wp-content/uploads/2025/08/Vector.png) ;
    text-align: center;
    position: absolute;
    left: -3em;
    display: table-cell; 
    vertical-align: middle;
}
.mc--waar-sticker .wpb_wrapper{
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
} */
.mc--waar-sticker p{
    font-size: 36px;
    font-family: Museo;
    font-weight: 600 !important;
    line-height: 1;
}
.owl-carousel.navstyle_circle .owl-nav button{
    background-image: url(/wp-content/uploads/2025/08/bloem.png);
}
.owl-prev:after {
    content: '\f060';
    color: #ED694B;
}
.owl-next:after {
    content: '\f061';
    color: #ED694B;
}
.no-touch .owl-carousel.navpos_outside.navstyle_circle>.owl-nav button:hover{
    background-image: url(/wp-content/uploads/2025/08/bloem.png);
}
.mc--sale-sticker{
    background-image: url(/wp-content/uploads/2025/08/Vector.svg);
    width: 177px;
    height: 177px;
    text-align: center;
    display: table-cell; 
    vertical-align: middle;
    font-size: 28px;
    font-weight: 600;
    padding: 10px;
    position: absolute;
    right: 25%;
    top: 10%;
    z-index: 5;
    transform: rotate(15deg);
}
.mc--sale-sticker .w-post-elm-value{
    position: relative;
    top: 25%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}


/* Berichten template */
.post-template-default svg{
    position: absolute;
    left: -57%;
}
.post-template-default svg path{
    fill: #FFA4A8 !important;
}

.mc--update .post_taxonomy .w-btn span{
    font-size: 12px;
}

.w-btn.term-uitgelicht {
    display: none;
}

.w-sharing.type_simple .w-sharing-item {
    width: 54px !important;
    height: 54px !important;
    background: #000 !important;
    border-radius: 100% !important;
    border: 0 !important;
    margin-right: 4px !important;
    color: var(--color-wit) !important;
}

.w-sharing.type_simple .w-sharing-item i {
    opacity: 1;
    font-size: 24px;
}
i.fab.fa-facebook:after {
    content: '\f09a';
}
i.fab.fa-linkedin:after{
    content: '\f08c';
}
i.fab.fa-whatsapp:after{
    content: '\f232';
}
i.fab.fa-tiktok:after{
    content: '\e07b';
}
i.fab.fa-instagram:after{
    content: '\f16d';
}
footer .w-socials.style_colored .w-socials-item-link>i{
    margin: 0 auto;
}
/* Openingstijden */
.mc--openingstijden .openingstijden {
    margin-top: 20px;
    width: auto;
    margin-right: unset;
    margin-left: 0;
    margin-bottom: 20px !important;
}
.mc--openingstijden .openingstijden td{
    font-size: 18px;
}

/* Bezoek en info */
.gform_fields label, .gform_fields .gfield_description{
    font-family: Museo !important;   
    color: #000 !important;
    font-weight: 300 !important;
    font-size: 18px !important;
}
.gform_wrapper .gform_fields .gfield select, .gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):not([type=image]):not([type=file]):not(.ginput_total):not(.ginput_shipping_price):not(.ginput_product_price), .gform_wrapper .gform_fields .gfield textarea{
    background: transparent;
    border-radius: 10px; 
}
#gform_submit_button_2{
    font-family: museo;
    font-size: 18px;
    line-height: 1.2 !important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 12px;
    padding: 0.7em 1.5em;
    background: var(--color-donker-blauw);
    border-color: transparent;
    color: #fff !important;
}
#gform_submit_button_2:hover{
    background: var(--color-vervaagd-geel);
    border-color: transparent;
    color: #000 !important;
}

/* Rondje makado */
/* .gfield_required{
    display: none;
}

input.gform_button {
    font-family: museo !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: 0em !important;
    border-radius: 12px !important;
    padding: 0.7em 1.5em !important;
    background-color: var(--color-oranje) !important;
    background: var(--color-oranje) !important;
    border-color: transparent !important;
    color: #fff !important;
}
.gform_wrapper .gform_page_footer .gform_previous_button{
    font-family: museo !important;
    font-size: 18px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    font-style: normal !important;
    text-transform: none !important;
    letter-spacing: 0em !important;
    border-radius: 12px !important;
    padding: 0.7em 1.5em !important;
    background-color: var(--color-oranje) !important;
    background: var(--color-oranje) !important;
    border-color: transparent !important;
    color: #fff !important; 
}

.gform-theme--framework input[type=checkbox]:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)){
    background-color: transparent !important;
}  */

/* Formidable rondje makado styling */
.frm_combo_inputs_container, .frm_grid_container, .frm_form_fields .frm_section_heading, .frm_form_fields .frm_fields_container, .with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{
    text-align: center;
}
.with_frm_style .frm_top_container .frm_primary_label, .with_frm_style .frm_hidden_container .frm_primary_label, .with_frm_style .frm_pos_top{
    color: #fff;
    font-size: 18px;
}
.with_frm_style .frm_required{
    color: var(--color-oranje);
}
.frm_text_label_for_image{
    font-family: museo;
    color: #000;
    font-size: 18px;
}
.with_frm_style .frm_radio label input[type=radio]{
    display: none !important;
}
.frm_image_options .frm_image_option_container{
    width: 200px !important;
    height: 200px;
    padding: 0px;
    border-radius: 50% !important;
    background-color: #fff;
    border-width: 0px !important;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.frm_checkbox.frm_image_option, .frm_radio.frm_image_option{
    width: 220px !important;
}
.frm_text_label_for_image {
    font-family: museo;
    color: #000;
    font-size: 16px;
    font-weight: 200;
    width: 75%;
}
 .frm_form_field .frm_radio.frm_image_option, .frm_form_field .frm_radio.frm_image_option + .frm_radio {
    margin: 0px;
}
.with_frm_style .frm_top_container .frm_primary_label{
    margin-bottom: 10px;
}
.frm_style_formidable-stijlen.with_frm_style .frm_submit button{
    font-family: museo;
    font-size: 18px;
    line-height: 1.2 !important;
    font-weight: 700;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0em;
    border-radius: 12px;
    padding: 0.7em 1.5em;
    background: var(--color-oranje);
    border-color: transparent;
    color: #fff !important;
    box-shadow: none;
}

.with_frm_style .frm_submit.frm_flex{
    margin: 0 auto;
}
.frm_required{
    display: none;
}

.mc--rondje .frm_image_options .frm_image_option_container .frm_empty_url, .mc--rondje .frm_image_options .frm_image_option_container img {
    width: 80px !important;
    height: 80px !important;
}

.mc--rondje .frm_image_options .frm_image_option_container {
	border: 0px !important;
}

.mc--rondje .frm-key-instructions,
button.button.button-primary.frm-button-primary.frm_continue_chat.frm_button_submit{
	display: none;
}

.mc--rondje fieldset,
.mc--rondje div#field_t6fre2_label{
	padding-top: 0px !important;
}

.mc--rondje .frm_disabled_arrow {
	display: none;
}

.mc--rondje .frm_primary_label {
	font-weight: 600;
	font-size: 21px !important;
	font-family: Museo !important;
}

.mc--rondje .frm_image_options .frm_image_option_container,
.mc--rondje .frm_image_options .frm_image_option_container img {
	transition: all ease .4s !important;
}

.mc--rondje .frm_image_options .frm_image_option_container:hover {
	background-color: var(--color-oranje);
	box-shadow: none !important;
	color: var(--color-wit);
}

.mc--rondje .frm_image_options .frm_image_option_container:hover span {
	color: var(--color-wit);
}

.mc--rondje .frm_image_options .frm_image_option_container:hover img{
	filter: grayscale(1) brightness(10);
}

.mc--rondje .frm_chat_arrows {
    text-align: center;
}

.mc--rondje .frm_chat_arrow {
    padding: 15px !important;
    background-color: var(--color-roze);
    border-radius: 100px;
    color: var(--color-wit);
}

.mc--rondje .frm_chat_arrow svg {
    color: var(--color-wit);
}

.mc--rondje .frm_chat_arrow:hover {
    background-color: var(--color-donker-roze) !important;
}

.mc--rondje a.frm_chat_arrow.frm_chat_next_arrow.frm_button_submit {
    background-color: var(--color-licht-groen) !important;
}


/* Evelien */
.us_custom_ba389fb6{
    font-size: 16px !important;
}
.mc--info{
    margin-left: -3em;
}
body .us_custom_93f55343 {
    color: #000 !important;
    font-size: 30px !important;
    font-family: var(--h1-font-family) !important;
    line-height: 1.2;
    font-weight: 500;
    padding-top: 1em !important;
}
 .mc--status-menu{
        min-width: 120px;
    }

/* Responsive Queries */
/* Large */
@media screen and (max-width: 1200px){
   
}
/* Medium */
@media screen and (max-width: 1024px){
    .mc--info {
        margin-left: 0em;
    }
}
/* Small */
@media screen and (max-width: 768px){
    .mc--info {
        margin-left: 0em;
    }
}
/* Extra Small */
@media screen and (max-width: 576px){

    .mc--update .post_taxonomy .w-btn span{
        font-size: 10px;
    }

    .mc--update .post_taxonomy .w-btn{
        padding: 3px 10px;
    }

    .header_hor .l-subheader-cell.at_right>* {
        margin-left: 8px;
    }
}


/* Queries */
/* Large Devices */
@media screen and (max-width: 1200px){}

/* Medium Devices */
@media screen and (max-width: 1024px){
    .mc--status-menu{
        margin-top: 0px;
    }
    header.sticky .mc--status-menu {
        margin-top: 0px;
        width: 150px;
    }
    body .layout_2644 .usg_post_title_1{
        width: 50% !important;
        font-size: 35px !important;
    }
    .frm_checkbox.frm_image_option, .frm_radio.frm_image_option {
        width: 150px !important;
        margin: 4px !important;
    }
    .frm_image_options .frm_image_option_container {
        width: 150px !important;
        height: 150px;
    }
    .frm_image_options .frm_image_option_container .frm_empty_url, .frm_image_options .frm_image_option_container img {
        width: 80px !important;
        height: 80px !important;
    }
    .frm_text_label_for_image {
        font-size: 14px;
    }
    body .us_custom_f03ee871 {
        text-align: left !important;
    }
    .mc--openingstijden-footer {
        margin: unset !important;
    }
    .openingstijden {
        text-align: left;
        margin-right: unset;
        margin-left: 0;
    }
    .openingstijden td:nth-child(odd) {
        text-align: left;
    }
    .us_custom_2d26f349 p{
        text-align: left !important;
    }
    .mc--svg-m svg {
        width: 90%;
    }
    body .us_custom_bfbab799 {
        margin-top: 0rem !important;
    }
    .mc--waar-sticker{
        left: 0em;
        top: -6em;
    }
    .winkels-template-default .owl-carousel.navpos_outside .owl-next {
        left: 93%;
    }
    .winkels-template-default .owl-carousel.navpos_outside .owl-prev {
        right: 93%;
    }
    .mc--openingstijden .wpb_column.vc_column_container.type_sticky .w-btn-wrapper{
        display: inline;
    }
    .mc--openingstijden .wpb_column.vc_column_container.type_sticky .w-btn-wrapper .us-btn-style_3{
        margin: 5px;
    }
}

/* Small Devices */
@media screen and (max-width: 768px){
    .mc--rondje .l-section-img{
        background-size: cover !important;
    }
    .frm_image_options .frm_opt_container{
        margin: 0 auto !important;
        display: flex;
        justify-content: center;
    }
    body .layout_2551 .usg_post_title_1{
        font-size: 1.3rem !important;
    }
    body .layout_2551 .usg_vwrapper_1{
        padding-left: 1rem !important;
        padding-bottom: 1rem !important;
        padding-right: 1rem;
    }
    .mc--insta h2 {
        font-size: 35px;
    }
    .mc--winkel-filter.w-filter .w-filter-item-title{
        padding: 0 10px;
    }
    .page-id-27 h1{
        font-size: 2.5rem !important;
    }
    body .layout_2945 .usg_post_title_1 {
        font-size: 1.8rem !important;
    }
    body .layout_2796 .usg_vwrapper_2{
        padding-bottom: 15px; 
    }
    .verbouwing-map-container {
        margin-top: 0rem;
    }
    body .layout_2644 .usg_post_title_1 {
        width: 70% !important;
        font-size: 30px !important;
    }
    body .layout_2644 .usg_post_image_1 {
        border-radius: 20px !important;
        min-height: 400px;
    }
    .w-grid.layout_60 .w-grid-item{
        padding: 25px !important;
    }
    .mc--rondje h3{
        margin-bottom: 1.5rem !important;
        margin-top: 1em;
        font-size: 1.9rem;
    }

    .mc--rondje .frm_image_options .frm_image_option_container .frm_empty_url, .mc--rondje .frm_image_options .frm_image_option_container img {
        width: 50px !important;
        height: 50px !important;
    }

    .mc--hero-slider {
        padding-left: 0.5rem !important;
        padding-right: 0.5rem !important;
    }


     .mc--logo-carousel-zwart .mc--logo-wrapper img {
        vertical-align: middle;
        max-height: 40px;
        max-width: 70px;
    }

    .mc--rondje {
        margin-top: 2rem;
        margin-bottom: 2rem;
    }

    .type_carousel.mc--winkel article {
        padding: 1rem 0rem 1rem 1rem !important;
    }

    .type_carousel.mc--winkel article .post_image div {
        padding-bottom: 140% !important;
    }

    .type_carousel.mc--winkel article .usg_post_title_1 {
        font-size: 1.3rem !important;
    }

    .mc--winkel-filter.w-filter.align_right .w-filter-list{
        justify-content: flex-start !important;
    }

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

    .layout_73 .usg_post_title_1 {
        margin-bottom: 5px !important;
    }

    .layout_73 .w-grid-item-h {
        border-radius: 1rem;
    }

    .mc--footer-top {
        padding: 0rem !important;
    }

    footer .mc--tagline p{
        font-size: 22px !important;
    }

    .mc--openingstijden-footer {
        max-width: 230px !important;
    }

    .winkels-template-default .post_title {
        margin-bottom: 10px;
    }

    .mc--svg-m svg {
        width: unset;
    }

    .mc--winkel-afbeelding div {
        padding-bottom: 100% !important;
    }

    .mc--openingstijden .l-section-img {
        background-position: 0px 390px !important;
        background-size: 50% !important;
    }
}

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

}
.wx-search{
    width: 275px;
    display: flex;
    justify-content: end;
    align-items: center;
    @media (max-width: 768px) {
        width: 100%;
        max-width: 100px;
    }
    .wx-search-open, .wx-search-close{
        background: transparent;
        font-size: 1.5rem;
        padding-right: 1em;
        &:hover{
            color: #A094E5;
        }
    }
    .wx-search-close-mobile{
        display: none;
        background: transparent;
        font-size: 1.7rem;
        padding-right: 1em;
        &:hover{
            color: #A094E5;
        }
    }
    .wx-search-form{
        visibility: hidden;
        opacity: 0;
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 0%;
        border-radius: 4px;
        background-color: rgba(0,0,0,0.2);
        height: 100%;
        padding-left: 1em;
        backdrop-filter: blur(5px);

        @media (max-width: 768px) {
            width: 100%;
            background-color: rgba(0,0,0,0.8);
            box-shadow: inset 0 0 10px rgba(0,0,0);
        }

        #wx-search-input{

            .wx-text{
                all: unset;
                width: 100%;
                background: transparent;
                color: white;
            }
        }
        .wx-search-close{
            height: 100%;
        }
        &.active{
            visibility: visible;
            opacity: 1;
            width: 100%;
            transition: all .3s ease-in-out;

            @media (max-width: 768px) {
                position: absolute;
                transform: translateY(115%);
                left: 0;




                form{
                    width: 100%;
                }
                .wx-search-close{
                    display: none;
                }

            }
        }
    }

}