/*
Theme Name: The Philadelphia Citizen
Theme URI: http://www.thephiladelphiacitizen.com
Author: the Brownstein Group
Author URI: http://www.brownsteingroup.com
Description: A custom theme for the Philadelphia Citizen website, built by Brownstein Group in 2015.
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: News, White, Pink, Black
Text Domain: twentyfifteen

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 the Erik Meyer reset */
/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
/* line 18, reset.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
/* line 29, reset.scss */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}

/* line 33, reset.scss */
body {
line-height: 1;
overflow-y:scroll;
}
body footer#colophon .footerNav{
width:56.5%;
}
@media (max-width: 900px){
body footer#colophon .footerNav{
width:90%;
}
.row .placeholder .bolt{
position:absolute;
top:0;
height:56vw!important;
}
}
.newsletterSpot fieldset{
border:0;
padding:0;
}
#doSomething iframe, #data iframe, #video iframe, #cheatSheet iframe, #timedPopup iframe, #joinPopup iframe, #customHalo iframe{
width:100%!important;
}
@media (max-width:1030px){
body #newsletterPopup .popupTitle h3::before, body #newsletterPopup .popupTitle h3::after{
	display:none;
}
body #newsletterPopup .popupTitle h3{
	font-size:1.5em;
}
}

#content{display:block!important;}
.home #content{display:table!important;}
/* line 37, reset.scss */
ol, ul {
list-style: none;
}

/* line 41, reset.scss */
blockquote, q {
quotes: none;
}
.storyList .row .event h2{
 font-size: 1.6em;
}
/* line 46, reset.scss */
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}

/* line 51, reset.scss */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*Vars and Sources*/
@font-face {
font-family: AvenirBlack;
src: url(fonts/AvenirLTStd-Black.woff);
}

@font-face {
font-family: AvenirRoman;
src: url(fonts/AvenirLTStd-Roman.woff);
}

@font-face {
font-family: RockwellEB;
src: url(fonts/RockwellStd-ExtraBold.woff);
}

/*** Citizen staff custom code. Do not remove. ***/
.responsive-tabs__panel {
	border-color:#ec008c!important;
}

.responsive-tabs__list__item {
	border-color:#999999!important;
	margin-bottom:0px!important;
	margin-right:10px!important;
}

.responsive-tabs__list__item--active{
	border-color:#ec008c!important;
	padding-bottom:19px!important;
	margin-bottom:0px!important;
	margin-top:0px!important;
	color:#ec008c!important;
}


.responsive-tabs h2, .twocol h2{
color: #ec008c;
font-size: 1.5em;
margin-bottom:20px;
}

.responsive-tabs h3, .twocol h3{
color: #3A383A;
font-size: 1.3em;
margin-bottom:40px;
}
#page .nav-bar ul li .submenu a{
	font-size: 0.65em!important;
}
.responsive-tabs h4, .twocol h4{
color: #ec008c;
font-size: 1.2em;
margin-bottom:20px;
}
#content .postSocial{
width:auto!important;
}
.twocol_wrap{
text-align:center;
width:100%;
margin-top:40px;
}

.twocol{
width:300px;
display:inline-block;
vertical-align: top;
margin-bottom:50px;
margin-left:10px;
margin-right:10px;
}

.twocol img{
width:100px;
height:127px;
text-align:center;
}

.twocol img[src=""] {
   display: none;
}

.twocol .item_social{
width:32px;
height:32px;
display:inline-block;
margin-right:10px;
margin-left:10px;
margin-bottom:15px;
}



.twocol a.item_social.twitter{
background-image:url('/wp-content/uploads/2015/08/twitter_32.png');
}

.twocol a.item_social.fb{
background-image:url('/wp-content/uploads/2015/08/facebook_32.png');
}

.twocol a.item_social[href=''], .twocol a.item_social[href='http://www.twitter.com/']{
  display: none;
}


/* via http://stackoverflow.com/questions/27938365/i-would-like-to-hide-my-outer-div-if-inner-div-is-empty */
.item div:not(:empty):before {
  display: block;
  content: attr(data-label);
}



