/*
Theme Name: Southern Hunting - Custom Theme by linnflux
Description: Child theme for Astrid theme
Author: linnflux
Template: astrid
*/

/* write custom css */

body {
	color:#1c0300!important;
	font-size:1.8em!important;
}


#masthead {
	position: fixed;
	background-color:transparent;
	padding-top:0px;
	border-bottom:none;
}

#masthead img{
	margin:0 auto;
}

nav#mainnav {
	margin:0 auto;
	background-color:rgba(96,87,65, 0.8)
}

.site-header.header-scrolled{
	background-color:transparent!important;
}
.header-image::after {
	background-color:transparent!important;
}

.header-clone{
	height:20em!important;
}


.lfx-footer{
	text-align: center;
}

.lfx-footer img{
	width:50%;
	max-width:18em;
}

img.large-header, img.small-header{
	display:none;
}

div.header-image {
	position: absolute;
}

body {
  background: url('https://southernhunting.com/wp-content/uploads/2016/08/deer-315720_960_720.jpg') no-repeat center center fixed!important; 
  -webkit-background-size: cover!important;
  -moz-background-size: cover!important;
  -o-background-size: cover!important;
  background-size: cover!important;
}

div#primary {
	background-color:transparent;
}

#main{
	background-color:transparent;
}

#content.site-content {
	margin-top:-6.6em;
}

.site-content > .container{
	background-color:transparent!important;
	border:none!important;
}

.hentry{
	background-color:#b4a57f!important;
	border:none!important;
}

header#masthead.site-header{
	/*opacity: 0.8;*/
}

.fluid-width-video-wrapper{
	width:auto!important;
	height:20em!important;
}

.entry-header > h1.entry-title{
	display: none;
}

.entry-content a {
	color:#425730;
}

footer#colophon {
	display:none;
}

.footer-info, .lfx-footer{
	background-color:#202529;
	opacity: 0.9;
}

hr {
	border-bottom:1px solid #ccc!important;
}


input.wpcf7-form-control.wpcf7-submit{
	border-color:#425730;
	color:#425730;
}

blockquote {
	border-left:5px solid #605741!important;
}

div.footer-widgets {
	padding:0;
}




/* adjust container sizes */
@media screen and (min-width:1200px){
	.site-content > .container {
		width:940px;
	}
}

@media screen and (min-width:922px){
	.site-content > .container {
		width:940px;
	}
}

@media screen and (max-width:922px){
	#content {
		margin-top:0px;
	}
}