/*
	Theme Name: Savoryohwp
	Theme URI: 
	Description: 
	Author: 
	Author URI: 
	Version: 1.0
	Tags: threaded-comments, theme-options, sticky-post, full-width-template, flexible-header, featured-images, custom-menu, custom-header, custom-colors, custom-background
	Text Domain: savoryohwp
	License: GNU General Public License
	License URI: license.txt
*/

body {
	margin: 0 auto;
}

img {
    max-width: 100%;
	height: auto;
}

ul {
	padding-left: 15px;
}

p:empty {
	display: none;
}

.screen-reader-text {
	display: none;
}

.woocommerce ul.products.row {
	margin-right: calc(var(--bs-gutter-x)/ -2);
	margin-left: calc(var(--bs-gutter-x)/ -2);
}

@font-face {
    font-family: 'Excalibur Nouveau Med';
    src: url('assets/fonts/ExcaliburNouveau-Medium.woff2') format('woff2'),
        url('assets/fonts/ExcaliburNouveau-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

/* ************************ */

/* Padding Top */
.pt_0 { padding-top: 0px !important; }
.pt_5 { padding-top: 5px !important; }
.pt_10 { padding-top: 10px !important; }
.pt_15 { padding-top: 15px !important; }
.pt_20 { padding-top: 20px !important; }
.pt_25 { padding-top: 25px !important; }
.pt_30 { padding-top: 30px !important; }
.pt_35 { padding-top: 35px !important; }
.pt_40 { padding-top: 40px !important; }
.pt_45 { padding-top: 45px !important; }
.pt_50 { padding-top: 50px !important; }
.pt_55 { padding-top: 55px !important; }
.pt_60 { padding-top: 60px !important; }
.pt_65 { padding-top: 65px !important; }
.pt_70 { padding-top: 70px !important; }
.pt_75 { padding-top: 75px !important; }
.pt_80 { padding-top: 80px !important; }
.pt_85 { padding-top: 85px !important; }
.pt_90 { padding-top: 90px !important; }
.pt_95 { padding-top: 95px !important; }
.pt_100 { padding-top: 100px !important; }
.pt_105 { padding-top: 105px !important; }
.pt_110 { padding-top: 110px !important; }
.pt_115 { padding-top: 115px !important; }
.pt_120 { padding-top: 120px !important; }
.pt_125 { padding-top: 125px !important; }
.pt_130 { padding-top: 130px !important; }
.pt_135 { padding-top: 135px !important; }
.pt_140 { padding-top: 140px !important; }
.pt_145 { padding-top: 145px !important; }
.pt_150 { padding-top: 150px !important; }
.pt_155 { padding-top: 155px !important; }
.pt_160 { padding-top: 160px !important; }
.pt_165 { padding-top: 165px !important; }
.pt_170 { padding-top: 170px !important; }
.pt_175 { padding-top: 175px !important; }
.pt_180 { padding-top: 180px !important; }

/* Padding Bottom */
.pb_0 { padding-bottom: 0px !important; }
.pb_5 { padding-bottom: 5px !important; }
.pb_10 { padding-bottom: 10px !important; }
.pb_15 { padding-bottom: 15px !important; }
.pb_20 { padding-bottom: 20px !important; }
.pb_25 { padding-bottom: 25px !important; }
.pb_30 { padding-bottom: 30px !important; }
.pb_35 { padding-bottom: 35px !important; }
.pb_40 { padding-bottom: 40px !important; }
.pb_45 { padding-bottom: 45px !important; }
.pb_50 { padding-bottom: 50px !important; }
.pb_55 { padding-bottom: 55px !important; }
.pb_60 { padding-bottom: 60px !important; }
.pb_65 { padding-bottom: 65px !important; }
.pb_70 { padding-bottom: 70px !important; }
.pb_75 { padding-bottom: 75px !important; }
.pb_80 { padding-bottom: 80px !important; }
.pb_85 { padding-bottom: 85px !important; }
.pb_90 { padding-bottom: 90px !important; }
.pb_95 { padding-bottom: 95px !important; }
.pb_100 { padding-bottom: 100px !important; }
.pb_105 { padding-bottom: 105px !important; }
.pb_110 { padding-bottom: 110px !important; }
.pb_115 { padding-bottom: 115px !important; }
.pb_120 { padding-bottom: 120px !important; }
.pb_125 { padding-bottom: 125px !important; }
.pb_130 { padding-bottom: 130px !important; }
.pb_135 { padding-bottom: 135px !important; }
.pb_140 { padding-bottom: 140px !important; }
.pb_145 { padding-bottom: 145px !important; }
.pb_150 { padding-bottom: 150px !important; }
.pb_155 { padding-bottom: 155px !important; }
.pb_160 { padding-bottom: 160px !important; }
.pb_165 { padding-bottom: 165px !important; }
.pb_170 { padding-bottom: 170px !important; }
.pb_175 { padding-bottom: 175px !important; }
.pb_180 { padding-bottom: 180px !important; }

/* Margin Top */
.mt_0 { margin-top: 0px !important; }
.mt_5 { margin-top: 5px !important; }
.mt_10 { margin-top: 10px !important; }
.mt_15 { margin-top: 15px !important; }
.mt_20 { margin-top: 20px !important; }
.mt_25 { margin-top: 25px !important; }
.mt_30 { margin-top: 30px !important; }
.mt_35 { margin-top: 35px !important; }
.mt_40 { margin-top: 40px !important; }
.mt_45 { margin-top: 45px !important; }
.mt_50 { margin-top: 50px !important; }
.mt_55 { margin-top: 55px !important; }
.mt_60 { margin-top: 60px !important; }
.mt_65 { margin-top: 65px !important; }
.mt_70 { margin-top: 70px !important; }
.mt_75 { margin-top: 75px !important; }
.mt_80 { margin-top: 80px !important; }
.mt_85 { margin-top: 85px !important; }
.mt_90 { margin-top: 90px !important; }
.mt_95 { margin-top: 95px !important; }
.mt_100 { margin-top: 100px !important; }
.mt_105 { margin-top: 105px !important; }
.mt_110 { margin-top: 110px !important; }
.mt_115 { margin-top: 115px !important; }
.mt_120 { margin-top: 120px !important; }
.mt_125 { margin-top: 125px !important; }
.mt_130 { margin-top: 130px !important; }
.mt_135 { margin-top: 135px !important; }
.mt_140 { margin-top: 140px !important; }
.mt_145 { margin-top: 145px !important; }
.mt_150 { margin-top: 150px !important; }
.mt_155 { margin-top: 155px !important; }
.mt_160 { margin-top: 160px !important; }
.mt_165 { margin-top: 165px !important; }
.mt_170 { margin-top: 170px !important; }
.mt_175 { margin-top: 175px !important; }
.mt_180 { margin-top: 180px !important; }

/* Margin Bottom */
.mb_0 { margin-bottom: 0px !important; }
.mb_5 { margin-bottom: 5px !important; }
.mb_10 { margin-bottom: 10px !important; }
.mb_15 { margin-bottom: 15px !important; }
.mb_20 { margin-bottom: 20px !important; }
.mb_25 { margin-bottom: 25px !important; }
.mb_30 { margin-bottom: 30px !important; }
.mb_35 { margin-bottom: 35px !important; }
.mb_40 { margin-bottom: 40px !important; }
.mb_45 { margin-bottom: 45px !important; }
.mb_50 { margin-bottom: 50px !important; }
.mb_55 { margin-bottom: 55px !important; }
.mb_60 { margin-bottom: 60px !important; }
.mb_65 { margin-bottom: 65px !important; }
.mb_70 { margin-bottom: 70px !important; }
.mb_75 { margin-bottom: 75px !important; }
.mb_80 { margin-bottom: 80px !important; }
.mb_85 { margin-bottom: 85px !important; }
.mb_90 { margin-bottom: 90px !important; }
.mb_95 { margin-bottom: 95px !important; }
.mb_100 { margin-bottom: 100px !important; }
.mb_105 { margin-bottom: 105px !important; }
.mb_110 { margin-bottom: 110px !important; }
.mb_115 { margin-bottom: 115px !important; }
.mb_120 { margin-bottom: 120px !important; }
.mb_125 { margin-bottom: 125px !important; }
.mb_130 { margin-bottom: 130px !important; }
.mb_135 { margin-bottom: 135px !important; }
.mb_140 { margin-bottom: 140px !important; }
.mb_145 { margin-bottom: 145px !important; }
.mb_150 { margin-bottom: 150px !important; }
.mb_155 { margin-bottom: 155px !important; }
.mb_160 { margin-bottom: 160px !important; }
.mb_165 { margin-bottom: 165px !important; }
.mb_170 { margin-bottom: 170px !important; }
.mb_175 { margin-bottom: 175px !important; }
.mb_180 { margin-bottom: 180px !important; }

body .vc_row-has-fill > .vc_column_container > .vc_column-inner {
	padding-top: 0;
}

@media( min-width: 768px ) {
	
	.site-main .content-left {
		order: 1;
		padding-right: 30px;
	}
	.site-main .sidebar-right {
		order: 2;
	}
	.site-main .content-right {
		order: 2;
		padding-left: 30px;
	}
	.site-main .sidebar-left {
		order: 1;
	}
}

.top_spacing {
	padding-top: 50px;
}
.bot_spacing {
	padding-bottom: 50px;
}
.page_spacing {
	padding-top: 50px;
	padding-bottom: 50px;
}

/* ************************ */

.makhana-process-step {
	opacity: 0;
	transform: translateY(30px) scale(0.9);
	transition: all 0.8s ease;
	position: relative;
}
.makhana-process-step.visible {
	opacity: 1;
	transform: translateY(0) scale(1);
}
.makhana-process-step-text,
.makhana-process-step-heading {
	position: relative;
	z-index: 1;
}
.makhana-process-step-fun {
	top: 100px;
}
.makhana-process-step-next {
	position: relative;
	top: 81px;
}
#makhana-process {
	position: relative;
	overflow: hidden;
	background: var(--theme-color3);
}
#makhana-process .makhana-container {
	padding: clamp(32px, 6vw, 72px) 0;
	padding-bottom: 150px;
	position: relative;
	max-width: 1360px;
}
#makhana-process .makhana-process-steps {
	display: flex;
	column-gap: 0px;
	row-gap: 150px;
	position: relative;
	flex-wrap: wrap;
}
.makhana-process-step.makhana-process-step-2 {
	position: absolute;
	top: 30px;
}
.makhana-process-step-text p {
	font-size: 16px;
	color: var(--theme-color);
	margin: 0;
	line-height: 1.4;
}
.makhana-process-step.makhana-process-step-1 .makhana-icon::before {
	content: "";
	display: inline-block;
	width: 100px;
	height: 99px;
	background: url("assets/images/arrow2.png") no-repeat center / contain;
	position: absolute;
	left: 87%;
	top: 22px;
}
.makhana-process-step.makhana-process-step-5.visible {
	position: absolute;
	top: 98px;
}
.makhana-process-step.makhana-process-step-2 .makhana-icon::before {
	content: "";
	display: inline-block;
	width: 130px;
	height: 60px;
	background: url("assets/images/zing-arrow.png") no-repeat center / contain;
	position: absolute;
	top: 50%;
	right: -1%;
	z-index: 9999999;
}
.makhana-process-step.makhana-process-step-3 img {
	position: absolute !important;
	top: auto;
	bottom: 36%;
	width: 260px !important;
	height: 200px !important;
	object-fit: cover;
	right: -48%;
	left: auto;
}
.makhana-process-step.makhana-process-step-3 .makhana-icon::after {
	content: "";
	display: inline-block;
	width: 130px;
	height: 60px;
	background: url("assets/images/down-arrow.png") no-repeat center / contain;
	position: absolute;
	top: 140px;
	left: -155px;
}
#makhana-process .makhana-process-step,
#makhana-process .makhana-process-step-next,
#makhana-process .step-3,
#makhana-process .makhana-process-step-fun {
	display: flex;
	align-items: center;
	position: relative;
}
#makhana-process .makhana-icon {
	width: 330px;
	margin-left: -40px;
	margin-right: -40px;
}

