/*
	Theme Name: www.cornheadbeef.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
*/

/* RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{background: transparent; border: 0; margin: 0; padding: 0; list-style: none;} img{max-width: 100%; image-rendering: -webkit-optimize-contrast;}
.sidebarColumn{min-height: inherit !important;}
.cf{zoom: 1;} .cf:before, .cf:after{content: ""; display: table;} .cf:after{clear: both;} .clear{clear: both;} *, *:before, *:after{box-sizing: border-box;}

html, body{font-family: "effra", sans-serif; line-height: 1.25; height: 100%; width: 100%; color: #444;}
body:after{content:""; position: fixed; top: 0; left: 0; right: 0; background: #000 url("images/bg-cornhead.jpg") center right; background-size: cover; height: 100vh; z-index: -1;}
::-moz-selection{background: #E41C38; color: #fff; text-shadow: none} ::selection{background: #E41C38; color: #fff; text-shadow: none}

/* TYPOGRAPHY */

h1, h2, h3, h4, h5, h6{font-family: "trumpgothicpro", sans-serif; font-weight: 700; text-transform: uppercase; line-height: 1.25; letter-spacing: 5px;}
p{font-size: 18px; line-height: 1.5;}
a{text-decoration: none; color: inherit; cursor: pointer; transition: all .2s ease-in-out;} a:hover{color: inherit;}

.main h1{font-size: 36px;}
.main h2{font-size: 24px;}

