/*
Theme Name: www.tmctrucksales.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:5%;
	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:#f26122;
}
.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: #f26122;
    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;
}

/*=== CUSTOM RESTED STYLES ===*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, select {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: unset;
}
html {
	scroll-behavior: smooth;
}
a {text-decoration:none;cursor: pointer;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button {
	cursor: pointer;
	border: none;
	border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/*=== END RESET ===*/
::-moz-selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}
::selection {
    background: #000;
    color: #fff;
    text-shadow: none;
}

/*=== Clearfix ===*/
.clear {clear: both;}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    zoom: 1;
}

/*=== ELEMENTS ===*/
img {max-width: 100%;}
body {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 16px;
	line-height: 26px;
}
strong, b {
	font-weight: 900;
}
.xl-heading, .lg-heading, .md-heading, .sm-heading, .xs-heading {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
}
.xl-heading {font-size: clamp(40px, 5vw, 48px);line-height: clamp(42px, 5vw, 50px);}
.lg-heading {font-size: clamp(34px, 5vw, 42px);line-height: clamp(36px, 5vw, 44px);}
.md-heading {font-size: clamp(27px, 5vw, 35px);line-height: clamp(29px, 5vw, 37px);}
.sm-heading {font-size: clamp(18px, 5vw, 26px);line-height: clamp(20px, 5vw, 28px);}
.xs-heading {font-size: clamp(18px, 5vw, 24px);line-height: clamp(20px, 5vw, 26px);}
.stretched-sub-heading {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 4px;
    text-transform: uppercase;
}

.button-group {
	display: flex;
	gap: 5px 10px;
	flex-wrap: wrap;
	padding-top: 15px;
	justify-content: center;
}
button.primary-button, button.carousel_details_btn {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 20px;
	background-color: #f26122;
	border: 1px solid #f26122;
	color: #ffffff;
	opacity: 1;
	transition: all ease 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

button.secondary-button {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 20px;
	background-color: #e9e9e9;
	border: 1px solid #e9e9e9;
	color: #f26122;
	opacity: 1;
	transition: all ease 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

button.orange-outline-button {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 20px;
	background-color: transparent;
	border: 1px solid #f26122;
	color: #f26122;
	opacity: 1;
	transition: all ease 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

button.white-outline-button {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 20px;
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #ffffff;
	opacity: 1;
	transition: all ease 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

button.black-button {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 20px;
	background-color: #000000;
	border: 1px solid #000000;
	color: #ffffff;
	opacity: 1;
	transition: all ease 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}

button.text-button {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	padding: 8px 20px;
	background-color: transparent;
	border: 1px solid transparent;
	color: #f26122;
	opacity: 1;
	transition: all ease 0.3s;
	text-transform: uppercase;
	letter-spacing: 2px;
}
button.primary-button:hover,
button.carousel_details_btn:hover,
button.secondary-button:hover,
button.orange-outline-button:hover,
button.white-outline-button:hover,
button.black-button:hover,
button.text-button:hover {
	opacity: 0.6;
}

/*=== IMAGE-CONTAINERS ===*/
.hero-section .angled-img-container-bottom-right, .hero-section .angled-img-container-bottom-left, .hero-section .angled-img-container-top-right, .hero-section .angled-img-container-top-left {
	height: calc(100% - 300px) !important;
	margin: 100px 5% !important;
	min-height: 350px;
} 
.angled-img-container-bottom-right {
	clip-path: polygon(0 0, 100% 0, 100% calc(100% - 100px), calc(100% - 100px) 100%, 0 100%);
	overflow: hidden;
}
.angled-img-container-bottom-left {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 100px 100%, 0 calc(100% - 100px));
	overflow: hidden;
}
.angled-img-container-top-right {
	clip-path: polygon(0 0, calc(100% - 100px) 0, 100% 100px, 100% 100%, 0 100%);
	overflow: hidden;
}
.angled-img-container-top-left {
	clip-path: polygon(0 100px, 100px 0, 100% 0, 100% 100%, 0 100%);
	overflow: hidden;
}

/*=== FOOTER ===*/
.custom-footer {
	position: relative!important;
}
.custom-footer .footer-logo {
	position: relative!important;
	transform: translate(0px, 50%)!important;
    z-index: 10!important;
}
.custom-footer .footer-logo img {
	background: #ffffff!important;
    padding: 15px!important;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3)!important;
	line-height: 0!important;
}

#page {
	background-color: #e9e9e9;
}

#page-container-wrapper {
	max-width: 1600px;
	width: 100%;
    margin: auto;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}

