/*
Theme Name: www.farmersinc.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills
Tags: Sandhills default
*/
/*--------------------------------------------------------------
## Editor class styles
--------------------------------------------------------------*/
@media only screen and (min-width : 1055px) {
	.collapse:not(.show){display: flex !important;}
	#menu-primary{display: flex;flex-direction: row;justify-content: center;width: 100%;}
	ul li .sub-menu {position: absolute !important;}
	#menu-primary a {display: block;padding: 10px;}
}
@media only screen and (max-width : 1055px) {
	.navbar-header{width:100%}
	.hamburger {float: right;}
	#menu-primary a {display: block;}
	.navbar-default .navbar-nav  li a.show  {color: #555 !important;background-color: #e7e7e7;}
	.navbar-default .navbar-nav  li a.sub-menu-link  {color: #777;}
}
a{text-decoration: none !important;}
a::after {content: none !important;}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	font-family: 'Roboto Condensed', sans-serif;
	height:100%;
	width:100%;
}
body {font-family: 'Roboto Condensed', sans-serif; padding: 0;}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
.wp-custom-header {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.wp-custom-header iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Class for Google Map widget */
.google_map {
	width:100%; 
	min-height:58vh;
}
.navbar-default { 
	background-color:transparent!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:0!important;
}
.navigation-top {
	width:100%;
	background:#000;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#fff;
	font-size:1.5em;
}
.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
	font-size:16px;
	text-transform: uppercase;
	font-weight: 700;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#ffbb4d;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #fff;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #ffbb4d;
    transition: linear 0.2s;
}
.hamburger-inner, .hamburger-inner::after, .hamburger-inner::before{background-color:#fff!important;}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

#wp-admin-bar-new-content-default {
	display: none;
}

/*===================== 
	typography 
	Red:#d70000;
	Yellow:#ffbb4d;
=======================*/

h1, h2, .h2, h3, h4, h5, .h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: 700;
	text-transform: uppercase;
	}
	h1 {font-size:30px; padding:2% 0;}
	h2, .h2 {font-size: 26px; padding:2% 0 1% 0;}
	h3 {font-size:21px; padding:2% 0 .5% 0}
	h4 {font-size:18px; padding:1% 0 0 0;}
	h4 {font-size:18px; padding:1% 0 0 0;}
	h5, .h5 {font-size:18px; color:#ffbb4d;}
	h6 {}


p {
	margin: 0;
	font-size: 18px;
	padding: 1% 0;
	}
.head-info{font-size:21px;}
.bold {font-weight: bold;}

a.blk_btn{
	background:#000;
	color:#fff;
	display: block;
	max-width: 200px;
	text-align: center;
	text-transform: uppercase;
	padding: 1.5% 0;
	margin: 5% 0;
}
a.blk_btn:hover{
	background:#fff;
	color:#000;
	text-decoration: none;
}
.btn-wrap a{
	display: block;
	max-width: 300px;
	background:#d70000;
	color:#fff;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-size:16px;
	margin: 1% 0;
	padding:1%;
}
.btn-wrap a:hover{
	display: block;
	background:#000;
}

a.yellow-btn{
	display: block;
	width:22%;
	float:left;
	box-sizing: border-box;
	text-transform: uppercase;
	font-size: 24px;
	font-weight: 400;
	padding: 1.5% 1%;
	background: #ffbb4d;
	margin: 2% 1.5%;
	text-align: center;
}
a.yellow-btn:hover{ 
	text-decoration: none;
	color:#000;
	background: #FFD797;
}

a.yellow-btn img{width:20%; display: inline-block;}
/*===================== 
	link styles 
=======================*/
a {color:inherit;}
a:hover {color: #7a878e;}
/*===================== 
	header styles 
=======================*/
.main_logo{ 
	width:100%;
	max-width: 572px; 
	display: block; 
	float: left;
	padding: 2% 0 2% 4%;
}
.header_text{
	text-align: right;
	padding: 6% 10% 6% 0;
}

/*===================== 
	Figure styles 
=======================*/

/********* Grid and hover effect ************/
.grid {
	position: relative;
	margin: 0 auto;
	padding: 0;
	list-style: none;
	text-align: center;
}

/* Common style */
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	margin: 0;
	width: 100%;
	background: #000;
	text-align: center;
	cursor: pointer;
}

.grid figure img {
	position: relative;
	display: block;
	max-width: 100%;
}

.grid figure figcaption {
	padding: 1%;
	color: #fff;
	font-size: 18px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 95%;
	height: 95%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure .h2 { display: block; 
	word-spacing: -0.15em;
	letter-spacing: 1px;
	color:white;
	padding: 12% 0 0 0;
	font-size: 30px;
	text-transform: uppercase;
}

.grid figure .h2 span {
	font-weight: 800;
}

.grid figure .h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
	letter-spacing: 1px;
	font-size: 15px;
	color:#fff;
	padding: 0;
}

/***** Lily Hover Effect *****/

figure.effect-lily img {
	opacity: 0.4;
	width:100%;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}

figure.effect-lily figcaption {
	text-align: center;
}

figure.effect-lily figcaption > div {
	position: absolute;
	bottom: 0;
	left: 0;
	padding: 2em;
	width: 100%;
	height: 50%;
}

figure.effect-lily .h2,
figure.effect-lily p {
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-lily .h2 {
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

figure.effect-lily p {
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}

figure.effect-lily:hover img{
	opacity: .7;
}
figure.effect-lily:hover p {
	opacity: 1;
}

figure.effect-lily:hover img,
figure.effect-lily:hover .h2,
figure.effect-lily:hover p {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-lily:hover p {
	-webkit-transition-delay: 0.05s;
	transition-delay: 0.05s;
	-webkit-transition-duration: 0.35s;
	transition-duration: 0.35s;
}
/******************************************/


/*===================== 
	slideshow styles 
=======================*/
.carousel img{width:100%;}

/*===================== 
	layout styles 
=======================*/

.wrap {
	width: 100%;
	margin: 0;
	}
.text-wrap{
	padding: 4% 0;
}
.text-container{
	max-width: 600px;
	box-sizing: border-box;
	padding:9% 3%;
}
.msg-wrap, #sidebar1-sideBar7 img{
	min-height: 375px;
}
	
.site-container {
	max-width: 1300px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:2%;
	float:none;
	}
.large-container {
	max-width: 1890px;
	margin: 0 auto;
	box-sizing: border-box;
	padding:1% 2%;
	}

.new-manu img{
	width: 70% !important;
	height: auto !important;
	margin: auto;
}
	
.col-1-6 { width: 16%; box-sizing:border-box;}
.col-1-5 { width: 20%; box-sizing:border-box;}
.col-1-4 { width: 24%; box-sizing:border-box; padding: 2% 4% !important;}
.col-1-3 { width: 33%; box-sizing:border-box;}
.col-1-2 { width: 47%; box-sizing:border-box; float:left; padding:1%;}
.col-2-3 { width: 65%; box-sizing:border-box;}
.col-3-4 { width: 75%; box-sizing:border-box;}

.post-container-staff{
	display: flex;
	flex-wrap: wrap;
}

.staff-card{
	width:100%;
	padding:5% 0;
}
.staff-card img{width:80%;}

.foot-left{float:left; padding: 4% !important;}
.foot-right{float:right; text-align: right;}
.foot-right img{width:85%; padding:0 0 1% 0;}
#sidebar-right .row{width:100%; background:#000;}

.clear{clear: both;}

.sidebar1-row1 { max-width: 1650px!important; margin: 0 auto!important; }

#customSliderSlickSlider2 picture, #customSliderSlickSlider2 img { max-width: 100%!important; max-height: 100%!important; }

#sidebar1-sideBar3{background-color: #f1f1f1;}

#sidebar1-sideBar6, #sidebar1-sideBar8 { background: #000; }

#customSliderSlickSlider2 .slick-dots li { width: 48px!important; }
#customSliderSlickSlider2 .slick-dots li button { width: 40px!important; height: 40px!important; opacity: .6!important; }
#customSliderSlickSlider2 .slick-dots li.slick-active button { opacity: 1!important; }
#customSliderSlickSlider2 .slick-dots button:before { content: ""!important; background: #fff!important; width: 100%!important; height: 3px!important; }

#logo-grid { position: relative; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: center; align-items: center; }
#logo-grid > * { width: 25%!important; max-width: 280px!important; padding: min(40px, 5vw)!important; position: relative; box-sizing: border-box; }

#logo-grid img { max-width: 280px!important; height: auto!important; max-height: 150px!important; object-fit: contain!important; object-position: center!important; }

/*===================== 
   Inventory styles 
=======================*/
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,.detail-content .detail-main-body .main-detail-data .offer-btn{
	background-color:#ffbb4d !important;
	color: #000 !important
}
.faceted-search-content .selected-facets-container .selected-facet{
	background:#ffbb4d !important;
	color: #000 !important
}

.detail-content .detail-additional-data .data-row .data-label,.detail-content-mobile .detail-additional-data .data-row .data-label,.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{
	background:#ffbb4d !important;
	color: #000 !important
}
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile{
	background:#000 !important;
	color: #fff !important
}
.detail-content-mobile .detail-contact-bar .contact-bar-btn{
	background:#000 !important;
	color: #fff !important
}

/* primary btnclass */
a.view-listing-details-link, a.mobile-done-button,
button.ts-button:not(.filter-clear-all):not(.faceted-section-head):not(.spec-icon):not(.print-this):not(.email-this):not(.close) { 
	color: #fff!important; background: rgb(212, 36, 55)!important; 
	text-transform: uppercase; border-radius: 0!important;
}
a.view-listing-details-link:hover, a.mobile-done-button:hover, 
button.ts-button:not(.filter-clear-all):not(.faceted-section-head):not(.spec-icon):not(.print-this):not(.email-this):not(.close):hover, 
.linking-buttons a.active { 
	color: #000!important; background: #dd3647!important; 
}

/* secondary btnclass */
a.collapsible-contact-list-item { 
	color: #000!important; background: #ffbb4d!important; 
	text-transform: uppercase; border-radius: 0!important;
}
a.collapsible-contact-list-item:hover { 
	color: #000!important; background: #FFD797!important; 
}

.ts-button.filter-clear-all, .ts-button.filter-clear-all:hover { color: #000!important; background: #fff!important; }

/* section head */
.ts-button.faceted-section-head, .ts-button.faceted-section-head:hover { color: #000!important; background: #e0e0e0!important; }

/* print/email */
.ts-button.print-this, .ts-button.email-this { color: #000!important; background: #ddd!important; border-color: #aaa!important; }
.ts-button.print-this:hover, .ts-button.email-this:hover { color: #fff!important; background: #555!important; border-color: #555!important; }

/* quick-view more details chevron-down */
.ts-button.spec-icon { color: #000!important; background: #e0e0e0!important; }
.ts-button.spec-icon:hover { color: #fff!important; background: #282828!important; }

/* category popup X */
.ts-button.close { color: #000!important; background: #fff!important; }
.ts-button.close:hover { color: #000!important; background: #fff!important; }

/* no listings */
div.list-error-container div.info div.selected-facets div.selected-facet.ts-button { background: #fff!important; color: #000!important; }
div.list-error-container div.info div.selected-facets div.selected-facet.ts-button:hover { background: #fff!important; color: #000!important; }

/* section backgrounds/borders */
.list-content .list-listing { border-color: #aaa!important; }

.faceted-search-content .faceted-search__main-section, 
.list-content .list-listing, 
.faceted-search-content .faceted-section-box, .faceted-search-content .selected-facets-container, .faceted-search-content .faceted-search__top-section, 
.faceted-search-content .faceted-section-box, 
.faceted-search-content .faceted-section-head { border-color: #aaa!important; }

.faceted-search-content .selected-facets-container, .faceted-search-content .faceted-section-box { background: #fff!important; }

.faceted-search-content .faceted-search__main-section { background: #fff!important; }

.list-content .list-main-section { background: #f8f8f8!important; }

/* Sort By */
.bottom-bar .listing-control-bar .nav-sort .sort-option-container .sort-option, .bottom-bar .mobile-listing-control-bar .nav-sort .sort-option-container .sort-option { background: #fff!important; color: #000!important; }

.bottom-bar .listing-control-bar .nav-sort .sort-option-container .sort-option:hover, .bottom-bar .mobile-listing-control-bar .nav-sort .sort-option-container .sort-option:hover { background: #dfdfdf!important; color: #000!important; }

.bottom-bar .listing-control-bar .nav-sort .sort-option-container .sort-option.selected-option, .bottom-bar .mobile-listing-control-bar .nav-sort .sort-option-container .sort-option.selected-option { background: #ccc!important; color: #000!important; }

/* bottom */
.linking-buttons a { background: #fff!important; }
/* hover state above under primary btnclass */

.linking-container { background: #fff!important; }

.linking-container > h3 { color: #000!important; font-weight: 700; }

.scrollToTop a { color: #fff!important; }

.listing-image-container div.slick-dots ul { padding-left: 0!important; }

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1320px) {		
	.navbar-default .navbar-nav>li>a {
		font-size:14px;
		font-weight: 400;
        padding: 10px 8px;
	}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1055px) {

	.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header{margin:0;}
	
	a.yellow-btn{width:46%; font-size: 21px;}
}
@media only screen and (max-width : 1023px) {
	#sidebar1-sideBar1{display: none;}
	#sidebar1-sideBar2{width:100%!important;}
	/*#sidebar1-sideBar2 img{object-fit: cover; object-position: center; max-height: 220px;}*/
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	#logo-grid > * { width: 50%!important; }
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.header_text{
		text-align: center;
		display: block;
		padding: 1% 0;
	}
	.main_logo{ 
		width:100%;
		max-width: 572px;
		margin: auto;
		display: block; 
		float: none;
		padding: 2% 0 1% 0;
	}
	.msg-wrap, #sidebar1-sideBar7 img{min-height: 100%; height: auto;}
	
	.col-1-4 { width: 90%; box-sizing:border-box; padding: 2% 0 !important; margin:auto;}
	.foot-left{float:none; padding: 3% !important; text-align: center;}
	.foot-right{float:none; text-align: center;}
	.foot-right img{width:50%; padding:0 0 1% 0;}
	
	a.yellow-btn{width:96%; font-size: 21px;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.col-1-2 { width: 90%; box-sizing:border-box; float:none; padding:1%; margin:auto;}
}
@media only screen and (max-width : 400px) {
	#logo-grid > * { width: 50%!important; }
}