/*
Theme Name: www.stephensonequipment.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
*/
a{text-decoration: none;color: grey;}
a::after{content: none !important;}
.row > * {
    padding-left: calc(var(--bs-gutter-x) * 0.0);
    padding-right: calc(var(--bs-gutter-x) * 0.0);
}
.post-column-zoom-buttons153  {height:100%}
.post-column-zoom-buttons344  {height:100%}
#advancedmyCarousel153 img {height:100%}
#locationbannercontentID {width:100%}
#advancedmyCarousel344 img {height:100%} 
.scrollToTop {color: white;}
.img-responsive {width: 100%;height:auto;}
.col-xs-1 {width: 8.33333333%;}
.col-xs-11 {width: 91.66666667%;}
@media only screen and (min-width : 769px) {
	nav .collapse:not(.show) {display: flex !important;}
	.col-sm-offset-1 {margin-left: 8.33333333%;}
}
section .carousel-indicators, section .carousel-control  {display: none;}
#navbar-collapse-secondary ul li .sub-menu {position: absolute !important;}
#navbar-collapse-secondary a {display: block;padding: 10px;}

/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/

html, body {
	height:100%;
	width:100%;
}

#header.clone {position: fixed; top: -270px; left: 0; right: 0; z-index: 999; transition: 0.4s top cubic-bezier(.3,.73,.3,.74);}
body.down #header.clone {top: 0;}
body.down #header.clone .main-logo {margin: .75em 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: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: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-default .navbar-nav>li>a {
    color: #000;
	font-size:18px;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#e68a24;
}
.dropdown-menu:not(.head-list)>li>a {
    color: #000;
	font-size:16px;
	font-weight:400;
}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #e68a24;
    transition: linear 0.2s;
}

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

/*==========  RESET  ==========*/

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

