/*---------------------------------------------------------------------------------

 Theme Name:   The Music Space
 Theme URI:    https://themusicspace.nl
 Description:  Child theme of divi
 Author:       Creapolis
 Author URI:   https://creapolis.nl/
 Template:     Divi
 Version:      1.0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/


/*********************************
 * Text selection */
::-moz-selection {  color: #fff;background-color:rgba(224,43,32,1);}
::selection {       color: #fff;background-color:rgba(224,43,32,1);}


.et-social-youtube a.icon:before { content: '\e0a3'; }

.et_secondary_nav_enabled #page-container #top-header { background-color: #111111 !important;}
/*********************************
 *  Preloader */
.nf_preloader_wrapper:before{
    z-index:-1;
    position:fixed;
    content:'';
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    background-color:#00c0c0;
    background-color:rgba(0,0,0,.99);    
}
.nf_preloader_wrapper{
    z-index:9;
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    width:100%;
    height:100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nf_preloader {
    position:relative;
    display: flex;
    flex-direction: row;      
    justify-content: space-between;
    align-items: flex-end;
    width: 220px; /*90*/
    height: 360px; /*120*/
}
.nf_preloader > .nf_preloader_bar{
    
}

.nf_preloader > .nf_preloader_bar1,
.nf_preloader > .nf_preloader_bar3 {
    width: 51px; /*17*/
    height: 240px; /*80*/         
}
.nf_preloader > .nf_preloader_bar2 {
    width: 51px; /*17*/
    height: 120px; /*40*/
}       
.nf_preloader_bar1 {
    animation: nf_preloader_bar-anim 1000ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 0s infinite;
}

.nf_preloader_bar2 {
    animation: nf_preloader_bar-anim2 1200ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 200ms infinite;
}

.nf_preloader_bar3 {
    animation: nf_preloader_bar-anim 1400ms cubic-bezier(0.445, 0.05, 0.55, 0.95) 400ms infinite;
}

@keyframes nf_preloader_bar-anim {
    0% {
        height: 240px; /*80*/
        background-color: rgb(255, 255, 255);
    }
    20% {
        height: 240px; /*80*/
    }
    40% {
        height: 360px;/*80*/
        background-color: rgba(255, 255, 255, .7);
    }
    80% {
        height: 240px;/*80*/
    }
    100% {
        height: 240px;/*80*/
        background-color: rgb(255, 255, 255);
    }
}

@keyframes nf_preloader_bar-anim2 {
    0% {
        height: 120px; /*40*/
        background-color: rgb(255, 255, 255);
    }
    20% {
        height: 120px;/*40*/
    }
    40% {
        height: 240px;/*80*/
        background-color: rgba(255, 255, 255, .6);
    }
    80% {
        height: 120px;/*40*/
    }
    100% {
        height: 120px;/*40*/
        background-color: rgb(255, 255, 255);
    }
}      



/************************
* Menu -> winkelwagen only on mobile! */
@media (min-width: 900px){
    #top-menu-nav li.page-item-157{        
        display:none;
    }
}



/***********************
* Hero slider text animations + svg*/

.et_pb_slide_title{
    opacity:0;
    transform: translateY(-50px);
    -webkit-animation: nf_fadeIn ease 500ms 1 normal forwards;
    animation: nf_fadeIn ease 500ms 1 normal forwards;
    -webkit-animation-delay: 350ms;
    animation-delay: 350ms;
}
.et_pb_slide_content{
    opacity:0;
    -webkit-animation: nf_fadeIn ease 500ms 1 normal forwards;
    animation: nf_fadeIn ease 500ms  1 normal forwards;
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
}
.et_pb_slide_content span:not(.header_svg_anim){    
    opacity:0;    
    -webkit-animation: nf_fadeIn ease 350ms 1 normal forwards;
    animation: nf_fadeIn ease 350ms  1 normal forwards;
    -webkit-animation-delay: 1500ms;
    animation-delay: 1500ms;
}

.et_pb_button_wrapper{
    transform: translateY(-15px);
    opacity:0;
    -webkit-animation: nf_fadeIn ease 350ms 1 normal forwards;
    animation: nf_fadeIn ease 350ms 1 normal forwards;
    -webkit-animation-delay: 2500ms;
    animation-delay: 2500ms;
}

@keyframes nf_fadeIn{
    0% {    opacity:0;}    
    100% {  transform:translateY(0);opacity:1;}
}


.header_svg_anim,
.text_svg_anim{
    position:relative;
    display: -webkit-flex; /* Safari */  
    display: flex;
    -webkit-align-items: center; /* Safari 7.0+ */
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;    
    width:100%;
    height:0px;
}
.header_svg_anim svg,
.text_svg_anim svg{
    position:absolute;    
    top:-50%;
    transform:translateY(-90%);
    max-width:900px;    
    height:80px; 
    width:90%;
    overflow: visible;
    color:#fff;    
    filter: drop-shadow(0.08em 0.08em 0.08em rgba(0,0,0,0.4));

}
.header_svg_anim svg path,
.et_had_animation .text_svg_anim svg path{
    position:relative;
    stroke-width: 15px;
    stroke: #ffffff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 1500;
    stroke-dashoffset: 1500;
    -webkit-animation: nf_slider_highlight ease 6s 1 normal forwards;
    animation: nf_slider_highlight ease 6s  1 normal forwards;
    -webkit-animation-delay: 750ms;
    animation-delay: 750ms;
    fill: none;
}
.et_had_animation .text_svg_anim svg path{
    -webkit-animation-delay: 250ms;
    animation-delay: 250ms;
}

@keyframes nf_slider_highlight{
    0% {    stroke-dashoffset: 1500;}
    15% {   stroke-dashoffset: 0;}
    85% {   opacity: 1;}
    100% {  stroke-dashoffset: 0;opacity: 1;}
}






/***********************
 * Title bg anim */
.title-anim-bg,
.blok_huisregels .et_pb_module_header{
    position:relative;
    overflow:hidden;
}

body:not(.et-fb) .title-anim-bg span,
body:not(.et-fb) .blok_huisregels .et_pb_module_header span{    
    opacity:0;  
}
.et_had_animation .title-anim-bg span,
.et_had_animation .blok_huisregels .et_pb_module_header span{
    animation-fill-mode: backwards;
    animation: nf_fadeIn 350ms 500ms forwards;    
}

.title-anim-bg:after,
.blok_huisregels .et_pb_module_header:after{
    position: absolute;
    content: '';
    left: 0;
    top: 0;
    right:0;
    bottom:0;
    width:0%;
    height: 100%;
    background: #000000;      
}
.et_had_animation .title-anim-bg:after,
.et_had_animation .blok_huisregels .et_pb_module_header:after{
    transform: translateX(-100%);    
    -webkit-animation: nf_slide 1000ms ease;
    animation: nf_slide 1000ms ease;
}

@keyframes nf_slide {
    0% {    width: 0;}
  30% {     width: 100%;}
  60%{      width: 100%;transform: translateX(0);}
  100%{     width: 100%;transform: translateX(100%);}
}






/***********************
 *  Transparent menu home op de slider */

body.home #page-container {
    padding-top: 0px !important;
    margin-top: 20px !important;
}
body.home #main-header{    background-color:transparent !important;}
body.home #main-header.et-fixed-header{ background-color:#000 !important; }
body.home .mobile_menu_bar:before, 
body.home .mobile_menu_bar:after, 
body.home #top-menu li.current-menu-ancestor>a, 
body.home #top-menu li.current-menu-item>a {
    color: #fff;
}
body.home #main-header:not(.et-fixed-header){
    box-shadow:none;
    -webkit-box-shadow:none;
}
.et_mobile_menu{
    border-top-color:#fff;
}



