/*
 Theme Name:   Bootstrap Basic Child
 Theme URI:    
 Description:  Bootsrap Basic Child Theme
 Author:       Jamine Villejo
 Author URI:   
 Template:     bootstrap-basic
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  bootstrap-basic-child
*/

body{
	
	color: #fff;
	font-size: 14px;
	font-family: 'Open Sans';
	background-color: #C7C7C6;

}



/*============================
		Header
=============================*/

.site-branding{
	position: absolute;
	top:-60px;
	left:0;
	right:0;
	z-index: 100;
	height: 115px;
}

.main-navigation{
	margin-top: 60px;
	height: 50px;
}
	

.main-navigation #main-nav{
	background: rgba(51,10,11, 0.6);
}


#topnav.navbar-default{
	
	margin-bottom:0;
	border:0;
	background-color: transparent;
	background-image: none;
	box-shadow: none;
}

#topnav .navbar-brand{
	padding: 0;
	height: 98px;
}

#topnav .navbar-nav > li > a{

}

#topnav.navbar-default .navbar-nav > li > a{
	color: #fff;
	font-weight: 400;
	text-transform: uppercase;
}


#topnav.navbar-default .navbar-nav > .active > a, 
#topnav.navbar-default .navbar-nav > .active > a:focus, 
#topnav.navbar-default .navbar-nav > .active > a:hover{
	border:0;
	background-color: transparent;
}

#topnav.navbar-default .navbar-nav > li > a:focus, 
#topnav.navbar-default .navbar-nav > li > a:hover{
	border:0;
	text-decoration: underline;
}

#topnav.navbar-default .navbar-nav > .active > a, 
#topnav.navbar-default .navbar-nav > .open > a{
	background-image: none;
	box-shadow: none;
}

#topnav .nav-tabs.nav-justified > li > a{
	border:0;
}





/*============================
		Content
=============================*/


#main-column{
	position: relative;
	padding-top: 60px;
}

#main-column .site-main{
	background: rgba(0, 0, 0, 0) radial-gradient(ellipse at center center , rgba(171, 31, 36, 1) 0%, rgba(77, 17, 17, 1) 100%) repeat scroll 0 0;
}

#featured-img-wrapper{
	position: relative;
}

#featured-img-wrapper img{
	position: absolute;
	top: -50px;
	left: 50px;
}

.page-content{
	min-height: 450px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#main-column .post, 
#main-column .page {
 	border:0;
    margin-bottom: 0;
    padding: 0;
}



/*============================
		Generic
=============================*/


.h1, h1{
	color: #fff;
}

.form-control{
	border-radius: 0;
}

button, .btn{
	border:0;
	border-radius: 0;
	background-color: #4F0F11; 
	background-image: none;
	color: #fff;
}

input[type="text"],
input[type="email"],
textarea{
	border: 0;
	padding: 5px;
}

input[type="submit"]{
	border:0;
	border-radius: 0;
	background-color: #4F0F11; 
	background-image: none;
	padding: 10px 25px;
	color: #fff;
}

/*============================
		Blog
=============================*/

.entry-title a{
	color: #fff;
}

.entry-content .blog{
	border-bottom: 0;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px !important;
	background: rgba(255, 255, 255, 0.1);
}

.blog_post .entry-content{
	padding: 15px;
	background: rgba(255, 255, 255, 0.2);
}

.grid-date-post{
	margin-bottom: 5px;
	font-style: italic;
}

.blog-title{
	color: #fff;
}

.blog a{
	color: #fff;	
}


/*============================
		Gallery
=============================*/

.entry-content .foogallery-container{
	padding: 20px 15px !important;
	background: rgba(255, 255, 255, 0.2);
}

/*============================
		Contact
=============================*/

div.wpcf7{

	padding: 15px;
	background: rgba(255, 255, 255, 0.1);

}


/*============================
		Footer
=============================*/

#site-footer{
	border:0;
	color: #fff;
	font-size: 13px;
	background-color: #501112; 
	
}

#site-footer .footer-container{
	padding-top: 20px;
	padding-bottom: 20px;
	
}

#site-footer .navbar-nav {
	float: none;
	min-width: 500px;
	min-width: 100%;
	margin: auto;
	text-align: center;
}

#site-footer .navbar-nav > li {
	float: none;
	display: inline-block;
	color: #fff;
}

#site-footer .navbar-nav > li{
	border-left: 1px solid #fff;
}

#site-footer .navbar-nav > li:first-child {
	border-left: 0;
}


#site-footer .navbar-nav > li > a{
	padding: 0 10px;
	color: #fff;
	font-size: 13px;
	line-height: 14px;
	text-transform: uppercase;
}

#site-footer .navbar-nav > li > a:hover,
#site-footer .navbar-nav > li > a:focus,
#site-footer .navbar-nav > li.active > a:hover{
	text-decoration: underline;
	background-color: transparent;
}

/*============================
		Gallery
=============================*/


.gallery-wrapper{
	background: #000;
}

.gallery-wrapper h3{
	margin-top: 10px;
	margin-bottom: 0;
	padding: 10px 15px;
	color: #fff;
	font-size: 17px;
	background: #6e0000;
}

.foogallery-container{
	padding:0 !important;
}




/*============================
		responsive
=============================*/

@media only screen and (max-width: 1366px) {
	

}  

/* Fifth Large desktops and laptops */
@media (min-width: 1200px) {
	
}

/* Fourth Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
	


}

/* Third Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
	
	.site-branding{
		top: -115px;
	}

	
}

/* Second Landscape phones and portrait tablets */
@media (max-width: 767px) {

	.main-navigation{
		margin-top:0;
		
	}

	.site-branding{
		height: auto;
		top: -70px;
	}

	.main-navigation #main-nav {
    	background: rgba(51, 10, 11, 0.9);
	}
	
	#topnav .navbar-brand{
		width: 55%;
		float: right;
		height: auto; 
	}

	#topnav .navbar-brand > img{
		width: 100%;
		margin-top: 10px;
	}

	.navbar-default #main-nav{
		background: rgba(51,10,11, 1);
	}

	.navbar-toggle{
		border-radius: 0;
		border: 1px solid #330a0b;
	}

	.navbar-default .navbar-toggle .icon-bar{
		background-color: #fff;
	}

	.navbar-default .navbar-toggle,
	.navbar-default .navbar-toggle:focus, 
	.navbar-default .navbar-toggle:hover{
		background-color: #901B1F;
	}

	.page-content{
		margin-top: 80px;
	}
	

}

/* First Landscape phones and smaller */
@media (max-width: 480px) {
	
	#topnav .navbar-brand{
		width: 79%;
		float: left;
	}
}

@media (max-width: 380px) {
	
}