/*
 Theme Name:   Onthewall
 Description:  Onthewall theme
 Author:       Netfire
 Author URI:   https://netfire.nl
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/
.whb-sticky-header.whb-clone .container{margin-bottom:0px;}

.woocommerce-cart .cart-content-wrapper > .cross-sells {	order: 2;}
.woocommerce-cart .cart-content-wrapper > .butterfly-sells {order: 1;}



.myparcel-delivery-options {
    position: relative;
    margin-bottom: 20px;
    padding: 25px;
    gap: 20px;
    border-radius: var(--wd-brd-radius);
    background-color: var(--bgcolor-gray-200);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.05);
}



/* NF Two columns checkout form */
@media (min-width: 460px) and (max-width: 769px),
    (min-width: 1069px) {
    .woocommerce-billing-fields__field-wrapper .form-row-wide,
    .woocommerce-billing-fields__field-wrapper .form-row-first,
    .woocommerce-billing-fields__field-wrapper .form-row-last,
    .woocommerce-shipping-fields__field-wrapper .form-row-wide,
    .woocommerce-shipping-fields__field-wrapper .form-row-first,
    .woocommerce-shipping-fields__field-wrapper .form-row-last {
        clear: both !important;
        float: none !important;
        margin-right: 0 !important;
        width:100% !important;
    }
    #nieuwsbrief_signup_field{
        display: flex;
        align-items: flex-end;
    }
    .woocommerce-billing-fields__field-wrapper>*,
    .woocommerce-shipping-fields__field-wrapper>*{
        grid-column: auto / span 2;
        width: unset;
    }
    .woocommerce-billing-fields__field-wrapper,
    .woocommerce-shipping-fields__field-wrapper{    
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 10px;
    }
}




@media (min-width: 1025px) {
    /* Startpagina menu + producten */
    .nf_home_sidebar_margin {
        width: calc(100% - 300px);
        margin-left: 300px;
    }
}

/*.container{
    margin-bottom:20px;
}
*/
/* Lazy Load */
img[data-lazyloaded]{
    opacity: 0;
}
img.litespeed-loaded{
    -webkit-transition: opacity .25s linear 0.1s;
    -moz-transition: opacity .25s linear 0.1s;
    transition: opacity .25s linear 0.1s;
    opacity: 1;
}
 
@media (min-width: 1024px) {
    .tabs-layout-accordion .wd-scroll-content{
        max-height:50vh !important;
    }
}


/*.cart-totals-inner:before,
    #order_review_heading:before{
    
    content: '⚠️ Herfstvakantie: wij verzenden tijdelijk niet t/m 16 oktober. Je kunt gewoon bestellen. We versturen je bestelling op maandag 19 oktober. Naar verwachting wordt deze dinsdag 20 oktober bezorgd.\A\A Zeker zijn van jouw favorieten? Bestel dan alvast. We reserveren de bestelde producten voor je, zodat je niet misgrijpt. Voor veel artikelen geldt: op = op.';
    white-space: pre-wrap;

    position: relative;
    color: #496171;
    border: 1px dashed #496171;
    display: block;
    background-color: #c2e7ff;
    padding: 20px;
    font-size: .9rem;
    margin-bottom: 1rem;
    font-weight:bold;
    font-style: normal;
} 
*/

/* 
.cart-totals-inner:before,
    #order_review_heading:before{
    content: 'Black friday korting t/m 8 december 2025! Gebruik de kortingscode black10 voor €10,- korting bij besteding vanaf €50,-.';
    position: relative;
    color: #496171;
    border: 1px dashed #496171;
    display: block;
    background-color: #c2e7ff;
    padding: 20px;
    font-size: .8rem;
    margin-bottom: 1rem;
    font-weight:bold;
    font-style: normal;
} */

/*Header mobile scroll top
**MOBILE VIEW**
.whb-top-bar .whb-column.whb-hidden-lg
*/
.whb-top-bar .whb-column.whb-hidden-lg{
    overflow: hidden;    
    flex-direction: column;
    align-items: center;
    height: 40px;
}
.whb-top-bar .whb-col-mobile .wd-header-secondary-nav {
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width: 100%;
    opacity: 1;
}
.whb-top-bar .whb-col-mobile .wd-header-secondary-nav ul{
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    width:100%;
}

