/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.bottom-rip {
	position: relative;
	z-index: 10;
	bottom: 22px;
	
}

.top-rip {
	position: relative;
	z-index: 10;
	top: 22px;
	
}

.foodlife {
	position: relative;
	z-index: 9;
	bottom: 45px;
	
}


.story {
	color: #fff !important;
	text-align:center;
	background: url('http://www.ogcbrewingco.com/wp-content/uploads/2016/11/brown.png');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	bottom: 40px;
	z-index: 11;
	webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}

.story2 {
	color: #fff !important;
	text-align:center;
	background: url('http://www.ogcbrewingco.com/wp-content/uploads/2016/11/brown.png');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	bottom: 40px;
	z-index: 11;
	
}

.story3 {
	color: #fff !important;
	text-align:center;
	background: url('http://www.ogcbrewingco.com/wp-content/uploads/2016/11/brown.png');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 11;
	
}

.story4 {
	color: #fff !important;
	text-align:center;
	background: url('http://www.ogcbrewingco.com/wp-content/uploads/2017/01/brown2.png');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
	z-index: 11;
	
}

.swag {
	color: #fff !important;
	text-align:center;
	background: url('http://www.ogcbrewingco.com/wp-content/uploads/2016/11/brown.png');
	background-position: center;
	background-repeat: no-repeat;
	position: relative;
  	-webkit-transition: all 0.4s ease-in-out;
  	-moz-transition: all 0.4s ease-in-out;
  	-o-transition: all 0.4s ease-in-out;
  	transition: all 0.4s ease-in-out;
}

.swag:hover {transform:scale(1.1);}
.swag a {color: #fff !important;}
.swag a:hover {color: #f5f0e5 !important;}

.story:hover {transform:scale(1.1);}
.story a {color: #fff !important;}
.story a:hover {color: #f5f0e5 !important;}

.nav-box > li.active > a {background-color:#574d41 !important;}

.footer_logo {margin-top: 20px;}
.footer_logo img {max-width: 200px; height: auto;}

.instagram_img {text-align: center;}
.instagram_img img {text-align: center;}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.bottom-rip {
	
	bottom: 12px;
	
}

.beer-type {
	
	margin-top: 10px;

}

.top-rip {
	
	top: 12px;
	
}

.foodlife {
	bottom: 25px;
	
}

}