/* CSS for Frontpage, Stories and PR, Schedules, Profiles, etc. */

/* temporary bodges for testing purposes */

h2.readMoreInDigest {
	width:100%;
	text-align:center;
	clear:both;
}
 
.breaking_bar, .top_bar {
    /* background: #9a2d2d;
	border:solid 1px #4f1717; */
    color: #fff;
    padding: 0.5em;
    margin: 1em 16px 0.5em 0em; /*16 px to match 1 em margin on photo/boxed blurb in case it's also there */
    font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
    font-size: 1.2em;
	font-weight:900;
}

.breaking_bar {
    background: #9a2d2d;
	border:solid 1px #4f1717;
}

.top_bar {
    background: #275d8b;
	border:solid 1px #163550;
}

.breaking_bar a, .top_bar a {
    color: #fff;
    text-decoration: none;
	text-shadow: 1px 1px #4f1717;
}

.breaking_bar a:hover, .top_bar a:hover {
	text-decoration:underline;
	text-decoration-style:dotted;
	text-decoration-skip-ink: none;
}

/* Shared Styles */



/* Frontpage */

.frontpage_left  {
    box-sizing: border-box;
	float:left;
	padding-right:1em;
	width: 43%;
}

.frontpage_right {
    box-sizing: border-box;
	float:left;
	padding-left:1em;
	padding-right:1em;
	width: 57%;
}

.frontpage_both {
	clear:both;
    box-sizing: border-box;
	font-size:1.1em;
	width: 100%;
}

.frontpage_left h1, .frontpage_right h1, .frontpage_both h1, .frontpage_mobile h1 {
	font-family:adobe-garamond-pro,'Times New Roman',Times,serif;
	font-size:2em;
	line-height:1em;
	margin:0.67em auto 0em auto;
}

.frontpage_left h2, .frontpage_right h2, .frontpage_both h2, .frontpage_mobile h2 {
    font-style: italic;
    font-weight: normal;
}

.frontpage_right h1 {
	font-size:2.5em;
}

.frontpage_left h1 a, .frontpage_right h1 a, .frontpage_both h1 a , .frontpage_mobile h1 a,
.frontpage_left h2 a, .frontpage_right h2 a, .frontpage_both h2 a , .frontpage_mobile h2 a{
	border:none;
	color:#231f20;
	text-decoration:none;
}

.frontpage_left h6, .frontpage_right h6, .frontpage_both h6, .frontpage_mobile h6 {
	font-family:adobe-garamond-pro,'Times New Roman',Times,serif;
	font-size:0.9em;
	line-height:1em;
	margin:1em auto 0.8em 0.25em;
}

.frontpage_left h6 span, .frontpage_right h6 span, .frontpage_both h6 span, .frontpage_mobile h6 span {
	white-space:nowrap;
}

.frontpage_left h6 span.byline::after, .frontpage_right h6 span.byline::after, .frontpage_both h6 span.byline::after, .frontpage_mobile h6 span.byline::after {
	content: " | ";
}

.frontpage_left h6 span.dateline, .frontpage_right h6 span.dateline, .frontpage_both h6 span.dateline, .frontpage_mobile h6 span.dateline {
	font-weight:normal;
}

.frontpage_left hr, .frontpage_right hr, .frontpage_both hr, .frontpage_mobile hr {
	border:0px;
	border-bottom:1px solid #e6e6e6;
	clear:both;
	margin:0em;
}

.frontpage_both hr {
	margin-bottom:0em;
}

.boxed_blurb hr {
	display:none;
}

.frontpage_left a + h1, .frontpage_right a + h1, .frontpage_mobile a + h1 {
	margin-top:0.25em;
}

.frontpage_left img, .frontpage_right img, .frontpage_both img , .frontpage_mobile img {
	margin-top:1.09em; /* h1 default font size (2em) by h1 default margin top (0.67em), minus 0.2em */
	max-width:100%;
}

.frontpage_both img {
    box-sizing: border-box;
	float:right;
	padding-left:1em;
	padding-right:1em;
	margin-bottom:1em;
	max-width:57%;
}

.frontpage_left p, .frontpage_right p, .frontpage_both p, .frontpage_mobile p {
	font-family:adobe-garamond-pro,'Times New Roman',Times,serif;
	font-size:1em;
	line-height:1.5em;
	margin:0em auto 2em auto;
}

.frontpage_both p {
	line-height:2em;
}
	
.boxed_blurb {
	border: solid #231f20 2px;
    box-sizing: border-box;
	padding-right:1em;
	padding-left:1em;
	margin-top:1em;
}
	
#top_blurb {
	display:none;
}

div.tracker {
	background: #edebec;
	border: solid #aaa1a6 1px;
	color: #231f20;
	padding: 0px;
}

div.tracker a, div.tracker a:visited, div.tracker a.hover {
	color:#231f20;
}

