/*
Theme Name:     Police Misconduct
Description:    Based on Yoko, a modern three-column blog theme. A responsive layout optimizes the theme for mobile devices like tablet pcs and modern smartphones (the layout switches to a two- or one-column layout depending on the screen size the theme is viewed on). To make your blog post more flexible you can use different kinds of post formats such as gallery, image, video, aside, link or quotes. To customize the theme you can choose your own background, link color, logo and header image. Yoko also comes with a custom social links widget and shortcodes for text columns, info boxes and highlighted text.
Author:         Jason Vines
Template:       yoko
Version:        1.0
*/

@import url("../yoko/style.css");

/* General Structure and Styles
--------------------------------------------- */
body {
	color: #333;
}
strong {
	font-weight: bold;
}

/* Links
--------------------------------------------- */
a {
	color: #777;
	text-decoration: underline;
	transition: color .3s ease;
	-webkit-transition: color .3s ease;
	-khtml-transition: color .3s ease;
	-o-transition: color .3s ease;
	-moz-transition: color .3s ease;
}
a:hover {
	color: #000!important;
}

.cursor-pointer {
	cursor: pointer;
}

/* Navigations
--------------------------------------------- */
/* --- Main Nav --- */
#branding #mainnav ul li a {
	text-decoration: none;
}

/* --- Sidebars --- */
#secondary .sidebar-feature {
	margin-bottom: 20px;
	width: 130px;
}

/* --- Twitter --- */
#twitter-feed > a {
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	text-transform: capitalize;
	background: url('images/Twitter_24x24.png') no-repeat left center;
	padding-left: 16px;
	margin-top: 20px;
	display: block;
	height: 24px;
}

/* Posts
--------------------------------------------- */
#content .entry-header h2.entry-title a {
	text-decoration: none;
}
#content .entry-header h2.entry-title a:hover {
	color: #333;
}

#content .entry-content {
	float: left;
	width: 100%;
}

#content .single-entry-content {
	margin: 0;
}

#content .entry-header p {
	padding: 0 0 5px;
	font-size: .8em;
}

#content .entry-header p span.entry-date, #content .entry-header p span.entry-author {
	font: italic 1em/1.5 'Droid Serif', Times, serif;
}

.entry-header,
#content .post .single-entry-header {
	margin-bottom: 20px;
}

.responsivevideo-wrapper {
  width: 100%;
  position: relative;
  padding: 0;
  margin-bottom: 20px;
  display: block;
}
.responsivevideo-wrapper iframe,
.responsivevideo-wrapper object,
.responsivevideo-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* --- Post Typography --- */
#content .post blockquote, #content .page blockquote {
	font: normal 1em/1.5 'Droid Sans', arial, sans-serif;
	border-left: 5px #CCC solid;
  background: #ececec;
  padding: 1em 1em 0;
  margin: 0 0 10px 20px;
}

/* --- Post Nav Below --- */

/* --- PageNavi --- */
.wp-pagenavi {
	margin-bottom: 10px;
	text-align: center;
}
#content .wp-pagenavi .page {
	padding: 3px 5px;
	margin: 2px;
	overflow: auto;
	clear: none;
	border-bottom: 1px solid #BFBFBF;
	line-height: normal;
	font-size: 0.65em;
}
.wp-pagenavi .pages,
.wp-pagenavi .current,
.wp-pagenavi .extend,
.wp-pagenavi .previouspostslink,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .first,
.wp-pagenavi .last {
	font-size: 0.65em;
}

/* --- Searchable Map --- */
#map_canvas {
	width: 90%;
	height: 0;
	padding-bottom: 60%;
}

#map_canvas img {
	max-width: none;
}

#search_map_span {
	margin-left: 5em;
}

.page-template-fusion-php #main {
	width: 100%;
}

.page-template-fusion-php .widget_social_links {
	margin-top: 20px;
}
.page-template-fusion-php #content .page .widget_social_links ul {
	padding: 0;
}
.page-template-fusion-php .widget_social_links ul li {
	list-style: none;
	display: block;
	float: left;
	margin-right: 10px;
}

/* --- Sharing --- */
#content .entry-container {
	position: relative;
	min-height: 215px;
}

.sharing {
	width: 100%;
	position: static;
	margin: 10px 0;
	clear: both;
}

.sharing .sharing-button {
	float: left;
	width: auto;
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
}

.sharing .sharing-button.fb {
	width: 48px;
}

.sharing .sharing-button.twitter {
	width: 56px;
	color: #006
}

.sharing .sharing-button.gplus {
	padding-top: 5px;
}

/* Media queries for responsive design
--------------------------------------------- */
/* --- Wide --- */
@media screen and (min-width : 1025px) {
	.sharing {
		position: absolute;
		top: 4px;
		left: 0;
		width: 60px;
		margin: 0;
		clear: none;
	}
	.sharing .sharing-button {
		float: none;
		display: block;
		vertical-align: auto;
		margin-right: 0;
	}
	.sharing .sharing-button.fb {
		margin-bottom: 10px;
		margin-left: 4px;
	}
	.sharing .sharing-button.gplus {
		padding-top: 0;
	}
	#content .single-entry-content,
	#content .entry-content,
	#content #nav-below {
		margin-left: 75px;
		width: 88%;
	}
	.page-template-fusion-php #content .single-entry-content,
	.page-template-fusion-php #content .entry-content,
	.page-template-fusion-php #content #nav-below {
		width: 100%;
	}
}

/* --- iPad Landscape --- */
@media screen and (max-width: 1024px) {
	#secondary .textwidget img {
		float: left;
		margin-right: 10px;
		margin-bottom: 10px;
	}
	#secondary .sidebar-feature {
		margin-bottom: 0;
		float: left;
		margin-right: 20px;
		height: 250px;
	}
	#secondary #text-518171890 .sidebar-feature {
		height: 150px;
	}
	#secondary #text-518171891 .sidebar-feature {
		height: 250px;
	}
}