/*
Theme Name: www.carrolltrucksales.com.au
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;
}


/* UNIVERSAL CSS */

.grey-bg {background: #FAFAFA;}
.contain {width: 90%;margin: 0 auto!important;}
.pagepadding {padding: clamp(30px, 4vw, 40px) 10px;}
.heading-one {font-family: Russo one, sans-serif; font-size: 60px; font-weight: 500;letter-spacing: 2px;}
.heading-two {font-family: Russo one, sans-serif; font-size: 35px; font-weight: 600;letter-spacing: 2px;}
.heading-three {font-family: Russo one, sans-serif; font-size:20px; font-weight: 600;letter-spacing: 2px;}
.paragraph{font-family: barlow, san-serif; font-size: 40px; font-weight: 600;}
.red-button {background: #AD0001; font-size: 14px; font-weight: 400;color:#fff; border-radius: 10px;border: none;padding: 7px 20px;}
.white-button {background: #fff; font-size: 14px; font-weight: 400; color:#000; border-radius: 10px;padding: 7px 20px;border: 1px solid #f5f5f5;margin-right: 5px;}


/* HEADER CSS */

#header {width: 100%;background: #FAFAFA;}
.contact-head {width: 90%;margin: 10px auto;}
.logo-header {width: 90%;background: #fff;box-shadow: 0 2px 10px 3px rgba(0,0,0,0.2);display: flex;justify-content: space-between;margin: 0 auto 40px;border-radius: 15px;padding: 0 20px;}
.logo {max-width: 250px;padding: 15px;border-radius: 25px;margin: -20px 0 -20px;box-shadow: 0 2px 10px 3px rgba(0,0,0,0.2);background:#fff;}
.logo img {width: 100%;}
#menu-primary {display: flex;align-self: center;justify-content: flex-end;}
.primary {display: flex; align-self: center;}
.customSliderSlide {border-radius: 20px;}

.menu-toggle span {display: none;}
nav.primary ul li {background: #fff!important; border-radius: 10px!important;color: #000!important;}
nav.primary ul li:hover {background: #ad0001!important; color: #fff!important; border-radius: 10px!important;}

/* HERO CSS */

.hero-text {position: absolute!important;bottom: 30%!important; left: 10%!important;background:rgba(255,255,255,0.8)!important; border-radius: 20px!important;z-index: 10!important;height: auto!important;padding: 50px 20px;margin-right: 30px;}
#controls {display: none;}

/* QUICK LINK CSS */

.quicklink {position: relative; display: flex;width: calc(100% - 20px);margin: 10px;}
.quicklink img {border-radius: 20px!important;display: block; background: rgba(0, 0, 0, 0.45);width:100%; height: 100%;object-fit: cover;}
.quicklink h3 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: white;font-size: 35px;text-align: center;  font-family: Russo one, sans-serif;  font-weight: 600;letter-spacing: 2px;text-transform: uppercase;z-index: 10;}
.quicklink i {position: absolute;bottom: 10px;right: 10px;color: #000;font-size: 20px; padding: 10px; background: #fff;border-radius: 10px;z-index: 7;}
.gradient {position:absolute; top: 0; left: 0;height: 100%;width:100%;background: rgba(0, 0, 0, 0.4); z-index: 5;border-radius: 20px;}

/* FEATURED INVENTORY CSS */

.outer-img-box {padding: 0px!important;}
.outer-img-box a {object-fit: cover!important;}
.inv_image {object-fit: cover!important;display: block; width: 100%; max-height: 300px;border-radius: 20px 20px 0 0;}
.card-body {background: #AD0001!important;border-radius: 0 0 20px 20px;}
.carousel_details_btn {font-family: Barlow, sans-serif; font-size: 16px; font-weight: 600;color: #fff; text-decoration: underline;border: 0; background: #ad0001;}
.listing-title {font-family: Russo one, sans-serif; font-size: 18px; font-weight: 500;color: #fff;}
.sh-card card inv_car_item{border-radius: 20px;}
.card {border-radius: 20px;}

/* ABOUT CSS */

.img-border{position:relative;margin-top: 3rem;margin-left: 7rem;display: flex;}
.img-border::after {content: ""; position:absolute; border: 8px #AD0001 solid; border-radius: 20px;top:-20px; right:-20px; width:95%; height:92%; display:block;z-index: 10;}
.red-border {z-index: 20;border-radius: 40px;}
.red-border img {object-fit: cover;display: block;width: 100%; height: 100%;}

/* SEARCH BAR CSS */

.search-bar {background: #FAFAFA; z-index: 7; margin: 0 0 0 11.5%; width: 50%; }
.search-bar form {display: flex;flex-direction: column;align-items: center;gap: 20px;margin: 4rem 3rem 2rem ;margin-top: -60px;background: #fff;padding: 2rem;position: relative; z-index: 3;box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);border-radius: 20px;font-family: Barlow, sans-serif;font-weight: 500;}
.search-bar form input[type="text"] {border: 1px #DDDADA solid;padding-left: 20px;}
.search-bar form button {background: #AD0001;border: none;min-height: 45px!important;align-self: center;color: #fff;}
.search-bar form input[type="text"],.search-bar form button {box-sizing: border-box;border-radius: 8px;text-transform: uppercase;font-size: 14px;}
.search-row {display: flex;gap: 20px;width: 100%;align-content: flex-end;}
.search-row .form-group,.search-row button {flex: 1;}
.form-group input {width: 100%;height: 45px;box-sizing: border-box;}
.label {display: none;}
.form-group select {width: 100%;height: 45px;padding-left: 10px;border: 1px #DDDADA solid!important;background: #fff;box-sizing: border-box;border-radius: 8px!important;text-transform: uppercase!important;font-size: 14px!important; color: #777!important;}

/* OTHER CONTENT PAGE CSS */

.content-header {font-size: 60px; font-weight: 500; font-family:Russo one, sans-serif; border: 3px #AD0001 groove;}

.sell-text {font-size: 18px; font-weight: 400;font-family:REM, sans-serif;}
.finance-text {font-size: 18px; font-weight: 400;font-family:REM, sans-serif;}

.sheSubmitButton {padding: 10px 40px;text-transform: uppercase;margin-top: 2rem;border:0;color: #fff;}
.reCaptchaList li input {height: 15px;}

/* FOOTER CSS */

.footer {display: flex; width: 100%; flex-direction: row; padding: 30px;background:#fafafa}
.footer-left {width: 20%;}
.footer-center {width: 55%;}
.footer-right {width: 25%;border-left: 3px solid #000; margin-left: 20px;}

/* INVENTORY PAGE CSS */

.list-top-section .list-heading, .list-container-flexrow .listing-card .listing-content, .detail__specs, .dealer-contact__details, .carrolltrucksalescomauwpstg-qcsa8r, .carrolltrucksalescomauwpstg-1dx308f, .options-popper-div .options-popper-btn, .carrolltrucksalescomauwpstg-1544po, .detail__search-results-text, .listing-widget__text, .dealer-contact__phone, .dealer-contact__whatsapp, .carrolltrucksalescomauwpstg-1dv67we {
	font-family: 'Barlow', sans-serif!important;font-weight: 600!important;}

.faceted-search-content button.faceted-search, .faceted-search-content .faceted-section-box .faceted-btn-container .faceted-show-all-btn, .list-container-flexrow .view-listing-details-link, .list-container-flexrow .dealer-phone-call, .list-container-flexrow .dealer-phone-text, .faceted-search-content .selected-facets-container .selected-facet {
	background: #AD0001!important; color: #FFF!important;font-family: 'Barlow', sans-serif!important;font-weight: 600!important;border-radius: 8px!important;}

.price-container, .list-container-flexrow .price-container .price, .listing-prices__retail-price, .listing-prices__discount-formatted-price, .listing-prices__alternate-retail-price, .listing-prices__exclusive-wholesale-price {
	ont-family: 'Barlow', sans-serif!important;font-weight: 600!important;color: #AD0001!important;}

#inventory-wrapper {background: #fafafa!important;padding-top: 2rem!important;}

.scrollToTop a {color: #fff!important;}


/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1700px) {		
	.quicklink h3 {font-size: 30px;}
}

@media only screen and (max-width : 1500px) {		
	.quicklink h3 {font-size: 22px;}
}
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {		
	.quicklink h3 {font-size: 22px;}
	.search-bar {width: 70%;}
	.about-h3 {font-size: 30px;}
	.about-h2 {font-size: 45px;}
	.footer {flex-direction: column;}
    .footer-left,.footer-center,.footer-right {width: 100%;}
    .footer-right {border-left: none;margin-left: 0;margin-top: 20px;border-top: 3px solid #000;padding-top: 20px;}
	.img-border::after {height: 55%;}
	.img-border {margin-left: 5rem;}
	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.quicklink h3 {font-size: 20px;}
	#menu-button {padding-top: 20px!important;}
	.footer-center, .footer-right {margin: 0; text-align: center;padding: 0; }
	.search-bar {width: 80%;}
	.img-border {border: none;}
	.img-border::after {height: 43%;}
	.img-border {margin-left: 3rem;}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.quicklink h3 {font-size: 18px; }
	.content-header {font-size: 40px;}
	#menu-button {padding-top: 12px!important;}
	#menu-button {text-align: right!important;}
	.search-bar {width: 95%; margin: 0 auto;}
    .search-bar form {margin: 2rem 1rem;padding: 1.5rem;}
    .search-row {flex-direction: column;gap: 15px;}
    .search-row .form-group,.search-row button { width: 100%;flex: none;}
    .search-bar form button {width: 100%;}
	.img-border::after {border: 0;}
	.img-border {margin-left: 0;}
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	#menu-button {padding-top: 7px!important;}
}