/*=== GLOBAL ===*/
.flex-container{display:flex}.flex-vertical{flex-direction:column}.flex-horizontal{flex-direction:row}.flex-width{flex-grow:1;flex-shrink:1;flex-basis:100%}.flex-height{height:100%}.flex-wrap{flex-wrap:wrap}.set-width{flex-grow:0;flex-shrink:0;flex-basis:auto}.justify-center{justify-content:center}.justify-right{justify-content:flex-end}.justify-left{justify-content:flex-start}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.align-center{align-items:center}.align-top{align-items:flex-start}.align-bottom{align-items:flex-end}.align-stretch{align-items:stretch}.align-all-center{align-items:center;justify-content:center}.align-self-center{align-self:center}.align-self-right{align-self:flex-end}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}

.mobile-only {
	display: none;
}

.max-width {
	width: 95%;
	margin: 0 auto;
}
a.logo-container {
	line-height: 0;
	width: 100%;
	max-width: 200px;
	height: 100%;
}
.logo-container .logo {
	display: flex;
	flex-grow: 0;
	flex-shrink: 0;
	flex-basis: auto;
    object-fit: contain;
    object-position: center;
}
p.paragraph {
	padding-top: 20px;
}
ul.list {
	list-style-type: disc;
	list-style-position: inside;
	padding-top: 10px;
}
.map {
	line-height: 0;
	min-height: 350px;
	border-radius: 20px;
	overflow: hidden;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
}

/*=== HEADER ===*/
.custom-styled-header {
	border-bottom: 1px solid #e9e9e9;
}

/*=== GHOST LOGO SECTION ===*/
.ghost-logo {
	position: relative;
	height: 100%;
	background-color: transparent;
	overflow: hidden;
}
.ghost-logo::before {
	content: "";
	background: url("siteart/tmc-mono-color.png") no-repeat;
	background-size: contain;
    position: absolute;
    bottom: 50px;
    left: -100px;
    width: 600px;
    height: 175px;
}

/*=== TIRE TRACKS ===*/
.tire-tread {
	position: relative;
	height: 100%;
	background-color: transparent;
	overflow: hidden;
}
.tire-tread::before {
	content: "";
    background: url(siteart/tire-tread.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: 0;
    top: -100px;
    left: 0px;
    width: 100px;
    height: 100%;
    transform: rotate(45deg);
    opacity: 20%;
}
.tire-tread::after {
	content: "";
    background: url(siteart/tire-tread.png) no-repeat;
    background-size: cover;
    position: absolute;
    bottom: -100px;
    right: 0px;
    width: 100px;
    height: 100%;
    transform: rotate(225deg);
    opacity: 20%;
}

/*=== SEARCH INVENTORY ===*/
.search-inventory-section {
	position: relative;
	top: -100px;
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3);
	background-color: #ffffff;
}
.search-inventory-section input[type="text"], .search-inventory-section select {
	border-radius: 0!important;
	-webkit-appearance: none!important;
}

/*=== FORM ===*/
form.custom-form {
	padding-top: 10px;
	gap: 15px;
	color: #000000;
}
form.custom-form .input-group, form.custom-form > * {
	gap: 15px;
}
form.custom-form input::placeholder, form.custom-form select::placeholder, form.custom-form textarea::placeholder {
	color: #000000!important;
}
form.custom-form input, form.custom-form select, form.custom-form textarea {
	font-family: "Roboto", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	font-variation-settings: "wdth" 100;
	font-size: 14px;
	line-height: 24px;
	text-transform: uppercase;
	letter-spacing: 2px;
	border: 1px solid #e9e9e9;
	width: 100%;
	padding: 10px 15px;
	resize: vertical;
    background-color: #e9e9e9;
	color: #000000;
}
form.custom-form select {
	border: 1px solid #e9e9e9;
	width: 100%;
	padding: 10px 15px;
}
form.custom-form input[type="checkbox"] {
	appearance: none;
	width: 20px;
	height: 20px;
	background-color: #e9e9e9;
	border: 2px solid #e9e9e9;
	border-radius: 0;
	cursor: pointer;
	padding: 0;
	margin-right: 5px;
	vertical-align: middle;
}

