/*
Theme Name: www.schaffert.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%;
}
iframe.playerBox {
	max-width: 100% !important;
  	max-height: 100% !important;
	margin-top: unset !important;
	margin-left: unset !important;
}
.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;
}
body{font-family:'Roboto Condensed', sans-serif;}


/*--------Buttons------------*/
.home-btn{width:180px; padding:14px; border:none; border:solid 1px #e66220; transition:.3s ease; text-align:center; display:block; color:#fff; background:#e66220; font-size:18px; font-weight:600;}
.home-btn:hover{background:#fff; color:#000;}

.orange-btn{width:180px; padding:14px; border:none; transition:.3s ease; text-align:center; display:block; color:#fff; background:#173753; font-size:18px; font-weight:600;}
.orange-btn:hover{background:#e66220; color:#fff;}
.blue-btn{ border:none; padding:14px 20px; transtion:.3s ease; text-align:center; display:block; color:#fff; background:#173753; font-size:16px; font-weight:600;}
.blue-btn:hover{background:#173753;}
.orange-full-width{width:100%; border:solid 1px #fff; padding:16px; background:#173753; font-size:18px; text-transform:uppercase; color:#fff; font-weight:800; text-align:center; transition:.3s ease;}
.orange-full-width:hover{background:#e66220;}
.orange-icon{width:180px; text-align:center; text-transform:uppercase; padding:14px; color:#fff; font-weight:600; font-size:18px; background:#e66220; border:none;
	i{color:#fff; font-size:19px!important; padding-left:10px; transition:.3s ease;}
}
.orange-icon:hover i, .orange-icon-right:hover i, .orange-icon-center:hover i{padding-left:20px;}
.orange-icon-right{width:180px; float:right; text-align:center; text-transform:uppercase; padding:14px; color:#fff; font-weight:600; font-size:18px; background:#e66220; border:none;
	i{color:#fff; font-size:16px!important; padding-left:10px; transition:.3s ease;}
}
.orange-icon-center{width:180px; display:block; margin:0 auto; text-align:center; text-transform:uppercase; padding:14px; color:#fff; font-weight:600; font-size:18px; background:#e66220; border:none;
	i{color:#fff; font-size:18px!important; padding-left:10px; transition:.3s ease;}
}
.white-icon{width:180px; border:solid 1px transparent; text-align:center; background:transparent; padding:14px; color:#fff; font-size:18px; border:none;
	i{color:#fff; font-size:18px!important; padding-right:10px;}
}
.white-icon:hover{border:solid 1px #fff;}
p{font-size:20px; line-height:26px; font-family:'Roboto Condensed', sans-serif;}
ul li{font-size:20px; line-height:26px; font-family:'Roboto Condensed', sans-serif;}
.grey-full-width{width:100%; border:solid 1px #ccc; padding:16px; background:#f0f0f0; font-size:18px; text-transform:uppercase; color:#000; font-weight:600; text-align:left; transition:.3s ease;}
.grey-full-width:hover{background:#173753; color:#fff;}

.page-links a{color:#000; text-decoration:underline; font-size:18px;}
.page-links a:hover{text-decoration:none;}
/*----------Text-----------*/
.home-text{font-size:80px!important; line-height:40px!important; font-weight:800; color:#173753; text-align:center; }
.home-text span{font-size:30px; font-weight:600; text-transform:unset!important;}
.large-black{font-size:58px; text-transform:uppercase; font-weight:800; color:#000;}
.medium-black{font-size:33px; text-transform:uppercase; font-weight:600; color:#000;}
.light-black{font-size:20px; font-weight:400; color:#000; letter-spacing:1px; text-transform:uppercase;}

.white-large{font-size:55px; color:#fff; font-weight:800; text-transform:uppercase;}
.white-medium{font-size:33px; color:#fff; font-weight:600; text-transform:uppercase;}

.bold-text{font-size:18px; line-height:24px; font-weight:600;}
.medium-text{font-size:28px; line-height:32px; font-weight:400;}

/*-----------Header-------------*/
.top-header{background:#173753; position:absolute; top:0; width:100%; padding:0;}
.top-links{float:right; max-width:1600px; margin:0 auto; width:100%; float:none;}
.btn-row{display:flex; flex-direction:row; justify-content: flex-end;}
#header{z-index:400;}
.header{width:100%;  max-width:1600px; margin:0 auto; display:flex; padding:0 15px; box-sizing:border-box; flex-direction:row; justify-content: space-between;}
.logo{max-width:220px; padding:10px 0;}
.logo img{width:100%;}
#head2{position:absolute; top:80px;}

.activeheader{position:fixed!important;padding:0!important;box-shadow:0px 0px 2px 2px rgba(0,0,0,.15); top:0; left:0; right:0; z-index:500; width:100%; }
.content-area{margin-top:169px;}
.entry-content{margin-top:40px;}

.mobile-products{display:none!important;}
.nav-right2{width:calc(100% - 220px); display:flex; flex-direction:row; justify-content: flex-end;}

.activeheader .scroll-up{display:block;}
.scroll-up a{position:fixed!important; display:none; bottom:20px!important; right:20px!important; z-index:5000!important;}
.scroll-up a{background:#e66220!important; display:block!important; text-align:center!important; color:#fff!important; padding:10px!important; box-sizing:border-box; font-size:12px!important;}
.scroll-up a i{font-size:30px;}
/*----------Mega---------------*/
nav.primary ul li a i{font-size:12px;}
.new-drop{width:90vw; background-color:#fff; max-height:80vh; overflow-y:scroll; box-shadow:2px 2px 4px 4px rgba(0,0,0,.15); position:absolute; left:-55vw; padding:20px;}
.column{width:20%; padding-bottom:10px; box-sizing:border-box;}
.col{width:85%; margin: 0 auto; box-sizing:border-box;}
.column a{color:#222!important; line-height:28px; text-align:left!important; padding:5px 0!important; font-weight:400!important; font-size:16px!important;}
.col a.main-link-drop{border-bottom:solid 5px #e66220!important; font-size:22px!important;font-weight:700!important; margin:10px 0!important; color:#173752!important; }
.new-row{display:flex; flex-direction:row; width:100%; padding:20px 0 0 0;}


/*---------Products Home------------*/
.nav-tabs{max-width:1400px; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content: center; flex-wrap:wrap; }
.nav-tabs .nav-link{font-size:20px; text-transform:uppercase; border-bottom:solid 2px #173753; font-weight:600; color:#000; padding:5px; margin:5px 10px;}
.nav-tabs .nav-link.active{border:none!important; border-bottom:solid 2px #e66220!important; color:#e66220!important;}
.nav-tabs .nav-link.active a{color:#e66220!important;}
.nav-tabs .nav-link:hover{color:#e66220!important; background:#fff; border-bottom: solid 2px #e66220;}

.our-products{max-width:1600px; margin:0 auto!important; display:block; border-top:none!important; border-left:none!important; border-right:none!important; border-color:#e662200!important; float:none; width:100%; padding:20px; box-sizing:border-box;}
/*--CPT---*/
.product-wrap{border:solid 1px #ccc; margin:8px;}
.product-wrap img{width:70%; margin:0 auto; padding:30px 0;height:270px; object-fit:contain;}
.product-wrap p{font-size:22px; font-weight:600;text-align:center; color:#000;}
.links-row{width:100%; display:flex; flex-direction:row;}
.links-row a{flex:1; padding:18px 10px; transition:.3s ease; border:solid 1px #ccc; box-sizing:border-box; text-align:center; text-transform:uppercase; font-size:18px; color:#000; font-weight:400;}
.links-row a.orange{background:#173753; color:#fff; transition:.3s ease; font-weight:600;}

.links-row a:hover{background:#e66220; color:#fff;}
/*-----About Home---------*/
.about-home{max-width:1600px; padding:160px 0; width:100%; margin:0 auto; display:flex; flex-direction:row;}
.about-home-left{width:50%; position:relative;}
.empty-container{width:80%; content:""; height:350px; border:solid 10px #e66220;}
.first-image{position:absolute; top:-80px; right:20px; height:350px; width:90%;}
.first-image img, .second-image img{height:350px!important; width:100%!important; object-fit:cover!important; }
.second-image{position:absolute; bottom:-110px; right:-20px; height:350px; width:80%;}
.about-home-right{width:50%;}
.about-title{margin-left:-80px; margin-top:-20px;}
.about-text{max-width:500px; margin-left:80px; padding-top:20px;}

/*------Home Testimonials-------*/
.testi-wrap{max-width:1600px; width:100%; margin:0 auto;}
.testi-box{padding:40px; box-sizing:border-box; margin:8px; border:solid 1px #ccc;}
.name{font-size:20px; font-weight:600; text-align:left;}
.star-row{display:flex; flex-direction:row; padding-bottom:15px;}
.star-row i{color:#e66220; font-size:16px; padding:2px;}
.quote p, .quote{font-size:18px; line-height:24px; text-align:left!important;}

/*-----Home Contact-------*/
.home-contact{max-width:1600px; width:100%; margin:0 auto; display:flex; flex-direction:row; padding:20px 10px;}
.contact-left{width:50%;}
.contact-right{width:50%;}
.contact-row{display:flex; flex-direction:row; padding:10px 0;}
.contact-row icon{font-size:30px; flex-wrap:wrap; color:#fff; align-content:center; display:flex!important; justify-content: center; background:#173753; height:90px; width:90px; padding:10px; box-sizing:border-box;}
.contact-links{padding-left:20px; line-height:22px;}
.contact-links a{color:#000; font-weight:400; font-size:18px;}
.contact-links a:hover{color:#e66220;}

.home-form h3{display:none;}
.home-form input{padding:14px; box-sizing:border-box; border-radius:none;}
.home-form .sheSubmitButton{width:100%; border:none!important; transition:.3s ease; font-weight:600; background:#e66220; color:#fff; text-transform:uppercase; border-radius:0!important;}
.home-form .sheSubmitButton:hover{background:#173753!important;}
.home-form label{font-weight:600; font-size:18px;}

.home-form .btn-primary{background:#e66220; color:#fff; transition:.3s ease; border:none!important; padding:14px!important; box-sizing:border-box;}
.home-form .btn-primary:hover{background:#173753;}
/*-------Product Pages----------*/
.second-nav{width:100%; box-shadow:1px 1px 5px 2px rgba(0,0,0,.2); background:#fff;}
.nav-wrap{max-width:1600px; width:100%; margin:0 auto; display:flex; flex-direction:row; justify-content: space-between; padding:0px 10px; box-sizing:border-box;}
.nav-left-row{display:flex; flex-direction:row; justify-content:flex-start; padding:14px 0;}
.nav-left{background:#fff; min-width:100px;}
.nav-left a.clicks{font-size:18px; font-weight:800; text-transform:uppercase; color:#000;}
.nav-left a.clicks i{padding-left:10px;}
.activeheader{position:fixed; top:0!important;box-shadow:1px 1px 4px 3px rgba(0,0,0,.1); width:100%; background:#fff; left:0; padding-left:8%;}

.nav-right a{width:auto; padding:14px; border:none; transition:.3s ease; text-align:center; display:inline-block; color:#fff; background:#173753; font-size:18px; font-weight:600;}
.nav-right a:hover{background:#e66220; color:#fff;}


/*-#head{z-index:500;}--*/

.page-header-back{height:100%; width:100%;}

.header-text a{color:#fff;}
.header-text a:hover{text-decoration:underline;}

.header-back{width:100%; height:500px; background:#f0f0f0; position:relative;}
.header-img{width:100%; height:100%;}
.header-img img{width:100%!important; max-width:none!important; height:500px!important; object-fit:cover!important; filter:brightness(.5)!important;}
.header-text{max-width:1600px; width:100%; position:absolute; padding:0 10px; box-sizing:border-box; bottom:20%; left:0; right:0; margin:0 auto; color:#fff;}

.drop-list{display:none; position:absolute; background:#fff;z-index:500; padding:0;}
.drop-list li{list-style:none!important;}
.drop-list a{font-size:18px; transition:.3s ease; color:#000; font-weight:500; width:320px; padding:10px 10px; box-sizing:border-box; display:block; border:solid 1px #ccc; z-index:500;}
.highlightSidebars .drop-list{display:block; position:relative;}
.drop-list a:hover{background:#e66220; color:#fff;}

.page-wrap{max-width:1600px; width:100%; margin:0 auto; padding:10px; box-sizing:border-box;}

.header-div h2{font-size:45px; color:#173753; font-weight:800; text-transform:uppercase;}
.header-div hr{height:8px; width:100%; background:#e66220; border:none; opacity:1;}

.product-page-wrap{width:100%; margin:5px; padding:40px; box-sizing:border-box; border-top:solid 1px #ccc; border-bottom:none; border-right:none; border-left:None; display:flex; flex-direction:row;}
.product-page-img{width:35%;}
.product-page-img img{width:100%; height:300px; object-fit:contain;}
.product-page-right{width:65%; padding:20px;}
.product-page-right h3{font-size:34px; text-align:left; font-weight:800; text-transform:uppercase; color:#000; padding-bottom:20px;}
.product-page-right p{font-size:18px; font-weight:400; text-transform:none; line-height:24px; text-align:left;}
.product-page-right{text-align:left!important; font-size:18px;}
.product-page-right ul li{text-align:left!important; font-size:18px;}

.item-container{border:solid 1px #ccc; padding:20px 10px; box-sizing:border-box; text-align:center;}
.item-container p.large{font-size:22px; margin:0; height:50px; font-weight:600; text-transform:uppercase;}



/*--------Instructions Page----------*/
.info-whole{width:100%; padding:15px 10px;}
.info-whole h3{font-size:26px; font-weight:800; text-transform:uppercase; }
.info-rows{width:100%; display:flex; flex-direction:row;}
.info-left, .info-right{width:50%; padding:20px; box-sizing:border-box;}
.info-left p, .info-right p{font-size:22px; color:#173753; font-weight:600; text-transform:uppercase;}
.info-left ul li a, .info-right ul li a{color:#000; font-weight:400; line-height:26px; font-size:18px;}
.info-left ul li a:hover, .info-right ul li a:Hover{text-decoration:underline;}
.link-list ul li a, .link-list ul li{color:#000; font-weight:400; line-height:26px; font-size:18px;}
.link-list ul li a:hover{text-decoration:underline;}
.info-whole a:hover{text-decoration:underline;}

/*-------Footer-----------*/
footer{width:100%; background:#173753; color:#fff;}
.footer{max-width:1600px; width:100%; margin:0 auto; padding:80px 10px 20px 10px; box-sizing:border-box;}
.footer a{color:#fff; font-size:17px; line-height:24px;}
.footer a:hover{text-decoration:underline;}

.footer-copy{width:100%; text-align:center;}
.footer-copy p{color:#fff!important; font-size:14px!important; padding:60px 0 0 0!important; }


/*==========  Non-Mobile First Method  ==========*/
@media only screen and (max-width : 1550px) {	
	.about-title{margin-left:-20px;}
}
@media only screen and (max-width : 1350px) {	
	.about-title{margin-left:30px;}
	.about-text{margin-left:50px;}
	.about-title h2{font-size:50px!important;}
	.header-back{height:400px;}
	.header-img img{height:400px!important;}
	.header-div h2{font-size:32px;}
	.new-drop{left:-52vw;}
}
@media only screen and (max-width : 1200px) {		
	.home-text {font-size:65px!important; }
	.home-text span{font-size:22px!important;}
	.nav-left-row{min-width:355px;}
	.nav-left{width:100%;}
	.info-rows{flex-direction:column;}
	.info-left, .info-right{padding:0; width:100%;}
	.new-drop{left:-48vw;}
	.offset-md-1 {margin-left: 0 !important; padding-left: 6%!important;}
}
@media only screen and (max-width : 1100px) {
	.new-drop{width:95vw; left:-47vw;}
	.main-link-drop{font-size:19px!important;}
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 1000px) {
	#mega-menu{display:none;}
	.mobile-products{display:block!important;}
	#menu-primary{margin-top:40px!important;}
	
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.home-text {font-size:45px!important; line-height:40px;}
	.home-text span{line-height:24px!important; font-size:20px!important;}
	.large-black{font-size:50px; line-height:54px;}
	.about-home{flex-direction:column; padding:20px 0 20px 0;}
	.about-home-left{display:none!important;}
	.about-home-right{width:100%; margin-top:20px;}
	.about-title{margin:0; height:65px;}
	.about-text{margin:0 0 0 15px; width:100%; max-width:none;}
	.home-contact{flex-direction:column;}
	.contact-left{width:100%;}
	.contact-right{width:100%;}
	.header-back{height:320px;}
	.header-img img{height:320px!important;}
	.header-div h2{font-size:28px;}
	.product-page-wrap{padding:10px;}
	body{overflow-x:hidden;}
	main{overflow-x:hidden;}
	.header{width:98%; padding:10px;}
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.home-text{font-size:35px!important; line-height:30px;}
	.large-black{font-size:40px; line-height:43px;}
	.product-page-wrap{flex-direction:column;}
	.product-page-img{width:100%; max-width:500px; margin:0 auto; display:block;}
	.product-page-right{width:100%; text-align:center!important;}
	.product-page-right a{display:block; margin:0 auto;}
	.product-page-wrap h3, .product-page-wrap p{text-align:center;}
	.nav-wrap{flex-direction:column-reverse; padding:10px; justify-content: center;}
}
@media only screen and (max-width : 600px) {
	.nav-tab{width:calc(50% - 4px); text-align:center; border:solid 1px #ccc; margin:2px;}
	.nav-link{font-size:16px!important;}
	.nav-tab .active{background:#f0f0f0!important;}
	.white-large{font-size:45px!important; line-height:47px;}
	.medium-black{font-size:26px; line-height:28px;}
	.contact-row icon{height:70px; width:70px; font-size:25px!important;}
	.header-div h2{font-size:26px;}
	.product-page-wrap h3{font-size:28px;}
	.product-page-right{padding:0;}
	.accordion-body p{font-size:16px;}
	.nav-right a{width:calc(100% - 4px)!important; font-size:15px;display:inline-block; padding:8px; border:solid 1px #ccc; text-align:center; margin:1px;}
	.nav-left{text-align:center;}
	.nav-left{width:100%;}
	.activeheader{box-shadow:1px 1px 4px 3px rgba(0,0,0,.1);}
	.drop-list{width:94%;}
	.drop-list li, .drop-list li a{width:100%;}
	.orange-full-width{font-size:15px!important; font-weight:500; padding:12px;}
	.nav-left-row{flex-direction:column;}
}
/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {
	.home-text{font-size:26px!important; line-height:25px!important;}
	.home-text span{font-size:18px!important;}
	.large-black{font-size:30px; line-height:32px;}
	.about-title{height:100px;}
	.testi-box{padding:30px;}
	p{font-size:15px;}
	.quote{font-size:15px!important;}
	.medium-black{font-size:22px; line-height:24px;}
	.footer a{font-size:15px;}
	.white-medium{font-size:22px;}
	.footer p{margin-bottom:0!important;}
	.header-back{height:280px;}
	.header-img img{height:280px!important;}
	.header-div h2{font-size:24px;}
	.product-page-wrap h3{font-size:24px;}
	.white-large{font-size:35px!important; line-height:37px;}
	.drop-list{width:280px;}
	.nav-left-row{min-width:320px;}
}
@media only screen and (max-width : 360px) {
	.logo {max-width:180px;}
	.orange-btn, .white-icon{font-size:16px; width:150px;}
}
