/*
Theme Name: www.utc.ringpower.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
--------------------------------------------------------------*/

html, body {
	width:100%;
}
.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;
}


/*===================== 
	base styles 
=======================*/


body {
    margin: 0;
	padding:0;
	}

/*===================== 
	typography 
=======================*/


	h1 {
		font-size:35px;
		font-family: "Geist", serif;
	}	

	h2 {
		font-size:30px;
		font-family: "Geist", serif;
	}
	h3 {
		font-family: "Geist", serif;
		font-size:25px;
		font-weight: 700;
	}
	h4 {
		font-family: "Geist", serif;
		font-size:20px;
	}
	h5 {
		font-family: "Geist", serif;
		font-size:18px;
	}
	h6 {
		font-family: "Geist", serif;
		font-size:16px;
	}

.page-header {
	font-family: "Geist", serif;
	font-size: 35px;
	font-weight: 1000;
}
.page-hero-header {
	width:100%;
	box-sizing: border-box;
	padding:5% 20px!important;
	color:#fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
}

p {
	font-family: "Montserrat", serif;
	font-size:16px;
	margin: 0;
	}
.yellow-butn {
	font-family: "Montserrat", serif;
	background:#fec52d!important;
	color:#000!important;
	display: inline-block;
	padding:15px 10px;
	text-align:center;
	font-size: 14px;
	font-weight: 500;
	margin:10px 0;
    transition: .2s ease-in;
	border:1px solid #000;
	border-radius:20px;
	box-shadow: 0px;
	outline: none;
	cursor: pointer;
}
.yellow-butn:hover {
	background:#d5a628!important;
	color:#000!important;
}
.white-butn {
	font-family: "Montserrat", serif;
	background:#fff!important;
	color:#000!important;
	display: inline-block;
	padding:15px 10px;
	text-align:center;
	font-size: 14px;
	font-weight: 500;
	margin:10px 0;
    transition: .2s ease-in;
	border:1px solid #000;
	border-radius:20px;
	box-shadow: 0px;
	outline: none;
	cursor: pointer;
}
.white-butn:hover {
	background:#f1f1f1!important;
	color:#000!important;
}
.text-link {
	font-weight: 700;
	color: #000;
	transition: .2s ease-in;
	padding: 0;
	background: transparent;
	border: 0px;
}
.text-link i {
	color: #fec52d;
}
.text-link:hover {
	color: #fec52d;
}
.text-link-white {
	font-weight: 700;
	color: #fff;
	transition: .2s ease-in;
	padding: 0;
	background: transparent;
	border: 0px;
}
.text-link-white:hover {
	color: #fec52d;
}
.text-shadow {
	text-shadow: 0 0 10px rgba(0,0,0,0.7);
}
.icon-image {
	opacity: 0.5;
}
.white-icon-img {
	filter: brightness(0) invert(1);
}

/*===================== 
	header styles 
=======================*/

#header {
	width:100%;
	display: flex;
	position: sticky;
	top:0;
	z-index: 1003;
}
#header.scrollchange .nav-top-links {
	display: none;
}
#header.scrollchange .head-logo {
	padding:0px 20px;
}
.highlightSidebars #header {
	position: static!important;
}

.head-logo {
	width: 35%;
	display: flex;
	justify-content: center;
	align-items: center;
	background:#fff;
	padding:20px;
	box-sizing: border-box;
}
.head-logo img {
	width:100%;
	height: auto;
	display: block;
	margin:0 auto;
}
.head-right {
	background:rgba(255,255,255,0.75);
	width:65%;
	padding:20px 5% 20px 20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap:10px;
}
.nav-top-links {
	width:100%;
	max-width: 1020px;
	padding-right:20px;
	box-sizing: border-box;
}
.nav-top-links a {
	font-family: "Montserrat", serif;
	color:#000;
	transition: .2s ease-in;
}
.nav-top-links a:hover {
	opacity: 0.7;
}
.head-nav {
	width:100%;
	max-width: 1020px;
	padding-right:5px;
}
.widget_sandhills_custom_slider > div > div {
	width:auto!important;
}

.flyout {
	position:fixed;
	right:0;
	top:0;
	z-index: 1400;
}
.flyout .click-open {
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	font-size:18px;
	font-weight: 700;
	font-family: "Montserrat", serif;
	padding:20px 0px;
	position: absolute;
	top:20%;
	right:100%;
	white-space: nowrap;
	background:#000;
	color:#fff;
	border:1px solid #fec52d;
	cursor: pointer;
	border-right: 0px;
	box-sizing: border-box;
	width: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
}
.flyout .click-open span {
	writing-mode:vertical-lr;
	text-orientation: mixed;
	transform: rotate(180deg);
}
.flyout-cont {
	overflow: hidden;
}
.flyout-cont .click-content {
	width: 0px;
	max-width: 600px;
	transition: .2s ease-in;
	background:#fff;
	height: 100vh;
	overflow: scroll;
}
.flyout-cont .click-content.open {
	width:calc(100vw - 45px);
}
.highlightSidebars .flyout-cont .click-content.open {
	padding-top:120px;
}
/*===================== 
	content styles 
=======================*/


