/* ************************* */
/* GLOBAL settings			 */
/* ************************* */

/* general */

:root{
	--color-blue:#0CA6DB;
	--color-red:#EE3328;
	--color-orange:#F68523;
	--color-orange01:rgba(246, 133, 35, 0.1);
	--color-navy:#263351;
	--color-grey:#5F6062;
	--color-grey02:rgba(95, 96, 98, 0.2);
	--color-light-grey:#BDBDBE;
	--color-shadow-grey:#F7F7F8;
	--color-black:#46464F;
	--color-white:#fff;
	--font-base:400 1rem/1.5 'Base', sans-serif;
	--font-icon:900 1rem/1 'Font Awesome 5 Free';
	--font-heading:700 1rem/1.2 'Heading', serif;
	--font-fred:400 1rem/1.2 'Fred', sans-serif;
	--space-small:0.5rem;
	--space-normal:1.5rem;
	--space-big:3.5rem;
	--padding-small:2.5rem;
	--padding-normal:5rem;
	--padding-large:8rem;
	--block-shadow:0 0.5rem 2rem rgba(0,0,0,0.3);
}

html{font-size:16px;}
html, body { height: 100%; }
body *	{ position:relative; box-sizing:border-box; -moz-box-sizing:border-box }
body	{display:flex; flex-direction:column; margin:0; padding:0; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; overflow-x: hidden;
		font: var(--font-base); 
		color: var(--color-black); 
		background-color:var(--color-white); 
		}

#page-wrap{flex:0 0 auto;}

#scrollup { position:fixed; display:block; color:var(--color-white)!important; opacity:0; box-shadow:var(--block-shadow); background-color:rgba(0,0,0,0.5); border-radius:0; text-align:center; line-height:2.5rem; width:2.5rem; height:2.5rem; bottom:-3.5rem; right:1.2rem; z-index: 1000;  transition:opacity 1s ease, bottom 1s ease, color 0.2s ease, background-color 0.2s ease; text-decoration:none; }
#scrollup:after{ content:'\f30c'; font:var(--font-icon);}
#scrollup:hover{ background-color:var(--color-orange);}
#scrollup.affix{ opacity:1; bottom:3.5rem;}

.content-section{ padding-top:var(--padding-normal); padding-bottom:var(--padding-normal); }
.large-padding-top{ padding-top:var(--padding-large);}
.large-padding-bottom{ padding-bottom:var(--padding-large);}
.content-section:not([class*='bg-'])+.content-section:not([class*='bg-']){padding-top:0;}
.small-padding-top{ padding-top:var(--padding-small);}
.small-padding-bottom{ padding-bottom:var(--padding-small);}

.container{width:1630px;}

.sep{height:1px; background-color:var(--color-light-grey); }

.pt-0{padding-top:0!important;}
.pb-0{padding-bottom:0!important;}

.hidden-slide{ display:none!important;}

h1, h2, h3, h4, h5, h6, ul, ol, p, .alert, address, dl{margin:0;}
h1, h2, h3, h4, h5, h6, .textbox p, .textbox ul, .textbox ol, .textbox .text-image-wrap, .textbox blockquote
	{margin-bottom:var(--space-normal);}
.textbox, .form-wrap, .accordion, .side-nav, .tabs-wrap, .side-nav-wrap
	{margin-bottom:var(--space-big);}
.textbox:last-child, .form-wrap:last-child, .accordion:last-child, .side-nav:last-child, .textbox ul:last-child, .textbox ol:last-child, .textbox p:last-child, .textbox .text-image-wrap:last-child,
	h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child, [class*='mb']:last-child, .tabs-wrap:last-child, .textbox blockquote:last-child, .form-group:last-child
	{margin-bottom:0;}

.mb-half{margin-bottom:var(--space-small);}
.mb-big{margin-bottom:var(--space-big);}
.mb{margin-bottom:var(--space-normal);}
.mb-0{margin-bottom:0!important;}

[class*='col-'].indent-right{padding-right:4.25rem;}
[class*='col-'].indent-left{padding-left:4.25rem;}
[class*='col-'].large-indent-right{padding-right:9.38rem;}
[class*='col-'].large-indent-left{padding-left:9.38rem;}

/* typography */
h1, h2, h3, h4, h5, h6	{ 
	font:var(--font-heading); 
	color: inherit;
	}
h1{font-size:3.62rem /*58px*/; line-height: 1.31;}
h2, .h2-style{font-size:2.62rem /*42px*/; line-height: 1.43;}
h3, .h3-style{font-size:2.12rem /*34px*/; line-height: 1.47;}
h4, .h4-style{font-size:1.50rem /*24px*/; line-height: 1.58;}
h5, .h5-style{font-size:1.12rem /*18px*/; line-height: 1.5;}
h6, .h6-style{font-size:1.00rem /*16px*/; line-height: 1.75;}


.lead, .big{ font-size:1.25rem; font-weight:inherit; line-height: inherit;}
.small{ font-size:0.87rem;}
.in-form-header:not(:first-child){margin-top:var(--space-normal); margin-bottom:var(--space-small);}
.weight-bold{font-weight: 700;}

.textbox:after{ content:''; display:block; clear:both; font-size: 1px; line-height: 0px; margin:0; padding:0;}

.text-image-wrap img, .text-image-wrap figure{ display:inline-block; margin:0.35rem 0; max-width:100%; z-index:2;}
.text-image-wrap.align-left{float:left; width:33.33%; margin-right:2rem; margin-bottom:1rem;}
.text-image-wrap.align-right{float:right; width:33.33%; margin-left:2rem; margin-bottom:1rem;}
.text-image-wrap.align-left img, .text-image-wrap.align-right img{width:100%;}
.text-image-wrap.align-center{text-align:center;}
.text-image-wrap.align-center img{width:auto;}
.text-image-wrap.align-stretch img{width:100%;}
.text-image-wrap figure img{margin:0; width:100%;}
.text-image-wrap figcaption{ z-index:2; position:absolute; left:0; bottom:0; padding:1rem; background-color:rgba(48,48,48,0.7); color:white;}
.text-image-wrap.align-left figure, .text-image-wrap.align-right figure, .text-image-wrap.align-stretch figure{width:100%;}

.textbox ul{ list-style-type:none; padding-left:1.5rem; overflow:hidden;}
.textbox ul li{padding-left:1rem; background:url(../img/list-marker.png) no-repeat 0 0.65rem;}

.textbox ol{counter-reset: listCounter; padding-left:2.5rem; overflow:hidden;}
.textbox ol li{ list-style:none; display:flex;}
.textbox ol li:before{counter-increment: listCounter; content:counter(listCounter)'. '; color:var(--color-blue); flex:none; display:inline-block; margin-left:-1.3rem; margin-right:0.3rem; min-width:1rem; text-align:center;}

