.fullscreen_bg{ z-index: -1; }
.withBgVideo .fullscreen_bg{ z-index: 0; }
.withBgVideo .container-inner{ pointer-events: none; }
.content-section video{ width: 100%; max-width: 100%; display: block; }

.slide50pc.withBgVideo div.middle100{ min-height: auto; height: 56.25vw; max-height: 50vh; }
.slide50pc.withBgVideo .fullscreen_bg{ height: 56.25vw; max-height: 50vh; }
.slide50pc.withBgVideo .fullscreen_bg_video{ height: auto; width: 100%; }

.harper-yellow, .harperYellow, .bg-dark h1.harperYellow, .bg-dark h2.harperYellow, .bg-dark h3.harperYellow, .bg-dark p.harperYellow{ color: rgb(255,232,0); }
.harper-blue, .harperBlue{ color: rgb(1,33,105); }

.bg-blue-yellow .content-col-left, .bgBlueYellow .content-col-left{ background-color: rgb(1,33,105); }
.bg-blue-yellow .content-col-right, .bgBlueYellow .content-col-right{ background-color: rgb(255,232,0); }
.bg-blue-yellow .content-col-left p, .bg-blue-yellow .content-col-left h1, .bg-blue-yellow .content-col-left h2, .bg-blue-yellow .content-col-left h3, .bg-blue-yellow .content-col-left h4, .bg-blue-yellow .content-col-left ul { color: white; }
.bgBlueYellow .content-col-left p, 
.bgBlueYellow .content-col-left h1, 
.bgBlueYellow .content-col-left h2, 
.bgBlueYellow .content-col-left h3, 
.bgBlueYellow .content-col-left h4, 
.bgBlueYellow .content-col-left ul { color: white; }
.bg-blue-yellow .content-col-right p, .bgBlueYellow .content-col-right p { color: black; }
.bg-blue-yellow .selector-inner, .bgBlueYellow .selector-inner{ background: linear-gradient(90deg, rgba(1,33,105,1) 50%, rgba(255,232,0,1) 50%, rgba(255,232,0,1) 100%); }

.bg-blue-white .content-col-left{ background-color: rgb(1,33,105); }
.bg-blue-white .content-col-right{ background-color: rgb(255,255,255); }
.bg-blue-white .content-col-left p { color: white; }
.bg-blue-white .content-col-right p { color: black; }
.bg-blue-white .selector-inner{ background: linear-gradient(90deg, rgba(1,33,105,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); }

.bg-yellow-blue .content-col-left, .bgYellowBlue .content-col-left{ background-color: rgb(255,232,0); }
.bg-yellow-blue .content-col-right, .bgYellowBlue .content-col-right{ background-color: rgb(1,33,105); }
.bg-yellow-blue .content-col-left p, .bgYellowBlue .content-col-left p { color: black; }
.bg-yellow-blue .content-col-right p, .bgYellowBlue .content-col-right p { color: white; }
.bg-yellow-blue .selector-inner, .bgYellowBlue .selector-inner{ background: linear-gradient(90deg, rgba(255,232,0,1) 50%, rgba(1,33,105,1) 50%, rgba(1,33,105,1) 100%); }

.bg-white-yellow .content-col-left{ background-color: white; }
.bg-white-yellow .content-col-right{ background-color: rgb(255,232,0); }
.bg-white-yellow .content-col-right p { color: black; }
.bg-white-yellow .selector-inner{ background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(255,232,0,1) 50%, rgba(255,232,0,1) 100%); }

