/*
Theme Name: Maskar Starter
Theme URI: http://wwww.maskar.com
Author: Maskar Design
Author URI: http://wwww.maskar.com
Description: Starter theme for Maskar Design
Version: 1.0
License: GNU General Public License
License URI: license.txt
Text Domain: maskar-starter
Domain Path: /languages/
Tags:

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.

 Maskar Starter is based on Underscores http://underscores.me/, (C) 2012-2013 Automattic, Inc.
 It is the base theme used for all of Maskar Design's WordPress themes.
 It's a combination of _s & uses Unsemantic for its grid system.

*/

/* =Global
----------------------------------------------- */
/* Headings */
h1,h2,h3,h4,h5,h6 {
	clear: both;
}
hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}


/* Alignment */
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 0 auto;
}

/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}



/* =Content
----------------------------------------------- */

.sticky {
}
.hentry {
	margin: 0 0 1.5em;
}
.byline,
.updated {
	display: none;
}
.single .byline,
.group-blog .byline {
	display: inline;
}
.page-links {
	clear: both;
	margin: 0 0 1.5em;
}


/* =Asides
----------------------------------------------- */

.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}


/* =Media
----------------------------------------------- */

.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}
.wp-caption {
	border: 1px solid #ccc;
	margin-bottom: 1.5em;
	max-width: 100%;
}
.wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 1.2% auto 0;
	max-width: 98%;
}
.wp-caption-text {
	text-align: center;
}
.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}
.site-content .gallery {
	margin-bottom: 1.5em;
}
.site-content .gallery a img {
	border: none;
	height: auto;
	max-width: 90%;
}
.site-content .gallery dd {
	margin: 0;
}
.caption {
	width: 100%;
	background-color: #e8e7e7;
}
.caption span {
	font-size: 12px;
	display: inline-block;
	padding: 4px 20px 4px 20px;
}

/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {
	max-width: 100%;
}


/* =Navigation
----------------------------------------------- */

.site-content [class*="navigation"] {
	margin: 0 0 1.5em;
	overflow: hidden;
}
[class*="navigation"] .nav-previous {
	float: left;
	width: 50%;
}
[class*="navigation"] .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/* =Comments
----------------------------------------------- */

.comment-content a {
	word-wrap: break-word;
}

/* =Widgets
----------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}
/* Make sure select elements fit in widgets */
.widget select {
	max-width: 100%;
}
/* Search widget */
.widget_search .search-submit {
	display: none;
}

/* ==========================================================================
   HTML5 Boilerplate styles - h5bp.com (generated via initializr.com)
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 1em;
    line-height: 1.2;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

img {
    vertical-align: middle;
}

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}
/* =============================================================
    TYPOGRAPHY
    Sets font styles for entire site.
 * ============================================================= */

body { 
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 106.25%; 
    line-height: 1.470588235;
    color: #4a4a4a; 
    background: #ffffff;
}
p { 
    margin-bottom: 12px;
    font-size:13px;
}
@media (min-width: 40em) {
    body {
        line-height: 1.45;
    }
    p {
	    line-height: 16px;
    }
}

/*  Sizes 
 *  For smaller and larger text */
.text-small { 
    font-size: .882352941em; 
    line-height: 1.533333333; 
}
.text-tall { 
    font-size: 1.166666667em; 
    line-height: 1.4;
}
@media (min-width: 40em) {
    .text-tall {
        font-size: 1.352941176em;
    }
}

/*  Links 
 *  Hyperlink styling */
a {
	color: #3ca4c3; 
    text-decoration: none;
}
a:hover {
	color: #3287a1;
}
a img { 
    border: none; 
    background: none; 
} 

/*  Prevents border/background on linked image hover.
 *  Adds slight opacity. */
a:hover img { 
    border: none; 
    background: none; 
    opacity:0.8; 
    filter:alpha(opacity=95); 
}

/*  Lists 
 *  Styling for lists */
ul, ol { 
    margin-bottom: 1.529411765em; 
    margin-left: .5em;
}
ul ul, ul ol, ol ol, ol ul { 
    margin-bottom: 0; 
}
ul { 
    list-style:disc; 
}
ol { 
    list-style: decimal; 
}
li {
    font-size: 13px;
}
/*  Removes list styling.
 *  For semantic reasons, should only 
 *  be used on unordered lists. */
.list-unstyled { 
    margin-left: 0; 
    list-style: none; 
}

/*  Headings
 *  h1 through h6 styling
 *  Heading class lets you use one heading type for semantics
 *  but style it as another heading type. */