form.custom-form input[type="checkbox"]:checked {
	background-color: #f26122;
	position: relative;
}

form.custom-form input[type="checkbox"]:checked::after {
	content: '';
	position: absolute;
	top: 0px;
	left: 4px;
	width: 6px;
	height: 12px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
form.custom-form textarea {
	height: 108px;
}

/*=== CONTACT-FORM ===*/
.contact-form .sheSubmitButton {
	font-family: "Roboto", sans-serif!important;
	font-optical-sizing: auto!important;
	font-weight: 900!important;
	font-style: normal!important;
	font-variation-settings: "wdth" 100!important;
	font-size: 14px!important;
	line-height: 24px!important;
	padding: 8px 20px!important;
	background-color: #f26122!important;
	border: 1px solid #f26122!important;
	border-radius: 0!important;
	color: #ffffff!important;
	opacity: 1!important;
	transition: all ease 0.3s!important;
	text-transform: uppercase!important;
	letter-spacing: 2px!important;
}
.contact-form .sheSubmitButton:hover {
	opacity: 0.6!important;
}
.contact-form h1, .contact-form h2 {
	font-family: "Oswald", sans-serif;
	font-optical-sizing: auto;
	font-weight: 900;
	font-style: normal;
	text-transform: uppercase;
}
.contact-form h1 {font-size: clamp(40px, 5vw, 48px);line-height: clamp(42px, 5vw, 50px);}
.contact-form h2 {font-size: clamp(34px, 5vw, 42px);line-height: clamp(36px, 5vw, 44px);}
.contact-form .form-control-feedback {color: #f26122!important;}

/*=== FEATURED INVENTORY ===*/
.featured-inventory-carousel .card {
    border: unset !important;
    border-radius: 0 !important;
}
.featured-inventory-carousel .card-body {
	padding: 20px 10px 10px !important;
}
.featured-inventory-carousel .outer-img-box {
    padding: 0 !important;
}
.inner-image-placeholder {
    /* position: relative !important; */
    overflow: hidden !important;
	line-height: 0 !important;;
}
.featured-inventory-carousel .outer-img-box .inv_image {
    width: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
}
.featured-inventory-carousel .card-body {
    background-color: #e9e9e9;
    transition: .5s ease all !important;
}
.featured-inventory-carousel .listing-title {
	font-family: "Oswald", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 900 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	font-size: clamp(18px, 5vw, 26px) !important;
	line-height: clamp(20px, 5vw, 28px) !important;
}
.featured-inventory-carousel .car_col {
	padding: 0 !important;
}
.featured-inventory-carousel #controls {
	position: absolute !important;
    right: 0 !important;
    top: -45px !important;
}
.featured-inventory-carousel #controls .inv_control {
	font-size: 14px !important;
	line-height: 24px !important;
	padding: 8px 17px !important;
	background-color: #e9e9e9 !important;
	border: 1px solid #e9e9e9 !important;
	color: #f26122 !important;
	opacity: 1 !important;
	transition: all ease 0.3s !important;
	text-transform: uppercase !important;
	letter-spacing: 2px !important;
	border-radius: 0 !important;
}
.featured-inventory-carousel #controls .inv_control:hover {
	box-shadow: none !important;
	opacity: 0.6 !important;
}
.featured-inventory-carousel #controls .a_inv_cont {
	padding: 0 5px !important;
}
.featured-inventory-carousel .carousel-indicators {
	display: none !important;
}