.bgYellowWhite .content-col-left{ background-color: rgb(255,232,0); }
.bgYellowWhite .content-col-right{ background-color: white; }
.bgYellowWhite .content-col-right p { color: black; }
.bgYellowWhite .selector-inner{ background: linear-gradient(90deg, rgba(255,232,0,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); }

.bg-white-blue .content-col-left{ background-color: rgb(255,255,255); }
.bg-white-blue .content-col-right{ background-color: rgb(1,33,105); }
.bg-white-blue .content-col-left p { color: black; }
.bg-white-blue .content-col-right p { color: white; }

/* make sure normal links are the right color */
.bgBlueYellow .content-col-left p a:not(.box-link):not(.ctaButton),
.bg-blue-yellow .content-col-left p a:not(.box-link):not(.ctaButton),
.bg-blue-white .content-col-left p a:not(.box-link):not(.ctaButton),
.bg-yellow-blue .content-col-right p a:not(.box-link):not(.ctaButton),
.bgYellowBlue .content-col-right p a:not(.box-link):not(.ctaButton),
.bg-white-blue .content-col-right p a:not(.box-link):not(.ctaButton){ color: #f7fe88; border-bottom-color: #f7fe88; }

.bgBlueYellow .content-col-left p a:not(.box-link):not(.ctaButton):hover,
.bg-blue-yellow .content-col-left p a:not(.box-link):not(.ctaButton):hover,
.bg-blue-white .content-col-left p a:not(.box-link):not(.ctaButton):hover,
.bg-yellow-blue .content-col-right p a:not(.box-link):not(.ctaButton):hover,
.bgYellowBlue .content-col-right p a:not(.box-link):not(.ctaButton):hover,
.bg-white-blue .content-col-right p a:not(.box-link):not(.ctaButton):hover{ color: black; }

.bgBlueYellow .content-col-left p a:not(.box-link):not(.ctaButton):focus,
.bg-blue-yellow .content-col-left p a:not(.box-link):not(.ctaButton):focus,
.bg-blue-white .content-col-left p a:not(.box-link):not(.ctaButton):focus,
.bg-yellow-blue .content-col-right p a:not(.box-link):not(.ctaButton):focus,
.bgYellowBlue .content-col-right p a:not(.box-link):not(.ctaButton):focus,
.bg-white-blue .content-col-right p a:not(.box-link):not(.ctaButton):focus{ color: black; }

.bg-white-blue .selector-inner{ background: linear-gradient(90deg, rgba(255,255,255,1) 50%, rgba(1,33,105,1) 50%, rgba(1,33,105,1) 100%); }

.bgHarperBlue, .bgHarperBlueLeft .content-col-left, .bgHarperBlueRight .content-col-right{ background-color: rgb(1,33,105); }
.bgHarperBlueLeft .content-col-left p, .bgHarperBlueRight .content-col-right p, .bgHarperBlueLeft .content-col-left h2, .bgHarperBlueRight .content-col-right h2{ color: white; }
.bgHarperYellow, .bgHarpeYellowLeft .content-col-left, .bgHarperYellowRight .content-col-right{ background-color: rgb(255,232,0); }

.gradient-0-0-50 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0+50,0.5+100 */
	background: -moz-linear-gradient(left,  rgba(1,33,105,0) 0%, rgba(1,33,105,0) 49.9%, rgba(1,33,105,0.5) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(1,33,105,0) 0%,rgba(1,33,105,0) 49.9%,rgba(1,33,105,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(1,33,105,0) 0%,rgba(1,33,105,0) 49.9%,rgba(1,33,105,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=1 ); /* IE6-9 */

}
.gradient-50-0-0 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.2+50,0.2+100 */
	background: -moz-linear-gradient(left, rgba(1,33,105,0.5) 0%, rgba(1,33,105,0) 49.9%, rgba(1,33,105,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.5) 0%,rgba(1,33,105,0) 49.9%,rgba(1,33,105,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.5) 0%,rgba(1,33,105,0) 49.9%,rgba(1,33,105,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
}
.gradient-50-25-0 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.2+50,0.2+100 */
	background: -moz-linear-gradient(left, rgba(1,33,105,0.5) 0%, rgba(1,33,105,0.25) 49.9%, rgba(1,33,105,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.5) 0%,rgba(1,33,105,0.25) 49.9%,rgba(1,33,105,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.5) 0%,rgba(1,33,105,0.25) 49.9%,rgba(1,33,105,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
}
.gradient-20-20-70 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0.2+50,0.7+100 */
	background: -moz-linear-gradient(left, rgba(1,33,105,0.2) 0%, rgba(1,33,105,0.2) 49.9%, rgba(1,33,105,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.2) 0%,rgba(1,33,105,0.2) 49.9%,rgba(1,33,105,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.2) 0%,rgba(1,33,105,0.2) 49.9%,rgba(1,33,105,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 */
}
.gradient-70-20-20 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.2+50,0.2+100 */
	background: -moz-linear-gradient(left, rgba(1,33,105,0.7) 0%, rgba(1,33,105,0.2) 49.9%, rgba(1,33,105,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.7) 0%,rgba(1,33,105,0.2) 49.9%,rgba(1,33,105,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.7) 0%,rgba(1,33,105,0.2) 49.9%,rgba(1,33,105,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
}
.gradient-70-50-20 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.7+0,0.2+50,0.2+100 */
	background: -moz-linear-gradient(left, rgba(1,33,105,0.7) 0%, rgba(1,33,105,0.5) 49.9%, rgba(1,33,105,0.2) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.7) 0%,rgba(1,33,105,0.5) 49.9%,rgba(1,33,105,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.7) 0%,rgba(1,33,105,0.5) 49.9%,rgba(1,33,105,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#33000000',GradientType=1 ); /* IE6-9 */
}
.gradient-20-50-70 .container-inner
{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0.2+0,0.2+50,0.7+100 */
	background: -moz-linear-gradient(left, rgba(1,33,105,0.2) 0%, rgba(1,33,105,0.5) 49.9%, rgba(1,33,105,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.2) 0%,rgba(1,33,105,0.5) 49.9%,rgba(1,33,105,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.2) 0%,rgba(1,33,105,0.5) 49.9%,rgba(1,33,105,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#b3000000',GradientType=1 ); /* IE6-9 */
}
.gradientRight .container-inner
{
	background: -moz-linear-gradient(left, rgba(1,33,105,0) 0%, rgba(1,33,105,0) 40%, rgba(1,33,105,0.5) 60%, rgba(1,33,105,0.7) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0) 0%, rgba(1,33,105,0) 40%, rgba(1,33,105,0.5) 60%, rgba(1,33,105,0.7) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0) 0%, rgba(1,33,105,0) 40%, rgba(1,33,105,0.5) 60%, rgba(1,33,105,0.7) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
.gradientLeft .container-inner
{
	background: -moz-linear-gradient(left, rgba(1,33,105,0.7) 0%, rgba(1,33,105,0.5) 40%, rgba(1,33,105,0) 60%, rgba(1,33,105,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,0.7) 0%, rgba(1,33,105,0.5) 40%, rgba(1,33,105,0) 60%, rgba(1,33,105,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,0.7) 0%, rgba(1,33,105,0.5) 40%, rgba(1,33,105,0) 60%, rgba(1,33,105,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
h2 em, h3 em, h4 em, .scaling-text em { font-family: "Source Serif 4", serif; font-style: normal; font-weight: 600; }
h2 em strong, h3 em strong, h4 em strong, .scaling-text em strong { font-weight: 600 }
div.content-section-inner p em strong { font-family: "Source Serif 4", serif; font-style: normal; font-weight: 600; }
div.content-section-inner li em strong { font-family: "Source Serif 4", serif; font-style: normal; font-weight: 600; }

.hau-plus ul li::marker, .listPlus ul li::marker{ content: '+  '; color: rgba(255,232,0,1); font-weight: bold; }
.hau-plus ul li, .listPlus ul li{ padding-bottom: 8px; }

div.middle100{ min-height: 50vh; }

.max460{ max-width: 460px; }

.textShadow{ text-shadow: black 0px 0px 40px; }

@media screen and (min-width: 912px) 
{
	div.middle100{ min-height: 100vh; }
	div.slide50pc div.middle100{ min-height: 50vh; }
	div.slide75pc div.middle100{ min-height: 75vh; }
	div.slide100pc div.middle100{ min-height: 100vh; }

	.max50pc{ max-width: 50%; }
	p em strong { font-size: 1.25em; } /* make the text slightly larger */
}

.slide50pc .header-content{ height: 50vh; }
.slide50pc .header-content .header-overlay{ height: 50vh; } 

.scaling-text.very-large { font-size: 8vw; line-height: 8vw; }
.scaling-text.smaller { font-size: 3vw; line-height: 3vw; line-height: normal; }

p.scaling-text{ margin-bottom: 16px; }

main img{ max-width: 100%; }

/* NEWS pages */
main ul.quick-list img{ max-width: initial; }
ul.quick-list li a div.headline_block{ font-family: 'Source Serif 4', sans-serif; font-weight: 600; font-size: 14px; }
div.quote p { font-weight: 600; }
/* END NEWS pages */

.col-right-no-padding .content-col-right .content-section-inner{ padding: 0; margin: 0; }
.col-right-no-padding .content-col-right .content-section-margin{ padding: 0; margin: 0; }
.v2 .noPaddingLeft .content-col-left .content-section-inner{ padding: 0; margin: 0; }
.v2 .noPaddingLeft .content-col-left .content-section-margin{ padding: 0; margin: 0; }
.v2 .noPaddingRight .content-col-right .content-section-inner{ padding: 0; margin: 0; }
.v2 .noPaddingRight .content-col-right .content-section-margin{ padding: 0; margin: 0; }

@media screen and (min-width: 1400px) 
{
	.scaling-text.very-large { font-size: 112px; line-height: 112px; }
	.scaling-text.smaller { font-size: 42px; line-height: 42px; line-height: normal;}
}

.cover-img-scroll .cover-img{ background-attachment: scroll; }
.bgPosTopLeft .cover-img{ background-position: top left; background-size: contain; }
.bgPosBottom .cover-img{ background-position: bottom center; }

@media screen and (max-width: 912px)
{
	.col2, .col3 {
	  -webkit-column-count: 1;
	  -moz-column-count: 1;
	  column-count: 1;
	}
	.scaling-text.smaller { font-size: 28px; line-height: 28px; line-height: normal; }
	
	.gradientRight .container-inner,
	.gradientLeft .container-inner,
	.gradient-20-20-70 .container-inner, 
	.gradient-70-20-20 .container-inner,
	.gradient-20-50-70 .container-inner,
	.gradient-70-50-20 .container-inner,
	.gradient-0-0-50 .container-inner,
	.gradient-50-0-0 .container-inner { background: rgba(1,33,105,0.5);	}
}
@media screen and (max-width: 640px)
{		
	div.selector ul:not(.page-menu) li, p { font-size: 1em; }
	article span.headline{ font-size: 100%; }
	div.section-selector li a { width: 16px; height: 16px; }
}	
	
@media screen and (max-width: 460px)
{	
	.scaling-text.very-large { font-size: 36px; line-height: normal; }
}

/* slide selector */
body.v2 div.selector-container{ background: none; }
body.v2 div.selector-container:hover{ border: 0; background-color: transparent; }
body.v2 div.section-selector { position: initial; transform: none; -webkit-transform: none; }
body.v2 div.section-selector ul li, body.v2 div.section-selector ul li.next-active a span{ display: none; }
body.v2 div.section-selector ul li.next-active{ display: block; }
body.v2 div.section-selector ul li.next-active a{ width: 64px; height: 48px; position: absolute; bottom: 0; right: 8px; background: rgba(1,33,105,0.5); border-left: 1px solid rgba(255,255,255,0.2); border-right: 1px solid rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.2); display: block; border-radius: 32px 32px 0% 0%; }

body.v2 div.section-selector ul li.next-active a::before{ content: url( '/img/icon/icon-arrow-down-white.png' ); position: relative;  left: -8px;}	

.noMinHeight div.middle100{ min-height: auto;  }

/* navTile articles */
.navTiles article img{ margin-bottom: 12px; }
.navTiles article .blog-cover-img-container { margin-bottom: 12px; }
.navTiles article .blog-cover-img-container img, .navTiles article.featured img { margin-bottom: 0px; }

.navTiles article span.section{ line-height: normal; }
.navTiles article .section-container{  margin-bottom: 12px; }

@media screen and (min-width: 1024px) 
{
	.navTiles article span.abstract{ font-size: 1.125em; }
}

div.factCircle{ border: 8px solid #ffe800; border-radius: 50%; padding: 32px; width: 220px; height: 220px; margin: 12px auto; }
div.factCircle p{ line-height: normal; }

@media screen and (max-width: 640px)
{
	div.factCircle{ width: 150px; height: 150px; }
}

/* tables */
div.content-section table.with-horizontal-border tr:nth-child(2n+1) { background-color: transparent; }
table.with-horizontal-border td, table.with-horizontal-border th{ border-bottom: 1px solid rgba(1,33,105,0.2); background-color: transparent; }
.bg-dark div.content-section table.with-horizontal-border td, .bg-dark div.content-section table.with-horizontal-border th{ border-color: rgba(255,255,255,0.2); border-top: 0; }
div.content-section table.with-vertical-padding td, div.content-section table.with-vertical-padding th { padding-top: 8px; padding-bottom: 8px; }

.flex-wrapper > article, .flex-wrapper > article:hover, .flex-wrapper.no-fade article:hover { margin: 0px 0px 24px 0px; }

div.selector div.content-section-margin {  padding-bottom: 12px; }
.v2 div.selector.extraPadding div.content-section-margin {  padding-bottom: 48px; }

@media screen and (min-width: 1400px)
{
	div.selector div.content-section-margin {  padding-bottom: 16px; }
	.flex-wrapper > article, .flex-wrapper > article:hover, .flex-wrapper.no-fade article:hover { margin: 16px 0px 16px 0px; }
}

@media screen and (max-width: 640px)
{
	main div.content-section-margin { padding-top: 12px; }
	div.selector div.content-section-margin { padding-bottom: 4px; }
	main .innerMargin div.content-section-margin{ margin: 0px 18px 0px 18px; }
	.v2 div.selector.extraPadding div.content-section-margin {  padding-bottom: 24px; }
	
	.flex-wrapper > article, .flex-wrapper > article:hover, .flex-wrapper.no-fade article:hover { margin: 0px 0px 12px 0px; }
}

.v2 .accordian-centre > .accordian-section > .accordian-header{ max-width: 1400px; }
.v2 .accordian-centre > .accordian-section > .accordian-header div{ padding-left: 32px; }

h2.extraBold em, span.extraBold{ font-weight: 900; }
.extraBoldHeading article span.section{ font-size: 2em; font-family: 'Source Serif 4'; font-weight: 900; white-space: normal; color: rgb(1,33,105); }
.extraBoldHeadline article span.headline{ font-size: 2em; font-family: 'Source Serif 4'; font-weight: 900; white-space: normal; color: rgb(1,33,105); }

a.ctaButton{ transition: 0.3s ease-in-out; background-color: rgb(1,33,105); }
main div.content-section p a.ctaButton{ font-size: 1.15em; color: rgb(255,232,0) !important; min-height: 48px; border-radius: 24px 24px 24px 24px; line-height: 48px; padding-left: 24px; padding-right: 24px; border-bottom-width: 0; font-weight: bold; display: inline-block; }
main div.content-section p a.ctaButton:hover, main div.content-section p a.ctaButton:focus{ color: black !important; }

.bg-dark a.ctaButton{ background-color: white;  }
main .bg-dark div.content-section p a.ctaButton, main div.content-section .bg-dark p a.ctaButton { color: rgb(1,33,105) !important; }

.innerMargin .container-inner{ /*margin: 6px;*/ padding: 6px; }

@media screen and (min-width: 640px) 
{
	.innerMargin .container-inner{ /*margin: 32px;*/ padding: 36px; }
}
div.innerMargin + div.innerMargin .container-inner{ /*margin-top: 0px;*/ padding-top: 0; }

.v2 footer div.content-section-margin { margin: 0px 24px 0px 24px; }

@media screen and (min-width: 1400px)
{
	.v2 footer div.content-section-margin { margin: 0px 16px 0px 16px; }
}

.accordian-centre > .accordian-section { border-bottom: 0; }

.plusAccordion .content-section .accordian-section{ margin-bottom: 24px; border-bottom-width: 0; }
.plusAccordion .content-section .accordian-header{ background-color: rgb(1,33,105); color: white; font-size: 1.25em; font-family: 'Source Serif 4'; font-weight: 600; padding-right: 24px; }
.plusAccordion .content-section .accordian-header h2, .plusAccordion .content-section .accordian-header h3{ color: white; }
.plusAccordion .content-section div.accordian-header:focus, 
.plusAccordion .content-section div.accordian-header:hover, 
.plusAccordion .content-section div.accordian-header:focus h2, 
.plusAccordion .content-section div.accordian-header:hover h2 { color: rgb(255,232,0); }
.plusAccordion .content-section .accordian-body{ padding-top: 24px; padding-left: 0px; }
.plusAccordion .content-section .openclose img{ display: none; }
.plusAccordion .content-section .openclose{ text-align: center; color: rgb(255,232,0); font-weight: 900; font-size: 1.5em; min-width: 64px; transition: all 0.3s ease; }
.plusAccordion .content-section .openclose::before{ content: "+"; position: relative; }	

.plusAccordion .accordian-section.reveal > .accordian-header .openclose {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  
}
@media screen and (max-width: 640px)
{
	main div.content-section-margin { margin: 0px 6px 0px 6px; padding-top: 6px; padding-bottom: 6px; }
	.plusAccordion .content-section .accordian-section{ margin-bottom: 12px; }
	.plusAccordion .content-section .accordian-body{ padding-top: 12px; }
	footer div.content-section-margin { margin: 0px 6px 0px 6px; }
	
	.bgHide640 .content-section-container{ background-image: none !important; }
}

@media screen and (min-width: 1400px) 
{
	.plusAccordion .content-section .accordian-section{ margin-bottom: 32px; }
}
.noTopPaddingLeft .content-col-left .content-section-margin, .noTopPaddingLeft .content-col-left .content-section-inner{ padding-top: 0; }

div.selector ul:not(.page-menu) li > ul > li, div.selector ul:not(.page-menu) li > ol > li { font-size: 1em; }

.plusAccordion .accordian-body p:last-of-type{ margin-bottom: 0; }
.accordian-section.accordionBox > .accordian-body > p:last-of-type{ margin-bottom: 24px; }

.plusAccordion .content-section .accordian-section.accordionBox{ border: 1px solid black; }
.plusAccordion .content-section .accordian-section.accordionBox > .accordian-header{ padding-left: 24px; font-size: 1.5em; background-color: white; color: black; background: url(/img/icon/icon-arrow-down.png) center right no-repeat; }
.plusAccordion .content-section .accordian-section.accordionBox > .accordian-header .openclose{ color: black; display: none; }
.plusAccordion .content-section .accordian-section.accordionBox > .accordian-header .openclose::before{ content: ""; }
.plusAccordion .content-section .accordian-section.accordionBox > .accordian-body{ padding-left: 24px; padding-right: 24px; }

.stickyLeft .content-col-left div.middle100, .stickyRight .content-col-right div.middle100{ position: sticky; top: 0; }

.rightContentMargin{ margin: 6px 6px 0 6px; }

@media screen and (min-width: 640px) 
{
	.rightContentMargin{ margin: 12px 24px 0 24px; }
}
@media screen and (min-width: 912px) 
{
	.rightContentMargin{ margin: 12px 24px 0 12px; }
	.flex-width-twelve .rightContentMargin{ margin: 12px 24px 0 24px; }
}
@media screen and (min-width: 1400px) 
{
	.rightContentMargin{ margin: 16px 16px 0 8px; }
	
	.flex-width-twelve .rightContentMargin{ margin: 0px 16px 16px 16px; }
}

.noAbstract article span.abstract{ display: none; }
.yellowBorderBottom .content-section-container{ border-bottom: 8px solid rgb(255,232,0); }
.yellowBorderTop .content-section-container{ border-top: 8px solid rgb(255,232,0); }

ul.page-menu.big li a{ border-bottom-width: 3px; font-size: 25px; font-weight: 600; }
ul.page-menu.big li a:hover, ul.page-menu.big li a:focus{ border-bottom-color: rgb(255,232,0); }

.headerWithLine{ width: 100%; text-align: center; border-bottom: 4px solid #012169; line-height: 0.1em !important; margin: 10px 0 20px; }
.headerWithLine span{ background: white; padding: 0 10px; }

/* standard tiles */
.v2 .standardTiles article span.section{ position: absolute; background-color: white; line-height: 32px; }

.v2 .coverImgRight .content-col-right .middle100, .v2 .coverImgRight .content-col-right .content-align, .v2 .coverImgRight .content-col-right .content-section-margin, .v2 .coverImgRight .content-col-right .content-section-inner{ height: 100%; }

a.pauseVideo, a.playVideo{ z-index: 2147483647; position: absolute; right: 24px; bottom: 24px; }
a.playVideo{ right: 80px; }
a.pauseVideo img, a.playVideo img{ width: 48px; height: 48px; display: block; border-radius: 50%; transition: all 0.3s ease; }
a.pauseVideo:hover img, a.playVideo:hover img, a.pauseVideo:focus img, a.playVideo:focus img{ box-shadow: 0px 0 10px black; background-color: rgba(255,255,255,0.35); }

.plusPersonContainer{ margin-top: 50px; margin-bottom: 50px; margin-right: 150px; position: relative; border: 4px solid rgb(1,33,105); border-radius: 24px; padding: 12px; padding-right: 150px; }
.plusPersonContainer svg{ width: 300px; position: absolute; right: -150px; top: -100px; }
.bg-dark .plusPersonContainer{ border-color: white; }

@media screen and (max-width: 640px) 
{
	a.pauseVideo, a.playVideo{ right: 12px; bottom: 12px; }
	a.playVideo{ right: 68px; }
	
	.plusPersonContainer{ margin-top: 20px; margin-right: 75px; border-radius: 12px; padding: 12px; padding-right: 87px; }
	.plusPersonContainer svg{ width: 150px; right: -75px; top: -55px; }
}

.extraTopPadding .content-section-inner{ padding-top: 60px; }

.withLineBreak::after {
  display: block;
  width: 96px;
  background-color: #252628;
  height: 8px;
  content: "";
  margin-top: 32px;
}

form .keywordSearch input#keyword
{
	margin: 0;
	padding: 0px;
	padding-left: 48px;
	padding-right: 12px;
	width: calc(100% - 64px); /* allow for border width */
	-webkit-appearance: none;
	-moz-appearance: none;
	min-height: 48px;

	background: transparent url('/img/icon/white/icon-search.svg') no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: left center;
	border: 2px solid white;
	border-radius: 26px;
	color: white;
	font-size: x-large;
	font-family: 'Effra';
}

form .keywordSearch label 
{
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
	position: absolute;
	left: 48px;
	top: 0px;
	cursor: text;
	transition: all 0.3s ease;
	line-height: 48px;
	min-height: 48px;
	
	user-select: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	
	font-size: x-large;
	font-family: 'Effra';
}

form .keywordSearch input:focus + label, form .keywordSearch input.focus + label{ opacity: 0; }

form .keywordSearch select
{
	margin: 0;
	padding: 0px;
	padding-left: 24px;
	padding-right: 48px;
	line-height: 48px;
	width: 100%; 
	-webkit-appearance: none;
	-moz-appearance: none;
	min-height: 48px;

	background: transparent url('/img/icon/icon-arrow-down-white.png') no-repeat;
	background-position-x: 0%;
	background-position-y: 0%;
	background-position: right center;
	border: 2px solid white;
	border-radius: 26px;
	color: white;
	font-size: x-large;
	font-family: 'Effra';
}

form .keywordSearch select option
{
	background-color: black;
	font-size: large;
}

div.content-section #researchSearchContainer{ padding-bottom: 16px; }
div.content-section #researchSearchContainer .flex-wrapper{ align-items: center; }
div.content-section #researchSearchContainer .flex-wrapper div:nth-child(2){  flex-grow: 1; }
div.content-section #researchSearchContainer h2{ margin-bottom: 0; }

div.selector ol li{ font-size: 1.25em; line-height: 1.5em; }

div.selector ol li ul:not(.page-menu) li{ font-size: 1em; }

article a.bg-dark{ color: white; }
article a.bg-dark:focus{ color: black; }

.v2 .noSectionContainer article span.padding, .v2 .noSectionContainer article span.section-container{ display: none; }
.v2 .noMoreInfo article span.more-info{ display: none; }
.v2 .withMoreInfo article span.abstract{ padding-bottom: 48px; }

.v2 .expandToViewBottom{ display: none; }

.v2 .expandToViewContainer .content-section-container{ max-height: 500px; }
.v2 .expandToViewContainer .expandToViewBottom{ display: block; text-align: center; position: absolute; height: 150px; background: linear-gradient(0deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0.9) 25%, rgba(255,255,255,0) 100%); bottom: 0px; width: 100%; z-index: 100; }
.v2 .expandToViewContainer .expandToViewBottom a { transition: all 0.3s ease; position : absolute; bottom: 0px; color: white; background-color: rgb(1,33,105); line-height: 32px; border-radius: 16px; font-weight: bold; padding: 0 32px 0 16px; text-decoration: none; }
.v2 .expandToViewContainer .expandToViewBottom a::after{ color: rgb(255,232,0); content: " +"; font-size: 1.5em; font-family: 'Source Serif 4'; position: absolute; right: 8px; }
.v2 .expandToViewContainer .expandToViewBottom a:hover, .v2 .expandToView .expandToViewBottom a:focus { background-color: rgb(255,232,0); color: black; }

.v2 .expandToViewContainer .expandToViewBottom a:hover::after, .v2 .expandToView .expandToViewBottom a:focus::after { color: black; }

.researchBookmark{ position: absolute; top: 0; right: 0; width: 150px; }
.svgImageTiles article img{ display: block; margin: 0 auto; max-height: 200px; }
.svgImageTiles article span.pad{ padding-bottom: 24px; }

.extraBoldHeadline article a.bg-dark span.headline { color: white; }

.v2 .blueNav article a, .v2 .blueNav article .flex-inner{ background-color: rgb(1,33,105); color: white; }
.v2 .blueNav article a:visited .headline{ color: white; }
.v2 .blueNav article a:hover .headline, .v2 .blueNav article a:focus .headline{ color: rgb(255,232,0); }

.v2 a.imageLink { border: 0; display: block; }
.v2 a.imageLink img { transition: all 0.3s ease; }
.v2 a.imageLink:hover, .v2 a.imageLink:focus { background-color: transparent; }
.v2 a.imageLink:hover img, .v2 a.imageLink:focus img{ opacity: 0.5; }

.v2 div.content-section p a.profile-link img, .v2 div.content-section p a.profile-link span{ transition: all 0.3s ease; }
.v2 div.content-section p a.profile-link:hover img, .v2 div.content-section p a.profile-link:hover span{ border-color: rgb(1,33,105); }
.v2 div.content-section .bg-dark p a.profile-link:hover{ color: rgb(255,232,0); }
.v2 div.content-section .bg-dark p a.profile-link:hover img { border-color: rgb(255,232,0); }

.v2 .lightBlueBorderTop .content-section-container{ border-top: 24px solid #0247e8; }
main div.content-section .bg-dark p a.ctaButton.lightBlue{ background-color: #0247e8; color: white !important; }
main div.content-section .bg-dark p a.ctaButton.lightBlue:hover, main div.content-section .bg-dark p a.ctaButton.lightBlue:focus{ background-color: rgb(255,232,0); color: black !important; }

.v2 .moreInfoPlus article span.more-info::after{ content: "+"; font-size: 16px;
  background-color: rgb(1,33,105);
  color: rgb(255,232,0);
  border: 0;
  padding: 0 5px 0 5px;
  text-align: center;
  box-sizing: border-box;
  line-height: 20px; 
  border-radius: 50%; 
  margin-left: 4px; 
  transition: all 0.3s ease;
}

.v2 .moreInfoPlus article:hover span.more-info::after{ background-color: rgb(255,232,0); color: rgb(1,33,105); }
.v2 .moreInfoPlus article span.section {
  white-space: nowrap;
  position: absolute;
  top: -32px;
  line-height: 32px;
background-color: white; }

.v2 .programme-item{ vertical-align: top; }
.v2 .programme-time{ border-top: 1px solid rgba(0,0,0,0.2); display: inline-block; width: 100px; vertical-align: top; margin-right: 12px; }
.v2 .programme-desc{ border-top: 1px solid rgba(0,0,0,0.2); display: inline-block; width: calc(100% - 150px); vertical-align: top; }

@media (max-aspect-ratio: 16/18) 
{ 
	.slide50pc.withBgVideo .fullscreen_bg { height: 100%; }
	.slide50pc.withBgVideo .fullscreen_bg_video { height: 100%; width: auto; }
}