div.tracker img {
	border-top: solid #231f20 1px;
	border-bottom: solid #231f20 1px;
}

div.tracker h1, div.tracker h2, div.tracker h6, div.tracker ul {
	color:#231f20;
	margin-left: 10px;
	margin-right: 10px;
}

div.tracker h1 {
	line-height: 0.75em;
}

div.tracker h2 {
	margin: 5px 10px;
}

div.tracker ul {
	margin: 10px 10px auto 0px;
	overflow-x:hidden;
}

div.tracker ul li span {
	white-space: nowrap;
}


/* Story/Brief */

#storyBody div.audiobar {
	border:0px;
	border-bottom:1px solid #E6E6E6;
	border-top:1px solid #E6E6E6;
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-size:1em;
	margin-left:2.5%;
	margin-right:7.5%;
	text-align:center;
}

#storyBody div.audiobar audio {
	background-color:#8fafd9;
	border-radius:90px;
	box-shadow:5px 5px 20px rgba(0,0, 0, 0.4);
	width:95%;
}

#storyBody div.audiobar audio + p {
	font-size:0.8rem;
	font-style:italic;
	margin-top:0.35em;
}

#storyBody div.newsPageAd {
	/*background:#eee;*/
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	/*line-height:3em;*/
	margin-left:2.5%;
	margin-right:7.5%;
	text-align:center;
}

#storyBody div.newsPageAd + div.newsPageAd {
	border-top: 1px solid #edebec;
	margin-top: 0.5em;
	padding-top: 0.5em;
}

#storyBody div.floatleft {
	margin-left:2.5% !important;
	margin-right:1.25em !important;
}

#storyBody div.floatright {
	margin-left:1.25em !important;
	margin-right:7.5% !important;
}

#storyBody div.fblive,
#storyBody div.vimeo {
	margin-left:2.5%;
	margin-right:7.5%;
	max-height:478px;
	max-width:100%;
}

#storyBody div.vimeoFull {
	margin:2.5%;
	max-height:490px;
	max-width:100%;
}

#storyBody div.fblive iframe,
#storyBody div.vimeo iframe,
#storyBody div.vimeoFull iframe {
	width:100%;
}
	

#storyBody figure {
    box-sizing: border-box;
	display: table;
	margin-left:2.5%;
	margin-right:7.5%;
	font-size:1rem !important;
	text-align:justify !important;
}

#storyBody figure img, #storyBody figure a img {
	max-height:37.5em;
	max-width:100% !important;
}

#storyBody figure figcaption {
	display: table-caption;
	caption-side: bottom;
	font-size:0.85rem;
	line-height: 1.25em;
}

#storyBody h1 {
	font-size:2.55em;
	margin-bottom:14px;
}

#storyBody h2 {
    font-style: italic;
    font-weight: normal;
    margin:-12px auto 12px 2.5%;
}

#storyBody h3 {
    margin-left: 2.5%;
    margin-right: 7.5%;
    text-align: center;
}

#storyBody h3.dateDividedList {
	margin-bottom:0em;
    text-align: left;
}

#storyBody h3.dateDividedList::after {
	content: " \2014";
}

#storyBody h3.dateDividedList + ul {
    margin-bottom: 2em;
    margin-top: 0.5em;
}

#storyBody li {
	margin-bottom:0.67em;
}

#storyBody li, #storyBody p {
	font-size:1.125em;
	line-height:1.5em;
	margin-left:2.5%;
	margin-right:7.5%;
}

#storyBody p.pr_hed {
	font-size:1.333em;
	font-weight:bold;
}

#storyBody p span.byline {
	font-size:1rem;
	font-weight:bold;
}

#storyBody p span.byline::after {
	content: " | ";
}

#storyBody p span.dateline {
	font-size:1rem;
	font-weight:normal;
}

/* PR Pages */

div.disclaimer {
	box-sizing:border-box;
	margin:0.5em auto;
}

div.disclaimer p, p.disclaimer {
	background:#edebec;
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-size:0.95rem;
	padding:0.5em;
}

/* Schedules */

div#skedContent p, div#skedContent ul li {
	font-size:1.125em;
	line-height:1.5em;
	margin-left:2.5%;
	margin-right:7.5%;
}

div#sked_footer {
	text-align:center;
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	margin:1em auto;
}

div#sked_footer a {
	color:#2d689c;
	font-weight:bold;
	text-decoration:none;
}

div#sked_footer a:hover {
	text-decoration:underline;
	text-decoration-style:dotted;
}

div#sked_footer hr {
	border-top:none;
	border-right:none;
	border-bottom:solid 2px #d69e6b;
	border-left:none;
	width:40%;
	margin:15px auto 5px auto;
}

.sked_sectiontitle {
	color:#231f20;
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-weight:900;
}

/* Event Tracker */

span.trackerSlug {
	font-weight:bold;
}