.whb-top-bar .whb-col-mobile .wd-header-secondary-nav li {
    position: absolute;        
    display:block;
    text-align: center;
    opacity: 0;
    animation: nf_verticalScroll 24s infinite;
}

.whb-top-bar .whb-column.whb-visible-lg{
    overflow-x: scroll;
    overflow-y: hidden;
    justify-content: left;
    scrollbar-width: none; /* Firefox 64 */
    -ms-overflow-style: none; /* Internet Explorer 11 */
}
.whb-top-bar .whb-column::-webkit-scrollbar{
    display: none;
}
.whb-top-bar .whb-column:hover,
.whb-top-bar .whb-column:focus,
.whb-top-bar .whb-column:active{
    animation-play-state: paused;
}


/* mobile bar */
/* .whb-top-bar .whb-column.whb-hidden-lg ul.wd-nav-secondary{
    width:1200px;
    opacity:0;
	-webkit-animation: nf_scroller 15s infinite;
    -moz-animation: nf_scroller 15s infinite;
    animation: nf_scroller 15s infinite;    
} */
@media (max-width: 1290px) {
    /*desktop bar */
    .whb-top-bar .whb-column.whb-visible-lg ul.wd-nav-secondary{
        width:1280px;
        opacity:0;
        -webkit-animation: nf_scroller 15s infinite;
        -moz-animation: nf_scroller 15s infinite;
        animation: nf_scroller 15s infinite;    
    }
}

.whb-top-bar .whb-col-mobile .wd-header-secondary-nav li:nth-child(2) {animation-delay: 4s;}
.whb-top-bar .whb-col-mobile .wd-header-secondary-nav li:nth-child(3) {animation-delay: 8s;}
.whb-top-bar .whb-col-mobile .wd-header-secondary-nav li:nth-child(4) {animation-delay: 12s;}
.whb-top-bar .whb-col-mobile .wd-header-secondary-nav li:nth-child(5) {animation-delay: 16s;}
.whb-top-bar .whb-col-mobile .wd-header-secondary-nav li:nth-child(6) {animation-delay: 20s;}

@keyframes nf_verticalScroll {
    0% { opacity: 0; transform: translateY(20px); }
    7% { opacity: 1; transform: translateY(0); }
    18% { opacity: 1; transform: translateY(0); }
    23% { opacity: 0; transform: translateY(-20px); }
    100% { opacity: 0; transform: translateY(-20px); }
}

@keyframes nf_scroller {
    0% {transform: translate(50px);opacity:0; }
    5% { opacity:1;}
    95% {transform: translate(calc(-100% + 95vw));opacity:1;}  
    99% {opacity:0;}  
}


/* Hide megamenu in sidebar on woocommerce pages */
@media (min-width: 980px) {
    body.woocommerce-page .sidebar-container .widget-area .widget_nav_mega_menu{
        display:none !important;
    }
    body.woocommerce-page .sidebar-container .widget-area{
        /*fixed menumenu sidebar with categories*/
        margin-top:810px;
    }
}

.wd-nav-vertical .current-menu-item a{
    background-color:rgba(194,231,255,.3) !important;
}


/* visitors*/
span.wd-visits-count-msg {
    display: inline-flex;
    overflow: hidden;
    text-indent: -9999px;    
    align-items: center;
    align-content: center;
}
span.wd-visits-count-msg:before {
    content: 'bezoekers kijken momenteel';
    float: left;
    line-height: 1;
    margin: 0;
    text-indent: 0;
    color: var(--color-gray-800);
    font-weight: 600;
    font-size: var(--wd-text-font-size);
}

/* Zie ook coolblue/ bol - die tonen ook geen € -teken. Als consument dát ziet, */
/*.woocommerce-Price-currencySymbol{display:none;}*/

body.header-banner-display .website-wrapper{margin:0!important;}

