/* Responsive Pages - Health Magazine Branch specific styles */

/*********************************/
/*** section and topic markers ***/
/*********************************/

.section-marker {
	color:#1a3e68;
	font-weight: 700;
	font-size: 1.875em;
	line-height: 1.3em;
	margin-bottom: .625em; 
	position:relative;
	z-index:2;
}

.topic-tag {
	color:#666666;
	font-weight: 600;
	font-size: 1.25em;
	line-height: 1.2em;
	text-transform: uppercase;
	margin-bottom:-.625em;
}

.section-marker::before,
.topic-tag::before {
    display: block;
    border-top: 8px solid #FCB604;
    margin: .25em 0 .4em;
    width: 50px;
    content: "";
}

.topic-tag::before {
	margin-top:-25px;
	margin-bottom:.625em;
}

.section-marker.sky-blue-marker::before,
.topic-tag.sky-blue-marker::before {
    border-color:#07A1C7; 
}
.section-marker.orange-marker::before,
.topic-tag.orange-marker::before {
    border-color:#d97f00;  
}
.section-marker.green-marker::before,
.topic-tag.green-marker::before {
    border-color:#6BA91D;
}
.section-marker.purple-marker::before,
.topic-tag.purple-marker::before {
    border-color:#642667;
}

.section-marker.cover {
	margin-bottom:0;
}

@media (min-width:678px) {
	article .section-marker,
	.section-marker {
		font-size: 2.25em;
		margin-top:-20px;
		margin-bottom: 30px; 
	}
}


/*******************************************/
/********** drop cap and end mark **********/
/*******************************************/

.article-body p:first-child:first-letter {
  color: #1a3e68;
  float: left;
  font-size: 88px;
  line-height: 60px;
  padding-top: 4px;
  padding-right: 5px;
}
.article-body.plain p:first-child:first-letter {
  color: #333333;
  float: none;
  font-size: inherit;
  line-height: inherit;
  padding-top: 0;
  padding-right: 0;
}

.sky-blue-theme p:first-child:first-letter { color: #07A1C7; }
.orange-theme p:first-child:first-letter { color: #d97f00; }
.green-theme p:first-child:first-letter { color: #6BA91D; }
.purple-theme p:first-child:first-letter { color: #642667; }

.article-body p:last-child::after,
.article-body li.endmark::after {
	content: url(/childrens-annual-report/images/endmark.svg);
	padding-left:6px;
	vertical-align: middle;
}

.article-body aside p:last-child::after,
.article-body p.plain:last-child::after {
	content: none;
}

/****************/
/*** Masthead ***/
/****************/

.masthead-wrapper {
  display:block;
  width:100%;	
  background-color:#ffffff;	
  -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.15);
  position: relative;
  z-index: 1;
}

.masthead-wrapper.contentpage {
  position: absolute;
  top:135px;
}

.masthead {
  position:relative;
  max-width:1280px;	
  margin: 0 auto;
  line-height: 1em;
  padding: 20px 0 15px 15px;
}

#healthmag-logo {
	width:244px;
	height:24px;
	display:block;
	background: url(/childrens-annual-report/images/health-magazine-logo-90blue.svg) center no-repeat; 
	background-size: contain;
    vertical-align: middle; 
}

.tagline {
    display: none;
}

.issue {
  display: block;
  font-size: 14px;	
  max-width: 1280px;
  color: #1a3e68;
  margin: 8px 0 0 2px;
  vertical-align: middle;
  font-weight: 600;
  text-transform: uppercase;
}

@media (min-width:415px) {
.masthead {
  padding-bottom: 20px;
}	
	
#healthmag-logo {
    display: inline-block;
}

.issue {
  display: inline-block;
  position: absolute;
  font-size:16px;
  right: 20px;
  margin: 7px 0 0;
}
}
	
@media (min-width:768px) {
.masthead {
  padding: 30px 0 25px 30px;
}	
	
#healthmag-logo {
	width:275px;
	height:26px;
	margin-bottom:4px;
}	
	
.tagline {
    display: block;
	margin-top: 5px;
	color: #1a3e68;
    padding-left: 0;
    font-size: 16px;
    margin-right: 20px;
    margin-bottom: 0;
    vertical-align: middle;
    font-weight: 600;
    text-align: left;
}

.issue {
  margin-top: -16px;
} 
}
@media (min-width:992px) {	
.tagline {
  display: inline-block;
  padding-left: 25px;
}
.issue {
  margin-top:9px;
}
}

@media (min-width:860px) {
.masthead-wrapper.contentpage {
  top:148px;
}	
}

/************************************************/
/*** Full width settings + navigation changes ***/
/************************************************/

.container {
	max-width:100%;
	background-color: #fff;
}

.navtop .glyphicon-minus::before {
	display:none;
}

@media (min-width:992px) {
#header {
	position:fixed;
	height:90px;
	top:0;
	z-index:3;
	left:0;
	right:0;
	background-color: #f7f7f7;
}

header {
	width:1280px;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}
}

@media (min-width:980px)and (max-width:1375px){			/* global override */
.container, header {
    max-width: 100%;
}
.navtop .navbar {
    max-width: 1280px;
}	
}

