/*
CTC Separate Stylesheet
Updated: 2017-11-30 16:38:39
Theme Name: Backstory Brooklyn Child
Theme URI: http://www.unitedthemes.com
Template: brooklyn
Author: United Themes
Author URI: http://www.unitedthemes.com
Description: Modified from Brooklyn for Backstory.
Tags: custom-header,full-width-template,theme-options,translation-ready
Version: 4.5.3.1512059919
*/

/* Hero customizations */

.hero {
    height: 70%;
    min-height: 70%;
}
.hero .grid-container {
    height: 70%;
    min-height: 70%;
}
.home .hero .grid-container {
    top: -50px;
}
.home .hero .parallax-overlay {
	background-color: rgba(44,62,80 , 0 ) !important;
}
#ut-sitebody .hero .parallax-overlay {
	background-color: rgba(44,62,80 , 0 ) !important;
}
.ut-hero-slider .slides li {
	background-position-y: -30px !important;
}
h1.hero-title {
   font-size: 40px !important;
}
/* Blog Styles */
.single-post .post {
    margin: 0 10%;
	}

.single-post .post .entry-content p:first-child {
 	margin-bottom: 0 !important;
}
.ut-blog-layout-list .ut-post-thumbnail, .ut-blog-list-content, .ut-blog-layout-list .ut-format-gallery {
	max-height: 350px;
}
.ut-blog-layout-list .ut-post-thumbnail:not(.ut-post-thumbnail-empty) .date-format > span, .ut-blog-layout-list .ut-format-gallery .date-format > span {
    text-shadow: 1px 1px 1px #000;
}

/* widget styles */
.widget_categories li, .widget_pages li, .widget_nav_menu li, .widget_recent_entries li, .widget_recent_comments li, .widget_recent_comments li.recentcomments, .widget_meta li, .widget_archive li {
    float: left;
	padding-left: 30px;
}

a.ut-bs-btn {
    background: #6CCAD2;
    color: black !important;
    font-size: 1em;
    font-weight: 700 !important;
	transition: background 400ms;
    -webkit-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    -moz-transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
}
a.ut-bs-btn:hover {
  background: black;
color: white !important;
}
.home .entry-content p:first-child:after {
 content: '...'
}
.post-type-archive-tribe_events #ut-hero {
	display: none;
}
.post-type-archive-tribe_events #primary h1.page-title, .single-tribe_events #primary h1.page-title {
	display: none;
}
/* Navigation */
#ut-sitebody #navigation ul.sub-menu {
	top: 60px;
}
#ut-sitebody #navigation ul.sub-menu li:first-child {
	padding-top: 15px;
}
#ut-sitebody #navigation .selected.bklyn-btn, 
#ut-sitebody #navigation ul li.current_page_parent:not(.ut-front-page-link) a.active.bklyn-btn,
#ut-sitebody #navigation ul li.current-menu-ancestor:not(.ut-front-page-link) a.active.bklyn-btn {
	color: #fff;
}
/* footer */
.widget_recent_comments li::before, .widget_recent_comments li.recentcomments::before, .widget_categories li::before, .widget_pages li::before, .widget_nav_menu li::before, .widget_recent_entries li::before, .widget_meta li::before, .widget_archive li::before, .tweet_list li::before {
	left: 20px;
}
.ut-footer-area {
	padding-top: 0;
	padding-bottom: 30px;
}
/* Media Queries */
@media (max-width: 767px) {
	#ut-hero.hero {
    	height: 70% !important;
    	min-height: 70% !important;
	}
	h1.hero-title {
    	font-size: 20px !important;
	}
}
@media (min-width: 768px) and (max-width: 1024px) {
	#ut-hero.hero {
    	height: 70% !important;
    	min-height: 70% !important;
	}
	h1.hero-title {
    	font-size: 20px !important;
	}
}
#latestIssue .tablet-grid-33 
#latestIssue .mobile-grid-100 {
	width: 100%;
}
@media (min-width: 1025px) {
	#latestIssue .grid-33 {
		width: 100%;
	}
	#latestIssue .ut-bs-wrap .entry-thumbnail {
		float: left;
		padding-right: 30px;
	}
}
#latestIssue .ut-bs-holder {
	display: none;
}
/* Styles for all issues page */
.page-id-4117 .post .entry-content, 
.page-id-4117 .entry-meta, 
.page-id-4117 .ut-bs-holder {
	display:none;
}
.page-id-4117 article img {
	width: 100%;
}
entry-title {
	padding-bottom: 5px;
}
.page-id-4117 .grid-33 {
    	float: left;
    	width: 50%;
	}
.page-id-4117 .ut-bs-wrap .entry-thumbnail {
	min-height: 370px;
}
@media (min-width: 1025px) {
	.page-id-4117 .grid-33 {
    	float: left;
    	width: 25%;
	}
}
@media (max-width: 767px) {
.page-id-4117 .mobile-grid-100 {
    clear: none;
    width: 50%;
	}
}
/* FAQs */
.ufaq-permalink {
	display: none;
}
.tribe-events-before-html:after {
  content: "";
  display: table;
  clear: both;
}
#comments {
	display: none;
}
@media (max-width:768px) {
.single-post .post {
    margin: 0 !important;
	}
}

@media screen and (max-width: 767px) {
	.ut-mm-trigger {display:block !important;}
}