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


Roboto Bold
font-family: roboto, sans-serif;
font-weight: 700;
font-style: normal;

font-family: raleway, sans-serif;
font-weight: 900;
font-style: normal;

yellow primary: #ffde00


/*--------------------------------------------------------------
## Header Styles
--------------------------------------------------------------*/

.clearfix{
	clear: both;
}

.border-box, .border-box *{
	box-sizing: border-box;
}
div#header {box-shadow: 0 .5rem 1rem rgba(0,0,0,.30);position: relative;z-index: 1001;}

#top-nav {background-color:#000;}
#top-nav .inline-list {line-height: 60px; padding: 0px; text-align: center; 
    margin-bottom: 10px !important; }
#menu-nav .inline-list  {line-height: 60px; padding: 0px; }
#top-nav .inline-list .inline, #menu-nav .inline-list .inline {display:inline;}
#top-nav .inline-list .inline a, #menu-nav .inline-list .inline a {margin:1px; background:#ffde00; color:#000; padding:7px; display:inline-block; min-width:35px; text-align:center; height:30px; line-height:20px;}
#top-nav .inline-list .inline a:hover, #menu-nav .inline-list .inline a:hover {background:#948100; color:#ffde00;}
.img-fluid.main-logo {max-height: 40px;margin-top: 13px; max-width:100%;}
#top-nav .form-inline {margin-top:15px; line-height:60px; display:flex;}
#top-nav .form-inline #keywords {margin-right: -5px;border: 1px solid  #fff !important; width:90%; border-radius: 0 !important;}
#top-nav .form-inline .btn-default {border: none !important;background:#fff !important; background-color: #fff !important;  border-radius: 0 !important; color:#ffde00; display:block; text-align:center; line-height:30px !important; padding:0px !important; width:10%; margin: 0 !important;}
#menu-nav {line-height:60px; border-bottom: solid 1px #fafafa;}
.hamburger {padding:0px; right:15px; height:40px; margin-top:10px;}
.navbar-header.sh-navbar-header {max-width: 100%;}

/*--------------------------------------------------------------
## Foot Styles
--------------------------------------------------------------*/