/***********************
 * Shop edits divi/woocommerce*/
.et_pb_widget_area_left{
    border-right:0 !important;
}
/* @media (min-width: 981px){
    #main-content .et_pb_shop .woocommerce.columns-3:before{
        content: "";
        position: absolute;
        top: 0;
        right:-15px;
        height: 100%;
        width: 1px;
        background-color: #e2e2e2;
    }
} */




/***********************
*   wp_footer notification above search date */

#nf_footer_fxd_notification{
    position:fixed;
    bottom:30px;
    right:20px;
    width:100%;
    max-width:280px;
    min-width:100px;   
    z-index:9999;
    border-radius:8px;
    box-shadow: 5px 5px 15px rgba(0,0,0,.1), -2px -2px 10px rgba(0,0,0,.05);  
    background-color:#fff;
    transition: 300ms ease all;
    transform:translateY(-60px);
    opacity:1;    
    padding:20px;
}
#nf_footer_fxd_notification_heading{
    font-weight:bold;
    border-bottom:1px solid #111;
    margin-bottom:5px;
    padding-bottom:5px;
}
#nf_footer_fxd_notification_heading .floatright{float:right;}

/***********************
*   wp_footer store search date footer */

.nf_store_search_date_footer select, .nf_store_search_date_footer input{
    border-radius:6px;
    padding:8px;
    width:100%;
}

