/*
Theme Name: www.westriverequipment.com
Theme URI: https://sandhills.com
Author: Sandhills
Author URI: https://sandhills.com
Description: Sandhills default template.
Version: 1.0
Text Domain: sandhills17345c
Tags: Sandhills default
*/

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
html, body {
	height:100%;
	width:100%;
}
body {overflow-x: hidden;}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
a {
    text-decoration: none;
    color: #17345c;
    outline: 0;
}
.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%;
}
.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;
}

.modal-content {z-index: 99999999999999999;}
/* HEADER */
#header {box-shadow: 0 2px 5px #ccc; z-index: 999;}
.blue-header {background: #204478;display: inline-block;width: 100%; text-align: right;}
.contact-btn-head {background: #17345c; padding: 10px 0px; width: 200px; display: inline-block; vertical-align: middle; color:#fff; text-align: center;transition: .3s ease;}
.contact-btn-head:hover {background:#2E60A4}
.contact-btn-head i {color:#fff}
.phone-head {display: inline-block; vertical-align: middle; color:#fff; padding: 10px 25px; transition: .3s ease;}
.phone-head:hover {background: #2E60A4;}
.phone-head i {color:#fff}
.phone-head a:hover {color:#DFDFDF; transition: .3s ease;}
.header {width: 89%; margin-left: 5%; margin-right: 6%; display: flex; flex-direction: row; align-items: center; padding: 15px 0;}
.main-logo {width: 30%;}
.main-logo img {max-width: 220px; width: 100%;}
.header-right {width: 70%;}
.header-right .home-btn {text-align: right; display: inline-block; vertical-align: middle;width: 5%;}

/*section#sandhills_editable_area-29 {max-width: 500px; margin-top: 1em!important;}
button.ml-2.mb-1.popup-closeStyles.popup-close {width: 40px!important; height: 40px!important; font-size: 40px!important; background: #204478!important;}*/
img#homepage-popup {width: 100%;}



/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.sheditorWidgetPopupModalBox .widget {top: 0 !important;margin-top: 5% !important;}

.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;
}

/* PAGE TEMPLATES */
h1, h2, h3, h4, h5, a{font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
#padding50 {padding: 50px 0;}
#padding25 {padding: 25px 0;}
.width-70 {width: 70%; margin-left: 15%; margin-right: 15%}
.width-80 {width: 80%; margin-left: 10%; margin-right: 10%}
.width-90 {width: 90%; margin-left: 5%; margin-right: 5%;}
.width-90 p a {font-weight: 800;}
.blue-border {width: 100px; height: 10px; background: #204478;  text-align: left; margin: 10px 0;}
.gray-bg {background:#303030 }
.blue-btn {background: #204478; padding: 10px 30px; color:#fff; text-align: center; text-transform: uppercase; letter-spacing: 2px; display: inline-block; transition: .3s ease; border: none;}
.blue-btn:hover {background: #17345c; box-shadow: 1px 1px 5px #ccc; }
/* HOME PAGE */
.flex-4 {display: flex; flex-direction: row; width: 90%; margin-left: 5%; margin-right: 5%;}

.ctas-wrapper{display: flex; justify-content: center; align-items: center; width: 100%; padding: 3em 0; margin: 0 auto!important; max-width: 1600px!important;}
.post-column-homepage-shop-btns74 {width: calc(100% - 2em); margin: 1em!important; transition: 0.3s ease; opacity: .8; position: relative; overflow: hidden;}
.post-column-homepage-shop-btns74:hover {box-shadow: 1px 1px 8px #000;opacity: 1.0;background: #000;}
.cta {width: 100%; display: flex;}
.cta img {width: 100%; height: auto;}
.cta-txt {width: 100%; top: 0; left: 0; height: 100%; display: flex; align-items: flex-end; flex-direction: column; justify-content: flex-end; position: absolute; transition: .3s ease; color: #fff; text-align: left; text-transform: uppercase; box-sizing: border-box; padding: 1.5em 1em;}
.cta-txt p {color:#fff; font-weight: 700; width: 100%; font-family: 'Roboto Condensed', sans-serif;letter-spacing: 1px; font-size: 28px!important; line-height: 1.1;}
.cta-txt p span {color:#fff; font-weight: 300; width: 100%; font-size: 22px!important; display: block; margin-top: 10px;}
.prevButton-container-homepage-shop-btns, .nextButton-container-homepage-shop-btns {display: none!important;}

.hp-flex-sect {display: flex; flex-direction: row; align-items: stretch;}
.bg-img-left {width: 5%; background: url(/wp-content/uploads/2021/07/field-decor.jpg);  background-position: center bottom; margin: 2% 0;}
.hp-text {width: 50%; margin:2% 1%; box-shadow: 1px 1px 5px #ccc; padding: 50px 0;}
.hp-text h1 {font-size: 35px; line-height: 40px; font-weight: 900; color:#17345c; margin-bottom: 0;}
.hp-text h2 {font-size: 25px; line-height: 30px; font-weight: 600; color:#204478;margin-top:0;}
.hp-text p {padding: 15px 0;}
.hp-btns-about {width: 50%; margin: 2% 0;}
.btn-group {width: 90%; margin-right: 10%; display: flex; flex-direction: row; align-items: stretch;}
.lt-bl-btn {width: 50%; color:#fff; font-size:30px; letter-spacing:2px; margin-right:1%;}
.lt-bl-btn button {background: #204478; color:#fff; padding: 25px 25px; font-weight:800; width: 100%; font-size: 30px; border: none; text-align: left;}
.drk-bl-btn {width: 50%; color:#fff; font-size:30px; letter-spacing:2px;margin-left:1%}
.drk-bl-btn button {background: #17345c; color:#fff; padding: 25px 25px; font-weight:800; width: 100%; border: none; text-align: left;}
.btn-group span {font-size: 18px; letter-spacing: 2px; color:#fff; display: block;}
.group-photo { margin-top:2%;}
.img-resizer {min-height: 400px!important;}
.manu-scroll {width: 90%; margin-left: 5%; margin-right: 5%; text-align: center;}
.manu-logo img {width: 100%; max-width: 175px; height: auto; display: block; margin: 1em;}
.manu-scroll h3{color:#204478; font-weight: 800;}
.manu-scroll a {color:#17345c; letter-spacing: 2px; font-weight: 300; font-size: 20px;}

hr {height: .25px; background: #333; width: 100%; margin: 25px 0;}

.featured-inv-container {width: 90%; margin-left: 5%; margin-right: 5%; text-align: center;}
.featured-inv-container h3 {color:#204478; font-weight: 800; text-align: center}
.featured-inv-container a {color:#17345c; letter-spacing: 2px; font-weight: 300; font-size: 20px;}
.small_spec {text-transform: uppercase; letter-spacing: 1px;font-family: 'Roboto Condensed', sans-serif;font-size: 14px; line-height: 22px;}
.inv_image {width: 100% !important; object-fit: cover; height: 225px; background-position: center;}


ul#content-list {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; margin: 0 auto 2em; padding: 0;}
ul#content-list li {width: calc(25% - 1em); display: inline-flex; justify-content: center; align-items: center; text-align: center; font-weight: 500; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px; list-style: none; margin: 0.5em; padding: 1.5em; background: rgb(255, 255, 255); border-radius: 5px; border-width: 1.5px; border-style: solid; border-color: rgb(245, 245, 245); border-image: initial;}


/* CUSTOM PAGE */
.template-hero {display: flex; flex-direction: row; align-items: stretch;z-index: 9; background: #fff}
.small-hero {width: 50%; margin: 1% 1% 1% .5%; }
.custom-hero {width: 50%; background: #f4f4f4;  margin: 1% .5% 1% 1%; padding: 2em 0;}
#smallhero .sandhills_editable_area_background-7 div{background-attachment: fixed;}
.hero-text {min-height: 250px;}
.custom-hero h1 {font-size: 50px; line-height: 1.1; margin-bottom: 0; color:#303030; text-transform: uppercase; letter-spacing: 2px; font-weight:900; padding-top:.25em;}
.custom-hero p {margin-top:0!important; color:#17345c; font-size: 16px; letter-spacing: 2px;}
.general-content { padding: 3em 0;}
.general-content p a {font-weight: 800!important;}


/* SHOWROOM */
.simple-header {background: #f4f4f4; margin: 1%; padding: 3em 0;display: inline-block; width: 98%;}
.simple-header h1{font-size: 45px; line-height: 1.1; margin-bottom: 0; color:#303030; text-transform: uppercase; letter-spacing: 2px; font-weight:900;}
.simple-header p {margin-top:0!important; color:#17345c; font-size: 16px; letter-spacing: 2px;}
.showroom-category { width: 100%; background:transparent; box-shadow: 1px 1px 4px #f1f1f1;  border: none; transition: .3s ease;}
.showroom-category:hover{ background: #f1f1f1;}
.showroom-category img {object-fit: contain; height: auto; width: 100%;}
.category-caption {background:#204478; display: inline-block;width: 100%; transition: .3s ease;}
.category-caption:hover {background:#333;}
button.showroom-title {width: 100%; color:#fff;font-family: 'Roboto Condensed', sans-serif; background: none; border: none; font-size: 16px; letter-spacing: 1px; line-height: 1.4; text-transform: uppercase; text-align: center; padding: 10px;}
.border-showrooms:hover {box-shadow: 0 0 0 }
.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {color:#000 !important}
/* FORM */
.form-group {width: 98%; margin-left: 1%; margin-right: 1%;}
.btn-success, .btn-success:focus {background: #204478 !important; text-transform: uppercase; letter-spacing: 2px; color:#fff; font-size: 14px !important; padding: 10px 15px; border: 0 !important;}
.btn-success:hover, .btn-hover-success:hover, .btn-hover-success:active, .btn-hover-success.active, .btn-success:active, .btn-active-success.btn:active, .btn-active-success.btn.active, .btn-active-success+.dropdown-menu>li>a:hover, .btn-active-success+.dropdown-menu>li>a:focus, .btn-active-success+.dropdown-menu>.active>a, .open .dropdown-toggle.btn.btn-active-success, .btn-group.open .dropdown-toggle.btn.btn-active-success, .btn-success.active, .btn-success:disabled, .btn-success.disabled, .btn-success:not([class*="btn-active-"])+.dropdown-menu>li>a:hover, .btn-success:not([class*="btn-active-"])+.dropdown-menu>li>a:focus, .btn-success:not([class*="btn-active-"])+.dropdown-menu>.active>a, .btn-success+.dropdown-menu:not(.head-list)>li>a.active, .open>.dropdown-toggle.btn-success {border:0; background:#204478 !important; }
/* FOOTER */
.footerbg {background: #303030; padding: 3% 0;}
.footerbg .flex-4 {align-items: top !important; vertical-align: top !important;}
.col-4 {width: 25%; padding: 0 1%!important; vertical-align: top !important; align-items: top !important;}
.footerbg .col-4 h4 {font-size: 20px; line-height: 28px; font-weight: 900; text-transform: uppercase; letter-spacing: 2px; color:#fff;}
.footerbg .col-4 p, .footerbg .col-4 a {font-size: 16px; line-height: 26px; color:#fff; text-transform: uppercase; letter-spacing: 1px; font-family: 'Roboto Condensed', sans-serif; }
.col-4 .blue-btn {width: 100%; padding: 10px 0;}
.col-4 .blue-btn:hover {box-shadow: 0 0 0;}
.footerbg .col-4 .fab {font-size: 25px; letter-spacing: 2px; padding-right: 10px;transition: .3s ease;}
.footerbg .col-4 .fab:hover {color:#ABABAB}


/*--------------------------------------------------------------
## FACETED INVENTORY
--------------------------------------------------------------*/
.container.body-content *:not(.loading-spinner):not(.loader) {border-radius: 0 !important;}

/*----Adjusts Container Width----*/
.list-content, .detail-wrapper, .detail-additional-data, .faceted-search-content, .parts-list-content, .bread-crumbs-heading {max-width: 1500px!important;} 
.detail-additional-data .data-row .data-value {width: 100%!important;}

.body-content .body-wrapper {font-family: 'Roboto Condensed', sans-serif !important; padding: 0 15px!important; margin: 1em auto!important;}
.body-wrapper h1, .body-wrapper h2, .body-wrapper h3, .body-wrapper h4 {letter-spacing: inherit!important;}
.body-wrapper p {margin-bottom: inherit!important; line-height: inherit!important; font-size: inherit!important;}
.body-wrapper a {letter-spacing: inherit!important; font-size: inherit!important;}

.legal-text-container {display: none!important;}

.breadcrumbs__link, .detail__machine-location {font-weight: 600!important;}

.list-content .list-listing, .list-content .list-listing-mobile {background: #f3f3f3!important;}

ul.breadcrumbs__list {padding: 0!important;}

p.disclaimer, p.disclaimer a {font-size: 14px!important;}

div#privacy-policy-text a {font-size: 12px!important; letter-spacing: inherit!important;}

/*-----------------------BUTTON STYLES-----------------------*/

.media-buttons .print-this, .media-buttons .email-this {background:#f9f9f9 !important; color: #000 !important; font-family: 'Roboto Condensed', sans-serif !important;}
.media-buttons .print-this:hover, .media-buttons .email-this:hover {background:#fff !important}

.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link, .list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link, .faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button, .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .apply-button, button.page-nav {background: #204478!important; font-family: 'Roboto Condensed', sans-serif !important; color: #fff!important; transition: all .2s ease-in-out; font-weight: 500!important;}

.view-listing-details-link, .contact-options a, .fin-calc-mobile>a, button.g-recaptcha.button, .show-all-modal .apply-button, .show-all-modal .nuf-button, .list-content .list-error-container .info button, .faceted-search-content .mobile-done-button-container .mobile-done-button, a.buy-btn.gtm-buynow.des-buy-now, a.buy-btn.des-buy-now, button.selected-facet.ts-button, .detail-contact-bar .contact-bar-btn {background: #204478!important; font-family: 'Roboto Condensed', sans-serif !important; color: #fff!important; transition: all .2s ease-in-out; font-weight: 500!important;}

.view-listing-details-link:hover, .contact-options a:hover, .fin-calc-mobile>a:hover, button.g-recaptcha.button:hover, .email-seller-link:hover, a.buy-btn.gtm-buynow.des-buy-now:hover, a.buy-btn.des-buy-now:hover, .detail-contact-bar .contact-bar-btn:hover {background: #17345c!important; color: #fff!important;}

/*----Border----*/
.faceted-search-content .faceted-section-box .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button, .show-all-modal .show-all-modal-content-container .show-all-modal-content .title-close-row .back-button, .show-all-modal .back-button, .parts-list-content .parts-listing-container .mobile-parts-detail-container .dealer-phone-container a {color: #17345c!important; border: 1px solid #17345c!important;}

/*-----------------------OTHER TEXT STYLES-----------------------*/

/*----Page Title----*/
.list-content .list-title .list-title-text, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-title-text span, .title-media-buttons-heading h1 {color:#000!important; font-size:24px !important; line-height: 28px !important; font-family: 'Roboto Condensed', sans-serif !important;}

.list-content .list-main-section .list-container .list-listing .listing-top-right .listing-dealer-info .dealer-name, .list-content .list-main-section .list-container .fin-calc, .list-content .list-listing-mobile .listing-dealer-info .spec-value, .fin-calc, .fin-calc p, .list-content .list-main-section .list-container .list-error .info, #parts-content .parts-bottom-section .parts-list-view .parts-list-content .error-message, .info, .list-content .list-title .list-listings-count, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, .list-content .list-top-section .listing-option-bar .list-listings-count, span.part-list-price.bold, .dealer-company-header, .dealer-info h3, .listing-description-text, .paging-container .list-page-number, .paging-container .page-number, .listing-main-stats .price, .list-container-flexrow .price-container .price, h2.listing-portion-title, .list-content .list-listing-mobile .price-container .price, .compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title, .compare-listings-container .compare-container .compare-price, .rent-title, .rent-title-details, span.list-title-text, a.search-results-link, h3.listing-portion-title {color: #000!important; font-family: 'Roboto Condensed', sans-serif !important;}

.mobile-option-bar .mobile-option-bar-filter, span.listing-prices__retail-price, span.parts-listings-count, strong.list-listings-count {color: #000!important;}
.scrollToTop a {color: #fff!important;}

.homepagehero-txt {width: 100%; display: flex; height: 100%; justify-content: flex-start; flex-direction: column;; color: #fff; padding: 15% 10%; text-transform: uppercase; background: rgba(0,0,0,.2);}
.homepagehero-txt h1 {font-size: 50px; font-weight: 700; opacity: .9; line-height: 1;}
.homepagehero-txt h1 span {display: block; opacity: 1;}
.homepagehero-txt button {max-width: 300px;}
.homepagehero-txt p {max-width: 375px; font-weight: 600; margin: 5px 0; line-height: 1.3;}
.btns-wrapper {width: 100%; display: flex; justify-content: flex-start;}
.btns-wrapper button {margin-right: 10px; margin-top: 10px; width: 100%; max-width: 250px;}




/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {		
	.cta-txt p {font-size: 18px;}
	.cta-txt p span {font-size: 15px;}
	.hp-text {padding: 2% 0;}
	.custom-hero h1, .simple-header h1 {font-size: 35px; padding-top:0}
	
}
@media only screen and (max-width : 1200px) {		
	.img-resizer {min-height: 500px!important;}
	.btn-group {width: 97%; margin-right: 0;}
	.btn-group span {font-size: 15px;}
	.hp-text h1{font-size: 30px;}
	.bg-img-left {display: none;}
	.template-hero {display: block;}
	.custom-hero {width: 98%; margin: 1%;}
	.small-hero {width:98%; margin: 1%}
	ul#content-list li {width: calc(33.33% - 1em);}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.hp-flex-sect {display: block;}
	.hp-text {width: 96%; margin:2% 2%;}
	.hp-btns-about {width: 96%; margin: 0 2%;}
	.btn-group {width: 100%; }
	.img-resizer {min-height: 300px!important; margin-bottom: 2%!important;}
	.flex-4 {display: block; padding: 3% 0;}
	.col-4 {display: inline-block; vertical-align: top; width: 46%; margin: 1%;}
	.lt-bl-btn, .drk-bl-btn {font-size: 20px;}
	.lt-bl-btn span, .drk-bl-btn span{font-size: 14px;}
	ul#content-list li {width: calc(50% - 1em);}
	
}

@media screen and (max-width: 785px) {
	.list-content .has-search-bar {width: 100%!important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.blue-header {text-align: center;}
	.phone-head, .contact-btn-head {font-size: 14px; padding: 10px 20px; width: 48%;}
	.header {padding-top: 10px; padding-bottom: 0;}
	.main-logo {width: 70%; float: left;}
	.main-logo img {max-width: 200px !important; width: 100%; text-align: left !important; float: left;}
	.header-right {width: 30%;}
	.contact-btn-head {width: 50%;}
	.manu-scroll {width: 70%; margin-left: 12.5%; margin-right: 12.5%;}
	.manu-scroll h3, .hp-text h1 {font-size: 25px;}
	.hp-text h2 {font-size: 18px;}
	.width-80 {width: 90%; margin-left: 5%; margin-right: 5%;}
	.hp-text {padding-bottom: 25px;}
	
	.homepagehero-txt {padding: 20% 10%; text-align: center;}
	.homepagehero-txt h1 {font-size: 42px; font-weight: 700; opacity: .85;line-height: 1;}
	.btns-wrapper {flex-direction: column; justify-content: center;}
	.btns-wrapper button {margin: 5px auto;}
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 550px) {
	.footerbg .col-4 h4 {font-size: 16px;}
	.footerbg .col-4 p, .footerbg .col-4 a {font-size: 14px;}
	.img-resizer {min-height: 200px!important;}
	ul#content-list li {width: calc(100% - 1em);}
	
	.custom-hero {width: 98%; padding: 1.5em 0; margin: 1%;}
	.custom-hero h1, .simple-header h1 {font-size: 30px;}
	.custom-hero p, .simple-header p {font-size: 14px;}
	
	.post-column-homepage-shop-btns37 {width: calc(100% - 1em); margin: .5em!important;}

}

@media only screen and (max-width : 550px) {
	.btn-group {display: block;}
	.manu-scroll h3, .hp-text h1 {font-size: 22px; line-height: 30px;}
	.lt-bl-btn, .drk-bl-btn {width: 100%; margin: 2% 0; display: block;}
	.footerbg .col-4 {width: 100%; margin: 2% 0;}
}