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

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

html, body {
	width:100%;
}
.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%;
}
.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;
}
body {box-sizing:border-box;background:#EBEBEB;}


.logo {width: 100%;max-width: 280px;}



.top-wrapper {box-sizing:border-box;background:#D03C3C;display:flex;align-items: center;height: 131px;}

.top-wrapper .flex.wrapper{display:flex;justify-content: space-between;width: 90%;margin: 0 auto;padding:3% 0;}

.top-flex {display: flex;}
div#header {position:relative;}

.navigation-wrapper {display:flex;width: 90%;position:absolute;margin: 0 auto;background:#fff;top: 103px;z-index:1000;left: 5%;justify-content: space-between !important;padding: 2% 4% !important;align-items: center;}

.navigation-wrapper ul#menu-primary {flex-direction:row;}

.hero-section {position:relative;}



.hero-overlay {    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: -1000px;
    height: 1000px;
    width: 100%;}

.overlay-content {position:relative;top: 30%;left:5%;width:50%;}

.hero-image img{object-fit: cover !important;max-width: 100% !important;height: 1000px;}

.phone-email,.locations-header {width: 100%;max-width: 30%;}

/*.phone-email button,.locations button {width: 100%;max-width: 100%;}*/

.locations-header {display: flex;width:100%;gap: 5%;align-items: center;}
.locations-header div{width:100%;}

.anchor-link {border:unset !important;background:transparent;color:#fff;font-size:18px;}

.footer-anchor-link {border:unset !important;background:transparent;color:#000;font-size:16px;text-align:left;transition:.3s;text-transform:capitalize;font-weight:800;}

.footer-anchor-link:hover,.footer-anchor-link:active,.footer-anchor-link:focus {color:#D03C3C;font-weight:700;border:unset !important;background:unset !important;}

h1,h2,h3,h4,h5,h6,button {font-family: "Archivo Narrow", sans-serif;text-transform:uppercase;}
p {font-family: "Assistant", sans-serif;}

.body.flex {display:flex;flex-direction:column;justify-content: space-around!important;height: 39%;}

.sub-header {width:90%;margin:0 auto;padding: 23px 0 0;}
.sub-header h1 span{margin-left:unset !important;}

/*--------------------------------------------------------------
## HOMEPAGE SEARCH
--------------------------------------------------------------*/
form.search-bottom {display:flex;justify-content: center;gap: 10px;}
section.search-section {width: 90%;margin: 0 auto;background: #D03C3C;padding: 4% 40px;position: relative;top: -140px;color:#fff;}
.search-flex {width:90%;margin:0 auto;}
.form-width {width:100%;}

.form-width input,.form-width select,.form-width textarea {width:100%;padding:2% 1%;color:#000;font-family: "Archivo Narrow", sans-serif;text-transform:uppercase;border:unset;background:#fff !important;border-radius:0!important;}


.form-header {display:flex;justify-content: space-between;margin-bottom:50px;}

button.search-button {color: rgb(255, 255, 255);
    background: transparent;
    border: 3px solid rgb(255, 255, 255);
    padding: 5px 100%;transition:.3s;}

button.search-button:hover {background:#fff;}
button.search-button:hover icon {color:#D03C3C !important;}

button.search-button icon{font-size:18px !important;color:#fff !important;transition:.3s;}


.form-header h2 {font-size: clamp(1.5625rem, 1.2517rem + 1.5541vw, 3rem) !important;}

.inventory-search-file {height:250px;}

button.dropbtn icon{color:#fff !important;font-size:16px !important;}

#myDropdown {text-align: center;padding: 30px 3%;top: 0;width: 100%;margin: 0 auto;left: 0;right: 0;position: relative;background:#741515;}

form#myInput input#keyword {width: 100%;margin: 0 auto;padding: 6px 12px;}


button.dropbtn {
    display: flex;
    justify-content:center;
	gap:10px;
	width:100%;
    padding: 2% 4%;
    background: transparent;
    color: #fff;
    border: #fff solid 3px;align-items:center;}

.dropdown {
  position: relative;
  display: inline-block;
	width:100%;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f6f6f6;
  width: 100%;
  overflow: auto;
  z-index: 99999999999;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
}

.dropdown a:hover {background-color: #ddd;}

.show {display: block;}

button#Submit {border: unset !important;background:unset;left:unset;right:4%;position: absolute;top: 37%;}

button#Submit icon{font-size:19px !important;}

.header.button-flex {gap:80px !important;flex-direction:row !important;}


/*--------------------------------------------------------------
## INV CAT STYLES
--------------------------------------------------------------*/

.inv-body {text-align: left;width: 90% ;margin:0 auto;padding: 10px 0px 0;}
.small-wrapper {width:90%;margin:0 auto !important;}
.inventory-title {background:#D03C3C;padding:15px 10px;color:#fff;display:flex;align-items: center;gap:20px;justify-content: center;}
.inventory-title h2{font-size:20px;margin-bottom:unset;}
.inv-image {padding-top:20px;width:100%}
.inv-image img{width: 90%;}

.inventory-cat {height: 100% !important;}
.inventory-cat .red-button {padding-bottom:20px;}
.border-inventory-category {height:100% !important;}

.body.flex {gap: 14px;padding: 10px 0px 30px !important;box-sizing: border-box;margin-bottom: 10px;}

.inventory-cat p {margin-bottom:unset;}

.inventory-cat .body.flex {padding: 10px 0 20px !important;}

/*--------------------------------------------------------------
## FEATURED INV STYLES
--------------------------------------------------------------*/
img.inv_image {width:100%;height:100%;}
div#controls, #invCarousel_2 hr,#invCarousel_2 strong {display:none !important;}

.outer-img-box {padding: 25px 25px 0px !important;}
.card-body.sh-card-body {padding:18px 25px 25px !important;}

.card-body.sh-card-body a {line-height:1.0;}

small.small_spec {font-weight:500 !important;}
h2.inv_car_title {font-weight: 900 !important;font-size: 40px;}

p.listing-title {font-family: "Archivo Narrow", sans-serif !important;font-weight:700;font-size:20px;line-height:1.0;color:#000 !important;}

div#invGrid_3 {display: flex;flex-wrap: wrap;}

h4.listing-title {color:#D03C3C !important;}


/*--------------------------------------------------------------
## FORM STYLES
--------------------------------------------------------------*/
.contact-long-form input, .contact-long-form select {padding:3% 1% !important;}
.contact-long-form textarea {padding:5% 1% !important;}

input.btn.btn-success.sheSubmitButton {width:100%;padding:1% !important;}

/*--------------------------------------------------------------
## LOCATION STYLES
--------------------------------------------------------------*/
.location-content {width:90%;background:#fff;}
.location-content icon {width:unset!important;margin-right:10px;}
.location-content p {margin-bottom:3%;}
.location-content button.red-button-arrow {margin-bottom: 10px !important;}
.locations .button-flex {gap:unset!important;display:flex; flex-direction:column !important;}
.location-section .red-rectangle{    max-width: 500px;
    height: 370px;
    right: -40px;
    top: -40px;z-index:1;}
.location-section iframe{ position:relative;z-index:3;}

.location-card {width:80%;margin:0 auto;background:#fff;padding:2% 10%;box-shadow:0 5px 10px #0005;}
/*--------------------------------------------------------------
## BUTTONS
-------------------------------------------------------------
-*/
.button-flex {flex-direction: row;display: flex !important;gap: 30px;width:100%;}

button.carousel_details_btn,.red-button {background:#d03c3c !important;width:100% !important;margin:0 auto !important;border:unset !important;padding:10px 0;color:#fff !important;}

a.white-button {width:100% !important;}
a.white-button button{border:none;background:#fff;width:90%;display:flex;justify-content: space-between;padding:3%;margin-bottom:10px;color:#000;font-weight:700;transition:.3s;}

a.white-button button:hover {background:#741515
;color:#fff;}

a.border-button {width:100%;max-width:400px;}
.border-button button {background:transparent;border:3px solid #fff;color:#fff;padding:10px 5%;width:100%;max-width:400px;display:flex;justify-content: space-between;align-items:center;font-weight:900;transition:.3s;}

.border-button button:hover {background:#fff;color:#d03c3c;}

a.red-border-button {width:100%;max-width:100%;}
.red-border-button button {background:transparent;border:3px solid #d03c3c;color:#d03c3c;padding:10px 5%;display:flex;justify-content: space-between;align-items:center;font-weight:700;width: 100%;max-width: 90%;margin:0 auto !important;transition:.3s;}

.red-border-button button:hover {background:#d03c3c;color:#fff;border:3px solid #d03c3c;}


.header.button-flex .red-button-arrow {padding:20px 3% !important;}

.red-button-arrow {background:#d03c3c;border:3px solid transparent;color:#fff;padding:18px 3%;display:flex;justify-content: space-between;align-items:center;font-weight:700;width: 100%;max-width: 100%;margin: 0 auto !important;margin-bottom:2% !important;transition:.3s;}

button.red-button-arrow:hover{background:transparent;color:#d03c3c;border:3px solid #d03c3c;}

.hero-overlay button.red-button-arrow:hover{background:#fff;color:#d03c3c;border:3px solid #fff;}

.white-button-arrow {background:#fff!important;border:unset;color:#d03c3c ;padding:10px 3%;display:flex;justify-content: space-between;align-items:center;font-weight:700;width: 100%;max-width: 80%;margin: 0 auto !important;margin-bottom:20px;margin-bottom:2% !important;}


/*--------------------------------------------------------------
## BACKGROUND ELEMENTS
--------------------------------------------------------------*/
.image-background,.form-section {position:relative;}
.red-rectangle {background: rgb(208, 60, 60);height: 650px;position: absolute;width: 100%;max-width: 70%;top: -160px;z-index: -1;right: -10%;}

.about-section .red-rectangle{max-width: 700px;height: 470px;right: -40px;top: -40px;}

.form-section .red-rectangle{z-index:1;left: -40px !important;width: 100%;max-width: 340px;top: -35px !important;height: 1070px !important;}

.form-section img {position:relative;z-index:2;}
.contact-long-form {display:flex;justify-content: center;align-items:center;}

.map-section {padding:7% 0;}

.line-break {border-right:#000  solid 2px;padding-right:10px;margin-right:10px;}

.list-space ul li  {margin-bottom:20px;}

/*--------------------------------------------------------------
## ABOUT STYLES
--------------------------------------------------------------*/
.about-card {width:90% !important;background:#fff !important;padding:7% 6% !important;margin:0 auto;  box-shadow:0 5px 10px #0005;}
.about-card li {margin-bottom:10px;}
.about-card li a{line-height:1.0;}
.long-rectangle {background:#D03C3C;width:100%;height:400px;position:absolute;z-index: -1;left:0 !important;}
.about-section {position:relative;}

.about-section img {aspect-ratio: 14 / 8;height: 500px;object-fit: cover !important;overflow: hidden !important;}
/*--------------------------------------------------------------
## WARRANTY STYLES
--------------------------------------------------------------*/

.warranty-cat {width:90%;margin:0 auto;background:#fff;box-shadow: 0 0 8px 3px rgba(0,0,0,0.1);margin-top:10%;margin-bottom:10%;}
.warranty-cat h3{font-size: clamp(1.125rem, 1.0845rem + 0.2027vw, 1.3125rem) !important;}
.warranty-cat h2{font-size: clamp(1.1875rem, 1.0929rem + 0.473vw, 1.625rem) !important;}
.warranty-top {background:#f1f1f1;}
.warranty-top .wrapper,.warranty-wrapper{width:90%; margin:0 auto;padding:5% 0;}

/*--------------------------------------------------------------
## FOOTER STYLES
--------------------------------------------------------------*/
.footer-logo {width: 100%;max-width:680px;text-align: center;margin:0 auto;border-right:solid #d03c3c 3px;padding-right:30px;    height: 250px;
    align-items: center;
    justify-content: center;
    display: flex;}

.footer-logo img{width: 100%;max-width: 630px;text-align: center;}


div#foot {width:100%; margin: 0 auto;  background:#fff !important;padding:4% 0;}

.footer.wrapper {width:90%;margin:0 auto;  display: flex;
    align-items: center;}

.footer-links {width: 100%;}

.footer-links .row.sh-row {justify-content:center;width: 100%;padding-left:30px;}

.footer-button-flex {display:flex;flex-direction:column !important;}
.footer-cat {width:100%;max-width:900px;display:flex;align:center;}

.footer-category icon {color:#d03c3c;}
.footer-category button{margin-bottom:7px;}
/*--------------------------------------------------------------
## INVENTORY STYLES
--------------------------------------------------------------*/

.column3.left ul li a {color:#000 !important;}

.listing-content a,p.ts-disclaimer.des-disclaimer a, .dealer-contact__phone a, button.dealer-contact__videochat,button.detail__search-results,.detail__media-buttons.media-buttons a{color:#000 !important;}

p.ts-disclaimer.des-disclaimer a {font-weight:bold;}

.ground-bcrumbs {padding-top:3%;}
h2.inv_car_title {font-size: clamp(1.25rem, 0.9797rem + 1.3514vw, 2.5rem) !important;}

nav.breadcrumbs {padding-top: 3%;}
ul.breadcrumbs__list li a,.detail__machine-location a {color:#000 !important;}

.list-container-flexrow .view-listing-details-link,.faceted-search-content .selected-facets-container .selected-facet {background:#d03c3c !important;border:unset;color:#fff;font-weight:700;width: 100%;max-width: 100%;}
/*--------------------------------------------------------------
## 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;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {		
	.form-section .red-rectangle{z-index:1;left: -8% !important;}
	.phone-email,.locations-header {max-width:45%;}
	.inventory-search-file {height: 140px;}
	.body.flex {padding:40px 14px;}
}



/* Large Devices, Wide Screens */
@media only screen and (max-width : 1500px) {
	
}


/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {
	.footer.wrapper {flex-direction: column;}
	.footer-logo {height:unset;border-right:unset !important;padding-right:unset;border-bottom:3px solid rgb(208, 60, 60);padding-bottom:10px;}
	.footer-cat {width:100%;padding-top:30px;max-width:100%;}
	.form-section img {height:600px;}
	.form-section .red-rectangle {height:680px !important;}
	.homepage-map iframe {height:600px;}
	.inventory-cat .body.flex {height: 270px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {	
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.homepage-map iframe {height:600px;}
	.image-background img {max-width: 90% !important;left: 7%;top:70px;}
	.image-background .row.red-rectangle {height: 540px;top: -100px;}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {	
	.inventory-search-file {height: 210px;}
	.inventory-cat .body.flex {padding:30px 14px;}
}
@media only screen and (max-width : 1100px) {	
	.phone-email,.locations-header {width:100%;max-width:50%;}
	.top-wrapper .flex.wrapper {width:90% !important;}
	a.anchor-link {font-size:16px;}
}


@media only screen and (max-width : 1000px) {
	
	.location-content {padding: 3% 5% 0 !important;}
	a.border-button {max-width:100%;}
	a.border-button button{max-width:100% !important;}
	form.search-bottom {flex-direction: column;}
	form.header {flex-direction: column;}
	form.header a.border-button {max-width:100%;}
	button.search-button {padding: 5px 10%;width: 100%;}
	section.search-section {top: -200px;}
	.inv-image img {width:90%;margin:0 auto;}
	.inventory-cat {height: 100%;}
	.inventory-cat .body.flex {padding-bottom:5%;}
	.form-header {flex-direction: column;margin-bottom:30px;}
	.header .button-flex {flex-direction: column;}
	.image-background img {max-width: 350px;margin: 0 auto;}
	.subpage.navigation-wrapper	{top: 132px;}
	a.white-button button{margin: 0 auto 10px;}
	.top-wrapper .flex.wrapper {flex-direction:column;}
	.phone-email,.locations-header {max-width: 100% !important;text-align: center;}
	button.dropbtn {width:100%;}
	.top-wrapper {height: 139px;}
	.navigation-wrapper {top: 131px;width: 100% !important;
    left: 0 !important;}
	.logo {top: 180px !important;max-width:180px !important;}
	.button-flex {flex-direction:column !important;gap:4px;}
	section.search-section {top: -120px !important;}
	.about-card {padding-bottom:20px;}
	.subpage.navigation-wrapper {top: 138px;}
	h2.inv_car_title {margin-bottom: -20px;}
	.red-button-arrow {padding: 24px 4% !important;}
	.navigation-wrapper {padding: 6% 4% !important;}
	.hero-overlay {    position: absolute;
    background: rgba(0, 0, 0, 0.4);
    top: -600px;
    height: 600px;
    width: 100%;}
	section.search-section {padding:4% 10px;}
	.hero-image img{object-fit: cover !important;max-width: 100% !important;height: 600px;}
	.overlay-content {position:relative;top: 30%;left:5%;width:90%;}
	.location-card iframe {height: 340px;}
	.image-background .row.red-rectangle {    max-width: 280px;
    height: 560px;
    top: 0px;
    right: -44px;}
	.location-content {width: 100% !important;}
	.inventory-search-file {height: auto;}
.sub-header {width:90%;margin:0 auto;padding: 100px 0 0;}
}

@media only screen and (max-width : 900px) {
	.row.red-rectangle {height: 700px}
	.image-background .image-background {top: 160px;}
}

@media only screen and (max-width : 800px) {
	.red-rectangle {height: 320px;position: absolute;width: 100%;max-width: 100%;top: -30px;
    right: unset;}
	.location-card iframe{width:100%;margin:30px auto 0!important;}
	.location-card {padding:2% 10% 0;}
	.map-header {margin:0 auto 10px;text-align:center;}
	.footer-category {padding-left:unset;padding-bottom:20px;}
	.footer-links .row.sh-row {padding-left:unset !important;}
	.footer-cat .row.sh-row {padding-left:unset !important;}
	.inventory-search-file {height: 300px;}
	section.search-section {padding:6% 10px;}
	.image-background.location {padding:unset!important;}
	.inventory-search-file {height: 400px;}
	.image-background.location {background:unset !important;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.location.red-rectangle,.red-rectangle.about-page {display:none !important;}
	.footer-logo {max-width: 500px !important;}
	.locations-header {flex-direction: column;}
	.form-section img, .form-section .red-rectangle,.mobile-hidden{display:none !important;}
	.top-wrapper {padding:3px 0 !important;}
	.sub-header {width:90%;margin:0 auto;padding: 70px 0 0;}
	.subpage.navigation-wrapper {top: 218px;}
	.locations-header,.phone-email {width:100%;max-width: 36%;}
	.about-section .row.sh-row {gap: 27px !important;}
	.top-wrapper {height:100%;padding: 12px 0px !important;}
	.navigation-wrapper,.subpage.navigation-wrapper {top: 222px;}
	.footer-links {padding: 23px 0;}
	.about-section img {aspect-ratio: 14 / 8;height: 100%;object-fit: cover !important;}
	.red-button-arrow {padding: 10px 4% !important;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 766px) {
	.red-rectangle,.location-section .red-rectangle,.about-section .red-rectangle {display:none;}
	.location.red-rectangle,.red-rectangle.about-page {display:none !important;}
	.image-background img {top:unset;left:unset;}
	.image-background {background:#d03c3c;padding: 6% 0;text-align:center;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 600px) {
	h2.inv_car_title {margin-top: 30px;}
	.location-card {margin: 23px auto !important;}
	.inventory-search-file {height: 280px;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 490px) {
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 500px) {
	.top-wrapper {padding:4% 0;}
	.navigation-wrapper{top: 205px !important;}
}