/* GLOBAL */
#outer-page-wrapper {position:relative;display:block;background: #f1f2f7;}
.container.page-content {padding:25px 0;}
.container.page-content.background {}


/* =================================================================== */
/* HOMEPAGE
====================================================================== */
.homepage-features {width:80%;float:left;}
#ads {width:16%;float:left;margin-left:4%;}
.twelve.columns.feature-content {float:right;}
.four.columns.spe-content {float:left;}

.tile {box-shadow: 0 1px 2px #c5c6cb;margin-bottom: 20px;padding: 20px;}
.tile.white {background-color:#fff;}

/* AD COLUMN */
#ads {text-align:right;}
#ads img {margin:0 0 6px 0;}

/* COMMON */
.pub-date {display: block;text-transform: uppercase;font-size: 12px;font-weight: 700;letter-spacing:1px;color: #c63604;}

/* SPE CONTENT */
.spe-news, .spe-disciplines, .spe-regions {border-top:4px solid #365d98;}
.section-heading {display:block;margin:0 0 30px 0;text-transform:uppercase;color:#365d98;font-size:24px;font-weight:400;letter-spacing:-1px;}


.spe-disciplines li a, .spe-regions li a {color:#444;} 
.featured-story a:hover h2, .story a:hover h3 {color:#326ec8;cursor:pointer;}
.spe-news li a:hover .title, .spe-disciplines li a:hover, .spe-regions li a:hover {text-decoration:underline;color:#326ec8;cursor:pointer;}

.spe-boilerplate p {color:#616474;font-weight:600;font-style:italic;margin:0;font-size:14px;}
.spe-disciplines li, .spe-regions li {margin-bottom:6px;}
.spe-content ul {margin:0;}
.spe-news .title {color:#444;}
.spe-news li a, .spe-disciplines li a, .spe-regions li a {text-decoration:none;display:block;}
.spe-news li {padding:0 0 10px 0;border-bottom:1px solid #f1f3f6;margin:0 0 10px 0;letter-spacing:.01rem;}
.spe-news li:last-child {border:none;}
#spe-news.see-all {display:block;width:100%;text-decoration:none;color:#326ec8;cursor:pointer;font-size:16px;font-weight:600;border-top:1px solid #e0e4eb;padding:10px 0 0 0;}
#spe-news.see-all span {width:25px;height:25px;float:right;margin:-2px 0 0 0;background:url(/assets/images/header-sprite.png) no-repeat 0 -517px;}
#spe-news.see-all:hover {text-decoration:underline;}
#features.see-all {display:block;clear:both;width:94%;text-decoration:none;color:#fff;cursor:pointer;font-size:16px;font-weight:600;background-color:#365d98;padding:12px 3%;margin:0 0 20px 0;}
#features.see-all span {width:25px;height:25px;float:right;margin:-2px 0 0 0;background:url(/assets/images/header-sprite.png) no-repeat 0 -542px;}
#features.see-all:hover {background-color:#26416c;}


/* featured stories */
.featured-story a, .story a {text-decoration:none;display:block;}
.story-text h2, .story-text h3 {color:#333;font-weight:700;line-height:1.1;margin-bottom:8px;}
.featured-story h2 {font-size:34px;letter-spacing: -0.04em;}
.story h3 {font-size:24px;}
.featured-story p, .story p {margin:0;line-height:19px;}
.featured-story {}
.featured-story .story-wrap {background-repeat:no-repeat;background-size:cover;min-height:350px;position:relative;}
.featured-story .story-text {background-color:#fff;width:74%;bottom:0;position:absolute;left:10%;padding:3% 3% 0 3%;}
.homepage-features .pub-date {margin:0 0 8px 0;}
.story .thumb img {}
.story .thumb {float:left;margin:0 20px 0 0;}
.tile.story.half {padding:0;float:left;min-height:255px;}
.story.half.left {width:48%;margin-right:2%;}
.story.half.right {width:48%;margin-left:2%;}
.story.half .story-wrap {padding:20px;}


/* =================================================================== */
/* LISTING PAGE
====================================================================== */
.news-list .story .thumb {float:right;margin:0 0 0 20px;}
.news-list .story .thumb img {max-width:200px;height:auto;}
.paginate a, .paginate strong {display:block;padding: 15px 18px;color: #1c1d22;font-size: 15px;float:left;line-height: 12px!important;margin-right: 5px;font-weight:600!important;}
.paginate strong {background-color:#e0e4eb;}
.paginate a {color:#fff;background: none repeat scroll 0 0 #365d98;transition: all 0.3s ease 0s;text-decoration:none;}
.paginate a:hover {background-color:#26416c;}



/* =================================================================== */
/* ARTICLE PAGE
====================================================================== */
.article-detail .article-background {background:#fff;}
.article-detail .sidebar {padding:30px;}
.article-detail .story {padding:40px;}

.article-detail .social-media-wrap {width:8%;margin:0 2% 0 0;float:left;}
.article-detail .social-media-share.fixed {margin:30px 0 0 0;top:0;position:fixed;}
.article-detail .social-media-share a {margin:0 0 1em 0;}
.article-detail .social-media-share span {display:block;width:35px;height:35px;background:url(/assets/images/social-media-35x.png) no-repeat;}
.article-detail .social-media-share .facebook {background-position:0 0;}
.article-detail .social-media-share .twitter {background-position:0 -35px;}
.article-detail .social-media-share .linkedin {background-position:0 -70px;}
.article-detail .social-media-share .email {background-position:0 -105px;}
.article-detail .story-text {width:90%;float:right;}

.article-detail .story .author-date {display:block;margin:0 0 2em 0;color:#777;font-size:15px;}
.article-detail .story .author-date .author {}
.article-detail .story .author-date .pub-date {display:inline;font-weight:400;font-size:15px;color:#777;letter-spacing:0;text-transform:capitalize;}
.article-detail .story p, .story ul, .story ol {color:#111;font-size: 18px;line-height: 1.5;margin-bottom: 1.3em;}
.article-detail .story h2, .article-detail .story h3, .article-detail .story h4, .article-detail .story h5 {color:#111;font-weight:700;letter-spacing:.01rem;}
.article-detail .story h2 {font-size:38px;line-height:1.1em;letter-spacing:-1px;}
.article-detail .story ul {list-style:disc;margin-left:2em;}
.article-detail .story ol {margin-left:2em;}
.article-detail .story-text p {margin-left:auto;}
.article-detail .story-text a {display:inline;color:#326ec8;}
.article-detail .story-text a:hover {text-decoration:underline;}

.article-detail .featured-image {margin:0 0 40px 0;}
.article-detail .img-wrap {width:100%;margin:0;line-height:0;}
.article-detail .img-wrap img {width:100%;height:auto;}
.article-detail .caption {display:block;width:100%;background:#e0e0e0;}
.article-detail .caption p {padding:10px 20px;margin:0;font-size:12px;color:#777;font-weight:600;}
.article-detail .attribution {padding:8px 0;}
.article-detail .attribution span {font-size:11px;color:#999;font-style:italic;}

.article-detail .dropcap {float: left;color: #000;font-size: 58px;line-height: 54px;padding:4px 8px 0 0;font-weight:600;font-family:'Palatino',Times,sans-serif;}
.article-detail .story blockquote {margin:0 0 1.3em 0;padding:0;border:none;}
.article-detail .story blockquote div {overflow: hidden;border-left: 4px solid #c63604;}
.article-detail .story blockquote p {font-size:15px;line-height:1.2em;padding:0 0 0 30px;font-style:normal;margin:1.3em 0 0 0;color:#666;}
.article-detail .story blockquote p:first-child {margin:0;}
.article-detail .pull-quote {margin:1.5em 0;padding:1em;position:relative;}
.article-detail .pull-quote p {padding: 0 0 0 32px;font-size: 24px;line-height: 1.2;font-family: Georgia,serif;color: grey;}
.article-detail .pull-quote .wrap span {position: absolute;left: -1px;top: -14px;display: block;font-size: 50px;font-size: 5rem;color: #ddd;font-weight: bold;}
.article-detail .pull-quote .byline {margin: 20px 0 0 0;padding: 0;font-style: italic;font-size: 17px!important;font-size: 1.5rem;text-align: right;}



/* Homepage Cookie Popup
================================================== */
#cookieNotice {background-color: #000;color: #fff;position: fixed;bottom: 0;width: 100%;font-size:13px;padding:5px 0;line-height:25px;z-index:9000;}
#cookieNotice a {text-decoration:none;font-weight:600;color:#fff;}
#cookieNotice a:hover {text-decoration:underline;}
#cookieNotice p {width:75%;float:left;margin:0;}
#cookieNoticeForm {width:25%;float:right;}
#cookieNoticeButton {margin:0;}


/* Homepage Notices
================================================== */
.notice {background-color:#e0e4eb;margin-bottom: 20px;padding: 20px;color:#687283;font-weight:600;border-radius:6px;}
.notice.Important {background-color:#c0cfea;color:#425a7f;}
.notice.Critical {background-color:#ffcccc;color:#b22626;}
.notice p {margin:0;}







#page_content {background-color:#fff;}



.clickShield {background-color:#fff;opacity:.6;}


/* #Media Queries
================================================== */
	
	/* smaller desktop screens */
	@media only screen and (min-width: 960px) and (max-width: 1199px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {
		#ads {display:none;}
		.homepage-features {width:100%;}
		
	}

	/* All Mobile Sizes (devices and browser) */
	/* @media only screen and (max-width: 767px) {} */

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {
		body, #outer-page-wrapper {background-color:#e0e4eb;}
		#ads {display:none;}
		.homepage-features {width:100%;}
		
		/* Homepage features */
		.featured-story .story-text {bottom:-1px;}
		.featured-story h2 {font-size:30px;}
		.story h3 {font-size:20px;letter-spacing:0;}
		.story .thumb {}
		.story .thumb img {width:100%;max-width:200px;}
	}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {
		body, #outer-page-wrapper {background-color:#e0e4eb;}
		#ads {display:none;}
		.homepage-features {width:100%;}
		.tile, .story.half .story-wrap {padding:15px;}
		
		/* Homepage features */
		.homepage-features .pub-date {line-height:1; margin-bottom:2px;font-weight:600;}
		.featured-story .story-text {width:100%;left:0;bottom:-1px;padding:3% 0;}
		
		.story h3,.featured-story h2 {font-size:20px;letter-spacing:0;}
		.story-text h2, .story-text h3 {margin-bottom:2px;}
		.story .thumb {margin:0 0 10px 0;}
		.story .thumb img {width:100%;}
		.story .story-text {clear:both;}
		.story.half.left, .story.half.right {width:100%;margin:0 0 20px 0;min-height:1px;}
	}