.nf_store_search_date_footer_data{ 
    position:fixed;
    bottom:20px;
    right:20px;
    width:100%;
    max-width:280px;
    min-width:100px;   
    z-index:99998;
    border-radius:8px;
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;    
    box-shadow: 5px 5px 15px rgba(0,0,0,.1), -2px -2px 10px rgba(0,0,0,.05);  
    background-color:#fff;
    transition: 300ms ease all;
    transform:translateY(-30px);
    opacity:1;
}
.nf_store_search_date_footer_data_title{
    font-size:16px;
    color:#ffffff;
}
.nf_store_search_date_footer_data form{
    background-color:#f1f1f1;
    padding:10px;
}

.nf_store_search_date_footer_closed .nf_store_search_date_footer_data{    
    transform:translateY(100%);  
    opacity:0;
}

.nf_store_search_date_footer_item{
    z-index:99999;
    position:fixed;
    bottom:20px;
    right:20px;
    width:100%;
    max-width:280px;
    min-width:100px; 
    display:flex;
    border-radius:6px;
    box-sizing:border-box;
    background-color:#fff;
    box-shadow: 5px 5px 15px rgba(0,0,0,.1), -2px -2px 10px rgba(0,0,0,.05);    
}
.nf_store_search_date_footer_item_logo{
    display:inline-block;
    padding:5px;
    margin:0px 10px 0px 5px;
    filter: invert(1);
    width:40px;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:contain;
}
.nf_store_search_date_footer_data_header{
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    background-color:#0a0000;
    padding:10px 20px;
}

.nf_store_search_date_footer_item_x{
    position:absolute;
    top:10px;
    right:5px;
    width:22px;
    height:22px;
    display:flex;
    justify-content: center;
    align-items:center;
    text-align:center;
    border-radius:100%;
    background-color:#32373c;
    color:#0a0000;
    font-weight:bold;
    transition:300ms ease all;
}
.nf_store_search_date_footer_item_x:hover{
    background-color:#666666;
}
.nf_store_search_date_footer_item_toggle{
    color:#0A0000;
    box-sizing:border-box;
    display:block;
    padding:10px 30px;
    width:100%;
    border-radius:12px;
    border-top-left-radius:0px;
    border-bottom-left-radius:0px;
    text-transform: uppercase;    
    transition: 300ms ease all;
}

.nf_store_search_date_footer_item_toggle:hover{
    background-color:#f1f1f1;
}
.nf_store_search_date_footer_form_row{
    padding:4px 4px 4px 8px;
    background-color:#ccc;
    border-radius:6px;
}
.nf_store_search_date_footer_form_row label{
    width:100%;
    display:flex;
    align-items: center;
    justify-content: space-between;
}
.nf_store_search_date_footer_form_row label span{
    font-size:12px;
    color:#111;
    font-style: italic;
}

.nf_store_search_date_footer_form_submit{
    cursor:pointer;
    width:100%;
    text-align:center;
    transition:300ms ease all;
    background-color: #32373c;
    border-width: 0;
    color: #fff;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    padding: calc(0.667em + 2px) calc(1.333em + 2px);
    text-decoration: none    
}
.nf_store_search_date_footer_form_submit:hover{
    background-color:#0A0000 !important;
}
.nf_store_search_date_footer_append_text{
    padding:20px;
    margin-bottom:20px;
}

.nf_store_search_date_footer_wrapper{
    background-color:rgba(0,0,0,.9);
}

.nf_store_search_date_footer h1{
    color:#fff;
    font-size:20px;
}
.nf_store_search_date_footer_form_row{
    margin-bottom:5px;
}
.nf_store_search_date_footer_form_row label span{
    width:60px;
    display:inline-block;
}






