/*
Theme Name: www.claasusedequipment.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
*/

/*** Color Information ***
	CLAAS Green: #a4b523
	CLAAS DARK GRAY: #636466
	CLAAS LIGHT GRAY: #d1d3d4
**************************/
/*--@font-face {
  font-family: 'Arial', Sans-serif;
  src: url('../www.claasusedequipment.com/webfonts/CLAASHelveticaNeue-Light.otf') format('opentype');
}
@font-face {
  font-family: 'CLAASHelveticaMedium';
  src: url('../www.claasusedequipment.com/webfonts/CLAASHelveticaNeue-Medium.otf') format('opentype');
}
@font-face {
  font-family: 'Arial', Sans-serif;
  src: url('../www.claasusedequipment.com/webfonts/CLAASHelveticaNeue-Bold.otf') format('opentype');
}
@font-face {
  font-family: 'Arial', Sans-serif;
  src: url('../www.claasusedequipment.com/webfonts/CLAASHelveticaNeue-Roman.otf') format('opentype');
}
@font-face {
  font-family: 'CLAASHelveticaThin';
  src: url('../www.claasusedequipment.com/webfonts/CLAASHelveticaNeue-Thin.otf') format('opentype');
}--*/


#menu-secondary{
	display: flex;
  flex-direction: row;
  justify-content: center;
}
html, body {
	height:100%;
	width:100%;
}
.current_page_item > .menu-link {
	color:#a4b523 !important;
}
#wp-admin-bar-new-content-default {
	display: none;
}

/*===================== 
	typography 
=======================*/
.page-header h1{color:#fff;}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-family: 'Arial', Sans-serif;
	}
	h1 {font-size: 55px;  padding:4% 0;}
	h2 {font-size: 46px; padding:2%;}
	h3 {font-size: 28px; padding:1% 0 0 2%;}
	h4 {}
	h5 {}
	h6 {}

.cpt_flex h2{font-size: 36px;}
.cpt_flex ul li{font-size: 18px; padding: 5px;}
li{font-family:'Arial', Sans-serif;}
p {
	font-family: 'Arial', Sans-serif;
	margin: 0;
	padding:2%;
	font-size: 18px;
	line-height: 25px;
	}

.bold {font-family: 'Arial', Sans-serif;}
.caps {text-transform: uppercase;}
.center{text-align: center;}

.page_container ul, .small_container ul{
	font-family: 'Arial', Sans-serif;
	margin: 1% 2%;
	padding:0 2%;
}
.page_container ul li, .small_container ul li{
	font-size: 18px;
	padding: .3% 0;
}

/*===================== 
	link styles 
=======================*/

a:focus {outline: thin dotted;/*reset*/}
	
a,
a:link, 
a:visited, 
a:active {
	font-family: 'Arial', Sans-serif;
	outline: 0;/*reset*/
    color: inherit; 
    text-decoration:none;
	}
	a:hover  {
		outline: 0;/*reset*/
		text-decoration: underline;
	}  
a.outline-btn{
	font-family: 'Arial', Sans-serif;
	color: #fff;
	background: #636466;
	padding: 5% 3%;
	margin: 5% 0;
	border:1px solid #a4b523;
	text-align: center;
	font-size: 18px;
	display: inline-block;
	width:100%;
	transition: all .3s ease;
}
a.outline-btn:hover{
	background: #a4b523;
	text-decoration: none;
}
a.selected{
	background: #a4b523;
}
a.green-btn{
	font-family: 'Arial', Sans-serif;
	color:#fff;
	background: #a4b523;
	display: block;
	padding:15px 2%;
	margin: 2%;
	max-width: 300px;
	font-size: 20px;
	text-align: center;
	transition: all .3s ease;
}
a.green-btn:hover{
	text-decoration: none;
	background: #000;
}

/*===================== 
	header styles 
=======================*/

#header {
	border-bottom: 4px solid #a4b523;
	box-sizing: border-box;
	padding: 1.5% 0 0 0;
	}
