/*
Theme Name: Beaver Builder Child Theme
Theme URI: http://www.wpbeaverbuilder.com
Version: 1.0
Description: An example child theme that can be used as a starting point for custom development.
Author: The Beaver Builder Team
Author URI: http://www.fastlinemedia.com
template: bb-theme
*/

/* Add your custom styles here... */ 

/* Used for all paragraphs */ 
p {
    padding: .33em;
}

ul.ethan  {
    list-style: none;
}
/* Used for photo captions in photo module */ 

.fl-photo-caption {
    font-size: 20px;
}

/* Used for captions of photos inserted into text editor modules */
.wp-caption p.wp-caption-text {
    font-size: 20px;
    padding-top: 15px;
}

/* Tables on Books and Drinks Page and Credits Page*/

table {
table-layout: auto;
width: 100%;
}

th {
font-size: 25px;
padding: 0 25px 10px;
color: #000000;
text-align: center;
}

td {
padding: 5px 25px;
border-bottom: 1px solid #ddd;
text-align: center;
}

tr:hover {
background-color: #f5f5f5;
}

table.credits {
    width: 80%;
    margin: 0 80px 20px;
}

table.credits td {
    text-align: left;
    padding: 5px;
}
/* When Love is Like Cholera post */ 

h4.cholera {
    font-size: 20px;
    color: #808080;
    text-transform: inherit;
}

/* Footer text */ 

.fl-page-footer {
    font-size: 18px;
}

/* Search for Tablets and Mobile */  

@media (min-width:768px) and (max-width:991px) {
.fl-page-nav-search {
display: inherit;
right: 25px;
}
}

@media (min-width:768px) {
.menu-item-type-search {
display:none;
}
}

.menu-item-type-search label {
width:100%;
margin-top:4px;
}

.search-field {
height:45px!important;
width:98%!important;
margin:0 auto;
}

/* ------------------------
SINGLE POST TOP SECTION DESIGN STYLING
------------------------ */
/* Add the black gradient fade overlay */
.gradient-fade{position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: -moz-linear-gradient(top, transparent 0%, transparent 15%, rgba(0,0,0,0.85) 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(15%, transparent), color-stop(100%, rgba(0,0,0,0.85))); background: -webkit-linear-gradient(top, transparent 0%, transparent 15%, rgba(0,0,0,0.85) 100%); background: -o-linear-gradient(top, transparent 0%, transparent 15%, rgba(0,0,0,0.85) 100%); background: -ms-linear-gradient(top, transparent 0%, transparent 15%, rgba(0,0,0,0.85) 100%); background: linear-gradient(to bottom, transparent 0%, transparent 15%, rgba(0,0,0,0.85) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#d9000000',GradientType=0 );}
/* Style the content in our new Post Header section */
.bb-top-post-header{position:relative;padding:17% 0 10%;color:#fff;}
.bb-top-post-header a:link, .bb-top-post-header a:visited{color:#fff;}
.bb-top-post-header .fl-post-title{color:#fff;margin-bottom:0;}
.bb-top-post-header .fl-post-meta { position: relative; margin-top: 35px; }
.bb-top-post-header .fl-post-meta > span { display: block; float: left; width: 100%; padding-left: 100px; }
.bb-top-post-header .fl-post-meta .fl-sep{display:none;}
.bb-top-post-header img{position: absolute; top: -5px; left: 0;}

/* Extend Photo Modules with the new Alignment: Full-width option outside the narrow content area
ONLY on larger devices */
@media only screen and (min-width: 1200px) {
	.fl-photo-align-full-width{margin-left: 15px; margin-right: 15px;}
}

/* Let's only convert the blog posts to a grid layout on medium devices and above */
@media only screen and (min-width: 992px) {
	
	/* BLOG LAYOUT TO CONVERT IT TO A GRID with 2 blog posts across the row */
	.fl-archive .fl-post{width:48%;float:left;margin-left:4%;}
	.fl-archive .fl-post:nth-child(odd){margin-left:0;clear:both;}

}