@media (min-width:860px) and (max-width:1059px){
.navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: 15px;
}
}
@media (min-width:1060px) and (max-width:1340px){
.navbar-collapse .navbar-nav.navbar-left:first-child {
    margin-left: 10px;
}
}

@media (max-width:859px) {
.navbar {border:1px solid #335379} 
.navbar:hover {border:1px solid #1a3e68}
.navbar-header {border:0}
}

.navtop {
    border: none;
    -webkit-box-shadow: 0 2px 4px 0 rgba(0,0,0,.30);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.30);
}

@media (min-width:860px) {
.navtop .navbar-default {
    background-image: none;
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
	
.navtop {
    background-image: url(/global/design/responsive/bootstrap/css/img/nav-top-gold.png); 
    background-repeat: repeat-x;
    background-color: #002855;
}
}

/* adjusting navigation lines to add space */
@media (min-width:860px) {
.navtop .navbar-default li {
    margin-top: 13px;
	border-color: rgba(255,255,255,.9);
    margin-bottom: 5px;
}	

.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
}
	
.navtop .navbar-default .navbar-nav > .open > a, 
.navtop .navbar-default .navbar-nav > .open > a:hover, 
.navtop .navbar-default .navbar-nav > .open > a:focus {
	margin-top:-5px;
}	
	
.navtop .navbar-default .navbar-nav li.open,
.navtop .navbar-default .navbar-nav li.open:hover, 
.navtop .navbar-default .navbar-nav li.open:focus {
	margin-left:-1px;
	margin-right:1px;
}	
	
.navtop .nav > li > a {
    margin-right: -1px;
}
}

/* main section overrides */

#main section {
	max-width:1280px;
	margin:0 auto;
	background-color: #ffffff;
	margin-top:0;
	}	

#main section.detailpage {
    padding-top: 15em;
}

.maincol.col-66percent {
	width:100%;
}

.detailpage .breadcrumb, .sidebar {
	display:none;
	}	

@media (min-width:768px) {
#main section {
	margin-top:50px;
	}	
}

@media (min-width:860px) {
.owl-wrapper-outer, #topbanner {
    margin-top: 9.2em;
}	
	
}

/******************************************/
/****** Cover and home page marquee  ******/
/******************************************/

.wide-marquee {
    overflow-x: hidden;
}

.wide-marquee img {
    width: 175%;
    margin-left: -45%;
}

.wide-marquee img.visible-xs.mobile-img {
	width:100%;
	margin-left:0;
}

@media (min-width:768px) {
.wide-marquee img {
    width: 100%;
    margin-left: 0;
}
}

/**********************************/
/*** Cover page marquee overlay ***/
/**********************************/
.wide-marquee-overlay h1 {
	font-size: 2.375em;
	line-height:1.1em;
	font-weight:600;
}

.wide-marquee-overlay h1 small {
	display: block;
	line-height: 1.3em;
	font-weight: 600;
	color:#666;
}

.wide-marquee-overlay h2 {	
	font-size: 1.875em;	
	font-weight:300;
}

.wide-marquee-overlay h2:after {
	font-family: 'Glyphicons Halflings';
    content: "\e080";
	font-size: smaller;
	vertical-align: bottom;
	margin-left: -5px;
	line-height:1.4em;
}

@media (max-width:414px) {
.wide-marquee-overlay h1 {
	padding-top:.625em;
	padding-bottom:.125em;
}
}

@media (max-width:1024px) {
.wide-marquee-overlay h1 {
	font-size: 2.125em;
}
.wide-marquee-overlay h2 {
	font-size: 1.5em;	
}
}

@media (min-width:769px) {
.wide-marquee-overlay {
    position: absolute;
    padding: 30px;
    top: 35%;
    max-width: 40%;
}
}

@media (min-width:1024px) {
.wide-marquee-overlay h1 {
		padding-bottom:.125em; 
	}
}


@media (min-width:1280px) {
.wide-marquee-overlay {
	padding: 40px;
    max-width: 30%;
}
}


@media (min-width:769px) {
.wide-marquee-overlay {			
	right:8%;
}
}


/******************************************/
/* Full width home page body element mods */
/******************************************/
.features-news-card {
    border-color: #e5e9ef;
	margin-bottom:30px;
}
.features-news-card:hover {
    border-top:none;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2);
  	box-shadow: 0 2px 12px 0 rgba(0,0,0,0.2); 
	-webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
	transform: scale(1.02);
}

.features-news-content {
    padding: 5px 30px 10px;
}

.features-news-content p {
    color: #333333;
}

/* content with callout box */ 
	
.content-wCallout-text {
		margin-bottom:30px;
	}	

.content-wCallout-hr-top,
hr.content-wCallout-hr-bottom {
	display:none;
}

.panel-body .content-wCallout-text h2 {
	color:#808080;
	text-transform: uppercase;
	font-size:1.25em;
	margin-bottom: 15px;
}

.content-wCallout-text.col-66percent-sm h3 { 
	line-height:1.2em;
	padding-bottom:.125em;
}

.panel-body .content-wCallout-text p {
	padding-bottom:0;
}

