/*
Theme Name: Agria Child
Theme URI: http://demo.bravisthemes.com/agria/
Template: agria
Author: Bravis-Themes
Author URI: https://themeforest.net/user/bravis-themes/
Description: Agria is an Awesome Theme for the website of Agriculture, Fruits & Vegetable, dairy & cheese farm, eco solutions and organic food products and many more. The template contains 22 unique pages and 6 unique home page variations in light and dark modes.
Tags: agriculture,clean,ecology,farm,farmer,farming,health,livestock,organic,organic farm,organic food,retail,shop,woocommerce
Version: 1.0.0.1735031511
Updated: 2024-12-24 14:41:51

*/

/*body*/

.fa, .fad, .fal, .far, .fas{
	font-family: "Font Awesome 5 Pro" !important;
}

.fab {
    font-family: "Font Awesome 5 Brands" !important;
}

/*header*/

#pxl-header-elementor .pxl-header-elementor-main, #pxl-header-elementor .pxl-header-elementor-sticky {
	display: block !important;
}

#pxl-header-elementor #pxl-header-mobile {
    display: none !important;
}

/*end*/

/*GTranslate*/

#gtranslate-css .gtranslate_wrapper .gt_selector{
    background-color: transparent;
    color: #ffffff;
    border: 1px solid #26d351;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 0px !important;
	height: 42px !important;
}

#gtranslate-css .gtranslate_wrapper select option{
	color: #000 !important;
}

#gtranslate-mobile .gtranslate_wrapper .gt_selector{
    background-color: transparent;
    color: #000;
    border: 1px solid #26d351;
    border-radius: 5px;
    padding: 5px 10px;
    margin-bottom: 0px !important;
	height: 32px !important;
}

/*end*/

/* Styling for Lead Manager */

.farmer-leader-manager {
	display: flex;
    background: #e6fffa;
    border: 1px solid #81e6d9;
    border-radius: 10px;
    padding: 10px 10px;
    font-weight: bold;
}

.farmer-leader-manager p{
	font-size: 16px;
    color: #2c7a7b;
	margin: 0 0 0px;
}

.farmer-leader-manager h6{
	margin-left: 5px;
	margin-bottom: 0px;
}

.farmer-leader-manager-error {
    font-size: 14px;
    color: #e53e3e; /* Red color for error */
    background: #fff5f5; /* Light red background */
    border: 1px solid #fed7d7;
    border-radius: 8px;
    padding: 10px 15px;
    margin: 15px 0;
    text-align: center;
}

/*end*/

/*farmer loop*/

.farmer-loop-css .elementor-container.elementor-column-gap-default {
	padding: 0 0px !important;
}

/*end*/

/*login popup*/

.xoo-el-form-container button.button.btn.xoo-el-action-btn{
	line-height: 50px !important;
}

/*end*/

/*brave popup plugin css*/

.brave_form_fields .brave_form_field.brave_form_field--textarea textarea{
	min-height: 60px !important;
}

.brave_form_fields input::placeholder, 
.brave_form_fields textarea::placeholder {
    color: #3d3d3d !important;
    opacity: 1 !important;
}

.brave_popup .brave_element.brave_element--form .brave_form_button button,
#brave_popup_12519__step__0 #brave_element--OUshK8TUp8eluH6ZYBm .brave_form_button button{
	line-height: 40px !important;
    height: 40px !important;
}

/*end*/

/* Media Queries */

/* Above 1025px screen */
@media (min-width: 1025px) {
	#header-css{
		z-index: 12 !important;
	}
	#header-css .pxl-menu-primary > li > a {
        line-height: 90px !important;
    }
	#logo-css .pxl-logo{
		position: absolute !important;
		left: 60px;
		top: -64px;
	}
	#header-css .pxl-logo a{
		background-color: #FFFFFF !important;
		padding: 5px 5px 5px 5px !important;
		border-radius: 50% 50% 50% 50% !important;
		box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.5) !important;
	}
	#pxl-main .container .pxl-content-wrap {
    padding: 0px 100px 0px 100px!important;
   }
}

/* Large Desktop Screen CSS */
@media (min-width: 1366px) and (max-width: 1460px) {
	.top-header-list .elementor-widget-container{
		padding: 0px 0px 0px 260px !important;
	}
	/*.single-post #pxl-main{
	padding: 0px 100px 150px 100px!important;
    }*/
    #pxl-main .container .pxl-content-wrap {
    padding: 0px 100px 0px 100px!important;
   }
}

/* Desktop Screen CSS */
@media (min-width: 1280px) and (max-width: 1365px) {
    #logo-css .pxl-logo img {
    	max-height: 140px !important;
	}
	#logo-css .pxl-logo{
		left: 40px;
		top: -60px;
	}
	#header-css .pxl-menu-primary > li > a {
        line-height: 80px !important;
    }
	.top-header-list .elementor-widget-container{
		padding: 0px 0px 0px 240px !important;
	}
	/*.single-post #pxl-main{
	padding: 0px 100px 150px 100px!important;
    }*/
	#pxl-main .container .pxl-content-wrap {
    padding: 0px 100px 0px 100px!important;
   }
}

