/*
Theme Name: Signalhfx 2015
Author: Tim Currie
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Global */
body,
h1,
h2,
h3,
img,
div,
span,
blockquote,
figure,
#story-body,
figcaption,
footer,
header,
article {
	margin: 0;
	padding: 0;
	border: 0;
	}

iframe {
	max-width: 100% !important;
	}


/* fonts */


	body {
		font-family: 'Open Sans', arial, helvetica, sans-serif;
		font-weight: 400;
		font-size: 1.0em;
		min-height: 450px;
		}

	h1,
	h2,
	h3 {
		font-weight: 600;
		line-height: 130%;
		}



/* links */

	a {
		color: #215bda; /* was: #0F74BA */
		text-decoration: none;
		}

	a:hover {
		text-decoration: underline;
		}




/* structure */


	.content {
		max-width: 990px;
	    margin: 0em auto 1.0em auto;
	    clear: both;
		}

	.clear-fix {
		clear: both;
		}

	.story-content {
		width: 72%;
		float: left;
		}

	.sidebar-container {
		float: right;
		width: 25%;
		}

	figure {
		display: block;
		margin: 0;
	    width: 100%;
		}

	figcaption {
		padding: 0;
		}


/* structure for other story templates  */

	.content.feature1 .story-content,
	.content.feature2 .story-content {
		float: none;
		width: 100%;
		margin-bottom: 2.0em;
		}

	.content.feature1 #story-info {
		float: left;
		width: 20%;
		padding-top: 0.75em;
		}

	.content.feature1 .deck,
	.content.feature1 #story-context,
	.content.feature1 #story-body,
	.content.feature1 #comments  {
		float: right;
		width: 77.5%;
		}

	.content.feature2 {
		width: 50%;
		margin: 0 auto;
		max-width: 100%;
		}


/* header */

	/* note: j-school nav bar styles are imported */

	.siteheader {
		margin: 0.75em 0 0.75em 0;
		border: 0px solid green;
		box-sizing: border-box;
		display: block;
		}

	.siteheader-container {
		display: block;
		max-width: 990px;
	    margin: 0 auto;
		padding: 0;
		border: 0px solid gold;
		box-sizing: border-box;
		}

	.siteheader-logobox {  /* Container for site logo */
		float: left;
		margin: 0;
		height: 49px;
		width: 55%;
		border: 0px solid purple;
		box-sizing: border-box;
		padding: 0;
		}

	.siteheader-logobox img {  /* Container for site logo */
		height: 100%;
		}

	.siteheader-navbox { /* Container for search box & mobile nav */
		float: right;
		margin: 0;
		height: 49px;
		width: 45%;
		border: 0px solid red;
		box-sizing: border-box;
		}





	/* DEFAULT Search Form */

	#siteheader-mobile-searchmenu {
		padding: 0 0 0.5em 1.0em;
		}


	.siteheader .search-box {
		float: right;
		display: inline;
		}



	.siteheader .search-field {
		background-color: transparent;
		background-image: url(../../uploads/core/search-icon.png);
		background-position: 5px center;
		background-repeat: no-repeat;
		background-size: 32px 32px;
		border: none;
		cursor: pointer;
		margin: 0 0;
		padding: 0 0 0 40px;
		height: 32px;
		-webkit-transition: width 400ms ease, background 400ms ease;
		transition:         width 400ms ease, background 400ms ease;
		width: 1px;
		-webkit-appearance: textfield; /* imp. for search icon to display in Safari */
		}

	.siteheader .search-field:focus {
		background-color: #fff;
		border: 1px solid #c3c0ab;
		cursor: text;
		outline: 0;
		width: 25.0em;
		}

	.search-form .search-submit,
	.search-form .screen-reader-text {
		display: none;
		}


	/* MOBILE-width Search & Nav (Hamburger Menu) */

	#siteheader-mobile-menubutton,
	#siteheader-mobile-searchbutton {
		display: none;
		}

	#siteheader-mobile-menu,
	#siteheader-mobile-searchmenu {
		display: none;
		background: #363636;
		position: relative;
		z-index: 2;
		border-bottom: 0px solid #333;
		}


	.siteheader-mobile-menu-block {
		font-size: 0.85em;
		line-height: 1.25em;
		text-align: left;
		color: whitesmoke;
		margin-top: 0.6em;
		margin-bottom: 0.6em;
		}

	.siteheader-mobile-menu-block img.nav-social-logo {
		height: 18px;
		}

	.siteheader-mobile-menu-block img.nav-social-logo {
		display: inline-block;
		margin: 0.5em 1.1em 0.5em 0;
		}

	.siteheader-mobile-menu-block img.nav-ukings-logo {
		margin-top: 1.0em;
		width: 90px;
		}

	.siteheader-mobile-menu-block a {
		color: white;
		}

	.siteheader-mobile-menu-left {
		width: 40%;
		float: left;
		margin-left: 1.0em;
		}

	.siteheader-mobile-menu-right {
		width: 40%;
		float: right;
		margin-right: 1.0em;
		}

	.siteheader-mobile-menu-left ul,
	.siteheader-mobile-menu-right ul {
		list-style-type: none;
		padding: 0;
		}


	/* DESKTOP-width Nav (Story Categories) */

	.siteheader-navmain {
		border-bottom: 1px solid #d8d8d8; /* grey: #ccd4dc */
		clear: both;
		padding: 12px 0 4px 0;
		margin: 0;
		display: block;
		}

	.siteheader-navmain-sub {
		clear: both;
		padding: 0 0 4px 0;
		margin: 0;
		}


	.siteheader-navmain-item {
		font-size: 12px;
		line-height: 12.5px;
		font-weight: 600;
		display: inline;
		margin: 0;
		padding: 0;
		}

	.siteheader-navmain-item a {
		text-transform: uppercase;
		text-decoration: none;
		padding: 0px 5px 3px 5px;
		color: #181818;
		}

	.siteheader-navmain-item a.selected {
		border-bottom: 2px solid #a8a8a8; /* was: #5990ca */
		padding: 0px 8px 3px 8px;
		}

	.siteheader-navmain-item:nth-child(1) a,
	.siteheader-navmain-item:nth-child(1) a.selected	 {
		padding-left: 0;
		}

	.siteheader-navmain-social-item {
		padding-left: 0.55em;
		float: right;
		}

	.siteheader-navmain-social-item img {
		width: 16px;
		vertical-align: bottom;
		}





	/* Feature 2 thin banner  */
	.feature2-banner {
		display:table;
		table-layout: fixed;
		background-color: #000;
		width: 100%;
		height: 35px;
		}

	.feature2-signal-logo-container {
		display: block;
		float: left;
	    width: calc(100% - 300px);
	    box-sizing: border-box;
		vertical-align: middle;
	    padding: 6px 0 6px 12px;
	    box-sizing: border-box;
		}

	.feature2-signal-logo {
		margin: 0;
		padding: 0;
		width: 100px;
		display: inline-block;
		vertical-align: middle;
		}

	.feature2-banner-title {
		display: inline-block;
	    box-sizing: border-box;
		font-size: 0.75em;
		line-height: 120%;
		color: white;
		margin: 0;
	    padding: 0 0 0 12px;
	    width: calc(100% - 150px);
		vertical-align: middle;
		}

	.feature2-banner-title a {
		color: white;
		}

	.feature2-banner-title img {
		margin-right: 1.0em;
		}

	.feature2-signal-nav-container {
		display: block;
		float: right;
	    box-sizing: border-box;
		vertical-align: middle;
		text-align: right;
	    padding: 9px 12px 6px 0;
	    width: 300px;
		}

	.feature2-signal-nav-container img {
		margin-left: 12px;
		width: 16px;
		}

	.feature2-banner #siteheader-mobile-menubutton {
		display: block;
		padding-top: 0;
		float: right;
		height: 24px;
		vertical-align: middle;
		}

	.feature2-banner .siteheader-mobile-menuicon {
		position: relative;
		padding-right: 1.4em;
		font-size: 2.0em;
		}

	.feature2-banner .siteheader-mobile-menuicon::before {
		content: "";
		position: absolute;
		right: 0em;
		top: 0em;
		width: 1.0em;
		height: 0.12em;
		background: #a8a8a8;
		box-shadow:
		0 0.25em 0 0 #a8a8a8,
		0 0.5em 0 0 #a8a8a8;
		}

	#feature2-searchbutton {
		display: block;
		float: right;
		height: 22px;
		}

	#feature2-searchbutton img {
		height: 22px;
		width: 22px;
		}