.item_value:before{
text-align:left;
font-weight:bold;
font-family: AvenirBlack, arial, sanss-serif;
margin-left:-10px;
margin-bottom:10px;
}

.twocol a.item_social.email{
background-image:url('/wp-content/uploads/2015/08/email_32.png');
}

.twocol a.item_social.website{
background-image:url('/wp-content/uploads/2015/08/website.png');
}

.twocol .item_title{
text-align:left;
font-weight:bold;
margin-left:10px;
margin-bottom:10px;
font-family: AvenirBlack;
}

.twocol .item_value{
text-align:left;
margin-left:20px;
margin-bottom:20px;
line-height:1.2em;
}

ul.bolt{
padding-left:0!important;
}

ul.bolt li{
list-style:none;
background-repeat:no-repeat;
background-image:url(/wp-content/uploads/2015/08/bolt_48x48.png);
background-position:left 15px;
padding-left:50px;
margin-bottom:30px!important;
min-height:60px;
}

ul.short li{
margin-bottom:5px!important;
padding-top:20px!important;
}

ul.bolt ul{
list-style-type:disc!important;
}

ul.bolt ul li{
background-image:none;
list-style-type:disc!important;
padding-left:0px;
margin-bottom:0px!important;
margin-top:10px!important;
min-height:0px;
}

@media (max-width:900px){
.row .plainText .table{
	padding: 2rem 0;
}
	body #content #contentArea .postInfo .postDate{
		width:100%;
		margin-left:0;
		margin-top:1em;
		
		text-align:center;
	}
}

.masthead{
text-align:center;
width:100%;
}

.masthead .title{
font-weight:bold;
margin-bottom:0.5em;
margin-top:2em;
}

.masthead .name{
margin-bottom:0.5em;
}

.masthead .category{
text-decoration:underline;
font-weight:bold;
margin-top:1em;
margin-bottom:0.5em;
}

.masthead .col{
display:inline-block;
width:200px;
vertical-align:top;
}

.partner_logo{
height:100px!important;
width:auto;
margin:0px 20px;
}

.dosomething-tile{
	position:relative;
	float:left;
	margin:10px;
	height:200px;
	width:250px;
	text-align:center;
	background-size:cover;
	vertical-align:middle;
}

.dosomething-tile-text{
	text-align:center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width:210px;
	padding:10px;
	background-color:white;
	border:2px solid #ec008c;
}

/*
@media (max-width: 900px){

	.dosomething-tile{
		width:90%;
		margin:5%;
		background-position: center;
	}

	.dosomething-tile-text{
		width:80%;
	}
}
*/

.articleStrip ul li{
float:none!important;
vertical-align:middle;
}
.articleStrip ul li:after{
top:calc(50% - 2.25em)!important;
}
#content #siderail{
position:relative;
z-index:0;
}
#content .jumbotron{
overflow:visible!important;
}
td.centerSpot[style="background:#3a383a"] span{
display:none!important;
}
.postid-4184 #content #contentArea.civicSeason .scoreboard table tr .teamText h3{
font-size:1.6em;
}
.page-template-authorPage #content #contentArea{
text-align:left;
border-right:none;
position:relative;
padding:0;
display:block;
margin:0 auto;
float:none;
width:100%;
}
.page-template-authorPage .row .plainText .table{
width:100%;
}
.page-template-authorPage .page-header span{
width:100%;
font-size:0.5em;
display:block;
}
.page-template-authorPage #main .page-title{
color:#000;
font-family:"RockwellEB",serif;
line-height:0.9em;
padding:0 1em 0.5em;
margin:0.5em 0 0.75em;
width:calc(100% - 2em);
}
.page-template-authorPage #main .page-title span{
font-family:AvenirRoman;
font-size:0.5em;
}
.page-template-authorPage #content #contentArea figure{
padding-top:0;
}

/** WRITE YOUR BLOCK TUMBLR WIDGET **/
.otw-widget-1{
	border:1px solid #ec008c;
}

.otw-widget-1 ul{
	padding:0px 30px!important;
}



#wyb-nav-outer {
    width:100%;
    padding-bottom:25px;
    text-align:center;
}

