/*
Theme Name: De Bierliefhebber
Theme URI: https://www.searchflow.nl
Description: 
Author: Searchflow
Author URI: https://www.searchflow.nl
Template: hello-elementor
Version: 1.0.0
Text Domain: sf-bierliefhebber
*/

/*--SF: Typography--*/


/*--SF: Buttons--*/
.sf_button_1{
	display: inline-block;
	text-transform: uppercase;
	color: #fff;
	background: #B38430;
	padding: 12px 32px;
	font-weight: 700;
}
.sf_button_1:hover{
	color: #fff;
}
.sf_button_2{
	display: inline-block;
	text-transform: uppercase;
	color: #fff!important;
	background: #000;
	padding: 12px 32px;
	font-weight: 700;
}
.sf_button_2:hover{
	color: #000!important;
	background: #d3d3d3;
}
/*--SF: Columns--*/
.sf_row{
	margin: 0 -15px;
	display: flex;
}
.sf_column{
	padding: 0 15px;
}
.sf_column_1{
	max-width: 8.33%;
	flex: 1 0 8.33%;
}
.sf_column_2{
	max-width: 16.66%;
	flex: 1 0 16.66%;
}
.sf_column_3{
	max-width: 25%;
	flex: 1 0 25%;
}
.sf_column_4{
	max-width: 33.33%;
	flex: 1 0 33.33%;
}
.sf_column_5{
	max-width: 41.66%;
	flex: 1 0 41.66%;
}
.sf_column_6{
	max-width: 50%;
	flex: 1 0 50%;
}
.sf_column_7{
	max-width: 58.33%;
	flex: 1 0 58.33%;
}
.sf_column_8{
	max-width: 66.66%;
	flex: 1 0 66.66%;
}
.sf_column_9{
	max-width: 75%;
	flex: 1 0 75%;
}
.sf_column_10{
	max-width: 83.33%;
	flex: 1 0 83.33%;
}
.sf_column_11{
	max-width: 91.66%;
	flex: 1 0 91.66%;
}
.sf_column_12{
	max-width: 100%;
	flex: 1 0 100%;
}
.sf_container{
	max-width: 1140px;
	margin: 0 auto;
}
@media only screen and (max-width:768px) {
	.sf_mobile_row{
		display: flex;
		margin: 0;
	}
	.sf_mobile_column{
		padding: 0px;
	}
	
}

/*--SF: Margins--*/
.sf_no_margin_bottom, .sf_no_margin_bottom p{
	margin-bottom: 0px !important;
}

/*--SF: Lists--*/


/*--SF: Misc--*/
.sf_white a{
	color: #fff;
}
.sf_text_align_right{
	text-align: right;
}

/*--SF: Header--*/
.sf_header_icon{
	vertical-align: middle;
	margin-right: 12px;
}
.sf_breadcrumb_divider {
    display: inline-block;
    margin: 0 10px;
}
.elementor-menu-cart__toggle .elementor-button{
	border: none;
}
.wpml-ls-legacy-dropdown a{
	border: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle{
	padding: 0px;
}
.wpml-ls-legacy-dropdown .wpml-ls-flag{
	width: 30px;
	height: 30px;
	border-radius: 30px;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after{
	display: none;
}
.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle, .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a{
	text-align: center;
}
.wpml-ls-legacy-dropdown .wpml-ls-current-language:hover>a, .wpml-ls-legacy-dropdown a:focus, .wpml-ls-legacy-dropdown a:hover{
	background: none;
}
.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
	border-top: none;
	background: #fff;
}

/*--SF: Footer--*/
.sf_footer_logo img{
	margin-right: 16px;
}
.mc4wp-form input[type='email']{
	margin-bottom: 5px;
}
.mc4wp-form input[type='submit']{
	color: #fff;
    background: #B38430;
    font-weight: 700;
	border: none;
}

/*--SF: Category--*/
.jet-filter-items-moreless__toggle{
	text-decoration: underline;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
    display: block;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: rgba(0, 0, 0, 0.5) !important;
    margin: 16px 0px 8px 0px;	
}
.elementor-widget-woocommerce-products.elementor-wc-products ul.products li.product .price{
	font-size: 16px;
    color: rgba(0, 0, 0, 1);
}
.sf_product_add_to_cart, .sf_product_add_to_cart:hover {
    color: #B38430 !important;
}
.sf_product_slider_image_wrapper{
	position: relative;
}
.sf_product_button{
	position: absolute;
	top: calc(50% - 17px);
	left: 10%;
	color: #fff !important;
	padding: 8px;
	display: inline-block;
	width: 80%;
	text-align: center;
	display: none;
	background: #B38430;
}
.sf_product_button:hover{
	color: #fff;
	text-decoration: underline !important;
}
.sf_product_slider_image_wrapper:hover .sf_product_button{
	display: block;
}
.yith-wcwl-add-to-wishlist{
	margin-top: 0px;
}


/*--SF: Checkout--*/
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals, .woocommerce .col2-set .col-1, .woocommerce-page .col2-set .col-1, .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2{
	width: 100%;
	float: none;
}
.shop_table td, .shop_table th{
	border: none;
	border-top: none !important;
}
.coupon input[type='text']{
	width: auto !important;
}
.coupon button, .actions button{
	height: 37px;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt{
	background-color: #b38430;
	border-radius: 0px;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover{
	background-color: #b38430;
	text-decoration: underline;
}
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order{
	float: none;
	width: 100%;
}


.yith-wcwl-add-to-wishlist{
	color: #B38430;
}


/*--SF: Update 15-12-2021--*/
.jet-range__slider__input{
	z-index: 1 !important;
}

/*--SF: Update 16-12-2021--*/
.sf_new_label{
	position: absolute;
	color: #fff;
	display: inline-block;
	background: #B38430;
	padding: 5px 20px;
	top: 10px;
	left: 20px;
	z-index: 1;
}

/*--SF: Update 05-01-2022--*/
.sf_loop_add_to_cart{
	background-color: transparent !important;
	margin-top: 0px !important;
	padding: 0px !important;
}
.added_to_cart{
	position: absolute;
    left: 0px;
    bottom: -20px;
}
.woocommerce a.button.added::after{
	margin-lefT: 0px !important;
}

/*--SF: Update 14-03-2022--*/
@media only screen and (max-width:768px) {
	.wpml-ls-legacy-dropdown a{
		background-color: transparent !important;	
		padding: 0px !important;
	}
	
	.wpml-ls-legacy-dropdown{
		width: auto !important;
	}
}

#sf_age_check_field{
	padding: 0px;
	margin: 0px;
}
#sf_age_check_field input[type='checkbox']{
	margin-right: 0px;
}
/*--SF: Update 6-11-2023--*/
@media only screen and (max-width:768px) {
	.checkout .sf_row, .woocommerce-cart .sf_row{
		flex-direction: column;
	}
	.checkout .sf_row .sf_column_7, .checkout .sf_row .sf_column_5, .woocommerce-cart .sf_row .sf_column_8, .woocommerce-cart .sf_row .sf_column_4{
		max-width: 100%;
	}
	.elementor-menu-cart__toggle_wrapper .elementor-menu-cart__footer-buttons{
		display: flex;
    	flex-direction: column;
	}
	.coupon label{
		display: none;
	}
	.coupon button{
		width: 38%!important;
		font-size: 10px!important;
	}
}