/* Index */

	/* structure */

		.row1, .row2, .row3, .row4, .row5, .row6, .row7, .row-spotlight {
			clear: both;
			}

		.row2, .row3, .row-spotlight {
			padding-top: 0.75em;
			}
		.row3 .two-col {
			margin-bottom: 0.5em;
			}

		.row4, .row5, .row6 {
			display: none;
			}

		.column {
			float: left;
			padding: 0;
			}

		.one-col {
			width: 23.5%;
			margin-right: 2%;
			}
		.one-col-last {
			width: 23.5%;
			margin-right: 0;
			}
		.two-col {
			width: 49%;
			margin-right: 2%;
			}
		.two-col-last {
			width: 49%;
			margin-right: 0;
			}
		.three-col {
			width: 74.5%;
			margin-right: 2%;
			}
		.three-col-last {
			width: 74.5%;
			margin-right: 0;
			}


		/* column borders */
		.border-right {
			position: relative;
			}
		.border-right::after {
		    position: absolute;
		    content:'';
		    height: auto;
		    top: 0;
		    bottom: 10px;
		    border-right: 1px solid #f0f0f0;
		    width: 0;
			}
		.one-col.border-right::after {
			right: -4.0%;
			}
		.two-col.border-right::after {
			right: -2.0%;
			}
		.three-col.border-right::after {
			right: -1.25%;
			}

		.two-stories .c1.border-right::after {
			right: -2.5%;
			}
		.three-stories .c1.border-right::after {
			right: -4.0%;
			}
		.three-stories .c2.border-right::after {
			right: -4.5%;
			}


		/* Crop images on index pages to 16:9.
		From: http://alistapart.com/article/creating-intrinsic-ratios-for-video */
		.story figure,
		.sidebar-container .figure-container {
			position: relative;
			padding-bottom: 56.25%;
			height: 0;
			overflow: hidden;
			}

		.story figure img,
		.sidebar-container .figure-container img {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			}



	/* index stories */

	#banner-note {
		background-color: #fff;
		color: #000;
		padding: 0;
		margin: 0 0 12px 0;
		vertical-align: middle;
		}

	#banner-note p {
		margin: 0;
		padding: 0;
		font-size: 0.75em;
		}

	#banner-note p::before {
	    content: "\00BB";
	    margin-right: 0.5em;
		}



	/* stories in rows */
	.stories {
		margin-top: 0.75em;
		}

	.stories h1 {
		margin-top: -0.25em;
		margin-bottom: 0.5em;
		}

	.row1 h1 {
		font-size: 1.25em;
		}

	.row2 h1 {
		font-size: 1.15em;
		}

	.row3 h1 {
		font-size: 1.10em;
		}

	.row4 h1,
	.row5 h1 {
		font-size: 1.0em;
		}

	.row2 h1, .row3 h1, .row4 h1, .row5 h1, .stackimage h1 {
		line-height: 140%;
		}

	/* index story */

	.story {
		clear: both;
		}
	.story:not(.lead) .figure-container {
		padding-bottom: 0.35em;
		}

	/* index story image */

	.column img {
		width: 100%;
		height: auto;
		display: block;
		}


	/* index story text */

	.column a {
		color: #000;
		text-decoration: none;
		}

	.column a:hover {
		color: #767c88;
		}

	.deck {
		font-size: 0.85em;
		line-height: 1.5em;
		color: #585858;
		margin-top: 0;
		margin-bottom: 0.75em;
		}

	.cat-time {
		text-transform: uppercase;
		font-size: 0.6em;
		font-weight: 300;
		}

	.cat-time,
	.cat-time a {
		color: #686868;
		}




	.headline-kicker {
		font-size: 0.4em;
		font-weight: 400;
	    color: #ec3706; /* old steel grey: #4f7fb2; verge:orange #FA4B2A; logo red: #F14400*/
	    text-transform: uppercase;
	    margin-right: 1.0em;
	    line-height: 100%;
		}


	ul.related {
		font-size: 0.65em;
		line-height: 1.5em;
		list-style-type: none;
		text-transform: none;
		margin-left: 0;
		margin-top: 0.3em;
		margin-bottom: 0.5em;
		padding-left: 0;
		}

	ul.related li::before {
		content: '■';
		color: #ec3706; /* was: #d8d8d8*/
		font-size: 150%;
		margin-right: 0.1em;
		}

	ul .related-head {
		text-transform: uppercase;
		margin-right: 0.4em;
		}

	ul.related li:nth-of-type(n+3) {
		display: none;
		}



	/* index story multimedia icons */

	.story.video {
		position: relative;
		}

	.story.video::before {
		position: absolute;
		content: url('../../uploads/core/video_icon_small.png');
		top: 0;
		left: 0;
		z-index: 100;
		}

	.story.lead.video::before {
		content: url('../../uploads/core/video_icon.png');
		}


	/* index lead story */

	.lead {
		/* border-bottom: 5px solid #4f5565; */ /* #3c6189  */
		padding-bottom: 0.5em;
		margin-bottom: 0.5em;
		}

	.two-col h1 {
		font-size: 1.4em;
		}

	.lead h1 {
		font-size: 1.6em;
		margin-top: 2px;
		}

	.story .byline {
		display: none;
		}

	/* index one-col stories */

	/*.one-col ul.related,
	.stackimage ul.related {
		display: none;
		}
	*/






	/* index highlighted stories */

	.highlight .story-text {
		margin: 0.5em 0.75em 0em 0.75em;
		padding-bottom: 0.5em;
		}
	.lead.highlight {
		border-bottom: none;
		}

	.highlight .headline-kicker,
	.highlight h1,
	.highlight .deck,
	.highlight .cat-time,
	.highlight .byline,
	.highlight ul.related,
	.spotlight .spotlight-kicker,
	.spotlight h1,
	.spotlight .deck,
	.spotlight .cat-time,
	.spotlight .byline,
	.spotlight ul.related {
		text-align: center;
		}
	.highlight h1,
	.spotlight h1 {
		font-weight: 400;
		}
	.highlight .headline-kicker,
	.spotlight .headline-kicker {
		font-weight: 300;
		display: block;
		margin-top: 0.75em;
		margin-bottom: 0.25em;
		}

	/* accent: index highlighted stories with color background */

	.highlight.accent h1 a {
		color: #fff;
		}

	.highlight.accent .headline-kicker,
	.highlight.accent .deck,
	.highlight.accent .cat-time,
	.highlight.accent .cat-time a,
	.highlight.accent .byline,
	.highlight.accent .byline a,
	.highlight.accent .byline a.url,
	.highlight.accent ul.related,
	.highlight.accent ul .related-head,
	.highlight.accent ul .related-date,
	.highlight.accent ul.related li::before,
	.highlight.accent ul.related a {
		color: #f0f0f0;
		}