* {box-sizing: border-box;}
html, body {font-family: 'Barlow', sans-serif; -webkit-text-size-adjust: none; width: 100%; height: 100%;} 
html {scroll-behavior: smooth;}
body {overflow-x: hidden; line-height: 1.6; letter-spacing: .025em;}
::-moz-selection{background: #027840; color: #fff; text-shadow: none} ::selection{background: #027840; color: #fff; text-shadow: none;}

/*==========  FORM  ==========*/
.btn-success, .btn-success:focus {border-color: transparent!important; border-radius: 5px;}
.form-wrapper {width: 100%; display: flex; flex-wrap: wrap; padding: 4em 10%;}
.form-wrapper input.form-control, .form-wrapper textarea.form-control, .form-wrapper select.form-control {background: #f5f5f5!important; border: 1px solid transparent!important; border-radius: 5px!important; color: #000!important;}
input.form-control, textarea.form-control {background: none!important; border: 1px solid #fff!important; border-radius: 5px!important; color: #fff!important;}
.content-wrapper aside form h1, .contactForm h1 {display: none;}
.form-wrapper .contactForm label, .form-wrapper .contactForm label strong {color: #000!important; font-weight: 500;}
.contactForm label, .contactForm label strong {color: #fff!important; font-weight: 500;}
.has-success .control-label {color: #04dc76!important;}
.reCaptchaSelected {border: 1px solid #2d3034!important; box-shadow:0 0 10px 1px rgba(45,48,52, .5)!important;}
.alert-success {background: transparent!important; border-left: 3px solid transparent!important;}
.has-success .form-control {border-color: #fff; border-radius: 5px;}
.form-wrapper .has-success .form-control {border-color: transparent; border-radius: 5px;}
.btn-success:disabled {background: #027840!important; border-color: #027840!important;}
button {font-family: 'Barlow', sans-serif!important;}

a:focus, a:hover {transition: 0.2s ease-in;}
.cta-btn {background: none!important; color: #fff; padding: 1em 2em; font-size: 16px; width: 100%; max-width: 275px; border: 1px solid #fff!important; font-weight: 700; border-radius: 5px; transition: all .2s ease-in-out; cursor: pointer; text-align: center;}
.cta-btn:hover {background: #000!important; color: #fff; border: 1px solid transparent!important;}
.cta-btn2 {background: #000!important; color: #fff; padding: 1em 2em; font-size: 16px; width: 100%; max-width: 275px; border: none; font-weight: 700; border-radius: 5px; cursor: pointer; text-align: center;}
.cta-btn2:hover, .cta-btn4 a:hover {background: #027840!important; color: #fff;}
.cta-btn3 {background: #027840!important; color: #fff; padding: 1em 2em; font-size: 16px; width: 100%; max-width: none; display: block; margin: .25em 0; border: none; font-weight: 700; border-radius: 5px; cursor: pointer; text-align: center;}
.cta-btn3:hover {background: #000!important; color: #fff;}
.cta-btn4 a {background: #000!important; color: #fff!important; padding: 1em .75em!important; font-size: 16px; width: 100%; border: none; font-weight: 700; border-radius: 5px; cursor: pointer; text-align: center;}
.align-right {text-align: right;}
.align-right i {color: #027840;}
.center {text-align: center;}
.pad12 {padding: 12em 0;}
.pad8 {padding: 8em 0;}
.link, .pad8 p a {text-decoration: underline; font-weight: 700; color: #027840;}
.link:hover, .pad8 p a:hover {text-decoration: none;}
.pad4 {padding: 4em 0;}
.white {color: #fff!important;}
.lightgreen {color: #04dc76;}
.lightgray-bg {background: linear-gradient(#f9f9f9, #f5f5f5);}
.green-bg {background: linear-gradient(#079853, #027840);height: fit-content;}
.content-width {width: 100%; max-width: 80%; margin: 0 auto;}

.content-wrapper .flex-wrapper.white {display: flex; align-items: center; flex-wrap: wrap;}
.content-wrapper .flex-wrapper.white p a {color: #f5f5f5!important;}
.content-wrapper .flex-wrapper.white p a:hover {color: #fff!important;}
.content-wrapper h1 {width: 100%; display: inline-block; font-size: 45px; color: #fff; letter-spacing: .5px; line-height: 1.2; font-weight: 700; margin-bottom: .75em;}
.content-right h1 {width: 100%; display: inline-block; font-size: 40px; letter-spacing: .5px; line-height: 1.2; font-weight: 700; margin-bottom: .5em;}
.content-wrapper h2 {width: 100%; display: inline-block; font-size: 30px; color: #000; letter-spacing: .5px; line-height: 1.3; font-weight: 700; margin-bottom: .75em; margin-top: 0;}
.content-wrapper h3 {width: 100%; display: inline-block; font-size: 22px; color: #000; letter-spacing: .5px; line-height: 1.3; font-weight: 700; margin-bottom: .75em; margin-top: 0;}
.content-wrapper h4 {font-weight: 700; font-size: 22px; display: block; margin-bottom: .5em; letter-spacing: .5px; line-height: 1.3;}
.content-wrapper hr {opacity: 1; border: 3px solid #027840; height: 3px; width: 100%; display: inline-block; max-width: 85px; margin: 0 0 2em;}
.flex-wrapper img {width: 100%; height: auto;}


/*==========  ICON SIDEBAR  ==========*/
.icon-sidebar {width: 100%; color: #fff; padding: 4em 1em; display: flex; justify-content: flex-start; flex-wrap: wrap; flex-direction: column;}
.icon-sidebar a {color: #fff; margin: 3vw auto; font-size: 20px;}
.icon-sidebar a:hover {color: #04dc76; transition: all .2s ease-in-out; transform: scale(1.1);}
.sidebar-left {width: 7%; background: linear-gradient(#079853, #027840);}
.content-right {width: 93%;}


/*==========  HEADER  ==========*/
#header {background: #fff;}
#header .flex-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 0 5%!important;}
#header .top-bar {display: block; width: 100%; padding: 1em!important;}
ul#top-nav {width: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; padding: 0; text-align: center; margin: 0 auto;}
ul#top-nav li {display: inline-block; list-style: none;}
ul#top-nav li a {color: #fff; font-size: 13.5px; margin: 0 .35vw; padding: .5em 0; font-weight: 700; display: block; letter-spacing: .5px;}
.loc-toggle {display:none; cursor:pointer; position:relative; line-height: 1.2; color: #fff;}
.loc-toggle:hover {color: #f5f5f5; transition: all .2s ease-in-out;}

#header .main-logo {display: flex; align-items: center; justify-content: center; margin: 1.5em 0;}
#header .main-logo img {width: 100%!important; max-width: 333px!important; height: auto!important; display: inline-flex!important;}
#header .col-sm-9 {display: flex; align-items: center; justify-content: flex-end; position: relative;}
#header .col-sm-9 a.cta-btn2 {margin-left: .5em; max-width: 160px!important; padding: 1em 1.5em!important;}

#header.clone {position: fixed; top: -270px; left: 0; right: 0; z-index: 999; transition: 0.4s top cubic-bezier(.3,.73,.3,.74); box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);}
body.down #header.clone {top: 0;}
body.down #header.clone .top-bar {padding: .5em 1em!important;}
body.down #header.clone img {max-width: 250px!important;}
body.down #header.clone a.menu-link.main-menu-link {font-size: 13.5px!important;}
body.down #header.clone .flex-wrapper {padding: 0 1.5em!important;}

.row.sh-row.widgetContainer.sandhills_editable_area-383-widgetContainer.ui-sortable-handle {display: none;}

/*==========  ZOOM BTNS  ==========*/
.zoom-container {display: block; height: 100%; position: relative; overflow: hidden; font-size: 16px; margin: 0;}

.zoom-container.showroom, .zoom-container.location, .zoom-container.showroom-logo {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; position: relative; z-index: 1; margin: 10px; height: auto; padding: 0;}

.zoom-container.showroom-logo img {width: 100%; height: auto; transition: all 0.5s ease; padding: 2em; display: block; max-width: 222px;}

.zoom-container.showroom img {display: block; width: 100%; height: auto; transition: all 0.5s ease; padding: 0; max-width: none; aspect-ratio: 3 / 3; object-fit: cover;}
.zoom-container.top img {display: block; width: 100%; height: auto; transition: all 0.5s ease; padding: 0; max-width: none; aspect-ratio: 3 / 2; object-fit: cover;}
.zoom-container.location img {display: block; width: 100%; height: auto; transition: all 0.5s ease; padding: 0; max-width: none; aspect-ratio: 4 / 2; object-fit: cover;}

.column-padding-zoom-buttons {display: flex; flex-wrap: wrap;}
.zoom-container.top .zoom-caption {background: none;}
.zoom-container .zoom-caption {position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; transition: all 0.5s ease; background:rgba(0,0,0,.45);}
.zoom-container .zoom-caption h4 {
  display: block;
  margin: 0;
  padding: 1em;
  letter-spacing: 1px;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  line-height: 1.2;
  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: 3;
}
.zoom-container .zoom-caption h4 span {font-size: 14px; text-transform: none; color: #ababaa;}
.zoom-container:hover img, .zoom-container.showroom:hover img, .zoom-container.showroom-logo:hover img {transform: scale(1.1);}
.zoom-container:hover .zoom-caption {background:rgba(0,0,0,.1);}
.prevButton-container-zoom-buttons:not([data-blockstyles="sheditor-element"]), .nextButton-container-zoom-buttons:not([data-blockstyles="sheditor-element"]) {display: none!important;}

div#advancedmyCarousel149, div#advancedmyCarousel150, div#advancedmyCarousel151 {display: flex!important; flex-wrap: wrap!important; align-items: center;}

/*==========  HERO SLIDER  ==========*/
.hero-wrapper {width: 100%; margin: 0 auto .5em; position: relative;}
.hero-txt {width: 100%; display: flex; flex-direction: column; justify-content: flex-start; flex-wrap: wrap; height: 100%; padding: 0 10%; text-align: left; margin-top: 5%;}
.hero-txt h1 {margin-bottom: .25em!important;}
.hero-txt p {color: #fff; font-size: 20px; display: block; margin-bottom: 1.25em!important;}

/*==========  WELCOME SECTION  ==========*/
.welcome-wrapper {width: 100%; display: flex; justify-content: center; flex-wrap: wrap; align-items: flex-end; margin-bottom: -16em; margin-top: 3em!important; padding: 0 10%; position: relative; z-index: 2;}
.welcome-wrapper .col-sm-4 .welcome-img {padding: 16em 0!important;}
.welcome-wrapper .col-sm-8 {background: #fff; padding: 5em 7% 6em!important; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%); display: block;}
.welcome-wrapper h2 {color: #000; line-height: 1.2; margin-top: 0;}
.welcome-wrapper h2 span {color: #027740;}
.welcome-wrapper h3 {font-size: 30px; display: block; font-weight: 700; margin-bottom: 0;}
.welcome-wrapper p {font-weight: 500;}
.btm-zoombtns {width: 80%; margin: 3em auto;}

/*==========  BRANDS SLIDER  ==========*/
.brands-wrapper {width: 100%; padding: 6em 0 5em; display: block;}
a.brand-wrapper {display: flex; align-items: center; justify-content: center; margin: 0 1em; max-height: 80px;}
.brand-wrapper img {width:100%; height: 80px; object-fit: contain; }
div#advancedmyCarousel388 {width: 90%; margin: 3em auto 1em; padding: 0; /*box-shadow: 0px 15px 40px rgb(26 30 43 / 13%);*/}
div#advancedmyCarousel388 ul.slick-dots, .brands-wrapper button.slick-next.slick-arrow, .brands-wrapper button.slick-prev.slick-arrow {display: none!important;}
div#advancedmyCarousel388 img {padding: 0 1em; display: block;}
div#advancedmyCarousel388 img:hover {opacity: .8; transition: .2s ease-in-out all;}

.locations-wrapper {width: 100%; display: flex; color: #fff; position: relative; z-index: 1;}
.img-overlay {width: 100%; display: block; position: relative;}
.img-overlay:before {content: ''; width: 100%; height: 100%; top: 0; left: 0; display: block; background: rgba(51, 51, 51, .75); position: absolute; z-index: 2;}
.locations-wrapper .content-width {position: relative; z-index: 3;}
.location-btns {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap;}
.location-btns .cta-btn {width: calc(20% - 1em); margin: .5em!important; display: inline-block!important; text-align: center; max-width: none; padding: 1em!important;}
.location-btns .cta-btn:hover {border: 1px solid transparent!important;}

.map-wrapper {width: 100%; flex-wrap: wrap; align-items: flex-start; padding: 4em 10%;}
.map-wrapper .col-sm-7 {padding: 4em 7% 4em 0!important;}

.careers-wrapper, .training-wrapper, .promos-wrapper, .events-wrapper {width: 100%;  padding: 4em 10%;}
.content-wrapper .col-sm-7 {padding: 4em 7% 4em 0!important;}
.content-wrapper .video-pad {padding: 4em 0!important;}
ul#content-list {display: flex; justify-content: center; flex-wrap: wrap; align-items: center; margin: 0 auto; padding: 0;}
ul#content-list li {list-style: none; width: calc(25% - 1em); margin: .5em; padding: 1.5em; background: #fff; display: inline-flex; justify-content: center; align-items: center; border-radius: 5px; text-align: center; font-weight: 500; box-shadow: 0 2px 10px rgba(0,0,0,0.05); border: 1.5px solid #f5f5f5;}
ul#content-list li:hover {transition: all .2s ease-in-out; border: 1.5px solid #04dc76;}
.careers-wrapper .job-widget {width: 100%; height: 700px; display: block; margin-top: 4em;}

.events-wrapper h2 {font-size: 24px!important;}

aside#sidebar2-zoombtnsectionID {margin-top: -8px!important;} /* remove empty space */

/*==========  PROMOTIONS / BLOG / EVENTS  ==========*/
.post-wrapper {width: 100%; display: flex; flex-wrap: wrap; background: #f5f5f5!important; border-radius: 5px!important; margin: 1em 0; box-shadow: rgba(0, 0, 0, 0.05) 0px 2px 10px;}
.post-img-left, .full-post-img {padding: 4em 0!important;}
.post-date-left {padding: 2em!important; background: #000; color: #fff; display: flex; align-items: center; justify-content: center;}
.post-date-left h4 {color: #fff;}
.post-content-right {padding: 3em 7%!important; text-align: left;}
.post-content-right h4 {font-weight: 700!important; text-transform: uppercase; color: #000;}
.post-content-right p {font-weight: 500!important;}
.post-content-right p span {display: block; margin-bottom: 10px; letter-spacing: .5px;}
.post-content-right p b {color: #fff; font-weight: 500; background: #027840; padding: 10px; display: inline-block; line-height: normal;}
.post-wrapper.full-pg {width: 100%; margin: 0 auto; padding: 4em 10%; background: none!important;}
.post-wrapper.full-pg h1 {color: #000; font-size: 42px;}
.post-wrapper.full-pg h2.screen-reader-text, .post-wrapper.full-pg .entry-meta {display: none;}
.info-bar {width: 100%; display: flex; justify-content: space-around; align-items: center; flex-wrap: wrap; background: #f5f5f5; padding: .75em; font-weight: 700;}
.info-bar p {margin: 10px 3%;}
.full-post-img {width: 100%; padding: 0!important; margin-bottom: 2em; height: auto; /*max-height: 400px;*/ overflow: hidden; display: inline-flex; align-items: center;}
.full-post-img img {width: 100%; height: auto;}
.full-post-content {margin: 2em 0 4em;}
.full-post-content h1, .full-post-content h2, .full-post-content h3, .full-post-content h4 {margin-top: 1em;}
.full-post-content p b {margin: 1.5em 0;}
.full-post-content p {margin: 0 0 10px;}
a.fc-day-grid-event.fc-event.fc-start.fc-end {background: #027840!important; border: 1px solid #027840!important;}


/*==========  STAFF  ==========*/
.findrep-wrapper {width: 100%; display: block; padding: 4em 0!important;}
.staff-wrapper {width: 100%; padding: 4em 10%;}
.member-wrapper {width: 100%; display: flex; flex-wrap: wrap; justify-content: center; border-radius: 5px!important;}
.txt-wrap {width: 100%; padding: 1.75em!important;}
.txt-wrap h4 {margin-top: 0;}
.viewmore-btn {width: 100%; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.viewmore-btn:hover h5, .viewmore-btn:hover i {color: #000;}
.viewmore-btn h5 {font-weight: 700; color: #333; font-size: 16px!important; margin-bottom: 0!important;}
.viewmore-btn i {margin-left: 5px; color: #333;}
.other-info {display: none; font-weight: 500;}
.txt-wrap span.staff-sub-title {font-weight: 700;}
.txt-wrap p {}
.txt-wrap p a, .full-post-content p a {font-weight: 700; text-decoration: underline; color: #027840;}
.txt-wrap p a:hover, .full-post-content p a:hover {text-decoration: none;}
.txt-wrap a {display: block; margin-top: .5em;}
.txt-wrap a.cta-btn2 {padding: 1em!important; margin: 1em auto 0; display: block;}

/* staff member cpt widgets */
.post-container-staff-members {display: flex; flex-wrap: wrap;}
a.PrevButton-staff-members, a.NextButton-staff-members {display: none!important;}

/*div#advancedmyCarousel117, div#advancedmyCarousel118, div#advancedmyCarousel119, div#advancedmyCarousel120, div#advancedmyCarousel121, div#advancedmyCarousel122, div#advancedmyCarousel123, div#advancedmyCarousel124, div#advancedmyCarousel125, div#advancedmyCarousel126, div#advancedmyCarousel240, div#advancedmyCarousel242, div#advancedmyCarousel243, div#advancedmyCarousel244, div#advancedmyCarousel245, div#advancedmyCarousel246, div#advancedmyCarousel247, div#advancedmyCarousel248, div#advancedmyCarousel250, div#advancedmyCarousel251, div#advancedmyCarousel252, div#advancedmyCarousel253, div#advancedmyCarousel254, div#advancedmyCarousel255, div#advancedmyCarousel256, div#advancedmyCarousel257, div#advancedmyCarousel258, div#advancedmyCarousel259, div#advancedmyCarousel260, div#advancedmyCarousel261, div#advancedmyCarousel262, div#advancedmyCarousel263, div#advancedmyCarousel264, div#advancedmyCarousel265, div#advancedmyCarousel266, div#advancedmyCarousel267, div#advancedmyCarousel268, div#advancedmyCarousel269, div#advancedmyCarousel270, div#advancedmyCarousel271, div#advancedmyCarousel272, div#advancedmyCarousel273, div#advancedmyCarousel274, div#advancedmyCarousel275, div#advancedmyCarousel276, div#advancedmyCarousel277, div#advancedmyCarousel278, div#advancedmyCarousel279, div#advancedmyCarousel280, div#advancedmyCarousel281, div#advancedmyCarousel282, div#advancedmyCarousel283, div#advancedmyCarousel284, div#advancedmyCarousel285, div#advancedmyCarousel286, div#advancedmyCarousel287, div#advancedmyCarousel288, div#advancedmyCarousel289, div#advancedmyCarousel290, div#advancedmyCarousel291, div#advancedmyCarousel292, div#advancedmyCarousel293, div#advancedmyCarousel294, div#advancedmyCarousel295, div#advancedmyCarousel296, div#advancedmyCarousel297, div#advancedmyCarousel298, div#advancedmyCarousel299, div#advancedmyCarousel300, div#advancedmyCarousel301, div#advancedmyCarousel302, div#advancedmyCarousel303, div#advancedmyCarousel304, div#advancedmyCarousel305, div#advancedmyCarousel306, div#advancedmyCarousel307, div#advancedmyCarousel308, div#advancedmyCarousel309, div#advancedmyCarousel310, div#advancedmyCarousel311, div#advancedmyCarousel312, div#advancedmyCarousel313, div#advancedmyCarousel314, div#advancedmyCarousel315, div#advancedmyCarousel316, div#advancedmyCarousel317, div#advancedmyCarousel318, div#advancedmyCarousel319, div#advancedmyCarousel320, div#advancedmyCarousel321, div#advancedmyCarousel322, div#advancedmyCarousel323, div#advancedmyCarousel324, div#advancedmyCarousel325, div#advancedmyCarousel326, div#advancedmyCarousel327, div#advancedmyCarousel328, div#advancedmyCarousel329, div#advancedmyCarousel330, div#advancedmyCarousel331, div#advancedmyCarousel332, div#advancedmyCarousel333, div#advancedmyCarousel334, div#advancedmyCarousel335, div#advancedmyCarousel336, div#advancedmyCarousel337, div#advancedmyCarousel338, div#advancedmyCarousel339, div#advancedmyCarousel340, div#advancedmyCarousel341, div#advancedmyCarousel361, div#advancedmyCarousel363 {display: flex!important; flex-wrap: wrap!important; padding: 0!important;}*/
/*.border-staff-members, .sidebar-left section, .content-right section, .content-right .widget, .content-right section .widget .shwidget div, aside#topnavID {padding: 0!important;} hidden for now */

.tabs {width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 2em 2em 0;}
.tabs label {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1; 
  width: calc(20% - 10px)!important;
  margin: 5px!important; 
  display: block; 
  padding: 1em;
  border-radius: 5px;
  cursor: pointer;
  font-weight: bold;
  background: #f5f5f5; 
  letter-spacing: .5px;
  text-align: center;
  color: #000;
  -webkit-transition: background ease 0.2s;
  transition: background ease 0.2s;
}
.tabs .tab {
  -webkit-box-ordinal-group: 100;
  -webkit-order: 99;
  -ms-flex-order: 99;
  order: 99;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  padding: 0 7%;
  display: none;
}
.tabs label:hover, .tabs input[type="radio"]:checked + label:hover {color: #fff; background: #027840;}
.tabs input[type="radio"] {position: absolute; opacity: 0;}
.tabs input[type="radio"]:checked + label {background: #027840; color: #fff;}
.tabs input[type="radio"]:checked + label + .tab {display: block;}



/*==========  PAGES  ==========*/
.page-title {position: relative; z-index: 2; width: 100%; display: flex; align-items: center; flex-wrap: wrap; justify-content: center;}
.page-title h1 {margin-top: 0;}
.page-title p {font-size: 18px;}

.breadcrmb-wrapper {width: 100%; padding: 1.5em 7%!important;}
.breadcrmb-wrapper a {color: #000; font-weight: 700; font-size: 14px; letter-spacing: .5px;}
.breadcrmb-wrapper a:hover {letter-spacing: 1px;}
.breadcrmb-wrapper a.active {color: #027840;}

.affiliates-wrapper {width: 100%; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; margin: 0 0 4em;}
.affiliates-wrapper img {width: 100%; max-width: 175px!important; height: auto; display: block; margin: 1em auto;}

table#content-table {width: 100%; margin: 4em auto; table-layout: fixed; overflow: scroll;}
table#content-table thead, table#content-table tbody, table#content-table th {text-align: center;}
table#content-table th, table#content-table td {padding: .5em 5%!important;}
table#content-table tr:nth-child(even) {background: #f5f5f5; width: 100%;}


/*==========  ACCORDION  ==========*/
.content-wrapper aside .accordion {background: #fff!important; box-shadow: 0px 15px 40px rgb(26 30 43 / 13%);}
.content-wrapper aside .accordion-button {background: #f5f5f5!important;}
.content-wrapper aside .accordion-button:hover {background: #f3f3f3!important; transition: 0.2s ease-in!important;}
.content-wrapper aside .panel-group .panel {margin-bottom: 3px!important;}
.content-wrapper aside .panel-title {white-space: normal!important;}
.content-wrapper aside .panel-heading {height: auto!important; padding: 1.5em 0!important;}
.content-wrapper aside .accordion-button { font-weight: 700!important; color: #333!important;padding: 25px 25px 25px 7%;}
.content-wrapper aside .accordion-header {margin: 0px !important;}
.content-wrapper aside .accordion-item {margin-bottom: 5px;}
.accordion-button aside .accordion-body {padding: 15px 7%;}
.content-wrapper aside .accordion-body {padding: 15px 7%;}
.content-wrapper aside .panel-body {padding: 1.5em 7%;}
.content-wrapper aside .panel-body p a {text-decoration: underline!important; color: #027840!important; font-weight: 700!important;}
.content-wrapper aside .panel-body p a:hover {text-decoration: none!important; transition: .2s ease-in-out;}
.accordion-button:not(.collapsed) {color: none;background-color: none;box-shadow: none;}
.accordion-button:focus {box-shadow: none;}
button.accordion-button::after {content: none;}

.product-subtitle {text-align: center; font-weight: 700; display: block; margin: 25px auto 15px;}


/*==========  FOOTER  ==========*/
div#foot {width: 100%; box-sizing: border-box;}
div#foot .col-sm-5 {padding: 6em 7%!important; box-sizing: border-box;}
div#foot .col-sm-5 h4, div#foot .col-sm-7 h4 {text-transform: uppercase; font-weight: 800; font-size: 24px; display: block; margin-bottom: 1em; letter-spacing: .5px;}

div#foot .col-sm-7 {padding: 6em 7%!important; box-sizing: border-box;}
#navbar-collapse-secondary {padding: 0;}
ul#menu-secondary {width: 100%; display: flex; flex-direction: column; margin-bottom: 2em;}
ul#menu-secondary ul.dropdown-menu {width: 100%; font-family: 'Barlow', sans-serif; background: #333;}
ul#menu-secondary a.menu-link {text-transform: uppercase; font-weight: 700; font-size: 16px!important; color: #000!important;}
ul#menu-secondary a.menu-link:hover {color: #333!important;}
ul#menu-secondary a.menu-link.sub-menu-link {color: #fff!important; text-transform: uppercase; font-weight: 700; padding: 10px; letter-spacing: .5px; font-size: 14px!important;}
ul#menu-secondary a.menu-link.sub-menu-link:hover {background: #027840!important;}

.social-links {width: 100%; margin: 3em 0 0;}
.social-links i.fab {color: #fff; background: #000; padding: 1em 1.25em; margin: 5px; font-size: 18px;}
.social-links i.fab:hover {color: #04dc76; transition: all .2s ease-in-out;}

div#foot .lightgray-bg {width: 100%; padding: 3.5em 7%!important; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
div#foot .lightgray-bg img {width: 100%; height: auto; max-width: 50px;}
p.site-host {color: #111; font-size: 10px;}
p.site-host a {color: #111;}
p.site-host a:hover {color: #027840;}


/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media screen and (max-width: 1700px) {
	#header .col-sm-9 a.cta-btn2 {max-width: 140px!important;}
	#header .main-logo img {max-width: 290px!important;}
	ul#top-nav {display: none;}
	.loc-toggle {display: inline-block; padding: .25em 7%;}
}
@media only screen and (max-width : 1400px) {		
	#header .col-sm-3 {width: 25%;}
	#header .col-sm-9 {width: 75%; flex-direction: row-reverse; justify-content: flex-start;}
	#header .col-sm-9 a.cta-btn2 {max-width: 125px!important;}
	.location-btns {flex-wrap: wrap;}
	.location-btns .cta-btn, ul#content-list li {width: calc(33.33% - 1em);}
	.content-wrapper h1 {font-size: 42px;}
	.content-wrapper h2, .post-wrapper.full-pg h1 {font-size: 32px;}
	.content-wrapper h3, .welcome-wrapper h3 {font-size: 26px;}
	.content-wrapper h4, #foot h4 {font-size: 20px;}
	.pad12 {padding: 10em 0;}
	.pad8 {padding: 6em 0;}
	.zoom-container .zoom-caption h4 {font-size: 16px;}
}
@media only screen and (max-width : 1200px) {
	#header .col-sm-3 {width: 75%;}
	#header .col-sm-9 {width: 25%;}
	.main-logo {justify-content: flex-start!important;}
	
	.n2-ss-section-main-content .n2-ss-layer.n2-ow, .n2-ss-section-main-content .n2-ss-layer.n2-ow hdiv, .n2-ss-section-main-content .n2-ss-layer.n2-ow p {text-align: center!important; margin: 0 auto .25em!important;}
	.n2-ss-section-main-content .n2-ss-button-container {margin-top: 1.25em!important;}	
	.tabs label {width: calc(25% - 10px)!important;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.pad12 {padding: 8em 0;}
	.pad8 {padding: 4em 0;}
	.pad4 {padding: 2em 0;}	
	.n2-ss-section-main-content .n2-ss-layer.n2-ow hdiv {font-size: 50px!important;}
	.n2-ss-section-main-content .n2-ss-layer.n2-ow p {font-size: 20px!important;}
	.welcome-wrapper {flex-direction: column-reverse; margin-bottom: -13em; align-items: center; padding: 0 5%;}
	.welcome-wrapper {margin-top: 0!important;}
	.welcome-wrapper .col-sm-4, .welcome-wrapper .col-sm-8 {width: 100%;}
	.welcome-wrapper .col-sm-4 {padding: 4em 0 0!important;}
	.location-btns .cta-btn, ul#content-list li {width: calc(50% - 1em);}
	.content-wrapper h1 {font-size: 40px;}
	.content-wrapper h2, .post-wrapper.full-pg h1 {font-size: 30px;}
	.content-wrapper h3, .welcome-wrapper h3 {font-size: 24px;}
	.page-title p {font-size: 16px;}
	.content-wrapper .video-pad {padding: 2em 0 4em!important;}
	.full-post-content h4 {font-size: 18px;}
	.tabs label {width: calc(33.33% - 10px)!important;}
	.careers-wrapper .col-sm-5, .training-wrapper .col-sm-5, .content-wrapper .col-sm-5 {width: 100%;}
	.map-wrapper .col-sm-7, .map-wrapper .col-sm-5, .content-wrapper .col-sm-7 {width: 100%; padding: 0 0 4em!important;}
	.content-wrapper aside .panel-heading h4.panel-title {padding: 0 3em;}
	.content-wrapper aside .panel-body {padding: 1.5em 3em;}
	.welcome-wrapper .col-sm-8 {padding: 4em 2.5em!important;}
	.promos-wrapper, .events-wrapper {padding: 2em 10%!important;}
	.post-wrapper .col-sm-4, .post-wrapper .col-sm-8, .post-wrapper .col-sm-9 {width: 100%;}
	.post-wrapper .col-sm-4 {padding: 10em 0!important; background-size: cover!important;}
	.post-wrapper .col-sm-8 {padding: 2em!important; text-align: center;}
	.post-wrapper .post-date-left {padding: 1em 2em!important;}
	.welcome-wrapper .col-sm-4 .welcome-img {padding: 16em 0!important;}
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.icon-sidebar {flex-direction: row; padding: .5em;}
	#header .col-sm-3 {width: 70%;}
	#header .col-sm-9 {width: 30%;}
	#header .cta-btn2 {display: none;}
	.sidebar-left, .content-right {width: 100%;}
	.map-wrapper .col-sm-7, .map-wrapper .col-sm-5, .content-wrapper .col-sm-7 {padding: 0 0 4em!important;}
	.info-bar {justify-content: center;}
	.welcome-wrapper {text-align: center; padding: 3em!important;}
	.txt-wrap {padding: 2em!important;}
	.tabs label {width: calc(50% - 10px)!important;}
	.content-wrapper .flex-wrapper {justify-content: center;}
	.content-wrapper .flex-wrapper.white {justify-content: space-around;}
	.content-wrapper h2, .post-wrapper.full-pg h1 {font-size: 28px;}
	.content-wrapper h3, .welcome-wrapper h3 {font-size: 22px;}
	.breadcrmb-wrapper, .events-wrapper, .center-events {text-align: center;}
	div#foot {display: flex; flex-wrap: wrap; justify-content: center;}
	div#foot .col-sm-7 {text-align: center; width: 100%;}
	div#foot .col-sm-5 {padding: 4em 10%!important; width: 100%;}
	.navbar-header.sh-navbar-header {display: none;} /* hide footer menu icon */
	div#navbar-collapse-secondary {display: block!important; border-top: none;}
	ul#menu-secondary {margin: 0 auto 2em!important;}
	ul#menu-secondary a.menu-link.sub-menu-link {text-align: center!important; padding: 10px!important;}
	ul#menu-secondary a.menu-link.sub-menu-link:hover {background: #027840!important;}
	.social-links {margin: 4em 0 2em;}
	.zoom-container .zoom-caption h4 {font-size: 18px;}
	aside#sidebar2-zoombtnsectionID {margin-top: 0!important;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 555px) {
	.location-btns .cta-btn, ul#content-list li {width: calc(100% - 1em);}
	.tabs label {width: calc(100% - 10px)!important;}
}