.textbox li+li{margin-top:0.5rem;}

.textbox iframe {max-width:100%;}

.textbox blockquote{background: url("../img/i-quote.png") no-repeat left top; padding:0 0 0 3.75rem; border:0; font-size: 1.25rem; font-style: italic; font-weight: 700;}

/* colors */
.color-white{color:var(--color-white);}
.color-black{color:var(--color-black);}
.color-blue{color:var(--color-blue);}
.color-red{color:var(--color-red);}
.color-orange{color:var(--color-orange);}
.color-navy{color:var(--color-navy);}
.color-grey{color:var(--color-grey);}
.color-light-grey{color:var(--color-light-grey);}
.color-shadow-grey{color:var(--color-shadow-grey);}

.bg-color-black{background-color: var(--color-black);}
.bg-color-blue{background-color: var(--color-blue);}
.bg-color-shadow-grey{background-color: var(--color-shadow-grey);}
.bg-color-navy{background-color: var(--color-navy);}

[class*='overlay-color-']:before{ content:''; display:block; position:absolute; top:0; right:0; bottom:0; left:0; transition: background 0.2s ease, opacity 0.2s ease;}
.overlay-color-dark:before{ background-color:#303030; opacity: 0.5;}

/* backgrounds */
.bg-image-cover{ background-position: center; background-size: cover;}

.bg-image-cta-box{background-image: url("../img/img18.jpg");}
.bg-image-exhibit01{background-image: url("../img/img02.jpg");}
.bg-image-archive{background-image: url("../img/img05.jpg");}
.bg-image-featured-resource{background-image: url("../img/img06.jpg");}
.bg-image-res01{background-image: url("../img/img07.jpg");}
.bg-image-res02{background-image: url("../img/img08.jpg");}
.bg-image-res03{background-image: url("../img/img09.jpg");}
.bg-image-club{background-image: url("../img/img10.jpg");}

/* links */
a {color:var(--color-blue); text-decoration: underline; transition:color 0.2s ease, background-color 0.2s ease;}
a:hover, A:focus{color:var(--color-orange); text-decoration:none;}
a:focus, a:active, a:active:focus{outline:none;}

.color-white a:not(.btn){color:inherit;}
.color-white a:not(.btn):hover, .color-white a:not(.btn):focus{color:var(--color-orange);}

a img{border:0;}

.area-link{ position:absolute; top:0; left:0; width:100%; height:100%; z-index: 2;}
.anchor-link{display:block; top:-8rem; width:100%; height:0;}

.sp-link{z-index: 2; font:var(--font-fred); color:inherit; display: inline-block; text-transform: uppercase; font-size: 1.25rem; text-decoration: none;}
.sp-link:before{content: ''; z-index: -1; background: url("../img/underline-short-blue.svg") no-repeat; background-size: 100% 100%; display: block; position: absolute; left:0; right:0; bottom:0; height:6px; transition:height 0.2s ease, opacity 0.2s ease;}
.sp-link:hover, .sp-link:focus, .color-white a.sp-link:hover, .color-white a.sp-link:focus{color:inherit;}
.sp-link:hover:before, .sp-link:focus:before{height:0.9rem; opacity:0.5;}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a{ color:inherit;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, h1 a:focus, h2 a:focus, h3 a:focus, h4 a:focus, h5 a:focus, h6 a:focus{color:var(--color-orange);}

/* form */

	/* placeholder */
	::-webkit-input-placeholder { opacity: 1 !important; color:var(--color-light-grey)!important;}
	::-moz-placeholder {color: var(--color-light-grey) !important;	opacity: 1 !important;} 
	:-ms-input-placeholder {color: var(--color-light-grey) !important; opacity:1 !important; }

	[placeholder]:focus::-webkit-input-placeholder { color: var(--color-light-grey) !important;}
	input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color: var(--color-light-grey) !important;}
	input:focus:-ms-input-placeholder, textarea:focus::-ms-input-placeholder {color: var(--color-light-grey) !important;}

	input[placeholder]          {text-overflow:ellipsis;}
	input::-moz-placeholder     {text-overflow:ellipsis;} 
	input:-ms-input-placeholder {text-overflow:ellipsis;} 

.form-control{font-size:1rem; padding:0.7rem 1rem; height:4.07rem; box-shadow:none; border-color:var(--color-light-grey); color:var(--color-black);}
.form-control:focus{outline:0; box-shadow:inset 0 0 0 3px var(--color-blue); border-color:var(--color-blue);}
.form-control::-ms-clear{display: none;}

select.form-control::-ms-expand {display: none;}
select[multiple], select[size] {height: 100%;}

textarea {resize: vertical; min-height:5rem;}

label{ font-weight:normal; line-height:1.2;}
.form-group > label{font-weight: 700; font-size: 0.87rem; text-transform: uppercase; letter-spacing: 0.05em;}

.form-group, .radio, .checkbox{margin-top:0;}

.form-footer{ display: flex; align-items: center; justify-content: space-between;}
.form-footer > div+div{margin-left:1rem;}

.alert .word-break{word-break: break-all;}

	/* field with floating label*/
	.input-label {padding:1.5rem 1rem; line-height:1; font-size:0.87rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color:var(--color-grey); position: absolute; top:1px; left:1px; right:1px; transition: all 0.2s ease; margin: 0;z-index: 1; text-align:left;}
	.has-content .input-label{padding:0 1rem; top:0.9rem; font-size:0.75rem; z-index: 4;}
	.input-wrap .form-control{ background: transparent; z-index:3; padding-top:1.7rem; padding-bottom:0.4rem; }
	.input-wrap textarea.form-control{padding-top:2rem;}

	.input-wrap.disabled .form-control, .input-wrap.readonly .form-control, .form-control[disabled]{background-color:var(--color-shadow-grey); border-color:var(--color-light-grey)}

	/* custom radio & check */
	.radio label, .checkbox label, .inline-radio-wrap label{padding-left:0; cursor: default;}
	.inline-radio-wrap label{margin-right:1rem; margin-bottom:0; font-weight:inherit;}
	input[type='radio'], input[type='checkbox']{ display:none;}
	.radio-check-control{display:flex; align-items: center; justify-content: center; position:absolute; top:1px; left:0;  width:1.125rem; height:1.125rem; transition:border 0.2s ease, background 0.2s ease;}
	.radio-check-label{ cursor: pointer; font-weight:normal; line-height:1.2; transition:color 0.2s ease; display: block; padding-left:1.75rem;}
	input[type='radio'] + .radio-check-control{border-radius:50%;}
	input[type='radio'] + .radio-check-control:before{content:''; display:block; position:absolute; width:100%; height:100%; border-radius:100%;  top:0; left:0; opacity:0; transform:scale(0.01); transition:transform 0.2s ease, background 0.2s ease; }
	input[type='checkbox'] + .radio-check-control:before{ content:'\f00c';  display: block; font:var(--font-icon); font-size:0.75rem; opacity:0; transform:scale(0.01); line-height:1;  transition:transform 0.2s ease, color 0.2s ease;}

		/* default */
		.radio-check-control{border:1px solid var(--color-light-grey); background-color:var(--color-white); }
		input[type='radio'] + .radio-check-control:before{background-color:var(--color-navy);}
		input[type='checkbox'] + .radio-check-control:before{color:var(--color-navy);}

		/* checked */
		input:checked + .radio-check-control{border-color:var(--color-navy);}
		input:checked + .radio-check-control:before{transform:scale(1); opacity:1; }
		input[type='radio']:checked + .radio-check-control:before{transform:scale(0.6);}

		/* hover */
		label:hover .radio-check-control{border-color:var(--color-orange);}
		label:hover input[type='checkbox']:checked + .radio-check-control:before{color:var(--color-orange);}
		label:hover input[type='radio']:checked + .radio-check-control:before{background-color: var(--color-orange);}

		/* disabled */
		input[disabled] ~ .radio-check-label{cursor:default; color:inherit!important;}
		input[disabled] + .radio-check-control{border-color:var(--color-light-grey)!important; background-color: var(--color-shadow-grey);}
		input[type='radio'][disabled]:checked + .radio-check-control:before{background-color: var(--color-navy)!important;}
		input[type='checkbox'][disabled]:checked + .radio-check-control:before{color: #aaa!important;}
		input[disabled] + .radio-check-control:before{ transform:scale(0.01); opacity:0;}
		input[disabled]:checked + .radio-check-control:before{ transform:scale(1); opacity:1;}

.btn {font-weight: 700; font-size: 0.87rem; letter-spacing: 0.05em; text-transform: uppercase; text-decoration: none; height:2.81rem; padding:0.75rem 1.5rem; transition:color 0.2s ease, border-color 0.2s ease, background-color 0.2s ease; }
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn.active.focus,
button:focus, button:active:focus, button.active:focus, button.focus, button:active.focus, button.active.focus{outline:0!important;}

.btn-primary{color:var(--color-white); border-color:var(--color-blue); background:var(--color-blue);}
.btn-primary:hover, .btn-primary:focus, .focus.btn-primary, .btn-primary:active, .active.btn-primary, .btn-primary:active:focus, .btn-primary:active:hover, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary:active.focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle{
	color:var(--color-blue); border-color:var(--color-blue); background: var(--color-white);}

.btn-default{ color:var(--color-white); border-color:var(--color-navy); background:var(--color-navy);}
.btn-default:hover, .btn-default:focus, .focus.btn-default, .btn-default:active, .active.btn-default, .btn-default:active:focus, .btn-default:active:hover, .btn-default.active:hover, .btn-default.active:focus, .btn-default:active.focus, .btn-default.active.focus, .open > .btn-default.dropdown-toggle{
	color:var(--color-navy); border-color:var(--color-navy); background: var(--color-white);}

.btn-white{ color:var(--color-navy); border-color:var(--color-white); background:var(--color-white);}
.btn-white:hover, .btn-white:focus, .focus.btn-white, .btn-white:active, .active.btn-white, .btn-white:active:focus, .btn-white:active:hover, .btn-white.active:hover, .btn-white.active:focus, .btn-white:active.focus, .btn-white.active.focus, .open > .btn-white.dropdown-toggle{
	color:var(--color-white); border-color:var(--color-white); background:transparent;}

.btn-stroke{z-index: 2; background: url("../img/fr-button-stroke.svg") no-repeat center / 100% 100% transparent; min-width: 9.38rem; height:5.31rem; padding:2.19rem 1.5rem 1.75rem 1.5rem; font:var(--font-fred); font-size: 1.12rem; letter-spacing: normal; color:inherit; border:0;}
.btn-stroke:before{content: ''; opacity:0; z-index: -1; background: url("../img/fr-button-bg.svg") no-repeat center / 100% 100% transparent; top:-0.5rem; right:-0.75rem; bottom:-0.25rem; left:-0.5rem; display: block; position: absolute; transition:opacity 0.2s ease;}
.btn-stroke:hover, .btn-stroke:focus{color:inherit; border:0;}
.btn-stroke:hover:before, .btn-stroke:focus:before{opacity:1;}
.btn-stroke:active, .btn-stroke.active{box-shadow: none; background: url("../img/fr-button-stroke.svg") no-repeat center / 100% 100% transparent;}


.btn-link{padding:0; height:auto; color:var(--color-blue);}
.btn-link:hover, .btn-link:focus{color:var(--color-orange); text-decoration: none;}

.textbox .btn{margin-top:0.35rem; margin-bottom:0.35rem;}

.btn .icon-first{margin-right:1rem; line-height: 1;  font-size: 0.88rem;}
.btn .icon-last{margin-left:1rem; line-height: 1; font-size: 0.88rem;}

	/* sumoselect */
	.SumoSelect{display: block; width:auto; text-align: left;}
	.SumoSelect > .CaptionCont{height:4.07rem; }/* 'form-control' height */
	.SumoSelect > .CaptionCont, .SumoSelect > .optWrapper > .options li.opt, .SumoSelect .select-all{padding:0.5rem 1rem;}/* 'form-control' paddings */
	.SumoSelect.open > .optWrapper{top:100%;}

	.SumoSelect > .CaptionCont{ background-color: var(--color-white); border-radius:0; border-color:var(--color-light-grey); display:flex; align-items:center; transition:border 0.2s ease, box-shadow 0.2s ease;}/* caption defaults */
	.SumoSelect > .CaptionCont > label{margin-bottom:0; width:3rem; cursor: pointer;}
	.SumoSelect > .CaptionCont > span{padding-right:2rem; cursor: pointer; color:var(--color-black);}
	.SumoSelect > .CaptionCont > span.placeholder{ font-style: normal; color:var(--color-light-grey);}/* placeholder */
	.SumoSelect:focus > .CaptionCont, .SumoSelect:hover > .CaptionCont, .open.SumoSelect > .CaptionCont{box-shadow:inset 0 0 0 3px var(--color-blue); border-color:var(--color-blue);}/* caption hover */

	.SumoSelect > .CaptionCont > label > i{height:100%; background-image: none; display: flex; align-items: center; justify-content: flex-end;}
	.SumoSelect > .CaptionCont > label > i:after{content:'\f107'; font: var(--font-icon); font-style: normal; font-size:1rem; transition: transform 0.4s ease;}
	.SumoSelect.open > .CaptionCont > label > i:after{transform: rotateX(180deg);}

	.SumoSelect > .optWrapper{ border-radius:0; box-shadow:var(--block-shadow);}/* dropdown defaults */
	.SumoSelect > .optWrapper > .options{border-radius:0;}
	.SumoSelect > .optWrapper > .options li.opt{border-bottom:0;}
	.SumoSelect > .optWrapper > .options > li:first-child.opt, .SumoSelect > .optWrapper > .options > li:last-child.opt{ border-radius: 0;}
	.SumoSelect > .optWrapper > .options li label{margin-bottom:0;}
	.SumoSelect > .optWrapper > .options li.opt.selected label, .SumoSelect .select-all.selected label{color:var(--color-blue);}/* option selected */
	.SumoSelect > .optWrapper > .options li.opt:hover, .SumoSelect .select-all:hover, .SumoSelect > .optWrapper > .options li.sel.opt, .SumoSelect .sel.select-all{background-color:var(--color-orange01);}/* option hover */

	.SumoSelect .select-all{height:auto; padding-left:3rem; line-height: 1; border-radius:0;}
	.SumoSelect .select-all label{margin-bottom:0;}

	.SumoSelect > .optWrapper.multiple > .options li.opt{padding-left:3rem;}
	.SumoSelect > .multiple.optWrapper > .options li.opt span, .SumoSelect .select-all > span{width:1.125rem; margin-left:-2rem;}
	.SumoSelect > .optWrapper.multiple > .options li.opt span i, .SumoSelect .select-all > span i{display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-light-grey); background-color: var(--color-white); width:1.125rem; height:1.125rem; transition: border 0.2s ease; box-shadow: none; border-radius: 0;}
	.SumoSelect > .optWrapper.multiple > .options li.opt span i:before, .SumoSelect .select-all > span i:before{ content:'\f00c'; color:var(--color-navy); font:var(--font-icon); font-size:0.75rem; font-style: normal;  opacity:0; transform:scale(0.01); display:block; line-height:1.1;  transition:transform 0.2s ease, color 0.2s ease;}

	.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i, .SumoSelect .select-all.selected > span i{background-image: none; border-color:var(--color-navy); background-color: #fff;}
	.SumoSelect > .optWrapper.multiple > .options li.opt.selected span i:before, .SumoSelect .select-all.selected > span i:before {transform:scale(1); opacity:1;}

	.SumoSelect .select-all.partial > span i{background-color:var(--color-white);background-image: none; border-color:var(--color-light-grey);}
	.SumoSelect .select-all.partial > span i:before,.SumoSelect .select-all.partial > span i:after{background-color:var(--color-white);}

	.SumoSelect > .isFloating.multiple.optWrapper > .options li.opt{padding-left:3rem;}
	.SumoSelect > .isFloating.optWrapper{top:0;}
	.SumoSelect > .isFloating.optWrapper > .options{box-shadow: none;}
	.SumoSelect > .isFloating.optWrapper > .options li.opt{padding:1rem;}

	.select-wrap .SumoSelect > .CaptionCont{background-color: transparent;}
	.select-wrap .SumoSelect > .CaptionCont > span{top:0.7rem;}
	.select-wrap .input-label{z-index:0; padding-right:3rem;}

	.open.SumoSelect .search-txt{height:100%; padding:0.7rem 1rem; border-radius:0;}
	.SumoSelect .search-txt::-ms-clear{display: none;}
	.SumoSelect .no-match{padding:0.7rem 1rem;}

	/* upload */		
	.upload-control .file-name{padding-right:10rem; background-color: var(--color-white);}
	.upload-control .input-label{ margin-right:9rem;}
	.upload-control .btn {position: absolute; top: 0.5rem; right: 0.5rem; bottom:0.5rem; padding:0; width:8rem; margin:0; height:auto;  display:flex; align-items:center; justify-content:center; z-index:4;}
	.upload-control .btn input[type="file"] {position: absolute; top: 0; right: 0; height:100%; width:100%; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); font-size: 0;}

	/* side-search-block for blog & events */
	.side-search-block .search-button {color:var(--color-blue); z-index: 4; background: none; height:calc(100% - 2px); width:3.31rem; position: absolute; right: 1px; top: 1px; outline: none; border:0; padding: 0; transition:color 0.2s ease;}
	.side-search-block .search-button:hover, .side-search-block .search-button:focus{color:var(--color-orange);}
	.side-search-block .form-control{padding-right: 3rem;}
	.side-search-block .input-label{right:3rem;}
	.side-search-block .form-control:focus{outline: 0; box-shadow:inset 0 0 0 3px var(--color-blue);}

/* accordion */
.accordion .panel {margin-bottom:0; background-color:var(--color-shadow-grey); border:0; border-radius:0; box-shadow:none;}
.accordion .panel+.panel{margin-top:0.25rem;}
.accordion .panel-heading {padding:0; border:0; border-radius:0;}
.accordion .panel-title { margin: 0px;}
.accordion .panel-title a{ display:block; color:inherit; padding:0.87rem 3rem 0.87rem 1.5rem; background-color:transparent; text-decoration: none;}
.accordion .panel-title a .fas{ font-size: 1rem; position:absolute; right:1.5rem; top:1.6rem; padding:0; transition:transform 0.7s ease;}
.accordion .panel-title a:hover, .accordion .panel-title a:focus{color:var(--color-orange); outline:0;}
.accordion .panel-title a[aria-expanded='true'] .fas{ transform:rotate(-135deg);}
.accordion .panel-body { padding:0 1.5rem 1.5rem 1.5rem; position:static;}

/* pagination */
.pagination-wrap{ text-align:center; display:flex; justify-content:center;}
.pagination{margin:0; display:flex;}
.pagination > li+li{margin-left:1px;}
.pagination > li > a, .pagination > li > span{color:var(--color-blue); display: flex; align-items: center; justify-content: center; width:3rem; height:3rem; background-color:transparent; border:1px solid transparent; padding:0.5rem; transition:border 0.2s ease;}
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus{ background-color:transparent; color:var(--color-orange); border-color:var(--color-orange);}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{color:inherit; background-color:transparent; font-weight:bold; border:1px solid var(--color-light-grey);}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus{color:var(--color-light-grey); background-color:transparent; border-color:transparent;}

/* modal */
.modal-header{border:0; padding:3.5rem 3.5rem 0 3.5rem;}
.modal .close{ float:none; position:absolute; right:0.75rem; top:0.5rem; z-index:2; font-weight:300; color:var(--color-blue); font-size: 1rem; opacity:1; filter:alpha(opacity=100); text-shadow:none; transition:color 0.2s ease;}
.modal .close:hover, .modal .close:focus{color:var(--color-orange);}
.modal-body{padding:var(--space-normal) 3.5rem;}
.modal-footer{border:0; padding:0 3.5rem 3.5rem 3.5rem;}
.modal-footer .btn{margin-bottom:0; margin-top:0;}
.modal-content{box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2); border:0;}