/* use to create colored backgrounds for highlighted stories

	.highlight.spotlight.kjr	 {
		background-color: #004c66;	 Worked for a year: #efefec; less saturated: #204e64
		}

	.highlight.spotlight.investigative-workshop {
		background-color: #ce5106;	Worked for a year: #efefec; less saturated: #ba4f2e ; darker: #ba4809; a bit happier? #cc511b; June 2018: was too dull: #cc511b
		}
*/

	.special .headline-kicker {
		color: #fff;
		background-color: #cc511b;
		padding: 0.1em 0.4em 0.1em 0.4em;
		vertical-align: 0.3em;
		}

	.highlight.accent .cat-time .cat-name a {
		color: #ffbf00;
		}






	/* index stacked story with an image  */
	.stackimage {
		margin-bottom: 0.75em;
		}

	.stackimage:not(:last-of-type) {
		border-bottom: 1px solid #f0f0f0;
		}

	.stackimage .figure-container {
		width: 33%;
		display: inline-block;
		vertical-align: top;
		margin-right: 2.5%;
		}

	.stackimage .story-text {
		display: inline-block;
		width: 64.5%;
		}

	.stackimage h1 {
		font-size: 1.0em;
		}

	.stackimage.highlight .figure-container {
		width: 30%;
		margin-top: 3%;
		margin-left: 2.5%;
		margin-right: 3%;
		}

	.stackimage.highlight .story-text {
		width: calc(64.5% - 1.0em);
		margin-top: 2.5%;
		margin-right: 0;
		margin-bottom: 0;
		margin-left: 0;
		}

	/* index featured stories  */

	.row-spotlight {
		padding-top: 0.5em;
		padding-bottom: 0.25em;
		}

	.spotlight {
		border-top: 1px solid #999;
		/*padding-top: 0.75em;*/
		padding-bottom: 0;
		border-bottom: 1px solid #999;
		display: table;
		width: 100%;
		}
	.spotlight .column {
		display: table-cell;
		}

	 .spotlight .label {
		font-size: 0.6em;
		line-height: 135%;
		font-weight: 400;
	    margin: -0.75em auto 1.0em auto;
	    padding: 0.15em 2.0em;
	    color: #666;
	    background-color: #fff;
	    width: auto;
	    text-align: center;
	    display: table;
	    text-transform: uppercase;
		z-index: 10;
		position: relative;
		}

	.spotlight.one-story .column {
		width: 50%;
		margin-left: 25%;
		margin-right: 25%;
		}

	.spotlight.two-stories .column:nth-of-type(1) {
		width: 48.75%;
		margin-right: 1.25%;
		}
	.spotlight.two-stories .column:nth-of-type(1) {
		width: 48.75%;
		margin-right: 1.25%;
		}
	.spotlight.two-stories .column:nth-of-type(2) {
		width: 48.75%;
		margin-left: 1.25%;
		margin-right: 0;
		}

	.spotlight.three-stories .column:nth-of-type(1) {
		width: 32.05%;
		margin-right: 1.25%;
		}
	.spotlight.three-stories .column:nth-of-type(2) {
		width: 30.8%;
		margin-left: 1.25%;
		margin-right: 1.25%;
		}
	.spotlight.three-stories .column:nth-of-type(3) {
		width: 32.05%;
		margin-left: 1.25%;
		margin-right: 0;
		}

	.spotlight .figure-container {
		width: 27.5%;
		display: inline-block;
		vertical-align: top;
		margin-right: 2.5%;
		}

	.spotlight .story-text {
		display: inline-block;
		width: 70%;
		}

	.spotlight .spotlight-kicker {
		font-size: 0.6em;
		line-height: 135%;
		font-weight: 400;
	    color: #333;
	    text-transform: uppercase;
	    margin-top: 0;
	    margin-bottom: 0.65em;
		}

	.spotlight h1 {
		font-size: 0.95em;
		font-weight: 600;
		line-height: 140%;
		}

	.spotlight .deck {
		font-size: 0.75em;
		line-height: 140%;
		}




