/**
 * Theme Name: VM Winkel
 * Template:   woow
 */

.offcanvas-user-wishlist-link,
.cky-btn-revisit-wrapper
{
	display: none !important;
}

@media ( width > 1599px )
{
    .container
    {
        width: 1600px;
    }
}

.navbar-wrap
{
    display: flex;
    justify-content: space-between;
    
    > *
    {
        width: unset !important;
    }
}

@media ( width < 800px )
{
	.navbar-wrap
	{
		display: unset;
	}
	
	.hentry
	{
		margin-bottom: 0px;
	}
}

.navbar-wrap::before,
.navbar-wrap::after
{
    content: none;
}

.navbar-container ul.nav
{
	li.dropdown
	{
		position: relative;		
	}
	
	li.dropdown:after
	{
		content: '‣';
		font-size: 40px;
		color: #007051;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%) rotate(90deg);
	}
	
	li.dropdown:hover:after
	{
		transform: translateY(-50%) rotate(270deg);
	}
}

footer
{
    h4
    {
        color: white;
    }
    
    .widget_text
    {
        padding-top: 10px !important;
    }
    
    .footer-copyright
    {
        font-size: .75rem;
    }
}

.wc-block-components-checkout-place-order-button,
.wc-block-cart__submit-container,
.gform_button
{
    background: #d6b07f;
    color: white !important;
    font-weight: 700 !important;
    border: none !important;
    
    span
    {
        color: white !important;
    }
}

.gform_button
{
    padding: 18px;
}

.wc-block-components-checkout-place-order-button:hover,
.wc-block-cart__submit-container:hover,
.gform_button:hover
{
    background: #C49B67;
}

.gform_heading
{
    margin-bottom: 20px;    
}

.gform_wrapper.gravity-theme .gform_fields
{
    grid-row-gap: 0px;
    
    .gfield:not(.gsection)
    {
        margin-bottom: 20px;
        
        legend
        {
            border: none;
        }
    }
    
    .gsection h3
    {
        margin-block-start: 0px;
        margin-block-end: 0px;
    }
}

.wc-block-checkout__form
{
    display: flex;
    flex-wrap: wrap;
    
    > *
    {
        flex-basis: 100%;
    }
    
    .wc-block-checkout__order-notes
    {
        order: 1;
    }
    
    .wc-block-checkout__terms
    {
        order: 2;
    }
    
    .wc-block-checkout__actions
    {
        order: 3;
    }
}

.woocommerce div.product .summary .price,
.woocommerce div.product-quickview-content .summary .price
{
    font-family: 'Open Sans', 'Open Sans', sans-serif;
	font-style: normal;
	color: black;
}

.woocommerce div.product .summary .ex-price
{
	color: gray;
}

ul.wc-block-product-categories-list
{
    > li
    {
        margin-bottom: 10px;
    }
    
    ul.wc-block-product-categories-list--depth-1 li
    {
        position: relative;
        text-indent: 20px;
        margin-bottom: 0px;
    }
    
    ul.wc-block-product-categories-list--depth-1 li::before
    {
        content: '—';
        position: absolute;
        top: -2px;
        left: -20px;
    }
}

.related.products
{
    display: none;
}

ul.products.columns-3
{
	display: grid;
	width: 100%;
	grid-template-columns: 1fr 1fr 1fr;
	grid-gap: 2rem;
	
    li
    {
		width: unset !important;
		border-radius: 5px;
        border: 1px solid transparent;
		box-shadow: 0px 0px 5px rgba(0,0,0,.0125),
			0px 0px 10px rgba(0,0,0,.0125),
			0px 0px 15px rgba(0,0,0,.0125),
			0px 0px 20px rgba(0,0,0,.0125);
		transition: all 250ms ease-in-out;
        
        .shop-loop-product-info
        {
            padding: 10px;
        }
		
		.shop-loop-thumbnail
		{
			height: 300px;
		}
    }
	
	li:hover
	{
		border: 1px solid #EDEDED;
		box-shadow: 0px 0px 10px rgba(0,0,0,.025),
			0px 0px 15px rgba(0,0,0,.025),
			0px 0px 20px rgba(0,0,0,.025),
			0px 0px 25px rgba(0,0,0,.025);	
	}
}

@media ( width < 1400px )
{
	ul.products.columns-3
	{
		grid-template-columns: 1fr 1fr;
	}
}

@media ( width < 700px )
{
	ul.products.columns-3
	{
		grid-template-columns: 1fr;
	}
}

ul.products.columns-3::before,
ul.products.columns-3::after
{
	content: none;
}

.page-layout-full-width.woocommerce .woocommerce-tabs .tab-content #tab-additional_information,
.page-layout-full-width.woocommerce .woocommerce-tabs .tab-content #tab-reviews
{
    max-width: unset !important;
}

.client .caroufredsel .caroufredsel-wrap .caroufredsel-item>a>img,
.client .caroufredsel .caroufredsel-wrap .caroufredsel-item>img
{
    max-height: 80px;
    object-fit: contain;
    object-position: center;
    width: auto;
}

.client .caroufredsel .caroufredsel-wrap .caroufredsel-item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.wp-element-button
{
	background: #007051;
	color: white !important;
	transition: background 250ms ease-in-out;
}

.wp-element-button:hover
{
	background: #bca480;
	color: white !important;
}

..wp-block-button.wc-block-components-product-button
{
	gap: 0px !important;
}