/* breadcrumbs */
.breadcrumbs-section{padding:1rem 0;}
.breadcrumbs-section ol{padding:0; list-style-type: none; display: flex; flex-wrap:wrap;}
.breadcrumbs-section ol li+li:before{content: '/'; font:var(--font-icon); margin:0 0.5rem; line-height: 1;}
.breadcrumbs-section .placeholder-item{cursor: default;}

/* search results */
.results-listing .item a{ display:inline-block; word-break:break-all;}

/* responsive table */
.textbox table{font-size: inherit; width: 100%; max-width:100%; margin-bottom:0; border-bottom:1px solid var(--color-blue);}
.textbox table td, .textbox table th{padding:1rem 1rem;}
.textbox table thead th{ vertical-align:bottom; background-color:var(--color-blue); color:var(--color-white); }
.textbox table td{ vertical-align:top;}
.textbox table tr:nth-child(even){background-color:var(--color-shadow-grey);}
.textbox table tr{transition:background 0.2s ease;}
.textbox table tr:hover{background-color:var(--color-orange01); } 

/*slick slider */
.slick-slider .slick-track, .slick-slider .slick-list{height:100%;}
.slick-slider .slick-slide:focus{outline:0;}
.slick-slider .slick-track{ display:flex; align-items:stretch;}
.slick-slider {-webkit-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text;}
.slick-slider .slick-dots li:only-child{display:none;}