.footerbg.border-box a{
	color: #7a878e !important;
}
.footerbg.border-box a i{
	color: #000 !important;
}
a.foot-link {display: block; font-size:13px;}
a.foot-link span {font-weight: 700;color: #ffde00;}
#foot ul.inline-list {list-style: none;padding-left: 0px; margin-top:10px;}
#foot ul.inline-list .inline {display: inline-block;margin:2px;}
#foot .inline-list .inline a {margin: 1px;background: #ffde00;color: #000;padding:10px 5px 5px;display: inline-block;min-width: 35px;text-align: center;height: 35px;line-height: 25px;}
a.foot-link:hover {color:#ffde00;}
#foot .inline-list .inline:hover a {background:#948100;color:#ffde00;}
/*--------------------------------------------------------------
## Cta Styles
--------------------------------------------------------------*/
.background-cover{
	    -moz-background-size: cover; 
    -o-background-size: cover; 
    -webkit-background-size: cover; 
    background-size: cover; 
}
.background-center-center{
	-moz-background-position: center center;
	-o-background-position: center center;
	-webkit-background-position: center center;
	background-position: center center;
}
.cta-row {}
/*.cta-col * {position:relative; z-index:12;}*/
.cta-col {margin:3.5px !important; text-align:center; height:18vw; overflow:hidden; position:relative; transition:ease-in-out 600ms; 
    -moz-background-size: cover; 
	-moz-background-position: center center;
    -o-background-size: cover; 
	-o-background-position: center center;
    -webkit-background-size: cover; 
	-webkit-background-position: center center;
    background-size: cover; 
	background-position: center center;

}
.cta-col a:hover {color:#ffde00;}
.cta-col a {display:block; height:100%; width:100%; color:#fff; position:absolute !important; top:0; z-index:12; transition:ease-in-out 400ms;}
.cta-col a * {top:25%; position:relative;}
.cta-col:hover:after {content:""; width:100%; height:100%; position:absolute; background:#000; opacity:.5; z-index:2; left:0; top:0;}
.cta-col:after	{content:""; width:100%; height:100%; position:absolute; background:#000; opacity:0; z-index:2; left:0; top:0; transition:ease-in-out 400ms;}
.denveast-wrap {color: #fff;max-width: 80%;margin: 0 auto;}
.denveast-wrap h3 {color:#ffde00; font-size:20px;}
.denveast-wrap p {font-size:14px;}
.serv-bloc:hover:after {border:solid 2px #ffde00;}
.serv-bloc:after {content: "";position: absolute; border: none;display: block;width: 100%;height: 100%;top: 0;left: 0;}
.serv-bloc {transition:ease-in-out 300ms;}
.denveast-wrap .row {display: flex;}

.cta-col:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.2);
}

/*--------------------------------------------------------------
## Content Styles
--------------------------------------------------------------*/

.wel-row {margin-top:100px; margin-bottom:200px; position:relative;}
.img-responsive.wel-img {position: absolute;height: calc(100% + 190px); max-height: 600px; left: 0;}
.mapbox iframe {margin-top: 100px;}
#sidebar1-contact-box {background: #000; background-size:cover; background-position:center center; background-repeat:no-repeat;position: relative;top: -100px;padding: 2em !important; margin-bottom:-100px; color: #fff !important;}
#sidebar1-contact-box #CaptchaAnswer{color: #000 !important;}

.contactForm .bv-form h1 {display: none;}
/* Adding flex to the row that wraps two sidebars on the homepage, this allows them to be same height */
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
div#sidebar1-map-box iframe {display: block;height: calc(100% - 60px) !important;}
/** Homepage row placement for map **/
#sidebar1-map-box .row {position: absolute !important;width: 100%;bottom: 0px;height: auto;display: block;}
.inv-banner {background-image: url('/siteart/denvereast-banner.png'); background-color: #000000; background-position:bottom center; background-size:cover; color:#fff;}
.inv-banner h2 {line-height:250px;}
.service_column {width: 33.33%;float: left;display: inline-block; padding:5px 10px;}
.inline-block {display:inline-block;}
.service_column dt {margin-top: 5px;font-size: 14px;}
.service_column a {margin-bottom: 5px;font-size: 12px; font-weight:700;}
.service_column a:hover {color:#ffde00 !important;}

#sidebar181-map-box .bv-form {max-width: 1180px;width: 80%;margin: 0 auto;margin-bottom: 100px;border: solid 1px #ddd;padding: 25px;}
#sidebar181-map-box .bv-form h1 {display:block !important;}


.CaptchaPanel{
	text-align: left !important;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #000 !important;
}


 
/*--------------------------------------------------------------
## Panel Styles
--------------------------------------------------------------*/
.row.row-flex .panel {border: solid 1px #ddd;margin: 10px;border-radius: 5px; height:100%; box-shadow: 0 0.25rem .5rem rgb(0 0 0 / 0%) !important; transition:ease-in-out 400ms; top:-5px; font-size:14px;}
.row.row-flex .panel a {font-size:12px;}
.row.row-flex .panel a:hover {color:#ffde00 !important;}
.row.row-flex .panel:hover {box-shadow: 0 0 1rem rgb(0 0 0 / 30%) !important; border:solid 2px #ffde00 !important; margin:5px; top:-15px; position:relative;}
.panel-default h3 {font-size:20px;}
.row.row-flex {display: flex;padding-bottom: 45px;}
/*--------------------------------------------------------------
## banner Styles
--------------------------------------------------------------*/
.graphic-banner  img {display:block;}
.graphic-banner {margin:100px 0px 100px;}


/*--------------------------------------------------------------
## Breadcrumb Styles
--------------------------------------------------------------*/
.breadcrumb {border-radius: 0;background-color: transparent;margin-bottom: 0;padding: 10px 15px 10px;font-size: 14px;}
.breadcrumb li, .breadcrumb li a {color:#000 !important; opacity:.8;}
.breadcrumb>li+li:before {border-color:#bdbdbd !important;}

/*--------------------------------------------------------------
## Inventory Styles
--------------------------------------------------------------*/
.list-container-flexrow .view-listing-details-link, .list-container-flexrow .buy-now-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .button, body .noUi-connect, .contact-options a, .detail-contact-bar a, .fin-calc-btn-mobile, .mobile-breadcrumb {color:#ffde00 !important; background: #333 !important;}
body .noUi-handle {background: #ffde00 !important;}
ul.inline-list, ul.inline-list * {box-sizing: border-box;}
.detail-content .detail-additional-data .data-row .data-label, .detail-content-mobile .detail-additional-data .data-row .data-label {background:#333 !important;}


/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
.pad-bottom-100 {padding-bottom:100px;}
.p-pad {padding:20px;}
.border {border:solid 1px #eee;}
.pad50 {padding:50px;}
.pad100 {padding:100px 0px;}
p {
font-family: 'roboto', sans-serif;
font-weight: normal;
font-style: normal;	
font-size:16px;
}

h1, h2, h3, h4, h5, .heading {
font-family: 'raleway', sans-serif;
font-weight: 900;
font-style: normal;	
text-transform:uppercase;
}
.heading{
	font-size: 36px;
    line-height: 1.1;
}
html, body {
	font-size:16px;
	letter-spacing:1px;
	height:100%;
	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: #fff;
	color:#000;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:16px;
	border: solid 5px #fff;
	transition:ease-in-out .3s;
	text-transform:uppercase;
	font-weight:700;
	font-family:'Roboto Black', sans-serif;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	border-top: solid 5px #ffde00;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:14px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    transition: linear 0.2s;
	color:#ffde00;
	background-color:transparent;
}
.navbar-nav>li>a {
    padding-top: 15px !important;
    padding-bottom: 15px !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;
}

/* LOGO GRID */

.logo-grid{
	display: flex;
	flex-wrap: wrap;
}
.logo-grid a{
	width: 25%;
	border: solid 1px #ccc;
	box-sizing: border-box;
	padding: 10px;
	background: #fff;
}


/*--------FORM STYLES--------------------*/


.custom-form{
	
font-family: 'raleway', sans-serif;
}
.custom-form input{
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	background: #f9f9f9;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}
.custom-form select{
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	outline: none;
	border: none;
	background: #f9f9f9;
	box-sizing: border-box;
	width: 100%;
	margin-bottom: 10px;
}
.custom-form input[type="radio"], .custom-form input[type="checkbox"]{
	width: 24px;
}
.custom-form .flex{
	gap: 10px;
	display: flex;
}
.custom-form textarea{
	width: 100%;
	box-sizing: border-box;
	padding: 10px;
	font-weight: 400;
	font-size: 14px;
	color: #454a49;
	line-height: 24px;
	resize: none;
	margin-bottom: 10px;
	outline: none;
	border: none;
	background: #f9f9f9;
}

.CaptchaPanel{
	text-align: left !important;
}
.CaptchaPanel, .CaptchaAnswerPanel, .CaptchaImagePanel, .CaptchaMessagePanel{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.CaptchaWhatsThisPanel a{
	color: #454a49 !important;
}



/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {		
.img-responsive.wel-img {position: absolute;height: auto;left: 0px;width: 32.5%;display: block;top: 25px;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1279px) {
.navbar-default .navbar-nav > li > a {font-size:13px;}	
.denveast-wrap .row {display: block;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 1160px) {
	
.navbar-default .navbar-nav > li > a {font-size: 12px; padding: 10px;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
.navbar-default .navbar-nav > li > a {font-size: 12px;padding-left: 4px;padding-right: 4px;}
.row.row-flex .panel {min-height:325px; height:auto;}
.row.row-flex {display:block;}
#sidebar1-map-box .row {position: relative !important;}
div#sidebar1-map-box iframe {height:350px !important; width:100%;}
article#post-1 .entry-content .container-fluid > .row .col-sm-12:nth-child(2) > .row {display: block;}	
div#sidebar1-map-box, div#sidebar1-contact-box {width: 100%;}
#sidebar1-contact-box {top:0; margin-bottom:0px;}
div#sidebar1-map-box iframe {display: block;height: 250px; border:solid 10px #fff !important;}
.wel-row {margin-bottom:100px;}
.img-responsive.wel-img {display:none;}	
.wel-row h1 {margin-top:0px;}
.contactForm .bv-form .form-group.has-feedback {margin-right: 10px;}
div#sidebar1-contact-box > .row {max-width:750px; margin:0 auto !important; display:block;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
.logo-grid a{
	width: 33.333333%;
}
#foot .p-pad {padding: 5px;}
#foot .img-responsive {margin: 0 auto;margin-bottom:15px;}
.navbar-default .navbar-nav > li > a {padding: 0px !important;}
.hamburger {margin:10px 0 !important;}
#foot * {text-align:center;}
#widget_sandhills_editable_area_background_5 {background-image:url('/siteart/footer-mobile-bg-mobile.jpg') !important; background-position:center center;}
div#top-nav {text-align: center;}
img.img-fluid.main-logo {margin: 20px 0px;}
.mobile-icon-pos {position: absolute;left: 0; z-index:10001;}
#menu-nav .inline-list {left:15px; position:relative;}
.img-fluid.main-logo {margin-top: 2px;left: 15px;position: relative; line-height:60px;}	
#top-nav {background-color: #000;line-height: 60px;}
.con-cta {background-image:url('/siteart/construction-img copy-mobile.jpg');}
.farm-cta {background-image:url('/siteart/tractor-img copy-mobile.jpg');}
.truck-cta {background-image:url('/siteart/truck-img copy-mobile.jpg');}
.trail-cta {background-image:url('/siteart/trailer-img copy-mobile.jpg');}
.att-cta {background-image:url('/siteart/attachment-img copy-mobile.jpg');}
.rent-cta {background-image:url('/siteart/rentals-img copy-mobile.jpg');}
.part-cta {background-image:url('/siteart/parts-img-mobile.jpg');}
.auct-cta {background-image:url('/siteart/auct-img-mobile.jpg');}
.cta-col {height:175px; margin:10px !important;}
.cta-col a h3 {font-size: 16px;margin-bottom: 0px;}
div#sidebar1-contact-box > .row, .container.wel-col {max-width:650px; margin:0 auto !important; display:block;}
.wel-row {margin:50px 0px;}
}
@media only screen and (max-width : 668px) {
	
	
	.custom-form .flex{flex-wrap: wrap; gap: 0px;}
	
	div#sidebar1-contact-box > .row, .container.wel-col {max-width:550px; margin:0 auto !important; display:block;}
}
@media only screen and (max-width : 575px) {
	div#sidebar1-contact-box > .row, .container.wel-col {max-width:450px; margin:0 auto !important; display:block;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
.logo-grid a{
	width: 50%;
}
.img-fluid.main-logo {margin-top: 0px;left: 0px;position: relative;line-height: normal;padding: 0px 10px;}
div#sidebar1-contact-box > .row, .container.wel-col {max-width:300px; margin:0 auto !important; display:block;}
}