h1, h2, h3, h4, h5, h6 { 
    line-height: 1.2; 
    font-weight: normal;
    margin-bottom: 1em; 
    padding-top: 1em;
}
h1, .h1 { 
    font-size: 1.529411765em; 
    padding-top: .5em;
}
h2, .h2 { 
    font-size: 1.352941176em; 
}
h3, .h3 { 
    font-size: 1.176470588em; 
}
h4, h5, h6,
.h4, .h5, .h6 { 
    font-size: .882352941em;
}

@media (min-width: 40em) {
    h1, .h1 {
        font-size: 1.764705882em;
    }
}

/*  Lines, Quotes and Emphasis */
/*  Lines */
hr { 
    margin: 2em auto; 
    border: 0; 
    border-top: .071428571em solid #e5e5e5; 
    border-bottom: .071428571em solid #ffffff; 
}

/*  Bold */
strong { 
    font-weight: bold; 
}

/*  Italics */
em { 
    font-style: italic; 
}

/*  Subscript & Superscript */
sub, sup { 
    position: relative; 
    font-size: 85%; 
    font-weight: bold;
    line-height: 0; 
    vertical-align: baseline; 
    margin-left: .3em;
}
sup { 
    top: -0.5em; 
}
sub { 
    bottom: -0.25em; 
}
/*  Highlighting colors */
::selection { 
    color: #ffffff; 
    background: #0088cc; 
}
::-moz-selection { 
    color: #ffffff; 
    background: #0088cc; 
}

/*  Blockquotes */
blockquote { 
    border-left: .235294118em solid #e5e5e5; 
    margin-bottom:1.529411765em; 
    padding-left: 1.529411765em;
    padding-right: 1.529411765em;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, 
q:before, q:after { 
    content: ''; 
    content: none; 
}

/* =============================================================
    BUTTONS
    Styling for CSS buttons.
 * ============================================================= */

.btn {
    display: inline-block;
    font-size: .75em;
    padding: .25em .4444444em;
    line-height: 1.333333333;
    font-weight: normal;
    background-color: #808080;
    margin-left: .3em;
    margin-bottom: .3em;
    background: url(./img/btn-arrow.png) no-repeat 95% center;
    background-size: auto 65%;
    padding-right: 7%;
}
.btn, 
.btn:hover, 
a .btn:hover {
    color: #ffffff;
}
.btn:hover, 
a .btn:hover {
    background-color: #595959;
    border-color: #595959;
    text-decoration: none;
}
.btn-blue {
    background-color: #01b4d7;
}
.btn-blue:hover, 
a .btn-blue:hover {
    background-color: #01a2c1;
}
.btn-yellow {
    background-color: #e9b31f;
}
.btn-yellow:hover,
a .btn-yellow:hover {
    background-color: #F5C235;
}
.btn:active {
    -webkit-box-shadow: inset 0 .142857143em .235294118em rgba(0, 0, 0, 0.15), 0 .071428571em .142857143em rgba(0, 0, 0, 0.05);
            box-shadow: inset 0 .142857143em .235294118em rgba(0, 0, 0, 0.15), 0 .071428571em .142857143em rgba(0, 0, 0, 0.05);
    outline: 0; 
}
.btn-large {
    padding: .588235294em .882352941em;
    font-size: 1em;
    line-height: normal;
    border-radius: .294117647em;
}
.btn-block,
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    display: block;
    width: 100%;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; 
}
.btn-block + .btn-block {
    margin-top: .333333333em; 
}
button, .btn {
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    -webkit-appearance: none; 
}
.btn:first-child, input.btn {
    margin-left: 0; 
}

/* =============================================================
    FORMS
 * ============================================================= */