.slick-slider .item{ background-size:cover; background-position:center; height:auto;}

.slick-slider .slick-dots{position:absolute; padding:0; height:0; margin:0; left:0; right:0; bottom:-2rem; display:flex; justify-content:center; list-style-type: none;}
.slick-slider .slick-dots li{ line-height:0;}
.slick-slider .slick-dots li button{border:0; background:var(--color-light-grey); color:transparent; overflow:hidden; width:0.5rem; height:0.5rem; border-radius: 50%; padding:0; line-height:1rem; margin:0 0.25rem; transition:background 0.2s ease, transform 0.2s ease; }
.slick-slider .slick-dots li button:hover{ background:var(--color-orange);}
.slick-slider .slick-dots li button:focus{outline:0;}
.slick-slider .slick-dots .slick-active button, .slick-slider .slick-dots .slick-active button:hover{background:var(--color-navy); cursor:default; transform:scale(1.5);}

.slick-slider .slick-arrow{font-size: 1.5rem; opacity:1;  width:4rem; padding:0; z-index:2; position:absolute; height:4rem; top:50%; margin-top:-4rem; background:var(--color-blue); overflow:hidden; border:0; background-position:center; background-repeat:no-repeat; transition:opacity 0.2s ease, background 0.2s ease, color 0.2s ease; }
.slick-slider .slick-arrow:hover{ opacity:1; background-color: var(--color-orange);}
.slick-slider .slick-arrow:focus{outline:0;}
.slick-slider .slick-arrow.slick-disabled{ opacity:0.3; cursor:default; background-color: var(--color-blue);}
.slick-slider .slick-prev{left:2rem; background-image:url(../img/i-arrow-left.svg);}
.slick-slider .slick-next{right:2rem; background-image:url(../img/i-arrow-right.svg);}
.slick-slider .slick-cloned {background-position-x:center; background-position-y:center; background-size:cover;}

