/*
Theme Name: Palvin Organics
Theme URI: https://palvinorganics.com/
Author: Sage Digital Agency
Author URI: https://sage.agency/
Description: Palvin Organics custom desigend theme by Sage Digital Agency Team.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: elementor-header, elementor-footer, elementor-menu, wp-form, full-width-template, smooth animation, blogs, Sticky post, Google Fonts 
Text Domain: palvinorganics

/* FONTS
-----------------------*/
@font-face {
	font-family: "hate_your_writing";
	src: url(webfonts/HateYourWriting.ttf);
}
@font-face {
	font-family: "just_sans_light";
	src: url(webfonts/just-sans/JUST_Sans_Light.otf);
}
@font-face {
	font-family: "just_sans_reg";
	src: url(webfonts/just-sans/JUST_Sans_Regular.otf);
}
@font-face {
	font-family: "just_sans_med";
	src: url(webfonts/just-sans/JUST_Sans_Medium.otf);
}
@font-face {
	font-family: "just_sans_semi_bold";
	src: url(webfonts/just-sans/JUST_Sans_Semi_Bold.otf);
}
@font-face {
	font-family: "just_sans_bold";
	src: url(webfonts/just-sans/JUST_Sans_Bold.otf);
}

/* DYNAMIC CSS
-----------------------*/
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
}
::selection {
	background-color: var(--main-color);
	color: #fff;
}
:root {
	--main-color: #083832;
	--secondary: #116f63;
	--black: #041424;
	--yellow: #f9bf13;
	--ternary: #45566a;
	--bg: #fffceb;
	--white: #ffffff;
	--gray: #d3d3d3;
}

/* MAIN STYLESHEET
----------------------*/
html{ overflow-x: hidden; }
body{
	font-family: "just_sans_light";
	font-size: 18px;
	font-weight: 300;
	line-height: 1.5;
	overflow-x: hidden;
	background-color: var(--bg);
	color: var(--main-color);
}
h1, h2, h3, h4, h5, h6, p{ margin-bottom: 0; }
h1{ font-family: "hate_your_writing"; font-size: 120px; font-weight: 500; line-height: 1.2; }
h2{ font-family: "hate_your_writing"; font-size: 80px; font-weight: 500; line-height: 1.2; }
h3{ font-family: "hate_your_writing"; font-size: 70px; font-weight: 400; line-height: 1.2; }
h4{ font-family: "hate_your_writing"; font-size: 24px; font-weight: 500; line-height: 1.3; }
h5{ font-family: "hate_your_writing"; font-size: 20px; font-weight: 500; line-height: 1.5; }
h6{ font-family: "hate_your_writing"; font-family: "just_sans_light"; font-size: 26px; font-weight: 400; line-height: 1.5; }
p{ margin: 0 0 15px 0; }
a{ cursor: pointer; outline: 0; text-decoration: none; }
a:focus{ box-shadow: none; outline: none; text-decoration: none; }
button:focus{ outline: unset; }
img{ max-width: 100%; }
a img{ border: 0; }
.w-100 img{ width: 100%; }
label{ cursor: pointer; }
iframe{ max-width: 100%; }
.hidden{ display: none; }

/* COLORS
----------------------*/
.light-white{ color: var(--lightwhite); }
.primary{ color: var(--main-color); }
.secondary{ color: var(--secondary); }
.balck{ color: var(--balck); }
.bg{ background-color: var(--bg); }
.black{ color: var(--black); }

/* FONTSIZE
----------------------*/
.fs-14{ font-size: 14px; line-height: 1.5; }

/* PADDING & MARGINS 
----------------------*/
#main-content{ padding: 70px 0 35px 0; }
.theme-flush-top-space{ margin-top: -70px; }
.theme-flush-bottom-space{ margin-bottom: -35px; }
.pt70{ padding-top: 70px!important; }
.pb70{ padding-bottom: 70px!important; }
.ptb70{ padding-top: 70px!important; padding-bottom: 70px!important; }
.pt35{ padding-top: 35px!important; }
.pb35{ padding-bottom: 35px!important; }
.ptb35{ padding-top: 35px!important; padding-bottom: 35px!important; }

/* SEARCH FORM
----------------------*/
.search-form label{ position: relative; margin: 0; width: calc( 100% - 50px ); }
.search-form .search-field{ width: 100%; height: 50px; border: 1px solid var(--gray); border-radius: 0; padding: 10px 15px; margin-bottom: 0; }
.search-form .search-field:focus-visible{ outline: unset; }
.search-form .search-submit{
	float: right;
	width: 50px; height: 50px;
	padding: 0;
	background-color: var(--black);
	border: 1px solid var(--gray);
	border-radius: 0;
	cursor: pointer;
}
.search-form .search-submit i{ font-size: 18px; color: var(--white); }

