/*Blog Styles*/


/*------------Structure and Navigation------------*/
.blog-type-page #secondary, .blog-type-page #second-secondary, .single-post #second-secondary {
	display: none;
}
.blog-type-page #secondary, .single-post #secondary {
	display: none;
	position: absolute;
	left: 0;
	opacity: .2;
}
.blog-type-page #primary, .single-post #primary{ 
	width: 100%;
}
.single-post #content article, .single-post #content #comments {
	width: 730px;
	display:block;
	margin:0 auto;
	float: none;
	clear:both;
}
.single-post .entry-content, .single-post #content #comments article {
	width: auto;
}
.single-post .entry-header {
	padding-bottom: 20px;
	text-align:center;
}
.blog-type-page #branding {
	border-bottom: none;
	margin-bottom: 0;
}
.blog-type-page #branding #page-header, .single-post #branding #page-header {
	display: none;
}
.blog-type-page #wrapper, .single-post #wrapper {
	overflow: hidden;
}


/*------------Blog posts are tagged to News AND Blog -- forcing colors------------*/
html body.blog-type-page #news-bucket .main-menu-link, 
html body.single-post #news-bucket .main-menu-link {
	background-color: inherit;
	color: #ddd;
}
html body.blog-type-page #news-bucket:hover .main-menu-link, 
html body.blog-type-page #news-bucket.hover .main-menu-link,
html body.single-post #news-bucket:hover .main-menu-link, 
html body.single-post #news-bucket.hover .main-menu-link {
	background-color: #B3322F;
}
html body.blog-type-page #main-menu .main-menu-item:hover .main-menu-link, 
html body.blog-type-page #main-menu .hover .main-menu-link,
html body.single-post #main-menu .main-menu-item:hover .main-menu-link, 
html body.single-post #main-menu .hover .main-menu-link {
  /*background-color: inherit;*/
}
html body.blog-type-page #blog-bucket .main-menu-link,
html body.blog-type-page #blog-bucket.hover .main-menu-link,
html body.blog-type-page #blog-bucket:hover .main-menu-link,
html body.single-post #blog-bucket .main-menu-link,
html body.single-post #blog-bucket.hover .main-menu-link,
html body.single-post #blog-bucket:hover .main-menu-link  {
	background-color: #B50B51;
	color: #fff;
}
html body.blog-type-page #access,
html body.blog-type-page #main-menu #blog-bucket:hover .main-menu-link, 
html body.blog-type-page #main-menu #blog-bucket .main-menu-link,
html body.single-post #access,
html body.single-post #main-menu #blog-bucket:hover .main-menu-link, 
html body.single-post #main-menu #blog-bucket .main-menu-link {
	background-color: #B50B51;
}

html body.single-post h2, html body.single-post h3, html body.single-post .full-color {
	color: #B50B51;
}

/*------------General Typography-----------*/
.blog-type-page, .single-post {
	font-family: 'PN', Arial, Helvetica, sans-serif;
}

.blog-type-page .entry-title a, .single-post .entry-title a {
	color: #425A69;   /*green 85, 99, 38   magenta = 181, 11, 81*/
}

.blog-type-page .entry-title a:hover, .single-post .entry-title a:hover,
.blog-type-page .post-meta a:hover, .single-post .post-meta a:hover{
	color: #B50B51;
}

