/*
Theme Name: Sandhills
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 {
	height:100%;
	width:100%;
	font-family: 'Industry', sans-serif;
}

::-moz-selection {background: #e80000; color: #fff; text-shadow: none;}
::selection {background: #e80000; color: #fff; text-shadow: none;}

body {line-height: 1.8; letter-spacing: .03em;}
.clear {clear: both; height:0px; margin:0;}
.flex-wrapper {display: flex; flex-wrap: wrap;}

.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;
	margin-top:2.75vw;
}
.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;
	text-transform: uppercase;
	font-weight: 700;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	/*color:#999;*/
}
.dropdown-menu:not(.head-list)>li>a {
    color: #fff;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e80000;
    transition: linear 0.2s;
}
ul#menu-primary li.main-menu-item {position: relative; padding: 0 5px 0 0;}
ul#menu-primary li.main-menu-item:after {content: " / "; position: absolute; right: 0; top: 7px; color: #e80000; font-weight: 700;}
ul#menu-primary li.main-menu-item:last-child:after {content: inherit; position: relative;}
/*ul#menu-primary li.main-menu-item:hover > a {color: #ababaa;}/*


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


/*--------------------------------------------------------------
## CUSTOM STYLES START
--------------------------------------------------------------*/

.wrapper-width p a {text-decoration: underline;} .wrapper-width p a:hover {text-decoration: none; color: #e80000;}
.wrapper-width {width: 93%; max-width: 1300px; margin: 0 auto; display: block;}
.inv-width {width: 95%; max-width: 1300px; margin: 0 auto; display: block;}

.center {text-align: center; display: block; margin: 0 auto;}
.pad30 {padding: 30px;}
.red {color:#e80000;}
.gray-bg {background: #efefef;}
.curved-head {background: #fff; width: 100%; height: 30px; border-top-left-radius: 50%; border-top-right-radius: 50%; position: relative; z-index: 9; margin-top: -30px;}

a {transition: all 0.5s ease;}
.btn:hover {box-shadow: none;}

a#cta-btn {background: #000; text-align: center; color: #fff; font-weight: 700; padding: 15px; font-size: 20px; border: 1px solid transparent; max-width: 350px; box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);}
a#cta-btn2 {background: #000; text-align: center; color: #fff; font-weight: 700; padding: 15px; font-size: 16px; border: 1px solid transparent; max-width: 350px; box-shadow: 0px 2px 8px rgb(0 0 0 / 20%);}
a#cta-btn:hover, a#cta-btn2:hover {background: rgba(0,0,0,.5); border: 1px solid #fff;}


/* HEADER */
div#header, .top-bar.row {box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%); padding: 0!important;}
.top-bar {min-height: none; display: flex; text-align: right; align-items: center; position: relative; z-index: 1;}
.top-bar a {color: #000; padding: 15px; font-weight: 700; position: relative; vertical-align: middle; top: -11px;}
.top-bar #search-equipment {background: #111; color: #fff; max-width: 170px; margin-left: 20px; padding: 16px; font-weight: 700; display: inline-block; text-align: left; top: 0; cursor: pointer; line-height: 1.4;}
.top-bar #search-equipment .fas {font-size: 30px; vertical-align: middle; float: left; margin-right: 20px; margin-top: 10px;}
.top-bar #search-equipment:hover {background: #000!important; box-shadow: 0 0 10px 0 rgb(0 0 0 / 50%);}
img#main-logo {width: 100%; height: auto; max-width: 425px; padding: 15px 15px 5px 15px; display: block; margin: 0 auto;}

.hdr-wrapper {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.hdr-left {width: 33.3333%;}
.hdr-right {width: 66.6666%;}

/* inv search */
.search-slide-down {
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background: #111;
	padding: 40px 0;
	position: absolute;
	z-index: 999;
	top: 76px;
    /*box-shadow: inset 0px 11px 8px -10px #CCC;*/
}
.initiallyHidden {display: none;}
.form-group {width: 99%;}
.header-search {display: flex; padding: 0 5%; margin: 0;}
.header-search input[type=text] {
    font-weight: 500;
    font-size: 15px !important;
    color: #333 !important;
    background: #fff;
    border: none;
	letter-spacing: 1px;
}
.header-search::placeholder {font-weight: 300; font-size: 15px !important; color: #ccc !important;}
.header-search input:focus {outline: none !important; outline-style: none; box-shadow: none; border-color: transparent; caret-color: #c1bfbf;}
.header-search input:focus, textarea:focus, select:focus {outline: none;}

/* ALL PAGES */
.location-banner {padding: 6em 0; vertical-align: middle; background-attachment: fixed; position: relative;}
.location-banner:before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(51,51,51,.5);
}
.location-banner h2 {text-transform: uppercase; color: #fff;}

.page-title {padding: 8em 0; text-shadow: 2px 2px 2px rgb(0 0 0 / 90%); position: relative;}
.page-title:before {
	content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to left, transparent, #111);
}
.page-title h1 {color: #fff; letter-spacing: 1px; text-transform: uppercase; margin: 0 auto; font-size: 55px; padding: 10px; font-weight: 700; font-style: 700;}
.page-title p {color: #fff; padding: 10px; font-size: 20px;}

.contact-info {line-height: 26px; margin: 30px 0; border: 1px solid #333;}
.contact-info h2 {margin: 20px 0;}

/* form styles */
.contact-form {box-shadow: 0px 2px 8px rgb(0 0 0 / 20%); padding: 30px!important; background: #efefef;}
.contact-form h1 {letter-spacing: 3px; margin-bottom: 30px; font-size: 40px; text-align: center;}

/* zoom boxes */
.zoom-wrap {padding: 1em 5%;}
aside#zoomquicklinksID .item.offset-xl-1.col-xl-2 {width: calc(20% - 20px)!important; margin: 10px!important;}
aside#zoomquicklinksID .item.offset-xl-1 {margin-left: 0!important; margin-right: 0!important;}
aside#zoomquicklinksID .item.offset-xl-1 .zoom-container {margin: 0!important;}
aside#zoomquicklinksID .post-container-zoom-buttons {display: flex; justify-content: center; flex-wrap: wrap;}
.zoom-container.homepage {width: 100%!important; display: block; position: relative; overflow: hidden; font-size: 16px; margin: 0!important; vertical-align: top;}
.zoom-container {display: block; position: relative; overflow: hidden; font-size: 16px; margin: 10px; vertical-align: top;}
.zoom-container img {display: block; width: 100%; height: auto; transition: all 0.5s ease;}
.zoom-container .zoom-caption {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 10; transition: all 0.5s ease; background:rgba(0,0,0,.45);}
.zoom-container .zoom-caption h6 {
  display: block;
  margin: 0;
  padding: 12px 15px;
  font-size: 28px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  line-height: 30px;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 50%;
  left: 50%;
  width: 90%;
  transform: translate(-50%, -50%);
  z-index: 999999;
}
.zoom-container .zoom-caption h6 span {font-size: 14px; text-transform: none; color: #ababaa;}
.zoom-container .zoom-caption h6 .fas {margin-bottom: 15px;}
.zoom-container:hover img {transform: scale(1.25);}
.zoom-container:hover .zoom-caption {background:rgba(0,0,0,.1);}
.zoom-container:hover .zoom-caption h6 .fas, .zoom-container:hover .zoom-caption h6 span {color: #fff; transition: all 0.5s ease;}

.welcome-txt {padding: 4em 30px; display: flex;}
.welcome-txt h2 {text-transform: uppercase; font-weight: 700; line-height: 1.4;}
.welcome-txt h2 span {text-transform: none; font-weight: 400;}

.homepage-grid {}
.grid-txt {padding: 10% 4em;}
.grid-img {width: 100%; padding: 10%; height: 444px;}
.grid-txt h2 {line-height: 1.4;}

.brands-wrapper {margin-bottom: 30px;}
.brandslider h3 {color: #ababaa; margin-top: 30px;}

.blogpost-wrapper {border: 1px solid #bcbcbc; margin: .5em;}
.blogpost-wrapper img {width: 100%; height: auto; display: block; margin-bottom: 1em;}
.blogpost-wrapper .post-preview {width: 100%; padding: 0 1.5em 1.5em; display: flex; flex-wrap: wrap; justify-content: flex-start; text-align: left;}
.blogpost-wrapper .post-preview h2 {font-weight: 900; font-style: italic; font-size: 20px; color: #000; text-transform: uppercase; display: block; margin-bottom: 1em;}
.blogpost-wrapper .post-preview p {font-size: 15px;}
.blogpost-wrapper .post-preview a {font-size: 15px; font-weight: 700; text-transform: uppercase; display: block; color: #e80000; margin-top: 1em;}
.blogpost-wrapper .post-preview a:hover {transition: .2s ease-in-out all; color: #000!important;}
.blogpost-wrapper .post-preview .post-date {display: block; margin-top: 1em; width: 100%; font-size: 14px;}
.full-blogpost-wrapper {width: 100%; margin: 3em 0 4em; line-height: 1.8;}
.full-blogpost-wrapper .post-content {padding: 2em 5%; border: 1px solid #bcbcbc;}
.full-blogpost-wrapper h1 {font-weight: 900; text-transform: uppercase; font-style: italic; color: #000; font-size: 40px; line-height: 1.3; margin: 0 0 10px;}
.full-blogpost-wrapper h2 {line-height: 1.3; font-weight: 700;}
.full-blogpost-wrapper .post-date {display: block; font-weight: 500; font-size: 16px;}
.full-blogpost-wrapper a#cta-btn2 {margin: 2em 0 0!important; display: block; max-width: 222px; box-shadow: none;}
.full-blogpost-wrapper h1.pg-head, .full-blogpost-wrapper .blog-details, .full-blogpost-wrapper nav.navigation.post-navigation, .full-blogpost-wrapper .blog-posts {display: none!important;}
.full-blogpost-wrapper img.post-img {width: 100%; margin: 1.5em auto 1em; padding: 0; display: block;}
.full-blogpost-wrapper img {padding: 1em; width: auto;}
.full-blogpost-wrapper .post-breadcrumbs {width: 100%; padding: .5em 0; margin-bottom: 1em; font-size: 32px; font-weight: 700;}
.full-blogpost-wrapper .post-breadcrumbs a, a.PrevButton-blog-posts, a.NextButton-blog-posts {color: #000;}
.post-content p a {font-weight: 600; color: #333;}

/* FOOTER */
.footer {color: #ddd; line-height: 30px; background: #000;}
.footer .col-md-12 {padding: 6em 15%!important;}
.footer a {color: #ddd;} .footer strong {color: #fff;} 
.footer h3 {text-transform: uppercase; display: block; margin-bottom: 20px; font-weight: 700; letter-spacing: 1px; color: #fff;}

/* accordion menu */
#footer-nav {width: 100%; overflow: hidden;}
#footer-nav ul.submenu {list-style: none;}
#footer-nav ul.submenu {padding: 0; background: #222;}
#footer-nav ul.submenu li {border-bottom: 1px solid #2e2e2e;}
#footer-nav ul.submenu li:last-child {border-bottom: none;}
#footer-nav ul.submenu li a {display: block; font-size: 15px; padding: 5px 30px;}
#footer-nav ul.submenu li a:hover {background: #333;}
details summary::-webkit-details-marker {display: none; transition: max-height 0.2s ease-out;}
.accordion__item {position: relative;}
.accordion__title input:focus, .accordion__title2 input:focus {outline: none;}
.accordion__title, .accordion__title2 {
    font-family: 'Industry',sans-serif !important;
	padding: 5px 15px;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
}
.accordion__title::after {
  display: block;
  content: " + ";
  font-size: 22px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
}
.accordion__title:hover::after {color: #e80000;}
.accordion__item[open] .accordion__title::after {
  transform: translateY(-50%) rotate(180deg);
  content: ' - ';
}
.align-right {text-align: right;}
img#footer-logo {max-width: 325px; width: 100%; height: auto;}
.social-links a {font-size: 20px; margin-left: 5%; vertical-align: middle;}
.social-links, .site-host {text-align: right;}
.social-links {display: block; margin: 2em 0;}
.site-host {margin: 15px 0; font-size: 13px; color: #ababaa; line-height: 1.6;}
.site-host a {color: #ababaa!important;} .site-host a:hover {color: #fff!important;}

/* inv scroller */
.scrolling-wrap {width: 100%; height: 90px; overflow: hidden; border-top: 6px solid #000;}
.scrolling-wrap iframe {width: 100%;}


/*==========  Non-Mobile First Method (Responsive) ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1550px) {		
	aside#zoomquicklinksID .item.offset-xl-1.col-xl-2 {width: calc(33.33% - 20px)!important; margin: 10px!important;}
	aside#zoomquicklinksID .item.offset-xl-1 .zoom-container {max-height: 150px;}
}
@media only screen and (max-width : 1350px) {		
	.zoom-wrap .col-md-3, .quicklinks-wrapper .col-md-3 {width: 50%; float: left;}
	.zoom-container {max-height: 150px;}
}
@media only screen and (max-width : 1200px) {		
	.hdr-wrapper {flex-direction: column; justify-content: center;}	
	.hdr-left, .hdr-right {width: 100%;}
	ul#menu-primary li.main-menu-item:after {display: none;}
	.top-bar #search-equipment, .top-bar a {font-size: 14px; padding: 10px 15px;}
	.top-bar #search-equipment .fas {margin-top: 5px;}
	.search-slide-down {top: 60px;}
	
	aside#zoomquicklinksID .item.offset-xl-1 .zoom-container {margin: 0!important;}

	.page-title {text-align: center; padding: 6em 0;}
	.page-title h1, .contact-form h1 {font-size: 42px; padding: 5px;}
	.page-title p {font-size: 16px;}
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.location-banner .col-md-6, .location-banner .sh-col-md-6 {width: 100%; padding: 15px 5%!important;}	
	a#cta-btn {max-width: 100%; display: block;}	
	
	aside#zoomquicklinksID .item.offset-xl-1.col-xl-2 {width: calc(50% - 20px)!important; margin: 10px!important;}

	.welcome-txt {flex-direction: column;}
	.welcome-txt .col-sm-2 {display: none;}
	.welcome-txt .col-sm-10 {width: 100%;}	
	.footer .col-md-4 {width: 100%; padding: 1.5em 5%!important;}
	.footer {flex-direction: column; text-align: center;}
	.social-links, .site-host, .align-right {text-align: center;}
	.social-links a {margin: 0 2vw;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {	
	img#main-logo {max-width: 350px;}
	.search-slide-down {padding: 30px 0;}
	.top-bar #search-equipment {max-width: 160px;}
	.top-bar a {padding: 0; font-size: 26px; top: -9px;}
	.grid-img, .hide-mobile {display: none;}
	.grid-txt {border-bottom: 1px solid #ddd; padding: 3em;}
	.location-banner {background-attachment: inherit;}
	.zoom-container .zoom-caption h6 {font-size: 24px; line-height: 26px;}
	.zoom-container .zoom-caption h6 .fas {margin-bottom: 10px;}
	.contact-info iframe {height: 350px;}	
	.zoom-wrap .col-md-3, .quicklinks-wrapper .col-md-3 {float: none; width: 100%;}
	.zoom-container {max-height: 125px;}	
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 580px) {
	img#main-logo {max-width: 285px;}
	.search-slide-down {padding: 22px 0;}	
	aside#zoomquicklinksID .item.offset-xl-1.col-xl-2 {width: calc(100% - 20px)!important; margin: 10px!important;}
	.full-blogpost-wrapper img {width: 100%; height: auto; display: block;}
	.full-blogpost-wrapper h1 {font-size: 32px;}
	.full-blogpost-wrapper h2 {font-size: 22px;}
}