/* 
 Theme Name:   Chutnaze
 Theme URI:    https://promoworx.co.uk
 Description:  Bespoke theme design for Chutnaze
 Author:       Promoworx
 Author URI:   https://promoworx.co.uk
 Template:     Divi
 Version:      1.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

/*--------------------------------------------*/

/* HEX Brand Colours 
* Red = #9d0000
* Green = #9fa759 
*/

/* Global Fonts */
@import url('https://fonts.googleapis.com/css2?family=Berkshire+Swash&family=Raleway:wght@100;200;300;400;500;700;900&display=swap');


/* Typography */
h1, h2, h3, h4 {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 800;
	word-wrap: normal;
}
h1 {
	font-size: 4.5rem;
}
h2 {
	font-size: 2.8rem;
}
h3 {
	font-size: 1.5rem;
}
body, p {
	font-family: 'Raleway', sans-serif;
	font-weight: 400 !important;
	font-size: 1rem;
	color: #333333;
}
.chutnaze_font {
	font-family: 'Berkshire Swash', cursive !important;
}
#et-main-area {
	overflow: hidden;
}
.txt_green {
	color: #2c9c38;
}
.txt_beige {
	color: #dac0a3;
}



/* General Styling */
.vertical_align {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.display_flex {
	display: flex;
	flex-wrap: wrap;
}
.center_align {
	text-align: center !important;
}
.bottom_align {
	display: flex;
	align-items: flex-end;
}
.focus_text,
.focus_text p {
	font-size: 1.4rem;
}
.small_print,
.small_print p {
	font-size: 0.9rem;
	font-weight: 500;
}


/* Sections and Rows */
.et_pb_row {
	max-width: 1800px !important;
	min-width: 90%;
}


/* Menu styling */
#main-header .container,
#top-header .container {
	max-width: 1800px !important;
	min-width: 90%;
}
.et-info a {
	color: #ffffff !important;
}
#mobile_menu li a,
#top-menu li a,
#top-menu .sub-menu li a,
#top-menu .mega-menu .sub-menu .menu-item li a {
	color: #5b5b5b !important;
	text-decoration: none;
	display: block;
	position: relative;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 1rem;
	font-weight: 400;
	/*text-transform: uppercase !important;*/
	opacity: 1 !important;
}
#mobile_menu li a:hover,
#top-menu li a:hover {
	color: #9d0000 !important;
	opacity: 1 !important;
	transition: none;
}
#top-menu li.current-menu-ancestor > a, 
#top-menu li.current-menu-item > a, 
#top-menu li.current_page_item > a {
	color: #9d0000;
	font-family: 'Montserrat', sans-serif !important;
	font-size: 15px;
}
.nav li ul {
	border-top: 3px solid #9d0000;
}
#top-menu li.mega-menu>ul>li>a:first-child {
	font-weight: normal;
}


/* Layout styling */
.hp_hero {
	
}
.hp_hero h1 {
	font-family: 'Raleway', sans-serif !important;
	font-weight: 700 !important;
	color: #ffffff !important;
}
.sp_header {
	background-blend-mode: overlay;
	background-image: url('/wp-content/uploads/2023/09/bg-indian-pattern-beige.svg')!important;
	background-color: #F8F0E5 !important;
}
.sp_header h1 {
	
}
.sp_header_large .et_pb_row {
	height: 350px;
	background-color: #9D0000;
}
.sp_header_large .et_pb_column:first-child {
	padding: 5% 2% 5% 7%;
}
.sp_header_large h1 {
	font-size: 4.8rem;
	font-weight: 200 !important;
	font-style: italic !important;
	color: #ffffff;
	margin-left: 15px;
}
.sp_header_large h1 .line_one {
	font-family: 'Montserrat';
	font-size: 1.4rem;
	font-weight: 400;
	color: #ffffff;
	margin-bottom: 10px;
	display: block;
	line-height: 0em;
}
.sp_header_large h1 .line_two {
	font-size: 4.8rem;
	font-weight: 200;
	font-style: italic;
	color: #ffffff;
}


/* Border styling */
.border_outlined {
	border: 1px #000000 solid;
	border-radius: 15px;
	padding: 2%;
}


/* WooCommerce */
#sidebar,
#main-content .container:before {
	display: none;
}
#content-area #left-area {
	width: 100%;
	padding-right: 0px;
}
/*.woocommerce .quantity input.qty, 
.woocommerce-page .quantity input.qty {
	padding: 12px;
}*/
.woocommerce .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single {
	padding: 12px;
}



/* Button styling */
.btn_inline .et_pb_button_module_wrapper {
	display: inline-block;
	padding-bottom: 20px;
	margin: 0 10px;
}
.button, 
.et_pb_button {
	font-family: 'Raleway', sans-serif;
	font-size: 1.1rem;
	border: 0px !important;
	padding: 0.4em 1.2em !important;
	background-color: #EADBC8 !important;
	color: #141E46;
}
.button:hover,
.et_pb_button:hover {
	border: 0px !important;
	background-color: #102C57 !important;
	color: #EADBC8 !important;
}
.btn_green {
	background-color: #2c9c38 !important;
}
.btn_green:hover {
	background-color: #EADBC8 !important;
}
.btn_blue {
	background-color: #141E46 !important;
	color: #ffffff;
}
.btn_blue:hover {
	background-color: #EADBC8 !important;
	color: #141E46 !important;
}
.btn_orange {
	background-color: #ff4412 !important;
	color: #ffffff;
}
.btn_orange:hover {
	background-color: #EADBC8 !important;
	color: #141E46 !important;
}




/* Blurb Styling */
.blurb_round_img {
	Padding: 0px;
}
.blurb_round_img .et_pb_blurb_content .et_pb_blurb_container {
	text-align: center !important;
}
.blurb_round_img .et_pb_main_blurb_image img {
	width: 200px;
	border-radius: 100%;
}




/* Image styling */
.image_overlay_top_right .et_pb_image_wrap::after {
	content: "";
	display: block;
	position: absolute;
	top: 5% !important;
    right: -20%;
	width: 150px;
	height: 100%;
	background: url('/wp-content/uploads/2023/09/icon-green-sauce.svg') no-repeat;
	background-position: top right;
	background-size: contain;
}

.img_rounded_corners img {
	border-radius: 13px;
}



/* Default Footer Styling */
.default_footer {
	background-color: #102C57;
	padding-bottom: 0px !important;
	color: #ffffff !important;
}
.default_footer p {
	color: #ffffff;
}
.default_footer h3,
.default_footer h4 {
	color: #ffffff;
	font-size: 1.5rem !important;
}
.default_footer a,
.default_footer .footer_sitemap a {
	color: #DAC0A3 !important;
}
.default_footer .logo {
	max-width: 200px;
	text-align: center;
}






/************************************************************************************************
*************************************************************************************************
* Tablet / Mobile styling
*************************************************************************************************
*************************************************************************************************/
@media all and (max-width: 767px) {
	/************************************************
	* General tag styling 
	*************************************************/
	h1 {
		font-size: 2.5rem !important;
	}
	h2 {
		font-size: 2rem !important;
	}
	
	
	/* General styling */ 
	.display_flex_col_one {
		order: 1;
		margin-bottom: 30px !important;
	}
	.display_flex_col_two {
		order: 2;
	}
	
	/* Border styling */
	.border_outlined {
		padding: 4%;
	}
}