.blog-type-page .nav-previous a, .blog-type-page .nav-next a, #commentform .form-submit input, #commentform .form-submit input:hover {
	border: none;
	float: left;
	display: inline;
	clear: none;
	padding: 8px 20px;
	color: #ffffff;
	text-decoration: none;
	-webkit-text-shadow: none;
	-moz-text-shadow: none;
	-o-text-shadow: none;
	text-shadow: none;
	background: #B50B51;
	font-family: 'PN', Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 1em;
	font-weight: bold;
	cursor: pointer;
}
.blog-type-page .nav-previous a:hover, .blog-type-page .nav-next a:hover, #commentform .form-submit input:hover {
    color: #fff;
    background: #900840;
}
.blog-type-page .nav-previous a span.meta-nav {
	background: url(/wp-content/themes/tcf/assets/images/arrow-prev-btn.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 11px;
	padding: 0;
	margin-right: 5px;
}
.blog-type-page .nav-next a span.meta-nav {
	background: url(/wp-content/themes/tcf/assets/images/arrow-next-btn.png);
	background-repeat: no-repeat;
	width: 13px;
	height: 11px;
	padding: 0;
	margin-left: 5px;
}

/*
.blog-type-page .nav-previous a .meta-nav, .blog-type-page .nav-next a .meta-nav {
	display: inline;
	clear: none;
	height: 12px;
	line-height: 0;
	text-indent: 0px; 
	font-size: inherit; 
	width: 9px;
	padding-right: 5px;
	position: relative;
	top: 0; 
}
*/
.blog-caption {
	text-align:right;
	font-style:italic;
	color: #999;
}

/*----------BLOG HEADER IMAGE / WRAP ---------------*/
#blog-header-wrap {
	position: relative;
	margin-bottom: 30px;
}
#blog-header-wrap:before {
	content: '';
	display: block;
	width: 147%;
	height: 45px;
	position: absolute;
	bottom: 0;
	left: -23.5%;
	background: #eee;
	z-index:-1;
}
.blog-header-image-wrap {
	display: block;
	position: relative;
	padding-bottom: 49%;
}
.blog-header-image {
	max-width: 147%;
	position: absolute;
	left: -23.5%;
}
#tcf-blog-title {
	position: absolute;
    top: 50%;
    margin-top: -180px;
    width: 36%;
	left: 0;
    left: calc(50% - 50vw);
    z-index: 2;
    text-align: center;
    color: #fff;
    /* border-top: #fff 1px dashed; */
    /* border-bottom: #fff 1px dashed; */
    padding: 4%;
    font-size: 20px;
    font-family: 'PNB', Arial, Helvetica, sans-serif;
    box-sizing: border-box;
    line-height: 1.1em;
    background: rgba(50,50,50,.7);
    /* display: none; */
}
.single-post #tcf-blog-title {
	position: static;
  width: 100%;
  margin-top: 0;
  /* background: url(/wp-content/themes/tcf/assets/images/blog-hero.jpg) center / cover; */
  border: none;
  font-size: 18px;
  margin-bottom: 10px;
  text-align: left;
  padding: 0;
	font-family: 'PNB', Arial, Helvetica, sans-serif;
	font-weight: normal;
	background: none;
}



/*------------BLOG NAV------------*/
#blog-header-nav {
	/*height: 40px;*/ 
	font-size: 15px;
	border-left: 1px #ccc solid;
}
#blog-header-nav .count {
	font-size: .8em;
    opacity: 0;
    color: #fff;
    /* border: #ccc 1px solid; */
    padding: 3px 5px 1px 5px;
    margin-left: 3px;
    background-color: #ccc;
    font-weight: bold;
    border-radius: 3px;
}
.blog-nav-major > .count {
	display: none;
}
#blog-header-nav li:hover > .count, #blog-header-nav li .archive-set:hover > .count {
	opacity:1;
	transition: opacity 300ms ease 200ms;
}
#blog-header-nav ul, #blog-header-nav li {
	margin: 0;
	padding: 0;
	border: none;
	list-style: none;
	box-sizing: border-box;
	line-height: 2em;
	width: 100%;
}
#blog-header-nav > ul {
	background: #eee;
}
#blog-header-nav li {
	padding: 0 2px;
	position: relative;
	/*min-height:40px;*/
}
#blog-header-nav li li {
	background: #fff;
}

#blog-header-nav .blog-nav-major {
	float: left;
	position: relative;
	width: 23%;
	line-height: 40px;
	font-weight: bold;
	background: none;
	text-transform:uppercase;
	text-align:center;
	border-right: 1px #ccc solid;

}
.blog #blog-header-nav #blog-nav-all,
#blog-header-nav .blog-nav-major:hover {
	background: #fff;
}
#blog-header-nav .blog-nav-major li {
	padding: 5px 5px 5px 1em;
	position: relative;
	font-weight: normal;
	text-transform: none;
	text-align:left;
}
#blog-header-nav .blog-nav-major a {
	color: #425A69;
}
#blog-header-nav .blog-nav-major a:hover {
	color: #B50B51;
}
#blog-header-nav .blog-nav-major a .arrow {
	line-height: 20px;
	text-indent: -1000px;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-left: 5px;
	position: relative;
	top: -3px;
	right: 0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-right: #999 2px solid;
	border-bottom: #999 2px solid;
	border-top: transparent 2px solid;
   border-left: transparent 2px solid;
}
#ie8 #blog-header-nav .blog-nav-major a .arrow {
	border: none;
	transform:none;
	display:inline;
}
#ie8 #blog-header-nav .blog-nav-major a .arrow:after {
	content: '\25bc';
}
#blog-header-nav .blog-nav-section {
	outline: #ccc 1px solid;
	display: none;
	position: absolute;
	top: 40px;
	left: 0;
	z-index: 5;
	max-height: 500px;
	overflow: auto;
	box-shadow: 5px 5px 15px -5px rgba(0,0,0,.3);
	background-color: #fff;
	padding: 5px 0 10px;
}
#blog-header-nav .blog-nav-major:hover .blog-nav-section {
	display: block;
}
#blog-header-nav .blog-nav-section li {
	line-height: 20px;
	padding: 8px 5px 8px 1em
}
	