form, fieldset { 
    margin-bottom: 1.529411765em;
}
legend, label { 
    display: block;
    font-weight: normal;
    padding: 0; 
    margin-bottom: .294117647em; 
}
input, textarea, select {
    display: block;
    width: 100%;
    font: inherit;
    line-height: 1.470588235;
    color: #555555;
    vertical-align: middle; 
    margin-bottom: 1.176470588em; 
    padding: .294117647em; 
    border: .071428571em solid #b8b8b8; 
    border-radius: .176470588em;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
form button, form .btn {
    margin-bottom: 1.176470588em;
}
textarea { 
    height: 12em; 
}
input[type="image"], 
input[type="checkbox"], 
input[type="radio"] {
    display: inline-block;
    width: auto; 
    height: auto; 
    padding: 0; 
    margin-bottom: .294117647em; 
    cursor: pointer; 
}
input:focus, 
textarea:focus { 
    border-color: rgba(82, 168, 236, 0.8); 
    -webkit-box-shadow: inset 0 .071428571em .071428571em rgba(0, 0, 0, 0.075), 0 0 .470588235em rgba(82, 168, 236, 0.6);
            box-shadow: inset 0 .071428571em .071428571em rgba(0, 0, 0, 0.075), 0 0 .470588235em rgba(82, 168, 236, 0.6);
    outline: 0; 
    outline: thin dotted \9; 
}
input[type="file"]:focus, 
input[type="checkbox"]:focus, 
select:focus { 
    outline: thin dotted; 
    outline: .294117647em auto -webkit-focus-ring-color; 
    outline-offset: -.117647059em; 
}


/*  Inline Inputs */
.input-inline {
    display: inline;
    width: auto;
}
/*  Condensed Inputs */
.input-condensed {
    line-height: 1;
    padding: .117647059em;
}

@media (min-width: 40em) {
    input, textarea, select {
        line-height: 1.588235294;
    }
}


/* ==========================================================================
   Author's custom styles
   =Site Header
   =Homepage
   =Homepage Sidebar
   =Generic Sub Pages
   =About
   =About Sidebar
   =Footer
   ========================================================================== */

/* ==========================================================================
   =Site Header
   ========================================================================== */
#header-holder {
	min-height: 67px;
}
#main-header header {
	position: relative;
	background: url(./img/logo.png) no-repeat;
	background-position: center 13px;
	background-size: 91%;
}
#main-header {
	background-color: #317a9e;
	min-height: 40px;
}
#main-header h1 {
	padding: 0;
	margin: 0;
	text-indent: -9999px;
}
#main-header h1 a {
	display: block;
	min-height: 40px;
}

/* Navigation */

#site-navigation #menu-main-menu ul {
	margin:0;
	padding: 0;
	width: 100%;
}
#site-navigation #menu-main-menu ul li {
    font-size: 15px;
	width: 100%;
}
#site-navigation ul li a {
    color: #ffffff;
}
#site-navigation ul li a:hover, 
#site-navigation .current_page_item > a,
#site-navigation .current-menu-item > a,
.tax-focus #menu-item-22 a,
.tax-resourcetag #menu-item-22 a,
.single-staff #menu-item-17 a,
.category-22 #menu-item-21 a,
.category-23 #menu-item-21 a,
.category-24 #menu-item-21 a,
.category-25 #menu-item-21 a,
.single-post #menu-item-21 a {
	background-color: #32a6c3;
}
/* Small menu */
.menu-toggle {
	display: none;
	cursor: pointer;
	padding: 0;
	margin: 0;
	padding-top: 5px;
	color: #317a9e;
	font-size: 18px;
	background-color: #e9b31f;
	text-align: center;
	height: 37px;
}

@media screen and (max-width: 480px) {
	.menu-toggle,
	.main-navigation.toggled #menu-mobile,
	.main-navigation.toggled .current_page_item .sub-menu,
	.single-post .main-navigation #menu-item-1032 .sub-menu,
	.category .main-navigation #menu-item-1032 .sub-menu,
	.page-template-page-legal-cases-php .main-navigation #menu-item-1028 .sub-menu,
	.single-staff .main-navigation #menu-item-1021 .sub-menu  {
		display: block;
	}

	.main-navigation ul {
		display: none;
		margin: 0;
		padding: 0 0 5px;
	}
	.main-navigation li {
		display: block;
		float: none;    
		border-bottom: 1px solid #fff;
		padding: 7px 0;
	}
	.main-navigation .sub-menu {
		padding-left: 1em;
	}
}

#search-box {
    background-color: #e6f5f8;
}
.search-field {
    border-radius: 0;
    border: none;
    margin-bottom: 0;
    height: 25px;
    background-color: #e6f5f8;
    background: url(./img/search-icon.png) no-repeat 3px;
}
.form-box button,
.search-submit {
    border: none;
    color: #fff;
    font-size: 0.75em;
    height: 37px;
    padding: 3px;
    border-radius: 0;
    margin-bottom: 0;
}

/* ==========================================================================
   =Homepage
   ========================================================================== */
/* sub nav */

#topics-nav {
	margin: 1em 0 .5em 0;
}
#topics-nav li.topics {
    font-family: 'Open Sans', Helvetica, Arial, sans-serif;
    font-weight: 400;
	font-size: 15px;
	line-height: 1.2;
    padding: .65em 28px .65em 62px;
    font-size: 16px;
    position: relative;
}
#menu-topics {
	margin: 0;
	padding: 0;
}
#topics-nav #menu-item-192  {
	border: none;
}
.home #menu-topics li {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;	
}
.page-template-page-topic-php #menu-topics li,
#menu-topics li {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	filter: alpha(opacity=40);
	-moz-opacity: 0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}