/* Single Story */


	/* Story Elements - All Story Templates */

	/* Images  */

	.story-content .figure-featured {
		margin-top: 1.0em;
		margin-bottom: 1.0em;
		}

	.story-content .featured {
		position: relative;
		}

	.story-content figure img {
		width: 100%;
		height: auto;
		display: block;
		}

	.story-content figure.alignright {
		float: right;
		width: 50%;
		margin-left: 12px;
		margin-right: 0;
		font-size: 0.75em;
		/* width: 100%; */
		}

	.story-content figure.alignleft {
		float: left;
		width: 50%;
		margin-left: 0;
		margin-right: 12px;
		font-size: 0.75em;
		/* width: 100%; */
		}

	/* images when no credit and no caption is entered */
	.story-content img.alignnone,
	/*.story-content img.alignleft,
	.story-content img.alignright, */
	.story-content img.aligncenter {
		width: 100%;
		height: auto;
		}

	.story-content figcaption,
	.story-content .caption	 {
		margin: 0;
		background: #000;
	    width: 100%;
	    display: block;
		z-index: 10;
		box-sizing: border-box;
		}

	.story-content .wp-caption-text {
		font-size: 75%;
		line-height: 150%;
	    color: white;
	    width: 100%;
		padding: 0.5% 1.33em;
		}

	.story-content .media-credit {
		font-size: 0.75em;
	    text-transform: uppercase;
		}

	.story-content .media-credit a {
	    color: white;
	    text-decoration: none;
		}

	.story-content .media-credit::before {
	    content: "";
	    background-image: url(../../uploads/core/camera_icon.png);
	    background-repeat: no-repeat;
	    display: inline-block;
	    width: 25px;
	    height: 11px;
	    margin-top: 2px;
		}

	#image-caption-icon {
		position: absolute;
		bottom: 6px;
		right: 9px;
		z-index: 15;
		height: 25px;
		}

	#image-caption-icon img {
		height: 25px;
		width: auto;
		}


	#featured-image-caption {
		display: none;
		}






	/* Text  */

	.story-content p {
		font-size: 1.0em;
		line-height: 1.6em;
		font-weight: 400;
		}

	.story-content p strong {
		font-weight: 700;
		}

	/* Larger text for first paragraph in story */
	#story-body > p:first-child,
	#story-body > figure:first-child + p {
		font-size: 1.15em;
		margin-bottom: 0;
		}

	/* turn it off */
	#story-body > p.body-size:first-child,
	#story-body > figure:first-child + p.body-size {
		font-size: 1.0em;
		margin-bottom: 0;
		}



	.story-content .headline-kicker {
		font-size: 0.8em;
		font-weight: 300;
		text-transform: uppercase;
		color: #000;
	    margin: 0 0 0.25em 0;
	    padding: 0;
		}

	.story-content h1 {
		font-size: 1.9em;
		line-height: 135%;
		font-weight: 600;
		margin: 0 0 0.35em 0;
		padding: 0;
		}

	.story-content h2 {
		font-size: 1.25em;
		line-height: 1.5em;
		font-weight: 700;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
		}

	.story-content h3 {
		font-size: 1.1em;
		line-height: 1.4em;
		font-weight: 700;
		margin: 0.25em 0 0.25em 0;
		padding: 0;
		}

	.story-content .deck {
		margin: 0.25em 0 0.75em 0;
		font-size: 1.0em;
		color: #383838;
		}

	/* byline styles apply to index pages too */
	.byline {
		margin: 0.4em 0 0.8em 0;
		font-size: 0.75em;
		}

	.byline-by {
		font-style: italic;
		}

	.byline a.url {  /* the "url" class is in the co-authors plugin */
		font-weight: 700;
		text-transform: uppercase;
		text-decoration: none;
		color: black;
		}

	.byline a.url:hover {
		text-decoration: underline;
		}

	.story-content .story-date {
		margin: 0 0 1.2em 0;
		padding: 0;
		line-height: 100%;
		}

	.story-content .published-date {
		font-size: 0.75em;
		text-transform: uppercase;
		margin: 0 15px 0 0;
		padding: 0;
		}

	.story-content .updated-date { /* Date story was last modified  */
		font-size: 0.65em;
		margin: 0;
		padding: 0;
		color: #c5c4c4;
		text-transform: uppercase;
		}

	.story-content .addthis_sharing_toolbox {
		margin-bottom: 0.75em;
		}


	#story-body blockquote {
		padding: 0.1em 0.5em 0.1em 0.5em;
		margin-left: 2.0em;
		background-color: #e8e8e8;
		}

	#story-body blockquote p {
		font-size: 0.85em;
		}

	#story-body blockquote cite::before {
	    content: "\2014 \2009";
		}


	#story-context p { /* The ed. notes/notices at top */
		margin: 0.5em 0;
		}
	#story-ed-notes {
		margin-top: 1.25em;
		}
	#story-context p, /* The ed. notes/notices at top */
	#story-body #story-ed-notes p {  /* The ed. notes at bottom */
		font-size: 0.85em;
		font-style: italic;
		}
	#story-body #story-ed-notes p { /* The ed. notes at bottom */
		margin-top: 0.75em;
		}
	#story-context span,  /* Heading for the ed. notes/notices at top */
	#story-ed-notes span { /* Heading for the ed. notes at bottom */
		text-transform: uppercase;
		font-weight: 700;
		font-style: normal;
		}



	.story-content .related {
		border-top: 1px solid #e8e8e8;
		border-bottom: 1px solid #e8e8e8;
		padding: 6px 0 3px 0;
		margin-bottom: 9px;
		}

	.story-content .related h2 {
		font-size: 0.7em;
		font-weight: 600;
		text-transform: uppercase;
		}

	.story-content .related ul {
		margin: 6px auto 6px auto;
		}

	.story-content .related li {
		font-size: 0.85em;
		}

	.story-content .related li a {
		color: #EC3706;
		}

	.content.standard .story-content .related li:nth-of-type(n+4) {
		display: none;
		}

	.story-content .related-date {
		font-size: 0.75em;
		}



	.story-content .story-sidebar,
	.story-content .story-related-websites {
		font-size: 0.85em;
		border-top: 2px solid #a0a0a0;
		margin-top: 12px;
		padding-top: 4px;
		}

	.story-content .story-sidebar h2:first-child,
	.story-content .story-sidebar h3:first-child,
	.story-content .story-sidebar h4:first-child,
	.story-content .story-related-websites-head {
		font-weight: 700;
		margin-top: 0;
		font-size: 1.1em;
		}

	.story-content hr {
		margin: 2.0em 0;
		}

	.story-content .call-to-action {
		font-weight: 600;
		font-style: italic;
		font-size: 1.0em:
		text-align: center;
		color: rgb(241, 87, 29);
	}


	/* Slideshow  */
	/* Override Ideal Image Slider CSS */
	/* http://signalhfx.ca/wp-content/plugins/ideal-image-slider/assets/bower_components/ideal-image-slider/ideal-image-slider.css?ver=1.0.4  */

		.ideal-image-slider {
			margin-top: 1.0em;
			margin-bottom: 1.0em;
			}

		.iis-slide {
			height: auto !important;
			}

		/* Bullet Navigation */
		.iis-bullet-nav {
			top: 5% !important;
			left: 5% !important;
			}

		.iis-caption {
			left: 0 !important;
			bottom: 0 !important;
			width: 100% !important;
			border-radius: 0 !important;
			background-color: #000 !important;
			}

	.iis-has-captions .iis-bullet-nav {
		max-width: 100% !important;
		}

	.iis-has-bullet-nav .iis-caption {
		max-width: 100% !important;
		}

	.story-content .ideal-image-slider .iis-caption,
	.story-content .ideal-image-slider .iis-caption-content {
			margin-left: 0;
			margin-right: 0;
		}

	.iis-caption .iis-caption-content {
		color: #fff !important;
		}






	/* Story Elements - Features 1 & 2  */

	/* Big first letter in first paragraph of story */
	.content.feature1 #story-body > p:first-child:first-letter,
	.content.feature2 #story-body > p:first-child:first-letter,
	.content.feature2 #story-body p.drop-cap:first-letter {
		float: left;
		font-size: 4.0em;
		line-height: 60px;
		padding-top: 0.03em;
		padding-right: 0.1em;
		font-family: "open sans";
		font-weight: 700;
		}

	/* turn it off */
	.content.feature1 #story-body > p.no-drop-cap:first-child:first-letter,
	.content.feature2 #story-body > p.no-drop-cap:first-child:first-letter {
		float: none;
		font-size: inherit;
		line-height: inherit;
		padding-top: inherit;
		padding-right: inherit;
		font-family: inherit;
		font-weight: inherit;
		}


	/* Blockquote */
	.content.feature1 #story-body blockquote,
	.content.feature2 #story-body blockquote {
		/* the quote block */
	    position: relative;
	    margin-left: auto;
	    margin-right: auto;
		background: #fff;
		padding: 0.9em 0 0.6em 0;
		border-top: 1px solid #eee;
		border-bottom: 1px solid #eee;
		}
	.content.feature1 #story-body blockquote::before,
	.content.feature2 #story-body blockquote::before {
		/* the quote mark */
		position: absolute;
		top: 0.02em;
		left: 0.0em;
	    content: "\201C";
		font-family: georgia, "times new roman", serif;
		font-size: 7.0em;
		line-height: 1.0em;
		display: inline;
		color: #555;  /* #f6f3f3 */
		}
	.content.feature1 #story-body blockquote p,
	.content.feature2 #story-body blockquote p {
		/* the quote */
		display: block;
		margin-top: 0;
		margin-left: 3.6em;
		margin-right: 0;
		font-style: italic;
		font-size: 1.0em;
		font-weight: 300;
		line-height: 1.55em;
		color: #000;
		}
	.content.feature1 #story-body blockquote cite,
	.content.feature2 #story-body blockquote cite {
		/* the person quoted */
	    color: #555;
	    font-size: 0.85em;
		font-weight: 300;
	    display: block;
		}
	.content.feature1 #story-body blockquote cite::before,
	.content.feature2 #story-body blockquote cite::before {
	    content: "\2014 \2009";
		}





	/* Story Elements - Feature 1  */

	/* Images  */
	.byline-author-image {
		position: relative;
		width: 60px;
		height: 75px;
		overflow: hidden;
		border: 1px solid #eee;
		}

	.byline-author-image img {
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		height: auto;
		transform: translate(-50%,-50%);
		}


	/* Text  */
	.content.feature1 #story-head {
		position: relative;
		}

	.content.feature1 #story-head-text {
		position: absolute;
		bottom: 0;
		background-image: linear-gradient(rgba(255,255,255,0), rgba(24,24,24,1));
		width: 88%;
		padding-left: 4%;
		padding-right: 8%;
                box-sizing: content-box;
		}

	.content.feature1 #story-head-text h1 {
		color: #fff;
		font-size: 2.8em;
		text-shadow: 2px 2px 2px #000;
		}

	.content.feature1 #story-head-text .headline-kicker {
		color: #fff;
		font-size: 1.0em;
		}

	.content.feature1 .deck {
		font-size: 1.5em;
		}

	.content.feature1 .published-date {
		display: block;
		}
	.content.feature1 .updated-date {
		display: none;
		}








	/* Story Elements - Feature 2  */

	/* Images  */

	/* images styled as margin-width in WordPress media editor go full page-width  */
	/* https://css-tricks.com/full-width-containers-limited-width-parents/ */
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text,
	.content.feature2 #story-head,
	.content.feature2 #featured-image-caption {
		/* Value is half the remainder of the width of the containing div.
		Container width = 50%, so remainder is 50
		% of the 50 width that will return this remaining 50 is 100%, then divided in half:
		(((50 * 100) / 50) /  2) = 50%
		A clearer calculation with 72% width is below */
		margin-left: -50%;
		margin-right: -50%;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text {
		width: 200%;
		}
	.content.feature2 .story-content figure img {
		width: 100%;
		height: auto;
		}




	/* ArcGIS plugin maps. Example here: http://signalhfx.ca/90435am/  */
	.content.feature2 .story-content iframe.webmap-widget-map,
	.content.feature2 .story-content iframe.webmap-widget-map + br + small {
	    display: block;
		}



	.content.feature2 #story-info {
		margin-top: 1.5em;
		}

	.content.feature2 .story-date {
		font-size: 1.2em;
		}

	.content.feature2 .addthis_sharing_toolbox {
		margin-bottom: 1.0em;
		}




	.content.standard #author-bios,
	.content.feature1 #author-bios,
	.content.feature2 #author-bios {
	 	display: table;
		background-color: #f4f4f4;
		margin-top: 1.25em;
		width: 100%;
		}

	.content.standard .author-bio,
	.content.feature1 .author-bio,
	.content.feature2 .author-bio {
		clear: both;
		padding: 9px;
		}

	.content.standard .author-bio .author-image,
	.content.feature1 .author-bio .author-image,
	.content.feature2 .author-bio .author-image {
		position: relative;
	    float: left;
		width: 4vw;
		height: calc(4vw * 1.25);
		overflow: hidden;
		margin-bottom: 1.0em;
		min-width: 48px;
		min-height: 60px;
		}

	.content.standard .author-bio .author-image img,
	.content.feature1 .author-bio .author-image img,
	.content.feature2 .author-bio .author-image img	{
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		height: auto;
		transform: translate(-50%,-50%);
		}

	.content.standard .author-bio .author-desc,
	.content.feature1 .author-bio .author-desc,
	.content.feature2 .author-bio .author-desc {
		overflow: hidden;
		font-size: 0.8em;
		margin: 0;
		padding: 0 0 0 1.0em;
		}

	.content.standard .author-bio p.author-name,
	.content.feature1 .author-bio p.author-name,
	.content.feature2 .author-bio p.author-name	 {
		font-size: 1.0em;
		font-weight: bold;
		text-transform: uppercase;
		margin: 0 0 0.45em 0;
		padding-bottom: 0;
		width: 100%;
		border-bottom: 1px solid #4b4a4a;
		}

	.content.standard .author-bio p.author-name	a,
	.content.feature1 .author-bio p.author-name	a,
	.content.feature2 .author-bio p.author-name	a {
		color: #000;
		}

	.content.standard .author-bio .author-text,
	.content.feature1 .author-bio .author-text,
	.content.feature2 .author-bio .author-text {
		padding-top: 0;
		margin-top: 0;
		}







	/* Feature 2 - Layout Options  */


	/* Default Text  */
	.content.feature2 #story-head-text {
		position: absolute;
		bottom: 0;
		padding-bottom: 7%;
		padding-left: 7%;
		padding-right: 21%;
		width: 72%;
		box-sizing: content-box;
		background-image: linear-gradient(rgba(255,255,255,0), rgba(24,24,24,1));
		}

	.content.feature2 #story-head-text h1 {
		font-family: Bevan;
		font-weight: 400;
		font-size: 3.0em;
		line-height: 115%;
		color: #fff;
		text-shadow: 2px 2px 2px #000;
		}

	.content.feature2 #story-head-text .deck {
		font-size: 1.4em;
		line-height: 140%;
		color: #fff;
		text-shadow: 1px 1px 1px #000;
		}



	/* With a Background Image */
	.content.feature2 #story-head.bg-image {
		position: relative;
		height: 100vh;
		height: calc(100vh - 42px);
		/* mobile height is calculated in page javascript (mobile issue fix) */
		display: block;
		}

	.content.feature2 #story-head.bg-image #story-head-container {
		position: relative;
		height: 100%;
		background-size: cover;
		background-position: center center;
		}


	/* Parallax */
	.content.feature2 #story-head.parallax #story-head-container {
		background-attachment: fixed;
		}


	/* Text-Width */
	.content.feature2 #story-head.text-width,
	.content.feature2 #story-head.text-width + #featured-image-caption {
		margin-left: auto;
		margin-right: auto;
		}
	.content.feature2 #story-head.text-width {
		position: relative;
		margin-top: 1.0em;
		height: calc(70vh - 42px);
		display: block;
		}
	.content.feature2 #story-head.text-width #story-head-text {
		padding-left: 3%;
		padding-right: 13%;
		padding-bottom: 3.5%;
		width: 84%;
		}

	.content.feature2 #story-head.text-width #story-head-text h1,
	.content.feature2 #story-head.text-width + #featured-image-caption + #story-head-text h1 {
		font-size: 2.8em;
		}
	.content.feature2 #story-head.text-width #story-head-text .deck,
	.content.feature2 #story-head.text-width + #featured-image-caption + #story-head-text .deck {
		font-size: 1.2em;
		}


	/* no-crop  */
	.content.feature2 #story-head.no-crop {
		height: auto;
		}



	/* Plain text (not overlaid)  */
	.content.feature2 #story-head.plain-text #story-head-text,
	.content.feature2 #story-head.plain-text + #featured-image-caption + #story-head-text {
		position: static;
		padding-bottom: 0;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
		background-image: none;
		}
	.content.feature2 #story-head.plain-text #story-head-text h1,
	.content.feature2 #story-head.plain-text #story-head-text .deck,
	.content.feature2 #story-head.plain-text + #featured-image-caption + #story-head-text h1,
	.content.feature2 #story-head.plain-text + #featured-image-caption + #story-head-text .deck {
		color: #000;
		text-shadow: none;
		}


	/* No image at all */
	.content.feature2 #story-head.text-width.no-image #story-head-text h1 {
		font-family: 'Open Sans', arial, helvetica, sans-serif;
		font-weight: 700;
		font-size: 2.3em;
		margin-bottom: 0.5em;
		}


	/* Split  */
	.content.feature2 #story-head.split {
		background-color: #000;
		}
	.content.feature2 #story-head.split #story-head-container {
		width: 60%;
		position: absolute;
		left: 40%;
		}
	.content.feature2 #story-head.split #story-head-text {
		left: -68%;
		width: 54%;
		bottom: 28%;
		padding-left: 7%;
		padding-right: 7%;
		padding-bottom: 0;
		text-align: center;
		background-image: none;
		}
	.content.feature2 #story-head.split #story-head-text {
		font-size: 0.85em;
		}



	/* Separated headline */
	.content.feature2 #story-head.separated + #featured-image-caption + #story-head-text {
		margin-top: 0.75em;
		}







	/* Story package */

	.content.feature2.package2 .package {
		display: block;
		background-color: #f8f8f8;
		overflow: hidden;
		border-bottom: 1px solid #5a6a79;
		}

	.content.feature2.package2 .package.enclosed {
		border-top: 1px solid #5a6a79;
		margin-bottom: 1.0em;
		}

	.content.feature2.package2 .package .related {
		display: table-cell;
		border-top: 0px solid #c8c8c8;
		border-bottom: 0px solid #e8e8e8;
		vertical-align: top;
		padding: 0.75em 1.0em 0.5em 1.0em;
		}

	.content.feature2.package2 .package h2 {
		margin-top: 0.15em;
		}

	.content.feature2.package2 #package-cover {
		display: table-cell;
		padding: 0.75em 1.0em 1.0em 1.0em;
		vertical-align: top;
		width: 8.0em;
		}
	.content.feature2.package2 #package-cover p {
		margin: 0 0 0.25em 0;
		padding: 0;
		text-transform: uppercase;
		font-size: 0.7em;
		font-weight: 600;
		text-align: center;
		}
	.content.feature2.package2 #package-cover p a {
		color: #000;
		}
	.content.feature2.package2 #package-cover figure {
		position: relative;
		padding-bottom: 56.25%;
		height: 0;
		overflow: hidden;
		}

	.content.feature2.package2 #package-cover img {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		}







