/*
Theme Name: Artha Life 2024
Theme URI: https://arthalife.lk/
Author: Gfella Inc.
Author URI: https://gfellalab.lk
Description: 
Requires at least: 6.4
Tested up to: 6.4
Requires PHP: 7.0
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: 
Tags: 
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


.element {
  /*background: var(--color-topnav);*/
}

html, body, h1, h2, h3, h4. p{
  	font-family:  var(--font-fam) !important;
}

.top-header{
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #FFF!important;
}

.web-logo{
	max-width: 285px !important;
}

.main-nav-bar{
	background-color: var(--color-mainthree) !important;
	color: var(--color-mainfour) !important;
}

.main-navigation{
	font-family:  var(--font-fam) !important;
	text-transform: uppercase;
	line-height: 20px;
	font-size: 15px;
	font-weight: 600 !important;
	background-color: var(--color-mainthree) !important;
}

.home-category-area{
	padding-top: 45px;
	padding-bottom: 45px;
	background-color: #fff !important;
}

.home-cat-h2{
	font-family:  var(--font-fam) !important;
	margin-top: 35px;
	margin-bottom: 35px;
	font-size: 29px !important;
	text-transform: uppercase;
	font-weight: 500 !important;
}

.home-cat-h2 span{
	color: #C42E36 !important;
}

.search-btn-custom:hover{
	-webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  background-color: var(--color-mainthree) !important;
  color: #fff !important;
  border: 1px solid var(--color-mainthree) !important;
  color: var(--color-mainfour) !important;
}

.search-btn-custom{
	-webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  background-color: var(--color-mainthree) !important;
  color: var(--color-mainfour) !important;
  border: 1px solid var(--color-mainthree) !important;
}

.main-navigation li a{
	color: var(--color-mainfour) !important;
}

.coming-soon-h2{
	font-family:  var(--font-fam) !important;
	font-weight: 300 !important;
	font-size: 35px;
}

.home-our-story{
	padding-top: 55px;
	padding-bottom: 55px;
	background: url("assets/images/abt-bg.jpg") no-repeat fixed center;
	background-size: cover;
}

.home-category-area2{
	padding-top: 55px;
	padding-bottom: 55px;
	background-color: #efefef !important;
}

.home-bev{
	padding: 15px !important;
	margin: 15px !important;
	border: 3px solid #dedede !important;
}

.home-bev:hover{
	border: 3px solid var(--color-mainone) !important;
}

.home-bev img{
	filter: brightness(100%) !important;
}

.home-bev img:hover{
	filter: brightness(65%) !important;
}

.home-bev h5{
	font-family: var(--font-fam) !important;
	color: #000 !important;
	font-weight: 500 !important;
	text-transform: uppercase;
	font-size: 18px !important;
	margin-top: 7px !important;
}

.al-dropdown{
	background-color: var(--color-mainthree) !important;
}

.al-dropdown li a:hover{
	background-color: var(--color-mainfour) !important;
	color: var(--color-mainthree) !important;
}

.home-abt-sec{
	padding-top: 55px;
	padding-bottom: 55px;
	background-color: #efefef !important;
}

.hero-area{
	
}

.btn-home-abt{
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	font-family: var(--font-fam) !important;
	background-color: var(--color-mainfour) !important;
	border: 1px solid var(--color-mainfour) !important;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--color-mainthree) !important;
	font-size: 15px;
}

.btn-home-abt:hover{
	background-color: #C42E36 !important;
	border: 1px solid #C42E36 !important;
}

.fea-prod-card{
	margin: 10px !important;
	-webkit-border-radius: 0 0 0 0 !important;
	border-radius: 0 0 0 0 !important;
	border: 1px solid #dedede !important;
}

.fea-prod-h5{
	font-family: var(--font-fam) !important;
	font-weight: 500 !important;
	font-size: 16px !important;
	text-transform: uppercase;
	height: 40px !important;
}

.fea-prod-btn{
	font-family: var(--font-fam) !important;
	margin-top: 10px !important;
	-webkit-border-radius: 0 0 0 0 !important;
	border-radius: 0 0 0 0 !important;
	background-color: #3f3f3f !important;
	border: 1px solid #3f3f3f !important;
}

.fea-prod-btn:hover{
	background-color: #C42E36 !important;
	border: 1px solid #C42E36 !important;
}

.home-cat-box01{
	margin-bottom: 105px !important;
	margin-top: 25px !important;
}

.home-cat-box02{
	margin-top: 105px !important;
	margin-bottom: 25px !important;
}

.home-cat-box01 h4, .home-cat-box02 h4{
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	font-family: var(--font-fam) !important;
}

.home-cat-box01 h4 span, .home-cat-box02 h4 span{
	color: var(--color-mainone) !important;
}