.page-template-page-topic-php #menu-topics li.current_page_item {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.page-template-page-topic-php #menu-topics li a {
	color: #186c84;
}
.page-template-page-topic-php #menu-topics li:hover,
#menu-topics li:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	-khtml-opacity: 1;
	opacity: 1;
}
.page-template-page-topic-php #menu-topics li.current_page_item a {
	color: #f2c532;
}
#topics-nav .fighting {
	background: url(./img/icon-topics-fairfunding-blue.gif) no-repeat left center;
}
#topics-nav .ensuring {
	background: url(./img/icon-topics-equalaccess-blue.gif) no-repeat left center;
}
#topics-nav .stopping {
	background: url(./img/icon-topics-prisonpipeline-blue.gif) no-repeat left center;
}
.page-template-page-topic-php #topics-nav .fighting.current_page_item {
	background: url(./img/icon-topics-fairfunding-yellow.gif) no-repeat left center;
}
.page-template-page-topic-php #topics-nav .ensuring.current_page_item {
	background: url(./img/icon-topics-equalaccess-yellow.gif) no-repeat left center;
}
.page-template-page-topic-php #topics-nav .stopping.current_page_item {
	background: url(./img/icon-topics-prisonpipeline-yellow.gif) no-repeat left center;
}
#topics-nav a {
	color: #338296;
	text-transform: uppercase;
	overflow: hidden;
	width: 100%;
	height: 100%;
	display: block;
}
#topics-nav a span {
	color: #27a6c3;
}
.tri {
	display: none;
}
.menu-topics-container {
	clear: both;
}
#slider-holder {
	margin-top: 10px;
}
#slider-holder, #slider {
    position: relative;
    width: 100%;
}
#slider {
	visibility: hidden;
}
.slide {
	background-color: #e9b31f;
	margin-bottom: 2px;
    position: relative;
    width: 100%;
}
.slide-text {
    position: absolute;
    bottom: 6%;
    left: 11%;
    z-index: 99;
    max-width: 300px;
}
.slide h2 {
    font-size: 18px;
    color: white;
    max-width: 320px;
    line-height: 1;
    margin: 0 0 5px 0;
    padding: 0;
    padding-left: 20px;
}
.slide img {
	width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9;
    display: none;
}
.slide .btn {
	width: 160px;
	text-align: left;
	padding: 3px 15% 3px 15px;
	color: #444141;
	font-size: 12px;
}
#home-feeds {
	margin-top: 1.5em;
	margin-bottom: 1.65em;
}
.home-feed h4 {
	font-size: 12px;
	text-transform: uppercase;
	line-height: 16px;
	margin: 0;
	padding: 0;
}
.home-feed h5 {
	margin-top: 0.15em;
	margin-bottom: 0.15em;
	padding-top: 0.15em;
	font-size: 15px;
	line-height: 18px;
}
.home-feed h5 a {
	color: #27a6c3;
}
.feed-thumb {
	padding: 3px 0;
}
.feed-thumb img {
	max-width: 100%;
	height: auto;
}
.feeds {
	margin-bottom: 1.5em;
	padding: 0;
}

/* ==========================================================================
   =Homepage Sidebar
   ========================================================================== */
#sidebar {
	background-color: #e6f5f8;
}
#sidebar-article-list ul {
	padding: 0 10px 0 10px !important;
	margin: 0 !important;
	list-style: none;
	list-style-type: none !important;
    border-bottom: 1px solid #fff;
}
#sidebar-article-list ul li {
	border-top: 1px solid #fff;
	font-size: 14px;
	margin: 0;
	padding: 10px 15px;
}
#sidebar-article-list h3 {
	margin: 0;
	padding: 0;
	margin-bottom: 4px;
}
#sidebar-article-list li p {
	padding-top: 0;
	margin-top: 0;
}
#sidebar-article-list li a {
	color: #27a6c3;
}
#tweets {
    padding: 5px 15px 15px;
}
#tweets ul {
    list-style: none;
    margin: 0;
    padding: 0 10px 0 10px;
}
#tweets ul li {
    margin-left:0;
    font-size: 12px;
    line-height: 1.5;
    padding: 10px 0px;
}
#twitter-handle {
    font-size: 14px;
}
#btn-donate {
    width: 74%;
    text-align: center;
    display: block;
    font-size: 1.2em;
    padding: 0.6em .666666667em;
    line-height: 1.333333333;
    font-weight: normal;
    color: #fff;
    margin: .9em auto;
}

/* ==========================================================================
   =Generic Sub Pages
   ========================================================================== */