/***********************
* topbar store  */
 .nf_store_topbar_wrapper {
        margin-bottom: 20px;
    }

    /* Mobile Toggle */
    .nf_store_mobile_toggle {
        display: none; /* Hidden on desktop by default */
        background: #f5f5f5;
        padding: 15px;
        border-radius: 8px;
        font-weight: 600;
        cursor: pointer;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 10px;
        border: 1px solid #e0e0e0;
    }
    
    .nf_store_mobile_toggle .toggle-icon {
        font-size: 12px;
        transition: transform 0.3s;
    }

    .nf_store_mobile_toggle.active .toggle-icon {
        transform: rotate(180deg);
    }

    .nf_store_topbar_search form {
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
        background: #fff;
        padding: 20px;
        border-radius: 8px;
        box-shadow: 0 2px 10px rgba(0,0,0,0.05);
        align-items: end;
        transition: all 0.3s ease;
    }

    /* Hide form on mobile when closed */
    .nf_store_topbar_search form.nf-collapsed {
        display: none;
    }

    .nf_store_filter_item {
        display: flex;
        flex-direction: column;
        gap: 6px;
    }

    .nf_store_filter_item label, 
    .nf_store_filter_item .nf_filter_label {
        font-weight: 600;
        font-size: 12px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        color: #555;
    }

    .nf_store_filter_item select,
    .nf_store_filter_item input[type="date"] {
        width: 100%;
        padding: 8px 12px;
        border: 1px solid #ddd;
        border-radius: 4px;
        font-size: 14px;
        background-color: #fafafa;
        height: 40px;
    }

    /* Faciliteiten */
    .nf_store_filter_item.nf_facilities {
        border-top: 1px solid #f0f0f0;
        padding-top: 15px;
        margin-top: 5px;
    }
    .nf_store_filter_item.nf_location {
        border-top: 1px solid #f0f0f0;
        padding-top: 15px;
        margin-top: 5px;
    }


    .nf_store_checkbox_group {
        display: flex;
        gap: 15px;
        flex-wrap: wrap;
    }

    .nf_store_checkbox_label {
        display: flex;
        align-items: center;
        gap: 6px;
        font-size: 13px;
        cursor: pointer;
        margin: 0;
    }

    .nf_store_topbar_search_form_submit {
        background: #000;
        color: #fff;
        padding: 0 25px;
        border: none;
        border-radius: 4px;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 13px;
        letter-spacing: 0.5px;
        width: 100%;
        height: 40px;
        transition: background 0.2s;
    }

    .nf_store_topbar_search_form_submit:hover {
        background: #333;
    }
    
    /* Desktop & Tablet Layout */
    @media (max-width: 767px) {
        .nf_store_mobile_toggle {
            display: flex;
        }
    }

    @media (min-width: 768px) {
        .nf_store_topbar_search form {
            /* 5 columns layout for sorting */
            grid-template-columns: repeat(5, 1fr); 
            gap: 10px;
            padding: 25px;
        }

        /* Show form always on desktop */
        .nf_store_topbar_search form.nf-collapsed {
            display: grid !important;
        }

        /* Datum, Tijd, Duur, Grootte nemen elk 1 kolom in (rij 1) */
        
        /* Faciliteiten neemt 3 kolommen in (rij 2) */
        .nf_store_filter_item.nf_facilities {
            grid-column: span 3;
            border-top: 0;
            padding-top: 0;
            margin-top: 0;
            flex-direction: row;
            align-items: center;
            gap: 15px;
        }
        
        .nf_store_filter_item.nf_facilities .nf_filter_label {
            margin-right: 10px;
            white-space: nowrap;
            min-width: 80px;
        }

        .nf_store_filter_item.nf_facilities .nf_store_checkbox_group {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            align-items: center;
        }

        /* Locatie neemt 3 kolommen in (rij 3) */
        .nf_store_filter_item.nf_location {
            grid-column: span 3;
            border-top: 0;
            padding-top: 0;
            margin-top: 0;
            flex-direction: row;
            align-items: center;
            gap: 15px;
        }

        .nf_store_filter_item.nf_location .nf_filter_label {
            margin-right: 10px;
            white-space: nowrap;
            min-width: 80px;
        }

        .nf_store_filter_item.nf_location .nf_store_checkbox_group {
            display: flex;
            gap: 20px;
            flex-wrap: wrap;
            align-items: center;
        }

        /* Submit knop neemt 1 kolom in (rij 2-3, rechts) */
        .nf_store_submit_wrapper {
            grid-column: 5 / 6;
            grid-row: 2 / 4;
            padding-left: 15px;
            padding-top: 15px;
            display: flex;
            align-items: flex-start;
        }
    }

    /* Active Filters Footer */
    .nf_store_topbar_footer {
        background-color:transparent;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
        padding-top: 15px;        
        align-items: center;
        font-size: 13px;
    }

    .nf_store_active_filters_label {
        font-weight: 600;
        margin-right: 5px;
        color: #555;
    }

    .nf_store_filter_chip {
        background: #f5f5f5;
        border: 1px solid #e0e0e0;
        padding: 5px 12px;
        border-radius: 20px;
        display: inline-flex;
        align-items: center;
        gap: 8px;
        font-size: 13px;
        color: #333;
    }

    .nf_store_remove_filter {
        color: #dc3545; /* Red color */
        text-decoration: none;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 16px;
        height: 16px;
        border-radius: 50%;
        font-weight: bold;
        line-height: 1;
        transition: background-color 0.2s;
    }

    .nf_store_remove_filter:hover {
        background-color: rgba(220, 53, 69, 0.1);
        color: #bd2130;
    }
    
    .nf_store_remove_filter svg {
        width: 10px;
        height: 10px;
        fill: currentColor;
    }