.hero-left-wrap {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.hero-left-wrap .widgetContainer {
	padding:40px clamp(20px, 5vw, 100px) !important;
}
.hero-right-wrap {
	
}
.hero-slide-wrap .slick-slide {
	padding:0px!important;
}
.hero-slide-wrap .post-container-hero-slidercta {
	margin-bottom: 0px;
}
.hero-slide-wrap #advancedmyCarousel160 .slick-dots {
	position: absolute!important;
	bottom:50px!important;
	left: 0;
  	right: 0;
}
.hero-slide-wrap .slick-slide .item, .hero-slide-wrap .slick-slide .item > div {
	display: block !important;
}
.hero-slide {
	
}
.hero-slide img {
	width: 100%;
	height: auto;
	display: block;
}
.hero-slide .mob-img {
	display: none;
}

.hero-wrap {
	width:100%;
	display: flex;
	flex-wrap: wrap;
}
.hero-info {
	background: #000;
	width:35%;
	padding:20px 3vw 20px 3vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 30vw;
	max-height: 70vh;
	min-height: 500px !important;
	gap:20px 0;
	box-sizing: border-box;
}
.hero-info .small-header-text {
	color:#fff;
	font-size: 2vw;
}
.hero-info .large-header-text {
	color:#fff;
	font-size: 2.2vw;
}
.hero-btn-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	gap:20px 0;
}
.hero-btn-cont button {
	width:49%;
	margin:0 auto;
}
.hero-btn-cont button:last-of-type {
	width:100%;
}
.hero-img {
	width:65%;
	height: 30vw;
	max-height: 70vh;
	min-height: 500px !important;
}
.hero-img img {
	width:100%;
	max-width: 100%!important;
	height: 100%;
	object-fit: cover;
	object-position: center;
}
.home-search-cont {
	width:100%;
	padding-top:20px;
}
.home-search-cont form {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap:20px 0;
}
.home-search-cont form .select-cont {
	width:23%;
	background-color:#fff;
	border:1px solid #000;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.home-search-cont form .select-cont select {
	-webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
	width:100%;
    background-color:transparent;
	border:0px!important;
	padding:15px 10px;
    outline:none!important;
    font-size: 14px!important;
    font-weight: 400!important;
    box-sizing: border-box;
    color:#000; 
    position: relative;
    z-index: 2;
    cursor: pointer;
	font-family: "Montserrat", serif;
}
.home-search-cont form .select-cont i {
	position: absolute;
    z-index: 1;
    right:5px;
}

.home-search-cont form input {
	width:23%;
	padding:15px 10px;
    outline:none!important;
    font-size: 14px!important;
    font-weight: 400!important;
	background-color:#fff;
	border:1px solid #000!important;
	font-family: "Montserrat", serif;
}
.home-search-cont form button {
	display: flex;
	border:1px solid #000!important;
	background:#fec52d;
	outline:none!important;
	color:#000;
	transition: .2s ease-in;
	cursor: pointer;
	border-radius: 100px;
	box-sizing: border-box;
	padding: 0;
	width:53px;
	justify-content: center;
	align-items: center;
}
.home-search-cont form button:hover {
	background:#000;
	color:#fec52d;
}
.home-cat-cont .item {
	width:14.25%;
	padding:8px;
	box-sizing: border-box;
}
.home-cat-cont .item > div {
	height: 100%;
}
.home-cat-cont .item a {
	background:#fff;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: center;
	gap:20px;
	width:100%;
	height: 100%;
	box-sizing: border-box;
	padding:5px 2px 10px 2px;
	transition: .2s ease-in;
}
.home-cat-cont .item:last-of-type a {
	background:#fec52d;
	border-radius: 10px;
	border:1px solid #000;
}
.home-cat-cont .item:last-of-type a:hover {
	background:#fff;
	border:1px solid #fec52d;
}
.home-cat-cont .item a img {
	width:100%;
	height: 100%;
	display: block;
	margin:0 auto;
	object-fit: contain;
	object-position: center;
}
.home-cat-cont .item a p {
	font-family: "Montserrat", serif;
	color:#000;
	font-size: 12px;
	text-align: center;
}
.home-cat-cont .item a:hover {
	background:#fec52d;
}
.home-service-cont > .row {
	gap: 20px;
	flex-wrap: nowrap;
}
.home-service-cont > .row > div {
	flex-shrink: unset;
}
.home-service-cont > .row > div > div > div {
	height: 100%;
}
.home-service-cont .sheditor_popover {
	height: auto!important;
	
}
.home-service-cont a {
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	gap: 10px;
	padding:180px 25px 25px 25px;
	box-sizing: border-box;
	color: #fff;
	text-shadow: 0 0 10px #000;
	background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.80) 46.63%);
	background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.80) 46.63%);
	background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.80) 46.63%);
	background-image: linear-gradient(180deg,rgba(0,0,0,0.30) 0%,rgba(0,0,0,0.80) 46.63%);
	transition: .2s ease-in;
}
.home-service-cont h2 {
	font-size:35px;
	font-weight:700;
	font-family: "Montserrat", serif;
	text-transform: uppercase;
}
.home-service-cont p {
	font-size:16px;
	font-weight:500;
	font-family: "Montserrat", serif;
}

