/*
Theme Name: Lafka Child
Theme URI: https://lafka.althemist.com/
Description: <strong>Lafka theme by theAlThemist</strong> - <br/> Modern E-commerce WordPress / WooCommerce theme<br/> <a href='http://www.althemist.com'>Other themes by us.</a>
Version: 1.0.0
Template: lafka
Author: theAlThemist
Author URI: https://www.althemist.com
License: Envato / Themeforest Split Licence
License URI: https://themeforest.net/licenses/standard
Text Domain: lafka
*/

:root {
	--color-red: #cd212a;
	--color-green: #008c45;
	--marron: #56423e;
	--anthracite: #303030;
	--white: #f4f5f0;
}
body {
	/* font-family: "questa-grande", serif; */
	 font-family: "sirenia", sans-serif; 
}

#powered .inner {
	padding-top: 6px !important;
	padding-bottom: 6px !important;
}
#footer .wp-gr .wp-google-powered {
	color: #666 !important;
}
.inner, .dokan-dashboard #container > .dokan-dashboard-wrap {
	max-width: 1222px !important;
}

.Blockhead-OT-BlackFace, h1, h2, h4, h5, h6 {
	font-family: "questa-grande", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.Blockhead-OT-DarkSide {
	font-family: "questa-grande", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.Blockhead-OT-Plain {
	font-family: "questa-grande", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.Blockhead-OT-Unplugged, .Blockhead-OT-Unplugged h3 {
	font-family: "questa-grande", sans-serif;
	font-weight: 400;
	font-style: normal;
}

.lafka-top-bar-message, .lafka-search-cart-holder {
	background-color: var(--color-red) !important;
}

.home_accroche h2 {
	font-size: 2.1em;
}

.left > .vc_column-inner {
	margin-right: -80px !important;
	margin-bottom: 40px !important;
	margin-left: 15px !important;
	padding-top: 30px !important;
	padding-right: 50px !important;
	padding-bottom: 30px !important;
	padding-left: 50px !important;
	background-color: var(--anthracite) !important;
}

.right > .vc_column-inner {
	margin-right: 15px !important;
	margin-bottom: 40px !important;
	margin-left: -80px !important;
	padding-top: 30px !important;
	padding-right: 50px !important;
	padding-bottom: 30px !important;
	padding-left: 50px !important;
	background-color: var(--anthracite) !important;
}

.left .wpb_text_column,
.right .wpb_text_column {
	margin-bottom: 10px;
}

.left .wpb_text_column h2, .left .wpb_text_column h3,
.right .wpb_text_column h2, .right .wpb_text_column h3 {
	color: var(--white);
}

.photo > .vc_column-inner {
	margin-bottom: 30px !important;
	padding-top: 0px !important;
}

.photo > .wpb_single_image img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: middle;
}

.lafka-menu-image-icon img {
	max-width: 24px;
	height: auto;
	margin-right: 5px;
}

.bigger {
	font-size: 130%;
}

.lafka-nutrition-allergens:before {
	color: var(--color-red) !important;
	content:"\f071" !important;
}
#italian_flag {
	display: flex;
	flex-direction: row;
}
#italian_flag div {
	height: 10px;
	width: 33.33%
}

#italian_flag .green  {
	background-color: var(--color-green);
}
#italian_flag .red  {
	background-color: var(--color-red);
}
#italian_flag .white  {
	background-color: var(--white);
}

div.woocommerce.columns-1, div.woocommerce.columns-2, div.woocommerce.columns-3, div.woocommerce.columns-4, div.woocommerce.columns-5, div.woocommerce.columns-6, div.woocommerce.columns-7, div.woocommerce.columns-8 {
	justify-content: center !important;
}
@media only screen and (min-width: 1279px) {
	body.lafka_transparent_header:not(.lafka-transparent-dark) #header:not(.lafka-sticksy) #logo img:first-of-type {
  		display: inline !important;
  		opacity: 1 !important;
	}
	
}

@media only screen and (max-width: 768px) {
	#header .lafka-top-bar-message span.lafka-top-bar-phone a::before {
		background-color: var(--color-red) !important;
	}
	
	#footer .widget {
  		justify-content: center;
  		display: flex;
	}
	
	#lafka_contacts_widget-2 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		text-align: center;
	}
	
	.widget > h3:first-child::before, h2.widgettitle::before {
		left: calc(50% - 25px) !important;
	}
	#header #logo {
		margin: 0px auto !important;
	}
	
	#products-wrapper {
		padding: 60px 15px !important;
	}

}

@media only screen and (min-width: 320px) and (max-width: 767px) {
	body div.prod_hold, body li.product-category, body div.product-category {
  		width: 90% !important;
	}
}