#main h1 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #317a9e;
	font-weight: 300;
	padding: 0 0 0.25em 0;
	margin: 0;
	font-size: 44px;
}
.content {
	border-top: 1px solid #d3d1d1;
}
.content .header-img img {
	width: 100%;
	height: auto;
}
.content h2 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #317a9e;
	margin-top: 0em;
	margin-bottom: .25em;
	padding: 0;
}

.content h3 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #317a9e;
	margin-top: 0em;
	margin-bottom: .25em;
	padding: 0;
}
.feeds h4 {
	font-size: 14px;
	color: #3ca4c3;
	margin: 0;
	margin-top: 4px;
	padding: 0;
}
.feeds p {
	padding-top: 0;
	margin-top: 4px;
}
.page-content {
	padding: 20px 0;
}
.page-content p {
	padding-top: 0;
	margin-top: 4px;
}
.page-content ul {
	margin-left: 0px;
	padding-left: 20px;
}
.page-content ul li {
	padding-bottom: .5em;
}
/* customize tabs */
.symple-tabs ul.ui-tabs-nav {
	border: none;
}
.symple-tabs {
	margin-top: 20px;
}
.symple-tabs ul.ui-tabs-nav li a {
	border: none;
	background-color: #fff;
}
.symple-tabs ul.ui-tabs-nav .ui-state-active a {
	background-color: #01b4d7;
	border: none;
	border-width: 0;
	color: #fff !important;
}
.symple-tabs ul.ui-tabs-nav .ui-state-active a:hover {
	background-color: #01a2c1;
	color: #fff;
}
.symple-tabs .tab-content {
	border: none;
	padding: 0;
}
.tab-content ul {
	margin-top: .25em;
}
p.small-caps {
	text-transform: uppercase;
	font-size: 12px !important;
	margin-bottom: 0;
}
/* ==========================================================================
   =Sidebar Generic
   ========================================================================== */
.left-sidebar ul {
	list-style-type: none;
	margin: .2em 0 0;
	padding: 0;
}
.left-sidebar li {
	margin-left: 0;
	font-size: 16px;
	line-height: 1.75;
}
.left-sidebar .current_page_item,
.single-staff #about-sidebar #menu-item-113,
#newsroom-sidebar .current-menu-item,
#newsroom-sidebar .current-menu-parent {
	background-color: #27a6c3;
	padding-left: .25em;
	margin-right: 0.5em;
}
.left-sidebar .current_page_item a,
.single-staff #about-sidebar #menu-item-113 a,
#newsroom-sidebar .current-menu-item a,
#newsroom-sidebar .current-menu-parent a {
	color: #fff;
}

/* ==========================================================================
   =About Generic
   ========================================================================== */


/* ==========================================================================
   =About Staff Landing
   ========================================================================== */
.staff-holder {
	margin-bottom: 20px;
	padding: 0;
}
.staff-holder a {
	width: 100%;
	height: 100%;
	background-color: #e8e7e7;
	display: block;
	padding: 5% 0;
	text-align: center;
}
.staff-holder a:hover {
	background-color: #e9b31f;
	color: #fff;
}
.page-template-page-about-staff-php .header-img {
	padding-bottom: 20px;
}


/* ==========================================================================
   =About Staff Single Entry
   ========================================================================== */
.page-template-page-about-php #staff-content {
	padding-top: 20px;
}
.single-staff #staff-sub {
	border-top: 1px solid #d3d1d1;
	padding: 20px 0 0 0;
}
#staff-featured img {
	width: 100%;
	height: auto;
}

/* ==========================================================================
   =Topics Drilldown
   ========================================================================== */

.page-id-60 #topic-slogan {
	background: url(./img/topic-bg-funding.jpg) no-repeat center center;
	background-size: cover;
	padding: 3% 5%;
}
.page-id-62 #topic-slogan{
	background: url(./img/equal-access-header.jpg) no-repeat center center;
	background-size: cover;
	padding: 3% 5%;
}
.page-id-64 #topic-slogan{
	background: url(./img/prison-pipeline-header.jpg) no-repeat center center;
	background-size: cover;
	padding: 3% 5%;
}
#topic-slogan h1 {
	font-size: 2em;
	color: #fff;
	padding: 0;
	margin: 0;
}
#topic-header {
	background-color: #27a6c3;
	margin-top: 10px;
}
#topic-fact {
	background-color: #27a6c3;
	color: #fff;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 400;
	padding: 1.5% 5%;
}
#topic-fact h1 {
	color: #fff;
	padding: 0;
	margin: 0;
	font-size: 32px;
	font-weight: 600;
}
#topic-fact p {
	padding-bottom: 0;
	margin-bottom: 0;
}
#topic-content {
	padding: 0 0 1em 0;
	border-bottom: 1px solid #d3d1d1;
}
#topic-content h5 {
	font-size: 18px;
	line-height: 1.5;
	color: #27a6c3;
	margin-top: 0;
}
#topic-feeds {
	margin-top: .75em;
	margin-bottom: 1.65em;
}
/* ==========================================================================
   =Resources Landing
   ========================================================================== */
