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

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
/*=== START CUSTOM GLOBAL ===*/
.flex-container{display:flex}.flex-vertical{flex-direction:column}.vertical-reverse{flex-direction:column-reverse;}.flex-horizontal{flex-direction:row}.flex-width{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-height{height:100%}.flex-wrap{flex-wrap:wrap}.set-width{flex-grow:0;flex-shrink:0;flex-basis:auto}.justify-center{justify-content:center}.justify-right{justify-content:flex-end}.justify-left{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-center{align-items:center}.align-top{align-items:flex-start}.align-bottom{align-items:flex-end}.align-content-center{align-content: center;}.align-all-center{align-items:center;justify-content:center}.align-self-center{align-self:center}.align-self-right{align-self:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.left-icon{margin-right:10px}.right-icon{margin-left:10px}.clickable{cursor:pointer}.mobile-only{display:none!important}.max-width{max-width: 1920px;width: 90%;margin: 0 auto;}
/*=== END CUSTOM GLOBAL ===*/

html, body {
	width:100%;
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
p {
	font-size: 18px;
    font-weight: 400;
	line-height: 28px;
}
#page {
	max-width: 1750px;
	width: 100%;
    margin: auto;
    box-shadow: 0 0 20px 20px #dadada;
}
.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;
	padding: 0!important;
}
.navigation-top {
	width:100%;
	padding: 0!important;
}
.navigation-top #menu-primary {
	display: flex;
	flex-direction: row;
	font-optical-sizing: auto;
	font-weight: 700;
	font-style: normal;
}
.menu li {
	width:auto!important;
	padding-right:6%;
	display:inline-block;
}
.menu li:last-child {
	padding-right:0!important;
} 
.menu li > a {
	color:#000;
	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: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

/*--------------------------------------------------------------
## 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;
}

.logo-container {
	background-color: #7D623C;
	padding: 25px 5vw;
}

.bottom-primary-nav {
	background-color: #000000;
	color: #ffffff;
	text-align: center;
	padding: 5px 0;
}

/*=== SHARED ===*/
.vertical-center {
/*
	display: flex;
	align-items: center;
*/
}
/*=== Buttons ===*/
.grey-button {
	background-color: #d9d9d9;
    color: #000000;
    border-radius: 7px;
    padding: 5px 15px;
	margin: 5px;
	border: 0;
    outline: none;
	opacity: 1;
	transition: ease .3s all;
}
.grey-button:hover {
	opacity: .75;
}
.grey-button i {
	transform: rotate(0);
	transition: ease .3s all;
}
.grey-button:hover i {
	transform: rotate(45deg);
}
.blue-button {
	background-color: #3C647D;
    color: #ffffff;
    border-radius: 7px;
    padding: 5px 15px;
	margin: 5px;
	border: 0;
    outline: none;
	opacity: 1;
	transition: ease .3s all;
}
.blue-button:hover {
	opacity: .75;
}
.blue-button i {
	transform: rotate(0);
	transition: ease .3s all;
}
.blue-button:hover i {
	transform: rotate(45deg);
}
.brown-button {
	background-color: #7D623C;
    color: #ffffff;
    border-radius: 7px;
    padding: 5px 15px;
	margin: 5px;
	border: 0;
    outline: none;
	opacity: 1;
	transition: ease .3s all;
}
.brown-button:hover {
	opacity: .75;
}
.brown-button i {
	transform: rotate(0);
	transition: ease .3s all;
}
.brown-button:hover i {
	transform: rotate(45deg);
}
.gold-button {
	background-color: #ECAD49;
    color: #ffffff;
    border-radius: 7px;
    padding: 5px 15px;
	margin: 2px;
	border: 0;
    outline: none;
	opacity: 1;
	transition: ease .3s all;
}
.gold-button:hover {
	opacity: .75;
}
.gold-button i {
	transform: rotate(0);
	transition: ease .3s all;
}
.gold-button:hover i {
	transform: rotate(45deg);
}
.orange-button {
	background-color: #FF3600;
    color: #ffffff;
    border-radius: 7px;
    padding: 5px 15px;
	margin: 2px;
	border: 0;
    outline: none;
}
.orange-button i {
	transform: rotate(0);
	transition: ease .3s all;
}
.orange-button:hover i {
	transform: rotate(45deg);
}
.text-button {
	background-color: transparent;
    color: #ffffff;
    border-radius: 7px;
    padding: 5px 15px;
	margin: 5px;
	border: 0;
    outline: none;
}
.text-button i {
	transform: rotate(0);
	transition: ease .3s all;
}
.text-button:hover i {
	transform: rotate(45deg);
}

/*=== Fonts ===*/
.lg-heavy-heading {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 800;
	font-size: 48px;
	line-height: 50px;
	text-transform: uppercase;
}
.lg-light-heading {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 600;
	font-size: 48px;
	line-height: 50px;
	text-transform: capitalize;
}
.md-heavy-heading {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 800;
	font-size: 32px;
	line-height: 34px;
	text-transform: uppercase;
}
.md-light-heading {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 600;
	font-size: 32px;
	line-height: 34px;
	text-transform: capitalize;
}
.sm-heavy-heading {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 800;
	font-size: 24px;
	line-height: 26px;
	text-transform: uppercase;
}
.sm-light-heading {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 600;
	font-size: 24px;
	line-height: 26px;
	text-transform: capitalize;
}

/*=== Backgrounds ===*/
.bg-white-bar-top {
	background: linear-gradient(to top, #F1F1F1 0, #F1F1F1 50%, #ffffff 50%, #ffffff 100%);
	/* padding: 100px 0; */
}
.bg-white-bar-bottom {
	background: linear-gradient(to bottom, #F1F1F1 0, #F1F1F1 50%, #ffffff 50%, #ffffff 100%);
	/* padding: 100px 0; */
}
.footer-icon-decoration {
	position: relative;
}
.footer-icon-decoration::before {
    position: absolute;
    z-index: 11;
    top: -50px;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    height: 100px;
    width: 100px; /* Adjust this to the width of your icon */
    background: url("siteart/lyle-machinery-icon.png") no-repeat center;
    background-size: contain;
}

/*=== HEADER ===*/
header.flex-container {
	justify-content: space-between;
}
.business-logo {
	/* padding: 0 5%; */
}
.custom-header {
	padding: 0 0 0 5vw;
	text-align: right;
}
.custom-header #navbar-collapse-primary {
	justify-content: flex-end;
}

.top-header {display: flex; width: 100%;padding-top: 20px;}

.top-header .header-links {width: 100%;}

.top-header .right-side {
	max-width: 250px;
	width: 100%;
}



/*=== home brands ===*/
 
.home-brand {
	display: block;
}

.home-brand img {
	display: block;
	width: 100%;
}

/*=== Logo Slider ===*/
.style-form form {
	padding: 150px 5%;
}
.style-form h1{
	font-family: 'Oswald', sans-serif!important;
	font-weight: 800;
	font-size: 48px;
	line-height: 50px;
}
.style-form h2, .style-form h3, .style-form h4, .style-form h5, .style-form h6 {
	font-family: 'Oswald', sans-serif!important;
	font-weight: 800;
	font-size: 32px;
	line-height: 34px;
}
.style-form .sheSubmitButton {
	border: none!important;
}

/*=== Logo Grid ===*/
.logo-grid {
    margin: 0px auto;
	padding: 150px 0;
}
.logo-grid > div {
	display: flex;
	justify-content: center;
}
.logo-grid .post-container-logo {
	width: 95%;
	gap: 15px;
	padding: 10px 0;
    place-content: center;
}
.logo-grid .post-container-logo .item {
	background-color: #ffffff;
	box-shadow: 0 0 10px #e8e8e8;
    margin: 0;
    padding: 25px;
    align-content: center;
	border-radius: 7px;
}
.logo-grid .item img {
	object-fit: contain;
    object-position: center;
    max-width: 90%;
}

/*=== Video Container ===*/
.video-container > div {
	height: 100%!important;
	min-height: 350px!important;
}
.video-container > div iframe {
	height: 100%!important;
	min-height: 350px!important;
}

/*=== Small Images ===*/
.small-category-image {
	aspect-ratio: 3 / 2;
	object-position: center;
    object-fit: cover;
	border-radius: 10px;
	width: 100%;
	/* height: 100%; */
	max-height: 350px;
}

.manufacturer-logo-container {
	background: #fff;
    border: 1px solid #ececec;
    padding: 5px 15px!important;
    border-radius: 10px;
    box-shadow: rgb(232, 232, 232) 0px 0px 10px !important;
}

/*=== post-container-location grid ===*/
.brands-we-carry-grid {
	padding: 10px 2.5% 150px !important;
}
.brands-we-carry-grid .border-logo {
	border-radius: 10px;
	overflow: hidden;
	height: 100%;
	align-content: center;
}
.brands-we-carry-grid .border-logo img {
	object-fit: contain;
    object-position: center;
    width: 100%;
}

/*=== container-location grid ===*/
.brand-location-grid .post-container-location {
	padding: 10px 2.5% 150px!important;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
    justify-content: center;
}
.brand-location-grid .item {
	margin: 0!important;
	box-shadow: 0 0 10px #cccccc;
    padding: 20px!important;
    background: #fff;
	width: 100%!important;
	border-radius: 10px;
}
.brand-location-grid .item h3 {
	padding: 0 0 5px;
	color: #000000!important;
}
.brand-location-grid .no-posts-div-location .no-posts-location {
	display: none;
}
.brand-location-grid .no-posts-div-location::after {
	content: 'Contact a sales rep for assistance.';
	font-weight: 800;
}

/*=== Logo Slider ===*/
.logo-slider {
	padding: 0 5%;
    margin: 0px auto;
}
.logo-slider > div {
    margin: 0px 0px 20px!important;
}
.logo-slider .post-container-logo {
	padding: 0 2.5% !important;
    margin: 0px auto !important;
}
.logo-slider .slick-arrow {
	font-size: 21px!important;
    padding: 6px!important;
}
.logo-slider .slick-arrow.slick-prev {
	top: 185px !important;
    left: calc(50% - 30px) !important;
    transform: translateX(-50%);
	bottom: unset !important;
	margin: unset !important;
}
.logo-slider .slick-arrow.slick-next {
	top: 185px !important;
    right: calc(50% - 30px) !important;
    transform: translateX(-50%);
	bottom: unset !important;
	margin: unset !important;
}
.logo-slider .slick-slide {
	place-content: center;
}
.logo-slider .slick-track {
	display: flex !important;
	gap: 25px !important;
}
.logo-slider .slick-track .column-padding-logo {
	margin: 0 !important;
}
.logo-slider .slick-track .column-padding-logo img {
	width: 100% !important;
}

/*=== Locations ===*/
.location-accordion {
	background-color: #ffffff!important;
	padding-bottom: 150px!important;
}
.location-accordion > div {
	box-shadow: 0 0 10px #e8e8e8!important;
	background-color: #ffffff!important;
	border-radius: 10px;
	overflow: hidden;
}
.location-accordion .sandhillsFileHoverLocations-9 {
	background-color: #ffffff!important;
	border-bottom: unset!important;
}
.location-accordion .sandhillsFileHoverLocations-9 .active {
	background-color: #7D623C!important;
	color: #ffffff!important;
}
.location-accordion a {
	color: #000000;
	text-decoration: underline;
}
.location-accordion .googleMapsContainer-9 {
	line-height: 0!important;
}
.location-accordion > {
	line-height: 0!important;
}
.location-accordion .sandhillsFileLocationAccordion-9 {
	border: 1px solid #e8e8e8!important;
}
.location-accordion .sandhillsFileLocationpanel-9 {
	border: unset!important;
}

/*=== All Locations Page ===*/
.location-grid .post-container-location {
	padding: 150px 2.5%;
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 25px;
    justify-content: center;
}
.location-grid .item {
	margin: 0!important;
	box-shadow: 0 0 10px #cccccc;
    padding: 20px;
    background: #fff;
	width: 100%;
	border-radius: 10px;
}
.location-grid .item img {
	aspect-ratio: 3 / 2;
	object-position: center;
    object-fit: cover;
	border-radius: 10px;
}
.location-grid .item h3 {
	padding: 0 0 5px;
	color: #000000!important;
	text-transform: uppercase;
}
.location-grid .item .flair-group {
	display: flex;
	flex-wrap: wrap;
	gap: 5px 10px;
	margin: 10px 0;
}
.location-grid .item .flair-group .flair {
	background-color: #7D623C;
	color: #ffffff;
	border-radius: 5px;
	padding: 5px 10px;
}

/*=== Staff Grid ===*/
.staff-grid .post-container-staff {
	padding: 25px 0 150px;
    justify-content: center;
}
.staff-grid .item .border-staff {
	margin: 0!important;
	box-shadow: 0 0 10px #cccccc!important;
    padding: 20px!important;
    background: #fff!important;
	border-radius: 7px!important;
	height: 100%!important;
}
.staff-grid .item h3 {
	padding: 0 20px;
	color: #000000!important;
	text-transform: uppercase;
}
.staff-grid .item p {
	margin: 0;
}
.staff-grid .item a {
	color: #000000;
}

/*=== Blog Page ===*/
.blog-container {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 15px;
}
.blog-container article {
	background-color: rgb(255, 255, 255);
    box-shadow: rgb(232, 232, 232) 0px 0px 10px;
    align-content: center;
    margin: 0px;
    padding: 25px;
    border-radius: 7px;
}
.blog-container a {
	color: #000!important;
}

/*=== Posts ===*/
.custom-blog-post .entry-content {
	background: linear-gradient(to bottom, #F1F1F1 0, #F1F1F1 50%, #ffffff 50%, #ffffff 100%);
	position: relative;
	z-index: 1;
	top: -25px;
	padding: 175px 2.5% 150px;
	margin: 0;
}

/*=== Location Detail Page ===*/
.location-detail-page .location-img {
    background-size: cover!important;
	padding: 150px 0;
}
.address, .hours {
	color: #ffffff!important;
}
.address p, .hours p {
	margin-bottom: 0!important;
}
.location-fax {
	color: #ffffff!important;
}
.location-fax a {
	color: #ffffff!important;
	text-decoration: none!important;
	pointer-events: none!important;
}
.location-fax .location-fax-link a {
	color: #ffffff!important;
	text-decoration: none!important;
	pointer-events: none!important;
}

/*=== TABLE ===*/
table.table {
	box-shadow: 0 0 10px #c3c3c3!important;
	border-radius: 10px;
    overflow: hidden;
}

/*=== Inventory Pages ===*/
/*=== Prices ===*/
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {
	color: #e68a24!important;
}

/*=== Primary Buttons ===*/
.des-buy-now, .dealer-contact__button, .ts-button[type=submit], .des-email-seller, .des-view-listingDetails, .des-retail-phone {
	border-radius: 7px!important;
	border: unset!important;
	background-color: #7D623C!important;
	color: #ffffff!important;
	transition: .3s ease all;
}
.des-buy-now:hover, .dealer-contact__button:hover, .ts-button[type=submit]:hover, .des-email-seller:hover, .des-view-listingDetails:hover, .des-retail-phone:hover {
	filter: brightness(1.25);
}

/*=== Secondary Buttons ===*/
.des-print-this, .des-email-this {
	border-radius: 7px!important;
	border: unset!important;
	background-color: #3C647D!important;
	color: #ffffff!important;
	transition: .3s ease all!important;
}
.des-print-this:hover, .des-email-this:hover {
	filter: brightness(1.25)!important;
}
.listing-widget__link {
	border-radius: 0!important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label, .show-all-modal .all-options-container .option-container .faceted-option-checkbox-container label {
	gap: 5px;
}

.list-redesign .list-container-flexrow .list-listing-card-wrapper,.compare-listings-container .compare-container {
	background-color: #ffffff;
}

/*=== Compare listings ===*/
.compare-title, .return-links-link {
	color: #212529!important;
}
.compare-price {
	color: #f7830f!important;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1300px) {
	.header-mobile-wrap {
		flex-direction: column;
	}
}
@media only screen and (max-width : 1200px) {		
	/*=== All Locations Page ===*/
	.location-grid .post-container-location {
		grid-template-columns: repeat(3, 1fr);
	}

	/*=== post-container-location grid ===*/
	.brand-location-grid .post-container-location {
		grid-template-columns: repeat(3, 1fr);
	}

	/*=== Blog Page ===*/
	.blog-container {
		grid-template-columns: repeat(3, 1fr);
	}
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	/*=== Blog Page ===*/
	.blog-container {
		grid-template-columns: repeat(3, 1fr);
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	/*=== All Locations Page ===*/
	.location-grid .post-container-location {
		grid-template-columns: repeat(2, 1fr);
	}
	
	/*=== post-container-location grid ===*/
	.brand-location-grid .post-container-location {
		grid-template-columns: repeat(3, 1fr);
	}
	
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	/*=== Fonts ===*/
	.lg-heavy-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 800;
		font-size: 42px;
		line-height: 44px;
		text-transform: uppercase;
	}
	.lg-light-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 600;
		font-size: 42px;
		line-height: 44px;
		text-transform: capitalize;
	}
	.md-heavy-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 800;
		font-size: 26px;
		line-height: 28px;
		text-transform: uppercase;
	}
	.md-light-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 600;
		font-size: 26px;
		line-height: 28px;
		text-transform: capitalize;
	}
	.sm-heavy-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 800;
		font-size: 18px;
		line-height: 20px;
		text-transform: uppercase;
	}
	.sm-light-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 600;
		font-size: 18px;
		line-height: 20px;
		text-transform: capitalize;
	}

	/*=== All Locations Page ===*/
	.location-grid .post-container-location {
		grid-template-columns: repeat(1, 1fr);
	}
	
	/*=== post-container-location grid ===*/
	.brand-location-grid .post-container-location {
		grid-template-columns: repeat(1, 1fr);
	}	
	
	/*=== Blog Page ===*/
	.blog-container {
		grid-template-columns: repeat(2, 1fr);
	}
	.custom-header {padding: 0;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	/*=== Fonts ===*/
	.lg-heavy-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 800;
		font-size: 32px;
		line-height: 36px;
		text-transform: uppercase;
	}
	.lg-light-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 600;
		font-size: 32px;
		line-height: 36px;
		text-transform: capitalize;
	}
	.md-heavy-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 800;
		font-size: 22px;
		line-height: 24px;
		text-transform: uppercase;
	}
	.md-light-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 600;
		font-size: 22px;
		line-height: 24px;
		text-transform: capitalize;
	}
	.sm-heavy-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 800;
		font-size: 18px;
		line-height: 20px;
		text-transform: uppercase;
	}
	.sm-light-heading {
		font-family: 'Oswald', sans-serif!important;
		font-weight: 600;
		font-size: 18px;
		line-height: 20px;
		text-transform: capitalize;
	}

	/*=== Blog Page ===*/
	.blog-container {
		grid-template-columns: repeat(1, 1fr);
	}
}