.panel-body .content-wCallout-text p a {
	text-decoration:none;
	font-weight:normal;
	color:#333;
}

.panel-body .content-wCallout-text p a:hover {
	text-decoration:underline;
	color:#333;
}

.content-wCallout-text img {
	margin: 20px 30px 20px 0;
}

.content-wCallout-text hr {
	margin-bottom:40px;
}

.content-wCallout-box.gold {			/* swap gold box to sky blue color */
    background-color: #0081a1 /* #07A1C7 0180B1 0081a1*/;
    border: none;
	padding:40px;
	margin-top:30px;
	margin-bottom:10px;
}

@media (min-width:762px) {
.content-wCallout-box.gold {	
	margin-top:65px;
	margin-bottom:30px;
}
}

.content-wCallout-box.gold h3, 
.content-wCallout-box.gold h4, 
.content-wCallout-box.gold p,
.panel-body .content-wCallout-box.gold p a,
.panel-body .content-wCallout-box.gold p a:hover,
.panel-body .content-wCallout-box.gold p a:focus {
	color:#ffffff;
}

.panel-body .content-wCallout-box h3 {
	font-size:1.875em;
	font-weight:700;
}

.panel-body .content-wCallout-box h4 {
	font-size:1.4em;
}

.content-wCallout-box .video-box {
	max-width:100%;
	padding-bottom:1.25em;
}

.video-box .overlay {
    background-image: url(/global/images/icons/play-icon.svg);
	opacity: .8;
	width: 100%;
	height: 100%;
	background-size: 100px;
  	left: unset;
   	top: 1%;
   	left: unset;
    background-position: center;
}

.panel-body .content-wCallout-box.gold p {
	font-size: 1.250em;
}


.panel-body .content-wCallout-box.gold p a {
	text-decoration-color: #ffffff;
}

.panel-body .content-wCallout-box.gold p a:hover {
	color: #F99f00;
	text-decoration-color: #f99f00;
}

.content-wCallout-box.gold .video-box p {
	display:none;
}

@media (min-width:768px) and (max-width:991px) {
  .video-box .overlay {
	background-size: 70px;
   	top: -2px;
}
}

/* three column promo */

.row.threecolumn-promo-row {
	margin-left:-5px;
	margin-right:-5px;
}

.row.threecolumn-promo-row .col-33percent {
	padding: 0 0 20px;
}


.threecolumn-promo-container {
	padding:30px;
	background-color: rgba(247, 247, 247, 0.9);
	border:none;
  width: 100%;
}

.threecolumn-promo-img-container {
	margin:0 0 30px;
}

.threecolumn-promo-img-container img {
    width: 100%;
    border-radius: 50%;
	max-width:190px;
	min-width:unset;

}
.threecolumn-promo-img-container.sky-blue,
.threecolumn-promo-img-container.sunnygrass-green,
.threecolumn-promo-img-container.poppy-orange {
    border-bottom: none
}

.panel-body .threecolumn-promo-container h2 {
	display:none;
} 
.panel-body .threecolumn-promo-container h3 {
	font-size:1.5em;
	font-weight: 600;
}

.threecolumn-promo-text-container {
    text-align: left;  /* was center */
	padding:0;
}

.threecolumn-promo-text-container .glyphicon-chevron-right {
	padding-top:0;
}

.panel-body .threecolumn-promo-text-container p {
	font-size:1.125em;
    line-height: 1.4em;
    padding-bottom: .625em;
	color: #1a3e68;
}

.panel-body .threecolumn-promo-text-container p strong {
	font-weight:600;
}

.panel-body p.threecolumn-text-links {
	text-decoration: none;
}

.panel-body p.threecolumn-text-links a {
	text-decoration: none;
	font-weight: normal;
}

.panel-body p.threecolumn-text-links a:hover,
.panel-body p.threecolumn-text-links a:focus {
	text-decoration: underline;
}

/* full width callout - cover page */

.fullwidth-callout-container {
    padding: 30px;
    background-color:rgba(236,239,243,.90);
    margin-left: -15px;
    margin-right: -15px;
    text-align: left;
}

.fullwidth-callout-container .col-25percent {
    margin-right: 0;
	/* width:30%; */
}

.fullwidth-callout-container p {
	color: #333;
	margin-bottom:0;
}

.fullwidth-callout-container img {
    width: 100%;
	max-width:100%;
	margin-bottom:30px;
}

.fullwidth-callout-btn {
    font-size: 18px;
    letter-spacing: .02rem;
    text-decoration: none;
    border: 2px solid #1a3e68;
    background-color: transparent;
    padding: 10px 20px;
    border-radius: 1px;
	font-weight:500;
}

.fullwidth-callout-btn:hover {
	border-width:2px;
}

/* media queries for cover page */

@media (max-width:530px) {
.full-width-layout .col-100percent.maincol {
    padding: 15px 0;
}	
.section-marker.cover {
    padding-left: 25px;
	margin-bottom:-20px;
	}	
.features-news-container .col-33percent {
		padding-left:0;
		padding-right:0;
	}	

.features-news-content {
		padding-left:35px;
		padding-right:35px;
	}

.content-wCallout-text img.img-responsive-left {
		float:none;
	}
.content-wCallout-box.gold {
	margin-left: -10px;
	margin-right: -10px;
 }
	
}