/* Story Comments */


	#comment {
		width: 100%;
		width: calc(100% - 4px);
		max-width: 100%;
		max-width: calc(100% - 4px);
		}


	.comments-area {
		background: #fff;
		margin: 3.0em 0 0 0;
		padding: 0;
		clear: both;
		max-width: 100%;
		}

	#comments h2,
	#comments h3 {
		font-size: 1.0em;
		line-height: 1.4em;
		font-weight: 600;
		border-top: 3px solid #484848;
		padding-top: 4px;
		}

	#comments li, /* entire comment with number, author, date, etc. */
	.no-comments, /* p: "No comments", "Comments are closed" */
	#comments .logged-in-as,
	#comments .comment-form-comment,   /* label: "Comment"  */
	.comment-meta {  /* comment author name & date  */
		font-size: 1.0em;
		}

	#comments li { /* entire comment with number, author, date, etc. */
		margin-bottom: 1.25em;
		}

	.comment-author,
	.comment-metadata {
		display: inline-block;
		}

	.comment-meta {  /* comment author name & date  */
		line-height: 1.2em;
		font-weight: 400;
		background: #fff;
		margin: 0;
		padding: 0;
		border-top: none;
		}

	.comment-author {
		color: #000;
		margin-bottom: 0.25em;
		margin-right: 1.0em;
		}

	.comment-metadata  { /* comment date  */
		font-size: 0.85em;
		margin-right: 1.0em;
		}
	.comment-metadata::before {
		content: "\0028";
		color: #000;
		}
	.comment-metadata::after {
		content: "\0029";
		color: #000;
		}

	.comment-content { /* the comment itself  */
		margin: 0 0 1.0em 0;
		padding: 0;
		}

	.comment-content p {
		margin: 0;
		padding: 0;
		}

	.comments-area .reply {
		font-size: 0.75em;
		}





/* Category Pages */

	.category .row4 {
		display: block;
		}

	.cat-title {
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: 600;
		margin: 0 0 0.5em 0;
		padding: 0;
		color:  #080808; /* signal red: #f35600 */
		}

	.cat-description {
		font-weight: 300;
		font-size: 0.5em;
		text-transform: uppercase;
		letter-spacing: 0.02em;
		color: #484848;
		}

	.category .cat-name {
		display: none;
		}

	.category ul.related {
		display: block;
		}


/* Tag Pages */

	.tag-title {
		font-size: 1.6em;
		line-height: 1.2em;
		font-weight: 600;
		margin: 0 0 0.5em 0;
		padding: 0.25em 0 0 0;
		color:  #080808; /* signal red: #f35600 */
		}



/* Author Pages */

	.author #author-info {
		}

	.author .author-bio p {
		font-size: 0.8em;
		padding-bottom: 0;
		line-height: 120%;
		}

	.author .author-image {
		float: left;
		position: relative;
		width: 50px;
		height: 62px; /* fallback */
		height: calc(50px * 1.25);
		overflow: hidden;
		margin-bottom: 1.0em;
		margin-right: 1.0em;
		}

	.author .author-image img	{
		position: absolute;
		width: 100%;
		left: 50%;
		top: 50%;
		height: auto;
		transform: translate(-50%,-50%);
		}

	.author .email-reporter {
		font-size: 1.0em;
		}

	.author .email-address {
		}