img.main-logo{
	padding:1% 0;
}

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

.wrap {
	width: 100%;
	margin: 0;
	}
.gray_wrap {
	width: 100%;
	margin: 0;
	background: #636466;
	}
.wrap_pad{
	width: 100%;
	margin: 0;
	padding:3% 0;
}
.page_container{
	max-width: 1300px;
	margin:0 auto;
	float: none;
}
.small_container{
	max-width: 1100px;
	margin:0 auto;
	float: none;
}
	
.flex{
	display: flex;
	flex-direction: row;
}
.flex-center{justify-content: center;}
#sidebar2-sideBar2 .flex span, #sidebar94-sideBar2 .flex span, #sidebar153-sideBar2 .flex span{width:100%;}

#sidebar2-sideBar3,#sidebar94-sideBar3,#sidebar153-sideBar4{background:#636466; padding:3% 0 6% 0;}
#sidebar268-sideBar1{background:#636466; padding:0 0 6% 0;}

.button_box{margin:2%;}

.cpt_flex{
	display: flex;
	flex-direction: row;
	box-sizing: border-box;
	padding:1%;
}
	
.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;}
.col-1-3 { width: 33%; box-sizing:border-box;}
.col-1-2 { width: 49%; box-sizing:border-box;}
.col-2-3 { width: 65%; box-sizing:border-box; text-align: left;}
.col-3-4 { width: 75%; box-sizing:border-box;}

/*** CPT Styles Adjustments ***/
.full-width{width:100%;}

.border-us_offers, .border-can_offers{float:none;}
.widget_sandhills_advanced_cpt_layout{
	max-width: 1400px;
	margin: auto;
	padding: 2% 0;
}
.border-us_offers:hover, .border-can_offers:hover{
	box-shadow: 0 2px 10px rgba(0,0,0,0.05);
}

.extra_pad{padding:3% 0 6% 0;}

/*===================== 
	Inventory styles 
=======================*/

