/*
Welcome to Custom CSS!
To learn how this works, see http://wp.me/PEmnE-Bt
*/
/* Change page/post titles:
.entry-header .entry-title,
.entry-title a {
	font-size: 20px;
}
*/
/* Homepage */
a.more-link {
	display: block;
	box-shadow: none;
	border: 1px solid;
	padding: 1px 10px;
	margin-top: 0;
	width: auto;
	text-align: center;
	position: absolute;
	right: 20px;
}
@media screen and (max-width: 599px) {
a.more-link {
	position: initial !important;
}
}

/* make floating figure/images not floating on narrowish displays */
@media screen and (max-width: 499px) {
figure.alignleft, figure.alignright {
	float: none !important;
}
}

/* make text more readable above bkgnd images by adding a contour */
.entry-content p {
text-shadow: 2px 0 0 black, -2px 0 0 black, 0 2px 0 black, 0 -2px 0 black, 1px 1px black, -1px -1px 0 black, 1px -1px 0 black, -1px 1px 0 black;
}
.more-link:after {
	content: "Read More";
}

.more-link span {
	display: none;
}

.site .tiled-gallery-caption {
	overflow: visible;
	white-space: initial;
	text-align: center;
}

/* Blog */
time.entry-date.published {
	opacity: .5;
}

time.entry-date.published:hover {
	opacity: 1;
}

footer.entry-footer {
	margin-top: 5px;
}

span.tags-links {
	display: none;
}

.entry-footer > span, span.edit-link {
	margin-bottom: 0 !important;
}

span.edit-link {
	float: right;
}

.entry-footer > span:not(:last-child):after {
	display: none;
}

.hentry + .hentry {
	margin-top: -2.5em;
}

.post header.entry-header {
	display: none;
}

.blog #primary article.category-hidden {
	display: none;
}

.featured-content .hentry {
	background-color: #000;
}

.featured-content .entry-summary {
	color: #fff;
}

.featured-post .post header.entry-header {
	display: inline;
}

.featured-post .post header.entry-header a {
	color: white;
}

.featured-post .entry-date {
	display: none;
}
p { color:# FFFFFF; }



/* Tas hacks*/
.hacky-next-to-title-placement {
	float: right;
	width: 200px;
	position: relative;
	top: -3em;
}
figure.hacky-next-to-title-placement {
	top: -4em;
}
/* Hide the featured image on all pages except the homepage */
body:not(.home) .entry-hero {
  background-image: none!important;
}
@media screen and (min-width: 896px) {
body:not(.home) .entry-hero {
    min-height: 0;
}
}
@media screen and (min-width: 1020px){
body:not(.home) .entry-hero-wrapper {
    padding-bottom: 0em;
    padding-top: 1em;
}
}