#makhana-process .makhana-icon img {
	width: 80%;
	height: auto;
	position: relative;
}

#makhana-process .makhana-process-step-heading {
	font-size: 20px;
	font-weight: 500;
	color: #7206ce;
	margin-bottom: 8px;
	text-align: left;
	line-height: 1.4;
}

.makhana-process-step.makhana-process-step-2 img {
	position: absolute !important;
	top: auto;
	bottom: 30%;
	width: 260px !important;
	object-fit: cover;
	right: 10%;
	left: auto;
}

.makhana-process-step.makhana-process-step-3 {
	top: 165px;
	left: -140px;
}

.makhana-process-step.makhana-process-step-4.visible {
	margin-top: 0px;
	margin-left: 130px;
}

.makhana-process-step.makhana-process-step-4 img {
	position: absolute !important;
	top: auto;
	bottom: 10%;
	width: 260px !important;
	object-fit: cover;
	right: -30%;
	left: auto;
}

.makhana-process-step.makhana-process-step-4 .makhana-icon {
	width: 220px !important;
}

.makhana-process-step.makhana-process-step-5 img {
	position: absolute;
	top: auto;
	bottom: -50%;
	width: 400px !important;
	object-fit: cover;
	right: -25%;
	left: auto;
}

.makhana-process-step.makhana-process-step-4 .makhana-icon::before {
	content: "";
	display: inline-block;
	width: 200px;
	height: 94px;
	background: url("assets/images/arrow.png") no-repeat center / contain;
	position: absolute;
	top: 60%;
	right: -16%;
}