/* POST COMMON
----------------------*/
.post-meta .meta{ display: inline-block; margin: 0 10px 3px 0; }
.post-meta .meta i, .post-meta .meta img{ margin-right: 2px; }
.post-categories{ padding: 0; margin: 0; display: inline-block; list-style-type: none; }
.post-categories a, .post-meta .meta a, .entry-title a{ color: inherit; }
#commentform label{ position: relative; background-color: unset; color: var(--white); top: 0; left: 0; padding: 0; margin-bottom: 5px; }
#commentform .form-group{ margin-bottom: 1.5rem; }

/* WIDGET COMMON
----------------------*/
aside.sidebar .widget{ margin-bottom: 25px; }
aside.sidebar .widget ul{ margin: 0; padding: 0; list-style-type: none; }
aside.sidebar .widget ul li{ padding: 8px 0; border-bottom: 1px solid var(--gray); }

/* PAGINATION COMMON
----------------------*/
.pagination{ margin-bottom: 0; }
.pagination-wrap{ width: 100%; text-align: center; }
.page-item .page-link{ color: var(--white); background-color: #ec622c; border: 1px solid var(--gray); padding: 7px 15px; }
.page-item.active .page-link,
.page-item .page-link:hover{ color: var(--white); background-color: var(--black); border: 1px solid var(--gray); }
.page-item .page-link:focus{ box-shadow: unset; }
.page-item:first-child .page-link{ border-radius: 0	; }
.page-item:last-child .page-link{ border-radius: 0; }

/* BUTTONS 
----------------------*/
.btn{
	position: relative;
	font-family: "just_sans_light";
	font-size: 24px;
	font-weight: 300;
	line-height: 1;
	padding: 15px 30px 15px 30px;
	border-radius: 15px;
}
.btn.btn-theme{ color: #ffffff; background: #083832; border: 1px solid #083832; }
.btn.btn-theme:hover{  }
.btn.focus, .btn:focus{ outline: unset; -webkit-box-shadow: unset; box-shadow: unset; }

/* HEADER
----------------------*/
.admin-bar .fixed-top{ top: 32px; }
@media screen and (max-width: 782px) {
	.admin-bar .fixed-top{ top: 46px; }
}
.site-header{
	position: relative;
	padding: 40px 30px 50px 30px;
	background-image: url(images/header-bg.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
}
.home .site-header{ display: none; }
.navbar{ padding: 0; margin: 0; }
.navbar .navbar-brand img{ max-width: 150px; }
.navbar .navbar-nav > li.menu-item{ padding: 0 35px 0 35px; margin: 0; }
.navbar .navbar-nav > li.menu-item > a{ font-family: "just_sans_light"; font-size: 20px; color: #fffceb; }
.navbar .navbar-nav > li.menu-item > a:hover{ color: #fffceb; }
.navbar .navbar-right .top-items{ padding: 0; margin: 0; list-style: none; }
.navbar .navbar-right .top-items > li{ padding: 0 0 0 40px; display: inline-block; position: relative; }
.navbar .navbar-right .top-items > li img{ max-width: 22px; }

/* HOME 
----------------------*/
.about{ position: relative; padding-top: 330px; background-color: var(--main-color); }
.about::before{
	content: "";
	position: absolute;
	top: -40px; left: 50%;
	transform: translateX(-50%);
	width: 110%; height: 200px;
	background-image: url(images/bg-shape.svg);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
.about::after{
	content: "";
	position: absolute;
	bottom: -40px; left: 50%;
	transform: translateX(-50%);
	width: 110%; height: 200px;
	background-image: url(images/bg-shape.svg);
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}
.about .top img{
	position: relative;
	top: 0px; right: -80px;
	transform: rotate(-120deg);
	width: 100px; height: auto;
	object-fit: contain;
}
.about .bottom{ display: flex; justify-content: space-between; align-items: center; gap: 50px; }
.about .bottom .desc h2 span{ color: var(--yellow); line-height: 1; text-indent: 50px; }
.about .bottom .desc p:not(:last-child){ text-indent: 50px; margin-bottom: 24px; text-align: justify; }
.about .bottom .desc p{ color: #fffceb; opacity: 0.9; }
.about .bottom .desc p span{ color: #fff; font-weight: 600; opacity: 1; }
.about .bottom .img-box{ width: 420px; min-width: 420px; height: auto; overflow: hidden; }
.about .bottom .img-box img{ width: 100%; height: 100%; object-fit: contain; }

.products-grid{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 42px 32px; place-items: center; }
.product-box{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 42px;
	padding: 24px 44px;
	border-radius: 24px;
	background-color: var(--yellow);
}
.product-box img{
	width: auto;
	min-width: 100px;
	max-width: 130px;
	height: 150px;
	object-fit: contain;
	object-position: center;
}
.product-box-inner{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.product-box-inner h3{ color: #083832!important; }
.products-section{ padding: 80px 0; }
.products-section h2{ margin-bottom: 70px; }
.choose h2.main-heading{ position: relative; display: inline; margin-bottom: 80px; }
.choose h2.main-heading::after{
	content: '';
	position: absolute;
	bottom: -30px; right: -70px;
	width: 250px; height: 60px;
	background-image: url(images/Icon/02.svg);
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}
.choose .choose-box{ text-align: center; }
.choose .choose-box p{ max-width: 350px;  margin-left: auto; margin-right: auto; color: var(--secondary); }
.choose .choose-grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 42px; margin-bottom: 40px; }
.choose .second-heading img{ width: 80px; height: 80px; object-fit: contain; }
.choose .second-heading{ margin: 70px 0 50px; }
.choose .logo{
	width: 250px; height: 250px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 100px;
}
.choose .logo img{ width: 100%; height: 100%; }

.choose-bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; }
.choose-bg .img-bg1{ position: absolute; bottom: -50px; left: -120px; width: 390px; height: 740px; object-fit: contain; }
.choose-bg .img-bg2{ position: absolute; top: 0px; right: -320px; width: 610px; height: 560px; object-fit: contain; }
.choose-bg .img-bg3{ position: absolute; bottom: 0px; right: -120px; width: 300px; height: 320px; object-fit: contain; }

/* CONTACT US SECTION
----------------------*/
.contact-us-section{
	position: relative;
	padding: 70px 0 100px 0;
	background: url(images/contact-us-bg.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
}
.contact-us-section .client-info{ padding: 90px 30px 0 10px; }
.contact-us-section .client-info img{ padding: 0 0 50px 0; }
.contact-us-section .client-info p{ color: #093832; margin-bottom: 30px;  }
.contact-us-section .contact-form{ padding: 0 0 0 50px; }
.contact-us-section .contact-form .form-group{ margin-bottom: 5px; }
.contact-us-section .contact-form label{
	font-family: "hate_your_writing";
	font-size: 48px;
	font-weight: 500;
	line-height: 1.2;
}
.contact-us-section .contact-form .form-control{
	padding: 15px 20px;
	color: #083832;
	background-color: #ebe7d7;
	border: 1px solid #ebe7d7;
	border-radius: 15px;
}

/* CMS PAGE
-----------------------*/
.page-id-3 .entry-content,
.page-id-173 .entry-content,
.page-id-15 .entry-content{ padding-bottom: 70px; }
.page-id-3 .entry-content h1,
.page-id-173 .entry-content h1,
.page-id-15 .entry-content h1{ line-height: 0.7; margin-bottom: 30px; }

/* FOOTER
----------------------*/
footer{ position: relative; }
footer::before{
	content: "";
	position: absolute;
	top: -40px; left: 50%;
	transform: translateX(-50%);
	width: 110%; height: 200px;
	background-image: url(images/bg-shape.svg);
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
	z-index: -1;
}
.footer1{ width: 100%; height: auto; padding: 60px 0; background-color: var(--main-color); }
.footer1 .logo{ width: 320px; height: 100px; overflow: hidden; }
.footer1 .logo img{ width: 100%; height: 100%; object-fit: contain; }
.footer1 .footer1-inner{ display: flex; justify-content: space-between; align-items: center; gap: 42px; }
.footer1 h6{ font-size: 20px; color: #fff; }
.footer2{ display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; padding: 20px 40px; }
.footer2 p{ color: var(--secondary); margin-bottom: 0; }
.footer2 p img{ width: 40px; height: 40px; object-fit: contain; }

.cow-wrapper{ position: relative; width: 100%; height: 450px; z-index: 2; }
.cow-wrapper .img-box{
	width: 750px;
	height: 650px;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
.cow-wrapper .img-box .cow-img{ width: 100%; height: 100%; object-fit: contain; }
.cow-wrapper .img-box .stamp{
	position: absolute;
	top: 30px; left: 60%;
	width: 200px; height: 200px;
	transform: translateX(-40%);
}

/* RESPONSIVE
----------------------*/
@media only screen and (max-width: 1399px) {
	#main-content{ padding: 60px 0 30px 0; }
	.theme-flush-top-space{ margin-top: -60px; }
	.theme-flush-bottom-space{ margin-bottom: -30px; }
	.pt70{ padding-top: 60px!important; }
	.pb70{ padding-bottom: 60px!important; }
	.ptb70{ padding-top: 60px!important; padding-bottom: 60px!important; }
	.pt35{ padding-top: 30px!important; }
	.pb35{ padding-bottom: 30px!important; }
	.ptb35{ padding-top: 30px!important; padding-bottom: 30px!important; }
	.contact-us-section{ padding: 60px 0 90px 0; }
	.contact-us-section .client-info{ padding: 80px 20px 0 10px; }
	.contact-us-section .client-info img{ padding: 0 0 40px 0; }
	.contact-us-section .contact-form{ padding: 0 0 0 40px; }
	.contact-us-section .contact-form label{ font-size: 46px; }
}
@media only screen and (max-width: 1199px) {
	#main-content{ padding: 50px 0 25px 0; }
	.theme-flush-top-space{ margin-top: -50px; }
	.theme-flush-bottom-space{ margin-bottom: -25px; }
	.pt70{ padding-top: 50px!important; }
	.pb70{ padding-bottom: 50px!important; }
	.ptb70{ padding-top: 50px!important; padding-bottom: 50px!important; }
	.pt35{ padding-top: 25px!important; }
	.pb35{ padding-bottom: 25px!important; }
	.ptb35{ padding-top: 25px!important; padding-bottom: 25px!important; }

	.site-header{ padding: 30px 30px 40px 30px; }
	.navbar .navbar-nav > li.menu-item{ padding: 0 20px 0 20px; margin: 0; }
	.navbar .navbar-right .top-items > li{ padding: 0 0 0 30px; }

	.contact-us-section{ padding: 50px 0 80px 0; }
	.contact-us-section .client-info{ padding: 70px 10px 0 10px; }
	.contact-us-section .client-info img{ padding: 0 0 30px 0; }
	.contact-us-section .contact-form{ padding: 0 0 0 30px; }
	.contact-us-section .contact-form label{ font-size: 44px; }
}
@media only screen and (max-width: 991px) {
	#main-content{ padding: 40px 0 20px 0; }
	.theme-flush-top-space{ margin-top: -40px; }
	.theme-flush-bottom-space{ margin-bottom: -20px; }
	.pt70{ padding-top: 40px!important; }
	.pb70{ padding-bottom: 40px!important; }
	.ptb70{ padding-top: 40px!important; padding-bottom: 40px!important; }
	.pt35{ padding-top: 20px!important; }
	.pb35{ padding-bottom: 20px!important; }
	.ptb35{ padding-top: 20px!important; padding-bottom: 20px!important; }

	h1{ font-size: 80px; }
	h2{ font-size: 52px; }
	h3{ font-size: 40px; }
	h4{ font-size: 22px; }
	h5{ font-size: 18px; }
	h6{	font-size: 20px; }
	p{ font-size: 18px;	}
	ul li{ font-size: 18px; }
	.site-header{ padding: 20px 20px 30px 20px; }
	.navbar .navbar-toggler{
		position: absolute;
		right: 15px;
		padding: 8px;
		color: #093832;
		background-color: #fffceb;
		border: 0;
	}
	.navbar .navbar-toggler:focus{ box-shadow: unset; }
	.navbar .navbar-open-icon i{ width: 30px; height: 30px; line-height: 30px; font-size: 22px; }
	.navbar .navbar-close-icon i{ width: 30px; height: 30px; line-height: 30px; font-size: 26px; }
	.navbar .navbar-collapse{
		position: absolute;
		top: 55px;
		right: 15px!important;
		width: 230px;
		color: #083832;
		background-color: #f9bf13;
		border: 1px solid #f9bf13;
		border-radius: 10px;
		padding-top: 10px;
		padding-bottom: 10px;
		z-index: 999;
		line-height: 1;
	}
	.navbar .navbar-nav > li.menu-item{ padding: 15px 20px 15px 20px; }
	.navbar .navbar-nav > li.menu-item > a{ color: #083832; }
	.navbar .navbar-nav > li.menu-item > a:hover{ color: #083832; }
	.navbar .navbar-right{ margin-right: 55px; }
	.navbar .navbar-right .top-items > li{ padding: 0 20px 0 0; }
	.brand{ max-width: 130px; height: 60px; }
	.btn-fill{ padding: 10px 26px; }
	.product-box{ gap: 15px; padding: 24px 20px; }
	.product-box img{ min-width: 100px; height: 100px; }
	.products-grid{ gap: 38px 26px; }
	.products-section h2{ margin-bottom: 48px; }
	.shop-title{ margin-bottom: 48px; }
	.choose .choose-box p{ max-width: 250px; margin: 0 auto; }
	.choose .second-heading img{ width: 40px; height: 40px; }
	.choose .logo{ width: 180px; height: 180px; }
	.footer2 p img{ width: 30px; height: 30px; }
	.choose-bg .img-bg1{ width: 273px; height: 490px; left: -60px; }
	.choose-bg .img-bg2{ width: 427px; height: 390px; right: -230px; }
	.choose-bg .img-bg3{ width: 210px; height: 210px; right: -60px; }
	.cow-wrapper .img-box{ width: 600px; height: 500px; }
	.cow-wrapper .img-box .stamp{ width: 150px; height: 150px; }
	.cow-wrapper{ height: 380px; }
	.about .bottom{ flex-direction: column; }
	.about .bottom .img-box { width: 310px; min-width: 310px; }
	.contact-us-section .client-info{ padding: 0; }
	.contact-us-section .client-info img{ padding: 0 0 30px 0; }
	.contact-us-section .contact-form{ padding: 0; }
	.contact-us-section .contact-form label{ font-size: 42px; }
	.page-id-3 .entry-content,
	.page-id-173 .entry-content,
	.page-id-15 .entry-content{ padding-bottom: 50px; }
	.page-id-3 .entry-content h1,
	.page-id-173 .entry-content h1,
	.page-id-15 .entry-content h1{ line-height: 0.7; margin-bottom: 25px; }
}
@media only screen and (max-width: 767px) {
	.product-box img{ min-width: 60px; height: 70px; }
	.products-grid{ gap: 26px; }
	.footer1 .footer1-inner{ flex-direction: column; text-align: center; }
	.footer1 .logo{ width: 220px; height: 70px; }
	.footer1{ padding: 50px 0; }
	.choose h2.main-heading::after{ width: 180px; height: 40px; right: -50px; }
	.choose h2.main-heading{ margin-bottom: 40px; }
	.footer1{ padding: 70px 0; }
	.contact-us-section .contact-form label{ font-size: 40px; }
	.page-id-3 .entry-content,
	.page-id-173 .entry-content,
	.page-id-15 .entry-content{ padding-bottom: 30px; }
	.page-id-3 .entry-content h1,
	.page-id-173 .entry-content h1,
	.page-id-15 .entry-content h1{ line-height: 0.7; margin-bottom: 20px; }
}
@media only screen and (max-width: 575px) {
	h1{ font-size: 56px; }
	h2{ font-size: 42px; }
	h3{ font-size: 36px; }
	h4{ font-size: 24px; }
	h5{ font-size: 16px; }
	h6{ font-size: 16px; }
	p{ font-size: 12px; }
	ul li{ font-size: 12px; }
	.site-header{ padding: 15px 5px 30px 5px; }
	.navbar .navbar-brand img{ max-width: 130px; }
	.navbar .navbar-right{ margin-right: 50px; }
	.navbar .navbar-right .top-items > li{ padding: 0 15px 0 0; }
	.product-box img{ height: 100px; }
	.products-grid{ gap: 24px; grid-template-columns: repeat(1, 1fr); }
	.choose .logo{ width: 120px; height: 120px; }
	.choose .second-heading{ margin: 50px 0 40px; }
	.footer1 .logo{ width: 170px; height: 50px; }
	.footer1 .footer1-inner{ gap: 24px; }
	.footer2{ justify-content: center; padding: 20px 30px; }
	footer::before{ top: -10px; }
	.choose-bg .img-bg1{ width: 190px; height: 298px; left: -60px; }
	.choose-bg .img-bg2{ width: 298px; height: 273px; right: -150px; }
	.choose-bg .img-bg3{ width: 150px; height: 150px; right: -40px; }
	.cow-wrapper .img-box{ width: 400px; max-width: 100%; max-height: 300px; }
	.cow-wrapper .img-box .stamp{ width: 100px; height: 100px; }
	.cow-wrapper{ height: 220px; }
	.cow-wrapper .img-box .stamp{ top: 0; }
	.products-section{ padding: 60px 0 50px; }
	.about .bottom .img-box{ width: 310px; min-width: 310px; max-width: 100%; }
	.contact-us-section .client-info p{ margin-bottom: 20px; }
	.contact-us-section .contact-form label{ font-size: 38px; }
}