.blog-nav-subsection {
	position: relative;
	top: 0;
	left: 0;
}
.blog-nav-subsection {
}

/*------------BLOG LIST VIEWS------------*/
.blog-type-page article.type-post .entry-title, 
.single-post article.type-post .entry-title,
#related-posts .related-post-title,
.home .sidebar-blog-post h5 {
  font-size: 30px;
  line-height: 1.2em;
  margin-top: 0;
  margin-bottom: 4px;
  font-family: 'PNB', Arial, Helvetica, sans-serif;
}
.home .sidebar-blog-post h5 {
	font-size: 26px;
}
.single-post article.type-post .entry-title {
	text-align: center;
	margin-top: 20px;
	font-size: 34px;
}
.blog-type-page article .entry-excerpt p,
.single-post article .entry-content p,
.single-post article .entry-content li,
.home .sidebar-blog-post p {
   margin-bottom: 1em; 
  font-size: 17px;
  line-height: 1.4em;
}
.home .sidebar-blog-post p {
	font-size: 15px;
}
.blog-type-page article .post-thumbnail-link {
	float: left;
	width: 24%;
	height: 0;
	padding-bottom: 20%;
	margin: 0 3% 1em 0;
	overflow: hidden;
	display: block;
	position: relative;
	background: #eee;
}
.blog-type-page article .post-thumbnail-link img {
	/*width: 100%;
		height: auto;*/
	position: absolute;
	top: -9999px;
	bottom: -9999px;
	left: -9999px;
	right: -9999px;
	margin: auto;
	min-width: 100%;
	height: auto;
	max-height:100%;
	width: auto;
	/*min-width: 100%;
	 height:auto;*/
}
/*.blog-type-page article .post-thumbnail-link img:hover {
	min-width: 100%;
	 height:auto;
}
*/

.blog-type-page article.type-post .post-meta {
	/*display: table;*/
	/*padding-bottom: 20px;*/
}
.blog-type-page article.type-post .post-meta .post-date {
	float: none;
}
span.author-gravatar {
	display: block;
	float: left;
	border-radius: 100%;
	overflow: hidden;
	width: 80px;
	height: 80px;
	margin-right: 1em;
	display: table-cell;
	vertical-align: middle;
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	/*background: url(/wp-content/themes/tcf/assets/images/logo-cf.gif) center no-repeat #eee;*/
  	background-size: 65px;
	background: #eee;
}
span.author-gravatar img {
	opacity: .5;
}

.single-post .post-meta-text,
.blog-type-page article.type-post .post-meta-text,
.home .post-meta-text {
	/*display: table-cell;
	vertical-align: middle;*/
	font-size: 13px;
  	line-height: 1.3em;
	margin-bottom: 12px;
	display:block;
	color: #808080;
}
.blog-type-page .post-meta a, .single-post .post-meta a,
.home .post-meta a {
	color: #808080;
}
.single-post .entry-header img {
	width: auto;
	max-width: 100%;
	height: auto;
}
.blog-button {
	/*text-transform: uppercase;*/
}

/*------------BLOG SINGLE VIEWS------------*/

.blog-header-single-text {
	text-align:center;
}