/* Sidebar (More Stories) */

	.sidebar-container .read-more {
		font-weight: 300;
		margin: 0 0 0.75em 0;
		font-size: 0.9em;
		text-align: center;
		text-transform: uppercase;
		}

	.sidebar-container .more-story {
		margin-bottom: 1.15em;
		font-weight: 400;
		}

	.sidebar-container .more-story.highlight {
		padding-bottom: 9px;
		}

	.sidebar-container .figure-container img {
		height: auto;
		}

	.sidebar-container h1 {
		font-size: 1.0em;
		line-height: 140%;
		}

	.sidebar-container a {
		text-decoration: none;
		color: black;
		}

	.sidebar-container .byline,
	.sidebar-container .cat-time {
		display: none;
		}




/* Pages */

	.page-content {
		float: left;
		width: 72%;
		}

	.page-content h1 {
		clear: both;
		font-size: 1.6em;
		line-height: 1.75em;
		font-weight: 700;
		margin: 0 0 0.5em 0;
		padding: 0;
		}

	#awards ul {
		margin: 0 0 1.0em 0;
		padding: 0;
		}
	#awards li {
		display: inline-block;
		margin: 0 0 1.0em 0;
		padding: 0;
		}
	#awards img {
		width: 60px;
		float: left;
		padding-right: 1.0em;
		}


/* Search Results */

	.search-result {
		border-top: 1px solid #f0f0f0;
		padding-top: 12px;
		clear: both;
		}

	.search-image {
		float: left;
		border: 0px solid green;
		width: 27%;
		margin-bottom: 9px;
		padding: 0;
		}

	.search-result img {
		width: 100%;
		height: auto;
		padding: 0;
		}

	.search-text {
		float: right;
		border: 0px solid blue;
		width: 71%;
		}

	.search-text h1 {
		font-size: 1.15em;
		line-height: 1.3em;
		font-weight: 600;
		margin: 0 0 4px 0;
		padding: 0;
		}

	.search-text h1 a {
		color: black;
		}

	h1 .search-term {
		font-weight: 300;
		color: #999;
		}

	.search-text .deck {
		font-size: 0.85em;
		line-height: 1.4em;
		margin: 0.5em 0 0 0;
		padding: 0;
		}

	.page-content .search-result:nth-last-child(1) {
		border-bottom: 0;
		margin-bottom: 0;
		}

	.pagination {
		font-size: 0.85em;
		line-height: 1.4em;
		font-weight: 400;
		text-align: right;
		margin: 1.0em 0;
		}

	.pagination a {
		margin: 0 0.35em;
		}

/* Guide */

	/* Breadcrumbs */
	#breadcrumbs {
		margin: 0 0 0.75em 0;
		padding: 0;
		font-size: 0.85em;
		}

	#breadcrumbs li {
		list-style: none;
		display: inline-block;
		}

	#breadcrumbs .separator {
		margin: 0 0.5em;
		}



	/* Guide Index */

	li.page-item-154 {
		list-style: none;
		}


	/* Guide Pages */
	.guide-content h1 {
		clear: both;
		font-size: 1.6em;
		line-height: 1.6em;
		font-weight: 700;
		margin: 0 0 0.5em 0;
		padding: 0;
		}

	.guide-content h3 {
		font-size: 1.2em;
		line-height: 1.5em;
		font-weight: 700;
		margin-top: 2.0em;
		}

	.guide-content h4 {
		font-size: 1.1em;
		line-height: 1.4em;
		font-weight: 700;
		margin-top: 1.0em;
		}


	.guide-content li {
		margin-bottom: 4px;
		}

	.guide-content li.page_item {
		margin-bottom: 0;
		}

	.guide-content .published-date {
		margin-top: 3.0em;
		font-size: 0.85em;
		line-height: 1.6em;
		font-weight: 300;
		color: #989898;
		}

	.guide-content p strong,
	.guide-content li strong,
	.guide-content td strong {
		font-weight: 700;
		}

	.guide-content .alignright {
		float: right;
		margin: 0.75em 0 0.75em 0.75em;
		display: block;
		}

	.guide-content .alignleft {
		float: left;
		margin: 0.75em 0.75em 0.75em 0;
		display: block;
		}


	/* Tables */
	.guide-content table {
	    border-top: 3px solid #383838;
	    border-bottom: 3px solid #383838;
	    box-sizing: border-box;
	    margin-bottom: 2.0em;
	    width: 100%;
		}

	.guide-content td {
		font-size: 0.85em;
		line-height: 1.75em;
	    border-top: 1px solid #989898;
		vertical-align: top;
		padding: 9px 0px 12px 12px;
		}

	.guide-content td:nth-child(1) {
		padding-left: 0;
		}

	.guide-content tr:nth-child(1) td {
	    border-top: 0;
		}

	.guide-content tr:nth-last-child(1) td {
	    border-bottom: 0;
		}



/* Footer */

	footer {
		font-weight: 300;
		font-size: 0.75em;
		line-height: 1.5em;
		color: white;
		border-top: 3px solid #989898;
		background-color: #383838;
		height:auto;
		overflow: hidden;
	    margin: 0;
	    padding-bottom: 2.0em;
		clear: both;
		}

	.footer-container {
		max-width: 990px;
	    margin: 0 auto;
		text-align: left;
		padding: 0;
		}

	.footer-left a,
	.footer-right a	 {
		color: white;
		}

	.footer-left a:hover,
	.footer-right a:hover	 {
		text-decoration: underline;
		}



	.footer-head {
		text-transform: uppercase;
		}

	.footer-left {
		width: 45%;
		float: left;
		}

	.footer-right {
		font-weight: 300;
		width: 45%;
		float: right;
		}

	footer img.footer-signal-logo {
		width: 80px;
		}

	footer img.footer-ukings-logo {
		width: 80px;
		}












/* Responsive */

/* fix: ios has wonky support for background: cover */
@media
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2), /* iPhone 4 */
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2), /* iPhone 5 */
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2),  /* iPhone 6, 7, 8 */
only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3),  /* iPhone 10 */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 1), /* iPad 1, 2, Mini and Air */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2), /* iPad 3, 4 and Pro 9.7 */
only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2), /* iPad Pro 10.5 */
only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2) {  /* iPad Pro 12.9 */

	.content.feature2 #story-head.parallax #story-head-container {
		background-attachment: scroll;
		}
	}

/* disable larger larger font size in ios landscape orientation  */

@media
only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), /* iPhone 4 */
only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape), /* iPhone 5 */
only screen and (min-device-width: 375px) and (max-device-width: 667px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape),  /* iPhone 6, 7, 8 */
only screen and (min-device-width: 375px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 3) and (orientation: landscape),  /* iPhone 10 */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1), /* iPad 1, 2, Mini and Air */
only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), /* iPad 3, 4 and Pro 9.7 */
only screen and (min-device-width: 1112px) and (max-device-width: 1112px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2), /* iPad Pro 10.5 */
only screen and (min-device-width: 1366px) and (max-device-width: 1366px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {  /* iPad Pro 12.9 */

	body {
		-webkit-text-size-adjust: 100%;
		}
	}






@media screen and (max-width: 1400px)  {


	/* adjust content width and images for Feature 2  */
	.content.feature2 {
		width: 72%;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text,
	.content.feature2 #story-head,
	.content.feature2 #featured-image-caption {
		/* Value is half the remainder of the width of the containing div.
		Container width = 72%, so remainder is 28
		% of the 72 width that will return this remaining 28 is 38.88%, then divided in half:
		(((28 * 100) / 72) / 2) = 19.44% */
		margin-left: -19.44%;
		margin-right: -19.44%;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text {
		/* (100% + (value above * 2 ) */
		width: 138.88%;
		}

	}




@media screen and (max-width: 1014px)  {

	/* Add content margins as page width narrows */
	.siteheader-container,
	.content {
		margin-left: 1.0em;
		margin-right: 1.0em;
		}
	footer {
		padding-left: 1.33em;
		padding-right: 1.33em;
		}


	}


@media screen and (max-width: 950px) {

	/* further adjust content width and images for Feature 2  */
	.content.feature2 {
		width: 88%;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text,
	.content.feature2 #story-head,
	.content.feature2 #featured-image-caption {
		margin-left: -6.8%;
		margin-right: -6.8%;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text {
		width: 113.6%;
		}



	/* Text adjustments  */
	.content.feature1 #story-head-text h1,
	.content.feature2 #story-head-text h1 {
		font-size: 2.6em;
		}
	.content.feature1 .deck,
	.content.feature2 #story-head-text .deck {
		font-size: 1.35em;
		}

	/* layouts 4, 5 & 6 : */
	.content.feature2 #story-head.text-width #story-head-text h1,
	.content.feature2 #story-head.text-width + #featured-image-caption + #story-head-text h1 {
		font-size: 2.4em;
		}
	.content.feature2 #story-head.text-width #story-head-text .deck,
	.content.feature2 #story-head.text-width + #featured-image-caption + #story-head-text .deck {
		font-size: 1.0em;
		}

	/* layout 8: no-image */
	.content.feature2 #story-head.text-width.no-image #story-head-text h1 {
		font-size: 2.0em;
		}