@media (min-width:531px) {
.content-wCallout-text {
	padding-left:0;
}
	
.fullwidth-callout-container {
    margin-left: 0;
    margin-right: 0;
}
}

@media (min-width: 415px) and (max-width:991px) {
.fullwidth-callout-container img {
	max-width:60%;
}
}

@media (min-width: 520px) and (max-width:991px) {
.features-news-img {
        margin: 25px 10% 0;
    }
}

@media (min-width:769px) {
.threecolumn-promo-row .col-33percent {
    width: 33.33333333333333%;
	float:left;
}
.row.threecolumn-promo-row .col-33percent {
	padding-left: 15px;
	padding-right: 15px;
}
}

@media (min-width:980px) {
.features-news-img {
    max-height: 230px;
}
}

@media (min-width:992px) {
.fullwidth-callout-container .col-25percent {
	width:30%;
}		
.fullwidth-callout-container img {
	max-width:100%;
}	
.row.threecolumn-promo-row .col-33percent {
	padding-left: 25px;
	padding-right: 25px;
}	
}

@media (min-width:1340px) {
.full-width-layout .col-100percent.maincol {
    padding: 15px 0;
}
}

/*******************************************/
/* Main content section - feature articles */
/*******************************************/

/* hyperlink styles */
.panel-body p a, 
.panel-body li a {
	color: #1a3e68;
	font-weight: 500; 
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(0, 40, 85, 0.25); /* Safari */   
	text-decoration-color: rgba(0, 40, 85, 0.25);
}

.panel-body p strong a, 
.panel-body li strong a {
  	font-weight:600;
} 
.panel-body p a:hover, 
.panel-body li a:hover {
	color: #007991;
}

@media (min-width: 768px) {
.panel-body p a[href^="tel"],
.panel-body li a[href^="tel"],
.panel-body p a[href^="tel"]:hover, 
.panel-body li a[href^="tel"]:hover   {
    text-decoration: none;
    cursor: default;
  	color:#1a3e68;
}
}

.panel-body .article-body p, .panel-body .article-body ul, .panel-body h2, 
.panel-body h3, .panel-body h4, .pullquote, blockquote, .panel-body p.byline {
	max-width:896px;
	margin:0 auto;
} 

.panel-body hr {
	max-width:896px;
	padding-bottom:25px;
}

.panel-body h1, .panel-body h2, .panel-body h3, .panel-body h4 {
	color:#1a3e68;
} 

.panel-body h1.article-headline.main-feature {
	line-height:.8em;
    letter-spacing: 0.02em;
    margin-bottom: 35px;
}
.panel-body h1.article-headline,
.panel-body h1.article-headline.noteworthy-feature,
.panel-body h1.article-headline.subfeature {
	font-size:4em;
	line-height:1em;
	font-weight:300;
	letter-spacing:.01em;
	margin-bottom:20px;
}
.panel-body h1.article-headline.subfeature {
	font-weight:400;
    padding-bottom: 20px;
    max-width: 896px;
    margin: 0 auto; 
}

.panel-body h1.article-headline.noteworthy-feature {
	font-size:3.5em;
}

.panel-body h1.article-headline span.head-resize-smaller {
	display:block;
	font-size:.5em;
	line-height:1.1em;
	font-weight:700;
	padding-top:.25em;
	letter-spacing:.01em;
	padding-bottom:.25em;
}

.panel-body h1.article-headline.noteworthy-feature span.head-resize-smaller {
	font-size:.6em;
}


h1.article-headline.notable-quotes {
	position:relative;
	color:#335379;
	z-index: 1;
	margin-left:5%;
}

h1.article-headline.notable-quotes::before {
    content: '\201c';
    position: absolute;
    font-size: 10em;
	line-height: .4em;
	margin-top:30px;
	margin-left:-7%;
	letter-spacing: normal;
	color:#e5e9ef;
	z-index: -1;
}

.panel-body h2.intro {
	font-size:1.5em;
	font-size:1.250em;
	line-height: 1.6em;
	font-weight:500;
	letter-spacing:.01em;
	margin-bottom:30px;
	max-width: 1280px;
}

.panel-body h2.intro.subfeature {
	max-width: 896px;
}

.panel-body h2, .panel-body h3, .panel-body h4 {
	padding-bottom:.625em;
	font-weight: 600;
} 
.panel-body article h2, 
.panel-body h2 {
	font-size:1.906em;
	margin-top:10px;
}

.panel-body h3 {
	font-size:1.625em;
	line-height: 1.3em;
}

.panel-body h1 small {
	display:block;
	font-size:36px;
	color:#666;
	font-weight:normal;
	line-height:1.5em;
	letter-spacing: normal;
}
.panel-body h2 small {
	font-size:.7em;
	font-weight:normal;
	color:#4c4c4c;
}

.panel-body h3 small {
	display: block;
	font-size:.9em;
	line-height: 1.4em;
	font-weight: normal;
	color:#666;
}