.resource-module {
	border-bottom: 1px solid #d3d1d1;
	padding: 20px 0;
}
.resource-module:last-child {
    border-bottom: none;
}
.resource-module img {
	width: 100%;
	height: auto;
}
#resources-content .btn {
	font-size: 12px;
}
/* ==========================================================================
   =Resources Drilldown
   ========================================================================== */
/* Resources by Type */
.resource-heading {
	border-bottom: 1px solid #d3d1d1;
	padding-left: 70px;
	padding-top: 7px;
	height: 53px;
}
.resource-heading h4 {
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.resource-heading h3 {
	font-size: 22px;
}
#equalaccess,
#pipeline {
	border-top: 1px solid #d3d1d1;
}
#fairschool .resource-heading {
	background: url(./img/icon-fairfunding-header.gif) no-repeat;
}
#equalaccess .resource-heading {
	background: url(./img/icon-equalaccess-header.gif) no-repeat;
}
#pipeline .resource-heading {
	background: url(./img/icon-prisonpipeline-header.gif) no-repeat;
}
.resource-heading h3, .resource-heading h4 {
	margin: 0;
	padding: 0;
}
.type-list {
	list-style: none;
	padding-left: 60px;
	padding-top: 0;
	margin-top: 0;
}
.type-list li {
	font-size: 16px;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom: 1px solid #d3d1d1;
}
.type-list h4 {
	padding-top: 0;
	margin-top: 13px;
	font-size: 16px;
}
/* Resources by focus */
.stopping-the-school-to-prison-pipeline .focus-holder .resource-heading {
	background: url(./img/icon-prisonpipeline-header.gif) no-repeat;
	border-top: 1px solid #d3d1d1;
}
.ensuring-equal-access .focus-holder .resource-heading {
	background: url(./img/icon-equalaccess-header.gif) no-repeat;
	border-top: 1px solid #d3d1d1;
}
.fighting-for-fair-school-funding .focus-holder .resource-heading {
	background: url(./img/icon-fairfunding-header.gif) no-repeat;
	border-top: 1px solid #d3d1d1;
}


/* ==========================================================================
   =Resources Sidebar
   ========================================================================== */
#resources-sidebar {
	padding-top: 10px;
}
.resource-sidebar-heading {
	font-size: 12px;
	line-height: 1.25;
	margin: 0;
	padding: 0;
	color: #7e7e7e;
}
#resources-sidebar section {
	margin-bottom: 20px;
}
.menu-item-object {
	margin-bottom: 4px;
}
.menu-item-object-focus a {
	padding-top: 63px;
	width: 60px;
	display: block;
	font-size: 13px;
	line-height: 1.25;
	color: #27a6c3;
}
#menu-resources-focus {
	width: 180px;
}
#menu-resources-focus li {
	float: left;
	width: 60px;
}
.menu-fair-school-funding a {
	background: url(./img/icon-fairfunding-sprite.gif) -60px top no-repeat;
}
.menu-equal-access a {
	background: url(./img/icon-equalaccess-sprite.gif) -60px top no-repeat;
	border-left: 1px solid #fff;
}
.menu-prison-pipeline a {
	background: url(./img/icon-prisonpipeline-sprite.gif) -60px top no-repeat;
	border-left: 1px solid #fff;
}
#resources-sidebar-cloud {
	font-size: 13px;
}
.menu-item-object-focus a:hover {
	background-position: left top;
}
#resources-sidebar-focus .current-menu-item a {
	background-position: left top;
}
#resources-sidebar-cloud {
	padding-top: 0;
	margin-top: 0;
	padding-right: 5px;
}

/* ==========================================================================
   =Newsroom Landing
   ========================================================================== */
#multimedia-holder {
	border-bottom: 1px solid #d3d1d1;
	padding-bottom: 20px;
}
/*
.video-holder {
	position: relative;
	padding-bottom: 75%;
}
.video-holder iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}
*/
#newsroom-feeds {
	padding-top: 20px;
}
#newsroom-feeds .feeds {
	padding: 0 20px 0 0;
}
#newsroom-feeds p.small-caps {
	margin: 0;
	padding: 0;
}
#newsroom-feeds p {
	font-size: 13px;
	line-height: 16px;
}
.post-holder {
	padding-bottom: 20px;
}
.sharethis {
	padding: 8px 0;
}
#newsroom-content h2 {
	margin-top: .25em;
}

