/*
Theme Name: www.campersinnauctions.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://use.typekit.net/ozi6pet.css");
/*--------------------------------------------------------------
## Primary Styles
--------------------------------------------------------------*/
:root{
	--red:#e23f1f;
	--darkred:#c51e01;
	--gray: #d6d5d4;
	--text: "source-sans-pro", sans-serif;
}

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;
}
.header-shadow{width:100%; background:#fff; border-bottom:solid 1px #ddd; box-shadow:0px 2px 5px 0px rgba(0,0,0,.1);}
.header-nav{max-width:1540px!important; width:100%; margin:0 auto!important;}
.navigation-top{width:100%!important;}
.navbar{padding:0!important;}
.navbar-nav{display:flex; flex-direction:row; justify-content:space-between; width:100%!important;}

.dropdown-menu {
	background-color: rgba(0,0,0,0.7);
	color:orange;
	border-radius:0px;
}
.navbar-nav li{flex:1;}
.navbar-default .navbar-nav>li>a {
    color:var(--red);
	font-size:18px;
	line-height:1em;
	text-align:center;
	font-weight:700;
	padding:30px 10px;
	font-family:var(--text);
	display:block;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover {
	color:#000;background:#eee;
}
.dropdown-menu{position:absolute!important; padding:0!important; width:220px; border:none!important; box-shadow:1px 1px 4px 2px rgba(0,0,0,.15); }
.dropdown-menu li{padding:0!important;}
.dropdown-menu li a{color:#000; background:#fff; padding:10px 25px 10px 15px; font-size:16px; display:block; font-weight:400; line-height:1.428;}
.menu-depth-2{top:0!important; left:100%!important; display:none!important;}
.dropdown-menu:not(.head-list)>li>a:hover {
    background-color: #eee;
    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;
}



body{font-family:var(--text);}


/*-------Text------------*/
.red-footer{font-size:28px; line-height:32px; font-family:var(--text)!important; color:var(--darkred); text-transform:uppercase; font-weight:900; margin:30px 0;}


/*----------Header----------*/
#header{width:100%;}
.header-top{width:100%; background:var(--gray); height:115px;}
.header-wrap{max-width:1540px; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between;}
.logo{max-width:250px; width:100%; padding-top:15px;}
.logo img{width:100%;}
.slogan{width:550px; display:flex; flex-direction:row; align-content:center; flex-wrap:wrap;}
.slogan-img{max-width:330px; width:100%;}
.slogan-img img{width:100%;}
.slogan-text{padding-top:28px; }
.slogan-text p{color:#000; padding:0 3px; font-size:21px; font-family:var(--text); font-weight:700;}

.header-nav{max-width:1540px; margin:0 auto;}
.last{width:200px;}

.last a{width:110px;font-family:var(--text); display:block; padding:6px 20px; transition:.3s ease; border-radius:0 0 6px 6px; height:40px; font-size:16px; color:#fff; font-weight:700; background:var(--red);}
.last a:hover{background:var(--darkred);}
/*-------Menu----------*/
#menu-button{display: none;}
nav.mobile, .mobile-nav-cont-1 { display:none;}

nav.primary {
	padding:0;
	display:inline-block;
	position:relative;
	z-index: 500;
	width: 100%;
	}
	nav.primary ul {
		margin: 0;
		padding:0;
        display: flex;
		flex-direction:row;
		}
		nav.primary ul li {
			flex:1;	
			text-align:center;
			width: auto;
			position: relative;
			list-style: none!important;
			}
			nav.primary ul li a {
                color:var(--red)!important;
				font-size:18px;
				line-height:1em;
				text-align:center;
				font-weight:700;
				padding:30px 10px;
				font-family:var(--text);
				display:block;
				}	
				nav.primary ul li a:hover{
				color:#000;background:#eee;cursor:pointer;
				}
			/* Appearance of the sub-level links */
			nav.primary ul li li a { 
				color:#000!important; 
				background:#fff; 
				padding:10px 25px 10px 15px; 
				font-size:16px; 
				display:block; 
				font-weight:400; 
				line-height:1.428;
				text-align:left;
			}
			nav.primary ul li li a:hover{
				background-color: #eee;
    			transition: linear 0.2s;
				}
.submenu-drop i{margin-left:5px; position:absolute; right:13px; top:13px; color:#777;}
			/* Appearance of the sub-level links on hover */

/* This controls the Primary nav dropdowns for sublinks. Should not have to edit this too muuch */
nav.primary ul ul {
    display: none;
    position: absolute; 
	width:222px;
	box-shadow:0 6px 12px rgba(0,0,0,.175);
	z-index:520;
}
nav.primary ul ul ul {
    position: absolute; 
    left: 100%;
    top:0; 
}
nav.primary ul li:hover > ul {  
    display: block;
    line-height:18px; 
}
nav.primary ul ul li {
    float: none; 
    position: relative;
}


.contact-mobile{display:none;}
@media screen and (max-width: 1600px)  {
	.header-nav, .header-wrap{max-width:1170px!important;}
	nav.primary ul li a{font-size:18px!important; padding:22px 6px!important;}
	.slogan-img{max-width:250px;}
	.slogan{width:400px; padding-top:20px;}
	.slogan-text{padding-top:25px;}
	
	.last{width:200px;}
}
@media screen and (max-width: 1200px) {
	.header-nav, .header-wrap{max-width:970px!important;}
	nav.primary ul li a{padding:20px 10px!important;font-size:16px!important;}
	.last{width:140px;}
	nav.primary ul{display:inline-block;}
	nav.primary ul li{width:auto; flex:none; float:none; display:inline-block;}
}
	/*==============================
		Mobile Nav Styles			
	================================*/	
@media screen and (max-width: 1000px) {
	.flex-mobile{display:flex; padding:10px 15!important; box-sizing:border-box; flex-direction:row!important; max-width:750px; margin:0 auto; width:100%; justify-content: space-between; padding:10px 15px!important;}
	.clickopen{background:#164d1e!important;}
	.contact-mobile{display:block;}
	.contact-mobile a{font-size:16px; display:block; font-weight:700; color:var(--red); text-transform:uppercase; padding:8px; background:none;}
	nav.primary{display:none;}
	
	#menu-button{ 	
		position: relative;
	    display: block;
		line-height: 1.125em;
		cursor: pointer;
		text-decoration: none;
		width: 80px;
		z-index: 1000;
	}
	
	#menu-button > a {
		color: var(--red);
		text-decoration: none;
		padding:8px;
		font-weight:700;
		font-size:16px;
	}
	
    .menu-toggle {
        display: flex;
        gap:13px;
        align-items: center;
    }

	nav.mobile { /* this section is new updated position width and positioning*/
		position: relative;
		left: 0px;
		width: 100% ;
		height: auto;
		margin:0 auto;
		background: #fff;
		z-index: 500; 
		overflow:auto;
	}

	/* MENU LIST STYLE */
	nav.mobile ul {
		color: #fff;
		padding: 0;
		max-width:700px; 
		margin:0 auto;
		width: calc(100% - 20px);
		font-size: 14px;
		font-weight: 600;
		list-style: none;
		overflow: hidden;
		text-align: center;
	}
	nav.mobile ul li {
		display: block;
    	border-bottom: solid #777 1px;
	}
	
	.drop-list{box-shadow:0 6px 12px rgba(0,0,0,.175)!important; }
	.drop-list li{border-bottom:none!important;}
	.drop-list li a {	
		text-decoration: none;
		color:#000!important;
		font-weight: 400;
		font-size: 16px;
		line-height:20px;
		padding:10px 25px 10px 15px;
		display: block;
		text-align:left;
		position:relative;
		border:none;
		background:#fff;
	}
	.submenu-drop .drop-list li a{background:#eee!important;}
	.submenu-drop .drop-list{margin-bottom:10px!important;}
	/* FIRST LEVEL */
	nav.mobile ul li a {	
		padding: 10px 20px!important;;
		margin: 0px;
		text-decoration: none;
		color: var(--red);
		font-weight: 600;
		font-size: 16px;
		display: block;
		text-align:left;
		position:relative;
	}
	nav.mobile ul li a i{
		position:absolute;
		right:15px; top:13px;
	}
	
	nav.mobile ul li a:hover {	
		background: #eee;
    	color: #000;
    	transition: all 300ms ease;
	}
	
	.flex-heading {
		display: flex;
		flex-direction: column-reverse;
	}
	
	.flex-mobile {
		display: flex;
		flex-direction: column;
	}
	
}

/*-------Footer-----------*/
.foot-row{display:inline-block; width:100%;}
.footer{width:100%; background:var(--gray);}
.footer-wrap{width:80%; margin:0 auto; display:flex; padding:40px 0; flex-direction:row; justify-content: space-between;}
.footer-left{width:68%; padding-left:8.33%; box-sizing:border-box;}
.footer-right{width:25%;}
.footer-left a{color:#000; font-size:16px; font-family:var(--text)!important; line-height:1.4285;}
.footer-left a:hover{text-decoration:underline;}
.footer-right img{max-width:330px; width:100%; padding:0 15px; box-sizing:border-box; margin-top:40px;}

.foot-col{border-left:solid 1px #aaa; width:25%; float:left; height:auto!important; padding:0 25px 0 30px; margin-top:40px;}
.foot-col ul{padding-left:0px!important;}
.foot-col ul li{list-style: none!important;}

.img-row{width:100%; display:flex; flex-direction:row;}
.img-row img{object-fit:contain;}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1600px) {		
	.slogan-img img{max-width:250px;}
	.slogan{width:420px;}
	.slogan-text p{font-size:16px;}
	.slogan-text {padding-top:15px;}
}

@media only screen and (max-width : 1400px) {		
	.footer-wrap{max-width:1200px; width:100%;}
}
@media only screen and (max-width : 1200px) {		
	.footer-wrap{max-width:970px;}
	.footer-left{padding-left:0;}
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.last{width:110px;}
	.slogan-img{max-width:180px;}
	.slogan{width:410px;}
	.slogan-text {padding-top:10px;}
	.footer-wrap{flex-direction:column; max-width:750px;}
	.footer-left{width:100%; flex-direction:column;}
	.foot-row{flex-direction:row; display:flex; flex-wrap:wrap;}
	.foot-col{border-left:none; width:50%; text-align:center; }
	.footer-right{width:100%;}
	.footer-right img{margin:0 auto; display:block;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	nav.mobile ul{max-width:none; width:100%; margin:0;}
	.slogan{display:none;}
	.logo{max-width:150px;}
	.header-top{height:75px;}
	.flex-mobile{justify-content: center; padding:5px!important;}
	.last{display:block; width:110px; padding-right:10px;}
	
}
@media only screen and (max-width : 750px) {
	.foot-col{width:100%;}
	.img-row{justify-content: center;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}