/*=== LOCATIOn-ACCORDION ===*/
.location-accordion .accordion {
	box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.3) !important;
	background-color: #ffffff !important;
}
.location-accordion .accordion-item {
	border-radius: 0 !important;
}
.location-accordion .accordion-item .accordion-button {
	font-family: "Oswald", sans-serif !important;
	font-optical-sizing: auto !important;
	font-weight: 900 !important;
	font-style: normal !important;
	text-transform: uppercase !important;
	font-size: clamp(18px, 5vw, 24px) !important;
	line-height: clamp(20px, 5vw, 26px) !important;
}
.location-accordion .accordion-item:first-of-type> .accordion-header .accordion-button {
	border-radius: 0 !important;
}
.location-accordion .accordion-button:not(.collapsed) {
	background-color: transparent !important;
	color: #000000 !important;
	border: unset !important;
	box-shadow: unset !important;
}
.location-accordion .accordion-body {
	position: relative !important;
}
.location-accordion .location-accordion-btn {
	position: absolute !important;
	top: -50px !important;
	right: 0 !important;
	z-index: 10 !important;
}
.location-accordion .accordion-button:not(.collapsed)::after {
	background-image: none !important;
}
.location-accordion .container button.collapsed:first-of-type {
 background-color: yellow; /* Example style */
}

/*=== LOCATION-MAP ===*/
.location-map-container .row.sh-row, .location-map-container .row.sh-row * {
	height: 100%;
	line-height: 0;
}
.location-map-container .location-map {
	height: 100%;
	line-height: 0;
}
.location-page-map {
	min-height: 350px!important;
	max-width: 500px!important;
	width: 100%!important;
}

/*=== Inventory Pages ===*/
/*=== INVENTORY BANNER ===*/
.inventory-banner {
	background-color: #e9e9e9;
	padding: 25px 0;
}
.inventory-banner > .flex-container {
	gap: 5%;
}
.inventory-banner .sales-rep-profile img {
    max-height: 175px!important;
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 50px 100%, 0 calc(100% - 50px));
	overflow: hidden;
	line-height: 0;
	width: 175px!important;
}
.inventory-banner .inventory-banner-button-container {
    display: flex;
	align-items: center;
}
.inventory-banner .inventory-banner-button-container .inventory-banner-button-group div {
    display: flex;
    flex-direction: column;
    gap: 10px;
    align-self: center;
}

/*=== Prices ===*/
.listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {
	color: #f26122!important;
}

/*=== Primary Buttons ===*/
.des-buy-now, .dealer-contact__button, .ts-button[type=submit], .des-email-seller, .des-view-listingDetails, .des-retail-phone {
	border-radius: 0px!important;
	border: unset!important;
	background-color: #f26122!important;
	color: #ffffff!important;
	transition: .3s ease all;
}
.des-buy-now:hover, .dealer-contact__button:hover, .ts-button[type=submit]:hover, .des-email-seller:hover, .des-view-listingDetails:hover, .des-retail-phone:hover {
	filter: brightness(0.6);
}

/*=== Secondary Buttons ===*/
.des-print-this, .des-email-this {
	border-radius: 0px!important;
	border: unset!important;
	background-color: #000000!important;
	color: #ffffff!important;
	transition: .3s ease all!important;
}
.des-print-this:hover, .des-email-this:hover {
	filter: brightness(0.6)!important;
}
.listing-widget__link {
	border-radius: 0!important;
}
.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label, .show-all-modal .all-options-container .option-container .faceted-option-checkbox-container label {
	gap: 5px;
}

.list-redesign .list-container-flexrow .list-listing-card-wrapper,.compare-listings-container .compare-container {
	background-color: #ffffff;
}

/*=== Compare listings ===*/
.compare-title, .return-links-link {
	color: #212529!important;
}
.compare-price {
	color: #f26122!important;
}

/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		

}

/* Medium Devices, Desktops */
@media only screen and (min-width : 993px) {
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.flex-horizontal {
		flex-direction: column;
	}

	/*=== INVENTORY BANNER ===*/
	.inventory-banner {
		background-color: #e9e9e9;
		padding: 25px 0;
	}
	.inventory-banner > .flex-container {
		gap: 25px 5%;
	}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}