.panel-body h4 {
	font-size:1.375em;
	line-height:1.3em;
}

@media (min-width:769px){
.panel-body h1.article-headline.main-feature {
	font-size: 6.875em;
}	
.panel-body h1.article-headline {
	font-size:5.625em;
}
.panel-body h1.article-headline.noteworthy-feature {
	font-size:4.5em;
}
.panel-body h1.article-headline.subfeature {
	font-size: 4.063em;
	line-height: 1.1em;
	padding-bottom:30px;
}
.panel-body h2.intro {
	font-size:1.656em;
}
	
.panel-body h2.intro.subfeature {
	font-size:1.5em;
}	
}

.headline-with-icon img {
	float:left;
	vertical-align: middle;
	margin-right:25px;
	margin-top:-5px;
}

.headline-with-icon:after {
  content: "";
  display: table;
  clear: both;
}

.panel-body p, .panel-body ul li {
	font-size: 1.156em;
	line-height: 1.875em; /* was 2.000em; */
	padding-bottom:1.156em;
}

.panel-body ul li {
	list-style:disc;
	background-image:none;
	margin-left:0;
	
} 

.panel-body p.largetext {
	font-size: 1.3em;
}

.panel-body p.byline {
	font-style:italic;
	padding-bottom:30px;
}

.allcaps {
	text-transform: uppercase;
}

.img-border {
	border: solid 1px #e5e9ef;
}

/**********************/
/*** feature photos ***/
/**********************/

figure.hero-img-wide {
  margin: 0 auto 2em;
  width: 100%;
}

figure.img-wide {
	max-width:896px; 
	height:auto;
	margin:0 auto 2em;
}


figure.hero-img-wide img,
figure.img-wide img,
figure.half-img-pull-left img,
figure.half-img-pull-right img {
  width: calc(100% + 40px);
  margin-left: calc(-20px);
  margin-right: calc(-20px);
  height:auto;
}

figure.half-img-pull-left,
figure.half-img-pull-right,
figure.two-img-side-by-side {
  margin: 0.938em 0 2em 0;
  max-width:100%;
}
figure.two-img-side-by-side img {
	max-width:100%;
	height:auto;
}

figure.two-img-side-by-side img:last-of-type {
	padding-top:25px;
}

/* three images side-by-side using flexbox */

figure.three-img-side-by-side {
	margin-bottom:30px;
} 

figure.three-img-side-by-side img {
	width:100%;
	height:auto;
	padding-top:25px;
}

figure.three-img-side-by-side .row {
  margin-left:0;
  margin-right:0;
}

@media (min-width:625px) {
	
figure.three-img-side-by-side img {
	padding-top:0;
}	
	
figure.three-img-side-by-side .row {
  display: flex;
  margin-left:-10px;
  margin-right:-10px;
  margin-bottom: -12px;
}

figure.three-img-side-by-side .column {
  flex: 33.33%;
  padding: 10px;
}
	
figure.two-img-side-by-side img {
	max-width:50%;
}	
	
figure.two-img-side-by-side img:first-of-type {
	padding-right:15px;
}

figure.two-img-side-by-side img:last-of-type {
	padding-left:15px;
	padding-top:0;
}
}

@media (min-width:530px){
figure.hero-img-wide img,
figure.img-wide img,
figure.half-img-pull-left img,
figure.half-img-pull-right img {
  width: 100%;
  margin-left:0;
}	
	
figure.half-img-pull-left {
  float:left;
  margin-right:30px;
  max-width:50%;
}
	
figure.half-img-pull-right {
  float:right;
  margin-left:30px;
  max-width:50%;
}	
}

figcaption.caption {
    color: #666666;
    font-size: 1.125em;
    line-height: 1.625em;
    padding: 20px 0 20px 0;
	border-bottom:1px solid #ccd4e0;
}

figcaption.caption:empty {
	border-color:#fff;
	padding-bottom:0;
}

figcaption.caption.marquee-photo {
    border-bottom: none;
    margin-top: -40px;
    margin-bottom: 50px;
}

@media (min-width:768px) {
figcaption.caption.marquee-photo {
    margin-top: -80px;
}
}

@media (min-width:1152px) {
figcaption.caption.marquee-photo {
    position: absolute;
    right: 0;
    top: 0;
    width: 25%;
	margin-top:-50px;
	padding-right:10px;
}
}

@media (min-width:1599px) {
	figcaption.caption.marquee-photo {
    margin-right: -10%;
}
}


/***********************/
/**** large videos *****/
/***********************/


.video-box-large {
    position:relative;
} 

.video-box-large .overlay {
	width: 100%;
	height: 60%;
	position: absolute;
	top:0;
	left:0;
    opacity: .7;
    background-size: 75px 75px;
	background-position: 50% 50%;
}

.video-box-large .overlay:hover {
opacity:1;
}

@media (max-width:375px) {
.video-box-large .overlay {
	height: 45%;
}
}

@media (min-width:768px) {
.video-box-large .overlay {
	top:20%;
    background-size: 90px 90px;
}
}

@media (min-width:1300px) {
.modal-dialog {
    width: 1280px;
}
}