/* Small Desktop 3 Screen CSS */
@media (min-width: 1200px) and (max-width: 1279px) {
	#logo-css .pxl-logo img {
    	max-height: 140px !important;
	}
	#logo-css .pxl-logo{
		left: 40px;
		top: -60px;
	}
	#header-css .pxl-menu-primary > li > a {
        line-height: 80px !important;
    }
	.top-header-list .elementor-widget-container{
		padding: 0px 0px 0px 200px !important;
	}
}

/* Small Desktop 2 Screen CSS */
@media (min-width: 1080px) and (max-width: 1199px) {
    #logo-css .pxl-logo img {
    	max-height: 140px !important;
	}
	#logo-css .pxl-logo{
		left: 40px;
		top: -60px;
	}
	#header-css .pxl-menu-primary > li > a {
        line-height: 80px !important;
    }
	.top-header-list .elementor-widget-container{
		padding: 0px 0px 0px 260px !important;
	}
	.top-header-list .elementor-widget-container ul li:first-child{
		display: none !important;
	}
	#primarymenu{
		width: 75% !important;
		padding: 0px 0px 0px 120px !important;
	}
	#myaccount{
		width: 15% !important;
	}
	#primarymenu .elementor-nav-menu--main .elementor-nav-menu a{
		padding: 13px 15px !important;
	}
}

/* Small Desktop 1 Screen CSS */
@media (min-width: 1024px) and (max-width: 1079px) {
    #logo-css .pxl-logo img {
    	max-height: 140px !important;
	}
	#logo-css .pxl-logo{
		left: 40px;
		top: -60px;
	}
	#header-css .pxl-menu-primary > li > a {
        line-height: 80px !important;
    }
	.top-header-list .elementor-widget-container{
		padding: 0px 0px 0px 250px !important;
	}
	.top-header-list .elementor-widget-container ul li:first-child{
		display: none !important;
	}
	#primarymenu{
		width: 75% !important;
		padding: 0px 0px 0px 120px !important;
	}
	#myaccount{
		width: 15% !important;
	}
	#primarymenu .elementor-nav-menu--main .elementor-nav-menu a{
		padding: 13px 15px !important;
	}
}

/* Below 1199px screen */
@media (max-width: 1199px) {
	#pxl-header-elementor .pxl-header-elementor-sticky.pxl-header-fixed{
		display: none !important;
	}
}

/* Below 1024x screen */
@media (max-width: 1024px) {
	.top-header-list .elementor-widget-container{
		padding: 0px 0px 0px 20px !important;
	}
	#header-css{
		padding: 0px 15px 0px 15px !important;
	}
	.elementor-nav-menu--dropdown.elementor-nav-menu__container{
		width: 100% !important;
    	left: 0 !important;
	}
	 #pxl-wapper .pxl-sidebar-area {
         max-width: 100%!important; 
   }
}

/* Tablet Pro CSS */
@media (min-width: 992px) and (max-width: 1023px) {
    /* CSS for Tablet Pro */
	 .single-post #pxl-main {
    padding: 0px 0px 150px 0px !important;
   } 
	 #pxl-wapper .pxl-sidebar-area {
         max-width: 100%!important; 
   }
}

/* Tablet CSS */
@media (min-width: 768px) and (max-width: 991px) {
    /* CSS for Tablet */
	 .single-post #pxl-main {
    padding: 0px 0px 150px 0px !important;
   }
	 #pxl-wapper .pxl-sidebar-area {
         max-width: 100%!important; 
   }
}

/* Mobile CSS */
@media (max-width: 767px) {
    .elementor-container .elementor-column-gap-default{
	 padding: 0px 6px!important;
	}
	 .single-post #pxl-main {
    padding: 0px 0px 150px 0px !important;
   }
}

/* Mini Mobile CSS */
@media (max-width: 420px) {
     .elementor-container .elementor-column-gap-default{
	 padding: 0px 6px!important;
	}
	 .single-post #pxl-main {
    padding: 0px 0px 150px 0px !important;
   }
}
 /*  styles for landscape mobile screens here */
@media only screen and (orientation: landscape) and (max-width: 767px){
	.elementor-container .elementor-column-gap-default{
	 padding: 0px 10px!important;
	}
}
/* contact us section css strt here*/
.elementor-position-left .elementor-icon-box-icon {
    background-color: #c9f3cb!important;
    padding: 10px!important;
	border-radius: 50%!important;}
/* End*/

/*single page blog css start here*/

.pxl--author-info{ 
	display:none!important;
  }

.pxl--post-footer .pxl--tags{
	display:none!important;
  }
.widget-content {
	margin-bottom: 50px!important;
    background: #f4f5f8!important;
    border-radius: inherit!important;
    padding: 40px!important;
	box-shadow:4px 4px 4px -1px rgb(0 0 0 / 10%) !important}
/*End*/
@media (min-width: 1200px) {
    .col-xl-9 {
         max-width: 65%!important;
	}
    .col-xl-3 {
        -webkit-box-flex: 0;
        flex: 1 0 25%!important;
        max-width: 100%!important;
    }
}
/* End */
/*blog page css start here*/
.item--holder{
	padding: 50px!important;
    box-shadow: 1px 4px 20px -2px rgb(0 0 0 / 10%)!important;
    border-radius: 0 0 8px 8px!important;
    overflow: hidden!important;
  }
.item--featured {
	margin-bottom: 0px!important;
  }
/*End*/
.wp-post-image{
	width:100%!important;
    height:500px!important;
	background-size:cover!important;
	background-position:center!important;
	object-fit: cover!important;
}