#wyb-nav-outer,
#wyb-nav {
    height: 25px;
    width:auto;
    background-color:#FFFFFF;
    /*margin-bottom:25px;*/
}

#wyb-nav {
	padding-bottom:15px;
    width:100%;/*!important;*/
}

.scrolling {
    position: fixed;
    top: 40px;
    padding-top:20px;
    left:0px;
    border-bottom:1px solid #ec008c;
/*    width:100%!important;*/
    margin-left:auto;
    margin-right:auto;
}

@media (max-width: 900px){
	.scrolling{
		top:0px;
		margin:0px!important;
		padding-top:10px!important;
		padding-bottom:0px!important;
		width:100vw!important;
	}
}

#wyb-nav{
	clear:both;
	text-align:center;
	padding-left:0px;/*!important;*/
	/*padding-top:25px!important;*/
}

#wyb-nav li{
	display:inline;
	margin:0px 5px!important;
}

#wyb-nav a:link, #wyb-nav a:visited, article a:visited{
	color:#EC008C;
}

.tumblr_post{
	clear:both;
	list-style:none;
	border-bottom:2px solid #ec008c;
	margin:30px 20px!important;
	padding:20px;
}

.tumblr_post h3, .wyb_title{
	color:#ec008c;
	font-size:1.5em;
	text-align:left;
}

.wyb_poem_container{
    width: 100%;
    text-align: center;
	    margin-top: 20px;
}

.wyb_poem{
	margin-left:auto;
	margin-right:auto;
	text-align:left;
    display: inline-block;
    border: 1px solid #EC008C;
    padding: 20px 50px;
}

.wyb_title{
	margin-bottom:0.6em;
}

.wyb_author{
	font-style: italic;
	margin-bottom:1em;
}

.wyb_text{
	line-height:1.5em;
}

.widgettitle{
	display:none;
}
.page-template-noTweets #content #contentArea .wpcf7 form input:not([type=submit]), .page-template-primary #content #contentArea .wpcf7 form input:not([type=submit]){
height:inherit!important;
}

.social_footer{
	font-size:0.8em;
}

.social_footer_intro{
	text-align:center;
	margin-bottom:15px;
}

.social_footer > #follow-sprites{
	font-size:1em;
}

#follow-sprites{
text-align:center;
margin-left:auto;
margin-right:auto;
font-size:16px;
}


/*#follow-sprites > div{*/
.follow-sprite-item{
	width:64px;
	min-height:64px;
	display:inline-block;
}

/*#follow-sprites > div > a > div{*/
/*
.follow-sprite-item > a > div{
	height:64px;
	width:64px;
	background-image:url('http://thephiladelphiacitizen.org/wp-content/uploads/2015/12/social_sprites-64px.png');
	background-repeat:no-repeat;
}
*/

.sprites-row{
	display:inline-block;
}

.follow-sprite-item{

}

/*#follow-sprites > div > a{*/
.follow-sprite-item > a{
	background:url(/wp-content/uploads/2016/02/social_sprites-28px.png) no-repeat;
	display:inline-block;
	width:27px;
	height:28px;
	margin-bottom:1em;
}

.popupNL .newsletterSpot #mc4wp_email{
	width:calc(100% - 85px - 1em);
}


@media (max-width: 900px){
	.social_footer > #follow-sprites > div{
		font-size:10px;
	}
	.social_footer_intro{
		font-size:1.2em;
	}
}


.social_footer > .popupNL{
	max-width:400px!important;
	margin-left:auto;
	margin-right:auto;
}

body header#masthead .socialIcons a{
	background:url(http://thephiladelphiacitizen.org/wp-content/uploads/2016/02/social_sprites-28px.png) no-repeat;
}
.googleBtn{
	background-position:-128px 0!important;
}
.vimeoBtn{
	background-position:-159px 0!important;
}
.instaBtn{
	background-position:-191px 0!important;
}