.home-service-cont a:after {
	content:"\f054";
	font-family: "Font Awesome 6 Free";
	font-weight: 900;
	display: flex;
	width:60px;
	height: 60px;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	border:1px solid #fff;
	background:rgba(0,0,0,0.6);
	position: absolute;
	color:#fff;
	top:25px;
	right:25px;
	z-index: 1;
	border-radius: 40px;
	transition: .2s ease-in;
	text-shadow: 0 0 0 rgba(0,0,0,0);
}
.home-service-cont a:hover { 
	background-image: linear-gradient(180deg,rgba(0,0,0,0.10) 0%,rgba(0,0,0,0.90) 60.00%);
}
.home-service-cont a:hover:after { 
	border:1px solid #000;
	background:#fec52d;
	color:#000;
}

.home-brand-slider .slick-track {
	padding-bottom: 30px;
}
.home-brand-slider .slick-dots {
	
}
.home-brand-slider .slick-slide, .home-brand-slider .slick-slide > div, .home-brand-slider .item > div {
	height: 100%;
}
.home-brand-slider .item {
	margin:0!important;
	height: 100%;
}
.home-brand-slider .item a, .home-brand-slider .item .brand-slide-cont {
	background:#fff;
	border-radius: 10px;
	padding:20px;
	transition: .2s ease-in;
	display: block;
	height: 100%;
}
.home-brand-slider .item a img, .home-brand-slider .item .brand-slide-cont img {
	width:100%;
	height: 100px;
	display: block;
	margin:0 auto;
	object-fit: contain;
	object-position: center;
}
.home-brand-slider .item a p, .home-brand-slider .item .brand-slide-cont p {
	font-size:16px;
	font-weight:500;
	font-family: "Montserrat", serif;
	text-align: center;
	margin:20px 0 0 0;
	display: block;
	color:#000!important;
}
.home-brand-slider .item a:hover {
	background:#f1f1f1;
}
.locations-container-home {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:40px 0;
	gap:20px 0;
}
.locations-dropdown {
	border-radius:20px;
	background:#fec52d;
	width:39%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap:20px;
	padding:40px;
}
.location-select {
	width:100%;
}
.location-select p {
	font-family: "Montserrat", serif;
	font-size:24px;
	font-weight:700;
	padding-bottom:10px;
	
}
.location-select .select-cont {
	width:100%;
	background-color:#fff;
	border:1px solid #000;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.location-select  .select-cont select {
	-webkit-appearance: initial;
    -moz-appearance: initial;
    appearance: initial;
	width:100%;
    background-color:transparent;
	border:0px!important;
	padding:25px 10px;
    outline:none!important;
    font-size: 14px!important;
    font-weight: 400!important;
    box-sizing: border-box;
    color:#000; 
    position: relative;
    z-index: 2;
    cursor: pointer;
	font-family: "Montserrat", serif;
}
.location-select  .select-cont i {
	position: absolute;
    z-index: 1;
    right:5px;
}
#locations-tab-group {
	border-radius:20px;
	background:#fff;
	width:60%;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.3);
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	overflow: hidden;
}
.home-info-cont {
	width:40%;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:5px 0;
	padding:40px;
}
.location-shortname {
	font-family: "Montserrat", serif;
	font-size:24px;
	font-weight:700;
}
.location-address a {
	font-family: "Montserrat", serif;
	font-size:18px;
	font-weight:500;
	transition: .2s ease-in;
	color:#000;
}
.location-phone a {
	font-family: "Montserrat", serif;
	font-size:18px;
	font-weight:500;
	transition: .2s ease-in;
	color:#000;
}
.location-address a:hover, .location-phone a:hover {
	color:#d5a628;
}
.home-info-cont .yellow-butn {
	display: block;
	max-width: 250px;
}
.home-map-cont {
	width:58%;
}
.home-map-cont iframe {
	width:100%;
	height: 100%;
	min-height: 250px;
}
.home-default-map {
	width:100%;
}
.home-default-map iframe {
	width:100%;
	height: 100%;
	min-height: 250px;
}
.home-news-slider .slick-track {
	align-items: stretch;
}
.home-news-slider .slick-slide > div, .home-news-slider .slick-slide .item > div {
	height: 100%;
}
.home-news-slider .slick-slide .item {
	height: 100%;
	display: block;
}
.home-news-slider .slick-track::before, .home-news-slider .slick-track::after {
	display: none;
}
.home-blog-cont-1 {
	background:#f1f1f1;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap:20px;
	width:100%;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	padding-bottom:20px;
	height: 100%;
	box-sizing: border-box;
}

