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

/* RESET */
#heroquicklinksID {width: 100%}
a{color: grey; text-decoration: none;}

[id='703-1'] {
	justify-content: center;
	display: flex;
}
.accordion-button:not(.collapsed)::after,
.accordion-button::after {
  background-image: unset !important;
}
.accordion-button:focus {
	box-shadow:none !important;
}
.accordion-button:not(.collapsed) {
	color: none !important;
	background: #fafafa !important;
	box-shadow: none !important;
  }

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; margin: 0; padding: 0;} ol, ul{list-style: none;} img{max-width: 100%; height: auto; image-rendering: -webkit-optimize-contrast;}

select,
button,
[type="button"], 
[type="reset"],
[type="submit"],
[type="date"] {
  -webkit-appearance: button;
}


/* FRAMEWORK */

*{box-sizing: border-box;}
html, body{font-family: 'Open Sans', sans-serif; -webkit-text-size-adjust: none} 
html {scroll-behavior: smooth;}
body {overflow-x: hidden; line-height: 1.7;}
::-moz-selection{background: #e02a2d; color: #fff; text-shadow: none} ::selection{background: #001933; color: #fff; text-shadow: none;}

.pad20 {padding: 20px 5%!important;}
.pad40 {padding: 40px 0!important;}
.align-right {text-align: right;}
.center {text-align: center;}
.lightgray-bg {background: #f5f5f5;}
.darkblue-bg {background: #001933;}
.white-bg {background: #fff;}
.content-width {margin: 0 auto; width: 85%; max-width: 1300px;}
.inv-width {margin: 0 auto; width: 95%; max-width: 1400px;}

.flex-wrapper {display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center;}

.column12, .column11, .column10, .column9, .column8, .column7, .column6, .column5, .column4, .column3, .column2, .column1{float: left; padding: 0 25px 0 0;} .column12{width: 100%; padding: 0; box-sizing: border-box;} .column11{width: 91.6666%;} .column10{width: 83.3333%;} .column9{width: 75%;} .column8{width: 66.6666%; box-sizing: border-box;} .column7{width: 58.3333%; position: relative; box-sizing: border-box;} .column6{width: 50%; box-sizing: border-box;} .column5{width: 41.6666%; box-sizing: border-box;} .column4{width: 33.3333%; box-sizing: border-box;} .column3{width: 25%; box-sizing: border-box;} .column2{width: 16.6666%; box-sizing: border-box;} .column1{width: 8.3333%;} .last{padding: 0;} .cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} 


/* HEADER */
.show-mobilelogo {display: none;}
#header {padding: 1em 0; box-shadow: 0px 2px 5px rgb(0 0 0 / 30%);}
.main-logo img {width: 100%; height: auto;}
.top-links {display: flex; justify-content: flex-end; width: 100%;}
.top-links a {font-size: 14px; font-weight: 600; color: #000; margin-left: 7px; transition: .3s all;}
.top-links #socials {margin-left: 20px; display: inline-flex; align-items: center;}
.top-links #socials a img {width: 20px; height: 20px;}


/* HOMEPAGE SLIDESHOW */
.hero-wrapper {position: relative; z-index: 1;}
.hero-wrapper::before {
    content: "";
    display: block;
    position: absolute;
	z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
	max-height: 50px;
	background: linear-gradient(transparent, #fff);
}
.hero-quicklinks {position: relative; z-index: 3; display: flex;}
.hero-quicklinks a button{display: inline-flex; justify-content: center; background: rgba(255,255,255,0.7); color: #001933; font-size: 24px; font-weight: 700; padding: .5em 0; text-transform: uppercase; transition: .3s all; box-shadow: 0px 0px 10px rgb(0 0 0 / 50%); width: calc(100% - 1.25em); margin: 1%; border: none; outline: none;}
.hero-quicklinks a button:hover {background: rgba(0,25,51,0.7); color: #fff;}
div#n2-ss-2 .n2-ss-control-bullet {margin-bottom: 2em;}


/* OTHER STYLES */
.content-wrapper {display: flex; flex-wrap: wrap;}
.content-wrapper .col-sm-4 img {max-width: 400px!important; width: 100%; margin: 0 auto; display: block; padding: 0 3% 15px!important;}
.content-wrapper h2 {margin-bottom: 20px; font-weight: 700; line-height: 1.3;}
.content-wrapper h3 {font-size: 22px; margin-bottom: 7px; font-weight: 700; line-height: 1.3;}
.content-wrapper h4 {font-size: 17px; margin-bottom: 7px; font-weight: 700; line-height: 1.3;}

.title-bar-725370780 {width: 100%; border-top: 3px solid #001933;} 
.title-bar-725370780 h1 {font-size: 28px; background: #001933; display: inline-block; width: auto; padding: 7px 7%; text-align: center; color: #fff; font-weight: 600; line-height: 1.3;}

.form-wrapper {display: inline-block; width: 100%; text-align: center;}
.form-wrapper input.btn {border: none!important; padding: 15px; font-weight: 700; margin: 10px; text-transform: uppercase;} .form-wrapper input.btn:hover {background: #e02a2d!important; border: none!important;}
.form-wrapper h1 {color: #fff; font-size: 26px; margin-bottom: 20px; font-weight: 700; text-transform: uppercase;}
.form-wrapper label.contactFormLabel, .form-wrapper .inline-recaptcha-fields>.has-feedback>label {color: #fff; width: 100%; text-align: left;}
.form-wrapper.black h1, .form-wrapper.black label.contactFormLabel, .form-wrapper.black .inline-recaptcha-fields>.has-feedback>label {color: #000; text-align: left;}
.form-wrapper i.fa-star-of-life {color: #aaa;}
.form-wrapper .reCaptchaSelected {box-shadow: 0 0 10px 1px rgb(255 0 40 / 85%);}

/* michaels hope form */
.contactForm h1 {text-transform: uppercase; font-weight: 700; font-size: 22px; display: block; margin-bottom: .75em;}

.event-wrapper {display: flex; align-items: center; justify-content: center; flex-direction: column; font-weight: 600;}
.event-wrapper h2 {width: 150px; clip-path: polygon(20% 0, 100% 0%, 80% 100%, 0% 100%); background: #e02a2d; color: #fff; padding: 7px 3%; margin-bottom: 7px;}
.event-wrapper p {font-size: 14px; max-width: 90%;}
span.vertical-line {display: inline-block; border-left: 3.5px solid #000; margin: 0 auto; height: 60px;}
span.vertical-dot {display: inline-block; border-radius: 50%; background: #000; margin: 0 auto; width: 20px; height: 20px; margin-bottom: 7px;}

ul.list-ctas {column-count: 2; column-gap: 7%; list-style: disc; margin: 15px 5%;}
ul.list-ctas li a, .content-wrapper h2 a {color: #e02a2d; font-weight: 700;} ul.list-ctas li a:hover, .content-wrapper h2 a:hover {color: #0051a3;}

/* locations accordion */
 .accordion-button {background: #fafafa;}   .accordion-button:hover {background: #f0f0f0; color: #000; transition: 0.2s ease-in;}
 .accordion-header {margin-bottom: 0px !important;}
 .accordion-item{margin-bottom: 15px; border: none !important;}
h2 button {margin-bottom: 0; font-weight: 700!important; color: #333!important; padding: 0 2em; font-size: 18px;}
.accordion-body h3, .accordion-body a {color: #e02a2d;} .accordion-body a:hover {text-decoration: underline; font-weight: 700;}
.accordion-body {padding: 7%!important;}
.panel-group .panel {margin-bottom: 5px!important;}
.panel-title {white-space: normal!important;}
.panel-heading {height: auto!important; padding: 1.25em 0!important;}


.category-wrapper {padding: 15px; height: 280px;}
.category-wrapper h4 {margin-bottom: 2em;}
.category-wrapper img {width: 100%; max-width: 222px; height: auto; padding: 10px; margin: 0 auto;}

/* quote pages */
.rentalinfo-wrapper img {width: 100%; max-width: 333px; height: auto; padding: 10px; margin: 0 auto; margin-bottom: 15px;}
.rental-info {text-align: left;}
.rental-info h3 {padding-bottom: 5px; border-bottom: 1px solid #aaa;}
.rental-info a, .content-wrapper p a {color: #e02a2d;}
.rental-info a:hover, .content-wrapper p a:hover, .panel-body a:hover {color: #0051a3;}

/* blog */
a.view-all {display: block; width: 100%; color: #0051a3; margin: .5em 0; font-weight: 600;}
.blogpost-wrapper.full-post {display: flex; flex-wrap: wrap; padding: 2em 7%; text-align: left;}
.blogpost-wrapper {display: flex; flex-wrap: wrap; padding: 3em 7%; text-align: left; background: #fff!important;}
.border-blog-posts {margin-bottom: 1em;}
.blogpost-wrapper .full-post-img img, .blogpost-wrapper .post-img img{width: 100%; padding: 0!important; max-width: none!important; height: auto;}
.blogpost-wrapper .full-post-img img{width: 100%; padding: 0!important; max-width: none!important; margin: 0 auto 1em;}
.blogpost-wrapper .full-post-txt {padding: 3em 7%!important; width: 100%; box-sizing: border-box;}
.blogpost-wrapper .full-post-txt a, .blogpost-wrapper .post-txt a {word-break: break-all;}
.blogpost-wrapper .post-txt {padding-left: 7%!important;}
.blogpost-wrapper h1, .blogpost-wrapper h2, .blogpost-wrapper h3, .blogpost-wrapper h4 {margin-bottom: .75em; display: block; font-weight: 700;}
.full-post-txt h1 {font-size: 32px!important; font-weight: 700;}
.post-txt h2 {font-size: 24px!important;}
.full-post-txt p.post-date {font-size: 14px; display: block; margin-bottom: 2em; font-weight: 600;}
.post-txt p.post-date {font-size: 14px; display: block; margin-bottom: 1em; font-weight: 600;}
.blogpost-wrapper .short-description {}
a#cta-btn button {border: none; background: #e02a2d; color: #fff; font-size: 13px; margin-top: 2em; padding: 10px 30px; font-weight: 600; display: block; line-height: 1.475; transition: all .25s;}
a#cta-btn button:hover {background: #f22314!important; box-shadow:0 3px 15px rgba(0,0,0,.25)!important;}
.blogpost-wrapper ul, .blogpost-wrapper ol {margin: 0 0 0 30px!important; list-style: inherit!important;}
nav.navigation.post-navigation {display: block; margin: 1em auto 3em;}
nav.navigation.post-navigation h2 {display: none;}
nav.navigation.post-navigation .nav-links {display: flex; justify-content: space-between; width: 100%; align-items: center;}
nav.navigation.post-navigation .nav-links a {background: #001933; color: #fff; padding: 10px; font-size: 13px; display: block;}
nav.navigation.post-navigation .nav-links a:hover {background: #e02a2d; color: #fff; padding: 10px; font-size: 13px; transition: all .25s;}
div#comments, article.blog-posts.type-blog-posts {display: none;} /* hides bottom comment section */


/* FOOTER */
.footerbg {background: #001933;}
.ftr-top {display: flex; align-items: center; justify-content: space-between; padding: 2em 0;}
.ftr-top .sh-row, .ftr-top .row {width: 100%;}
.ftr-top .col-sm-8 {display: flex; align-items: center; justify-content: flex-start;}
.ftr-top .col-sm-4 {display: flex; align-items: center; justify-content: flex-end;}
.ftr-top .col-sm-4 img {max-width: 280px!important; height: auto;}
.footer-nav ul {display: inline-flex; justify-content: center; align-items: center;}
.footer-nav ul li a {font-weight: 600; font-size: 14px; padding: 5px 1vw; text-transform: uppercase; color: #001933;}

.logo-wrapper a:hover {opacity: .7;}
.logo-wrapper {display: inline-block; margin: 0 auto; padding: 10px;}
.logo-wrapper h4, .category-wrapper h4 {display: block; text-align: center; margin: 1em auto; width: 75%; color: #000;}
.logo-wrapper.add-filter img {filter: grayscale(1) invert(1); transition: 0.2s ease-in;}
.prevButton-container-our-brands, .nextButton-container-our-brands {display: none;}

.site-host {display: flex; justify-content: space-between; padding: 2em 0; color: #fff; font-size: 12px;}
.site-host a {color: #fff; text-decoration: underline;} .site-host a:hover {text-decoration: none;}


/* MEDIA QUERIES */

/* Large Devices, Wide Screens */
@media screen and (max-width: 1400px) {	
	.footer-nav ul li a {font-size: 12.5px; padding: 5px 1vw;}
}

/* Medium Devices, Desktops */
@media screen and (max-width: 1200px) {
	#header {padding: .75em 0;}
	.hero-quicklinks a button {font-size: 2vw;}
	.ftr-top .col-sm-4 img {width: 80%!important;}
}

@media screen and (max-width: 1080px) {
	.show-mobilelogo {display: block; width: 100%; padding: 15px 0; border-top: 1px solid #dedede;}
	.top-links {padding: 10px 0;}
	#header {padding: 0;}
	#header .col-sm-8 {width: 100%; display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between;} 
	#header .col-sm-4 {display: none;}
	.main-logo img {max-width: 380px!important; display: block; margin: 0 auto; padding: .5em 0!important;}
	.ftr-top .col-sm-4 img {max-width: 333px!important; padding: 0 7%;}
	.ftr-top {padding: 1.5em 0;}
	.ftr-top .col-sm-8, .ftr-top .col-sm-4 {width: 100%; justify-content: center;}
	.footer-nav ul {margin-bottom: 20px;}
}

/* Small Devices, Tablets */
@media screen and (max-width: 768px) {
	.pad40 {padding: 30px 0!important;}
	.top-links a span {display: none;}
	.top-links a {margin-left: 2vw; font-size: 18px;}
	.logo-wrapper {padding: 10px;}
	.title-bar-725370780 {border-top: none;}
	.title-bar-725370780 h1 {font-size: 24px; width: 100%; padding: 12px 10%;}
	.form-wrapper h1 {font-size: 24px;}
	.content-wrapper h2, .blogpost-wrapper h2 {font-size: 22px!important;}
	.panel-body {padding: 2.5em 7%!important;}
	.panel-body h3, .content-wrapper h3 {font-size: 18px;}
	ul.list-ctas {column-count: 1;}
	.category-wrapper {height: auto;}
	.hero-quicklinks a button {font-size: 3vw;}
	.ftr-top {padding: 1.25em 0;}
	.footer-nav ul, .site-host {flex-direction: column; text-align: center;}
	.ftr-top .col-sm-4 img {max-width: 250px!important;}	
	.logo-wrapper.add-filter img {max-width: 111px;}
	.blogpost-wrapper .post-txt {padding-left: 0!important;}
	.blogpost-wrapper .post-img img{margin: 0 auto 1em;}
}

/* Extra Small Devices, Phones */ 
@media screen and (max-width: 500px) {
	
}