.btn-home-cat{
	-webkit-border-radius: 0 0 0 0;
	border-radius: 0 0 0 0;
	font-family: var(--font-fam) !important;
	background-color: var(--color-mainfour) !important;
	border: 1px solid var(--color-mainfour) !important;
	font-weight: 500;
	text-transform: uppercase;
	color: var(--color-mainthree) !important;
	font-size: 13.5px;
}

.btn-home-cat:hover{
	background-color: var(--color-mainone) !important;
	border: 1px solid var(--color-mainone) !important;
	color: #fff !important;
}

.home-artha-p{
	font-family: var(--font-fam) !important;
	color: #000 !important;
	font-size: 19px !important;
}

.artha-tea-home-h5{
	padding-top: 15px !important;
}

.artha-tea-home-h5 a{
	text-decoration: none !important;
	color: var(--color-black) !important;
}

.artha-tea-home-h5 a:hover{
	text-decoration: none !important;
	color: var(--color-mainone) !important;
}

.home-tea-banner{
	filter: brightness(60%) !important;
}

.main-footer{
	padding-top: 75px !important;
	padding-bottom: 75px !important;
}

.main-footer-top{
	border-bottom: 2px solid #efefef !important;
}

.main-footer-bottom{
	padding-top: 10px;
}

.main-footer-bottom span{
	font-family: var(--font-fam) !important;
	font-size: 0.85rem !important;
	color: #676768 !important;
}

.footer-h4{
	font-family: var(--font-fam) !important;
	font-weight: 600 !important;
	text-transform: uppercase;
	font-size: 1.21rem !important;
	color: var(--color-mainone) !important;
}

.footer-list{
	font-family: var(--font-fam) !important;
	font-size: 0.89rem !important;
	font-weight: 500 !important;
	margin-left: -30px !important;
}

.footer-list li{
	list-style: none !important;
	line-height: 35px !important;
}

.footer-list li a{
	text-decoration: none !important;
	color: #000 !important;
}

.footer-list li a:hover{
	text-decoration: none !important;
	color: var(--color-mainfour) !important;
}

.footer-p{
	font-family: var(--font-fam) !important;
	font-size: 0.89rem !important;
	font-weight: 500 !important;
}

.subform-input{
	-webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  font-family: var(--font-fam) !important;
}

.subform-btn{
	-webkit-border-radius: 0 0 0 0;
  border-radius: 0 0 0 0;
  color: #fff !important;
  background-color: var(--color-mainone) !important;
  border: 1px solid var(--color-mainfour) !important;
}

.subform-btn:hover{
  color: #fff !important;
  background-color: var(--color-black) !important;
  border: 1px solid var(--color-black) !important;
}

.tea-car-h5{
	font-family: var(--font-fam) !important;
	font-weight: 500 !important;
	font-size: 1.75rem !important;
	color: #fff !important;
	text-transform: uppercase !important;
}

.tea-car-p{
	font-family: var(--font-fam) !important;
	font-weight: 500 !important;
	font-size: 1.15rem !important;
	color: #fff !important;
}

.top-banner-in01{
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	background-color: #efefef !important;
}

.tea-banner-im{
	filter: brightness(75%) !important;
}

.tea-products-sec{
	padding-top: 45px !important;
	padding-bottom: 45px !important;
}

.tea-single-desc{
	padding-top: 25px !important;
	padding-bottom: 25px !important;
	border-bottom: 2px solid #efefef !important;
}

.tea-single-desc h4{
	font-family: var(--font-fam) !important;
	font-weight: 600 !important;
	font-size: 1.75rem !important;
	color: var(--color-mainone) !important;
	margin-bottom: 18px !important;
}

.tea-single-desc p{
	font-family: var(--font-fam) !important;
	font-weight: 400 !important;
	font-size: 1.05rem !important;
}

.cat-h5{
	font-family: var(--font-fam) !important;
	font-weight: 600 !important;
	color: #fff !important;
	text-transform: uppercase !important;
	font-size: 1.95rem !important;
}

.cat-im-banner{
	filter: brightness(60%) !important;
}

.four-zero-four-sec{
	padding-top: 45px;
	padding-bottom: 45px;
	background-color: #ffdda0 !important;
}

.slider-h5{
	font-family: var(--font-fam) !important;
	font-weight: 600 !important;
	font-size: 2.5rem !important;
	color: #fff !important;
}

.slider-p{
	font-family: var(--font-fam) !important;
	font-weight: 500 !important;
	font-size: 1.5rem !important;
	color: #fff !important;
}

.slider-im{
	filter: brightness(75%) !important;
}

.contact-sec{
	padding-top: 45px;
	padding-bottom: 45px;
}