/*
Theme Name: PoliceMisconduct banner theme
Theme URI: https://wordpress.org/themes/twentysixteen/
Author: Jeremy Kolassa
Author URI: http://jdkolassa.net
Template: twentysixteen
Description: A child theme of TwentySixteen with an independent banner and menu.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, white, three-columns
Text Domain: pm-banner-theme

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/* import free Franklin Gothic FS Book font */

@import url(franklin_gothic.css);

/* importing Droid Serif */

@import 'https://fonts.googleapis.com/css?family=Droid+Serif';

/* general layout */

body {
	background: #fff;
}

body::before, body::after, html::after {
	display: none !important;
}


p, li, .entry-footer, .entry-title, .widget-title, .site-title {
	font-family: 'Droid Serif', serif;
}

a.url.fn.n {
    margin-right: 5px;
}

.site-inner {
	max-width: 1680px;
}

/* Placed the general heading style here so it can be used by different headers */

.heading { 
	font-family: Montserrat, "Helvetica Neue", sans-serif;
	border-bottom: 5px solid #010413;
	margin-bottom: 1.3125em;
 }

 .author-avatar .avatar {
 	height: 12%;
 	width: 12%;
 }

/* Chyron code */

.chyron {
	background-image: 
		linear-gradient( 
			to right, 
			#035096, 
			#037be9 25%, 
			#037be9 75%, 
			#035096
		);
	padding: 9px 0px 9px 9px;
	color: #fff;
}

/* .chyron:before {
	width: 28px;
    height: 34px;
    background: #035096;
    content: '';
    position: absolute;
    left: -21px;
    transform: skewX(203deg);
    border-left: 5px solid orange;
}

h3.chyron:before {
	height: 32px;
	left: 38px;
} */


/* masthead code */

.site-header {
    color: #fff;
    /* background: #010413; */
    background: url("pmbanner.jpg");
    background-size: cover;
}

.site-header a, .site-branding .site-title a, .site-header a:hover, .site-branding .site-title a:hover, .site-description {
	color: #fff;
}

/* The search in the header should not appear on desktop displays */

#search-header {
	display: none;
}

/* site branding */

.site-branding {
	/* width: 100%;
	text-align: center;
	margin: 0 auto; */
}

.site-description {
	color: #cacaca;
}

/* menu */

ul#menu-primary-navigation li a {
    text-transform: uppercase;
}

.sub-menu li a {
    color: #000 !important; /* Required because the above style overrules it otherwise */
}

.menu-toggle {
	background: #fff;
	border: 2px solid #c0c0c0;
}

.menu-toggle:hover, .menu-toggle:focus {
    background-color: #007acc;
    border-color: #007acc;
    color: #fff;
}



/* post */

body:not(.search-results).group-blog .byline, body:not(.search-results).group-blog .posted-on {
	display: inline;
}


/* .entry-title {
	background: #035096;
	padding-left: 9px;

}

.entry-title:before {
	width: 28px;
    height: 34px;
    background: #035096;
    content: '';
    position: absolute;
    left: -21px;
    transform: skewX(203deg);
    border-left: 5px solid orange;
} */

.entry-footer {
	float: none !important;
	margin-top: 0.25em !important;
	width: 100% !important;
	color: #4d4d4d;
	font-size: 1.4rem;
}

.entry-footer span {
	display: inline !important; /* need to use this because it would take too long to find every freaking rule to change */
}

.entry-footer a {
	color: #4d4d4d;
}

.byline::before {
	content: "Written by ";
}

.entry-content {
	float: none !important;
	width: 100% !important;
}

.subheading {
	margin-top: 1.21em;
	font-style: italic;
} 

/* post footer */

.post-navigation .post-title {
	font-family: "Droid Serif", serif;
}

.post-navigation, .post-navigation div + div {
	border: 0;
}

.post-navigation a {
	padding: 0;
}

.post-navigation .nav-next a {
	text-align: right;
}

/* widgets */

.widget {
	border-top: 0;
	text-align: center;
}

.widget img {
	margin: 15px auto;
}

.widget .widget-title {
    border-bottom: 5px solid #010413;
    text-align: left;
}

.widget .widget-title:before {
	border-left: 5px solid #010413;
	transform: skewX(203deg);
	left: 5px;
}

/* Homepage columns & content */

#hero {
	text-align: center;
	margin-bottom: 5%;
	display: none;
}

.home-column {
	float: left;
	width: 49%;
}

#home-column-left {
	width: 59%;
}

#home-column-right {
	width: 39%;
	float: right;
}

.home-column li {
	list-style-type: none;
	font-size: 1em;
}

.home-point {
	border-bottom: 1px solid #d1d1d1;
	padding-top: 1em;
}

.home-title {
	font-size: 1.75em;
}

.home-heading {
	text-transform: uppercase;
}

/* .chyron.home-heading {
	color: #fff;
} */

/* Styling for the mini-columns on the right side of the home page */

.home-column .mini-column {
	margin-top: 5px;
	margin-bottom: 20px;
	padding: 3px;
}

.home-column .mini-column img {
	display: block;
	margin: 0 auto;
}

.home-column .mini-column span {
	display: block;
	text-align: center;
	font-size: 14px;
}

.explainer-name {
	font-weight: 700;
}

/* footer code */
.site-footer {
	background: #010413;
	color: #fff;
	padding-bottom: 0px;
}

.site-info {
	text-align:center;
	margin: 1em auto;
	width: 50%;
}

.site-info p {
	font-size: 1.3em;
}

.site-info, .site-info a {
	color: #fff;
}


@media screen and (min-width: 61.5625em) {
	/* .site-header {
	    padding: 1em 4.5455%;
	} */
	.entry-title {
		margin-bottom: 0;
		font-size: 1.75em;
	}

	.home-heading {
		font-size: 1.25em;
	}
	.widget {
    	margin-bottom: 2em;
	}
	#home-column-left {
		padding-right: 15px;
	}
	body:not(.search-results) article:not(.type-page) .entry-footer {
		float: none !important;
		width: 100% !important;
		margin: 1.153846em 0;
	}
}

@media screen and (min-width: 56.875em) {
	.sidebar {
	    float: left;
	    margin-left: 80%;
	    padding: 0;
	    width: 25%;
	 }
	.content-area {
		float: left;
		margin-right: -100%;
		width: 75%;
	}
	.main-navigation .menu-item-has-children > a:after {
        right: -0.25em;
    }
    .main-navigation ul ul a {
    	font-size: 12px;
    }
    .main-navigation li:hover > a, .main-navigation li.focus > a {
    	font-weight: bold;
    	color: #fff;
    }
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	.home-column, #home-column-left, #home-column-right {
		width: 100%;
	}
	.home-column .mini-column {
		width: 49%;
		float: left;
	}
	.site-description {
		display: none;
	}
}


@media screen and (min-width: 44.375em) {
	.post-navigation .post-title {
		font-size: 1rem;
	}

	.entry-content ul {
		margin-left: 45px;
	}

	#hero {
		display: block;
	}
}

@media screen and (max-width: 44.374em) {
	#main {
		margin-top: 1.5em;
		padding: 0 1.5em;
	}
	.home-column, #home-column-left, #home-column-right {
		width: 100%;
	}
	.sidebar {
		padding-right: 7.6923%;
	}
	.entry-content {
		width: 93% !important;
	}
}


@media screen and (max-width: 56.874em) {
	.home-column .mini-column {
		float: left;
		width: 49%;
		margin-right: 1%;
	}
	#search-header {
		display: block;
		margin-top: 15px;
	}
}