.aligncenter{
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.alm-reveal{
font-size:0;
}
.row .col{
font-size:16px;
}



/** sc this_week_in_soljo **/
.this_week_in_soljo h1{
	font-size:1.1em!important;
}


/** sc today_in_soljo **/
.soljo_story{
	width:100%;
	text-align:center;
	margin-top:50px;
}

.soljo_inner{
	width:500px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

.soljo_inner a{
	width:500px;
	display:block;
}

.soljo_inner a:link{
	color:#3A383A!important;
}

soljo_inner a:visited{
	color:#3A383A!important;
}

.soljo_inner a:hover{
	color:#EC008C!important;
}

.soljo_inner a{
	color:#3A383A!important;
}

.soljo_text{
	margin-top:300px;
}

.soljo_inner h1, .grid-item h1{
    line-height: 1.2em;
    font-weight: bold;
    font-size:1.3em;
    padding-right: 2em;
    margin-top: 1em;
    margin-bottom: 0.1em;
    text-transform: uppercase;
    font-family: "RockwellEB", serif;
}

.soljo_blurb{
	font-family:"AvenirRoman";
	font-weight:normal!important;
	font-size:1em;
	margin-bottom:0!important;
}h

.soljo_source{
	color:#EC008C;
	text-transform:uppercase;
	font-family: "RockwellEB", serif;
	font-size:0.9em;
	margin-top:0.5em;
	display:block;
}

.soljo_img_container{
	width:500px;
	height:250px;
	overflow:hidden;
}

.soljo_helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.soljo img{
    vertical-align: middle;
    width:100%;
}

.soljo_related{
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 25px;
}

.soljo_related > a{
	display:block;
	border:1px dotted #EC008C;
}

.soljo_related > a:hover{
	border:1px solid #EC008C;
}

.soljo_related_box{
	padding:5px;
}

.soljo_related_intro, .tpc_related_intro{
	font-weight:bold;
	margin-bottom:10px;
	color:#3A383A!important;
	font-size:0.75em;
}

.soljo_related_content{
	padding-left:25px;
}

.soljo_related_content > .tpc_link_blurb{
	color:#3A383A!important;
}



/** generic centered grid container **/
.grid-container{
  margin:auto;
  text-align: center;
}

.grid-item{
  max-width: 230px;
  margin: 22px;
  display: inline-block;
  text-align: center;
  vertical-align:top;
}

.grid-item h1{
	padding:0;
	margin-top:0.3em;
	font-size:1.0em;
}

.grid-item img{
	width:100%;
}



/*
.this_week_in_soljo a{
	font-weight:normal!important;
}

.this_week_in_soljo .text-overlay{
	font-weight:normal!important;
}

.soljo_blurb{
	font-weight:normal!important;
}
*/


/** sc tpc_link **/
.tpc_link_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
	border:1px dashed #EC008C;
	max-width:575px;
	overflow:auto;
}

.outside_link{
	width:550px;
}

.outside_link_text_container{
	margin-top:10px;
}

.outside_link_img_frame{
    height: 100px;      /* equals max image height */
    width: 150px;
    white-space: nowrap;
    text-align: center; margin: 1em 0;
    overflow:hidden;
	margin-top:0px;
	float:left;
	margin-right:25px;
}

.outside_link_img_helper{
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.outside_link img{
    display: inline-block!important;
    vertical-align: middle;
    max-width:100%!important;
    max-height:100%;
    float:none!important;
}

.outside_link a, .outside_link a:visited{
	color:#EC008C;
}



.tpc_link_container img{
	text-align:left;
	float:left;
	display:block;
	margin:0 25px 0.5em 0;
}

.tpc_link_container ul.post-list{
	text-align:left;
	float:left;
	display:block;
	margin:0!important;
}

.tpc_link_container li.listed-post{
	border:none;
	margin:0!important;
}

.tpc_related_intro{
	margin:10px;
}

.tpc_link_title{
	font-weight:bold;
	font-size:1em;
	margin:0.5em 0 7px 0;
	text-align:left;
}

.tpc_link_blurb{
	font-size:0.9em;
	text-align:left;
	line-height:1.5em;
	padding-bottom:0.5em;
}

.tpc_link_text_container{
	display:block;
	margin-left:175px;
}

.outside_link .tpc_link_text_container{
	max-width:350px;
}


.do_something_link{
	margin-top:40px;
}

.do_something_link > .title{
	font-size:1.3em;
	color:#3A383A;
	width:100%;
	margin-bottom:10px;
	font-family: "RockwellEB", serif;
	text-transform:uppercase;
}

.do_something_link > .img_box{
	display:block;
	float:right;
	width:280px;
	margin-left:20px;
	padding-top:0.5em;
}

.do_something_link > .img_container{
	width:280px;
	height:142px;
	overflow:hidden;
}

.do_something_link .credit{
	padding: 10px 17px 10px;
	font-size: 0.7em;
   	font-style: italic;
}

.do_something_link p{
	text-align:justify;
}


.twitter-tweet, .EmbeddedTweet{
	width:300px!important;
	margin-left:auto;
	margin-right:auto;
}

#fancybox-content ol {
	list-style-type:decimal!important;
}

#fancybox-content li{
	padding-bottom:15px;
}

