/*
Theme Name: www.circledtruck.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
*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');
/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
.clear {clear: both}
html, body {
	height:100%;
	width:100%;
}
body, p {font-family: 'Open Sans', sans-serif; font-size: 15px; line-height: 26px; letter-spacing: .5px;}
h1, h2, h3, h4, h5 {font-family: 'Roboto Condensed', sans-serif; letter-spacing: 1px;}
.wp-custom-header iframe,
.wp-custom-header img,
.wp-custom-header video {
	display: block;
	height: auto;
	max-width: 100%;
}
a {
    text-decoration: none;
    color: #7a878e;
    outline: 0;
}
.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;
}

/* HEADER */

.red-bar  {background: #5c0125; width: 100%; display: inline-block}
.socials {margin-right: 2.5%; float: right;}
.socials .fab, .socials .fas{color:#fff; font-size: 22px; padding: 8px 3px;}
.socials .fab:hover, .socials .fas:hover{color:#ddd; transition: .3s ease;  }
.lt-bg {background: #f0f0f0; display: inline-block; width: 100%;}
.flex-header {width: 95%; margin-left: 2.5%; margin-right: 2.5%; display: flex; align-items: center;}
.logo {width: 35%; margin-top:-30px; padding-bottom: 10px;}
.logo img {margin-bottom: 5px;}
.nav-right {width: 62%; text-align: right;}

/* HOME PAGE */
#padding35 {padding: 35px 0;}
#padding50 {padding: 50px 0;}
.width-90 {width: 90%; margin-left: 5%; margin-right: 5%;}
.width-80 {width: 80%; margin-left: 10%; margin-right: 10%;}
.bold {font-weight: 700;}
.lt {font-weight: 400;}
.hero {z-index: 99;}
.hp-search {background: #f0f0f0; width: 80%; margin-left: 10%; border-radius: 20px; box-shadow: 1px 1px 4px #333; padding: 20px 0;  }
.margin-top {margin-top:-100px; z-index: 9999; position: relative; }
.flex {display: flex; flex-direction: row; align-items: center;}
.hp-search  input, .hp-search select{display: block; width: 100%; background: transparent; padding: 12px; font-family: "Roboto Condensed", sans-serif; font-size: 13px;border-top:0; border-right: 0; border-left: 0; border-bottom: 2px #000 solid; text-transform: uppercase;}

.hp-search .col-4 {width: 25%; margin: 1% 1%;}
.hp-search #searchbar-form .hp-search-btn {  background:#212121; padding: 15px 0; width: 90%; margin: 1% 0 1% 0; color:#fff; border:0; ; text-transform: uppercase; letter-spacing: .5px; font-family: 'Roboto Condensed', sans-serif; font-weight: 700; font-size: 16px; transition: .3s ease;}
.hp-search #searchbar-form .hp-search-btn:hover {background: #5c0125;}
.hp-search #searchbar-form {width: 90%; margin-left: 5%;}
.hp-search h1 {width: 85%; margin-left: 7%; font-size: 30px; line-height: 36px; font-weight: 800; }
h1.center {text-align: center;}

.ql-sect {display: flex; flex-direction: row; align-items: center; width: 80%; margin-left: 10%; margin-right: 10%;}
.ql {width: 25%; margin: 0 5px; transition: .3s ease;border-top: 10px solid #fff; }
.ql a {color:#fff; letter-spacing: 1px; transition: .3s ease;}
.ql a:hover {color:#ddd; letter-spacing: 2px;}
.ql:hover {background: #333; border-top: 10px solid #000; }
.ql-text h2 {font-weight: 700; margin-bottom: 0;margin-top:0;}
.ql-text h3 {font-weight: 700; margin-bottom: 0; margin-top:0;}
.ql-text  {margin-top:30%; text-align: center; color:#fff; font-weight: 600;}
.red-block {background:#5c0125; margin-top:-100px; width: 100%; height: 160px; }
.hp-text {padding: 50px 0;}
.hp-text h1 {font-weight: 600;}
.hp-text  p{column-count: 2; column-gap: 25px; padding: 25px 0;}
.red-text {color:#5c0125; font-weight: 400;}

.hp-videos {background: url(images/patterned-bg.jpg); background-size: contain; }
.hp-videos .nextButton-container-additional-info {display: none;}
.hp-videos h2 {font-weight: 400;color:#fff; text-transform: uppercase; letter-spacing: 1px; text-align: center;}
.hp-videos .red-btn {background: #5c0125; width: 98%; margin-left: 1%; padding: 10px 0; text-align: center; color:#fff;font-family: 'Roboto Condensed', sans-serif; transition: .3s ease;}
.hp-videos .red-btn:hover {background: #333; }
.info-video #video-height iframe, .wp-video-shortcode { aspect-ratio: 16/8; width: 100%;}
.info-video iframe{ width: 100%; aspect-ratio: 16/8;}
.wp-video {width: 95% !important; margin-left: 2.5%;}



/* SERVICE CONTAINER */
.service-flex {display: flex; flex-direction: row; align-items:center; }
.service-img {width: 40%; margin-right: 2%;}
.service-text {width: 60%;}


/*CUSTOM TEMPLATE PAGE */
#padding25 {padding: 25px 0; display: inline-block; width: 100%;}

.custom-section h1 {font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color:#333; display: inline-block; vertical-align: middle;}
.custom-section h2 {font-weight: 500; text-transform: uppercase; letter-spacing: 1px; color:#333; font-size: 25px; line-height: 32px;}
.custom-section h4 {font-weight: 700; text-transform: uppercase; letter-spacing: 1px; color:#333; padding-top: 10px;}
.border-padding {padding: 10px 10px;}
.custom-section-1 {background:#FCFCFC; padding: 35px 0; display: inline-block; width: 100%;box-shadow: 0px 0px 6px #333; z-index: 9999; position: relative; margin: 10px 0;}
.custom-section-2 { padding: 35px 0; margin-bottom: 10px; display: inline-block; width: 100%; z-index: 999; }
.border-btn {width: 18%; display: inline-block; border: 1px solid #000; padding: 10px; margin: 10px; min-width: 250px;}

.widget_sandhills_grid_gallery img {border:1px solid #fff;}
/* VIDEOS */
.video .video-img { margin: 1% 2%;}

/*  scrolling inventory
------------------------------------------------*/
.scrolling-wrap {
    width:100%;
    height:90px;
    overflow:hidden;
	padding: 10px 0; 
	background: #333;
}
 
.scrolling{
    width:100%;
    height:92px;
}
/*CONTACT PAGE */
.contact-flex {display: flex; flex-direction: row; align-items: top;}
.flex-left {width: 50%;  padding: 25px;}
.flex-right {width: 50%;padding: 25px; }
.btn-success, .btn-success:focus {background: #5c0125; text-transform: uppercase; letter-spacing: 1px; color:#fff; border: 0;}
.btn-success:hover {background: #333 !important; text-transform: uppercase; letter-spacing: 1px; color:#fff; border: 0;}
/* FOOTER */
.footerbg {background: #000; padding: 25px 0; }
.foot-col {width: 25%; display: inline-block; vertical-align: top; color:#fff; font-weight: 600;}

.foot-img {float: right; width: 15%;}

.form-wrap .form-group textarea {max-width: 800px !important; width: 100% !important;}
.foot-col a {color:#fff;}
.foot-col a:hover {color:#ccc;}

/*INVENTORY */
.des-email-seller, .des-make-offer, .des-check-availability, .des-view-listingDetails, .des-retail-text, .des-wholesale-phone, .des-fb-messenger, .detail-content .detail-additional-data .data-row .data-label, .contact-options a, .fin-calc-mobile>a{background:#5c0125 !important; color:#fff !important }
.des-email-this, .des-print-this, .detail-content-mobile .detail-additional-data .data-row .data-label {background: #333 !important; color:#fff !important; }
.modal-content .modal-top .modal-title {color:#333 !important}
.faceted-search-content .selected-facets-container .selected-facet {background: #333 !important;}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1450px) {	
	.logo {width: 25%;}
	.nav-right {width: 74%;}
    .ql-sect {width: 90%; margin-left: 5%; margin-right: 5%;}
	.ql-text h2 {font-size: 18px;}
	.ql-text h3 {font-size: 16px;}
    
}
@media only screen and (max-width : 1250px) {	
	.hp-search #searchbar-form .hp-search-btn {
		width: 100%;
	}	
	.hp-search .col-4 {margin: 1% 0; width: 100%;}
	.flex {display: block; }
}
@media only screen and (max-width : 1000px) {	
.des-retail-phone, .des-video-chat {background:#5c0125 !important; color:#fff !important }
.custom-section p {column-count: 1;}
	.margin-top {margin-top:0;}
	h1.center {font-size: 30px;}
	.ql-sect {width: 90%; margin-left: 5%;}	
	.foot-col {width: 35%;}
	.hp-search { z-index: 9;}
	#16-0 {padding: 15px 0;}
	.contact-flex {display: block;}
	.flex-left, .flex-right {width: 100%;}
	
}

/* Small Devices, Tablets */
@media only screen and (max-width : 800px) {
	.hp-search h1 {font-size: 25px;}
	h1.center {font-size: 25px;}
	.ql-sect {display: block; margin: 0 auto; text-align: center;}
	.ql {display: inline-block; width: 47%;}
	.ql-text h2 {font-size: 20px;}
	.ql-text h3 {font-size: 16px;}
	.hp-text p {column-count: 1; }
	.foot-col {font-size: 14px;}

	
	
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 600px) {
	.logo {width: 70%;}
	.ql {display: inline-block; width: 100%; margin: 10px 0;}
	.hp-search {width: 100%; margin: 0 auto; border-radius: 0;}
}
@media only screen and (max-width : 480px) {
	.logo {width: 60%; margin-top:-10px;}
	.nav-right {width: 40%; margin-top:-20px;}
	.width-80 {width: 90%; margin-left: 5%;}
	.foot-col {width: 100%;}
	.hp-search h1 {font-size: 16px;}
	.hp-search img {display: none;}
	

}