/* ==========================================================================
   =Newsroom Landing Sidebar
   ========================================================================== */
#nav-below a {
	font-size: 13px;
}

/* ==========================================================================
   =Legal Actions/Cases
   ========================================================================== */
#legal-content h2 {
	margin-bottom: .45em;
}
.case-holder {
	margin-bottom: 30px;
}
.case-holder h3 {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 16px;
}
.case-holder p {
	padding-top: 0;
	margin-top: 0;
}
.case-holder ul {
	margin-top: 0.35em;
	margin-bottom: 0.25em;
}

/* ==========================================================================
   =Search
   ========================================================================== */
.post-search {
	border-bottom: 1px solid #d3d1d1;
	margin-bottom: 20px;
}
.post-search .entry-title {
	margin: 0;
	padding: 0;
	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	font-weight: 100;
	font-size: 22px;
}
/* ==========================================================================
   =Footer
   ========================================================================== */
#footer {
	background-color: #e8e7e7;
	font-size: 12px;
	line-height: 1.5;
	padding-top: 25px;
}
#locations h6 {
	font-size: 11px;
	color: #258eb2;
	text-transform: uppercase;
	font-weight: bold;
	letter-spacing: 0.15em;
	padding-top: 0;
	margin-top: 0;
	margin-bottom: 2em;
}
#locations p {
	font-size: 12px;
	line-height: 1.5;
}
#locations span.small-caps {
	font-weight: bold;
	text-transform: uppercase;
	font-size: 10px;
}
#footer-nav .menu-list,
#footer-nav .menu-list ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
#footer-nav .menu-list li ul {
	padding: 0;
	margin: 0;
}
#footer-nav ul.menu-list > li {
	border-bottom: 1px solid #4ca0bd;
	font-weight: bold;
}
#footer-nav ul.menu-list ul li {
	font-weight: normal;
}
#footer-nav li {
	font-size: 12px;
	padding: .3em 0;
}
#participate {
	margin-top: 10px;
}
#mailing-list {
	padding: 20px;
	background-color: #d7d7d7;
}
#mailing-list #btn-subscribe {
    color: #fff;
    text-align: center;
    padding: 5px;
}
#mailing-list p {
	padding: 0 0 10px 0;
	margin: 0;
	font-size: 14px;
	line-height: 1.2;
	font-weight: bold;
}
#social {
    padding:0 10px 10px;
    margin-bottom: 10px;
}
#social a {
    display: inline-block;
    margin-right: 7px;
}

/* ==========================================================================
   Media Queries
   ========================================================================== */
   @media only screen and (max-width: 480px) {  
	#home-feeds {display: table; width: 100%; }

	#home-analysis {display: table-footer-group; } /* Will be displayed at the bottom of the pseudo-table */
	#home-factsheet {display: table-row-group;    } /* Will be displayed in the middle */
	#home-news {display: table-header-group; } /* Will be displayed at the top */
	
}

@media only screen and (min-width: 480px) {
	
	.main-navigation ul {
		margin: 0;
		padding: 0 0 5px;
		width: 100%;
	}
	.main-navigation li {
		display: block;
		float: none;    
		border-bottom: 1px solid #fff;
		padding: 7px 0;
		width: 100%;
	}
	#main-header {
		background: url(./img/header-bg.gif) repeat-x;
		background-size: contain;
		min-height: 60px;
	}
	#main-header header {
		background-size: auto;
		background-position: center 15px;
	}
	
	.slide img {
		display: block;
	}
	.slide .btn {
		font-size: 12px;
	}
	.slide h2 {
	    padding-left: 0px;
	}
	#topic-content {
		padding: 1em 3em;
	}
	#topic-slogan h1 {
		font-size: 3em;
	}
}