span.trackerTimestamp {
	color:#2d689c;
	font-family: ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	line-height: 1em;
	white-space:nowrap;
}

div#trackerNav {
	font-size: 1.2em;
	margin-bottom: 1em;
	text-align: center;
}

div#trackerNav .trackerNavLeft {
	margin-right:0.5em;
}

div#trackerNav .trackerNavRight {
	margin-left:0.5em;
}

figure#freeTrackerImage img {
	display: inline-block;
	width: 50%;
}

iframe.trackerMedia {
	margin-top: -1.5em;
}

figure.trackerMedia {
    margin-top: .5em;
	padding-top: 5px;
}

ul.eventTracker {
	list-style-type: none;
	padding-left: 0px;
}

ul.eventTracker li {
	border-left: solid 4px #edebec;
	margin-bottom: 1.5em !important;
	max-width:100%;
	padding-left: 0.5em;
}

/*ul.eventTracker li,*/ ul.eventTracker li.default {
	/* default itemLayout (photo below) */
	display: flex;
	flex-direction: column-reverse;
}

ul.eventTracker li.photoAbove {
	display: flex;
	flex-direction: column;
}

ul.eventTracker li.photoInsetLeft, ul.eventTracker li.photoInsetRight {
	display: block;
}

	#storyBody ul.eventTracker li.photoInsetLeft .trackerMedia,
	#storyBody ul.eventTracker li.photoInsetRight .trackerMedia {
		margin-top: 0%;
		margin-bottom: 2.5%;
		max-width:33%;
	}

	#storyBody ul.eventTracker li.photoInsetLeft .trackerMedia {
		float:left;
		margin-left:0.5%;
		margin-right:2.5%;
	}

	#storyBody ul.eventTracker li.photoInsetRight .trackerMedia {
		float:right;
		margin-left:2.5%;
		margin-right:0.5%;
	}

ul#trackerSameday {
	margin-top: 1.5em;
}

ul#trackerSameday li.highlight {
	border-left: solid 4px #2d689c;
	padding: 0.5em;
	background: #edebec;
}

ul#trackerSameday li span.trackerTimestamp span {
	/*display:none;*/
}

ul#trackerSameday li span.trackerTimestamp span::before {
	content:"| ";
}

div#storyBody ul.eventTracker li div.fblive,
div#storyBody ul.eventTracker li div.vimeo {
	padding-top:5px;
}

/* Endorsement Viewer */

div#endorse-list {
	margin-bottom:1em;
}

table#endorsementsResults {
	border-collapse:collapse;
	line-height: 1.75em;
	margin-left: 2.5%;
	margin-right: 7.5%;
	width:90%;
}

table#endorsementsResults thead {
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

table#endorsementsResults thead th {
	/* background:#edebec; */
	border-bottom: double 3px #edebec;
	padding-left:0.75em;
	text-align:left;
}

table#endorsementsResults th:first-child {
	padding-left:0.25em;
}

table#endorsementsResults tr td {
	border-bottom: dotted 1px #edebec;
	padding-left:0.75em;
	max-width:40%;
}

table#endorsementsResults tr td.candidate {
	padding-left:0.25em;
	width:20%;
}

table#endorsementsResults tr td.endorser {
	width:40%;
}

table#endorsementsResults tr td.race {
	width:27.5%;
}

table#endorsementsResults tr td.date {
	width:12.5%;
}

/* Misc Pages */

div.pagetitle {
	border-bottom: solid 2px #d69e6b;
	clear:both;
}

div.pagetitle:nth-child(n+3)  /*n+3: hidden print header(n+1), first header(n+3), all following(n+3)*/ {
	border-top: solid 2px #d69e6b;
	margin-top:2em;
	margin-bottom:0.5em;
}

div.pagetitle h1, div.pagetitle h2 {
	color:#231f20;
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-weight:900;
}

div.contact_suggestions {
	background:#edebec;
	box-sizing:border-box;
	font-size:1.2em;
	margin:0.5em auto 0em auto;
	padding:0.5em;
}

div.contact_suggestions span.contact_suggestion {
	font-family:ff-basic-gothic-pro,Arial,Helvetica,sans-serif;
	font-weight:bold;
}

p {
	font-size:1.125em;
	line-height:1.5em;
	margin-left:2.5%;
	margin-right:7.5%;
}

table#ratesheet {
	border:0px;
	margin:0.5em auto 1em auto;
	width:100%
}

table#ratesheet td {
	background:#edebec;
	padding:0.25em;
}

ul#terms li, ul#rateterms li, ul#subterms li {
	list-style-type:square;
	text-indent:0em;
}

ul#terms li + li, ul#rateterms li + li, ul#subterms li + li {
	margin-top:0.75em;
}

ul#terms li {
	line-height:1.5em;
}

ul#rateterms, ul#subterms {
	padding-left:1em;
}

ul#rateterms li, ul#subterms li {
	font-size:0.85em;
}