.wd-preloader-img:after {
    content: '';
    background-image: url('https://onthewalldeco.com/wp-content/uploads/2020/09/logo_onthewalldeco_400_white.jpg');
    transform: translate(-50%, -140%);
    top:50%;
    left:50%;
    width: 300px;
    background-size: contain;
    background-repeat:no-repeat;
    display: block;
    height: 100px;
    position: absolute;
    z-index: 1000;
}

.mb0{margin-bottom:0px;}
/*
.whb-top-bar .woodmart-nav-link{ color:#f6f8fc !important; }
.whb-top-bar .woodmart-nav-link:hover{color:#ffffff !important;}
.whb-top-bar {   background-color: #faf8f5 !important; border-bottom:1px solid rgba(238, 238, 238, 1);}
body.home .whb-header{margin-bottom:0!important;}
*/
.whb-top-bar { border-bottom:1px solid rgba(238, 238, 238, 1);}
.whb-not-sticky-row{ padding-block:0;}
.wd-content-layout{padding-block:20px;}
body.home .wd-content-layout{padding-block:0;}

.wd-sidebar.wd-side-hidden .widget-area{padding-block-start:0!important;}
.wd-sidebar.wd-side-hidden .wd-widget{padding-inline:20px !important;}
.wd-sidebar.wd-side-hidden .wd-widget.widget_nav_mega_menu{padding-inline:0 !important;}

#menu-header-list .woodmart-nav-link i{margin-right: 5px;}


.inline{display:inline !important;}
.info-box-wrapper.inline-element{max-width:auto !important;width:100% !important;}

.woodmart-prefooter{padding-bottom:0!important;}

.site-content{margin-bottom:0 !important;}