#comments .form-submit {
	clear: both;
}
#related-posts {
	margin-top: 40px;
	position: relative;
	z-index: 1;
	padding-top: 20px;
	clear: both;
}
#related-posts:before {
	content: '';
	width: 200%;
	background: #F1F5F6;
	height: 100%;
	height: calc(100% + 20px);
	display: block;
	position: absolute;
	z-index: -1;
	left: -50%;
	top: 0;
}
#related-posts ul {
	margin: 0;
	border-bottom: #ccc 1px solid;
}
#related-posts li {
	list-style: none;
	border-top: #ccc 1px solid;
	padding: 40px 0;
	font-size: 16px;
	line-height: 1.4em;
	clear: both;
}
#related-posts .post-meta {
	text-align:left;
	margin-bottom: 10px;
}
#related-posts .post-meta-header {
	color: #A1ADB4;
}
#related-posts h2 {
	font-family: 'PNB', Arial, Helvetica, sans-serif;
	font-size: 36px;
	margin: .25em 0 .125em 0;
}
#related-posts .wp-post-image {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
	width: auto;
	height:230px;
}
.single-post .entry-meta {
	border-top: none;	
	font-size: 18px;
}
.single-post .entry-meta .column {
  display: block;
  padding: 10px 0 25px 0;
}
.single-post .post-meta-single [rel="author"] {
  margin-top: .75em;
  display: inline-block;
  font-family: 'PNB', Arial, Helvetica, sans-serif;
}
.single-post .share-label, .single-post .author-label {
  display: block;
  float: none;
  clear: none;
  border-bottom: #ccc 1px solid;
  margin-bottom: 10px;
  padding-bottom: 5px;
  color: #A1ADB4;
  font-size: 15px;
  font-family: 'PNB', Arial, Helvetica, sans-serif;
}
.share-icon{
	margin-left:0px;
	margin-right:5px;
}

.back-to-blog {
	margin-right: 15px;
	padding-right: 15px;
	border-right: 1px grey solid;
}
.multi-cats {
	margin-left: 15px;
	padding-left: 15px;
	border-left: 1px solid;
}
/*hide first floated image if there is a featured image (probably a duplicate?)*/
/*.single-post .entry-header + .entry-content > p > a > img {
	opacity: .2;
}*/
@media screen and (min-width:1440px) {
#tcf-blog-title {
		left: 0;
		left: calc(50% - 720px);
	}
}


@media screen and (max-width:1000px) {
#tcf-blog-title {
		top: 10%;
		margin-top: 0px;
		font-size: 16px;
		width: auto;
		left: 0;
	}
}

@media screen and (max-width:768px) {
	.blog-type-page article .post-thumbnail-link {
		float: right;
		 width: 36%;
		 padding-bottom: 36%;
		 margin: 0 0 1em 3%;
	}
	#blog-header-nav .blog-nav-major {
  		width: 25%;
		font-size: 13px;
	}
	#blog-header-nav .blog-nav-section {
  		width: 130%;
	}
	#blog-header-nav .blog-nav-major:last-child .blog-nav-section {
  		right: 0;
		left: auto;
	}
	.blog-type-page article.type-post .entry-title,
	.single-post article.type-post .entry-title,
	.home .sidebar-blog-post h5 {
  		font-size: 28px;
	}
	.blog-type-page article .entry-excerpt p,
	.single-post article .entry-content p,
	.single-post article .entry-content li,
	.home .sidebar-blog-post p {
		font-size: 16px;
	}
	#related-posts {
		padding-left: 5%;
		padding-right: 5%;
	}
	#related-posts .wp-post-image {
		max-width: 42%;
		height: auto;
		float:right;
		margin: 0 0 15px 15px;
	}
	#related-posts h2 {
		/*clear: both;*/
		font-size: 30px;
	}
	#related-posts .post-meta-header {
		font-size: 16px;
		line-height: 1.4em;
	}
	.single-post #content article, .single-post #content #comments {
		width: auto;
		display:block;
		margin:0 auto;
		float: none;
	}
	.back-to-blog, .multi-cats {
		width: 100%;
		display:inline-block;
		padding: 0;
		margin: 3px 0;
		border:none;
	}
	
	.single-post .entry-meta {
		padding-left:5%;
		padding-right:5%;
	}
	.single-post .entry-meta .share-links {
		float: left;
	}
	.blog-header-image {
		left: -40%;
	}

}

@media screen and (max-width:600px) {
	.blog-type-page article .post-thumbnail-link {
		float: none;
		width: 100%;
		height: 0;
		padding-bottom: 70%;
		margin: 0 0 1em 0;
	}
	.blog-type-page article .post-thumbnail-link img {
		/*width: 100%;
			height: auto;*/
		position: absolute;
		top: -9999px;
		bottom: -9999px;
		left: -9999px;
		right: -9999px;
		margin: auto;
		max-height: none;
		max-width: 100%;
		min-height: 100%;
		width: auto;
		height: auto;
	}
	#blog-header-nav .blog-nav-major {
  		width: 50%;
		font-size: 13px;
		border-bottom: #ccc 1px solid;
	}
	#blog-header-nav .blog-nav-major:nth-child(2n) .blog-nav-section {
  		right: 0;
		left: auto;
	}
	#blog-header-nav .blog-nav-section {
  		width: 140%;
	}
}