.home-blog-info {
	width:100%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	gap:10px;
	padding-bottom:10px;
}
.home-blog-info img {
	width:100%;
	height:225px;
	display: block;
	object-fit: cover;
	object-position: center;
}
.home-blog-info .sml-text {
	font-family: "Montserrat", serif;
	font-size:14px;
	font-weight:400;
	color:#000;
	display: block;
	padding:0 10px;
	width:100%;
	box-sizing: border-box;
	text-align: left;
	line-height: normal;
}
.home-blog-info .large-text {
	font-family: "Montserrat", serif;
	font-size:18px;
	font-weight:700;
	color:#000;
	display: block;
	padding:0 10px;
	width:100%;
	box-sizing: border-box;
	text-align: left;
	line-height: normal;
}
.home-blog-cont-1 .yellow-butn {
	display: block;
	margin:0 auto;
	max-width: 175px;
	width:100%;
}
/*===================== 
	Blog Page styles 
=======================*/
.blog-container-1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	padding:60px 0;
}
.blog-header {
 	width:100%;
}
.blog-cat-header {
	width:100%;
	max-width: 1600px;
	margin-left:auto!important;
	margin-right:auto!important;
	box-sizing: border-box;
	padding:40px 20px;
}
.blog-categories-cont {
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.3);
	display: flex;
	padding:40px 0;
	justify-content: flex-end;
	align-items: center;
	width: 33.3333%;
	box-sizing: border-box;
}
.blog-categories-cont-col-1 {
	width:100%;
	max-width: 480px;
	padding:0 20px;
	box-sizing: border-box;
}
.blog-categories-cont h4 {
	font-family: "Geist", serif;
	font-size: 35px;
	font-weight: 1000;
}
.blog-categories-cont ul {
	padding:0;
	margin:0;
}
.blog-categories-cont ul li {
	padding:0;
	margin:0;
	list-style: none;
}
.blog-categories-cont ul li a {
	font-weight: 700;
	color: rgb(0, 0, 0);
	transition: 0.2s ease-in;
	padding: 0px;
	background: transparent;
	border: 0px;
	font-size: 20px;
}
.blog-categories-cont ul li a i {
	color: #fec52d;
}
.blog-categories-cont ul li a:hover {
	color: #fec52d;
}

.blog-bg-post-wrap {
	width: 66.6667%;
	padding:20px;
	box-sizing: border-box;
}
.blog-bg-post-wrap .blog-bg-post-col-1 {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1120px;
	padding:20px;
	box-sizing: border-box;
	align-items: stretch;
	height: 100%;
	gap:20px 1%;
}
.blog-bg-post-wrap .home-blog-cont-1 {
	width:32.33%;
	height: auto;
}
.blog-bg-post-wrap .home-blog-cont-1 .posted-on {
	font-size: 0px;
}
.blog-bg-post-wrap .home-blog-cont-1 .posted-on a {
	font-size: 14px;
	color:#000;
}

.blog-post-container-1 {
	
}
.blog-post-head {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	
}
.blog-post-head-copy {
	width:40%;
	background:#000;
	padding:20px;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap:20px;
	text-align: center;
}
.blog-post-head h1 {
	font-family: "Geist", serif;
	font-size: 35px;
	font-weight: 1000;
	color:#fff;
}
.blog-post-head .blog-post-date-author {
	color:#fec52d;
	font-family: "Montserrat", serif;
	font-size: 18px;
}
.blog-post-head .blog-post-date-author a {
	color:#fec52d;
	pointer-events: none;
}
.blog-post-head .blog-post-date-author .updated {
	display: none!important;
}
.blog-post-featured-img {
	width: 60%;
	background:#000;
}
.blog-post-featured-img img {
	width:100%;
	height: 400px;
	object-fit: contain;
	object-position: center;
	display: block;
}
.blog-post-content {
	padding:60px 20px;
	width:100%;
	box-sizing: border-box;
}
.blog-post-content div {
	width:100%;
}
.blog-post-content img {
	display: inline-block;
	object-fit: contain;
	width:auto;
	max-width: 100%;
}
.blog-post-content a {
	color:#d5a628;
}
.blog-post-content a:hover {
	color:#555555;
}
.blog-post-content p {
	font-family: "Montserrat", serif;
	font-size: 18px;
	color:#000;
}
.blog-post-content h2 {
	font-family: "Geist", serif;
  font-weight: 900;
  font-size: 28px;
}
.blog-post-content h3 {
	font-family: "Geist", serif;

  font-weight: 900;
  font-size: 24px;
}
.blog-post-content h4 {
	font-family: "Geist", serif;

  font-weight: 900;
  font-size: 22px;
}
.blog-bread-crumb a {
	color:#d5a628;
	font-family: "Montserrat", serif;
	font-size: 18px;
}
.blog-bread-crumb a:hover {
	color:#555555;
	font-family: "Montserrat", serif;
	font-size: 18px;
}
.blog-post-gallery-1 {
	padding:60px 20px;
	box-sizing: border-box;
}
.blog-post-gallery-1 {
	display: flex;
	gap:20px 1%;
	flex-wrap: wrap;
}
.blog-post-gallery-1 .thumbnail {
	width:24%;
	display: block;
	cursor: pointer;
	transition: 0.2s ease-in;
}
.blog-post-gallery-1 .thumbnail:hover {
	opacity: 0.7;
}

