
@media (max-width: 1285px) {
	.featuredStory .col {
		width: 100%;
		margin-left: 0;
	}
}

@media (max-width: 1150px) {
	a.tradingCard {
		font-size: 1.35vw;
	}
}

@media (max-width: 1050px) {
	.bottom .leftbrack, .bottom .rightbrack {
		display: none;
	}
	
	a.tradingCard {
		font-size: 1.35vw;
	}
	
	#content .connorHeader .connorHead {
		width: 70%;
	}
	
	#content .connorHeader .jumbotron {
		margin: 0 auto .5em;
	}
	
	#content .connorHeader .jumbotron .image {
		padding-top: 0;
		float: right;
		max-width: 70% !important;
	}
	
	#content .connorHeader .jumbotron .image.no-image {
		max-width: none !important;
	}
	
	#content .connorHeader .jumbotron .callout .textWrap {
		background: rgba(0, 0, 0, 0);
		width: 100%;
		float: none;
		padding: 1em 0 0;
	}
}

@media (max-width: 1120px) {
	body {
		font-size: 1.3vw;
	}
	
	#main .cat-search a {
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 input[type=text], .page-template-noTweets #content #contentArea .wpcf7 input[type=email], .page-template-primary #content #contentArea .wpcf7 input[type=text], .page-template-primary #content #contentArea .wpcf7 input[type=email] {
		width: 92% !important;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 input[type=checkbox]+label, .page-template-primary #content #contentArea .wpcf7 input[type=checkbox]+label {
		padding: 0 0 .5em 2em;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 select, .page-template-primary #content #contentArea .wpcf7 select {
		background: #fff;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 form .menu-401 .border, .page-template-primary #content #contentArea .wpcf7 form .menu-401 .border {
		display: none;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 form .menu-401 .theArrow, .page-template-primary #content #contentArea .wpcf7 form .menu-401 .theArrow {
		font-size: 2vw;
	}
}

