/*
Theme Name: Reckoner - Scrawl
Description: Child theme for Scrawl theme
Author: James Croft - Reckoner, Automattic - Scrawl
Template: scrawl-wpcom
*/

#header-boxes {
	text-align: center;
	vertical-align: t
}
.homepage-box {
	width: 24%;
	display: inline-block;
	padding: 20px;
	text-align: left;
	vertical-align: top;
}
.homepage-box img { object-fit: cover; object-position: center center; }
.compat-object-fit {
   background-size: cover;
   background-position: center center;
 }
.compat-object-fit img { opacity: 0; }
h2.news-header { text-align: center;}

blockquote {
    border-left: 2px solid #cc523e;
    padding-left: 1.5em!important;
    margin-left: 0.5em!important;
}

h1.link-post {
    font-size: 2.3rem!important;
    font-weight: normal;   
}

.hentry {
    margin-bottom: 2em!important;
}

h1.link-post a:hover, h1.entry-title a:hover {
    color:#cc523e;
}
    
.format-link .entry-title a:after {
    font-size: 3.2rem!important;
    content: "\2192"!important;
    position: relative;
    top: -0.1em;
    text-decoration: none;
}

.powerpress_player {
    margin: 2.5em 0;
}

.entry-content span.source-link {
    display: none;
}

.entry-content a {
    display: inline!important;
}

.powerpress_links {
    font-size: 0.75em;
}

.entry-title span {
	display: block;
	font-size: 2rem !important;
	font-size: 20px !important;
	margin-top: 10px;
}



@media screen and (min-width: 68em) {
 
.powerpress_player {
    margin: 3em 0 2.5em 0;
}

.entry-title {
    font-size: 32px!important;
    font-size: 3.2rem!important;
}
 
}


/*==========  Non-Mobile First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {

}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
	.homepage-box { width: 45%; }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.homepage-box { width: 100%; padding: 0; }
	.homepage-box.feature:nth-of-type(2) { display: none; }	
	h2.news-header { text-align: left;}
	h2.news-header+hr { display: none; }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}