/*===================== 
	Location Page styles 
=======================*/
.location-pg-cpt .prevButton-container-loclists, .location-pg-cpt .nextButton-container-loclists {
	display: none!important;
	
}
.location-pg-cpt .item > div {
	height: 100%;
}
.location-pg-cont {
	width:100%;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
}
.location-pg-header {
	width:40%;
	position: relative;
}
.location-pg-header img {
	width:100%;
	height: 100%;
	display: block;
	object-fit: cover;
	object-position: center;
}
.location-pg-header h1 {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:40px;
	font-weight: 1000;
	color:#fff;
	text-shadow: 0 0 10px rgba(0,0,0,0.8);
	width:100%;
	height: 100%;
	padding:20px;
	box-sizing: border-box;
	background:rgba(0,0,0,0.4);
	position: absolute;
	left:0;
	right:0;
}
.location-pg-info-cont {
	width:60%;
	background: #000;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	padding:20px;
}
.location-pg-info {
	width:40%;
	background:#000;
	display: flex;
	align-items: center;
	justify-content: center;
	padding:20px;
	box-sizing: border-box;
	color:#fff;
	flex-direction: column;
	gap:20px;
	font-family: "Montserrat", serif;
}
.location-pg-info h2 {
	font-size: 28px;
	font-weight: 700;
}
.location-pg-info h3 {
	font-size: 24px;
	font-weight: 700;
}
.location-pg-info h4 {
	font-size: 22px;
	font-weight: 700;
}
.location-pg-info p {
	font-size: 20px;
}
.location-page-btn-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width:100%;
	max-width: 350px;
}
.location-page-btn-cont a {
	width:49%;
}
.location-pg-map {
	width:59%;
}
.location-pg-map iframe {
	width:100%;
	height: 100%;
	min-height: 400px;
}
.company-hist-wrap {
	text-align: left;
}
.company-hist-wrap img {
	width:100%!important;
	max-width: 100%!important;
	height: auto;
	display: block;
	margin:10px auto;
}
.company-hist-wrap .item {
	border-left:20px solid #fec52d;
}
.company-hist-cont {
	padding-bottom:25px;
}
.company-hist-cont .lg-text {
	text-align: left;
	font-size: 30px;
	font-weight: 700;
	font-family: "Geist", serif;
	border-left: 20px solid #d5a628;
	border-bottom-left-radius: 20px;
	border-top-left-radius: 20px;
	margin-left: -20px;
	padding-left: 20px;
	width:100%;
	box-sizing: border-box;
}
.company-hist-cont .small-text {
	text-align: left;
	font-family: "Montserrat", serif;
	font-size: 18px;
	padding:20px;
	box-sizing: border-box;
	width:100%;
}
.site-map-cont .static .nav > li > a {
	color:#000;
	font-size: 18px;
	font-family: "Montserrat", serif;
	
}
.site-map-cont .static .nav > li > a:hover {
	color:#d5a628;
}
.sitemap-header {
	font-family: "Geist", serif;
	font-weight: 900;
	font-size: 24px;
	padding:40px 0 20px;
}
.contactForm h1, .contactForm h2, .contactForm h3 {
	font-family: "Montserrat", serif;
}

/*===================== 
	sticky-sub-nav styles 
=======================*/

.sticky-sub-nav {
	padding:20px 20px 60px 20px!important;
}
.sticky-sub-nav.scrollchange {
	padding:0px 20px!important;
}
.sticky-sub-nav.scrollchange button {
	font-size: 12px;
	padding: 5px 10px;
}
.widget:has(.sticky-sub-nav.scrollchange) {
	position: fixed;
	top:90px;
	z-index: 1;
}
.sticky-sub-nav-cont {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap:5px;
}
.anchor-1 {
	visibility: hidden;
}

/*===================== 
	slideshow styles 
=======================*/

.ug-thumb-wrapper.ug-tile img.ug-thumb-image {
object-fit: cover!important;
}
.ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet {
	border-radius: 50px;
	background-color:#000;
	opacity: 0.7;
}
.ug-bullets.ug-skin-default.ug-bullets-gray .ug-bullet.ug-bullet-active {
	opacity:1;
}

/*===================== 
	Inventory styles 
=======================*/

.scrollToTop a {
	color:#fff;
}
.list-listing-title {
	height: auto;
}

/*------------------------------ General Listings Page---------------------------------*/