.body-content .body-wrapper {padding:4% 0; font-family: 'Arial', Sans-serif !important; }
.body-wrapper h1.list-title{color:#000; font-family: 'Arial', Sans-serif !important;}
.list-content .list-title .list-title-text{font-weight: inherit !important; font-family: 'Arial', Sans-serif !important;}
.media-buttons .print-this, .media-buttons .email-this{border-radius: 0;}
.list-content .list-top-section .list-sort-order .sort-by-dropdown-container .list-sort-order-select{border-radius: 0;}
.list-content .list-title .list-listings-count{color:#636466;}
.compare-checked{color:#a4b523;}

.list-content .listing-portion-title{padding:0;}

/*----Certified Stamp----*/
.badge{background-color:#fff; color:#000;}
.badge-container .badge img{display: none;}

/*----View Details Button----*/
.view-listing-details-link {background:#a4b523 !important; color: #fff !important; border-radius: 0;}
.view-listing-details-link:hover {background:#000 !important; color: #fff !important;}

/*----View Details Button----*/
.contact-options a {background:#636466 !important; border-radius: 0;}

/*----Price----*/
.listing-main-stats .price {color:#000 !important;}

/*------- Faceted Search------*/
.faceted-search-content .selected-facets-container .selected-facet{background: #a4b523 !important; color:#fff !important; border-radius: 0;}

.faceted-search-content button{background-color:#636466;}
.faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn {background-color:#636466; border-radius: 0;}
.grouped-faceted-header{background-color:#636466;}

.faceted-search-content .faceted-section-box .faceted-search{border-radius: 0;}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="file"], input[type="month"], input[type="number"], input[type="password"], input[type="reset"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea{border-radius: 0;}

.checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"], .radio input[type="radio"], .radio-inline input[type="radio"]{position: relative; margin: 0;}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input{border-radius: 0;}
.compare-chkbox-container .compare-listings .fa-check {
	position: absolute;
	top: 5px;
	left: 1px;
	font-size: 11px;
	height: 13px;
	width: 11px;
	padding: 0 2px 0 0;
}
.compare-chkbox-container .compare-listings .compare-label{margin-bottom: 7px; margin-left:3px;}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name{margin-left:3px; margin-top:3px;}

/****** Pagination ******/
.paging-container .page-navs .page-nav{background: #a4b523 !important; color:#fff !important; border-radius: 0;}
.paging-container .page-number, .paging-container .page-number .page-selector{font-weight: 400; color:#000; font-family: 'Arial', Sans-serif;}

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

.dealer-info .phone-and-email .send-email-btn{
	background-color:#636466;
	color:#fff;
	border:none;
	border-radius: 0;
}
.dealer-info .phone-and-email .send-email-btn:hover{
	border:none;
	color:#fff;
	background-color:#000;
}

.detail-wrapper .main-detail-data{border-radius: 0;}
h1.detail-title{padding:0;}
.detail-wrapper .detail-category{margin: 5px 0 20px;}

/*----Make an Offer Button----*/
.main-detail-data .offer-btn {background:#a4b523 !important; color:#fff !important;}
.main-detail-data .offer-btn:hover {background:#000 !important; color:#fff !important;}

.offer-btn, .buy-btn{border-radius: 0;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{border-radius: 0;}

/*----Details Price----*/
.detail-price {color:#000 !important;}
.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{padding: 10px !important;}

/***** Social Media ******/
.add-this-gray-buttons .addthis_inline_share_toolbox .at-share-btn{
	width: 38px;
	height: 38px;
}
.add-this-gray-buttons .addthis_inline_share_toolbox .at-share-btn-elements{
	width:180px;
}

/*----Breadcrumb - Search Results button----*/
.detail-content .search-results {color:#000 !important; padding:6px 0 0 0; display: inline-block;}

.detail-content-mobile .detail-additional-data .data-row .data-label{
	background:#a4b523 !important; 
	color:#fff !important;
}
a.breadcrumbs-element:last-child{color:#a4b523}

.mc-item.mc-img img{margin: 0;}


/*----Specs----*/
.detail-content .data-row .data-label {background:#a4b523 !important; color:#fff !important;}

.detail-additional-data h3{padding:1% 0;}
.contact-info-heading h2{padding:2% 0 1% 0; font-size: 28px;}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{
	background:#a4b523 !important; 
	color:#fff !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{
	background:#636466 !important; 
	color:#fff !important;
}

/* ---- Parts ----- */
.parts-listing-container .parts-button{background: #a4b523 !important; color:#fff !important;}
.parts-listing-container .parts-button:hover{background:#000 !important; color:#fff !important}
	
#part-detail-content .part-detail-additional-data .data-row .data-label{background:#000 !important; color:#fff !important;}

/*------------------------------Compare Page---------------------------------*/
.cs-btns a{
	background:#000 !important; color:#fff !important;
}
.cs-btns a:hover{
	background:#a4b523 !important; color:#fff !important;
}

/*===================== 
	Home Page Boxes 
=======================*/
figure.effect-romeo img {
	position: relative;
	display: block;
	width: 100%;
	opacity: 1;
}
figure.effect-romeo figcaption {
	font-size: 20px;
	z-index:1100;
	position:relative;
	background:rgba(0,0,0,.6);
	opacity:0;
	visibility:hidden;
	display:block;
	height:100%;
	width:100%;
	-webkit-transition: all .5s ease; /* Safari and Chrome */
	-moz-transition: all .5s ease; /* Firefox */
	-ms-transition: all .5s ease; /* IE 9 */
	-o-transition: all .5s ease; /* Opera */
	transition: all .5s ease;
}
figure.effect-romeo:hover figcaption{
	visibility:visible;
	opacity:1;
}

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

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

figure.effect-romeo figcaption,
figure.effect-romeo figcaption > a {
	position: absolute;
	top: 2%;
	left: 2%;
	width: 96.05%;
	height: 96%;
}

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

figure.effect-romeo h2 {
	font-family: 'Arial', Sans-serif;
	word-spacing: -0.15em;
	font-weight: 600;
	letter-spacing: 1px;
	font-size: 32px;
	color:#fff;
	padding:43% 0 0 0;
}

figure.effect-romeo h2,
figure.effect-romeo p {
	margin: 0;
	text-align: center;
}

figure.effect-romeo p {
	letter-spacing: 1px;
	font-size: 75%;
	color:#fff;
}

/********* End of Grid and hover effect ************/

/********* SEARCH BAR ******************/
form#searchform{
	margin:0;
	padding:1% 0;
	width:100%;
}

form#searchform input{
	display: inline-block;
	padding:8px;
	width:84%;
}
form#searchform input#searchsubmit{
	width:15%;
	padding:10px 8px;
	margin:0;
	border:none;
	background:#a4b523;
	color:#fff;
	transition: all .3s ease;
}
form#searchform input#searchsubmit:hover{
	background:#000;
}

/*===================== 
		Modals 
=======================*/

.tractorModal-dialog {width:50%; font-family: 'Arial', Sans-serif;}
.tractorModal-dialog ul{padding-bottom: 1%;}
.tractorModal-dialog ul li{font-size: 18px; padding: 3px;}
.tractorModal-head {
	background: #fff !important; 
	padding: 15px;	
}
.tractorModal-body {padding: 0 15px;}
.tractorModal-footer {padding: 15px; border: none;}
.tractorModal-content {padding: 0!important;}
.modal-head {
	margin: 0; 
	font-size: 30px; 
	text-transform: uppercase; 
	color: #333;	
	font-weight: 700;
	padding:0 1%;
}
.dismiss-btn {position: unset!important; margin: 0!important; color: #333; font-size: 18px;}
.dismiss-btn:hover {color: #000;}
.modal-close-btn {
	display: block; 
	margin: auto; 
	border: solid 1px #333; 
	font-family: 'Roboto',sans-serif; 	
	letter-spacing: 2px; 
	text-transform: uppercase;
	color: #333;
	padding: 5px 15px;
	font-size: 14px;
	background-color: transparent;
}
.modal-close-btn:hover {color: #000; border-color: #000; background-color: #ebebeb;}

.modal-cat {
  position: relative;
  padding: 15px 30px;
  font-weight: 700;
  font-family: 'Oswald',sans-serif;
  font-size: 14px;
  letter-spacing: 1px;
  color: #333;
  background: #d1d3d4;
  text-transform: uppercase;
  outline: 0;
  overflow:hidden;
  border: none;
  z-index: 1;
  cursor: pointer;
  transition:         0.09s ease-in;
  -o-transition:      0.09s ease-in;
  -ms-transition:     0.09s ease-in;
  -moz-transition:    0.09s ease-in;
  -webkit-transition: 0.09s ease-in;	
  width: 100%;
}

.modal-cat:hover {color: #fff;}

.modal-cat:before {
  content: "";
  position: absolute;
  background: #a4b523;
  bottom: 0;
  left: 0;
  right: 0;
  top: 100%;
  z-index: -1;
  -webkit-transition: top 0.09s ease-in;
}

.modal-cat:hover:before {top: 0;}
.tractor-box {padding: 1%!important;}

body.customize-support .modal-backdrop, body#fcu .modal-backdrop{z-index:1040 !important;}

/*===================== 
	footer styles 
=======================*/

#foot {
	border-top: 4px solid #a4b523;
	}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 950px) {
	h1 {font-size: 45px; }
	h2 {font-size: 36px; }
	h3 {font-size: 21px; }
}
	
/* Small Devices, Tablets */
@media only screen and (max-width : 765px) {
	.flex, .cpt_flex{flex-direction: column;}
	.tractorModal-dialog {margin: 0; width:100%;}
	a.outline-btn{
		margin: 0;
		font-size: 21px;
		display: block;
	}
	
	.col-1-3{width:100%; margin: auto;}
	.col-2-3{width:100%;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

	h1 {font-size: 30px; }
}