.sc_wyb{
	max-width:500px;
	text-align:center;
	margin: 0 auto;
}

.sc_wyb img{
	max-width:500px;
}

.sc_wyb_intro{
    text-align: left;
    padding: 10px;
    line-height: 1.3em;
}

.sc_wyb_links > a{
	padding:10px;
}


/** ------------------ **/

.inline_link_container{
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;
	margin-bottom:15px;
	/*border:1px dashed #EC008C;*/
	max-width:575px;
	overflow:auto;
	text-align:left;
}

@media (max-width: 900px){
	.inline_link_container{
		max-width:100%;
		margin-left:0;
		margin-right:0;
	}
}

.inline_link_container ul{
	margin:0!important;
	display:block!important;
	width:150px;
	height:0px;
	padding-left:0!important;
}

@media (max-width: 900px){
	.inline_link_container ul{
		margin:0px auto!important;
	}
}

.inline_link_container > a{
	display: block;
	overflow:auto;
	border: 1px dotted #EC008C;
	padding:10px;
}

@media (max-width: 900px){
	.inline_link_container > a{
		border-style: solid;
	}
}
.inline_link_container > a:hover{
	border:1px solid #EC008C;
}

.inline_link_container .listed-post{
	border:0;
}

.inline_link_container img{
	margin-top:0;
	margin-left:0px;
	margin-right:0;
	margin-bottom:0;
}

@media (max-width: 900px){
	.inline_link_container img{
		margin:0 0 10px 0!important;
	}
}

.inline_related_intro{
	font-family:AvenirRoman;
	margin-bottom:10px;
	color:#3A383A!important;
	font-size:0.75em;
}


.inline_link_text_container{
	display:block;
	margin-left:165px;
	margin-right:10px;
}


@media (max-width: 900px){
	.inline_link_text_container{
		clear:both;
		margin:0!important;
	}
}

.inline_link_title{
	font-weight:bold;
	font-size:1em;
	padding:0 0 7px 0;
	text-align:left;
}

/*
@media (max-width: 900px){
	.inline_link_title{
		text-align:center;
	}
}
*/

.inline_link_blurb{
	font-size:0.9em;
	text-align:left;
	line-height:1.5em;
	padding-bottom:0.5em;
	color: #3A383A!important;
	font-family:AvenirRoman;
}

/*
@media (max-width: 900px){
	.inline_link_blurb{
		text-align:center;
	}
}
*/

/* no image */
.inline_link_container.noimage{
	max-width:550px;
}

.inline_link_text_container.noimage{
	margin-left:25px;
}

/* outside link w/image */
.inline_link_img_container{
	width:150px;
	height:76px;
	overflow:hidden;
	white-space:nowrap;
	float:left;
	/*padding:0 15px 0 15px;*/
	position: relative;
}

.inline_link_img_container img{
/*
	display:inline-block;
	vertical-align:middle;
	max-width: 100%;
	margin:0!important;
*/
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-width: 150px;
}

.inline_link_img_helper{
	height:100%;
	display:inline-block;
	vertical-align:middle;
}




/* Halo tweaks */
#doSomething ul, #data ul, #video ul, #cheatSheet ul, #timedPopup ul, #customHalo ul, #joinPopup ul{
	margin-top:1em!important;
}

