/*
Theme Name: www.niteequip.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 */

.customSliderSlide div.row {height: 100%;}
#topcontactID {width:100%;}
#mobilecontactID {width:100%;}
[id="10-0"]{display: flex;flex-direction: row;justify-content: center;}
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: 'Barlow', sans-serif; -webkit-text-size-adjust: none} 
html {scroll-behavior: smooth;}
body {overflow-x: hidden; line-height: 1.6;}
::-moz-selection{background: #ffbf00; color: #000; text-shadow: none} ::selection{background: #ffbf00; color: #000; text-shadow: none;}

.pad90 {padding: 90px 10%!important;}
.title-pad {padding: 90px 50px 90px 0!important;}
.align-right {text-align: right;}
.center {text-align: center;}
.darkgray-bg {background: #262626;}
.content-width {margin: 0 auto; width: 90%; max-width: 1300px;}
.inv-width {margin: 0 auto; width: 90%; max-width: 1600px;}
.curved-head {background: #ebebeb; width: 100%; height: 30px; border-top-left-radius: 50%; border-top-right-radius: 50%; position: relative; z-index: 9; margin-top: -30px;}

.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;} 

a {text-decoration: none; color: inherit; transition: all .2s ease-in-out;} a:hover{color: inherit;}
a#cta-btn button, #form input[type="submit"] {color: #000; background: #ffbf00; padding: 1em 5%; cursor: pointer; font-weight: 600; transition: 0.2s ease-in; margin-top: 1.5em; width: 100%; max-width: 333px; border-radius: 0; line-height: 1.2; border: none;}
a#cta-btn button:hover, #form input[type="submit"]:hover {background: #222; color: #fff;}
a#cta-btn2 button{color: #fff; background: transparent; padding: 3em 5%; border: none; cursor: pointer; font-weight: 600; transition: 0.2s ease-in; width: 100%; border-radius: 0; line-height: 1.2; font-size: 24px;}
a#cta-btn2 button:hover{color: #ebebeb;}
a#cta-btn3 button {color: #444; background: #ebebeb; border: none; padding: 1em 3%; cursor: pointer; font-weight: 600; transition: 0.2s ease-in; margin: 1%; width: calc(50% - 2.75%); border-radius: 0; line-height: 1.2; letter-spacing: 1px; text-transform: uppercase;}
a#cta-btn3 button:hover {color: #444; background: #d0d0d0;}

.content-wrapper hr {width: 100%; border-bottom: 1px solid #d0d0d0; display: inline-block; margin: 0 auto;}
.content-wrapper h1 {font-style: italic; font-weight: 700;}
.content-wrapper h2 {font-size: 26px; line-height: 1.2; margin-bottom: 15px; font-weight: 800; color: #444;}
.content-wrapper h3 {font-size: 20px; line-height: 1.2; margin-bottom: 10px; font-weight: 600; color: #888; letter-spacing: 1px; text-transform: uppercase;}
.content-wrapper h4 {font-size: 18px; line-height: 1.2; margin-bottom: 10px; font-weight: 700; color: #000;}
.content-wrapper p a {text-decoration: underline; color: #444444;} .content-wrapper p a:hover {text-decoration: none; color: #262626; transition: .3s ease-in-out all;}

ul.flex-list {display: flex; flex-wrap: wrap;}
ul.flex-list li {display: inline-flex; align-items: center; justify-content: center; padding: 2em 5%; width: calc(50% - 1em); margin: .5em; background: #ebebeb; color: #393939; font-weight: 600; text-align: center; border-radius: 20px; letter-spacing: 1px; text-transform: uppercase; line-height: 1.6;}
ul.flex-list li:hover a {text-decoration: underline; color: #ffbf00!important;}

/* HEADER */
#header {background: #262626; position: relative;}
#header .flex-wrapper {flex-wrap: nowrap; flex-direction: row; align-items: stretch;}
#header .col-sm-6.flex-wrapper {align-items: center;}
img.main-logo {width: 100%; max-width: 200px; height: auto; margin: 1em 10%;}

.top-contact {display: inline-flex; justify-content: center; align-items: center; background: #16181d;}
.hide-contact {display: none; background: #16181d; justify-content: space-around; align-items: center; padding: .75em 0;}
.top-contact a {color: #fff; font-weight: 500; padding: 0 5%; font-size: 18px; display: inline-flex; align-items: center;}
.hide-contact a {color: #fff; font-weight: 500; padding: 0 5%; font-size: 16px;}
.top-contact a:hover, .hide-contact a:hover {color: #ebebeb;}
.top-contact i, .hide-contact i {color: #d0d0d0;}
aside#mobilecontactID {min-height: auto;}

/* NEW HEADER KEYWORD SEARCH */
#search-equipment {background: #222; display: inline-flex; align-items: center;  justify-content: center; cursor: pointer; position: relative; color: #d0d0d0; font-weight: 500; letter-spacing: .5px;flex-direction: column-reverse;}
#search-equipment i {color: #d0d0d0; font-size: 28px; padding: 5px;}
#search-equipment:hover i, #search-equipment:hover {color: #fff; transition: all .2s ease-in-out;}
.search-slide-down {
	background: #222;
	width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
	position: relative;
	z-index: 999;
	top: 0;
	padding: 1.1em 0;
}
.initiallyHidden {display: none;}
.form-group {width: 99%;}
.header-search {width: 90%; max-width: 1600px; display: flex; padding: 0; margin: 0 auto;}
.header-search input[type=text] {font-weight: 500; font-size: 15px!important; color: #222 !important; background: #fff; border: none;}
.header-search::placeholder {font-weight: 300; font-size: 15px !important; color: #d0d0d0!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;}


.hero-wrapper {position: relative;}
.slideshow-title {height: 100%;left: 0; right: 0; z-index: 10; top: 0; display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; align-items: center; width: 100%;}
.slideshow-title h1, .slideshow-title h2 {font-family: 'Barlow', sans-serif; letter-spacing: 2px; text-shadow: 1px 1px 2px rgb(0 0 0 / 88%); color: #fff;}
.slideshow-title h1 {font-size: 70px; font-weight: 900;}
.slideshow-title h2 {font-size: 50px; font-weight: 700;}


/* OLD HOMEPAGE INV SEARCH */
.inv-search{display: none; align-items: center; flex-wrap: wrap; justify-content: space-between; position: absolute; z-index: 99; top: -150px; right: 0; left: 0; background: #555; padding: 1.5em 5%; color: #ebebeb; width: 80%; max-width: 999px; margin: 0 auto;}
.inv-search h3{font-size: 22px; letter-spacing: 2px;}
.tab-buttons{display: flex;}
.tab-buttons .tab-button{flex: 1; margin: 0 1px; padding: 5px 5%; text-align: center; background: #444; color: #fff; cursor: pointer; width: 111px; font-weight: 500;}
.tab-buttons .tab-button:hover{background: none;}
.tab-buttons .tab-button.active{background: #ffbf00; color: #000;}
.tab-content{display: none;}
.tab-content.active{display: block;}
.search-fields form{display: flex; width: 100%; flex-wrap: wrap;  justify-content: center; align-items: center;}
.search-fields input[type="text"]{display: block; width: calc(50% - 2em); margin: 1em; padding: 5px 10px; background: none; border: none; border-bottom: 1px solid #ebebeb; text-transform: uppercase; border-radius: 0;} 
.search-fields input[type="text"]::placeholder {color: #d0d0d0; text-transform: none; border-radius: 0;}
.search-fields {width: 100%;}
.search-fields input[type="submit"]{display: block; background: transparent; border: 1px solid #d0d0d0; color: #ebebeb; transition: all .2s ease-in-out; width: calc(50% - 2em); margin: 1em; padding: 10px;}
.search-fields input[type="submit"]:hover{background: #ffbf00; color: #000;}
.search-button a{background: transparent; border: 1px solid #ebebeb; color: #ebebeb; padding: 17px 15px;}
.search-button a:hover{background: #000;}

/* BROWSE CATEGORIES */
.browse-categories {display: flex; flex-wrap: wrap; padding: 2.5em 0 3em; background: #ebebeb; position: relative;}
.browse-categories h1 {color: #555; font-weight: 900; letter-spacing: 2px; margin-bottom: 20px;}
.browse-categories h1 span {color: #222;}
.browse-categories p, .flex-wrapper p {font-weight: 500;}
.border-equipment-category {background: none; border: none; box-shadow: none;}
.border-equipment-category:hover {box-shadow: none; border: none;}
.category-wrapper {position: relative; z-index: 1; overflow: hidden; background: #ebebeb; height: 270px;}
.category-wrapper:hover img {transform: scale(1.85); transition: 0.3s all ease;}
.category-wrapper:hover > .category-slider {top: 0; transition:0.3s all ease;}
.category-wrapper:hover > .category-labels {bottom: -125px; transition:0.3s all ease; overflow: hidden;}
.category-wrapper:hover > img.category-hero {transform: scale(2);}
img.category-hero {width: 100%; height: auto; margin: 0 auto;}
.img-wrapper {height: 270px;}
.category-slider{background: rgba(38,38,38,.85); position: absolute; z-index: 3; top: -325px; left: 0; right: 0; height: 100%;}
.category-slider ul {display: flex; flex-flow: column wrap;}
.category-slider a {display: block; color: #fff; text-transform: uppercase; font-weight: 700; font-size: 14px; padding: 2px 0;}
.category-slider a:hover {text-decoration: underline;}
.slider-labels {width: 100%; background: #444; padding: .65em 5%;}
.category-labels {width: 100%; background: #444; padding: 6% 5%; position: absolute; z-index: 2; bottom: 0; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.category-labels h2, .slider-labels h2 {color: #fff; text-transform: uppercase; font-style: italic; font-weight: 800; width: 90%; margin: 0 auto; letter-spacing: 1px; font-size: 20px; word-break: none;} 
.category-labels p, .slider-labels p {font-weight: 400; color: #ebebeb; text-transform: uppercase; margin-top: 7px; letter-spacing: 1px;} .category-labels p {font-size: 12px;}
.slider-labels p {font-size: 12px;}

/* OTHER */
aside#sidebar2-contentwrapperID {background: #000 url('images/trailer-bg1.jpg') center center; background-size: cover; background-attachment: fixed; color: #fff;}
aside#sidebar2-contentwrapperID a#cta-btn2 button {border-bottom: 1px solid #d0d0d0;}
aside#sidebar2-contentwrapperID a#cta-btn2 button:hover {background: rgba(85,85,85,.7);}
a#cta-btn2 button.border-left {border-left: 1px solid #d0d0d0;}

.form-wrapper {}
.form-wrapper form {padding: 6em 10%; background: #ebebeb;}
.form-wrapper h1 {font-size: 32px; margin-bottom: 30px; font-weight: 700; letter-spacing: 2px; color: #444; text-align: center; text-transform: uppercase;}

.half-wrapper {width: calc(50% - 2em); margin: 1em; padding: 3em 10%; background: #ebebeb;}
.half-wrapper img {width: 100%; max-width: 222px!important; height: auto; margin-bottom: 30px;}

#equipment-info {padding: 4em 2em 2em; width: 95%;}
#equipment-info h1 {font-weight: 900; line-height: 1.2; color: #393939;}
#equipment-info p a {font-weight: 700; color: #ffbf00; text-decoration: underline;} #equipment-info p a:hover {color: #393939; text-decoration: none;}
.inv-width .shEditorVideoObject, .inv-width .shEditorInsertImage {padding: 2em 1em!important; max-width: 555px!important;}

.history-wrapper img.align-right {float: right; margin: 30px 0 30px 30px;}
.history-wrapper img.align-left {float: left; margin: 30px 30px 30px 0;}

.blog-wrapper {width: 100%; margin: 3em auto;}
.blogpost-wrapper {text-align: left; margin: 1em auto; padding: 0 5%; display: flex; justify-content: space-between; border: 1px solid #bcbcbc;}
.full-blogpost-wrapper {text-align: left; margin: 2em auto; display: flex; justify-content: center; flex-wrap: wrap;}
.full-blogpost-wrapper .post-img {width: 100%;}
.full-blogpost-wrapper .post-img img {width: 100%; height: auto;}
.full-blogpost-wrapper .post-txt {width: 100%; margin: 2em auto; line-height: 1.6;}
.full-blogpost-wrapper .post-txt h1 {font-style: normal;}
.blogpost-wrapper .post-img {width: 25%; height: 200px; overflow: hidden; padding: 2em 0;}
.blogpost-wrapper .post-txt {width: calc(75% - 4em); margin: 2em auto; line-height: 1.6;}
.blogpost-wrapper span {display: block; margin: .25em 0 1.25em; font-weight: 600;}
.full-blogpost-wrapper span {display: block; margin: .75em 0 1.75em; font-weight: 600;}

.anniversary-banner {
  background-image: url('//media.sandhills.com/img.axd?id=11006813273&wid=0&rwl=False&p=&ext=jpg&w=1920&h=400&t=&lp=&c=True&wt=False&sz=Min&rt=0&checksum=zDZ%2fqeffE88lKgQB7%2bVepTQ1BO6Ij0AA');
  background-size: cover;
  background-position: center;
  padding: 30px 40px; /* reduced from 60px */
  width: 100%;
}

.anniversary-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 1200px;
  margin: 0 auto;
}

.anniversary-left {
  display: flex;
  flex-direction: row; /* row instead of column so everything sits on one line */
  align-items: center;
  gap: 24px;
}

.celebrating-tag {
  display: inline-block;
  background: rgba(255, 190, 0, 0.15);
  border: 1px solid #ffbe00;
  color: #ffbe00;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 2px;
  text-transform: uppercase;
  padding: 6px 14px;
  white-space: nowrap;
}

.anniversary-number {
  display: flex;
  align-items: baseline;
  gap: 8px;
  line-height: 1;
}

.fifty {
  font-size: 60px;
  font-weight: 900;
  color: #ffffff;
  line-height: 1;
}

.years {
  font-size: 60px;
  font-weight: 700;
  color: #ffbe00;
  letter-spacing: 4px;
}

.anniversary-dates {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 2px;
}

.date-year {
  color: #cccccc;
}

.date-dash {
  color: #ffbe00;
}

.giveaway-btn {
  display: inline-block;
  background: #ffbe00;
  color: #000000 !important;
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  padding: 14px 30px;
  border-radius: 4px;
  transform: skewX(-8deg);
  transition: all 0.3s ease;
  white-space: nowrap;
}

.giveaway-btn span {
  display: inline-block;
  transform: skewX(8deg);
}

.giveaway-btn:hover {
  background: #fff;
  color: #000 !important;
}

/* Mobile */
@media only screen and (max-width: 1100px) {
  .anniversary-banner {
    padding: 20px 15px;
  }

  .anniversary-left {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .fifty, .years {
    font-size: 40px;
  }

  .anniversary-dates {
    font-size: 15px;
  }

  .giveaway-btn {
    width: 100%;
    text-align: center;
  }
}
/* accordion */
.panel-heading {background: #393939!important; color: #fff!important; padding: .5em!important; height: auto;}
.panel-heading:hover {background: #555!important; transition: .2s ease-in-out all;}

.guide-wrapper .video-wrapper {width: 100%; margin: 0 auto; max-width: 700px;}
button.toggleDIV {display: block; border: none; background: #ddd;; outline: none; margin: .5em 0 2.5em; width: 100%; padding: .5em; text-align: center; font-weight: 700;}
button.toggleDIV:hover {background: #eee; transition: .2s ease-in-out all;}

/* PAGE TITLE */
.pagehero-wrapper {position: relative; z-index: 1; display: flex; align-items: center; padding: 7em 5%;}
.title-wrapper {position: relative; z-index: 3; color: #ebebeb; margin: 0 auto; width: 80%; text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.5);}
.title-wrapper h1 {font-size: 70px; font-weight: 500; font-style: italic; color: #fff;} .title-wrapper p {font-size: 20px; margin-top: 20px; font-weight: 500; color: #fff;}
.img-overlay {position: absolute; z-index: 2; top: 0; left: 0; right: 0; height: 100%; background: rgba(85,85,85,.85);}
.slideshow-overlay {position: absolute; z-index: 2; top: 0; left: 0; right: 0; height: 100%; background: rgba(34,34,34,.15);}

/* BRANDS SLIDER */
.brands-wrapper {width: 100%; padding: 2em 0;}
div#advancedmyCarousel37 .slick-dots, .advancedresults37 button.slick-prev.slick-arrow, .advancedresults37 button.slick-next.slick-arrow {display: none!important;}

/* FOOTER */
#footer {background: #16181d; display: flex; justify-content: center; color: #ebebeb;}
#footer a {color: #ebebeb!important;} #footer a:hover, #footer p strong{color: #fff!important;}
#footer h3 {font-weight: 800; letter-spacing: 1px; font-size: 26px; margin-bottom: 15px;}

/* accordion menu */
#footer-nav {width: 100%; overflow: hidden;}
#footer-nav ul.submenu {list-style: none;}
#footer-nav ul.submenu {padding: 0; background: #262626;}
#footer-nav ul.submenu li {border-bottom: 1px solid #222;}
#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: #ffbf00; color: #000!important;}
#footer-nav details summary::-webkit-details-marker {display: none; transition: max-height 0.2s ease-out;}
#footer-nav .accordion_item {position: relative;}
#footer-nav .accordion__title input:focus, #footer-nav .accordion__title2 input:focus, #footer-nav .accordion__title:hover, #footer-nav .accordion__title2:hover {outline: none; color: #fff;}
#footer-nav .accordion__title, #footer-nav .accordion__title2 {
    font-family: 'Barlow',sans-serif !important;
	padding: 7px 0;
	position: relative;
	z-index: 20;
	display: block;
	cursor: pointer;
}
#footer-nav .accordion__title::after {
  display: block;
  content: " + ";
  font-size: 22px;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.3s all;
}
#footer-nav .accordion__title:hover::after {color: #ffbf00;}
#footer-nav .accordion_item[open] .accordion__title::after {
  transform: translateY(-50%) rotate(180deg);
  content: ' - ';
}

.icons-wrapper i {color: #ffbf00; margin-left: 10px; font-size: 22px;} .icons-wrapper i:hover {opacity: .8;}
p.site-host {margin: 15px 0; font-size: 12px; line-height: 20px;}
a.ftr-link {font-weight: 700; font-size: 12px;}

/* RESPONSIVE */
@media screen and (max-width: 1700px) {
	.title-wrapper h1, .slideshow-title h1 {font-size: 55px;}
	.slideshow-title h2 {font-size: 36px;}
	.top-contact a {font-size: 16px;}
}

@media screen and (max-width: 1300px) {	
	#header .col-sm-2 {text-align: left;}
	#header .col-sm-2, #header .col-sm-3 {width: 35%;}
	#header .col-sm-6, #header .col-sm-1 {width: 15%;}
	.title-wrapper p {font-size: 18px;}
	
	.half-wrapper {width: 100%;}
	.inv-search {top: -110px;}
	.browse-categories {padding: 1.5em 0 2.5em;}
}

@media screen and (max-width: 1080px) {
	.pad90 {padding: 70px 10%!important;}
	
	.hide-contact {display: flex;}
	#header .col-sm-3 {display: none;}
	#header .col-sm-2 {width: 40%;}
	#header .col-sm-6, #header .col-sm-1 {width: 30%;}
	img.main-logo {margin: 1em 2em; max-width: 190px;}
	
	.slideshow-title h1 {font-size: 45px;}
	.slideshow-title h2 {font-size: 30px;}
	
	.pagehero-wrapper {padding: 6em 5%;}
	
	.inv-search {top: -95px; width: 85%;}
	aside#sidebar2-contentwrapperID .col-sm-3 {width: 50%;}
	
	#footer {flex-wrap: wrap; flex-direction: column-reverse;}
	#footer .col-sm-4, ul.flex-list li {width: 100%; text-align: center;}
}

@media screen and (max-width: 800px) {
	img.main-logo {max-width: 160px;}
	#search-equipment {padding: 2em 0;}
	
	.align-right, .title-wrapper {text-align: center;}	
	.title-wrapper {width: 85%;}
	.title-wrapper h1 {font-size: 50px;}
	.title-wrapper p {font-size: 16px;}
	
	.slideshow-title h1 {font-size: 6vw;}
	.slideshow-title h2 {font-size: 4vw;}
	
	.video-wrapper iframe {height: 300px;}

	.curved-head {display: none;}
	.browse-categories {padding: 2em 0 3.5em;}
	.inv-search {width: 100%; max-width: none; top: 0; position: relative; margin-bottom: 2em; justify-content: center;}
	.tab-buttons {width: 100%; max-width: 444px; margin-top: 20px;}
	.pagehero-wrapper {padding: 5em 5%;}
	
	aside#sidebar2-contentwrapperID .col-sm-3 {width: 100%;}
	a#cta-btn2 button.border-left {border-left: none;}
	a#cta-btn2 button {font-size: 20px; padding: 2em 5%;}
	
	#equipment-info {padding: 2em 2em 0; width: 100%;}
	.inv-width .shEditorVideoObject, .inv-width .shEditorInsertImage {margin: 0 auto; max-width: 450px!important;}
}

@media screen and (max-width: 767px) {
	.title-pad {padding: 4em 5% 2em!important;}
	
	.category-wrapper, .img-wrapper {height: auto;}
	.category-slider {top: -500px;}
	
	.history-wrapper img.align-right, .history-wrapper img.align-left {float: none; margin: 0 auto; display: block; padding: 15px!important; max-width: 100%!important;}
}

@media screen and (max-width: 600px) {
	.blogpost-wrapper {flex-wrap: wrap;}
	.blogpost-wrapper .post-img, .blogpost-wrapper .post-txt {width: 100%;}
}

@media screen and (max-width: 500px) {	
	img.main-logo {max-width: 130px;}
	#search-equipment {font-size: 12px;}
	
	.video-wrapper iframe {height: 250px;}
	
	.search-fields input[type="text"], .search-fields input[type="submit"] {width: 100%; margin: .5em;}
	
	aside#sidebar2-contentwrapperID {background-attachment: inherit;}
	
	.pagehero-wrapper {padding: 4em 5%;}
	.category-slider {top: -325px;}
	
}

@media screen and (max-width: 450px) {
	img.main-logo {margin: 1em 1.5em;}
}