/*
Theme Name: www.volvotruckcentre.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
--------------------------------------------------------------*/
:root {
--blue: #103b8a;
--darkblue: #0A2557;
--black: #000000;
--white: #ffffff;
--offwhite: #f2f2f2;
--grey: #d9d9d9;
--darkgrey: #242424;
--header: futura-pt-condensed, sans-serif !important;
--body: proxima-nova, sans-serif !important;
--tran3: .3s all;
}

html, body {width:100%;}
html {scroll-behavior: smooth;}
h1,h2,h3,h4,h5,h6{font-family:var(--header);}
body {font-family: var(--body);overflow-x: hidden;}
p {font-family: var(--body);font-size: 16px;line-height: 1.5;margin-bottom: 0;}

/*---BODY STYLES--*/
.main-body h1 {font-weight: 900 !important;font-size: 48px !important;text-transform:uppercase;}
.home-txt h2{font-weight: 900 !important;font-size: 42px !important;text-transform:uppercase;}
.sub-pg h3 {font-size: 28px;text-transform:uppercase;}
.offwhite {background:var(--offwhite)}
.grey-txt {color:#CCC}
.wid90 {width: 90%;margin: 0 auto !important;}
.pagewid {max-width: 1400px;}
.flex-container {display: flex;}
.grid-container {display: grid;}
.center {text-align: center;}
.relative {position: relative;}
.half-page {flex-basis:50%;}
.pad-xl{padding-top:80px;padding-bottom:80px;}
.pad-l{padding-top:40px;padding-bottom:40px;}
.pad-l-top{padding-top:40px;}
.pad-l-bottom{padding-bottom:40px;}
.pad-xl-top{padding-top:80px;}
.pad-xl-bottom{padding-bottom:80px;}
.relative {position: relative;}
.base-align {align-items: baseline;}
.align-center {align-items:center !important;}
.just-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.align-right {text-align: right !important;}
.align-left {text-align: left !important;}
.block,#block {display: block !important;}
.fourth-txt {flex-basis:75%;}
.one-fourth {flex-basis:25%;}
.header-overlay {}
.image-fill {overflow: hidden !important;}
.image-fill img {height:100% !important;width:100% !important;object-fit: cover !important;max-width: unset !important;max-height: unset !important;object-position: center center !important;}
.main-body h2{font-size: 42px;text-transform: uppercase;font-weight:800;line-height:1.25;margin-bottom:10px;}
.sub-txt h2 {font-size: 32px !important;}
.option-boxes h3 {font-size: 18px !important;font-weight: 500px !important;}
.main-body h3 {font-size: 28px;text-transform: uppercase;font-weight:700;letter-spacing: 1px;}
.main-body h2 span,.main-body h1 span {font-size:60%;opacity: .75;display:block;}
.main-body h1{font-size: 44px;text-transform: uppercase;font-weight:800;line-height:1.25;margin-bottom:10px;}
.breadcrumb .wid90{padding: 10px 0;}
nav[aria-label="breadcrumb"] ul {font-size: 15px;display: flex;list-style: none;padding: 0;margin: 0;width: 100%;text-transform: uppercase;}
nav[aria-label="breadcrumb"] li {padding: 0;line-height: 3;font-size: 15px !important;}
nav[aria-label="breadcrumb"] a{padding: 8px 0;border-radius: 90px;font-size: 15px;color: var(--red);font-weight: 800;transition: .3s all;opacity: .85;text-decoration: none;box-sizing: border-box;}
nav[aria-label="breadcrumb"] a:hover {color:var(--blue)}
nav[aria-label="breadcrumb"] li+li:before {content: "|";padding: 8px 10px;opacity:.75;}
nav[aria-label="breadcrumb"] span {padding: 8px 0;font-size: 15px;font-weight: 500;text-decoration: none;box-sizing: border-box;font-size: 15px;}

.main-btns button {width: 100% !important;max-width: 100% !important:}
/*--header--*/
#header{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.top-header .wid90 {padding: 5px 0;display: flex;justify-content: flex-end;gap:20px;}
form.location-select {margin: 0 !important;display: flex;align-items: center;justify-content: flex-end;}
form.location-select:before {content:'\f3c5';font-weight: 900;font-family:"Font Awesome 6 Free"; color:var(--black)}
.location-select select {width: fit-content !important;background-color: transparent !important;padding: 0 5px !important;margin: 0 !important;font-family: inherit !important;font-size: 16px !important;cursor: inherit !important;line-height: 2 !important;background-color: transparent !important;border: 1px solid var(--select-border) !important;border-radius: 0 !important;font-family: var(--header) !important;color: #000 !important;text-transform: uppercase !important;height: auto !important;letter-spacing: 1px;cursor: pointer;}
.social-hold icon {font-size: 16px !important;background: var(--grey);padding: 12px;border-radius: 90px;transition:.3s all;}
.social-hold a:hover > icon {background:#ADADAD}
.header .flex-container {}
.inner-wrapper {width: 95%;margin: 0 auto;padding: 20px;}
.hero-txt h1 {text-transform: uppercase;font-weight: 800;color:var(--white); text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);}
.homesearch {margin-top: -55px !important;background-color: #fff;border-radius: 2px;padding: 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);}
.flex-container.flex-search {align-items: center;padding-bottom: 20px;}
.search-title {flex: 1;}
.search-title h2 {font-size: 28px;text-transform: uppercase;font-weight: 900;margin-bottom: 0 !important;color: #000;line-height: 1;margin: 0;}
.search-bar {flex: 2;}
.flex-search {gap: 10px;}
.flex-search input,.flex-search select {width: 100%;border: 1px solid #f5f5f5;border-radius: 5px;padding:10px;line-height:1.5;}
.search-field {flex: 1;}
.flex-search button {padding: 10px 20px !important;}

/*--Equipment Category--*/
.inv-slider {margin-left: 10% !important;width: 90% !important;overflow: hidden !important;}
a.eq-box {overflow: hidden;border-radius: 5px;position:relative;background:#242424;min-height:400px;display:block;background-position: center center !important;background-repeat: no-repeat;color:var(--offwhite)}
a.eq-box img {width: 100%;height: 100%;object-fit: cover !important;}
.cat-overlay {background: linear-gradient(0deg,rgba(36, 36, 36, 0.9) 0%, rgba(36, 36, 36, 0.3) 85%);position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;}
a.eq-box h3 {    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);text-transform: uppercase;font-weight:900;font-size: 28px;margin-top: 18px;}
.white-btn {display: inline-block;font-weight: 400;color: rgb(248, 248, 248) !important;font-size: 16px !important;padding: 10px 15px;border-radius: 90px;border-width: initial;border-style: none;border-color: initial;border-image: initial;background: rgba(255, 255, 255, 0.45) !important;}
.cat-overlay {padding: 30px;display: flex;align-items: flex-end;text-align:left !important;}
.eq-box button {padding: 15px 0 !important;color: var(--white)}
.eq-box button::after {color:var(--white) !important}
.servicebox h2,.servicebox h3 {color:var(--blue);text-transform:uppercase;font-weight: 600;margin-bottom: 10px;}
.servicebox h2 {font-size: 42px;}
.servicebox a {color:var(--darkgrey);transition:.3s all;text-decoration: underline;}
.servicebox a:hover,.pagewid a:hover {color:var(--black);text-decoration: none;}
.service-btns  {display: inline-block;padding: 10px 15px;background: rgb(242 242 242 / 20%);border-radius: 90px;font-size: 16px;border: 1px solid var(--black);color: var(--black);min-width: 50px;box-sizing: border-box;line-height: 1;margin-bottom: 10px;}
.home-options .item {height: 300px;display: inline-block !important;}
.home-options .PrevButton3,.home-options .NextButton3 {display: none !important;}
a.page-option.relative {text-align: left !important; border: 1px solid var(--white);height: 300px; display: block;overflow: hidden;color:var(--white)}
a.page-option img {height:100%;width:100%;object-fit: cover;object-position: center center;}
.overlay {position: absolute;top: 0;bottom: 0;left: 0;right: 0;height: 100%;width: 100%;padding: 40px;display: flex;align-items: flex-end;justify-content: flex-start;box-sizing: border-box; background-color: rgba(0, 0, 0, 0.35);transition: background-color 0.5s ease;}
a.page-option:hover .overlay {background-color: rgba(10,37,87,.5);}
a.page-option h3 {letter-spacing: 1px;text-transform: uppercase;font-weight: 800;font-size: 24px;}
.blue-box {background: var(--blue);height: 60px;width: 60px;display: flex;align-items: center;justify-content: center;color: var(--offwhite);text-align: center;transition: .5s ease all;position: absolute;top: 0;right: 0;border-radius: 0 0 0 10px;font-size: 28px;z-index: 99999;}
.blue-box icon {color:var(--white) !important;font-size: 22px !important;}
/*---FEATURED INVENTORY---*/
a.featureditem {border: 1px solid #ddd;border-radius: 4px;overflow: hidden; display: block !important;position:relative;
background:#fff;margin: 10px !important;}
a.featureditem button {width: 100%;border-radius: 0 !important;}
.image-hold {overflow: hidden;height: 250px;}
.image-hold img {height: 100%;width: 100%;object-fit: cover;}
.year-box {position: absolute;right: 0;padding: 5px 10px;background: rgb(255 255 255 / 75%);font-family: futura-pt-condensed, sans-serif !important;font-weight: 600;font-size: 22px;color: #333;}
.special-title {padding: 20px !important;text-align: left !important;}
.special-title h4 {color:var(--blue);text-transform:uppercase;font-weight: 600;margin-bottom: 10px;font-size: 24px;}
.special-title p {font-size: 18px;font-weight: 800;}


/*---FEATURED INVENTORY SANDHILLS---*/
.outer-img-box {
    padding: 0 !important;overflow: hidden !important;position: relative !important;
}
.outer-img-box img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    transform: none !important;
    margin-left: 0 !important;
}
small.small_spec:first-of-type {
    position: absolute;
    right: 0;
    padding: 5px 10px !important;
    background: rgb(255 255 255 / 75%);
    font-family: futura-pt-condensed, sans-serif !important;
    font-weight: 600;
    font-size: 22px;margin: 0 !important;
    color: #333;    top: 0 !important;
}

small.small_spec strong {display: none !important;}

.sh-card.card.inv_car_item .card-body {
    padding: 0 !important;
}

.inv_car_item .card-body br {
  display: none;
}

.small_spec {
    margin-bottom: 0 ! Important;
    font-size: 18px;
    font-weight: 800;
}

.inner-image-placeholder {
    position: relative ! Important;
    overflow: hidden;
    height: 225px;
}

button.carousel_details_btn{    background: var(--blue) !important;
    color: #fff !important;
    text-transform: uppercase !important;
    padding: 15px 20px !important;
    border: 1px solid var(--blue) !important;
    border-radius: 0 !important;
    font-family: var(--header);
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    font-size: 16px !important;margin: 0 !important;width: 100% !important;}

p.listing-title {
    color: var(--blue);
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 10px;
    font-size: 24px;
    font-family: var(--header);
	margin-top: 10px !important;
}

.card-body .col-padding p, .card-body .col-padding .small_spec {
    padding: 0 15px !important;
    display: block !important;
    box-sizing: border-box;
}

.sh-carousel #controls {display: none !important;}
/*---RENTAL---*/
.rental-box {background-color: #fff;border-radius: 8px;padding:15px 20px;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);transition: box-shadow 0.3s ease;margin: 5px;text-align: left !important;}
.rental-box:hover {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}
.rent-img {height: auto !important;margin-bottom: 5px;}
.rent-img img {height: 100%;width: 100%;object-fit: cover;}
.rental-box h3::before {content:'\f058' !important;font-weight: 900 !important;font-family:"Font Awesome 6 Free" !important; color:var(--blue);}
.rental-box h3 {font-size: 22px !important;}
/*--SUB PAGE---*/
.subhero {color: var(--white);}
.subhero .pagewid {max-width: 950px}
.blue-txt {color:var(--blue)}
.subhero h1 {text-transform: uppercase;font-weight:900;font-size: 54px;}
.darkbg {color:var(--offwhite);}
.sublocation-box {margin: 3% !important;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;background: #fff;padding: 0px;box-sizing: border-box;border-radius: 5px;border: 5px solid #fff;}
.main-locationpg{background: #f2f2f2;border-color: #f2f2f2;}
.map-hold {position: relative;height: 200px;}
.map-hold iframe {height: 100%;width:100%;position: absolute;top:0;bottom:0;left:0;right:0;}
.contact-info {padding: 20px 30px !important;}
.contact-info h3,.main-contactinfo h3 {font-size: 24px !important;}
.main-contactinfo {padding: 15px;text-align: left;}
.main-contactinfo button {padding: 15px 0 !important;}
.main-locationpg.sublocation-box.servicebox {margin: 5% !important;}

/*---Careers---*/
.career-box {padding: 30px;box-sizing: border-box;background: #f8f8f8;border: 1px solid #eee;}
.career-box a {width:100% !important;}
.career-box button{width: 100%:}
.nav-pills {margin-bottom: 10px !important;}
a.nav-link.active {background:var(--darkgrey);color:#fff !important;}
a.nav-link {color:var(--darkblue)}
.location-pg a,.pagewid a {color:var(--darkblue);transition:.3s all;}
.location-pg a:hover{color:var(--blue)}

.location-pg h3 {text-transform: none !important; font-size: 28px !important;}
/*--Location--*/
.flex-container.flex-pg{gap:5%; align-items: baseline}
.half-pg {flex-basis: 50%;}
/*--button--*/
.darkbg .col-form-label strong {color:#fff !important;}
.blue-btn,.flex-search button {background: var(--blue) !important;color: #fff !important;text-transform: uppercase !important;padding: 15px 20px !important;border: 1px solid var(--blue) !important;border-radius: 3px !important;font-family: var(--header);font-weight: 600 !important;letter-spacing: 1px !important;font-size: 16px !important;}
.grey-btn,input.btn.btn-success.sheSubmitButton {background: #e5e5e5 !important;color: var(--darkblue) !important;text-transform: uppercase !important;padding: 15px 20px !important;border: 1px solid #e5e5e5 !important;border-radius: 3px !important;font-family: var(--header);font-weight: 600 !important;letter-spacing: 1px !important;font-size: 16px !important !important;}
.grey-btn:hover,input.btn.btn-success.sheSubmitButton:hover {background:rgba(229,229,229,0.75) !important;}
.link-btn {background: transparent !important;color: var(--blue);text-transform: uppercase !important;padding: 15px 20px !important;border: none !important;font-family: futura-pt-condensed, sans-serif !important;font-weight: 600 !important;letter-spacing: 1px !important;font-size: 16px !important;}
.link-btn::after {content:'\f105' !important;font-weight: 900 !important;font-family:"Font Awesome 6 Free" !important; color:var(--black);margin-left:5px;}
.blue-btn:hover {background:var(--darkblue) !important;border-color:var(--darkblue) !important;color:var(--white)}

/*---FOOTER---*/
.foot-locations,.foot-nav {padding: 30px 0;}
.foot-nav.grid-container{grid-template-columns: repeat(5, 1fr);gap: 5%;}
.foot-locations.grid-container {grid-template-columns: repeat(4, 1fr);gap: 5%;}
.foot-locations {border-bottom: 1px solid rgba(40,40,40,0.15);}
.foot-col a,.foot-location a {color:#000;transition:.3s all;}
.foot-col a:hover,.foot-location a:hover {color:var(--darkblue);}
.foot-location a {display: block;}
.foot-title {display: block;margin-bottom: 10px; font-weight: 700;font-size: 18px;}
.foot-address {margin-bottom: 10px !important;}
.foot-socials {display: flex;gap:10px;margin: 10px 0;}
.foot-socials a {background: rgba(40,40,40,.1) !important;border-radius: 90px;height: 40px;width: 40px;display: flex !important;font-size:16px;align-items: center;justify-content: center;transition: .3s all;color: var(--darkblue);margin: 0 !important;}
.foot-socials a:hover{background: rgba(40,40,40,1.0) !important;color:var(--offwhite)}
.foot-socials a:hover,ul.foot-links li a:hover {opacity: 1;}
.foot-location button {width: 100% !important;padding: 10px !important;margin-top: 30px;}
ul.foot-links {list-style: none;padding-inline-start: 0 !important;line-height: 1.75;}
ul.foot-links li a {opacity: .75;transition: .3s all;}
.foot-locations b,.foot-locations strong,.foot-col strong,.foot-col b {color:#282828;display: block;margin-bottom: 10px;font-weight: 700;font-size: 22px;font-family:var(--header)}
.foot-navigation ul {padding-inline-start:0;}
.foot-navigation ul li,.bottom-nav ul li {list-style: none;line-height: 1.5;}
.foot-navigation ul li a{padding: 5px 0;display: block;}
.bottom-footer .wid90{padding: 10px;}
.flex-logos {display:flex;align-items: center;justify-content: flex-start;gap:30px;}
.bottom-nav {text-align: right;}
.bottom-nav ul li{display: inline-block;}
.bottom-nav ul li a{padding: 0 15px;color:#000;transition:.3s all; }
.bottom-nav ul li a:hover {opacity:.5;}

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

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1400px) {	
	.image-fill {max-height: unset !important;}
}
@media only screen and (max-width : 1100px) {		
	.search-title h2 {font-size:22px !important}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 990px) {
	.servicebox {margin-left: 0 !important;margin-right: 0 !important;margin-top: 20px !important;}
	.search-title h2 {font-size:28px !important}
	.search-title h1 {font-size:48px !important}
	.foot-nav.grid-container {grid-template-columns: repeat(3, 1fr);gap: 30px !important;}
	.inv-slider {margin-left: 5% !important;}
	.sub-txt {padding-top: 0 !important;}
	.sub-hero h1 {font-size: 36px !important;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 880px) {
	.foot-locations {grid-template-columns: repeat(2, 1fr) !important;gap: 30px !important;}
	.flex-search{flex-wrap:wrap}
	.search-title,.search-bar{flex-basis:100%;}
	.hero-txt h1 {font-size: 44px !important;}
	
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.foot-nav.grid-container {grid-template-columns: repeat(2, 1fr);}
	.flex-container.flex-search{flex-wrap:wrap;}
	.search-field {flex-basis:100%;}
	.flex-search button{width:100%;}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 450px) {
	.foot-nav.grid-container,.foot-locations {grid-template-columns: repeat(1, 1fr) !important;}
	.home-search {padding:5px !important;}
	.hero-txt h1 {font-size: 32px !important;}
	.inv-slider {margin: 0 auto !important;}	
}


@media only screen and (max-width : 360px) {
	.top-header .wid90 {flex-wrap: wrap-reverse;}
	form.location-select,.social-hold {flex-basis:100%;}
}