/*
Theme Name: www.panamatractor.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;
}
/*==========  GLOBAL STYLES  ==========*/
body {font-family: "DM Sans", "Montserrat", sans-serif; position: relative;}

.notinv h1.subpage-heading {font-size: clamp(30px, 10vw, 64px) !important; font-weight: 700;}
.notinv h2 {font-size: clamp(30px, 10vw, 64px); font-weight: 700;}
.notinv h3 {font-size: clamp(30px, 10vw, 40px); font-weight: 700;}

.grey-bg {background-color: #f3f3f3;}
.diag-bg {background: linear-gradient(to bottom right, #FEC40E 50%, #F3F3F3 50%) !important;}

/*==========  BUTTON STYLES  ==========*/
.btn-yellow {color: #00295B; background-color: #FEC40E; display: flex; flex-direction: row; justify-content: flex-start; gap: 15px; align-items: center; width: 100%; max-width: 200px; padding: 10px; margin: 10px; border: 1px solid #f3f3f3; border-radius: 10px; font-weight: 600; font-family: "DM Sans", sans-serif !important;}
.btn-yellow:hover {background-color: #00295B; color: #f3f3f3;  border: 1px solid #00295B;}
.btn-yellow i {font-style: normal;}

.btn-gray {color: #00295B; background-color: #f3f3f3; display: flex; flex-direction: row; justify-content: flex-start; gap: 15px; align-items: center; width: 100%; max-width: 200px; padding: 10px; margin: 10px; border: 1px solid #f3f3f3; border-radius: 10px; font-weight: 600; font-family: "DM Sans", sans-serif !important;}
.btn-gray:hover {background-color: #00295B; color: #f3f3f3;  border: 1px solid #00295B;}
.btn-gray i {font-style: normal;}

.btn-square {color: #00295B; background-color: #FEC40E; display: flex; flex-direction: column; justify-content: flex-start; gap: 5px; align-items: center; width: 100%; max-width: 200px; padding: 10px; margin: 10px; border: 1px solid #f3f3f3; border-radius: 10px; font-weight: 600; font-family: "DM Sans", sans-serif !important;}
.btn-square:hover {background-color: #00295B; color: #f3f3f3;  border: 1px solid #00295B;}
.btn-square i {font-style: normal; font-size: 36px;}

.btn-phone {color: #00295B; background-color: transparent; display: flex; flex-direction: row; justify-content: flex-start; gap: 15px; align-items: center; width: 100%; max-width: 200px; padding: 10px; margin: 10px; border: 1px solid #f3f3f3; border-radius: 10px; font-weight: 600; font-family: "DM Sans", sans-serif !important;}
.btn-phone:hover {background-color: rgba(0,0,0,0.05); color: #FEC40E;  border: 1px solid #00295B; backdrop-filter: blur(1px); text-shadow: 1px 1px 0px rgba(0,0,0,0.4);}
.btn-phone i {font-style: normal; color: #FEC40E;}

/*==========  HEADER STYLES  ==========*/
#header[data-blockstyles="sheditor-element"] {position: unset !important;}
.highlightSidebars #header {position: relative !important;}
.header {display: flex; flex-direction: row; gap: clamp(20px, 5vw, 50px); width: calc(100% - (clamp(20px, 5vw, 50px)));}
.header > div {}
#headerlogoID {display: flex; justify-content: center; align-items: center; border-radius: 0 20px 0 0 !important; background: #FEC40E; height: 100%; max-height: 150px; margin-top: 20px;}
.header-logo img {height: 100%; width: auto;}
.border-gradient {position: relative; bottom:10px; height: 10px; background-image: linear-gradient(to right, #00295B, #FEC40E);}

.header-right {border-radius: 0 0 20px 20px !important; background: url("sandhills_files/asfalt-dark.png"), #F3F3F3; margin-right: clamp(20px, 5vw, 50px); border-bottom: 10px solid #FEC40E;}
.header-bottom {display: flex; flex-direction: row; justify-content: space-between; align-items: center; /* gap: clamp(10px, 5vw, 50px); */ padding: 0 2.5%;}
.header-menus {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 900px;}
.header-menus > div:first-child {width: 100%;}
.header-locations {display: flex; flex-direction: row; justify-content: space-between; padding: 10px 12px; width: 100%; color: #00295B; font-size: clamp(15px, 1.5vw, 24px) !important; font-weight: 600 !important;}
.primary-menu-cs {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; width: 100%;}
.menu-primary {display: flex !important; justify-content: space-between; font-family: "DM Sans", sans-serif !important; width: 100%; text-transform: capitalize; font-weight: 500;}
.mobiletitle {color: #00295B; font-weight: 700; text-transform: capitalize;}

/*==========  INVENTORY STYLES  ==========*/
.inv-header #header {position: relative !important;}

body {font-family: "DM Sans", sans-serif !important;}
#header.inv-header-custom {position: relative !important;}
#inv .faceted-search {background-color: #FEC40E; color: #00295B; border-radius: 5px;}
#inv .faceted-search:hover {background-color: #00295B; color: #F3F3F3; border-radius: 5px;}
#inv .view-listing-details-link {background-color: #FEC40E; color: #00295B; border-radius: 5px;}
#inv .view-listing-details-link:hover {background-color: #00295B; color: #F3F3F3; border-radius: 5px;}
#inv .list-top-section h1.list-title span.list-title-text {color: #00295B !important; font-family: "DM Sans", sans-serif !important;}
#inv .list-content-listing-portion-title {font-size: .9em !important;}
#inv button.selected-facet.ts-button {color: #00295B; background-color: #FEC40E;}

/*==========  FOOTER STYLES  ==========*/
.footer-links-fb {display: flex; flex-direction: row !important; padding: 50px 5%;}

.footer-links-locations {}

.footer-location-fb {display: flex; flex-direction: column; gap: 20px; justify-content: flex-start; text-align: left; color: #00295B !important; padding: 20px 0 !important;}
.footer-location-fb a {color:  #00295B !important;}
.footer-location-fb a:hover {text-decoration: underline !important;}
p.footer-location-name {font-size: 32px; font-weight: 600; line-height: 30px; margin: 0;}
a.footer-location-phone {font-size: 20px; font-weight: 400; line-height: 30px;}
a.footer-location-email {font-size: 20px; font-weight: 400; line-height: 30px;}

.footer-quicklinks-title {font-size: 32px; font-weight: 600; line-height: 30px; margin: 0; color:  #00295B !important;}
.footer-quicklinks-fb {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; text-align: left; gap: 20px; padding: 20px 0; font-size: 20px;}
.footer-quicklinks-fb a {color:  #00295B !important;}
.footer-quicklinks-fb a:hover {text-decoration: underline !important;}

a > i.footer-socials {font-style: normal; font-size: 32px; color: #00295B; margin: 10px;}
a > i.footer-social:hover {color: #FEC40E !important;}

.copyright {display: flex; justify-content: center; align-items: center; padding: 10px 0; background-color: #d9d9d9;}

/*==========  HOME PAGE STYLES  ==========*/
.home-wrapper {position: relative; }
.header-wrapper {position: relative; top: 0; left: 0;}
.homepage-slider-hero {position: unset; top: 0; left: 0; width: 100%; z-index: 97; background-color: #F3F3F3;}
#header {position: absolute; width: 100%; z-index: 99;}

.home-hero-box {display: flex; flex-direction: row; justify-content: space-between; align-items: center; gap: 5%; padding: 50px clamp(0px, 5%, 50px); border-radius: 10px; box-shadow: 0 0 10px 10px rgba(0, 0, 0, 0.25); width: 100%; max-width: calc(1000px); margin-left: clamp(0px, 5%, 5%)!important; margin-right: auto; padding-right: 5% !important; position: relative; top: 0; z-index: 97; background-color: #F3F3F3; margin-top: -300px;}
.hero-map {height: inherit; width: clamp(100px, 20vw, 400px); border-radius: 10px; align-self: stretch;}
/*.hero-map-clip {height: calc(100% - 50px); overflow: hidden; width: 100%;}*/

#myInvCarousel_2 {/*FEATURED INVENTORY*/}
#myInvCarousel_2 img.inv_image {margin: 0 !important; object-fit: cover; object-position: center center; width: 100%; height: 400px; transform: none; border-radius: 10px;}
#myInvCarousel_2 div.inner-image-placeholder {height: 400px;}
#myInvCarousel_2 .inv_car_item {background-color: #f3f3f3; border: none;}
#myInvCarousel_2 .listing-title {font-size: 20px; color: #00295B; font-weight: 600; text-align: center; text-transform: capitalize !important; font-family: "DM Sans", sans-serif;}
#myInvCarousel_2 small.small_spec {text-align: center; margin: auto; font-size: 32px; color: #00295B; font-weight: 700;}
#myInvCarousel_2 small.small_spec > strong {display: none;}
#myInvCarousel_2 div.col-padding {text-align: center;}
#myInvCarousel_2 button.carousel_details_btn {text-transform: capitalize !important; color: #00295B; background-color: #FEC40E; display: flex; flex-direction: row; justify-content: center; gap: 15px; align-items: center; width: 100%; max-width: 200px; padding: 10px; margin: 10px auto; border: 1px solid #f3f3f3; border-radius: 10px; font-weight: 600;}
#myInvCarousel_2 button.carousel_details_btn:hover {background-color: #00295B; color: #f3f3f3;  border: 1px solid #00295B;}

/*==========  CPT  STYLES  ==========*/
.slick-track {height: 100% !important;}
.slick-slide {height: 100% !important;}
.slick-slide > div {height: 100% !important;}
.slick-slide > div > div {height: 100% !important;}
.slick-slide > div > div > div {height: 100% !important;}

/*AWARDS CPT*/
.award-card {display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; max-width: 100%; padding: clamp(10px, 5vw, 50px); height: 100%;}
.award-card-top {display: flex; flex-direction: row; justify-content: flex-start; align-items: center; align-self: flex-start;}
.award-card-top > .award-icon {height: 100px; width: 100px;}
.award-card-top > div {display: flex; flex-direction: column; text-align: left; align-items: flex-start; color: #00295B;}
.award-name {font-size: clamp(30px, 2vw, 40px) !important;font-weight: 700;}
.award-subtitle {font-size: clamp(16px, 1.2vw, 20px);}
.award-photo {object-fit: cover; object-position: center center; width: 100%; height: 200px; max-width: 300px; max-height: 300px; border-radius: 10px;}
.award-description {padding: 25px 0 0 0; text-align: left; color: #00295B; align-self: flex-start;}


/*Featured Category CPT*/
.cat-card {display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1); border-radius: 10px; max-width: 100%; padding: clamp(10px, 5vw, 50px); height: 100%;}
.cat-card-top {display: flex; flex-direction: row; justify-content: center; align-items: center; text-align: center; color: #00295B;}
/*.cat-card-top > .award-icon {height: 100px; width: 100px;}*/
/*.cat-card-top > div {display: flex; flex-direction: column; text-align: center; align-items: center; color: #00295B;}*/
.cat-name {font-size: clamp(30px, 2vw, 40px) !important;font-weight: 700; text-align: center;}
.cat-subtitle {font-size: clamp(16px, 1.2vw, 20px);}
.cat-photo {object-fit: cover; object-position: center center; width: 100%; height: 200px; max-width: 300px; max-height: 300px; border-radius: 10px;}
.cat-description {padding: 25px 0 0 0; text-align: left; color: #00295B; align-self: flex-start;}
@media screen and (max-width: 480px) {
    .cat-description {display: none;}
}


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

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

}
@media only screen and (max-width : 1000px) {		
    #menu-primary {display: block !important;}
    .home-hero-box {flex-direction: column-reverse; gap: 50px; margin-left: 0 !important; margin-top: -50px !important;}
    .hero-map {width: 100%; min-height: 300px;}
/*    .header-logo img {padding: 50px 0 0 0 !important;}*/
    
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 993px) {
    .header-logo {display: none !important;}
    .header {width: 100% !important;}
    .header-right {width: 100%; max-width: none; margin: auto !important;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.footer-links-fb {flex-direction: column !important;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
    .award-card-top {flex-direction: column;}
    .home-hero-box p {display: none;}
}