#doSomething ul li, #data ul li, #video ul li, #cheatSheet ul li, #timedPopup ul li, #joinPopup ul li, #customHalo ul li{
	margin-bottom:0!important;
	line-height:1.25em;
}


/* no "Related from..." text */
.inline_link_container.norel img{
	margin-left:0;
}

.inline_link_container.norel li, .inline_link_container.norel ul{
	margin:0!important;
}

.norel .inline_link_text_container{
	margin-left:165px;
}


/* endorsement championships */
.endorse_container{
	width:400px;
	text-align:center;
	margin:40px auto;
	border:2px solid black;
	padding:10px;
	background-color:#f5f5f5;
}

.endorse_container img{
	max-height:150px!important;
	max-width:200px!important;
}

.endorse_container .name{
	font-size:1.5em;
	font-weight:bold;
}

.endorse_container .record{
	font-size:1.5em;
	font-weight:bold;
	color:#EC008C;
	margin:10px;
}

.endorse_container .wins, .endorse_container .losses{
	width:50%;
	float:left;
	display:inline-block;
	line-height:1.2em;
}

.endorse_container .title{
	text-decoration:underline;
	font-weight:bold;
}


/* data table */
.data_table{
	clear: both; 
	width: 240px; 
	margin: 0px auto; 
	border: 1px solid black; 
	overflow: auto; 
	padding: 3px;
}


/* city council hearings */
.city_council_hearing{
	clear:both;
	margin-top:50px;
	border-top: 1px solid #ec008c;
	padding-top: 15px;
}

.city_council_hearing h2{
	color: #ec008c;
	font-size: 1.5em;
	margin-bottom:20px;
}

.city_council_hearing a, .city_council_bill a{
	font-weight:normal!important;
	font-family:AvenirRoman!important;
}

.city_council_hearing .hearing_caption{
	width:50%;
	float:left;
	text-align:left;
	margin-bottom:1em;
}

.city_council_hearing .hearing_caption p, .city_council_bill > p{
	margin-bottom:0.25em!important;
}

.city_council_hearing .hearing_caption_item, .city_council_bill .hearing_caption_item{
	font-weight:bold;
}

.city_council_bill{
	margin:0 50px;
}

.city_council_bill h3{
	font-size:1.2em;
	font-weight:bold;
	margin-bottom:0.5em;
}

.city_council_bill h3 span{
	font-size:0.75em;
}



/** CHARTS **/
.chart{
	max-width:500px;
	margin:30px auto 0;
	clear:both;
}

.chart_title{
	text-align:center;
	font-weight:bold;
	font-size:1em;
	margin-bottom:15px;
	max-width:400px;
	margin:0 auto;
	line-height:1.25em;
}

.chart img{
    margin: 0 auto;
    display: block;
    max-width:400px!important;
}



/** H3 **/
h3{
	margin:40px 0 20px 0;
}


/** TABLES **/
table{
	margin:0 auto;
	font-size:0.9em;
}

td{
	padding:10px!important;
}


/* cTile post custom code */
.cTilePhoto p{
	font-style:italic;
	font-size:0.75em;
	width:207px!important;
}
/*#content #contentArea .jumbotron .image[style="background:url(http://thephiladelphiacitizen.org/wp-content/themes/citizen/img/plaintextbg.jpg) #ebebeb;"]{
	background: #fff!important;
}
#content .jumbotron.noHeader .callout .textWrap{
	margin-top: 0!important;
	padding-top: 0!important;
}*/

#content #contentArea.civicSeason .scoreboard .teamData span{
	line-height: 1.2em;
}
#content #contentArea.civicSeason .scoreboard .teamData p{
	padding-top: 0.1em;
}
.cseas .civicLegal{
	margin-top: 0;
}
#content #contentArea.civicSeason .mainText h2.resultsHeader{
	line-height: 1.2em;
}
#content .dropCap .mainText .civicLegal p:first-child:first-of-type:first-letter{
	font-family: inherit;
	font-weight: inherit;
	vertical-align: baseline;
	font-size: inherit;
	display: inline-block;
	line-height: inherit;
	margin: 0;
}
.mobileHero{
	display:none;
	width: 100%;
	height: auto;
}
@media (max-width: 900px){
  .mobileHero{
    display: block;
    float: left;
  }
  #content .jumbotron .image .callout .textWrap{
    width: calc(100% - 2em);
    max-width: calc(100% - 2em);
  }
  #content #primary .jumbotron .image{
    padding-top: 0;
  }
}