/*----Page Background Color----*/
.body-content .body-wrapper {background:#fff !important;}

/*----Page Sizing----*/


/*----Listing Background Color & Text Color Change----*/
.list-container .list-listing {background:#fff !important;}

/*---Sidebar Background Color & Text Color----*/
.list-content .section-box {background:#fff !important;}

/*----Filter button color change------*/
.current-facet {background:#000 !important;}

/*----View Details Button----*/
.view-listing-details-link, .g-recaptcha, .mobile-done-button-container a, .show-all-modal .apply-button, .paging-container .page-navs .page-nav {background:#555555 !important; color: #fff !important;}
.view-listing-details-link:hover, .g-recaptcha:hover, .mobile-done-button-container a:hover, .show-all-modal .apply-button:hover, .paging-container .page-navs .page-nav:hover {background:#000 !important; color: #fff !important;}


.show-all-modal .back-button {
  border: 1px solid #3a658e;
  color: #3a658e;
  background-color: inherit;
}

/*---Page Title----*/
.list-content .list-title .list-title-text {color:#000 !important; font-size:22px !important; line-height: 28px !important; }

.compare-listings-container .compare-container .comp-header-img .comp-title-close-cont .compare-title {
	color:#555555!important;
}

/*----details send email button----*/
.detail-content .dealer-info .phone-and-email .send-email-btn {
    background-color: #fff!important;
    color: #555555!important;
    border: 1px solid #555555!important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn {
    color: #555555!important;
}
/*---mobile breadcrumb----*/
.mobile-breadcrumb {
    background-color: #555555!important;
}

/*---EMAIL SUBMIT BUTTON----*/
.modal-bg button {
    background-color: #555555!important;
    color: #fff!important;
}

/*----Listings # showing text----*/
.list-content .list-title .list-listings-count {}

/*---Description text color (if different than body text color)----*/
.listing-description-text {color:#000;}

/*----Price----*/
.listing-main-stats .price {color:#000 !important;}

/*------- Faceted Search------*/
.faceted-search-content .selected-facets-container .selected-facet{background: #555555 !important; color:#fff!important;}

/*------- Site Specific Search------*/ 
.detail-content .detail-main-body .main-detail-data .details-fin-cal{
	display: block !important;
	box-sizing: border-box !important;
}

button#faceted-search{float:none; margin: 0;}

/*---pagers----*/
.paging-container .page-navs .list-page-nav {background:#555555 !important; color: #fff !important;}
.view-listing-details-link:hover {background:#000 !important; color: #fff !important;}


.paging-container .list-page-number, .paging-container .list-page-number .ui-selectmenu-button {
	color:#000;
}
.contact-options a, .fin-calc-mobile > a {background:#555555 !important; color: #fff !important;}

/*------------------------------Listings Details Page---------------------------------*/
/*----Details Page Header----*/
.main-detail-data .detail-title {color:#000 !important}

/*----Make an Offer Button----*/
.main-detail-data .offer-btn {background:#555555 !important; color:#fff !important;}
.main-detail-data .offer-btn:hover {background:#000 !important; color:#fff !important;}

/*----Details Price----*/
.detail-price {color:red !important;}

/*----Spec Title Background & Color ----*/
.detail-content .data-row .data-label {background:#000 !important; color:#fff!important;}

/*----Breadcrumb - Search Results button----*/
.detail-content .search-results {color:red !important;}

/*----Breadcrumb Path above Searach Results----*/
.breadcrumbs .breadcrumbs-element {color:#000 !important; font-size:16px !important; font-weight: bold;}

/*----Background color of widgets (if it matches the page background)----*/


.detail-additional-data h4{color:#000;}

.detail-content-mobile .detail-additional-data .data-row .data-label{
	background:#000 !important; color:#fff !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile, .detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile, .detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile{
	background:#000 !important; 
	color:#fff !important;
}

.detail-content-mobile .detail-contact-bar .contact-bar-btn{
	background:#000 !important; 
	color:#fff !important;
}
.list-content .list-title .list-listings-count {
	color:#555555!important;
}
.info {
	color:#000!important;
}
.list-content .list-listing-mobile .price-container .price {
	color:#555555!important;
}
.list-content .list-top-section .listing-option-bar .list-listings-count {
	color:#555555!important;
}
.detail-content-mobile .share-listing {
	color:#555555!important;
}

/*----compain inventory styles----*/
.bread-crumbs-heading .return-links .return-links-link span, .bread-crumbs-heading .return-links .return-links-link i {
    color:#555555!important;
}

.compare-listings-container .compare-container .compare-price {
    color:#555555!important;
}
.cs-btns .button {background:#555555 !important; color: #fff !important;}
.cs-btns .button:hover {background:#000 !important; color: #fff !important;}


/*===================== 
	layout styles 
=======================*/

.container-1 {
	width:100%;
	max-width: 1600px;
	margin-left:auto!important;
	margin-right:auto!important;
	box-sizing: border-box;
	}
.container-2 {
	width:100%;
	max-width: 850px;
	margin-left:auto!important;
	margin-right:auto!important;
	box-sizing: border-box;
	}
.container-inv {
	margin: 0 auto!important;
	padding:10px;
	box-sizing: border-box;
	}
.flex-cont-1 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.wrap-left .widget {
	display: flex;
	justify-content: flex-end;
}
.wrap-left .widget > div {
	max-width: 480px;
}
.wrap-right {
	
}
.wrap-right .widget > div {
	max-width: 1120px;
}
.center-content {
	justify-content: center;
	flex-direction: column;
	display: flex;
}
.center-align-content .row {
	align-items: center;
	display: flex;
}
.corner-box {
	border-radius: 20px;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.3);
	padding-right:40px!important;
	padding-left:40px!important;
	background:#fff;
}
.corner-box-left {
	border-radius: 20px;
	border-top-left-radius: 0px;
	border-bottom-left-radius: 0px;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.3);
	padding-right:40px!important;
	padding-left:40px!important;
}
.corner-box-right {
	border-radius: 10px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	box-shadow:0 0 10px 2px rgba(0,0,0,0.3);
	padding-right:40px!important;
	padding-left:40px!important;
}
.box-offset {
	margin-top:-40px;
}
.highlightSidebars .box-offset {
	margin-top:0;
}
.content-bg-padding-bottom {
	padding-bottom: 250px;
}
.yellow-bar-top {
	position: relative;
}
.yellow-bar-top:before {
	position: absolute;
	display: block;
	content: "";
	width:100%;
	height: 50px;
	left:0;
	top:-25px;
	background:#fec52d;
	border-radius:10px;
	z-index: 1;
}
.yellow-bar-bottom {
	position: relative;
}
.yellow-bar-bottom:before {
	position: absolute;
	display: block;
	content: "";
	width:100%;
	height: 50px;
	left:0;
	bottom:-25px;
	background:#fec52d;
	border-radius:10px;
	z-index: 1;
}
.employee-cpt-wrap {
	
}
.info-cpt-wrap {
	
}	
.info-cpt-wrap .item {
	padding:10px!important;
}
.info-cpt-wrap .item > div {
	height: 100%;
}
.info-cpt-wrap .item img {
	width: auto;
	max-width: 100%;
	height: auto;
	display: block;
	margin: 0px auto 30px auto;
	object-fit: contain;
	object-position: center center;
}
.content-info-wrap {
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	padding: 20px!important;
	transition: 0.2s ease-in;
	display: block;
	text-align: left;
	height: 100%;
}
.link-info-wrap {
	background: rgba(255, 255, 255, 1);
	border-radius: 10px;
	padding: 20px!important;
	transition: 0.2s ease-in;
	display: block;
	text-align: left;
	height: 100%;
	color:#000;
	box-shadow: 0 0 2px 1px rgba(0,0,0,0.1);
}
.link-info-wrap:hover {
	box-shadow: 0 0 5px 1px rgba(0,0,0,0.2);
	background: rgba(255, 255, 255, 0.5);
}
.info-cpt-wrap .item .brand-image {
	height: 150px;
	width: 100%;
	max-width: 300px;
}
.info-cpt-wrap .item .product-image {
	width:100%;
}
.info-cpt-wrap .item .product-image-2 {
	height: 200px;
	width: 100%;
	object-fit: cover;
}
.info-cpt-wrap .item h2 {
	font-size: 20px;
	font-weight: 700;
}
.info-cpt-wrap .item .sml-text {
	font-size: 18px;
	font-weight: 700;
}
.info-cpt-wrap .item p {
	font-size: 16px;
	font-weight: 400;
}

.column-1-6 { width: 16%; box-sizing:border-box;}
.column-1-5 { width: 20%; box-sizing:border-box;}
.column-1-4 { width: 24%; box-sizing:border-box;}
.column-1-3 { width: 33%; box-sizing:border-box;}
.column-1-2 { width: 49%; box-sizing:border-box;}
.column-2-3 { width: 65%; box-sizing:border-box;}
.column-3-4 { width: 75%; box-sizing:border-box;}

/*===================== 
	footer styles 
=======================*/

.foot-wrap {
	width:100%;
	background:#f1f1f1;
	padding:0 20px 40px 20px;
	box-sizing: border-box;
}
.foot-wrap .container-1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	position: relative;
	gap:40px;
	padding-top:80px;
}
.foot-nav {
	width:70%;
}
.foot-nav-col-1 {
	padding-right:20px;
}
.foot-nav-col-2 {
	padding-right:20px;
	display: flex;
	flex-wrap: wrap;
}
.foot-nav h5 {
	font-family: "Geist", serif;
	font-size:24px;
	font-weight:700;
	color:#000;
	display: block;
	width:100%;
	padding: 20px 0 10px 0;
}
.foot-nav ul {
	padding:0;
	margin:0;
	list-style: none;
}
.foot-nav .foot-nav-col-2  ul {
	width:50%;
}
.foot-nav ul li {
	padding:0 0 5px 0;
	margin:0;
	font-family: "Montserrat", serif;
	font-size: 16px;
	font-weight:400;
	color:#000;
}
.foot-nav ul li a {
	color:#000;
	transition: .2s ease-in;
}
.foot-nav ul li a:hover {
	opacity: 0.7;
}
.foot-logo {
	width:100%;
	max-width: 320px;
}
.foot-logo a {
	color:#000;
	transition: .2s ease-in;
}
.foot-logo a:hover {
	opacity: 0.7;
}
.foot-bottom {
	width:100%;
	padding:40px 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	gap:20px;
	font-size: 12px;
	font-family: "Montserrat", serif;
	color:#000;
}
.foot-title {
	white-space: nowrap;
	font-size: 12px;
	font-family: "Montserrat", serif;
	color:#000;
}
.foot-bottom a {
	color:#000;
	text-decoration: underline;
}
.foot-bottom a:hover {
	text-decoration: none;
	opacity: 0.7;
}

/*==========  Non-Mobile First Method  ==========*/

@media screen and (max-width: 1540px) {
	.head-right {
		padding:20px;
	}
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.home-cat-cont .item {
		width:20%;
		padding:8px;
	}
	.home-service-cont h2 {
		font-size:30px;
		font-weight:700;
		font-family: "Montserrat", serif;
	}
	.location-page-btn-cont a {
		width:100%;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1100px) {
	
	.blog-post-head-copy, .blog-post-featured-img {
		width:50%;
	}
	.blog-post-head h1 {
		font-size: 30px;
	}
	.blog-post-head .blog-post-date-author {
		font-size: 16px;
	}
	.hero-left-wrap {
		width: 100%!important;
		order:2;
	}
	.hero-right-wrap {
		width: 100%!important;
		order:1;
	}
	.hero-slide-wrap #advancedmyCarousel160 .slick-dots {
		bottom:20px!important;
	}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	
	.home-search-cont form .select-cont {
		width:49%;
	}
	.home-search-cont form input {
		width:calc(49% - 55px);
	}
	.foot-nav {
		display: none;
	}
	.foot-logo {
		margin:0 auto;
	}
	.foot-bottom {
		justify-content: center;
	}
	#footlinksID {
		width: auto;
	}
	.home-cat-cont .item {
		width:25%;
	}
	.content-bg-padding-bottom {
		padding-bottom: 100px;
	}
	.locations-dropdown, #locations-tab-group {
		width:100%;
	}
	.blog-categories-cont {
		width: calc(100% - 10px);
	}
	.blog-bg-post-wrap, .blog-categories-cont-col-1 {
		width:100%;
	}
	.blog-bg-post-wrap .blog-bg-post-col-1 {
		height: auto;
	}
	.blog-bg-post-wrap .home-blog-cont-1 {
		width:49%;
		height: 100%;
	}
	.widget:has(.sticky-sub-nav.scrollchange) {
		top:70px;
	}
	
}
@media only screen and (max-width : 820px) {
	.home #header {
		position: sticky;
	}
	.head-logo {
		padding:10px 20px;	
	}
	.head-right {
		background:rgba(255,255,255,1);
		justify-content: center;
		padding:10px 20px;
	}
	.nav-top-links {
		display: none;
	}
	.hero-info {
		width:100%;
		order:2;
		min-height: 100%!important;
		height: auto;
		max-height: 100%;
		padding:40px 20px 80px 20px;
	}
	.hero-info .small-header-text {
	  font-size: 6vw;
	}
	.hero-info .large-header-text {
	  font-size: 7.2vw;
	}
	.hero-img {
		width:100%;
		order:1;
		min-height: 100%!important;
		max-height: 100%;
	}
	.home-service-cont > .row {
		flex-wrap: wrap;
	}
	.home-service-cont > .row > div {
		width:100%;
	}
	.home-service-cont h2 {
		font-size:25px;
	}
	.home-service-cont p {
		font-size:14px;
	}
	.location-pg-header, .location-pg-info-cont {
		width:100%;
	}
	.blog-post-head-copy {
		width:100%;
		order:2;
	}
	.blog-post-featured-img {
		width:100%;
		order:1;
		max-width: 100%;
		height: auto;
		object-fit: none;
	}
	.blog-post-head h1 {
		color:#fff;
		font-size: 25px;
	}
	.blog-post-head .blog-post-date-author {
		font-size: 14px;
	}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	h1, .page-header {
		font-size:28px!important;
	}	

	h2 {
		font-size:25px!important;
	}
	h3 {
		font-size:20px!important;
		font-weight: 700;
	}
	h4 {
		font-size:17px!important;
	}
	h5 {
		font-size:15px!important;
	}
	h6 {
		font-size:13px!important;
	}
	.location-pg-info h2 {
		font-size: 25px;
	}
	.location-pg-info h3 {
		font-size: 20px;
	}
	.location-pg-info h4 {
		font-size: 17px;
	}
	.location-pg-info p {
		font-size: 16px;
	}
	.wrap-left .widget > div, .wrap-right .widget > div {
		max-width:100%;
	}
	.corner-box {
		padding-right:10px!important;
		padding-left:10px!important;
	}
	.content-bg-padding-bottom {
		padding-bottom:50px;
	}
	.locations-dropdown {
		padding:15px;
	}
	.location-select p {
		font-size:18px;
		padding-bottom:5px;	
	}
	.location-select  .select-cont select {
		padding:10px;
	}
	.home-info-cont {
		width:100%;
		padding:15px;
	}
	.home-info-cont .yellow-butn {
		width:100%;
		max-width: 100%;
	}
	.home-map-cont {
		width:100%;
	}
	.corner-box-left {
		width: calc(100% - 10px);
	}
	.location-pg-info, .location-pg-map {
		width:100%;
	}
	.blog-bg-post-wrap .blog-bg-post-col-1 {
		padding:20px 0;
	}
	.sticky-sub-nav-cont {
		justify-content: space-between;
	}
	.sticky-sub-nav-cont button {
		width:49%;
		max-width: 100%;
		margin:0;
	}
	.flyout .click-open {
		border-top-left-radius:10px;
		border-bottom-left-radius:10px;
		font-size:14px;
		line-height: 1;
	}

}
@media only screen and (max-width : 555px) {
	.home-search-cont form .select-cont, .home-search-cont form input {
		width:100%;
	}
	.home-search-cont form button {
		width:100%;
		padding: 15px 10px;
	}
	.home-cat-cont .item {
		width:33.33%;
	}
	.home-cat-cont .item a {
		gap:0px;
		padding:2px 2px 4px 2px;
	}
	.blog-bg-post-wrap .home-blog-cont-1 {
		width:100%;
		height: auto;
	}
	.company-hist-cont .lg-text {
		font-size: 20px;
	}
	.company-hist-cont .small-text {
		font-size: 15px;
	}
	
	.hero-slide .desktop-img {
		display: none;
	}
	.hero-slide .mob-img {
		display: block;
	}
	.widget:has(.sticky-sub-nav.scrollchange) {
		top:45px;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.home-cat-cont .item {
		width:50%;
	}
	.home-service-cont a {
		padding:120px 10px 20px 10px;
		gap:0;
	}

}