/**************************************/
/**** blockquotes and pull quotes *****/
/**************************************/


aside.blockquote, aside.pullquote {
	color: #1a3e68;
}

blockquote {
	border-color:#e5e9ef;
	font-size: 1.75em;
	padding-left:30px;
	margin-bottom:30px;
}


aside.pullquote blockquote {
	font-size: 1.5em;  /* Min font size for custom colors to pass contrast accessibility; plus on white background. */
	line-height:1.5em;
    font-weight: 400;
	padding:10px 0 30px;
    margin: 0 0 0 45px;
    border: none;
}

aside.pullquote blockquote.larger {
	font-size:1.875em;
}

aside.pullquote blockquote .source {
	font-size:.7em;
	line-height:1.4em;
	padding-top:20px;
	display:block;
	color:#6f6f6f; 
}

aside.pullquote blockquote .source a {
	color:#1a3e68;
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(0, 40, 85, 0.25); /* Safari */   
	text-decoration-color: rgba(0, 40, 85, 0.25);
}

aside.pullquote blockquote .source a:hover, 
aside.pullquote blockquote .source a:hover {
	color: #007991;
}

aside.pullquote blockquote .source::before {
	content:"\2014";
	padding-right:.25em;
}

aside.pullquote blockquote::before {
    content: '\201C';
    position: absolute;
    font-size: 5em;
	line-height: .7em;
	margin-left:-50px;
}

aside.pullquote img.pull-left,
aside.pullquote img.pull-right {
	float:none !important;
	margin-left:45px;
}

aside.pullquote.divider {
	padding-bottom:30px; 
	margin-bottom:30px;
	border-bottom: 1px solid #ccd4e0;

}

@media (min-width:768px){

aside.pullquote blockquote {
	font-size: 1.625em; 
    padding: 45px 0 50px; 
    margin-left:60px; 
    border: none;
}	
	
aside.pullquote blockquote::before {
	margin-left:-60px; 
}	
	
aside.pullquote img.pull-left {
	float:left !important;
	margin-left:0;
	margin-right:55px;
	margin-top:40px;
	margin-bottom:20px;
}	
	
aside.pullquote img.pull-right {
	float:right !important;
	margin-right:0;
	margin-left:55px;
	margin-top:40px;
	margin-bottom:20px;
}	

aside.pullquote:after {
		content: "";
		display:table;
		clear:both;
	}	
	
aside.quote-pull-left {
  float:left;
  margin-right:50px;
  margin-left:7%;
  max-width:40%;
}
	
aside.quote-pull-right {
  float:right;
  margin-left:70px;
  margin-right:7%;
  max-width:40%;
}	
}

@media (min-width:1000px){
aside.pullquote blockquote {
    margin: 0;
}	
}

@media (min-width:1080px){
aside.pullquote img.pull-left {
	margin-left:-55px;
}	
	
aside.pullquote img.pull-right {
	margin-right:-55px;
}	
}

/**********************/
/* basic box sidebar  */
/**********************/

aside.box {
	max-width:100%;
	background-color: #e5e9ef;
	padding:30px 40px;
	margin: 30px 0;
}

aside.box.body-wide {
	max-width:896px;
	margin: 30px auto;
}

.panel-body aside.box p {
	max-width:100%;
}

@media (min-width:768px) {
aside.box.pull-right {
	max-width:40%;
	margin:10px 0 10px 30px;
}

aside.box.pull-left {
	max-width:40%;
	margin:10px 30px 10px 0;
}
}

@media (min-width:860px) {
aside.box.pull-right {
	max-width:45%;
}

aside.box.pull-left {
	max-width:45%;
}
}


/**********************/
/* custom font colors */
/**********************/