/* items-listing */
.items-listing > .inner-wrap{display: flex; flex-wrap:wrap; align-items: stretch; margin:0 -1rem -2rem -1rem;}
.items-listing .item{ margin:0 1rem 2rem 1rem; display: flex; flex-direction: column; background-color: #fff; transition:background 0.2s ease;}
.items-listing .item .image{flex:none;}
.items-listing .item .image img{width:100%; max-width: 100%;}
.items-listing .item .content{padding:1.5rem; flex-grow:1;}
.items-listing .item .title{margin-bottom:0.5rem;}
.items-listing .item .textbox{margin-bottom:0.5rem;}
.items-listing .item .sp-link{z-index: 3;}

.items-listing.five-cols .item{width:calc(20% - 2rem);}
.items-listing.four-cols .item{width:calc(25% - 2rem);}
.items-listing.three-cols .item{width:calc(33.33% - 2rem);}
.items-listing.two-cols .item{width:calc(50% - 2rem);}

/* tags */
.tags-listing > .inner-wrap{display: flex; align-items: flex-start; flex-wrap:wrap; margin:0 -0.5rem -1rem -0.5rem;}
.tags-listing a{ text-decoration: none;  margin:0 0.5rem 1rem 0.5rem; background-color: var(--color-shadow-grey); padding:0.25rem 1rem; font-size: 0.87rem; color:var(--color-navy);}
.tags-listing a:hover, .tags-listing a:focus{color:var(--color-white); background-color: var(--color-orange);}
.color-white .tags-listing a{color:var(--color-navy);}
.color-white .tags-listing a:hover, .color-white .tags-listing a:focus{color:var(--color-white);}


/* ************************* */
/* HEADER					 */
/* ************************* */	

#header{height:13.06rem;}

/* navbar */
.navbar{ margin-bottom:0; border:0; background-color:#fff; border-radius:0; position:fixed; top:0; z-index:1030; width:100vw; padding-right:17px; transition:box-shadow 1s ease, top 1s ease; }
.navbar.affix{top:-7rem; box-shadow:0 5px 30px rgba(0,0,0,0.5);}
.navbar > .container{height:13.06rem; display: flex; align-items: flex-start;}
.navbar > .container:before, .navbar > .container:after{display: none;}

.navbar-header{float:none;}
.navbar-brand {top:0; display: block; width:14rem; float:none; height:auto; padding:0; margin:1.3rem 0; font-size: inherit; line-height: inherit; transition:top 1s ease, width 1s ease;}
.navbar-brand:focus{outline:0;}
.navbar-brand img{width:100%;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand{margin-left:0;}
.affix .navbar-brand {width:7.5rem; top:6rem;}

.navbar-toggle {padding:0.7rem 1rem; color:inherit; margin:0.2rem 0 0.2rem auto; height:3.5rem; width:3.5rem; line-height:1; border:0; border-radius:0; transition:color 0.2s ease, background-color 0.2s ease; }
[aria-expanded='true'].navbar-toggle .fas:before{ content:'\f00d';}
.navbar-toggle:hover, [aria-expanded='true'].navbar-toggle{ background: url("../img/bg-shape-masthead-home-orange.svg") no-repeat center / 100% 100%; color:var(--color-white);}
.navbar-toggle:focus{ background-color:transparent; color:inherit;}
[aria-expanded='true'].navbar-toggle:focus{ background: url("../img/bg-shape-masthead-home-orange.svg") no-repeat center / 100% 100%; color:var(--color-white);}

/*navigation */
#navigation{margin-left:auto; padding:0;}
#navigation > .inner-wrap{display: flex; flex-direction: column-reverse; align-items: flex-end;}

.navbar-nav .placeholder-item {cursor: default;}
.navbar-nav > li > a{line-height:1.2;}
.navbar-nav .dropdown-toggle{position: absolute; top:0; background: transparent!important;}
.navbar-nav .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(-180deg);}
.navbar-nav .dropdown-toggle .fas{ transition:transform 0.4s ease;}

.navbar-nav .dropdown-menu{min-width:100%; padding:0; margin:0; border:0; border-radius:0;}
.navbar-nav .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu > li > a{line-height: 1.2;}
.navbar-nav .dropdown-menu.open-left {left:auto; right:-1px;}
.navbar-nav .dropdown-menu .dropdown-menu{top:-0.75rem; left:100%;}
.navbar-nav .dropdown-menu .dropdown-menu.open-left{left:auto; right:100%;}
.navbar-nav .dropdown-menu .dropdown-toggle .fas{transform:rotate(-90deg);}
.navbar-nav .dropdown-menu .dropdown-toggle[aria-expanded="true"] .fas{ transform:rotate(90deg);}

/* main-nav */
#main-nav{top:0; transition:top 1s ease;}
.affix #main-nav{top:1.25rem;}
#main-nav > li+li{margin-left:4rem;}
#main-nav > li > a{padding:0 0 1.5rem 0; font:var(--font-heading); font-size: 1.38rem; text-transform: uppercase; text-decoration: none;}
#main-nav > .dropdown_split > a{padding-right:1.06rem;}
#main-nav > .dropdown_split > .dropdown-toggle{padding-top:0.5rem; right:0; padding-left:0; padding-right:0; font-size: 0.62rem; color:var(--color-grey);}

#main-nav > li > a{color:var(--color-black); background-color:transparent;}
#main-nav > li > a:hover, #main-nav > li > a:focus, #main-nav > .open > a{color:var(--color-orange); background-color:transparent;}

#main-nav > .active > a{color:var(--color-red); background-color:transparent;}
#main-nav > .active > a:hover, #main-nav > .active > a:focus{color:var(--color-red); background-color:transparent;}

#main-nav .dropdown-menu{box-shadow: var(--block-shadow); padding-top:0.75rem; padding-bottom:0.75rem; background-color:var(--color-black); font-size:0.87rem; text-transform: uppercase; letter-spacing: 0.05em;}
#main-nav .dropdown-menu > li{padding:0 1rem;}
#main-nav .dropdown-menu > li+li > a{border-top:1px solid #808080;}
#main-nav .dropdown-menu > li > a{padding:0.64rem 1.5rem 0.64rem 0; text-decoration: none; font-weight: 700;}
#main-nav .dropdown-menu > .dropdown_split > .dropdown-toggle{right:1rem; padding-left:0; padding-right:0; font-size: 0.62rem;} 

#main-nav .dropdown-menu > li > a{color:var(--color-white); background-color:transparent;}
#main-nav .dropdown-menu > li > a:hover, #main-nav .dropdown-menu > li > a:focus, #main-nav .dropdown-menu > .open > a{color:var(--color-orange); background-color:transparent;}

#main-nav .dropdown-menu > .active > a{color:var(--color-blue); background-color:transparent;}
#main-nav .dropdown-menu > .active > a:hover, #main-nav .dropdown-menu > .active > a:focus{color:var(--color-blue); background-color:transparent;}

/* top-nav */
#top-nav{top:0; display: flex; align-items: center; margin-top:1.5rem; margin-bottom:1.1rem; transition:top 1s ease;}
.affix #top-nav{top:-2.5rem;}
#top-nav > li+li{margin-left:2.44rem;}
#top-nav > li > a{padding:0; font:var(--font-fred); font-size:1.12rem; text-transform: uppercase; text-decoration: none;}

#top-nav > li > a{color:var(--color-blue); background-color:transparent;}
#top-nav > li > a:hover, #top-nav > li > a:focus{color:var(--color-orange); background-color:transparent;}

#top-nav > .active > a{color:var(--color-red); background-color:transparent;}
#top-nav > .active > a:hover, #top-nav > .active > a:focus{color:var(--color-red); background-color:transparent;}

#top-nav > li > a.btn{padding:2.19rem 2.75rem 1.75rem 2.75rem; color:inherit; min-width: inherit;}

/* ************************* */
/* HOME						 */
/* ************************* */	
/* masthead */
.masthead-home-section{padding-top:11.5rem; padding-bottom:17.87rem;}
.masthead-home-section .image-wrap{background: url("../img/img01.png") no-repeat left top / cover; left:calc((50vw - 1630px/2) + 1630px*0.3333 - 1.5rem); position: absolute; top:0; bottom:0; right:0;}
.masthead-home-section .bg-shape-left{ background: url("../img/bg-shape-masthead-home-blue.svg") no-repeat center top; position: absolute; bottom:0; width:30rem; height:17.93rem; right:calc((50vw - 1630px/2) + 1630px*0.9163 - 2.5rem); }
.masthead-home-section .bg-shape-right{ background: url("../img/bg-shape-masthead-home-orange.svg") no-repeat left top; position: absolute; bottom:1.75rem; /*width:37.19rem;*/ right:0; height:40.81rem; left:calc((50vw - 1630px/2) + 1630px*0.8333 - 2.5rem); }

/* initiatives */
.initiatives-section-header.row{display: flex; align-items: stretch; flex-wrap:wrap;}
.initiatives-section-header .textbox{margin-top:var(--padding-normal);}

.initiatives-slider{margin-bottom:-1.5rem; position: absolute; left:0; bottom:0; right:0; margin-right:calc(1630px/2 - 50vw + 8px);}
.initiatives-slider .slick-list{padding-right:calc(50vw - 1630px/2 + 15px);}
.initiatives-slider .item{margin:1.5rem 1rem; box-shadow: 0 0.25rem 1rem rgba(0, 0, 0, 0.15); background-color: var(--color-white); padding:3.5rem 2.5rem 2.5rem 2.5rem; transition:background 0.2s ease, color 0.2s ease;}
.initiatives-slider .item:hover{color:var(--color-white);}
.initiatives-slider .item .textbox{margin-top:0;}

.initiatives-slider .item.orange:hover{background-color: var(--color-orange);}
.initiatives-slider .item.orange .title span{padding-bottom:0.5rem; background: url("../img/underline-long-orange.svg") no-repeat center bottom / 100% 7px;}
.initiatives-slider .item.blue:hover{background-color: var(--color-blue);}
.initiatives-slider .item.blue .title span{padding-bottom:0.5rem; background: url("../img/underline-long-blue.svg") no-repeat center bottom / 100% 7px;}
.initiatives-slider .item.red:hover{background-color: var(--color-red);}
.initiatives-slider .item.red .title span{padding-bottom:0.5rem; background: url("../img/underline-long-red.svg") no-repeat center bottom / 100% 7px;}

.initiatives-slider .slick-arrow{top:auto; margin-top:0; bottom:-6.5rem;}
.initiatives-slider .slick-next{left:auto; right:calc(50vw - 1630px/2 + 30px);}
.initiatives-slider .slick-prev{left:auto; right:calc(50vw - 1630px/2 + 5rem + 30px);}

/* about */
.about-section .main-image-wrap{position: absolute; top:0; bottom:12.8rem; left:calc(50% + 15px); right:9.5rem;}
.about-section .second-image-wrap{z-index: 2;  margin-right:-2rem; margin-left:-0.8rem; margin-top:0.5rem;}
.about-section .second-image-wrap img{width: 100%; max-width: 100%;}
.about-section .third-image-wrap{z-index: 2; margin-top:4.25rem;}
.about-section .third-image-wrap img{width: 100%; max-width: 100%;}

.about-section .bg-shape-right{background: url("../img/bg-shape-about-red.svg") no-repeat left top; position: absolute; left:calc((50vw - 1630px/2) + 1630px*0.75); /*width:42.34rem; */ right:0; height:38.69rem; top:16.56rem;}
.about-section .bg-shape-left{background: url("../img/bg-shape-about-orange.svg") no-repeat right top; position: absolute; right:calc((50vw - 1630px/2) + 1630px*0.8333 - 2.5rem); width:37.19rem; height:27.5rem; bottom:-2.5rem;}

/* archive */
.sp-link-block {display:flex; align-items: flex-start; flex-wrap:wrap;}
.sp-link-block a{margin-right:3.5rem;}

.archive-section .row{display: flex; align-items: stretch;}
.archive-section .image-wrap{position: absolute;bottom:calc(var(--padding-normal) - var(--padding-large)); left:15px; right:15px; top:calc(-1px - var(--padding-normal) - var(--padding-large));}

/* resources */
.resource-featured > .row{display: flex; align-items: stretch; min-height: calc(1630px/3.2);}
.resource-featured > .row > [class*='col-']{display: flex; align-items: stretch;}
.resource-featured .image{width:100%;}
.resource-featured .title{transition: color 0.2s ease;}
.resource-featured .content{width:100%; background-color: var(--color-shadow-grey); padding:var(--padding-large) 2rem var(--padding-large) 4rem; transition:background 0.2s ease;}
.resource-featured .tags-listing a{background-color: var(--color-white);z-index: 3;}
.resource-featured .tags-listing a:hover, .resource-featured .tags-listing a:focus{background-color: var(--color-orange);}
.resource-featured:hover .content{background-color: var(--color-navy); color:var(--color-white);}

.resources-short-listing{margin-top:var(--padding-normal);}
.resources-short-listing .item{min-height: calc(1630px/3/1.618); padding:2.5rem 2rem; color:var(--color-white); overflow: hidden;}
.resources-short-listing .item.orange{background-color: var(--color-orange);}
.resources-short-listing .item.blue{background-color: var(--color-blue);}
.resources-short-listing .item.red{background-color: var(--color-red);}
.resources-short-listing .tags-listing{z-index: 3;}
.resources-short-listing .overlay{z-index: 4; position: absolute; top:0; left:0; width:100%; height:100%; transition: top 0.2s ease;}
.resources-short-listing .item:hover .overlay{top:-100%;}
.resources-short-listing + .all-link{margin-top:var(--padding-normal);}

.resources-section .bg-shape-right{ background: url("../img/bg-shape-resources-blue.svg") no-repeat left bottom; position: absolute; top:4rem; height:29.94rem; /*width:41rem;*/right:0; left:calc((50vw - 1630px/2) + 1630px*0.6666 - 4rem);}
.resources-section .bg-shape-left{ background: url("../img/bg-shape-resources-red.svg") no-repeat right bottom; position: absolute; bottom:21.25rem; height:32.81rem; width:37.38rem; right:calc((50vw - 1630px/2) + 1630px*0.8333 - 4rem);}

/* club */
.club-section{margin-top:var(--padding-large);}
.club-section .row{display: flex; align-items: stretch;}
.club-section .image{position: absolute; right:0; left:calc((50vw - 1630px/2) + 1630px*0.4166 - 15px); top:calc(-1px - var(--padding-large)); bottom:0;}

/* instagram */
.insta-listing .item img{width:100%; max-width: 100%;}

/* ************************* */
/* FOOTER					 */
/* ************************* */	
#footer{ background-color:var(--color-black); flex:0 0 auto; margin-top:auto;}

/* top */
.footer-top-wrap{padding-bottom:var(--padding-normal); border-bottom:1px solid #808080;}
.footer-top-wrap .row{display: flex; align-items: center;}

.footer-brand img{width:8rem; max-width: 100%;}

.signup-text .title{margin-bottom: 1rem;}

.signup-form .form-group{display: flex; align-items: center;}
.signup-form .form-group .input-wrap{flex-grow:1;}
.signup-form .form-control{border:0; border-bottom:1px solid var(--color-white); color:var(--color-white);}
.signup-form .input-label{color:#808080;}
.signup-form .input-label [class*='fa']{margin-right:0.87rem;}
.signup-form button{flex:none; border:0; width:3.5rem; height:3.5rem; background: var(--color-blue); margin-left:0.5rem; transition:background 0.2s ease;}
.signup-form button:hover, .signup-form button:focus{background-color: var(--color-orange);}

/* middle */
.footer-middle-wrap{padding-bottom:var(--padding-normal); padding-top:var(--padding-normal);  border-bottom:1px solid #808080;}

.contact-block{display: flex; align-items: flex-start;}
.contact-block .col{flex-grow:1; padding-right:2rem;}
.contact-block .col:last-child{flex-grow: 2;}
.contact-block .item+.item{margin-top:1rem;}
.contact-block .contact-label{margin-bottom:0.25rem; font-size: 0.62rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; color:#808080;}
.contact-block a{text-decoration: none;}
.contact-block a[href*='mailto']{word-break: break-all;}

.social-share{display: flex; align-items: center; flex-wrap:wrap;}
.social-share a{ text-decoration: none; display: flex; align-items: center; justify-content: center; width:2.5rem; height:2.5rem; border-radius:50%; border:1px solid var(--color-orange);}
.social-share a+a{margin-left:1rem;}
.social-share a:hover, .social-share a:focus{background-color: var(--color-orange); color:var(--color-white)!important;}

.site-map{display: flex; align-items: flex-start;}
.site-map .col{ flex-grow:1; padding-right:2rem;}
.site-map .col:nth-child(1){flex-basis:24%}
.site-map .col:nth-child(2){flex-basis:54%}
.site-map .col:nth-child(3){flex-basis:22%}
.site-map ul{padding:0; list-style-type: none; line-height: 1.2; margin-bottom:-1.3rem;}
.site-map ul li{margin-bottom:1.3rem;}
.site-map a{text-decoration: none;}
.site-map ul.two-cols{display: flex; align-items: flex-start; flex-wrap:wrap;}
.site-map ul.two-cols li{width:50%; padding-right:2rem;}

/* middle */
.footer-bottom-wrap{display: flex; align-items: flex-start; justify-content: space-between; padding-bottom:1rem; padding-top:1rem; color:#808080;}
.footer-bottom-wrap span+span:before{content: '|'; margin:0 1rem;}
.footer-bottom-wrap a{text-decoration: none;}

/* ************************* */
/* INTERNAL					 */
/* ************************* */
/* masthead */
.masthead-internal-section .bg-shape-right{background: url("../img/bg-shape-masthead-internal-red.svg") no-repeat left bottom; position: absolute; top:0; bottom:7rem; /*width:34rem;*/ right:0; left:calc((50vw - 1630px/2) + 1630px*0.75 + 2.5rem);}
.masthead-internal-section .bg-shape-left{background: url("../img/bg-shape-masthead-internal-orange.svg") no-repeat center top; position: absolute; bottom:0; top:10rem; width:28.75rem; right:calc((50vw - 1630px/2) + 1630px*0.9166);}

/* related */
.related-listing .item{background: transparent;}
.related-listing .item:hover{background-color: var(--color-white);}
.related-listing .item .tags-listing{z-index: 3; position: absolute; left:1rem; right:1rem; bottom:1rem;}

/* cta-section */
.cta-section .bg-shape-top{background: url("../img/bg-shape-cta-red.svg") no-repeat center top; position: absolute; top:0; width:27.62rem; height:14.25rem; right:calc((50vw - 1630px/2) + 1630px*0.9166 - 1.5rem);}
.cta-section .bg-shape-bottom-left{background: url("../img/bg-shape-cta-orange.svg") no-repeat center bottom; position: absolute; bottom:0; width:24.31rem; height:7.44rem; right:calc((50vw - 1630px/2) + 1630px*0.75 - 2.5rem);}
.cta-section .bg-shape-bottom-right{background: url("../img/bg-shape-cta-blue.svg") no-repeat left bottom; position: absolute; bottom:0; /*width:19.69rem;*/ right:0; height:7.44rem; left:calc((50vw - 1630px/2) + 1630px*0.9166 - 1rem);}

/* side-nav-new */
.side-nav-wrap{padding:0.8rem 1.5rem; background-color:var(--color-shadow-grey);}
.side-nav-wrap .sublevel{padding-left:2rem;}
.side-nav-wrap a{padding:0.66rem 2rem 0.66rem 0; font-size: 0.87rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.05em; text-decoration: none; display:block; }
.side-nav-wrap .sublevel-toggle{position: absolute; top:0; right:0; bottom:0; padding-right:0; line-height: 1.5; }
.side-nav-wrap .sublevel-toggle:focus{outline: 0;}
.side-nav-wrap .sublevel-toggle .fas{transition: transform 0.4s ease; letter-spacing: normal; }
.side-nav-wrap .sublevel-toggle[aria-expanded='true'] .fas{transform:rotate(135deg);}

.side-nav-wrap .item{border-bottom:1px solid var(--color-grey02);}
.side-nav-wrap > .item:last-child{border:0;}
.side-nav-wrap a{color:inherit;}
.side-nav-wrap a:hover, .side-nav-wrap a:focus{color:var(--color-orange);}
.side-nav-wrap .active a{color:var(--color-blue);}

/* cta-box */
.cta-box{padding:var(--padding-normal) 2rem;}
.cta-box .cta-link{ z-index:3;}
.cta-box.overlay-color-dark:hover:before{background-color:var(--color-navy); opacity: 0.8;}

/* ************************* */
/* ARCHIVE					 */
/* ************************* */
/* filter */
.archive-filter{padding:1.5rem; background-color: var(--color-shadow-grey);}
.archive-filter .inner-wrap{display: flex; align-items: center;}
.archive-filter .form-group{margin:0; flex-basis:33.33%;}
.archive-filter .form-group+.form-group{margin-left:1.5rem;}
.archive-filter .form-group.form-footer{flex-basis:0;}
.archive-filter .input-wrap{background-color: var(--color-white);}

/* archive listing */
.archive-listing .item{background: transparent; transition:box-shadow 0.2s ease}
.archive-listing .item:hover{background-color: var(--color-shadow-grey); box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);}
.bg-color-shadow-grey .archive-listing .item:hover{background-color: var(--color-white);}
.archive-listing .item .tags-listing{z-index: 3; position: absolute; left:1rem; right:1rem; bottom:1rem;}

.archive-listing .item .doc-type{font-size: 0.87rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; padding:0.5rem 0.5rem; line-height: 1; position: absolute; top:1rem; left:1rem; color:var(--color-white);}
.archive-listing .item .doc-type [class*='fa']{margin-right:0.5rem; font-size: 1rem;}
.archive-listing .item.type-video .doc-type{background-color: var(--color-red);}
.archive-listing .item.type-pdf .doc-type{background-color: var(--color-orange);}
.archive-listing .item.type-image .doc-type{background-color: var(--color-blue);}

/* details */
.doc-block{display: flex; align-items: stretch; background-color: var(--color-shadow-grey);}
.doc-block .image-wrap{width:69%; flex:none;}
.doc-block .image img{width:100%; max-width: 100%;}
.doc-block .image .area-link{text-decoration: none; font-size: 7.5rem; color:var(--color-white); display: flex; align-items: center; justify-content: center;}
.doc-block .image .area-link:hover, .doc-block .image .area-link:focus{background: rgba(38, 51, 81, 0.8); color:var(--color-orange);}

.doc-info-wrap{flex-grow:1; padding:3.5rem; background-color: var(--color-shadow-grey);}
.doc-info-wrap .doc-info-item+.doc-info-item{margin-top:1rem;}
.doc-info-wrap .doc-info-item .info-label{margin-bottom:0.25rem; color:var(--color-navy); font-weight: 700; font-size: 0.87rem; letter-spacing: 0.05em; text-transform: uppercase;}
.doc-info-wrap .doc-info-item .info-data{color:var(--color-grey);}