/*
	.content.feature2 .author-bio .author-image {
		width: 7vw;
		height: 8.25vw; /* fallback
		height: calc(7vw * 1.25);
		}
*/
	.story .headline-kicker,
	.sidebar-container .headline-kicker {
		display: block;
		margin-top: 0.75em;
		margin-bottom: 0.5em;
		}

	.special .headline-kicker {
		display: inline;
		}

	.search-text h1 {
		font-size: 1.2em;
		line-height: 1.3em;
		font-weight: 400;
		}

	.stack h1  {
		font-size: 0.95em;
		}

	.stackimage .cat-time {
		display: none;
		}

	.story ul.related {
		display: none;
		}


	}





@media screen and (max-width: 800px) {


	/* when parallax featured image is split  */
	.content.feature2 #story-head.split #story-head-container	{
		width: 100%;
		left: 0;
		height: 60%;
		}
	.content.feature2 #story-head.split #story-head-text {
		left: 0;
		top: initial;
		bottom: -52%;
		text-align: center;
		width: 70%;
		padding-left: 15%;
		padding-right: 15%;
		}



	/* Text adjustments  */


	/* index page */

	.lead h1 {
		font-size: 1.38em;
		}
	.row3 .two-col h1 {
		font-size: 1.3em;
		}


	.stackimage .deck {
		font-size: 0.8em;
		}




	.search-text h1 {
		font-size: 1.1em;
		line-height: 1.25em;
		font-weight: 400;
		}


	}



@media screen and (max-width: 750px) {


	/* Text adjustments  */

	.stackimage:nth-last-child(1) .deck {
		display: none;
		}

	.search-text .deck {
		font-size: 0.75em;
		line-height: 1.3em;
		}

	}





	/* Mobile layout -- Changed break point to 900px to keep up with larger screens*/

@media screen and (orientation: portrait) and (max-width: 700px) {
		body {
		font-size: 1.15em;
		}
	}


@media screen and (max-width: 700px) {


	/* structure */

	.content.feature1 .story-content,
	.content.feature1 .sidebar-container {
		float: none;
		padding: 0;
		}

	.story-content,
	.sidebar-container,
	.content.feature1 .deck,
	.content.feature1 #story-info,
	.content.feature1 #story-context,
	.content.feature1 #story-body,
	.content.feature1 #comments {
		float: none;
		width: 100%;
		}



	/* collapse horiz. margins on images */

	.story .figure-container,  /* index pages */
	.story.stackimage .figure-container,
	.story.highlight,
	.more-story.highlight,

	.story-content figure, /* single post */
	.story-content figure.alignright,
	.story-content figure.alignleft,
	.story-content img.alignnone,

	.content.feature1 .story-content img.alignnone,
	.content.feature1 .story-content #story-body img.alignleft,
	.content.feature1 .story-content #story-body img.alignright,
	.content.feature1 .story-content #story-body img.aligncenter,

	.more-story .figure-container,   /* sidebar */
	#featured-image-caption,

	.featured .figure-container {
		margin-left: -1.0em;
		margin-right: -1.0em;
		width: calc(100% + 2.0em);
		}

	/* reset margins for images in highlight story */
	.story.highlight .figure-container,
	.more-story.highlight .figure-container {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		}




	/* collapse horiz. margins on Feature 1 & 2 images in particular */
	.content.feature2 {
		width: auto;
		margin-left: 1.0em;
		margin-right: 1.0em;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text {
		margin-left: 0;
		margin-right: 0;
		}
	.content.feature1 #story-head,
	.content.feature2 #story-head,
	.content.feature2 #story-head.text-width:not(.no-image),
	.content.feature2 #featured-image-caption,
	.content.feature2 #story-head.text-width + #featured-image-caption {
		margin-left: -1.0em;
		margin-right: -1.0em;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text {
		width: 100%;
		}

	.content.feature2.package2 #package-cover {
		width: auto;
		}

	.content.feature2.package2 #package-cover figure {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		}

	.content.feature1 #story-head figure,
	.content.feature2 #story-head.text-width:not(.no-image) figure {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		}




	/* headers */

	.siteheader-navmain,
	.siteheader-navmain-sub,
	.siteheader-navmain-search {
		display: none;
		}

	.siteheader-container {
		height: 39px;
		}
	.siteheader-logobox {
		height: 39px;
		}
	.siteheader-navbox {
		height: 39px;
		}

	#siteheader-mobile-searchbutton {
		display: block;
		float: right;
		height: 30px;
		padding-top: 0.33em;
		}

	#siteheader-mobile-searchbutton img {
		height: 100%;
		}

	#siteheader-mobile-menubutton { /*  Hamburger Menu */
		display: block;
		float: right;
		height: 24px;
		padding-top: 0.5em;
		}

	.siteheader-mobile-menuicon {
		position: relative;
		padding-right: 1.5em;
		font-size: 2.0em;
		}

	.siteheader-mobile-menuicon::before {
		content: "";
		position: absolute;
		right: 0em;
		top: 0em;
		width: 1.0em;
		height: 0.12em;
		background: #a8a8a8;
		box-shadow:
		0 0.25em 0 0 #a8a8a8,
		0 0.5em 0 0 #a8a8a8;
		}



	.feature2-signal-logo-container {
	    width: calc(100% - 104px);
		}
	.feature2-signal-nav-container {
		width: 104px;
		}
	.feature2-signal-nav-container a.social-item {
		display: none;
		}
	.feature2-banner-title {
		font-size: 0.65em;
		}









	/* index pages */

	.one-col {
		width: 100%;
		margin-right: 0;
		}

	.one-col-last {
		width: 100%;
		}

	.two-col {
		width: 100%;
		margin-right: 0;
		}
	.two-col-last {
		width: 100%;
		margin-right: 0;
		}
	.three-col {
		width: 100%;
		margin-right: 0;
		}
	.three-col-last {
		width: 100%;
		margin-right: 0;
		}


	.border-right,
	.border-right:after {
		position: static;
		}



	.column,
	.page-content {
		float: none;
		}

	.page-content {
		width: 100%;
		}

	.story h1 {
		font-size: 1.3em;
		margin-top: 0.25em;
		}

	.lead {
		border-bottom: none;
		}

	.story .deck {
		font-size: 0.85em;
		}

	.lead ul.related {
		font-size: 0.8em;
		}





	 /* index pages */

	/* reset stackimage */
	.stackimage {
		border-bottom: 0px solid #f0f0f0;
		margin-bottom: 1.5em;
		}

	.stackimage .figure-container {
		width: 100%;
		display: block;
		vertical-align: top;
		padding-right: 0;
		}

	.stackimage .story-text {
		display: block;
		width: 100%;
		}

	.stackimage.highlight .figure-container {
		width: 100%;
		margin-top: 0;
		margin-left: 0;
		margin-right: 0;
		}

	.highlight .story-text,
	.stackimage.highlight .story-text {
		width: auto;
		margin: 0 1.0em 0.25em 1.0em;
		}

	.stackimage.highlight h1 {
		margin-top: 0.25em;
		}

	.stackimage:nth-last-child(1) .deck {
		display: block;
		}

	.stackimage .cat-time {
		display: block;
		}

	/* reset index featured stories */

	.row-spotlight {
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		}

	.spotlight {
		display: block;
		}
	.spotlight .column {
		display: block;
		}

	.spotlight.one-story .column {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		}

	.spotlight.two-stories .column:nth-of-type(1),
	.spotlight.two-stories .column:nth-of-type(2),
	.spotlight.two-stories .column:nth-of-type(2),
	.spotlight.three-stories .column:nth-of-type(1),
	.spotlight.three-stories .column:nth-of-type(2),
	.spotlight.three-stories .column:nth-of-type(3) {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		}

	.spotlight .figure-container {
		display: block;
		vertical-align: top;
		}

	.spotlight .spotlight-kicker,
	.spotlight h1,
	.spotlight .deck,
	.spotlight .cat-time,
	.spotlight .byline,
	.spotlight ul.related {
		text-align: left;
		}

	.spotlight .story-text {
		display: block;
		width: 100%;
		}

	.spotlight .spotlight-kicker {
		font-size: 0.65em;
		margin-top: 1.0em;
		}

	.spotlight h1 {
		font-size: 1.3em;
		margin-top: 0.25em;
		}
	.spotlight .deck {
		font-size: 0.85em;
		}







	 /* story pages */

	.story-content .headline-kicker {
		font-size: 0.75em;
		}
	.story-content h1 {
		font-size: 1.6em;
		}

	.story-content .updated-date {
		display: none;
		}
	.story .byline,
	.sidebar-container .byline,
	.sidebar-container .cat-time {
		display: block;
		}
	.story .byline img.twitter-username-icon,
	.more-story .byline img.twitter-username-icon {
		display: none;
		}
	.story-content .byline {
		font-size: 0.85em;
		}

	#story-body blockquote {
		margin-left: 0;
		}


	.story-content .related li {
		font-size: 0.75em;
		}
	.story-content .related-date {
		display: none;
		}





	.content.feature1 .byline-author-image {
		display: none;
		}
	.content.feature1 .author-bio {
		display: inline-block;
		}



	.content.feature2 #story-head.text-width.text-width:not(.no-image) {
		margin-top: 0;
		}



	/* feature headlines */
	.content.feature1 #story-head-text h1 {
		font-size: 1.4em;
		}
	.content.feature1 #story-head-text .headline-kicker {
		display: none;
		}
	.content.feature2 #story-head-text h1 {
		font-size: 1.8em;
		}
	.content.feature1 .deck,
	.content.feature2 #story-head-text .deck {
		font-size: 1.0em;
		}

	/* text-width  */
	.content.feature2 #story-head.text-width #story-head-text .deck,
	.content.feature2 #story-head.text-width + #featured-image-caption + #story-head-text .deck {
		font-size: 0.9em;
		}

	/* layout 4: full-screen height at mobile */
	.content.feature2 #story-head.text-width:not(.no-crop) {
		height: calc( 100vh - 42px);
		}
	.content.feature2 #story-head.text-width:not(.no-crop) #story-head-text h1,
	.content.feature2 #story-head.text-width:not(.no-crop) + #featured-image-caption + #story-head-text h1 {
		font-size: 1.8em;
		}

	/* layout 5: full-image width at mobile  */
	.content.feature2 #story-head.text-width.contained #story-head-text h1,
	.content.feature2 #story-head.text-width.contained + #featured-image-caption + #story-head-text h1 {
		font-size: 1.4em;
		}
	.content.feature2 #story-head.text-width.contained #story-head-text .deck,
	.content.feature2 #story-head.text-width.contained + #featured-image-caption + #story-head-text .deck {
		font-size: 0.8em;
		}

	/* layout 6: separated - headline below image) */
	.content.feature2 #story-head.text-width.separated + #featured-image-caption + #story-head-text h1 {
		font-size: 1.7em;
		}


	/* layout 8: no-image */
	.content.feature2 #story-head.text-width.no-image #story-head-text h1 {
		font-size: 1.8em;
		}




	.author #author-info {
		width: 100%;
		}
	.author .author-bio {
		font-size: 0.85em;
		}




	.sidebar-container h1 {
		margin-top: 0.25em;
		font-size: 1.3em;
		line-height: 135%;
		}

	.sidebar-container .deck {
		font-size: 1.0em;
		}

	.sidebar-container .highlight {
		padding-bottom: 0.15em;
		}






	footer:not(.comment-meta) {
		display: none;
		}


	}