.home_intro_text{ margin:0px auto; text-align:center;font-size:1.1rem; }
.home_intro_pos_list ul{text-align:left;display:flex;flex-direction:column;flex-wrap:wrap;list-style:none;padding-left:0;}
.home_intro_pos_list ul li{margin:0px 10px 0px 0px;}
.home_intro_pos_list ul li a{color:#4D93D1;font-weight:600;}
/* .home_intro_pos_list li:before{
		font-size:1rem;
		color:#16e449;
		content:"\f107";
		font-family:woodmart-font !important;
		font-weight:900!important;
		margin-right:5px;
}
.home_intro_photo_list ul li a{color:#e30d0b;}
.home_intro_photo_list li:before{
		content:"\f150";
		color:#e30d0b;
} */


p.stock.in-stock:before{
	color:#16e449 !important;
}
.woocommerce-message{
	color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb;
}
.woocommerce-message a,
	.woocommerce-message a:hover{
	color: #155724;
 }
.woocommerce-error{
	color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb;
}
.woocommerce-error .amount{color:#721c24;}
.woocommerce-info{
	color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;	
}
.woocommerce-info .amount{color:#856404;}
.woocommerce-info .amount ~ a{color:#856404;}

.woocommerce-error>*, .woocommerce-info>*, .woocommerce-message>*, .yith_ywraq_add_item_product_message>*, div.wpcf7-response-output>*{
    margin:0px 5px;
}

.woocommerce-error>*{margin:0;}
.woocommerce-error, .woocommerce-info{width:100%;}
.woocommerce-error:before{
	content: "\f50d";
}


.woocommerce-store-notice a{color:#fff;text-decoration:underline;}

.product-label.out-of-stock{
    border:1px solid #ff0000;
    font-size:11px;
    font-weight:normal;
    color:#B50808;
    word-break: normal;
    max-width: 100px !important;
    display: flex;
    width: 100% !important;
    min-width: 100% !important;
    text-indent: -9999px;
    justify-content: center;
}
.product-label.out-of-stock:after { 
    min-width:100px !important;
    content: 'Momenteel uitverkocht. ';
    text-indent: 0;
}

.product-label.onsale{        
    word-break: normal;
    max-width: 100px !important;
    display: flex;
    width: 100% !important;
    min-width: 100% !important;
    text-indent: -9999px;
    justify-content: center;
}
.product-label.onsale:after { 
    min-width:100px !important;
    content: 'Aanbieding ';
    text-indent: 0;
}


/* .post-7067.outofstock .out-of-stock span{display:none;}
.post-7067.outofstock .out-of-stock{    
    color:#B50808;
    word-break: normal;
    max-width: 100px !important;
    display: flex;
    width: 100% !important;
    min-width: 100% !important;
    text-indent: -9999px;
    justify-content: center;
}
.post-7067.outofstock .out-of-stock:after { 
    min-width:100px !important;
    content: 'Uitverkocht. Maar wordt weer verwacht! ';
    text-indent: 0;
} */



/*

.product-label.out-of-stock{
    border:1px solid #ff0000;
    word-break:normal;
    max-width:100px !important;
    width:100% !important;
    height:100px;
    border-radius:50%;
    font-size:11px;
    font-weight:normal;
    text-indent:-9999px;
}

.product-label.out-of-stock:after { 
    content: 'Helaas, niet op voorraad! ';
    text-indent: 0;
}
.post-1512 .available-on-backorder:after,
.post-1503 .available-on-backorder:after,
.post-1443 .available-on-backorder:after,
.post-1502 .available-on-backorder:after,
.backorder_notification:after{
    text-indent:0;
    display:block;
    content:'Dit artikel is momenteel niet op voorraad, maar wél te reserveren/ bestellen. Zodra de producten bij ons binnen zijn, versturen wij ze. Dit geldt dan voor de gehele bestelling ivm de verzendkosten.';    
}
*/


/*
.post-1313 .home_intro_pos_list:after{
    content:'Nu tijdelijk 15% éxtra korting op deze prachtige zon met kortingscode: herfstotw . De actie loopt t/m zondag 27 september.';
    display:inline-block;
    margin:30px 0px;
    border:1px solid red;
    padding:3px;
    pointer-events:all;
    -webkit-user-select: all; 
    -moz-user-select: all; 
    user-select: all;
}
.post-1314 .home_intro_pos_list:after{
    content:'Nu tijdelijk 15% éxtra korting op deze liefdevolle kat met kortingscode: herfstotw . De actie loopt t/m zondag 27 september.';
    display:inline-block;
    margin:30px 0px;  
    border:1px solid red;
    padding:3px;
    pointer-events:all;
    -webkit-user-select: all; 
    -moz-user-select: all; 
    user-select: all;
}
*/


/*
.entry-summary .woocommerce-Price-amount.amount:before{
	content: '\2713  Snel in huis! 1-2 werkdag(en)!';
    display: inline-block;
    max-width:200px;
    color: #009302;
    font-size: 11px;
    margin: -3px 0px 0px 18px;
    padding: 3px;
    background-color: #f4fff6;
    border: 1px solid #088104;
    border-radius:3px;
    float:right;
}
.entry-summary del .woocommerce-Price-amount.amount:before,
.product-btn .woocommerce-Price-amount.amount:before
{
	display:none;
}


.entry-summary .woocommerce-Price-amount.amount:after{
	content: '\2713  LET OP!
Nu tijdelijk 15% éxtra korting op deze prachtige zon met kortingscode: herfstotw
De actie loopt t/m zondag 27 september. ';
    display: inline-block;
    max-width:150px;
    color: #009302;
    font-size: 11px;
    margin: -3px 0px 0px 18px;
    padding: 3px;
    background-color: #f4fff6;
    border: 1px solid #088104;
    border-radius:3px;
    float:right;
}
.entry-summary del .woocommerce-Price-amount.amount:after,
.product-btn .woocommerce-Price-amount.amount:after{
	display:none;
}
*/



.menu-item-account,
	.wd-header-my-account{
	display:none !important;
}

/* Hide sidebar account menu option */
.site-mobile-menu .my-account-with-text.login-side-opener.menu-item-register{
	display:none;
}
/*hide my account sidebar from wishlist page*/
/* .woodmart-my-account-sidebar {
    flex: 1 0 25%;
    max-width: 25%;
    width: 25%;
    border-right: 1px solid;
    display: none;
}
.woocommerce-MyAccount-content {
    flex: 1 0 100%;
    max-width: 100%;
    width: 100%;
} */

.woodmart-after-add-to-cart{
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 0 solid transparent;
    border-radius: 12px;
}

.product_custom_meta,
.fee{
    font-weight: normal;
    line-height: 1;
    padding: 1rem .5rem;
    margin-bottom: 1rem;
    padding: 20px;
    font-size: .8rem;
    color: #496171 !important;
    border-left: 5px solid #e94049 !important;
    background-color: rgb(255 255 255) !important;
    outline: 1px solid #e94049 !important;
    margin-bottom: 1rem;
    font-style: normal;
}

.product_custom_meta{
    width: 100%;
    display: block;
}
.fee :is(td,th):first-child{    padding-inline-start: 5px!important;}
.fee :is(td,th):last-child{     padding-inline-end: 5px!important;}

.nf-freeshipping-progress-bar {
  border-radius: 60px;
  overflow: hidden;
  width: 100%;
}
.nf-freeshipping-progress-bar span {
  display: block;
}

.nf-freeshipping-bar {
  background: rgba(0, 0, 0, 0.075);
}

.nf-freeshipping-progress {
    --v:var(--p);
  background: #75b800;
  color: #fff;
  padding: 5px;
  width: var(--v);
}

.nf-freeshipping-progress-bar {
  position: relative;
  margin: 10px 0px;
    max-width: 350px;
    width: 100%;

}

.nf-freeshipping-wrapper{
    border-radius: 5px;
    border: 1px solid #eee;
    padding: 10px;
    max-width: 350px;
    width: 100%;
    margin: 0px auto 20px auto;
    text-align: center;
}
    










/* Laposta */
.form-iah3mx8igx {}

.form-iah3mx8igx label {
        display: block;
        padding: .4em 0 .1em 0;
}

.form-iah3mx8igx fieldset {
	border: 0;
}

.form-iah3mx8igx fieldset label {
        display: inline;
        padding: 0 0 0 .1em;
}

.form-iah3mx8igx input[type=text], .form-iah3mx8igx input[type=email], .form-iah3mx8igx input[type=number] {
}

.form-iah3mx8igx button[type=submit] {
	margin-top: 1em;
}

/* client side validation */
.form-iah3mx8igx input:invalid {
	border: 2px dashed red;
}

.form-iah3mx8igx input:invalid:required {
        border: 2px solid #ccc;
}

.form-iah3mx8igx input:valid {
        border: 2px solid #ccc;
}


.nf_icon_grid_wrapper{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 30px;    
    align-items: start;
    justify-items: stretch;
}
@media only screen and (max-width: 900px) {
    .nf_icon_grid_wrapper{
        grid-template-columns: auto;
    }
}

.nf_icon_grid{
	padding: 0px;
	margin: 0px 0px 20px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;	    
    border: 1px solid #cccccc;
    background-color:#f9f9f9;
    border-radius:8px;
    padding: 10px;
    max-width: 300px; 
    cursor:pointer;   
    transition: 250ms ease all;
}
.nf_icon_grid:hover{
    background-color:#f1f1f1;
    border-color:#ddd;
}
.nf_icon{
    min-width:75px;
    width:auto;
}
.nf_icon .fa{
    font-size:50px;
}
.nf_text a{
    color:#111;
    font-size:1.5rem;
}



.nf_icon_grid_whatsapp,
.nf_icon_grid_whatsapp a,
.nf_icon_grid_whatsapp:hover,
.nf_icon_grid_whatsapp:hover a{
    background-color:#26d367;
    color:#fff;
}

.nf_icon_grid_facebook,
.nf_icon_grid_facebook a,
.nf_icon_grid_facebook:hover,
.nf_icon_grid_facebook:hover a{
    background-color:#0866ff;
    color:#fff;
}



@media only screen and (max-width: 800px) {
	.nfgrid-eq-height,
		.nfgrid_eq_height{
			display: inherit;
	}
}