.wc-bookings-date-picker-timezone-block{
    display:none;
}





/* inputfield padding */
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single,
.wp-block-search__input.has-small-font-size{
    padding:8px;
    border-radius:6px;
}

/* search field shop page */
.wp-block-search__input{
    border:1px solid #ccc;
}
/* search button */
.wp-block-search__button{
    line-height:1;
    border-radius:6px;
}
.woocommerce a.button.alt, .woocommerce-page a.button.alt, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce input.button.alt, .woocommerce-page input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce-page #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page #content input.button.alt, .woocommerce a.button, .woocommerce-page a.button, .woocommerce button.button, .woocommerce-page button.button, .woocommerce input.button, .woocommerce-page input.button, .woocommerce #respond input#submit, .woocommerce-page #respond input#submit, .woocommerce #content input.button, .woocommerce-page #content input.button, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled]{
    line-height:1;
    border-radius:6px !important;
    font-size:14px;
    color:#fff !important;
    padding: 0.3em 1em 0.3em 1em;
    border:0 !important;
    background-color:#b82327 !important;
}

body .et_pb_button:hover, .woocommerce a.button.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce #content input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce a.button:hover, .woocommerce-page a.button:hover, .woocommerce button.button:hover, .woocommerce-page button.button:hover, .woocommerce input.button:hover, .woocommerce-page input.button:hover, .woocommerce #respond input#submit:hover, .woocommerce-page #respond input#submit:hover, .woocommerce #content input.button:hover, .woocommerce-page #content input.button:hover, .woocommerce button.button:disabled:hover, .woocommerce button.button:disabled[disabled]:hover{
    /*
    line-height:1  !important;
    border-radius:6px  !important;
    font-size:14px  !important;
    color:#fff  !important;
    padding: 0.3em 2em 0.3em 1em;
    */
    padding: 0.3em 2em 0.3em 1em !important;
    border:0  !important;
}
.woocommerce a.button.alt:after, .woocommerce-page a.button.alt:after, .woocommerce button.button.alt:after, .woocommerce-page button.button.alt:after, .woocommerce input.button.alt:after, .woocommerce-page input.button.alt:after, .woocommerce #respond input#submit.alt:after, .woocommerce-page #respond input#submit.alt:after, .woocommerce #content input.button.alt:after, .woocommerce-page #content input.button.alt:after, .woocommerce a.button:after, .woocommerce-page a.button:after, .woocommerce button.button:not(.button-confirm):after, .woocommerce-page button.button:not(.button-confirm):after, .woocommerce input.button:after, .woocommerce-page input.button:after, .woocommerce #respond input#submit:after, .woocommerce-page #respond input#submit:after, .woocommerce #content input.button:after, .woocommerce-page #content input.button:after, .woocommerce a.button:before, .woocommerce-page a.button:before, .woocommerce button.button:before, .woocommerce-page button.button:before, .woocommerce input.button:before, .woocommerce-page input.button:before, .woocommerce #respond input#submit:before, .woocommerce-page #respond input#submit:before, .woocommerce #content input.button:before, .woocommerce-page #content input.button:before{
    font-size:24px;
}