.center{text-align: center;}
.red{color: #E41C38;}

.underline-link{text-decoration: underline;}
.underline-link:hover{text-decoration: none;}

.btn-container{display: flex; justify-content: center; flex-wrap: wrap; width: 100%; margin: 20px auto;}
.btn-container a{display: flex; align-items: center; justify-content: center; flex: 1; background: #fff; margin: 5px; padding: 18px 36px; font-weight: 700; text-align: center; color: #E41C38; border-radius: 3px; box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.1);}
.btn-container a:hover{background: #E41C38; color: #fff;}

.bullet-list{margin: 25px 0;}
.bullet-list h2{font-size: 28px; color: #E41C38;}
.bullet-list ul{display: flex; flex-wrap: wrap; margin: 15px 0;}
.bullet-list ul li{display: flex; align-items: center; justify-content: center; width: calc(25% - 4px); margin: 2px; padding: 12px; font-size: 14px; text-align: center; border-radius: 3px; border: 1px rgba(255, 255, 255, 0.35) solid;}

/* HEADER */

.header{position: relative; padding: 25px 0; text-align: center; z-index: 999;}
.header .logo img{max-height: 180px !important;}
.header .logo a{display: inline-block; margin: auto;}
.header .logo a:hover{opacity: .8;}

.navigation{margin-top: 25px;}
.navigation ul{display: flex; justify-content: center;}
.navigation ul li a{display: block; padding: 0 12px; font-family: "trumpgothicpro", sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; line-height: 1.25; letter-spacing: 3px;}
.navigation ul li a:hover{opacity: .75;}

/* BODY */

.page-container{display: flex; flex-direction: column; justify-content: center; flex-wrap: wrap; width: 100%; min-height: 100vh; padding: 0 20px;}
.page-container .main{display: flex; align-items: center; justify-content: center; flex: 1; padding: 50px 0;}
.page-container .main .main-inner{width: 100%; max-width: 900px;}

.page-container .main.landing-page{padding-bottom: 75px; text-align: center;}
.page-container .main.landing-page h1{margin-bottom: 5px; font-size: 50px; line-height: 1.2;}
.page-container .main.landing-page h1 span{display: block;}
.page-container .main.landing-page h2{letter-spacing: 8px;}
.page-container .main.landing-page .btn-container{max-width: 600px;}

.render{margin: 50px 0 25px;}
.terms{font-size: 18px; line-height: 1.5;}

/* LOCATIONS */

.page-container .main.location-page .main-inner{max-width: 100%; text-align: center;}

.location-map{text-align:left;}
.location-map p{font-size: 16px;}

#wpsl-wrap{margin: 25px 0 0; color: #333;}
#wpsl-wrap #wpsl-result-list li{background: #333; margin: 0 5px 5px 0; padding: 12px; color: #333; border: none;}
#wpsl-wrap #wpsl-result-list li strong{font-size: 18px;} #wpsl-direction-details{color: #333;}
#wpsl-result-list{width: 350px;}
#wpsl-gmap{width: calc(100% - 350px);}
#wpsl-search-input{color: #000;}
#wpsl-search-wrap form{display: flex; justify-content: center; flex-wrap: wrap;}
#wpsl-search-wrap .wpsl-input, #wpsl-search-wrap .wpsl-select-wrap{display: flex; align-items: center; justify-content: center;}
#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label{display: flex; align-items: center;}
#wpsl-search-btn{background: #E41C38; padding: 8px 20px; font-weight: 700; color: #333 !important; border: none !important;}

.wpsl-search{background: none; padding: 0; text-align: center; color: #fff;}
.wpsl-info-window span, .wpsl-more-info-listings span{font-size: 14px;}
.wpsl-directions{margin-top: -8px; text-decoration: underline;}
.wpsl-back{text-decoration: underline;}

/* FOOTER */

.footer{width: 100%; padding: 25px 0;}
.footer .disclaimer{margin: 15px 0; font-size: 12px; line-height: 1.5; opacity: .65;}
.footer .disclaimer-title{display: block; margin-bottom: 15px; font-family: "trumpgothicpro", sans-serif; font-size: 18px; font-weight: 700; text-transform: uppercase; letter-spacing: 5px;}

.footer-logos{display: flex; align-items: center; justify-content: center; margin-bottom: 15px;}
.footer-logos img{display: block; max-width: 100% !important; max-height: 50px !important;}
.footer-logos a{display: block; padding: 0 20px;}
.footer-logos a:hover{opacity: .8;}
.footer-links{margin-top: 25px; text-align: center;}
.footer-links a{display: inline-block; padding: 0 6px; font-family: "trumpgothicpro", sans-serif; font-size: 14px; font-weight: 700; text-transform: uppercase; line-height: 1.25; letter-spacing: 3px; opacity: .6;}
.footer-links a:hover{opacity: .75;}

/* RESPONSIVE */

@media screen and (max-width: 1024px){
	.bullet-list ul li{width: calc(33.3333% - 4px);}
}
@media screen and (max-width: 768px){
	body:after{background: #000 url("images/bg-cornhead.jpg") center center;}
	h1, h2, h3, h4, h5, h6{letter-spacing: 3px;}

	.main h1{font-size: 32px;}
	.main h2{font-size: 24px;}
	.btn-container a{flex: none; width: 100%; margin: 2px 0;}
	.bullet-list ul li{width: calc(50% - 4px); padding: 10px 15px;}
	
	.page-container .main{padding: 25px 0 50px;}
	.page-container .main.landing-page{padding-bottom: 50px;}
	.page-container .main.landing-page h1{font-size: 40px;}
	.page-container .main.landing-page h2{font-size: 22px; letter-spacing: 5px;}
	
	#wpsl-gmap, #wpsl-result-list{float: none; width: 100%;}

	.footer{padding-bottom: 50px;}
	.footer-logos img{max-height: 35px !important;}
	.footer-logos a{padding: 0 15px;}
}
@media screen and (max-width: 570px){
	.header .logo img{max-height: 150px !important;}

	.wpsl-search{text-align: left;}
	#wpsl-search-wrap .wpsl-input{display: block;}
	#wpsl-search-btn, #wpsl-search-wrap #wpsl-radius, #wpsl-search-wrap #wpsl-results, #wpsl-search-wrap .wpsl-input input, #wpsl-search-wrap .wpsl-input label{display: block;}
	#wpsl-search-btn, #wpsl-search-wrap div{width: 100%;}
}