/*
Theme Name: www.tricotruck.com Template
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
--------------------------------------------------------------*/

/* RESET */

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

html, body{height: 100%; width: 100%; font-family: urw-din, sans-serif;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; } img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

html, body {
	height:100%;
	width:100%;
	font-family: urw-din, sans-serif;
}
body {
	line-height: 1.6;
}

.clear {clear: both; height:0px; margin:0;}
.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:#111!important;
	border-color:transparent!important;
}
.navbar {
	min-height:auto!important;
	margin-bottom:-1px!important;
	border-radius: 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:#fff;
	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: #fff;
	font-size:16px;
	text-transform: uppercase;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color: #fff;
	background: #444;
}
.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: #ef4900;
    transition: linear 0.2s;
}
#menu-secondary .main-menu-item {
  	width: 100%;
}
#menu-secondary .main-menu-item a {
	display: block;
  	width: 100%;
}
.MenuStatic .navbar-nav > li > a, .static .navbar-nav > li > span {
    padding: 20px !important;
    text-align: center !important;
    background: #ddd;
    font-size: 16px !important;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    border-top: 1px solid #fff;
}
/*--------------------------------------------------------------
## CUSTOM STYLES
--------------------------------------------------------------*/
.wrapper-width { max-width: 1300px; margin: 0 auto!important;}
.inv-width {width: 92%; max-width: 1500px; margin: 0 auto; display: block;}
.blog-width {width: 92%; max-width: 1500px; margin: 0 auto !important; display: flex; flex-wrap: wrap; box-sizing: border-box; justify-content: center;}
.wrapper-width hr {border: .25px solid #ccc;}
.center {text-align: center; display: block; margin: 0 auto;}

.orange {color:#ef4900;}

.pad30 {padding: 30px;}
.pad5 {padding: 0 5%;}

.gray-bg {background: #cdcdcd; padding: 4em 0; display: block; margin: 0 auto;}

a {transition: all 0.5s ease;}
a:hover {text-decoration: none;}
.link {color: #000; font-weight: 700;}
.link:hover {text-decoration: underline; color: #000;}

.service-ctas {display: none;}


/** HEADER **/
#header {justify-content: center;}
#header .wrapper-width {display: flex; justify-content: space-between; align-items: center;}
#header .wrapper-width .col-4 {width: 33.33%; text-align: center;}
img.main-logo {max-width: 375px; display: block; margin: 0 auto; width: 100%;}
#hdr-phone {font-weight: 700; font-size: 22px; color: #000; margin: 40px auto; display: inline-block;}
#hdr-phone:hover {color: #ef4900;}

a#cta-btn {display: block; margin: 40px auto 20px auto; background: #000; color: #fff; text-align: center; padding: 10px 30px; font-size: 14px; max-width: 250px;}
a#cta-btn:hover {background: #ef4900;}
a#cta-btn2 {display: block; margin-top: 20px; color: #000; border: 1px solid #000; text-align: center; padding: 10px 30px; font-size: 14px; max-width: 250px; font-weight: 700;}
a#cta-btn2:hover {background: #ef4900; color: #fff; border: 1px solid transparent;}
a#cta-btn3 {display: block; margin: 20px auto; background: #000; color: #fff; text-align: center; padding: 10px 30px; font-size: 14px; max-width: 250px;}
a#cta-btn3:hover {background: #ef4900;}
a#cta-btn4 {display: block; margin-top: 30px; color: #000; border: 1px solid #000; text-align: center; padding: 10px 30px; font-size: 14px; max-width: 100%; font-weight: 700;}
a#cta-btn4:hover {background: #ef4900; color: #fff; border: 1px solid transparent;}
a#cta-btn5 {display: block; margin-top: 20px; color: #fff; text-align: center; padding: 10px 30px; font-size: 14px; font-weight: 700; background: #ef4900; max-width: 250px;}
a#cta-btn5:hover {background: #000;}

/** HOMEPAGE **/
#sandhills_editable_area_background_355 .offset-md-2 {width: 100%; margin: 0 auto; box-sizing: border-box;}
a#location-cta {display: block; width: 100%; box-sizing: border-box; margin: 2.5em auto; color: #000; text-align: center; font-size: 32px; text-shadow: 0px 1px 1px rgba(0, 0, 0, .25);}
a#location-cta .fas {color: #a20000; transition: all 0.5s ease;}
a#location-cta:hover .fas {color: #fff;}

.slider-cta {padding: 0!important;}

/* zoom boxes */
.zoom-wrap {background:#f2f2f2; padding: 30px 0;}
.zoom-container {display: block;position: relative; overflow: hidden;font-size: 16px;margin: 1%;vertical-align: top; max-height: 250px;}
.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,.4);}
.zoom-container .zoom-caption h6 {
  display: block;
  margin: 0;
  padding: 12px 15px;
  font-size: 30px;
  font-weight: 200;
  text-align: center;
  text-transform: uppercase;
  line-height: 26px;
  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: 16px;
}
.zoom-container:hover img {transform: scale(1.25);}
.zoom-container:hover .zoom-caption {background:rgba(0,0,0,.1);}

/* parts banner */
.parts-banner .left {margin-top: 6em; margin-bottom: 30px; padding: 10px;}
.parts-banner .right {padding: 5em 6em 5em 0;}

/* about section */
.main-content {padding: 30px 0; background: #000 url("/wp-content/uploads/2020/11/about-bg.jpg") repeat center; background-size: cover; background-attachment: fixed;}
.main-content h1 {margin-top: 2em; margin-bottom: 30px; padding: 10px;}
.main-content h1 span {font-size: 16px;}
.main-content p {padding: 5em 3em 5em 0;}

/** OTHER PAGES **/
.page-hero {padding: 7em 10px 3em 10px; background-attachment: fixed;}
.overlay {position: relative;}
.overlay:before {
	  content:"";
	  position: absolute;
	  top:0;
	  left:0;
	  height:100%;
	  width:100%;
	  background: rgba(255,255,255,0.85);
	  z-index:1;
}
.hero-wrapper {position: relative; z-index: 2;} /* wrapper for page-hero content */
.page-hero h1 {text-transform: uppercase; font-weight: 900; border: none; padding: 0; line-height: 1.1; margin: auto 10%; color: #111; font-style: italic; font-size: 45px;}
.page-hero h1.has-border {text-transform: uppercase; font-weight: 900; border-left: 5px solid #ef4900; padding-left: 20px; line-height: 1.1; margin: auto 10%; color: #111; font-style: italic; font-size: 45px;}
.page-hero span {font-size: 16px; text-transform: none; font-weight: 500; color: #000; font-style: normal; padding-left: 20px; margin: auto 10%; margin-top: 25px; display: block;}

.content-wrapper {display: block; line-height: 24px; background: #f2f2f2; padding: 4em 10px;}

.form-wrapper {margin: 3em auto;}
.form-wrapper h1 {font-weight: 700; color: rgb(88 89 91); margin-bottom: 30px; font-size: 30px;}
.form-wrapper .form-control {background: #f9f9f9!important; border: 1px solid transparent!important;}

.banner-bg {padding: 75px; display: block; background: #222; color: #ddd;}

.content-wrapper ul {padding: 2em 3em;}
.content-wrapper ul li {margin: 15px auto;}

.location-links {width: 100%; display: inline-block; margin: 3em auto;}
.location-links a {float: left; width: 31.33%; margin: 1%; padding: 1.75em; text-align: center; text-transform: uppercase; font-size: 20px; background: #eee; color: #111;}
.location-links a:hover .fas {color: #ef4900;}
.location-links a:hover {background: none;}

ul.about-us li {
	list-style: none;
	padding: 1.85em 2em;
	margin: 10px;
	background: #f9f9f9;
	/*border-left: 10px solid #666;
	border-radius: 50px;*/
	border: 1px solid #ccc;
	text-align: center;
}
ul.about-us li:hover {
	border: 1px solid #ef4900;
	background: #f3f3f3;
	transition: all 0.5s ease;
}

img#one-idealease {width: 100%; height: auto; margin: 0 auto; max-width: 220px; display: block;}


/* individual location/staff pages */
.staff-wrapper, .quicklink-wrapper, .flex-wrapper {display: flex; flex-direction: row; flex-wrap: wrap; align-content: space-between;}
.staff-card {width: 27%; text-align: center; margin: 3%; background: #ccc;}
.staff-card img, .flex-wrapper img {width: 100%; height: auto; margin: 0 auto;}
.staff-card h4 {padding: 2em; color: #000; line-height: 26px;}

.quicklink {width: 27%; text-align: center; margin: 3%; padding: 30px; background: #ccc;}
.quicklink h3 {background: #000; color: #fff; padding: 1em;
}

/* blog */
a.post-title {font-size: 26px; color: #000; font-weight: 700; line-height: 32px; margin-bottom: 0;}
a.post-title:hover {color: #ef4900;}
.blog-post {min-height: auto;}
.data-right {padding: 1em 0 1em 2em!important; text-align: left; width: 70%;}
.img-left {margin: 2em 0; border: none; width: 30%;}
.border-blog-post {width: 100%; box-shadow: none; border: 1.5px solid #ddd; padding-bottom:10%; margin: .5em; /*border-bottom: 1px solid rgba(0,0,0,0.09); padding: 2em 5%;*/}
.border-blog-post:hover {box-shadow: 5px 5px 20px rgb(199 199 199);}
.border-blog-post tbody, .border-blog-post ul {line-height: 1.6!important;}
.post-description img {width: 100%; height: auto; max-width: 250px;}

/* single blog post page */
h2.screen-reader-text, .entry-meta {display: none;}
.blogpost-data {width: 75%; padding: 2em 5%!important; text-align: left; display: flex; flex-wrap: wrap; justify-content: space-between; clear: both;}
.blogpost-btns {width: 25%;}
.post-img {background-size: cover; max-height: 333px; height: 100%; background-position: center; margin-bottom: 2.5em; border: none; padding: 125px; width: 100%;}
h2.post-title {width: 100%; font-size: 26px; color: #000; font-weight: 700; line-height: 32px; margin-bottom: 0;}
p.post-date {padding: 10px 0; font-size: 13px;}
p.post-date a {color:#a20000;}
.post-description a, .location-wrapper a {color: #7a878e;}
nav.navigation.post-navigation {width: 100%; clear: both; padding-top: 10%;}
nav.navigation.post-navigation .nav-links a {background: #000; color: #fff; padding: 10px; font-size: 13px;}
nav.navigation.post-navigation .nav-links a:hover {background: #a20000; color: #fff; padding: 10px; font-size: 13px;}

/** FOOTER **/
.footerbg, .site-host {background:#000; display: inline-block; width: 100%; margin: 0 auto;}
img.footer-logo {max-width: 275px; display: block; margin: 50px auto 20px;}
ul.footer-nav, ul.social-links {width: 100%; margin: 0 auto; text-align: center; padding: 0 35px 35px 35px; box-sizing: border-box;}
ul.footer-nav li, ul.social-links li {display: inline-block; padding: 10px;}
ul.footer-nav li a, ul.social-links li a {color: #ccc; font-size: 14px;}
ul.footer-nav li a:hover, ul.social-links li a:hover {color: #fff;}
ul.social-links .fab, ul.social-links .fas {font-size: 30px;}

.site-host {background: #111; padding: 25px 15px; box-sizing: border-box; text-align: center;}
.site-host p {color: #888; text-transform: uppercase; font-size: 11px; line-height: 16px; margin: 0 auto; letter-spacing: .5px;}

/*--------------------------------------------------------------
## 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%;
}
.btn-dark:hover {
	background-color: #2b323a !important;
    border-color: #2b323a !important;
    color: #fff !important;
}
.btn-dark {
	border-radius: 0px;
}
.btn-danger:hover {
	background-color: #f22314 !important;
    border-color: #f22314 !important;
    color: #fff !important;
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.sub-menu {
	position: absolute !important;
}
.dropdown-toggle::after {
	content: none;
}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	.navbar-toggle {
		display: none !important;
	}
	.collapse {
		display: block !important;
	}
	.navbar-collapse-primary {
		display: block !important;
	}
	.menu-primary {
		display: flex !important;
  		flex-direction: row;
  		justify-content: center;
		padding: 5px;
	}
	.main-menu-link {
		padding: 15px !important;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.margin-offset > div > div {
		margin-left: 16.6667%;
	  }
	.main-menu-link {
		padding: 10px;
  width: 100%;
  display: block;
	}
	.collapse.show {
		display: block !important;
	}
	.blogpost-data {width: 100%;}
	.blogpost-btns {width: 100%; margin: 5em 1em;}
	.parts-banner h2 {font-size: 28px;}
	
	.blog-post {min-height: auto;}
	
	.quicklink-wrapper {flex-direction: column;}
	.quicklink {width: 100%; margin: 0 auto; margin-bottom: 15px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	#header .wrapper-width {flex-wrap: wrap; justify-content: center;}
	#header .wrapper-width .col-4 {width: 100%;}
	
	.sub-menu {
		position:static !important;
		text-align: center;
	}
	#hdr-phone, a#cta-btn {margin: 15px auto}
	
	.zoom-container img {transform: translate(0%, -15%); max-width: 100%!important;}
	
	.parts-banner .left {margin-top: 5em; margin-bottom: 30px;}
	.parts-banner h2 {font-size: 24px;}
	.parts-banner .right {padding: 0 5em 5em 5em;}
	
	.img-left {width: 100%; margin: 0;}
	.data-right {width: 100%; padding: 2em 1em 0!important;}
	
	.main-content {background-attachment: inherit;}
	.main-content h1 {margin-top: 1em; margin-bottom: 0; padding: 0 1em; font-size: 32px;}
	.main-content p {padding: 2em;}
	
	.page-hero {padding: 4.5em 10px; background-attachment: inherit;}
	.page-hero h1 {font-size: 36px;}
	
	.post-img {padding: 100px 0;}	
	
	a.post-title, h2.post-title {font-size: 22px; line-height: 26px;}
	p.post-date {font-size: 11px;}
	a#cta-btn5 {max-width: none;}
	
	.staff-card {width: 44%;}
	
	.location-links a {width: 48%; font-size: 16px;}
	
	a#location-cta {margin: 1.5em auto; font-size: 24px;}
	ul.social-links .fab, ul.social-links .fas {font-size: 24px;}
	
	ul.footer-nav li, ul.social-links li {padding: 7px;}
	ul.footer-nav li a, ul.social-links li a {font-size: 12px;}
	
	.border-blog-post{ width: 100%; box-shadow: none; border: 1.5px solid #ddd; padding-bottom:30%; margin: .5em;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 500px) {

	.location-links a {width: 100%; display: block; float: none; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
	.zoom-container img {transform: none;}
	
	.staff-wrapper {flex-direction: column;}
	.staff-card {width: 100%; margin: 0 auto; margin-bottom: 15px;}
}

@media only screen and (max-width : 580px) {
	.margin-offset > div > div {
		margin-left: 0% !important;
		width: 100%;
	  }
}