@media only screen and (min-width: 769px) {
	#slider-holder, #topic-header {
		margin-top: 0px;
	}
	#main-header h1 a {
		min-height: 60px;
	}
	#main h1 {
		padding: 0 0 0.5em 0;
	}

	#footer-nav .menu-list,
	#footer-nav .menu-list ul {
		list-style: none;
		margin: 0 0 1em 0;
	}
	#participate {
		margin-top: 0;
	}
	#mailing-list button {
	    font-size: 14px;
	}
	.site-title {
		width: 382px;
		float: left;
		s;
	}
	#main-header header {
		background-position: 10px center;
		background-size: auto;
	}
	#site-navigation{
		padding: 20px 0;
		margin-left: 390px;
	}
	#site-navigation ul {
		margin:0;
		padding: 0;
	}
	#site-navigation ul li {
		display: inline;
		font-size: 15px;
		margin: 0 0.75% 0 0;
		border: none;
		text-align: center;
	}
	#site-navigation ul li a {
		padding: .4em;
	}
	#site-navigation ul li.last-item {
		margin: 0;
	}
    #topics-nav p {
        margin-bottom: 0;
    }
	#about-content, 
	#resources-content,
	#newsroom-content,
	#legal-content,
	#staff-content {
		border-left: 1px solid #d3d1d1;
	}
	#about-sidebar {
		border-bottom: none;
	}
	
	#topic-fact, #topic-slogan {
		min-height: 176px;
	}
	#topic-fact {
		padding: 1.5%;
	}
	.slide-text {
	    position: absolute;
	    bottom: 10%;
	    left: 7%;
	    z-index: 99;
	    max-width: 500px;
	}
	.slide h2 {
	    font-size:32px;
	    line-height: 1;
	}
	.slide .btn {
		font-size: 15px;
		width: 240px;
		padding: 15px 15% 15px 15px;
		margin-left: 0;
	}
	.resource-module {
		border-bottom: 1px solid #d3d1d1;
		padding: 20px;
	}
	.feeds {
		padding: 0 10px;
	}
	.page-content {
		padding: 20px 0 20px 20px;
	}
	#multimedia-holder {
		padding: 20px 0 20px 20px;
	}
	#newsroom-feeds {
		padding: 20px 0 20px 20px;
		margin-top: 0;
	}
	
	.staff-holder {
		padding: 0 10px;
	}
	.staff-holder a {
		padding: 15% 0;
	}
	.page-template-page-about-staff-php #staff-content-grid {
		padding-left: 10px;
	}
	.single-staff #staff-sub {
		padding-left: 10px;
	}
}

@media only screen and (min-width: 1025px) {

/* ===============
    Maximal Width
   =============== */
	#main-header header {
		position: relative;
		background-position: 10px center;
		min-height: 60px;
	}
	#site-navigation {
		padding-left: 60px;
	}
	#home-analysis  {
		border: 1px solid #ace1eb;
		border-top: none;
		border-bottom: none;
	}
	#topics-nav #menu-item-192 {
		border: 1px solid #ace1eb;
		border-top: none;
		border-bottom: none;
	}
	.current_page_item .tri {
		background: url(./img/down-arrow.gif) no-repeat transparent;
		height: 23px;
		width: 45px;
		position: absolute;
		left: 15%;
		bottom: -30px;
		display: block;
	}
	#topics-nav .stopping,
	#topics-nav .ensuring,
	#topics-nav .fighting {
		background-position: .6em 0.5em;
	}
	.page-template-page-topic-php #topics-nav .fighting.current_page_item,
	.page-template-page-topic-php #topics-nav .ensuring.current_page_item
	{
		background-position: .6em 0.5em;
	}
	.page-template-page-topic-php #topics-nav .stopping.current_page_item {
		background-position: .6em 0.375em;
	}
	#fade {
		background: url(./img/fade.png) no-repeat center bottom;
		background-size: 100% auto;
		width: 100%;
		height: 19px;
	}
	.slide h2 {
	    font-size: 48px;
	    line-height: 1;
	    max-width: 400px;
	}
	.resource-module:nth-child(odd) {
		border-right: 1px solid #d3d1d1;   
	}
	#video-content {
		padding-left: 20px;
	}
	#newsroom-content h2 {
		margin-top: 0em;
	}
}

/* ==========================================================================
   Helper classes
   ========================================================================== */
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}
.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}
.hidden {
    display: none !important;
    visibility: hidden;
}
.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}
.invisible {
    visibility: hidden;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/*  Text alignment */
.text-center { 
    text-align: center; 
}
.text-right { 
    text-align: right; 
}
.text-left { 
    text-align: left; 
}

/*  Floats */
.float-left {
    float: left;
}
.float-center {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
.float-right {
    float: right;
}

/*  Spacing */
.no-space { 
    margin: 0; 
    padding: 0; 
}
.no-space-bottom { 
    margin-bottom: 0; 
    padding-bottom: 0; 
}
.no-space-top { 
    margin-top: 0; 
    padding-top: 0; 
}
.space-bottom { 
    margin-bottom: 2em; 
}
.space-bottom-small { 
    margin-bottom: .470588235em; 
    padding-bottom: 0; 
}
.space-top { 
    padding-top: .82352941234em; 
}

/*  Screen Reader Text */
.screen-reader { 
    position: absolute; 
    top: -9999em; 
    left:-9999em; 
}

/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group; /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}