.panel-body .sky-blue-text { color:#07A1C7 }   /* was #00B3E0  */
.panel-body .orange-text { color:#d97f00 }
.panel-body .green-text { color:#67a519 }      /* was #6BA91D */
.panel-body .purple-text { color:#642667 }
.panel-body .grey-text { color:#666666 }

/**********************/
/***  Promo blocks  ***/
/**********************/

aside.promo-block-theme-1 {
	background-color:#f7f7f7;
	padding: 40px;
	max-width:896px;
	margin:30px auto 40px;
}

aside.promo-block-theme-1 p {
	line-height:1.5em;
}

aside.promo-block-theme-1 img.pull-left,
aside.promo-block-theme-1 img.pull-right {
	float:none !important;
	margin-bottom:20px;
}

aside.promo-block-theme-1 img {
	max-width:100%;
	height:auto;
}

@media (min-width:667px) {

aside.promo-block-theme-1 img.pull-left {
	margin-right:30px;
	float:left !important;
}

aside.promo-block-theme-1 img.pull-right {
	margin-left:30px;
	float:right !important;
}
}

aside.promo-block-theme-2 {
	background-color:rgba(0,179,224,.08);
	padding: 30px;
	margin: 20px -20px 40px;
}

aside.promo-block-theme-2 img {
	border-radius: 50%;
	max-width: 100%;
	margin: 0 auto;
	display:block;
	padding: 10px 0 20px 0;
}

aside.promo-block-theme-2 img.img-basic {
	border-radius: 0;
}


.panel-body aside.promo-block-theme-2 h3 {
	font-size: 1.875em;
}

.panel-body aside.promo-block-theme-2 p,
.panel-body aside.promo-block-theme-2 li {
	font-size:1.3em;
	line-height:1.4em;
	color:#4c4c4c;
}

.article-body aside.promo-block-theme-1 p:last-child::after,
.article-body aside.promo-block-theme-2 p:last-child::after {
    display:none;
}

@media (min-width:992px) {
aside.promo-block-theme-2 {
	padding:40px;
	margin:20px 0 40px;
}
aside.promo-block-theme-2 img {
	margin-left:30px;
	
}	
	
aside.promo-block-theme-2 .col-33percent-sm {
	width:26%;
}

aside.promo-block-theme-2 .col-66percent-sm {
	width:67%;
	margin-left:20px;
}
}


/***************************/
/***  in brief sections  ***/
/***************************/

.panel.in-brief {
	box-shadow:none;
}

.evergreen-block {
	margin:0 auto 10px;
	text-align: left;
}

.evergreen-block h1 {
    position: relative;
    z-index: 1;
    background-color: #335379;
    display: block;
    top: -75px;
    margin-left: 0;
    padding: 15px 30px 40px;
    font-size: 2.75em;
    color: #ffffff;
    font-weight: 300;
    margin-bottom: -50px;
    margin-right: 20px;
}

.panel-body .evergreen-block h2.intro {
	font-weight:400;
	margin:-30px 30px 0 30px;
	color:#333333;
}

.panel-body .evergreen-block h2.intro strong {
	font-weight:600;
}

.panel-body .evergreen-block h2.intro a {
	color: #1a3e68;
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(0, 40, 85, 0.25); /* Safari */   
	text-decoration-color: rgba(0, 40, 85, 0.25);
}

.panel-body .evergreen-block h2.intro a:hover, 
.panel-body .evergreen-block h2.intro a:hover {
	color: #007991;
}

@media (min-width:530px) {
.evergreen-block h1 {
    margin-right:0;
}
}

@media (min-width:769px) {
.panel-body .evergreen-block h2.intro {
	font-size: 1.594em;
}
}

@media (min-width:860px) {
.evergreen-block {
	max-width: 896px;
	margin-bottom: 50px;
}
.evergreen-block h1 {
    display: inline;
    margin-left: 30px;
    padding: 0 80px 5px 50px;
    font-size: 4.688em;
	line-height: 1em;
}
	
.panel-body .evergreen-block h2.intro {
	margin-left:80px;
}
}

@media (min-width:1025px) {
.evergreen-block h1 {
    margin-left: -52px;
}
	
.panel-body .evergreen-block h2.intro {
	margin-right: 0;
	margin-left:0;
}
}

.evergreen-block h1.green-background { background-color:#67a519; }
.evergreen-block h1.orange-background { background-color:#D97F00; }
.evergreen-block h1.sky-blue-background { background-color:#07A1C7; }
.evergreen-block h1.purple-background { background-color:#642667; }


.body-of-knowledge, .in-brief p, .in-brief h2, .in-brief h3, .in-brief ul {
	max-width:896px;
	margin:0 auto;
} 

.in-brief h2 {
	font-size:2.219em;
	font-weight:400;
	border-top:1px solid #ccd4e0;
	padding-top:45px;
	padding-bottom:20px;
	margin-top:30px;
}

.in-brief h2.no-border-top {
	border-top:none;
	margin-top:-30px;
}

.in-brief h2:first-child {
	margin-top:-20px;
}

.in-brief h3 {
	font-size:1.594em;
	padding-top:10px;
	padding-bottom:20px;
}

.in-brief h3.hammer {
	color:#666;
	margin-top:-23px;
	padding-bottom:30px;
	font-weight: 500;
}

.in-brief figcaption.caption {
	border-bottom:none;
}

img.profile-img.img-responsive-left, p img.profile-img.img-responsive-right {
    margin-bottom: 20px;
    margin-right: 20px;
}

.body-of-knowledge .row {
	border-top:1px solid #ccd4e0; 
	padding:50px 0 20px 0;
}

.body-of-knowledge hr.visible-md.visible-lg {
		display:none !important;
	}

.body-of-knowledge img {
	max-width:100%;
	height:auto;
}

@media (min-width:767px) {
.body-of-knowledge .col-33percent-sm {
	width:25%;
	padding-left:0;
}
.body-of-knowledge .col-66percent-sm {
	width:75%;
	
}
}

/***************************/
/*** cards using flexbox ***/
/***************************/

.cards-wrapper {
  margin: 0 auto;
  width: 102%;
}

.cards {
  list-style: none;
  margin: 0;
}

.panel-body ul.cards li { 
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}

.cards li {
  border-radius:1px;
  background-color: #fff;
  color: #333333;
  -webkit-box-shadow: 0 0 12px 1px rgba(0,0,0,0.15);
  box-shadow: 0 0 12px 1px rgba(0,0,0,0.15);
  transition: all 0.2s ease 0s;
  -webkit-transition:all 0.2s ease 0s;
}

.cards li:hover,
.cards li:focus {
  -webkit-box-shadow: 0 0 12px 1px rgba(0,0,0,0.3);
  box-shadow: 0 0 12px 1px rgba(0,0,0,0.3); 
  overflow:hidden;
}

.cards li:hover {
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}

.flex {
  display: block;
  margin: 0 -40px;
}

.flex li {
  flex: 1 1 200px;
  margin: 20px 50px 40px;
}

.panel-body .cards p.card-head {
    padding: 25px 30px 0;
    font-size: 1.281em;
    line-height: 1.2em;
    font-weight: 500;
 	color: #1a3e68;
} 

.cards p {
  padding: 4px 30px 20px;
} 

.panel-body .cards p {
  line-height:1.5em;
}

.cards img {
	width:100%;
	height:auto;
}

.panel-body .cards li a {
    color: #333333;
	text-decoration: none;
}

.panel-body .cards li a p.card-head {
    color: #1a3e68;
} 

.panel-body .cards li a:hover,
.panel-body .cards li a:focus {
	text-decoration: underline;
}

@media (min-width:768px) {
.panel-body ul.cards li { 
	margin-left: -10px;
}
.flex {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -30px;
}
.flex li {
  margin: 30px 50px;
}
	
}



/********************************/
/*** data block using flexbox ***/
/********************************/

.data-block {
	background-color:rgba(236,239,243,.8);
	color:#335379;
	padding:45px 30px 10px;
	margin:30px -20px;
}
.data-block .row {
    display:flex;
	flex-wrap: wrap;
	margin-left: 0;
	margin-right:0;
}


.panel-body article .data-block h3,
aside.data-block h3 {
	max-width: 1280px;
	font-size:24px;
	font-weight:700;
	text-transform: uppercase;
	margin-bottom:30px;
	margin-top:0;
}


.data-block .data-set {
  flex:100%;
  padding:30px;
  text-align: center;
  margin-bottom:40px;
  border-bottom: 1px solid #ccd4e0; 
}

.data-block .row .data-set:last-of-type {
	border-right:none;
} 
.data-block .data-set p {
	font-size: 19px;	
	line-height: 23px;
	display:block;
}

.article-body .data-block .data-set p:first-child:first-letter {
  color: #335379;
  float: none;
  font-size: inherit;	
  line-height: normal;
  padding: 0;
}

.data-block .data-set .supersize {
	font-size:45px;
	line-height:52px;
	font-weight: 700;
}

.data-block .data-set .midsize {
	font-size:30px;
}

.data-block p a.more {
	font-weight:700;
}

.article-body .data-block p:last-child::after {
	display:none;
} 

@media (min-width:600px) {
.data-block .data-set {
  flex:50%;
}
}

@media (min-width:840px) {
.data-block .row {
	margin-bottom:40px;
	border-bottom:1px solid #ccd4e0;
}	
	
.data-block .row:last-of-type {
	border-bottom: none;
	margin-bottom:0;
}
	
	
.data-block .data-set {
   border-right:1px solid #ccd4e0;
   flex:2;
	border-bottom:none;
}
}


/***************************/
/***** Footer masthead *****/
/***************************/

#main section:last-child {
	max-width:100%;
	background-color:#eceff3;
	margin-bottom:-20px;
}

#main section.full-width-layout:last-child {
	background-color:#fff;
	max-width: 1280px;
	margin-bottom:0;
}

.footer-masthead {
	display: block;
	padding:30px 0 0;
	max-width: 1340px;
	margin:0 auto;
	color:#1a3e68;
}

.footer-masthead p {
	font-size:1.063em;
	margin:0;
} 

.footer-masthead img {
	max-width:244px;
	max-height:24px;
}

.footer-masthead-logo {
	padding:0 0 15px 0;
}

.footer-masthead-issue {
	font-weight: 600;
	display:block;
	margin-top:10px;
	text-transform: uppercase;
}

.footer-tagline {
	color:#666666;
}

.footer-masthead hr {
	margin-top:30px;
}
hr.featurette-divider {
	display:none;
}

@media (min-width:630px){
.footer-masthead {
	padding:30px 30px 0;
}
}

@media (min-width:768px){
.footer-masthead p {
	font-weight: 500;
	font-size:19px;
	line-height:1.6em;
} 
.footer-masthead img {
	max-width:290px;
	max-height:28px; 
	}

.footer-masthead-issue {
	font-weight: 600;
	padding-right:20px;
	display:inline;
	margin-top:0;
}
}

/* Footer styles */

footer {
	font-size:1.063em;
	background-color:#ECEFF3;
	padding-top:15px;
}

#footer.shadow {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

footer h5 {
	font-size: 1.094em;
	font-weight: 500;
	text-transform: uppercase;
	color: #666666;
	margin-top:1.156em;
}
 
#row2cols3	{
	max-width: 1360px;
	margin:0 auto;
	padding-bottom:30px;
}

#row2cols3 .col-33percent-sm {
	padding-left:0;
	padding-right:0;
}

@media (min-width:630px){
#row2cols3 .col-33percent-sm {
	padding-left:40px;
	padding-right:40px;
}
	}