@media (max-width: 900px) {
	.mobile {
		display: block;
	}
	
	.row .col:not(.plainText) {
		height: inherit !important;
	}
	
	img.mobileTileImg {
		display: block !important;
		float: left;
		width: 100%;
	}
	
	#fancybox-content img {
		max-width: 100%;
	}
	
	.cseas #content #contentArea .thisSeason .gamePlan table tr td img {
		display: none;
	}
	
	tr.teamLogos {
		font-size: 2vw;
	}
	
	.featuredStory .col .text-overlay span.subheader {
		line-height: 1em;
		font-size: 1em;
		margin-bottom: 0;
	}
	
	.row .text-overlay, .featuredStory .text-overlay {
		position: relative;
		float: left;
	}
	
	.featuredStory {
		margin-bottom: 2em;
	}
	
	.featuredStory .col {
		height: inherit;
		min-height: inherit;
		background-position: center !important;
	}
	
	a.col.plainText {
		padding: 3em 0;
		height: auto !important;
	}
	
	.featuredStory .col .text-overlay {
		position: relative;
		bottom: 0;
	}
	
	.featuredStory .col .text-overlay h1 {
		margin-top: .3em;
		margin-bottom: 0;
	}
	
	.row .text-overlay span.author {
		margin-top: 1em;
		margin-bottom: 0;
	}
	
	#content #contentArea .mainText .inlineSupporting {
		margin: 0 0 1em 2em;
	}
	
	.tweets .widget .imgdisplay .tweet_author {
		width: 70%;
		margin-bottom: 1em;
	}
	
	#content #contentArea.civicSeason .scoreboard table tr .centerSpot img {
		max-width: 60%;
	}
	
	#content #contentArea.civicSeason .scoreboard table tr img {
		max-width: 95%;
	}
	
	#content {
		width: 100%;
	}
	
	#content .connorHeader .connorHead {
		width: 100%;
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
		opacity: .1;
		bottom: 1.75em;
		display: none;
	}
	
	#content .connorHeader .jumbotron {
		border-bottom: 0 !important;
	}
	
	#content .connorHeader .jumbotron .image {
		max-width: 100% !important;
	}
	
	#content .connorHeader .jumbotron .textWrap {
		padding-top: 0;
	}
	
	body {
		font-size: 14px;
	}
	
	.tweets .widget .imgdisplay::after {
		display: none;
	}
	
	.ua-safari .page-template-noTweets #content #contentArea .wpcf7 div p:first-letter, .ua-safari .page-template-primary #content #contentArea .wpcf7 div p:first-letter {
		margin-top: 100px;
	}
	
	.home .articleStrip {
		display: none;
	}
	
	#video header h2, #doSomething header h2, #data header h2, #cheatSheet header h2, #readMore header h2 {
		font-size: 1.5em;
	}
	
	#video header h2:before, #video header h2:after, #doSomething header h2:before, #doSomething header h2:after, #data header h2:before, #data header h2:after, #cheatSheet header h2:before, #cheatSheet header h2:after, #readMore header h2:before, #readMore header h2:after {
		margin-top: -.5em;
	}
	
	.pageNav {
		display: none;
	}
	
	header#masthead {
		background: url("https://thephiladelphiacitizen.org/nitropack_static/rjCplBTregrNqOsSFAbNvRgdiyEHCCRe/assets/images/optimized/rev-3dcbf0f/thephiladelphiacitizen.org/wp-content/themes/citizen/img/headerTile_mobile.png") bottom repeat-x;
		margin-bottom: 1.25em;
	}
	
	header#masthead.nitro-lazy {
		background: none !important;
	}
	
	header#masthead .desktopLogo {
		display: none;
	}
	
	header#masthead .mobileLogo {
		display: inline-block !important;
	}
	
	.featuredStory .featuredStory-titlebar {
		top: 0;
	}
	
	.featuredStory .featuredStory-titlebar, .featuredStory .col .text-overlay {
		width: 95%;
		padding: 0 2.5%;
		left: 0;
		border-bottom: none;
		padding-top: 1.5em;
		text-align: center;
	}
	
	.featuredStory .featuredStory-titlebar h1, .featuredStory .col .text-overlay h1 {
		font-size: 7vw;
		margin-top: 0em;
		padding: 0;
	}
	
	.featuredStory .featuredStory-titlebar p, .featuredStory .col .text-overlay p {
		padding: 0;
	}
	
	.ua-chrome.ua-mac_os_x .featuredStory .col .text-overlay span {
		padding-top: 11px;
	}
	
	.row .col-3, .row .event {
		float: left;
		overflow: visible;
		display: inline-block;
		height: auto !important;
		padding: 2em 0;
	}
	
	.row .text-overlay h1 {
		font-size: 4vw;
	}
	
	.row .text-overlay p {
		font-size: 3vw;
	}
	
	.row .plainText h2, .row .event h2 {
		font-size: 6vw;
	}
	
	.row .plainText p, .row .event p {
		font-size: 4vw;
	}
	
	.row .col-5 {
		width: 100%;
	}
	
	.row .col:nth-of-type(4n) {
		width: 100%;
	}
	
	.row .plainText:nth-child(odd) {
		width: calc(100% - 4em) !important;
		padding: 0 2em;
	}
	
	.row .plainText:hover .boltGraphic {
		position: relative;
		top: 0;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 .left, .page-template-noTweets #content #contentArea .wpcf7 .right, .page-template-primary #content #contentArea .wpcf7 .left, .page-template-primary #content #contentArea .wpcf7 .right {
		width: 100% !important;
		display: block;
		float: none;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 input[type=checkbox]+label, .page-template-primary #content #contentArea .wpcf7 input[type=checkbox]+label {
		background: url("https://thephiladelphiacitizen.org/wp-content/themes/citizen/img/unCheckedBox.png") left center no-repeat !important;
		padding: 0 0 .5em 3.5em;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 input[type=checkbox]+label.nitro-lazy, .page-template-primary #content #contentArea .wpcf7 input[type=checkbox]+label.nitro-lazy {
		background: none !important;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 input[type=checkbox]:checked+label, .page-template-primary #content #contentArea .wpcf7 input[type=checkbox]:checked+label {
		background: url("https://thephiladelphiacitizen.org/wp-content/themes/citizen/img/checkedBox.png") left center no-repeat !important;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 input[type=checkbox]:checked+label.nitro-lazy, .page-template-primary #content #contentArea .wpcf7 input[type=checkbox]:checked+label.nitro-lazy {
		background: none !important;
	}
	
	.page-template-noTweets #content #contentArea .wpcf7 form .menu-401 .border, .page-template-primary #content #contentArea .wpcf7 form .menu-401 .border {
		display: none;
	}
	
	.storyList h1 {
		font-size: 6vh;
	}
	
	.col .text-overlay {
		width: 96%;
		padding: 0 2.5%;
		text-align: center;
	}
	
	.col .text-overlay h1 {
		padding: 0;
		margin-top: 1em;
	}
	
	#doSomething, #data, #video, #cheatSheet, #readMore {
		display: block;
		max-width: 840px;
		width: 100%;
		height: auto;
	}
	
	#doSomething iframe, #data iframe, #video iframe, #cheatSheet iframe, #readMore iframe {
		width: 100%;
		height: 100%;
		height: inherit !important;
		position: relative !important;
		float: left !important;
		margin-top: 20px;
	}
	
	#content {
		overflow: hidden;
	}
	
	#content .showMobile {
		display: block;
	}
	
	#content .diffWidth {
		display: none;
	}
	
	#content .jumbotron {
		background: #fff;
		height: auto;
		padding-bottom: .5em;
		margin-bottom: 0;
		border-bottom: none;
	}
	
	#content .jumbotron .image {
		position: relative;
		max-width: 100%;
		height: auto;
		padding-top: 10em;
	}
	
	#content .jumbotron .image .callout {
		position: relative;
	}
	
	#content .jumbotron .actions {
		position: relative;
		margin-top: 1em;
		height: auto;
		width: 100%;
	}
	
	#content .jumbotron .actions .actions-inner ul li a {
		padding: 1em;
	}
	
	#content .jumbotron .actions:after {
		display: none;
	}
	
	.col .plainText {
		padding: 3rem 0;
	}
	
	.row .col {
		width: 100% !important;
		margin-bottom: 2em;
		padding: 0;
	}
	
	#doSomething h2::before, #data h2::before, #video h2::before, #cheatSheet h2::before, #timedPopup h2::before, #joinPopup h2::before, #customHalo h2::before, #readMore h2::before {
		content: "";
	}
	
	#doSomething h2::after, #data h2::after, #video h2::after, #cheatSheet h2::after, #timedPopup h2::after, #joinPopup h2::after, #customHalo h2::after, #readMore h2::after {
		content: "";
	}
	
	#doSomething h2, #data h2, #video h2, #cheatSheet h2, #timedPopup h2, #joinPopup h2, #customHalo h2, #readMore h2 {
		margin-top: 1em;
	}
	
	body {
		font-size: 16px;
	}
	
	.articleStrip {
		margin-left: 0;
		padding: 0;
	}
	
	.articleStrip .articleWrap {
		padding: 2em 0;
		float: let;
		width: calc(95vw - 2px);
		overflow-x: scroll;
		overflow-y: visible;
		-webkit-overflow-scrolling: touch;
	}
	
	.articleStrip ul li {
		float: none;
		width: 63vw;
	}
	
	.mainText figure {
		max-width: 100%;
	}
	
	#main .cat-search a {
		margin-left: 0;
		margin-right: 0;
	}
	
	header#masthead .nlSignup, header#masthead .socialIcons {
		display: none;
	}
	
	header#masthead #mSearch {
		position: absolute;
		top: 8px;
		right: 0;
		margin: 0;
		padding: 10px;
		display: block;
		z-index: 4;
		cursor: pointer;
	}
	
	header#masthead .burgerWrap.mobile {
		position: absolute;
		top: 8px;
		left: 0;
		margin: 0;
		padding: 10px;
		display: block;
		z-index: 5;
	}
	
	header#masthead .burgerWrap.mobile .third {
		margin-bottom: 10px;
	}
	
	header#masthead .burgerWrap.open .burgerBar.first {
		transform: rotate(45deg);
	}
	
	header#masthead .burgerWrap.open .burgerBar.second {
		width: 0;
		margin-left: 8px;
	}
	
	header#masthead .burgerWrap.open .burgerBar.third {
		transform: rotate(-45deg);
	}
	
	header#masthead .burgerWrap.open .first, header#masthead .burgerWrap.open .third {
		margin-left: 6px;
	}
	
	header#masthead #logo img {
		max-width: calc(100% - 120px);
	}
	
	#mobileSearch {
		display: none;
		position: relative;
		margin-bottom: 20px;
	}
	
	#searchInput {
		width: 90%;
		left: 5%;
		position: relative;
		display: inline-block;
		border: 1px solid gray;
		padding: 11px 1em;
		font-style: italic;
		font-size: 2em;
		text-align: center;
		box-sizing: border-box;
	}
	
	#searchsubmit {
		display: none;
	}
	
	.pageNav {
		padding: .5em 0;
	}
	
	.pageNav .navCenter {
		display: none;
	}
	
	footer#colophon .footerBolt {
		width: 20px;
		height: 32px;
		position: absolute;
		left: 50%;
		margin-left: -10px;
		z-index: 3;
		top: 10px;
		margin-top: -21px;
		background: url("https://thephiladelphiacitizen.org/nitropack_static/rjCplBTregrNqOsSFAbNvRgdiyEHCCRe/assets/images/optimized/rev-3dcbf0f/thephiladelphiacitizen.org/wp-content/themes/citizen/img/footerBolt-small.png") top center no-repeat;
		display: inline-block;
	}
	
	footer#colophon .footerBolt.nitro-lazy {
		background: none !important;
	}
	
	footer#colophon .newsletterSpot input[type=email] {
		border-radius: 0;
		-webkit-appearance: none;
		-webkit-border-radius: 0;
	}
	
	footer#colophon .newsletterSpot input[type=submit] {
		-webkit-appearance: none;
		border-radius: 0;
		-webkit-border-radius: 0;
	}
	
	footer#colophon .newsletterSpot, footer#colophon .footerNav {
		float: left;
		display: block;
		text-align: center;
		position: relative;
		width: 90%;
		margin-left: 5%;
		border: 0;
		margin-top: 2em;
	}
	
	footer#colophon .newsletterSpot #mc4wp_email, footer#colophon .footerNav #mc4wp_email {
		width: calc(100% - 94px - 1em);
		border: 1px solid #ccc;
		outline: 0;
	}
	
	footer#colophon .newsletterSpot .navCenter a, footer#colophon .footerNav .navCenter a {
		margin: 0 .2em;
	}
	
	footer#colophon .footerLegal {
		box-sizing: border-box;
		margin-top: 4em;
		padding: 0 1em;
	}
	
	#calDate .calText {
		top: 15px;
	}
	
	#calDate .calText span {
		position: relative;
		top: -5px;
	}
	
	#calDate .calText p {
		margin: -10px 0 0;
	}
	
	.featuredStory .col:hover .text-overlay {
		padding-bottom: 0;
	}
	
	.page-template-noTweets #content #contentArea, .page-template-primary #content #contentArea {
		width: 100%;
	}
	
	.page-template-noTweets #content #contentArea article>hr:first-of-type, .page-template-primary #content #contentArea article>hr:first-of-type {
		display: block;
		width: 100%;
		float: left;
		margin-top: 2rem;
	}
	
	#content #contentArea {
		width: 100%;
		border: 0;
		padding: 0;
	}
	
	#content #postSocial2 {
		display: none;
	}
	
	#content #siderail {
		width: 95%;
		float: left;
		margin-left: 2.5%;
		margin-bottom: 2em;
		margin-top: 2em !important;
	}
	
	#content #contentArea .postInfo {
		padding: 0;
		width: 100%;
		text-align: center;
	}
	
	#content #contentArea .postInfo .postAuthor {
		float: none;
		font-size: 1.5em;
	}
	
	#content .postMeta a {
		display: none;
	}
	
	#content #comments {
		margin-bottom: 0;
	}
	
	#content .postMeta {
		width: 100%;
		margin-top: .5em;
	}
	
	#content .postSocial {
		width: 220px;
		height: 20px;
		margin: 1em auto;
		float: none;
	}
	
	#content .jumbotron .callout {
		width: 100%;
		max-width: 100%;
		bottom: 0;
	}
	
	#content .jumbotron .callout .textWrap {
		width: 75%;
		max-width: 75%;
	}
	
	#content .jumbotron .callout .textWrap h1 {
		font-size: 7vw;
		line-height: 1em;
	}
	
	.tweets .tweetHeader .tweetIcon {
		height: 25px;
		bottom: 3px;
	}
	
	#fancybox-content {
		overflow: auto !important;
	}
	
	.ua-mac_os_x #joinPopup #inputArea #donateField1 {
		padding-top: 15px;
	}
	
	#joinPopup {
		width: 100%;
		overflow: hidden;
	}
	
	#joinPopup .symbol {
		position: absolute;
		left: 10px;
		margin: auto;
		top: 0;
		bottom: 0;
	}
	
	#joinPopup #inputArea {
		width: 80%;
		height: auto;
	}
	
	#joinPopup #inputArea #donateField1 {
		height: 100%;
		height: auto;
		overflow: visible;
		position: relative;
		width: 100%;
		float: none;
		border-bottom: 1px solid #b0afb0;
		text-align: center;
	}
	
	#joinPopup #inputArea #donateField1 input {
		width: 89%;
		padding: 0 5%;
		display: block;
		vertical-align: center;
	}
	
	#joinPopup #inputArea #donateField2 {
		position: relative;
		width: 100%;
		float: none;
		border-left: none;
	}
	
	#joinPopup #inputArea #donateField2 label {
		padding-left: 30px;
	}
	
	#joinPopup #inputArea #donateField2 #field1 {
		border-bottom: 1px solid #b0afb0;
		position: relative;
	}
	
	#joinPopup #inputArea #donateField2 #field2 {
		position: relative;
	}
	
	#joinPopup #inputArea #donateField2 #field2 label {
		font-size: .9em;
	}
	
	#content .bhm .thisWeek .tradingCard {
		float: none;
		display: block;
		margin: 2em auto 0;
	}
	
	#content .bhm .thisWeek .blurb {
		width: 100%;
		display: block;
		float: left;
	}
	
	#content .bhm .thisWeek .blurb h2 {
		margin-top: 1em;
	}
	
	#content .bhm .thisSeason .cardWrap {
		width: 100%;
	}
	
	#content .bhm .tradingCard {
		font-size: 1em;
		max-width: 20em;
		width: 95%;
		margin: 1em auto;
		display: block;
		float: none;
	}
}

@media (max-width: 800px) {
	#calDate .calText {
		top: 20px;
	}
}

@media (max-width: 600px) {
	#calDate .calText {
		top: 22px;
	}
	
	.col .text-overlay h1 {
		font-size: 6vw;
	}
	
	.row .text-overlay p {
		font-size: 4vw;
	}
	
	.featuredStory .col .text-overlay span.subheader {
		line-height: 1em;
		margin-bottom: .25em;
		font-size: 1em;
	}
}

@media (max-width: 400px) {
	#calDate .calText {
		top: 27px;
	}
}