/* Winkelwagen pagina */
body.woocommerce-cart .woocommerce{
    display: flex;
    column-gap: 30px;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

body.woocommerce-cart .woocommerce .woocommerce-notices-wrapper{
    display:inline-block;
    width:100%;
}

body.woocommerce-cart .woocommerce .cart-collaterals, 
body.woocommerce-cart .woocommerce-page .cart-collaterals,
body.woocommerce-cart .woocommerce .cart-collaterals .cart_totals, 
body.woocommerce-cart .woocommerce .woocommerce-page .cart-collaterals .cart_totals{ 
    float:none;
    width:auto;
}

body.woocommerce-cart .woocommerce .woocommerce-cart-form{float:none;width:calc(60% - 30px);}
body.woocommerce-cart .woocommerce .cart-collaterals{
    float:none;
    width:40%;
    padding: 20px;
    border: 2px solid #eee;
    border-radius: 6px;
    box-sizing: border-box;
}

@media (max-width: 981px){
    body.woocommerce-cart .woocommerce .woocommerce-cart-form,
    body.woocommerce-cart .woocommerce .cart_totals,
    body.woocommerce-cart .woocommerce .cart-collaterals{
        width:100%;
    }
}



/* Afreken pagina */
body.woocommerce-checkout form.woocommerce-checkout{
    display: flex;
    column-gap: 30px;
    align-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media (min-width: 992px){
    body.woocommerce-checkout .entry-content #order_review_heading {
        position: absolute;
        left: calc(50% + 30px);
    }

    body.woocommerce-checkout form.woocommerce-checkout .col2-set{width:50%;}
    body.woocommerce-checkout form.woocommerce-checkout .col2-set .col-1,
    body.woocommerce-checkout form.woocommerce-checkout .col2-set .col-2{    
        float:none;
        width:100%;
    }
    body.woocommerce-checkout .entry-content #order_review {
        width: 44%;
        float: left;
        box-sizing: border-box;
        margin-top: 40px;
        padding: 0;      
    }
}






/* Added in wp-admin divi -> theme options -> custom css */
.woocommerce-message, .woocommerce-error, .woocommerce-info{    padding:12px !important;font-size:14px !important;}
.woocommerce-message{   background-color:#fff !important;color:#000!important;border:1px solid #de8517 !important;}
.woocommerce-error{     background-color:#b82327 !important;}
.woocommerce-info{      background-color:#fff !important;color:#000!important;border:1px solid #c1584c !important;}
.woocommerce-info a, .woocommerce-message a{color:#e02b20;}


body.woocommerce-checkout #main-content .container:before,
body.woocommerce-cart #main-content .container:before{    
    display:none;
}
body.woocommerce-checkout .et_right_sidebar #left-area,
body.woocommerce-cart .et_right_sidebar #left-area{padding:inherit; width:100%;}

@media (min-width: 981px){
body.woocommerce-checkout.et_right_sidebar #left-area,
body.woocommerce-cart.et_right_sidebar #left-area{
    float: none !important;
    padding-right: inherit !important;
}
body.woocommerce-checkout #left-area,
body.woocommerce-cart #left-area{
    width: 100%!important;
    padding-bottom:inherit !important;
}
}


/*********************************
 *  My Account */
.woocommerce-MyAccount-navigation ul{

}
.woocommerce-MyAccount-navigation-link{
    list-style:none;
    margin-bottom:10px;
    width:100%;
}

.woocommerce-MyAccount-navigation-link a{
    transition:300ms ease all;
    display:block;
    border:1px solid #eee;
    border-top:0;
    padding:6px 12px;
    width:100%;
    border-radius:3px;
}
.woocommerce-MyAccount-navigation-link a:first-child{
    border-top:1px solid #eee;
}

.woocommerce-MyAccount-navigation-link a:hover{
    background-color:#f9f9f9;
}

.woocommerce-MyAccount-navigation-link.is-active a{
    background-color:#f1f1f1;
}






/***********************
 *  nf-swiper */
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 30px;
    font-weight:500;
    color: #fff;
}

.nf-swiper-brands .swiper-slide{
    text-align:center;
}
.nf-swiper-brands .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    max-height:150px;
    object-fit: cover;
    transform:scale(1);
    transition:ease 250ms all;
}
.nf-swiper-brands .swiper-slide img:hover{
    max-height:300px;
    transform:scale(1.25);
    z-index:99;
}

.nf-swiper-brands .swiper-wrapper {
    transition-timing-function: linear !important;
}




.image-hover-anim img{
    transition:ease all 350ms;
    transform:scale(1.1) translate(-20px,10px);    
}
.image-hover-anim:hover img{
    transform:scale(1) translate(0,0);
}

.image-hover-anim .et_pb_image_wrap{overflow:hidden;}


/***********************
 * Stars */
 .nf_stars{
    display:flex;
}
.nf_star{
    display:block;
    color: #fac917; /*ff9900*/
    font-size: 40px;
}
.nf_star:after{
    display: inline-block;
    font-family: initial;
    font-weight: 400;
    font-style: normal;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    -webkit-font-smoothing: antialiased;
    -webkit-font-feature-settings: normal;
    font-feature-settings: normal;
    speak: none;    
    content: '\2606';
}
.nf_star_100:after{
    content: '\2605';
}