@media screen and (max-width: 575px)  {

	/* fix for wonky parallax image on mobile */
	.content.feature2 #story-head.parallax #story-head-container {
		background-attachment: scroll;
		}


	}



/* Print */
@media print {

	html {
		margin: 0em;
		}

	body {
		font-size: 0.85em;
		}

	.navjschool,
	.sidebar-container,
	#comments,
	footer {
		display: none;
		}

/* ensures featured image prints properly in the background */
.content.feature2 #story-head.parallax #story-head-container {
background-attachment: initial;
		}

	.siteheader {
		visibility: hidden;
		}
	.siteheader-navmain,
	.siteheader-navmain-sub,
	.story-content .addthis_sharing_toolbox	 {
		display: none;
		}

	.siteheader-logobox {
		visibility: visible;
		margin-bottom: 1.5em;
		}

	.story-content,
	.content.feature1 .story-content,
	.content.feature2 .story-content,
	.content.feature1 #story-info,
	.content.feature1 .deck,
	.content.feature1 #story-context,
	.content.feature1 #story-body,
	.content.feature1 #comments,
	.content.feature2 {
		float: none;
		width: 100%;
		}

	.content.feature2 {
		margin: 0 auto;
		}

	.content.feature2 #story-head {
		height: 400px;
		}


	/* re-adjust content width and images for Feature 2  */
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text,
	.content.feature2 #story-head,
	.content.feature2 #featured-image-caption {
		margin-left: 0;
		margin-right: 0;
		}
	.content.feature2 .story-content figure.alignnone .margin-width,
	.content.feature2 .story-content figure.alignnone img.margin-width + .wp-caption-text {
		width: 100%;
		}
	}





.extend-width {
	margin-left: -50%;
	margin-right: -50%;
}
@media screen and (max-width: 1400px) {
	.extend-width {
		margin-left: -19.44%;
		margin-right: -19.44%;
	}
}
@media screen and (max-width: 950px) {
	.extend-width {
    margin-left: -6.8%;
    margin-right: -6.8%;
	}
}
@media screen and (max-width: 700px) {
	.extend-width {
    margin-left: -1.0em;
    margin-right: -1.0em;
	}
}



.section-background-image {
	background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: black;
}
.section-background-image.size-cover 		{ background-size: cover; }
.section-background-image.size-contain 	{ background-size: contain; }
.section-background-image.size-left 		{ background-size: 50% auto; background-position: left; }
.section-background-image.size-right 		{ background-size: 50% auto; background-position: right;}

.section-color,
.section-2-columns {
	padding: 5rem 0;
}

.section-background-video {
	position: relative;
}

/* .story-block { overflow: hidden; } */
.story-block img { 
	max-width: 100%; height: auto; 
	margin-left: 0 !important;
	margin-right: 0 !important;
	width: auto;
}
.story-block.no-pad-top 		{ padding-top: 0; }
.story-block.no-pad-bottom	{ padding-bottom: 0; }


.video-wrapper {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: -1;
}

.clip-fixed {
	clip: rect(0, auto, auto, 0);
	-webkit-clip-path: inset(0 0 0 0);
	max-height: none;
}

.background-video {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-color: black;
}


/* 
 * PANELS
 */
.panel {
	background-color: rgba(0,0,0,0.8);
	padding: 2rem 2rem;
	color: white;
}
.panel-row { padding: 33vh 0; }

@media only screen and (min-width: 768px) {
	.panel.panel--left,
	.panel.panel--right,
	.panel.panel--center {
		width: 50%;
	}
}

.panel.panel--left { margin-right: auto; }
.panel.panel--right { margin-left: auto; }
.panel.panel--center { margin: 0 auto; }

.sticky-column {
	position: sticky;
	top: 50px;
}

.wp-block-image figcaption {
	font-size: 75%;
    line-height: 150%;
    color: white;
    width: 100%;
    padding: 0.5% 1.33em;
}

.wp-block-table table {
	border-collapse: collapse;
}

.wp-block-table td {
	padding: 0.5em 1em;
	border: 1px solid black;
}

.wp-block-pullquote blockquote {
	background: inherit !important;
	border: none !important;
}

figure.wp-block-table,
figure.wp-block-gallery,
.wp-block-media-text figure,
.wp-block-gallery figure,
figure.wp-block-image,
.wp-block-image figure {
	width: 100%;
	margin-left: 0;
	margin-right: 0;
}

figure.wp-block-table {
	margin-bottom: 1.5em;
}

.no-overflow {
	overflow: hidden;
}