/** anchor tag offsets to account for header **/
a.anchor{
    display: block;
    position: relative;
    top: -60px;
    visibility: hidden;
}

/*Subheader for news tiles*/
.col.standard .subheader{
	font-size: 0.65em;
	display: block;
}

/* fancy horizontal line aka line break aka line-break aka page break */
.bolt_hr{width: 100%; text-align:center; display: inline-block; margin:30px 0;}

.bolt_hr_line{width: 20%; height: 16px; display:inline-block; border-top: 2px solid #aaa; margin-top:0;}

.bolt_hr img{margin: 0 15px;}



/* ad for halos */
.halo_ad{
  width:90%;
  height:auto;
  border:2px solid #ec008c;
  margin:0 auto;
  padding:1em 0;
  text-align:center;
  background:#fff;
  }

.halo_ad a:link, .halo_ad a:visited, .halo_ad a:active, .halo_ad a:hover{
	color:#fff!important;
	font-family: "RockwellEB",serif!important;
	display:inline!important;
}

.halo_ad h6>a:link, .halo_ad h6>a:visited, .halo_ad h6>a:active, .halo_ad h6>a:hover{
	background-color:#ec008c!important;
	color:#fff!important;
	padding:5px!important;
}	

.halo_ad p{
	display:none;
}


.halo_ad p.show{
	display:block;
	margin-left:1em!important;
	margin-right:1em!important;
}

.show.halo_ad_title{
    font-size: 1.5em;
    margin-bottom: .5em!important;
    margin-top: .5em!important;
    text-transform: uppercase;
    font-family: "RockwellEB",serif!important;
}
  
.halo_ad_box{
    display:inline-block;
    color:#fff;
    font-family: "RockwellEB",serif;
    margin: 0.3em .5em;
    text-transform: uppercase;
	width:20%;
}
  
.halo_ad_box_outer{
    display: table; 
  height: 80px;
  width:100%; 
  overflow: hidden; 
   background:#ec008c;
margin:0 5px;
}
  
.halo_ad_box_inner{
  display: table-cell; vertical-align: middle;
  padding:0 5px;
}

.halo_hide_yes{
	display:none;
}

@media (max-width: 900px){
  .halo_ad{
    height:150px;
    padding:0;
  }

  .halo_ad p.show{
	margin-left:.5em!important;
	margin-right:.5em!important;
	font-size:.9em;
  }

  .show.halo_ad_title{
    font-size: 1.2em;
  }

  .halo_ad img{
	display:none;
  }

  .halo_ad_box{
	font-size:.75em;
	width:40%;
	margin:.2em;
  }
 .halo_ad_box_outer{
	height:auto;
	padding:.7em 0;
  }
 
}


/* BUTTON_LINK */
.button_link_container{
	text-align:center;
	width:100%
}

.button_link_inner{
	border: 2px solid #EE008C;
	border-radius:0.75em;
	padding: 15px;
	display: inline-block;
	text-align: center;
	position: relative;
	margin: 0 auto 10px auto;
	background:#ec008c;
}

.button_link_a{
	color:#fff!important;
}



/* CUSTOM FORM CONTAINERS (note: need to put in div separately) */
.form_container{
    border: 2px solid #ec008c;
    padding: 10px 20px;
    max-width: 550px;
    margin: 0 auto;
}

.form_container p{
	padding:0.5em;
	padding-right:1em!important;
}

.form_container textarea{
	max-width:400px;
	max-height:100px;
}

.form_container input[type="submit"]{
	margin-top:0!important;
}

.form_container  p.title{
    color: #ec008c;
    font-size: 2em;
    text-align: center;
    margin: 0!important;
}
#content .jumbotron .callout .textWrap h1 span:first-of-type:not(:last-of-type){
 display: none;
}