#makhana-process .makhana-process-step-text {
	text-align: left;
}

#makhana-process .makhana-arrow {
	width: 260px;
}

#makhana-process .makhana-arrow img {
	width: 100%;
	height: auto;
}

#makhana-process .makhana-hero-ig {
	margin-top: 30px;
}

#makhana-process .makhana-hero-ig img {
	max-width: 380px;
	height: auto;
	object-fit: contain;
}

#makhana-process .makhana-bg-sparks {
	position: absolute;
	inset: 0;
	pointer-events: none;
	opacity: .15;
}

.makhana-process-step-1 {
	max-width: calc(50% - 80px);
}
.makhana-process-step-2 {
	max-width: calc(50% - 80px);
}
.makhana-process-step-3 {
	max-width: calc(32% - 80px);
}
.makhana-process-step-4 {
	max-width: calc(40% - 80px);
}
.makhana-process-step-5 {
	max-width: calc(47% - 80px);
}

/* -------- Responsive -------- */

@media (max-width: 1300px) {

	#makhana-process br {
		display: none;
	}

	#makhana-process .makhana-process-step.makhana-process-step-2,
	#makhana-process .makhana-process-step.makhana-process-step-4 {
		flex-direction: row-reverse !important;
	}

	.makhana-process-step.makhana-process-step-4 .makhana-icon {
		width: 430px !important;
	}

	.makhana-process-step.makhana-process-step-3 .makhana-icon::after {
		content: "";
		display: inline-block;
		width: 200px;
		height: 65px;
		background: url("assets/images/down-arrow.png") no-repeat center / contain;
		position: absolute;
		top: 40px;
		left: -170px;
		transform: rotateY(-200deg) rotateZ(-15deg);
	}

	.makhana-process-step.makhana-process-step-1 .makhana-icon::before {
		content: "";
		display: inline-block;
		width: 100px;
		height: 100px;
		background: url("assets/images/arrow2.png") no-repeat center / contain;
		position: absolute;
		left: -30%;
		top: 100px;
	}

	.makhana-process-step.makhana-process-step-2 .makhana-icon::before {
		content: "";
		display: inline-block;
		width: 120px;
		height: 78px;
		background: url("assets/images/zing-arrow.png") no-repeat center / contain;
		position: absolute;
		top: 60px;
		right: -70px;
		z-index: 9999999;
		transform: rotate(116deg);
	}

	.makhana-process-step.makhana-process-step-4 .makhana-icon::before {
		transform: rotateY(180deg);
		top: 60px;
		right: -140%;
	}

	.makhana-icon img {
		width: 160px !important;
		height: auto;
	}

	.makhana-title {
		font-size: 2.5rem !important;
	}

	#makhana-process .makhana-process-step,
	#makhana-process .makhana-process-step-next,
	#makhana-process .step-3,
	#makhana-process .makhana-process-step-fun {
		text-align: center;
	}

	#makhana-process .makhana-process-step-text {
		max-width: 90%;
	}

	#makhana-process .makhana-hero-ig img {
		max-width: 260px;
	}

	/* 22 */
	.makhana-process-step.makhana-process-step-5 img {
		bottom: -135%;
		width: 200px !important;
		height: 180px !important;
		object-fit: cover;
		right: 0%;
	}

	#makhana-process .makhana-process-steps {
		flex-direction: row;
		align-items: center;
		row-gap: 40px;
		margin-top: 20px;
	}

	.makhana-process-step.makhana-process-step-2 img {
		width: 160px !important;
		height: 160px !important;
		bottom: -60px;
		right: 0;
	}

	.makhana-process-step.makhana-process-step-4 img {
		position: absolute;
		top: auto;
		bottom: -80px;
		width: 160px !important;
		height: 160px !important;
		object-fit: cover;
		right: 0;
		left: auto;
	}

	.makhana-process-step.makhana-process-step-3 img {
		right: 10%;
		top: -70px;
		height: 160px !important;
	}

	#makhana-process .makhana-process-step {
		flex-direction: row;
		align-items: center;
		justify-content: flex-start;
		text-align: center;
		gap: 12px;
		width: 100%;
		max-width: 100% !important;
		margin: 0 auto;
		position: relative !important;
		top: unset !important;
		left: unset !important;
		right: unset !important;
	}

	#makhana-process .makhana-icon {
		width: 100%;
		max-width: 50%;
		margin: 0 auto;
		position: relative;
	}

	#makhana-process .makhana-process-step-heading {
		font-size: 20px;
		text-align: left;
	}

	#makhana-process .makhana-process-step-text {
		font-size: 19px;
		text-align: left;
		max-width: 95%;
		margin: 0 auto;
	}
}

/* ************************ */