@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: "woodmart-font";
	src: url("//www.lil-bobs.nl/wp-content/themes/woodmart/fonts/woodmart-font-1-400.woff2?v=7.2.4") format("woff2");
}

:is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg, :is(.shop-content-area.wd-builder-off,.wd-wishlist-content,.related-and-upsells,.cart-collaterals,.wd-shop-product) .wd-products-with-bg .product-grid-item{
	--wd-prod-bg:rgba(15,15,15,0.05); --wd-bordered-bg:rgba(15,15,15,0.05);
}

.wd-popup.wd-promo-popup{
	background-color:#111111;
	background-image: url(https://www.lil-bobs.nl/wp-content/uploads/2024/05/Schermafbeelding-2024-05-23-om-19.33.19.png);
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}

.page-title-default{
	background-color:rgb(249,249,249);
	background-image: none;
	background-size:cover;
	background-position:center center;
}

.footer-container{
	background-color:rgb(130,56,48);
	background-image: none;
}

:root{
--wd-text-font:"Karla", Arial, Helvetica, sans-serif;
--wd-text-font-weight:400;
--wd-text-color:#777777;
--wd-text-font-size:14px;
}
:root{
--wd-title-font:"Lora", Arial, Helvetica, sans-serif;
--wd-title-font-weight:400;
--wd-title-color:#242424;
}
:root{
--wd-entities-title-font:"Lora", Arial, Helvetica, sans-serif;
--wd-entities-title-font-weight:400;
--wd-entities-title-color:#333333;
--wd-entities-title-color-hover:rgb(51 51 51 / 65%);
}
:root{
--wd-alternative-font:"Lato", Arial, Helvetica, sans-serif;
}
:root{
--wd-widget-title-font:"Lora", Arial, Helvetica, sans-serif;
--wd-widget-title-font-weight:600;
--wd-widget-title-transform:uppercase;
--wd-widget-title-color:#333;
--wd-widget-title-font-size:16px;
}
:root{
--wd-header-el-font:"Karla", Arial, Helvetica, sans-serif;
--wd-header-el-font-weight:400;
--wd-header-el-transform:uppercase;
--wd-header-el-font-size:14px;
}
:root{
--wd-primary-color:rgb(130,55,48);
}
:root{
--wd-alternative-color:#fbbc34;
}
:root{
--wd-link-color:#333333;
--wd-link-color-hover:#242424;
}
:root{
--btn-default-bgcolor:#f7f7f7;
}
:root{
--btn-default-bgcolor-hover:#efefef;
}
:root{
--btn-accented-bgcolor:rgb(122,179,139);
}
:root{
--btn-accented-bgcolor-hover:rgb(102,155,107);
}
:root{
--notices-success-bg:#459647;
}
:root{
--notices-success-color:#fff;
}
:root{
--notices-warning-bg:#E0B252;
}
:root{
--notices-warning-color:#fff;
}
	:root{
					
			
							--wd-form-brd-radius: 0px;
					
					--wd-form-brd-width: 2px;
		
					--btn-default-color: #333;
		
					--btn-default-color-hover: #333;
		
					--btn-accented-color: #fff;
		
					--btn-accented-color-hover: #fff;
		
									--btn-default-brd-radius: 0px;
				--btn-default-box-shadow: none;
				--btn-default-box-shadow-hover: none;
				--btn-default-box-shadow-active: none;
				--btn-default-bottom: 0px;
			
			
			
					
									--btn-accented-brd-radius: 0px;
				--btn-accented-box-shadow: none;
				--btn-accented-box-shadow-hover: none;
				--btn-accented-box-shadow-active: none;
				--btn-accented-bottom: 0px;
			
			
			
					
							
					--wd-brd-radius: 0px;
			}

	
	
			@media (min-width: 1025px) {
			.whb-boxed:not(.whb-sticked):not(.whb-full-width) .whb-main-header {
				max-width: 1192px;
			}
		}

		.container {
			max-width: 1222px;
		}

		:root{
			--wd-container-w: 1222px;
		}
	
			@media (min-width: 1239px) {
			.platform-Windows .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
		@media (min-width: 1222px) {
			html:not(.platform-Windows) .wd-section-stretch > .elementor-container {
				margin-left: auto;
				margin-right: auto;
			}
		}
	
	
	
	
	
	
	
/* =========================================================
   LIL' BOBS - WOOCOMMERCE SHOP & CATEGORIEËN
   Sidebar weg + volledige breedte
   Productpagina's NIET aanpassen
   ========================================================= */


/* =========================================================
   1. SIDEBAR VOLLEDIG VERWIJDEREN
   Alleen shop, categorieën en tags
   ========================================================= */

.post-type-archive-product #secondary,
.post-type-archive-product .sidebar,
.post-type-archive-product .widget-area,
.post-type-archive-product .shop-sidebar,

.tax-product_cat #secondary,
.tax-product_cat .sidebar,
.tax-product_cat .widget-area,
.tax-product_cat .shop-sidebar,

.tax-product_tag #secondary,
.tax-product_tag .sidebar,
.tax-product_tag .widget-area,
.tax-product_tag .shop-sidebar {
    display: none !important;
}


/* =========================================================
   2. HOOFDCONTENT VOLLEDIGE BREEDTE
   Oude ruimte van sidebar verwijderen
   ========================================================= */

.post-type-archive-product #primary,
.post-type-archive-product .content-area,

.tax-product_cat #primary,
.tax-product_cat .content-area,

.tax-product_tag #primary,
.tax-product_tag .content-area {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    float: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    padding-left: 0 !important;
    padding-right: 0 !important;
}


/* =========================================================
   3. THEMA-KOLOMMEN VOLLEDIGE BREEDTE
   ========================================================= */

.post-type-archive-product .col-md-9,
.post-type-archive-product .col-lg-9,

.tax-product_cat .col-md-9,
.tax-product_cat .col-lg-9,

.tax-product_tag .col-md-9,
.tax-product_tag .col-lg-9 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   4. WOOCOMMERCE CONTENT VOLLEDIGE BREEDTE
   ========================================================= */

.post-type-archive-product .woocommerce,
.tax-product_cat .woocommerce,
.tax-product_tag .woocommerce {
    width: 100% !important;
    max-width: 100% !important;
}


/* =========================================================
   5. PRODUCTGRID GEEN OUDE SIDEBAR-OFFSET
   ========================================================= */

.post-type-archive-product ul.products,
.tax-product_cat ul.products,
.tax-product_tag ul.products {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;

    float: none !important;
}


/* =========================================================
   6. SITE MAIN GEEN RUIMTE LINKS
   ========================================================= */

.post-type-archive-product .site-main,
.tax-product_cat .site-main,
.tax-product_tag .site-main {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   7. "SHOW SIDEBAR" VERBERGEN
   ========================================================= */

.post-type-archive-product .show-sidebar,
.post-type-archive-product .sidebar-toggle,
.post-type-archive-product .shop-sidebar-toggle,
.post-type-archive-product .filter-toggle,
.post-type-archive-product [class*="show-sidebar"],
.post-type-archive-product [class*="sidebar-toggle"],

.tax-product_cat .show-sidebar,
.tax-product_cat .sidebar-toggle,
.tax-product_cat .shop-sidebar-toggle,
.tax-product_cat .filter-toggle,
.tax-product_cat [class*="show-sidebar"],
.tax-product_cat [class*="sidebar-toggle"],

.tax-product_tag .show-sidebar,
.tax-product_tag .sidebar-toggle,
.tax-product_tag .shop-sidebar-toggle,
.tax-product_tag .filter-toggle,
.tax-product_tag [class*="show-sidebar"],
.tax-product_tag [class*="sidebar-toggle"] {
    display: none !important;
}


/* =========================================================
   8. "SORTEREN OP" ALLEEN OP MOBIEL VERBERGEN
   ========================================================= */

@media only screen and (max-width: 767px) {

    .post-type-archive-product .woocommerce-ordering,
    .tax-product_cat .woocommerce-ordering,
    .tax-product_tag .woocommerce-ordering {
        display: none !important;
    }

}

/* =========================================================
   LIL' BOBS - USP'S PRODUCTPAGINA
   ========================================================= */

.single-product .lilbobs-product-usps {
    margin: 15px 0 22px !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.8 !important;

    color: #555555 !important;
}


/* Iedere USP-regel */
.single-product .lilbobs-product-usps > div {
    display: flex !important;
    align-items: center !important;
    gap: 6px !important;

    margin: 1px 0 !important;
    padding: 0 !important;

    color: #555555 !important;
}


/* Tekst grijs */
.single-product .lilbobs-product-usps > div > span:not(.lilbobs-check) {
    color: #555555 !important;
    -webkit-text-fill-color: #555555 !important;
}


/* VINKJES BORDEAUXROOD */
.single-product .lilbobs-product-usps span.lilbobs-check {
    display: inline-block !important;

    color: #913c32 !important;
    -webkit-text-fill-color: #913c32 !important;

    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    opacity: 1 !important;
}


/* Mobiel */
@media only screen and (max-width: 767px) {

    .single-product .lilbobs-product-usps {
        margin: 12px 0 18px !important;
        font-size: 13px !important;
    }

    .single-product .lilbobs-product-usps span.lilbobs-check {
        font-size: 15px !important;
    }

}

/* =====================================================
   LIL' BOBS - WINKELWAGEN KNOP
   Originele grootte behouden
   ===================================================== */

/* Normale knop */
.single-product .single_add_to_cart_button,
.single-product button.single_add_to_cart_button {
    background-color: #963A30 !important;
    color: #ffffff !important;
    border-color: #963A30 !important;
    transition: background-color 0.2s ease !important;
}

/* Hover */
.single-product .single_add_to_cart_button:hover,
.single-product button.single_add_to_cart_button:hover {
    background-color: #7D2F27 !important;
    border-color: #7D2F27 !important;
    color: #ffffff !important;
}

/* Klikken / focus */
.single-product .single_add_to_cart_button:active,
.single-product .single_add_to_cart_button:focus {
    background-color: #7D2F27 !important;
    border-color: #7D2F27 !important;
    color: #ffffff !important;
}

/* Nog geen maat geselecteerd */
.single-product .single_add_to_cart_button.disabled,
.single-product .single_add_to_cart_button:disabled,
.single-product .single_add_to_cart_button.wc-variation-selection-needed {
    background-color: #C9A09C !important;
    border-color: #C9A09C !important;
    color: #ffffff !important;
}

/* =====================================================
   LIL' BOBS - SUBTIELE LEVERBALK
   ===================================================== */

.lilbobs-levering {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: flex-start !important;

    width: 100% !important;
    max-width: 100% !important;

    box-sizing: border-box !important;

    gap: 14px !important;

    margin-top: 22px !important;
    margin-bottom: 22px !important;

    padding: 14px 16px !important;

    background: #fcfbfa !important;

    border: 1px solid #f0ecea !important;
    border-radius: 5px !important;

    box-shadow: none !important;

    min-height: 56px !important;
}


/* =====================================================
   GETEKENDE VRACHTWAGEN
   ===================================================== */

.lilbobs-truck {
    position: relative !important;

    display: block !important;

    flex: 0 0 36px !important;

    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;

    height: 27px !important;
    min-height: 27px !important;
    max-height: 27px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #9a493c !important;
}


/* SNELHEIDSLIJNTJES */

.lilbobs-truck-speed {
    position: absolute !important;

    display: block !important;

    height: 2px !important;

    background: currentColor !important;

    border-radius: 10px !important;
}

.lilbobs-speed-1 {
    left: 0 !important;
    top: 6px !important;
    width: 6px !important;
}

.lilbobs-speed-2 {
    left: 0 !important;
    top: 12px !important;
    width: 9px !important;
}

.lilbobs-speed-3 {
    left: 2px !important;
    top: 18px !important;
    width: 6px !important;
}


/* ACHTERBAK */

.lilbobs-truck-bak {
    position: absolute !important;

    left: 10px !important;
    top: 2px !important;

    display: block !important;

    width: 17px !important;
    height: 15px !important;

    box-sizing: border-box !important;

    border: 2px solid currentColor !important;
    border-radius: 2px !important;
}


/* CABINE */

.lilbobs-truck-cabine {
    position: absolute !important;

    left: 27px !important;
    top: 7px !important;

    display: block !important;

    width: 9px !important;
    height: 10px !important;

    box-sizing: border-box !important;

    border: 2px solid currentColor !important;
    border-left: 0 !important;

    border-radius: 0 3px 2px 0 !important;
}


/* WIELEN */

.lilbobs-truck-wiel {
    position: absolute !important;

    bottom: 1px !important;

    display: block !important;

    width: 7px !important;
    height: 7px !important;

    box-sizing: border-box !important;

    background: #fcfbfa !important;

    border: 2px solid currentColor !important;

    border-radius: 50% !important;
}

.lilbobs-truck-wiel-1 {
    left: 13px !important;
}

.lilbobs-truck-wiel-2 {
    right: 1px !important;
}


/* =====================================================
   TEKSTREGEL
   ===================================================== */

.lilbobs-levering-tekstregel {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;

    gap: 10px !important;

    margin: 0 !important;
    padding: 0 !important;

    min-width: 0 !important;

    font-size: 14px !important;
    line-height: 1.3 !important;

    color: #777 !important;
}


/* DATUM */

.lilbobs-levering-tekstregel strong {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.3 !important;

    font-weight: 700 !important;

    color: #333 !important;

    white-space: nowrap !important;
}


/* SCHEIDINGSLIJN */

.lilbobs-levering-scheiding {
    display: block !important;

    flex: 0 0 1px !important;

    width: 1px !important;
    height: 20px !important;

    margin: 0 2px !important;

    background: #d8d4d2 !important;
}


/* STANDAARD LEVERING */

.lilbobs-levering-label {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    font-size: 14px !important;
    line-height: 1.3 !important;

    font-weight: 400 !important;

    color: #777 !important;

    white-space: nowrap !important;
}


/* =====================================================
   PRODUCTPAGINA
   ===================================================== */

.single-product .lilbobs-product-levering {
    margin-top: 20px !important;
    margin-bottom: 22px !important;
}


/* =====================================================
   WINKELWAGEN
   ===================================================== */

.lilbobs-cart-levering {
    margin-top: 22px !important;
    margin-bottom: 20px !important;
}


/* =====================================================
   MOBIEL
   ===================================================== */

@media (max-width: 600px) {

    .lilbobs-levering {
        gap: 9px !important;

        margin-top: 17px !important;
        margin-bottom: 17px !important;

        padding: 11px 12px !important;

        min-height: 48px !important;

        border-radius: 4px !important;
    }

    .lilbobs-truck {
        transform: scale(0.88);
        transform-origin: left center;

        flex-basis: 32px !important;

        width: 32px !important;
        min-width: 32px !important;
        max-width: 32px !important;
    }

    .lilbobs-levering-tekstregel {
        gap: 7px !important;
    }

    .lilbobs-levering-tekstregel strong,
    .lilbobs-levering-label {
        font-size: 12.5px !important;
    }

    .lilbobs-levering-scheiding {
        height: 18px !important;
    }

}

/* Lil' Bobs - WooCommerce succesmelding */
.woocommerce-message {
    background-color: #913A32 !important;
    border-color: #913A32 !important;
    color: #ffffff !important;
}

/* Vinkje + link wit */
.woocommerce-message::before,
.woocommerce-message a,
.woocommerce-message .button {
    color: #ffffff !important;
}

/* Lijntje onder Bekijk winkelwagen */
.woocommerce-message a {
    border-color: rgba(255,255,255,0.5) !important;
}