/*
Theme: Australian Civil-Military Centre (ACMC)
Author: Inklab
Author URI: https://www.inklab.com.au/
*/

@font-face {
    font-family: 'NationalWeb'; src: url('../fonts/NationalWeb-Regular.woff2') format('woff2'), url('../fonts/NationalWeb-Regular.woff') format('woff'), url('../fonts/NationalWeb-Regular.ttf') format('truetype'), url('../fonts/NationalWeb-Regular.otf') format('opentype');
    font-weight: normal; font-style: normal;
}
@font-face {
    font-family: 'NationalWeb'; src: url('../fonts/NationalWeb-RegularItalic.woff2') format('woff2'), url('../fonts/NationalWeb-RegularItalic.woff') format('woff'), url('../fonts/NationalWeb-RegularItalic.ttf') format('truetype'), url('../fonts/NationalWeb-RegularItalic.otf') format('opentype');
    font-weight: normal; font-style: italic;
}
@font-face {
    font-family: 'NationalWeb'; src: url('../fonts/NationalWeb-Medium.woff2') format('woff2'), url('../fonts/NationalWeb-Medium.woff') format('woff'), url('../fonts/NationalWeb-Medium.ttf') format('truetype'), url('../fonts/NationalWeb-Medium.otf') format('opentype');
    font-weight: bold; font-style: normal;
}

@font-face {
    font-family: 'Swiss721'; src: url('../fonts/Swis721-Medium.woff2') format('woff2'), url('../fonts/Swis721-Medium.woff') format('woff'), url('../fonts/Swis721-Medium.ttf') format('truetype'), url('../fonts/Swis721-Medium.otf') format('opentype');
    font-weight: bold; font-style: normal;
}


html, body {
	margin: 0;
	padding: 0;
	font-size: 18px;
	font-size: calc( 16px + 5 * (100vw - 480px) / 1440 );
	font-family: 'NationalWeb', sans-serif;;
	font-weight: normal;
	color: #212121;
	min-width: 320px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #f5f6f8;
	line-height: 1.4;
}

html.noscroll, body.noscroll{ overflow: hidden; }

/**:focus { outline: none; }*/
/* *::selection{} */
/* *::-moz-selection{} */

/*--------------------------------------------------------- HTML TAGS */

a{ /*color: #f58714;*/ color: #0175A7; text-decoration: none; transition: all 0.4s ease 0s; }
a:hover{ /*color: #00263e;*/ transition: all 0.4s ease 0s; }

/*	.bg-lightstone a{ color: #0175A7; }
	.bg-navy a{ color: #fff; }*/

main a:hover{ text-decoration: underline; }
main aside a:hover{ text-decoration: none; }

a[href=""], a[href=""]:hover{ pointer-events: none; cursor: default; color: inherit; text-decoration: none; }

h1, h2, h3, h4, h5, .h1, .h2, .h3, .h4, .h5 {
	font-family: 'Swiss721', sans-serif;
	font-weight: bold;
	margin-top: 1rem;
	line-height: 1.15;
}
	h1, .h1{ /*font-size: 56px;*/ font-size: 3em; margin-bottom: 1rem; }
	h2, .h2{ /*font-size: 42px;*/ font-size: 2.25em; }
	h3, .h3{ /*font-size: 26px;*/ font-size: 1.4em; }
	h4, .h4, h5, .h5{ /*font-size: 16px;*/ font-size: 0.9em; text-transform: uppercase; }

	h1.small, .h1.small{ /*font-size: 42px;*/ font-size: 2.25em; }
	h2.small, .h2.small{ /*font-size: 26px;*/ font-size: 1.4em; }
	h2.smallcaps, .h2.smallcaps, h3.smallcaps, .h3.smallcaps{ font-size: 0.85em; text-transform: uppercase; }

	p.small{ font-size: 0.85em; }
	p.large, div.large{ /*font-size: 32px;*/ font-size: 1.8em; line-height: 1.2; }

	#block-acmc-content h1, #block-acmc-content h2, #block-acmc-content h3, #block-acmc-content h4, #block-acmc-content h5{
		margin-top: 1em; margin-bottom: 0.5em;
	}

	#block-acmc-content .node__content h2:first-child, #block-acmc-content .node__content h3:first-child{ margin-top: 0; }

div{ box-sizing: border-box; }

img, svg{ max-width: 100%; max-height: 100%; width: auto; height: auto; box-shadow: #000 0em 0em 0em; border: 0; transition: all 0.4s ease; }
img.block{ display: block; }
img.inline{ display: inline-block; vertical-align: baseline; }

hr { display: block; height:1px; width: 100%; margin: 40px 0; border: 0; border-bottom: 1px solid #212121; }

table { width: 100%!important; max-width:100%; table-layout: fixed; border: 0; border-collapse: collapse; border-spacing: 0; }
table.alignright, table.alignleft { width: auto; }
table tr{ border-bottom: 1px solid #e4e3d3; }
table th{ padding: 12px 12px; text-align: left; font-family: 'Swiss721', sans-serif; }
table td{ padding: 6px 12px; }
table td.is-active{ /*background-color: #f1f1e9; */ background-color: transparent; }

table th.views-field-type{ width: 20%; }

article .node__content table tr{ border: 0; }
article .node__content table th{ background-color: #e4e3d2; border: 1px solid #e4e3d2; } 
article .node__content table td{ border: 1px solid #e4e3d2; }

article.media.media--type-image{ display: inline-block; vertical-align: baseline; }

main{ width: 100%; overflow: hidden; }
iframe{ display: block; width: 100%; max-width: 100%; min-height: 320px; }
video{ display: block; width: 100%; max-width: 100%; min-height: 320px; height:auto; }

figure.embedded-entity, article.embedded-entity{ background: #e5e3d4; color: #212121; margin: 1em 0; max-width: 100%; }
	figure.embedded-entity img{ display: inline-block; vertical-align: middle; }
	article.embedded-entity video, article.embedded-entity iframe{ display:block; width: 100%; height: 100%; }

	.field.field--name-field-caption,
	figure.embedded-entity .field.field--name-field-caption,
	article.embedded-entity .field.field--name-field-caption,
	figure.embedded-entity.caption > figcaption,
	.field.field--name-field-description,
	figure.embedded-entity .field.field--name-field-description,
	article.embedded-entity .field.field--name-field-description,
	figure.embedded-entity.description > figcaption{ 
		display: block; background: #e5e3d4; margin: 0 0; padding: 8px 16px; color: #212121; font-size: 0.9em; 
	}



	p.note{ font-size: 0.9em; color: #767676;background: #ffffff; margin: 0; padding: 8px 16px; } 

figure.caption-img, figure.caption{  margin: 1em 0; }
figure.caption-img.caption{ background: #e5e3d4; margin: 1em 0;}
figure.caption-img.caption img{ width: 100%; display: inline-block; vertical-align: middle; }
figure.caption figcaption{ display: block; background: #e5e3d4; margin: 0 0; padding: 8px 16px; color: #212121; font-size: 0.9em; }

input[type="submit"], button{ color: #212121; border-radius: 0; -webkit-appearance: none; -webkit-border-radius:0px; }
input[type="search"]{ background: #FFF; color: #212121; }

ul, ol{ margin: 1em 0; }
li{ margin-bottom: 0.5em; }

ol.list--inline, ul.list--inline{ display: block;}
ol.list--inline li, ul.list--inline li{ display: inline-block; vertical-align: middle; margin-right: 1.5em; }

ul.list--block, ol.list--block{ display: block; list-style-type: none; list-style-image: none; padding: 0 0; margin: 0 0; }
ul.list--block li, ol.list--block li{ display: block; margin: 0.5em 0; padding: 0; }

/* pager */
nav.pager{ margin-top: 40px; }
nav.pager ul.pager__items{ margin: 1em 0; padding: 0; display: block; position: relative; }
nav.pager ul.pager__items .pager__item{ display: inline-block; vertical-align: middle; margin: 0 8px; padding: 0; }
nav.pager ul.pager__items .pager__item a{ color: #0175A7; line-height: 1; padding: 6px 6px; /*border: 1px solid;*/ display: block; text-decoration: none; }
nav.pager ul.pager__items .pager__item a:hover{ background-color: #0175A7; border-color: #0175A7; color: #fff; text-decoration: none; }

nav.pager ul.pager__items .pager__item.is-active a{ background-color: #0175A7; color: #fff; }
nav.pager ul.pager__items .pager__item.is-active a:hover{ pointer-events: none; cursor: default; }

/*--------------------------------------------------------- LAYOUT CONTAINER */

.group { zoom: 1; position: relative; box-sizing: border-box; }
.group::before, .group::after { content: ''; display: table; clear: both; } 
.unselectable { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

/* EDIT: GO FULL WIDTH */
.section { width: 100%; margin: 0 auto; clear: both; position: relative; box-sizing: border-box; }
.section .inner{ /*max-width: 1920px;*/ /*max-width: 1440px;*/ width: 100%; margin: 0 auto; position: relative; box-sizing: border-box; }

.section .inner > div{ max-width: 1680px; margin: 0 auto; }
.section--page--banner .inner .container-stack{ max-width: 100%;}
.section--page--banner .inner .container-stack .stack-absolute{}
.section--page--banner .inner .container-stack .stack-absolute.shadow,

.section--page--banner .inner .container-stack .stack-absolute.shadow{ background: rgba(0,0,0,0.55); }
.section--page--banner.shadow .inner .container-stack .stack-absolute{ background: rgba(0,0,0,0.55); }
.section--page--banner.shadow .breadcrumb ol{
    /*background: rgba(0,0,0,0.55); padding-right: 0.25em;*/
}
.section--page--banner.shadow h1 span,
.section--page--banner.shadow .summary span{
    background: rgba(0,0,0,0.55); display: inline-block; vertical-align: middle; padding-right: 0.25em;
}
.section--page--banner p.summary{ margin-bottom: 0; }


.section--page--banner .flex-container .flex-item{ margin: 0 auto 0 0; }
.section--page--banner .flex-container .flex-item .content{ max-width: 1680px; margin: 0 auto; box-sizing: border-box; }

/*.path-frontpage .section .inner > div{ max-width: 1680px; margin: 0 auto; }*/

/*--------------------------------------------------------- COLOURS */

.bg-white{ background-color: #fff; }
.bg-stone{ background-color: #e4e3d3; }
.bg-lightstone{ background-color: #f1f1e9; }
.bg-grey{ background-color: #767676; }
.bg-orange{ background-color: #f58714; color: #00263e; }
.bg-blue{ background-color: #00587c; color: #fff; }
.bg-navy{ background-color: #00263e; color: #fff; }

.bg-greygreen{ background-color: #74766B; color: #fff; }

.txt-white{ color: #fff; }
.txt-black{ color: #212121; }
.txt-grey{ color: #767676; }
.txt-orange{ color: #f58714; }

.txt-left{ text-align: left; }
.txt-right{ text-align: right; }
.txt-center{ text-align: center; }

.section--page--content .sidebar a.btn{
	/* display: inline-block; */
    /* vertical-align: middle; */
    display: block;
    text-align: center;
    padding: 0.6rem 1.8rem;
    background: #f58714;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.85em;
    line-height: 1em;
    text-decoration: none;
}
.section--page--content .sidebar a.btn:hover{
	background: #00577b;
	text-decoration: none;
}
/*--------------------------------------------------------- PATTERNS */

	.bg-shadow{ background-color: rgba(0,0,0,0.25); }
.bg-shadow-gradient{
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 100%);;
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 100%);;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.35) 20%,rgba(0,0,0,0.5) 40%,rgba(0,0,0,0.6) 100%);	
}
div.bg-header-ripple,
div.bg-header-ripple.bg-navy{
	background-repeat: no-repeat;
	background-image: url(../images/ACMC_LineGraphic_ripple_on_light_blue3_header.svg);
    /*background-image: url(../images/ACMC_LineGraphic_ripple_on_dark_blue-header.svg);*/
    background-size: cover;
    background-position: right;	
}
	.site-header.section .inner div.bg-header-shadow{
		background-image: url(../images/Splash-8sRGB_headercrop.png);
		background-repeat: no-repeat;
    	/*background-size: cover;*/
    	/*background-position: 92% 33%;*/
    	background-size: auto 100%;
    	background-position: 66% 50%;
	}
	#site-header.section .inner div.bg-header-shadow{ width: 100%; max-width: 100%; }
	
	
	.site-header.section.upscroll .inner div.bg-header-shadow{
	    background-position: 102% 33%;
	    background-size: contain;
	}
	.site-header.section .inner div.bg-header-shadow > div{
		/*max-width: 1440px;*/
		max-width: 1680px;
    	margin: 0 auto;
    	max-height: 136px;
	}
	.site-header.section .inner div.bg-header-shadow > div .content img{ max-height: 122px; display: block; }
	.site-header.section .inner div.bg-header-shadow #site-branding-1 .content img{ max-height: 88px; }
div.bg-banner-ripple,
div.bg-banner-ripple.bg-blue,
div.section--page--banner:not(#home-banner) .inner,
div.section--page--banner:not(#home-banner) .inner.bg-blue{
	background-image: url(../images/ACMC_LineGraphic_river_on_light_blue.svg);
    background-repeat: no-repeat;
    background-size: 110% auto;
    background-position: 10% 33%;
}
div.bg-banner-ripple.bg-stone,
div.section--page--banner:not(#home-banner) .inner.bg-stone{
	background-image: url(../images/ACMC_LineGraphic_river_on_beige.svg);
}
div.bg-banner-ripple.bg-navy,
div.section--page--banner:not(#home-banner) .inner.bg-nav{
	background-image: url(../images/ACMC_LineGraphic_river_on_dark_blue.svg);
}
	div.section--page--banner:not(#home-banner) .inner > .container-stack,
	.path-frontpage div.section--page--banner .inner > .container-stack{
	    background-image: url(../images/Splash-5sRGB_bannercrop.png);
	    background-repeat: no-repeat;
	    background-size: cover;
	    background-position: center bottom;
	    width: 100%; max-width: 100%;
	}
	div.section--page--banner .inner.bg-stone > .container-stack,
	.path-frontpage div.section--page--banner:not(#home-banner) .inner.bg-stone > .container-stack{
		background-image: url(../images/Splash-5sRGB_bannercrop2.png);
	}
div.bg-block-ripple,
div.bg-block-ripple.bg-blue{
	/*background-image: url(../images/ACMC_ripple2.svg);*/
    background-image: url(../images/ACMC_LineGraphic_ripple_on_light_blue2.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: right;
}
div.bg-block-ripple-shadow{
    background-image: url(../images/Splash-5sRGB_blockcrop-1.png);
    background-repeat: no-repeat;
    height: 100%; min-height: inherit;
    background-size: 100% 100%;
    background-position: bottom right;
}
#home-banner div.bg-block-ripple.bg-blue{ 
    background-size: auto 100%; 
    background-position: right -50% center;
}
#home-banner div.bg-block-ripple-shadow{ background-size: auto 100%; }
div.bg-block-ripple-shadow-2nd{
    background-image: url(../images/Splash-5sRGB_blockcrop-2.png);
    background-repeat: no-repeat;
    min-height: 100%;
    background-size: auto 100%;
   	background-position: bottom left;
}
div.bg-footer-ripple{}

/*--------------------------------------------------------- LAYOUT GRID */

.flex-container{
	width: 100%; max-width: 100%;
	height: 100%;
	min-height: inherit;
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	flex-direction: row;
	position: relative;
	box-sizing: border-box;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
}
	.flex-container.flex-wrap{ flex-wrap: wrap; }
	.flex-container.flex-reverse{ flex-direction: row-reverse; }	
	.flex-container.flex-center{ align-items: center; align-content: center; justify-content: center; }
	.flex-container.flex-end{ align-items: flex-end; align-content: flex-end; justify-content: flex-start; }
	.flex-container.flex-stretch{ align-items: stretch; align-content: flex-start; justify-content: stretch; }
	.flex-container.flex-edges{ align-items: center; align-content: space-between; justify-content: space-between; }

		/* note IE can't handle left/right padding on flex-item - ignores border-box */
		.flex-container .flex-item{
			display: block;
			flex-basis: auto;
			flex-grow: 0;
			flex-shrink: 0;
			position: relative;
			box-sizing: border-box;
			box-shadow: none;
			text-decoration: none;
			border: 0px none;
			margin: 0 0;
			padding: 0 0;
			max-width: 100%;
		}
	
			.flex-container .flex-item.flex-parts-100{ flex-basis: 100%; max-width: 100%; }
			.flex-container .flex-item.flex-parts-75{ flex-basis: 75%; max-width: 75%; }
			.flex-container .flex-item.flex-parts-50{ flex-basis: 50%; max-width: 50%; }
			.flex-container .flex-item.flex-parts-25{ flex-basis: 25%; max-width: 25%; }

			.flex-container .flex-item.flex-parts-60{ flex-basis: 60%; max-width: 60%; }
			.flex-container .flex-item.flex-parts-40{ flex-basis: 40%; max-width: 40%; }
			.flex-container .flex-item.flex-parts-20{ flex-basis: 20%; max-width: 20%; }

			.flex-container .flex-item.flex-parts-66{ flex-basis: 66.66%; /*calc( 100%/3*2 );*/ max-width: 66.66%; }
			.flex-container .flex-item.flex-parts-33{ flex-basis: 33.33%; /*calc( 100%/3 );*/ max-width: 33.33%; }

			.flex-container .flex-item.flex-parts-90{ flex-basis: 90%; max-width: 90%; }

			.flex-container .flex-item.flex-shrink.flex-parts-20{ flex-shrink: 1; flex-basis: auto; max-width: 20%; }
			.flex-container .flex-item.flex-shrink.flex-parts-25{ flex-shrink: 1; flex-basis: auto; max-width: 25%; }

			.flex-container .flex-item.flex-grow{ flex-grow: 1; width: auto; max-width: 75%; }		

			.flex-container .flex-item.flex-shrink.flex-parts-20 .content{}
			.flex-container .flex-item.flex-shrink.flex-parts-20 .content img{}

		.flex-container .flex-item.left{ text-align: left; }
		.flex-container .flex-item.right{ text-align: right; }
	
				
/*---------------------------------------------------------------------------*/
/*------------------------------------- WEBSITE STYLES - Page/block specific */
/*---------------------------------------------------------------------------*/
.site-header a{ color: inherit; text-decoration: none; }
.site-header .contextual a, .site-navigation .contextual a{ color: #212121!important; }
.site-header .menu-item, .site-header .menu-item.menu-item--expanded{ list-style: none; list-style-image: none!important; list-style-type: none!important; }
.site-header .content{ padding: 0 60px; }

.site-top ul.menu{
	display: inline-block; vertical-align: middle; margin: 0; padding: 0; /*font-size: 0.9em;*/ font-size: 1rem; font-weight: bold; height: 40px; line-height: 1.2;
}
.site-top ul.menu li a{
    padding: 0.4rem 4px; height: 40px; box-sizing: border-box;
}
.site-navigation ul.menu{
	display: block; margin: 0 0; padding: 0 0;
	font-weight: bold; line-height: 1.2;
}
	.site-top ul.menu > li{ display: inline-block; vertical-align: middle; margin: 0; padding: 0 0; }
	.site-top ul.menu > li:not(:last-of-type){ /*margin: 0 1rem 0 0;*/ margin: 0 1.4rem 0 0; }
	.site-top ul.menu a.is-active{ color: inherit; }
.site-navigation nav > ul.menu{ display: block; }
	.site-navigation nav > ul.menu > li{ display: inline-block; vertical-align: middle; margin: 0; padding: 0; }
	.site-navigation nav > ul.menu > li:not(:last-of-type){ margin: 0 1.4rem 0 0; }
		.site-navigation nav > ul.menu > li > a{ 
			display: block; /*padding: 1rem 4px;*/ padding: 0.4rem 4px; position: relative; 
			/*height: 60px;*/ height: 40px; box-sizing: border-box;
		}
		.site-navigation nav > ul.menu > li > a::after {
		    content: '';
		    display: block; background: transparent;
		    width: 100%; height: 3px;
		    position: absolute; bottom: 0; left: 0;
		}
		.site-navigation nav > ul.menu > li > a.is-active{
			color: #fff;
		}
		.site-navigation nav > ul.menu > li > a:hover{
			color: #212121;
			background: #f1f1e9;
		}


	.site-navigation nav > ul.menu > li > ul.menu{ 
		display: none; 
		position: absolute;
	    background: #f1f1e9;
	    width: 320px;
	    max-width: 320px; min-width: 260px;
	    margin: 0 0 0 -1.2rem;
	    padding: 0.6rem 1.6rem 1rem 1.6rem;
	    color: #212121;
	}
		nav > ul.menu,
		nav > ul.menu > li,
		nav > ul.menu > li > ul.menu,
		nav > ul.menu > li > ul.menu > li,
		nav > ul.menu > li > ul.menu > li > ul.menu,
		nav > ul.menu > li > ul.menu > li > ul.menu > li,
		nav > ul.menu > li.menu-item.menu-item--expanded,
		nav > ul.menu > li.menu-item.menu-item--expanded > ul.menu,
		nav > ul.menu > li.menu-item.menu-item--expanded > ul.menu > li,
		nav > ul.menu > li.menu-item.menu-item--expanded > ul.menu > li.menu-item.menu-item--expanded,
		nav > ul.menu > li.menu-item.menu-item--expanded > ul.menu > li.menu-item.menu-item--expanded > ul.menu
		nav > ul.menu > li.menu-item.menu-item--expanded > ul.menu > li.menu-item.menu-item--expanded > ul.menu li{
			list-style: none; 
	    	list-style-image: none;
	    	list-style-type: none; 
		}
		
		.site-navigation nav > ul.menu > li:hover > ul.menu,
		.site-navigation nav > ul.menu > li > ul.menu:hover{ display: block; }


		.site-navigation nav > ul.menu > li:hover > a::after,
		.site-navigation nav > ul.menu > li.menu-item--active-trail > a::after{ background: #f58714; }

		.site-navigation nav a.is-active{}
		.site-navigation nav > ul.menu > li a:hover{}

			/*.site-navigation nav > ul.menu > li > ul a{ color: #A65907; }
			.site-navigation nav > ul.menu > li > ul a.is-active,
			.site-navigation nav > ul.menu > li > ul a:hover{ color: #A65907; }*/

	.site-navigation nav > ul.menu > li ul{}
	.site-navigation nav > ul.menu > li ul li a{
		display: block;
		border-bottom: 1px solid #fff;
		margin: 0.6rem 0 0 0;
   	 	padding: 0 0 0.6rem 0;
	}
		.site-navigation nav > ul.menu > li ul li a:hover{
			color: #A65907;
		}

		.site-navigation nav > ul.menu > li ul li li{
			margin: 0 0;
			padding: 0 0;
			font-weight: normal;
		}
		.site-navigation nav > ul.menu > li ul li li a{
			margin: 0.6rem 0 0 0;
   			padding: 0 0 0.6rem 1.6rem;
		}
		.site-navigation nav > ul.menu > li ul li li li a{
			padding: 0 0 0.6rem 3.2rem;
		}

.site-header .boxshadow{ z-index: 1; box-shadow: 0px 4px 6px rgba(0,0,0,0.1); }

header .navigation.menu--top-main-menu > ul.menu{ margin: 0 0; }
header .navigation.menu--top-main-menu > ul.menu > li{ padding: 0; position: relative; }
header .navigation.menu--top-main-menu > ul.menu > li > a{ display: block; padding: 0.4rem 0; position: relative; }
	header .navigation.menu--top-main-menu > ul.menu > li:hover > a{ /*color: #f1f1e9;*/ }
	header .navigation.menu--top-main-menu > ul.menu > li:hover > a::after { background: #00243f; content: ''; display: block; z-index: 10; position: absolute; bottom: 0; height: 3px; width: 100%; }
	header .navigation.menu--top-main-menu > ul.menu > li:hover > ul{ display: block; z-index: 20; }

header .navigation.menu--top-main-menu > ul.menu > li > ul{ display: none; position: absolute; background: #f1f1e9; width: auto; min-width: 160px; max-width: 260px; left: -1.2rem; margin: 0 0; padding: 0.4rem 1.2rem; }
header .navigation.menu--top-main-menu > ul.menu > li > ul li{ color: #00243F; display: block; width:100%; border-bottom: 1px solid #fff; }
header .navigation.menu--top-main-menu > ul.menu > li > ul li a{ display: block; padding: 8px 1px; }
	header .navigation.menu--top-main-menu > ul.menu > li > ul li a:hover{ color: #A65907; }
.path-content-leadership-toolkit div#js--filter--display-toggle {
    display: none !important;
}

#site-header #site-branding-1 .content{ padding-right: 0; }
@media only screen and (min-width : 1681px){
    .site-header.section .inner div.bg-header-shadow > div{
        height: 130px;
    }
}

#site-header .site-logo-mobile.flex-item{ /*height: 66px;*/ height: 60px; display: none; margin-left: auto; }
#site-header .site-logo-mobile.flex-item .content{ height: inherit; }
#site-header.upscroll{ position: fixed; top: 0; width: 100%; left: 0; z-index: 200;}
	#site-header.upscroll .bg-responsive-upscroll{/* width: 66%;*/ background: transparent; position: absolute; bottom: 0; box-shadow: none; }
	#site-header.upscroll #site-navigation.flex-container.flex-edges{ padding-right: 33%; align-items: flex-start;  align-content: flex-start; justify-content: flex-start; }
	#site-header.upscroll #site-navigation #site-navigation-1.flex-item,
	#site-header.upscroll #site-navigation #site-navigation-2.flex-item{ flex-basis: auto; max-width: none; height: 60px; max-height: 60px; }
	#site-header.upscroll .site-navigation nav > ul.menu > li > a{ padding: 19px 0; }
	#site-header.upscroll .site-navigation nav > ul.menu > li > a::after{}
	#site-header.upscroll #site-navigation #site-navigation-2.flex-item .content{ padding-left: 0; }
	#site-header.upscroll #site-navigation #site-navigation-2.flex-item a.searchblock-toggle{ height: inherit; line-height: 54px; font-weight: bold; }
	#site-header.upscroll #site-branding{ height: 60px; }
	#site-header.upscroll #site-branding-1.flex-item, #site-header.upscroll #site-branding-2.flex-item{ display: none; }
	#site-header.upscroll .site-logo-mobile.flex-item{ display: block; }
	
	#site-header.upscroll .site-logo-mobile.flex-item{ height: 60px; }
	#site-header.upscroll .site-navigation nav > ul.menu > li > a{ height: 60px; }
	#site-header.upscroll .site-logo-mobile.flex-item img{ display: inline-block; vertical-align: middle; height: 60px; padding: 6px 0; box-sizing: border-box; }
	
	#site-header.upscroll a.searchblock-toggle span{ line-height: 60px; }
	#site-header.upscroll a.searchblock-toggle svg{ top:20px; }

	.site-header a.searchblock-toggle{ position:relative; color: #fff; display: inline-block; vertical-align: top; /*height: 60px;*/ height: 40px; padding: 0 4px; font-weight: bold; box-sizing: border-box; }
	.site-header a.searchblock-toggle svg{ fill: #fff; display: block; position: relative; /*top: 20px;*/ top: 11px; }
	.site-header a.searchblock-toggle span{ /*line-height: 60px;*/ line-height: 40px; display: inline-block; vertical-align: middle; }
		.site-header a.searchblock-toggle:hover{  color: #212121; background-color: #f1f1e9; }
		.site-header a.searchblock-toggle:hover svg{ /*fill: #f58714;*/ fill: #212121; }	
	
.site-header a.searchblock-toggle.opened{ color: #212121; height: 36px; }
	.site-header a.searchblock-toggle.opened svg{ fill: #212121; top: 11px; }
	.site-header a.searchblock-toggle.opened span{ line-height: 36px; }
		.site-header a.searchblock-toggle.opened:hover{ color: #A65907; }
		.site-header a.searchblock-toggle.opened:hover svg{ fill: #A65907; }


.site-header .upscrollbarnav{ z-index: 11; }
.site-header .searchblockdropdown{
	position: absolute;
    width: 100%;
    z-index: 10;
    min-height: 60px;
}

.site-header .searchblockdropdown h2,
.site-header .searchblockdropdown h3{
	font-size: 0.9em;
    font-weight: bold;
    text-transform: uppercase;
    /*color: #767676;*/
    color: #545454;
}

.site-header .searchblockdropdown .inner{ padding: 0.9rem 0; }
.region-header-search .search-block-form form,
.region-footer-search .search-block-form form{
	width: 100%;
	height: 100%;
	min-height: inherit;
	display: flex;
	flex: auto;
	flex-wrap: nowrap;
	flex-direction: row;
	position: relative;
	box-sizing: border-box;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	border: 1px solid #00273e;
	background: white;
}
.region-header-search .search-block-form form .form-item,
.region-footer-search .search-block-form form .form-item{
	display: block;
	flex-basis: auto;
	flex-grow: 1;
	flex-shrink: 0;
	position: relative;
	box-sizing: border-box;
	box-shadow: none;
	text-decoration: none;
	border: 0px none;
	margin: 0 0;
	padding: 1px 1px;
	max-width: 100%;
}
.region-header-search .search-block-form form .form-actions,
.region-footer-search .search-block-form form .form-actions{ padding: 1px 1px; }
.region-header-search .search-block-form form .form-item.form-actions,
.region-footer-search .search-block-form form .fomr-item.form-actions{ flex-basis: 40px; }

.region-header-search input[type="search"], .region-header-search input[type="submit"],
.region-footer-search input[type="search"], .region-footer-search input[type="submit"]{
    margin: 0;
    padding: 0px 14px;
    width: 100%;
    border: 0;
    border-radius: 0;
    height: 34px;
    line-height: 34px;
    background-color: #fff;
    display: block;
}
.region-header-search input[type="submit"],
.region-footer-search input[type="submit"]{
	color: transparent!important;
    background-image: url(../images/icon-search.svg);
    background-repeat: no-repeat;
    background-size: 17px 17px;
    background-position: center right 14px;
}

#site-header-mobile{ display: none; position: fixed; top: 0; z-index: 103; }
#site-header-mobile .flex-container .flex-item.site-navigation-1{ height: 52px; }
#site-header-mobile.site-header .content{ padding: 0 20px 0 40px; }

#site-header-mobile a.mobi-logo,
#site-header-mobile a.mobi-logo{ display:block; height: 44px; }
#site-header-mobile a.mobi-logo img{ height: inherit; }

	#site-header-mobile .site-branding-1 a.mobi-logo{ margin: 0px 20px 0px 0; border-right: 1px solid #fff; padding-right: 20px; }
	#site-header-mobile .site-branding-2 a.mobi-logo{ margin: 0px 0 0px 0; }
	/* top 72px, bottom 40px = 112px */
	#site-header-mobile #mobile-nav-container{}
	#site-header-mobile #mobile-nav-container .inner{ height: calc(100vh - 112px); overflow-y: auto; }
	#site-header-mobile #mobile-nav-container .inner > *{ height: 100%; }


	#mobile-nav-container ul.menu, #mobile-footer-nav-content ul.menu{ margin: 0 auto; }
	#mobile-nav-container ul.menu li a, #mobile-footer-nav-content ul.menu li a{ padding: 6px 1px; display: inline-block; vertical-align: baseline; font-weight: bold; padding-right: 60px!important; }
	#mobile-nav-container ul.menu a:hover{ color: #f58714;}
	#mobile-nav-container ul.menu a.is-active{ color: #f58714; }

	#mobile-footer-nav-content nav > ul.menu{ padding: 26px 0 1rem 0; }
	#mobile-footer-nav-content ul.menu li a{ color: #f58714; text-decoration: none; }
	#mobile-footer-nav-content ul.menu a:hover{ /*color: #ced4d9;*/ background: none; color: #f58714; text-decoration: underline; }
	#mobile-footer-nav-content ul.menu a.is-active{ color: #f58714; }
	
	#mobile-nav-container li.menu-item--expanded, #mobile-footer-nav-content li.menu-item--expanded{ position: relative; list-style: none; list-style-image: none; list-style-type: none; }
	#mobile-nav-container li.menu-item--expanded > a, #mobile-footer-nav-content li.menu-item--expanded > a{}
	#mobile-nav-container li.menu-item--expanded > a::after, #mobile-footer-nav-content li.menu-item--expanded > a::after{ width: calc( 100% - 60px)!important; }
	#mobile-nav-container li.menu-item--expanded .expand, #mobile-footer-nav-content li.menu-item--expanded .expand{ 
		display: block;
		background-image: url(../images/icon-collapse.svg);
		background-repeat: no-repeat;
		background-size: 12px auto;
		background-position: center; 
		position: absolute; top: 0; right: 0;
    	width: 34px; height: 34px;
    	cursor: pointer;
	}
		#mobile-footer-nav-content li.menu-item--expanded .expand:hover{}
	
		#mobile-nav-container li.menu-item--expanded.hidechildren > ul, #mobile-footer-nav-content li.menu-item--expanded.hidechildren > ul{ display: none;  }
		#mobile-nav-container li.menu-item--expanded.hidechildren .expand, #mobile-footer-nav-content li.menu-item--expanded.hidechildren .expand{ background-image: url(../images/icon-expand.svg); }
		

	#mobile-nav-container nav > ul.menu{ padding: 26px 0; }
	#mobile-nav-container nav > ul.menu > li, #mobile-footer-nav-content nav > ul.menu > li{ border-bottom: 1px solid #fff; }
	#mobile-nav-container nav > ul.menu > li > a, #mobile-footer-nav-content nav > ul.menu > li > a{ position: relative; }
		#mobile-nav-container nav > ul.menu > li.menu-item--active-trail > a, #mobile-footer-nav-content nav > ul.menu > li.menu-item--active-trail > a{}
		#mobile-nav-container nav > ul.menu > li.menu-item--active-trail > a::after, #mobile-footer-nav-content nav > ul.menu > li.menu-item--active-trail > a::after{ content: ''; display: block; width: 100%; height: 2px; background: #f58615; position: absolute; bottom: 0; }

		#mobile-nav-container nav > ul.menu > li ul li, #mobile-footer-nav-content nav > ul.menu > li ul li{ border-top: 1px solid #fff; }
		#mobile-nav-container nav > ul.menu > li ul li ul li, #mobile-footer-nav-contentr nav > ul.menu > li ul li ul li{}
			#mobile-nav-container nav > ul.menu > li ul li a, #mobile-footer-nav-content nav > ul.menu > li ul li a{ margin-left: 26px; }
			#mobile-nav-container nav > ul.menu > li ul li ul li a, #mobile-footer-nav-content nav > ul.menu > li ul li ul li a{ margin-left: 52px; font-weight: normal; }
		

.region-headernav-toggle{ color: #fff; display: block; width: 72px; height: 72px; }
	.region-headernav-toggle svg{ fill: #fff; display: block; width: 32px; height: 32px; /*padding: 4px;*/ padding: 20px; }
	.region-headernav-toggle svg .open{ display: block; }
	.region-headernav-toggle svg .close{ display: none; }
		.region-headernav-toggle.open{ color: #212121; background: #f1f1e9; }
			.region-headernav-toggle.open svg{ fill: #212121;}
			.region-headernav-toggle.open svg .open{ display: none; }
			.region-headernav-toggle.open svg .close{ display: block; }



.sidebar .block-menu{ margin-bottom: 40px; }
.sidebar .block-menu > ul.menu{ margin-bottom: 40px; /*border-bottom: 1px solid #767676;*/ padding-bottom: 20px; }
.sidebar .block-menu > ul.menu > li{ position: relative; }

.sidebar .block-menu ul.menu li a{ color: #0175A7; margin: 0 0; padding: 0.6rem 0 0.6rem 4px; display: block; }
.sidebar .block-menu ul.menu li a.is-active,
.sidebar .block-menu ul.menu li a:hover{ color: #fff; background-color: #0175A7; }
/* lvl2 */
.sidebar .block-menu > ul.menu > li > a{ font-weight: bold; border-bottom: 1px solid #f1f1e9; } 
.sidebar .block-menu > ul.menu > li ul.menu{ margin: 0 0; }
.sidebar .block-menu > ul.menu > li ul.menu li{} 
/* lvl3 */
.sidebar .block-menu > ul.menu > li ul.menu li a{ padding: 0.6rem 0 0.6rem 1.6rem; border-bottom: 1px solid #f1f1e9; }
/* lvl4 */
.sidebar .block-menu > ul.menu > li ul.menu > li ul.menu li a{ padding: 0.6rem 0 0.6rem 3.2rem; border-bottom: 1px solid #f1f1e9; }

.breadcrumb{ font-weight: normal; font-size: 0.9em; }
.breadcrumb ol{ display: inline-block; vertical-align: top; }
.breadcrumb li::before { content: ' \002f '; }
	.bg-blue .breadcrumb a, .breadcrumb a{ padding: 0 1px; color: #fff; text-decoration: underline; }
	.bg-blue .breadcrumb a:hover, .breadcrumb a:hover{ background: #fff; text-decoration: none; color: #0175A7; }
	.bg-stone .breadcrumb a{ color: #212121; text-decoration: underline; }
	.bg-stone .breadcrumb a:hover{ background: #212121; text-decoration: none; color: #e4e3d3; }


body main.hide--1 #block-addtoanybuttons,
body main.hide--1 .block-addtoany{ display: none; }

body.page-node-type-private-event #page-banner .region-breadcrumb{
    display: none;
}

/* hide 'reset your password' and other aciton links on login form */
.region-site-login-form > div.item-list,
.block-user-login-block > div.item-list{ display: none; }

ul.menu{ margin: 1rem 0; }
ul.menu li{ padding-top: 0; }

.site-footer{ font-size: 0.9em; }
.site-footer .content-container{ padding: 0 60px; }
.site-footer .content{ padding: 0.4rem 1rem 0.6rem 1rem; }
.site-footer .content.nopad{ padding: 0 1rem; }

.site-footer #site-footer-parts{ padding-top: 1rem; }
.site-footer #site-bottom{ padding-bottom: 1rem; }

.site-footer #site-footer-1 a, .site-footer #site-footer-1 a > img { display: inline-block; vertical-align: baseline; }

.site-footer h2{ /*font-size: 1em;*/ font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
.site-footer a, .site-footer ul.menu a, .site-footer ul.menu a.is-active{ padding: 0 1px; color: inherit; text-decoration: underline; }
.site-footer a:hover, .site-footer ul.menu a:hover,#site-footer-mobile a:hover{ /*color: #ced4d9;*/ text-decoration: none; background: #fff; color: #00263e; }
.optional-text-jv {    width: 55%;display: inline-block;vertical-align: top;margin-left: 20px;}
.jtfwemockuptext-image-box {width: 40%; display: inline-block;}
a.jtfwemockup_download {display: block;text-align: center;color: #686564;}
.other-optionls h3, .optional-text-jv-new h3 { color: #23408f;font-size: 27px;}
.content-container.left-container {padding-right: 10px !important;}
.other-optionls ul li, .optional-text-jv-new ul li {list-style: none; padding-left: 15px; position: relative;font-size: 15px;}
.optional-text-jv-new ul li{font-size:19px;} 
.other-optionls ul, .optional-text-jv-new ul {padding: 0;}
.other-optionls ul li:after, .optional-text-jv-new ul li:after {background: #000; left: 0;top: 9px;content: "";position: absolute;width: 7px;height: 7px;border-radius: 22px;
}
.site-footer #site-footer-4 .content{ padding-right: 70px; }
#site-footer-4 .backtotop{ position: absolute; top: 1rem; right: 0; }
#site-footer-4 .backtotop a{ display:block; fill: #f58714; padding: 2px 0; }
#site-footer-4 .backtotop a svg{ display: block; }
	#site-footer-4 .backtotop a:hover{ background: #f58714; }
	#site-footer-4 .backtotop a:hover svg{ fill: #fff; }

#site-footer-mobile{ display: none; position: fixed; bottom: 0; z-index: 103; }
#site-footer-mobile .inner{ padding: 0; }
#site-footer-mobile .content-container{}
#site-footer-mobile a{ color: #fff; }
#site-footer-mobile a svg{ fill: #fff; }
/*	#site-footer-mobile a:hover{ color: #767676; }
	#site-footer-mobile a:hover svg{ fill:#767676; }*/

	.region-site-footer-mobi-1 ul.menu{ list-style-type: none; margin: 0; padding: 0; display: block; }
	.region-site-footer-mobi-1 ul.menu li{ display: inline-block; vertical-align: middle; padding-top: 0;  margin-left: 12px; }
	/*.region-site-footer-mobi-1 ul.menu li:not(:last-of-type){ margin-right: 12px; }*/
	.region-site-footer-mobi-1 ul.menu li a{ display: block; padding: 10px 4px; }

	#site-footer-mobile .content{ padding: 0 10px; line-height: 1em; }

	#site-footer-mobile .flex-container .flex-item.nav-parts-block{ color: #fff; }
	#site-footer-mobile .flex-container .flex-item.nav-parts-block .mobinav-toggle{ display: block; width: 40px; height: 40px; }

	#site-footer-mobile .flex-container .flex-item.nav-parts-block svg{ fill: #fff; display: block; width: 32px; height: 32px; padding: 4px; }

		#site-footer-mobile .flex-container .flex-item.nav-parts-block svg .open{ display: block; }
		#site-footer-mobile .flex-container .flex-item.nav-parts-block svg .close{ display: none; }
			#site-footer-mobile .flex-container .flex-item.nav-parts-block.open{ background-color: #00263e; }
			#site-footer-mobile .flex-container .flex-item.nav-parts-block.open svg .open{ display: none; }
			#site-footer-mobile .flex-container .flex-item.nav-parts-block.open svg .close{ display: block; }

	#site-footer-mobile #mobi-footerbarnav-dropdown,
	#site-footer-mobile #mobi-searchblock-dropdown{ height: calc(100vh - 40px); overflow-y: auto; }

	#site-footer-mobile #mobi-footerbarnav-dropdown ul li,
	#site-footer-mobile #mobi-searchblock-dropdown ul li{ line-height: 1.2; *margin: 0 0; }

	#site-footer-mobile #mobi-searchblock-dropdown .block-views-blocksearch-popular-tags-block-popular-tags ul li{
		margin: 2px 8px 6px 0px;
	}

		#site-footer-mobile #mobi-footerbarnav-dropdown .content-container,
		#site-footer-mobile #mobi-searchblock-dropdown .content-container{ padding-top: 40px; padding-bottom: 40px; }

		#site-footer-mobile #mobi-footerbarnav-dropdown .content-container .content{ padding-top: 0.6rem; padding-bottom: 0; },
		#site-footer-mobile #mobi-searchblock-dropdown .content-container .content{ padding-top: 0.6rem; padding-bottom: 0.6rem; }
			#site-footer-mobile #mobi-footerbarnav-dropdown .content-container .content.border-bottom{ border-bottom: 1px solid #fff; padding: 0 0 26px 0; margin: 0 10px; }


html.safari-mobile-fix #site-footer-mobile-main,
html.safari-mobile-fix #mobi-searchblock-dropdown{
	bottom: 0px;
}
html.safari-mobile-fix #safari-mobile-gutter{
	position: fixed; bottom: 0px; height: 1px; width: 100%; z-index: 5;
}
html.safari-mobile-fix #site-footer-mobile #mobi-footerbarnav-dropdown .content-container, 
html.safari-mobile-fix #site-footer-mobile #mobi-searchblock-dropdown .content-container{
	padding-top: 44px;
}
html.safari-mobile-fix #site-footer-mobile .region-header-search{ background: #fff; }


.view-header.abs-float-right{
	position: relative;
    float: right;
	right: 0;
	top: -3rem;
}
.view-header.abs-float-right > a{
	display: inline-block;
	vertical-align: middle;
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 1rem;
	height: 2rem;
	line-height: 1.8rem;
	border-width: 1px;
	border-style: solid;
	color: #767676;
	border-color: #767676;
	box-sizing: border-box;
}
.view-header.abs-float-right > a:hover{ 
	/*color: #f58714; border-color: #f58714; */
	color: #fff; border-color: #fff;
	background-color: #767676;
	text-decoration: none;
}

.view-content.slider{ clear: both; /*width: calc(100% + 60px);*/ width: 100%; }
	.view-content.slider .views-row{
		/*width: 576px!important;*/
		width: calc((100vw - 120px - 1rem)/2)!important;
		min-width: 320px;
	    margin: 0 1rem 1rem 0;
	    height: 100%;
	   	display: inline-block;
    	vertical-align: top;
	}
	.view-content.slider .slick-slide,
	.view-content.slider .slick-slide > div{ height: 100%; }
		.view-content.slider .views-row article{
			width: 100%;
			height: 100%;
			box-sizing: border-box;
			background-color: #f1f1e9;
			padding: 1.4rem 1.8rem;
			overflow:auto;
		}
		.view-content.slider .views-row article .node__content{ margin: 1rem 0 0 0; }
		.view-content.slider .views-row article .field{ display: block; overflow: hidden; margin: 0 0 1rem 0; }
		.view-content.slider .views-row article h3, .view-content.slider .views-row article h2{ margin: 2px 0; }
		.view-content.slider .views-row article p{ margin: 0 0; }
		.view-content.slider .views-row article .field.field--name-field-article-date,
		.view-content.slider .views-row article .field.field--name-field-publication-authors{ margin-bottom: 1rem; }
		.view-content.slider .views-row article .field.field--name-field-media-image{ float: left; margin: 0rem 1.8rem 0.8rem 0; }
		.view-content.slider .views-row article .field.field--name-field-media-image img{ max-width: 180px; }

/*max:1680px*/
@media only screen and (min-width : 1681px){
    .view-content.slider .views-row{
        width: calc((1680px - 1rem)/2)!important;
    }
}

.view-content.without-slider{ clear: both; width: 100%; }
	.view-content.without-slider .views-row{
		flex-basis: 50%; width: 50%;
		flex-grow: 0; flex-shrink: 0;
	}	
	.view-content.without-slider .views-row:not(:last-of-type){ margin-right: 1rem; }
		.view-content.without-slider .views-row article{
			width: 100%;     
			height: 100%;
			box-sizing: border-box;
			background-color: #f1f1e9;
			padding: 1.4rem 1.8rem; 
		}
		.view-content.without-slider .views-row article .node__content{ overflow: hidden; }
		.view-content.without-slider .views-row article .field{ display: block; overflow: hidden; margin: 0 0 1rem 0; }
		.view-content.without-slider .views-row article h3{ margin: 0.4rem 0 0 0; }
		.view-content.without-slider .views-row article .field.field--name-field-media-image{ float: left; margin: 0.4rem 1.8rem 0.4rem 0; max-width: 180px; }
		.view-content.without-slider .views-row article .field.field--name-field-media-image a{ display: block; }
		.view-content.without-slider .views-row article .field.field--name-field-media-image img{ display: block; width: 100%; }


/* #D86E00 -> 3:1 */
.view-content.slider a, .view-content.without-slider a{ color: #0175A7; }
.view-content.slider a:hover, .view-content.without-slider a:hover{ color: #0175A7; text-decoration: underline; }

.view-content.slider h3 a, .view-content.without-slider h3 a,
.view-content.slider h2 a, .view-content.without-slider h2 a{ color: #D86E00; }
.view-content.slider h3 a:hover, .view-content.without-slider h3 a:hover,
.view-content.slider h2 a:hover, .view-content.without-slider h2 a:hover{ color: #D86E00; text-decoration: underline; }


.slider-wrapper, .filler-slider-wrapper{ margin: 2rem auto; }
.slider-nav-arrows{}
	.slider-nav-arrows .nav-arrow{ cursor: pointer; width: 50px; }
	.slider-nav-arrows .nav-arrow svg{ display: inline-block; vertical-align: middle; margin: 1rem 0; fill: #767676; transition: all 0.4s ease 0s; }
	.slider-nav-arrows .nav-arrow:hover svg{ fill: #fff; background-color: #767676;  transition: all 0.4s ease 0s; }

	.slider-nav-arrows .nav-arrow.slick-disabled{ cursor: default; pointer-events: none; opacity: 0.2; }


.path-search .view-filters, .path-search .view-header{ margin-bottom: 40px; }

.icon--container{ padding: 0 0 20px 0; }
.icon--content-type{
	display: block;
	position: relative;
	padding-left: 1.6em;
}
.icon--content-type::after{ font-family: FontAwesome; position:absolute; top:0; left:0; }
	.icon--content-type.icon--article::after,
	.icon--content-type.icon--endorsed_article::after,
	.icon--content-type.icon--media_release::after{
		content: "\f1ea";
	}
	.icon--content-type.icon--event::after{
		content: "\f073";
	}
	.icon--content-type.icon--gallery::after{
		/*content: "\f302";*/
		content: "\f03e";
	}
	.icon--content-type.icon--video::after{
		content: "\f144";
	}
	.icon--content-type.icon--podcast::after{
		content: "\f027";
	}
	.icon--content-type.icon--page::after{
		content: "\f15b";
	}

ul.profile-social-media-links{ 
	display: block;
	list-style-type: none;
	margin: 0; padding: 0;
}
ul.profile-social-media-links li{
	display: inline-block; vertical-align: middle;
	margin: 0; padding: 0;
}
	ul.profile-social-media-links li:not(:last-of-type){}
		ul.profile-social-media-links li a{
			display: inline-block; vertical-align: middle;
			background: #f58714;
			height: 28px;
			width: 28px;
			padding: 3px;
			margin-right: 4px;
    		border-radius: 50%;
		}
		ul.profile-social-media-links li a svg{}
		ul.profile-social-media-links li a:hover{
			background: #00577b;
		}


/* NODE / SITE PAGE */
.section--page--banner{}
#home-banner.section--page--banner{}
#page-banner.section--page--banner{}

	#home-banner.section--page--banner h1{
    font-size: 1em; margin: 0 0 1em 0;
}
/* note: need min height so that banner still shows during load  */
.section--page--banner .inner{ min-height: 280px; /*max-height: 500px;*/ overflow: hidden; }
	.section--page--banner .flex-container .flex-item .content{ padding: 40px 25% 60px 40px; margin: 0 auto; }
	/*.section--page--banner .field.field--name-thumbnail::after{
		content: '';
	    display: block;
	    width: 100%;
	    height: 100%;
	    position: absolute;
	    top: 0;
	    background: rgba(0,0,0,0.2);
	}*/
	
	#home-banner.section--page--banner .inner{ min-height: 500px; max-height: 740px; box-shadow: inset 0px 0px 12px rgba(0,0,0,0.1); }
	
	
	#home-banner .anchors{}
	#home-banner .anchors .btn-anchor{
	    position: relative; display: inline-block; vertical-align: middle; border: 1px solid #fff; color: #f58714; text-decoration: none;
	    /*text-transform: uppercase; font-size: 0.9em; line-height: 1.4; */
        line-height: 1; padding: 10px 32px 10px 32px; text-align: center;
        white-space: nowrap; display: block;
	}
	#home-banner .anchors .btn-anchor:hover{
	    cursor: pointer; text-decoration: none;
	    color: #00263e; border-color: #00263e; background-color: #f58714;
	}
	#home-banner .anchors .btn-anchor:not(:last-of-type){
	    margin-bottom: 1rem;
	}
	@media only screen and (max-width : 1780px){
	    #home-banner .anchors.large{ font-size: 1.6em; }
	}
	@media only screen and (max-width : 1340px){
	    #home-banner .anchors.large{ font-size: 1.45em; }
	}
	@media only screen and (max-width : 1180px){
	    #home-banner .anchors.large{ font-size: 1.3em; }
	    p.large, div.large{ font-size: 1.67em; }
	}
	@media only screen and (max-width : 1024px){
	    #home-banner .anchors .btn-anchor{ display: block; width: fit-content; clear: both; }
	}
	
	#home-section-publications{ padding-top: 40px; }
	#home-section-intro{ padding-top: 40px; }
	
	#home-section-welcome-heading{ padding-top: 40px; }
	#home-section-welcome{ padding: calc(40px + 2rem) 0; /*margin-top: calc(40px + 2rem);*/ background-position-y: -100%; }
	#home-section-welcome p{ margin-top: 0; }
	
	#home-section-welcome.inner > div { max-width: unset; }
	#home-section-welcome .field.field--name-field-caption{ display: none; }
	
	#home-section-welcome .video-btn{
	    color: #212121; border-color: #212121;
	}
	#home-section-welcome .video-btn:hover{
	    color: #00263e; border-color: #00263e; background-color: #f58714;
	}
	#home-section-publications h2{ color: #f58714; }
	
	#home-banner.section--page--banner{}
	#home-banner.section--page--banner .inner{}
	#home-banner.section--page--banner .inner > div{ max-width: unset; }
	#home-banner.section--page--banner .banner-v2-container{
	    position: relative; overflow: hidden;
	}
	#home-banner.section--page--banner .banner-v2-container img{ 
	    display: block;
	    width: 100%; max-width: unset;
	    min-height: 100%; height: auto; /*max-height: 740px;*/ max-height: unset;
	}
	#home-banner.section--page--banner .banner-v2-text{ padding: 40px 0; height: 100%; }
	#home-banner.section--page--banner .banner-v2-text .content-container{ height: 100%; }

	#home-video-lightbox{
		display: none;
		z-index: 104;
    	position: fixed;
    	top: 0;
    	left: 0;
    	width: 100vw;
    	height: 100vh;
    	background: rgba(0,0,0,0.8);
	}
	#home-video-lightbox .inner{ height: 100%; }
	#home-video-lightbox .inner .content{ padding: 20px 40px; min-width: 1020px; max-width: 100%; }
	#home-video-lightbox .inner .content article{}
	#home-video-lightbox .inner .content article video{ display: block; height: auto; min-width: 940px; max-width: 100%; }
	#home-video-lightbox .inner .content article .field--name-field-caption{ background: #000; padding: 4px 14px 14px 14px; }

	.video-btn, .box-btn, .banner-btn{
		transition: all 0.4s ease 0s;
		display: inline-block;
		vertical-align: middle;
		text-transform: uppercase;
		font-size: 0.9em;		
		line-height: 1.4;
		padding: 10px 32px 10px 32px;
		color: #fff;
		border: 1px solid #fff;
	}
	#home-video-lightbox .video-btn, .video-btn, .banner-btn{
		/*color: #00263E; border: 1px solid #00263E; background-color: #F58714;*/
		color: #FFF; border: 1px solid #FFF; background-color: transparent;
	}
	.video-btn:hover, .box-btn:hover, .banner-btn:hover{ cursor: pointer;  text-decoration: none; transition: all 0.4s ease 0s; }
	.video-btn svg{ display: inline-block; vertical-align: middle; transition: none; }
	.video-btn:hover svg{ transition: none; }
		.video-btn.video-btn-open{}
			.video-btn.video-btn-open:hover, .banner-btn:hover{ color: #00243f; background-color: #ffffff; text-decoration: none; }
		.video-btn.video-btn-close{ margin-top: 1rem; border-color: #e5e3d2; color: #e5e3d2; background-color: #000; }
			.video-btn.video-btn-close:hover{ border-color: #000; color: #000; background-color: #e5e3d2; text-decoration: none; }

	.box-btn.box-btn-close{ color: #e5e3d2; border-color: #e5e3d2; background-color: #00243f; }
	.box-btn.box-btn-close:hover{ color: #00243f; border-color: #00243f; background-color: #e5e3d2; }

/* CONTENT - CONTENT TYPE: PAGE */
.node__content > *{ display: block; margin: 1rem auto; }
.inner-content-container .node__content > *{ margin: 1rem auto 40px auto; }

.node__content .field.field--label-inline{ display: block; margin: 1rem auto; }
.node__content .field.field--label-inline > *{ display: inline-block; vertical-align: top; float: none; width: auto; }

.node__content .field.field--type-webform .field__label{ font-size: 1.4em; }
.node__content .field.field--name-field-contact-name.field--label-above .field__label{ font-size: 1.4em; margin-bottom: 16px; }

.node__content .field--name-field-contact-name,
.node__content .field--name-field-contact-phone,
.node__content .field--name-field-contact-email,
.node__content .field--name-field-contact-name.field--label-inline,
.node__content .field--name-field-contact-phone.field--label-inline,
.node__content .field--name-field-contact-email.field--label-inline{ margin: 0 0; }
.node__content .field--name-field-media-image-hero{ margin-bottom: 0; }


.field.field--name-field-event-dates, 
.field.field--name-field-event-registration-webform{ margin: 1em 0; }
.field.field--name-field-event-dates.field--label-above .field__label,
.field.field--name-field-event-registration-webform.field--label-above .field__label{ font-family: 'Swiss721', sans-serif; font-size: 0.9em; font-weight: bold; text-transform: uppercase; }
.field.field--name-field-event-dates.field--label-above .field__items{ color: #717171; }



.layout--view-template .field.field--name-field-title a{ color: #D86E00; }
.layout--view-template .field.field--name-field-publication-authors{ margin: 1em 0; }
.layout--view-template .field.field--name-field-publication-authors a{ /*color: #0175A7;*/ color: #0175A7; }
.layout--view-template .field.field--name-field-publication-authors a:hover{}

ul.inline li.node-readmore{ margin: 0; padding: 0 }
.node-readmore a{ display: inline-block; vertical-align: middle; color: #212121; border-color: #212121; font-size: 0.9em; font-weight: bold; padding: 0 1rem; height: 2rem; line-height: 1.8rem; border-width: 1px; border-style: solid; box-sizing: border-box; }
.node-readmore a:hover{ text-decoration: none; color: #0175A7; border-color: #0175A7;  }



.field.field--name-field-file-attachments, .field.field--type-file{ margin: 1em 0; }
.field.field--name-field-file-attachments table, .field.field--type-file table{ margin: 1em 0; }
.field.field--name-field-file-attachments table th,.field.field--name-field-file-attachments table td,
.field.field--type-file table th, .field.field--type-file table td{ border-left:0; border-right:0; }
.field.field--name-field-file-attachments table thead, .field.field--name-field-file-attachments table th,
.field.field--type-file table thead, .field.field--type-file table th{ display: none; }
.field.field--name-field-file-attachments table th:first-child,.field.field--name-field-file-attachments table td:first-child,
.field.field--type-file table th:first-child, .field.field--type-file table td:first-child{ width:75%; }
.field.field--name-field-file-attachments table th:last-child,.field.field--name-field-file-attachments table td:last-child,
.field.field--type-file table th:last-child, .field.field--type-file table td:last-child{ width:25%; /*text-align: right;*/ }

.field.field--type-file.field--name-field-media-video-file{ margin: 0 0; }

.section--page--content .content-container{ padding: 20px 60px 20px 60px; }
.section--page--content .content-container.nopad{ padding: 0px 60px 0px 60px; }
.section--page--content .inner-content-container{ padding: 20px 40px 40px 40px; }
	.section--page--content .inner-content-container .content{ padding: 20px 20px 40px 20px; }
	.section--page--content .inner-content-container .content.text{ /*padding-right: 80px;*/ max-width: 100%; max-width: 1100px; }
	.section--page--content .inner-content-container .flex-parts-100 > .content.text{ max-width: 100%; }

	.section--page--content .inner-content-container .content.text #block-acmc-content{ padding-right: 80px; }


	.section--page--content .inner-content-container .content.sidebar{ position: relative; margin-top: calc(20px + 1rem); border-top: 1px solid #c0c0c0; padding: 20px 0px 40px 0px; margin-left: 20px; margin-right: 20px; }
		.section--page--content .content.sidebar.sb2{ border-top: 0; }

		.section--page--content .content.sidebar h2{ font-size: 0.9em; font-weight: bold; text-transform: uppercase; color: #767676; }
		.section--page--content .content.sidebar .region > div:not(:last-of-type){ margin-bottom: 40px; }
		.section--page--content .inner-content-container .content.sidebar .region ~ .region{ margin-top: 40px; }

		.section--page--content .inner-content-container .content.sidebar.scrollanchor{ position: fixed; /*top: calc(20px + 1rem);*/ top: 0; width: calc(25% - 60px); max-width: 360px; }
		.section--page--content .inner-content-container .content.sidebar.scrollanchor.scrollfloor{ position: absolute; top: auto; bottom: 0; width: auto; }

	.section--page--content .inner-content-container .content.image{}
		.section--page--content .content.image img{ /*margin: 1rem 0; border: 1px solid #767676;*/ display: block; }


main.templ-pg-group #block-acmc-content .content-container{ padding: 20px 0; }

#featured-preview-image .content.image ~ .content.image{ padding-top: 0; }
#featured-preview-image .content.image{ padding-bottom: 20px; }


aside .views-field.views-field-field-publication-authors a:hover{ text-decoration: underline; }

.section--page--content .item--cascade-height .region,
.section--page--content .item--cascade-height .block,
.section--page--content .item--cascade-height .view,
.section--page--content .item--cascade-height .view > .flex-container.view-content,
.section--page--content .item--cascade-height .view > .flex-container.view-content > .flex-item,
.section--page--content .item--cascade-height div:not([class]){ height: 100%; }

/* CONTENT - CONTENT TYPE: VIEW PAGE */
.section--view--content .content-container{ padding: 40px 60px 40px 60px;  }
.section--view--content .content-container.nopad{ padding: 0px 60px 0px 60px; }
.section--view--content .content-container .inner-content-container{ padding: 1rem 40px 1rem 40px;}

.section--view--content .content-container .content{ padding: 20px 20px 20px 20px; }
.section--view--content .content-container .content.text{}
.section--view--content .content-container .content.image{ padding-right:40px; padding-left: 0; }
.section--view--content .content-container .content img{ display:block; margin: 0 0; /*border: 1px solid #767676;*/ }

.section--view--content .content-container article{ display: block; height: calc(100% - 1.4rem); margin-bottom: 1.4rem; }
.section--view--content #block-acmc-content .content-container article h3,
.section--view--content #block-acmc-content .content-container article h2,
.section--view--content #block-acmc-content .content-container article .h3{ margin-top: 0; }


.section--view--content .content-container article > .node__content{ padding: 1rem 40px 1rem 40px; background: #fff; }
.section--view--content .content-container article > .node__content .field.field--name-body{ margin-bottom: 1.4rem; }
.section--view--content .content-container article > .node__content .field.field--name-field-institution-tags{ margin-bottom: 1.4rem; }
.js--filter--display-mode .flex-item.flex-parts-50 article.node--type-training-course .field--name-body.field--type-text-with-summary,
.js--filter--display-mode .flex-item.flex-parts-50 article.node--type-page .field--name-body.field--type-text-with-summary{ display: block }

.layout--view-block .view-filters{ padding-bottom: 1.4rem; /*border-bottom: 1px solid #f1f1e9;*/ margin-bottom: 1.4rem; }
.layout--view-block .view-content.flex-container{}
.layout--view-block .view-content.flex-container .flex-item{}
.layout--view-block .view-content.flex-container .flex-item article{ padding: 1rem 40px 1rem 40px; background: #f1f1e9; /*border: 1px solid #212121;*/ margin-bottom: 1.4rem; }
.layout--view-block .view-content.flex-container .flex-item article .node__content .field{ margin: 0 0; }
.layout--view-block .view-content.flex-container .flex-item article .node__content .field.field--name-field-topic-tags{ margin-top: 1rem; }
.layout--view-block .view-content.flex-container .flex-item article .node__content .field.field--name-body{ margin: 1rem 0; }
.layout--view-block .view-content.flex-container .flex-item article a{ color: #212121; }
.layout--view-block .view-content.flex-container .flex-item article a:hover{ color: #0175A7; border-color: #0175A7; }


.layout--view-block.view-course-listing article h2, .layout--view-block.view-course-listing article h3{}
.layout--view-block.view-course-listing .view-content.flex-container .flex-item article a{ color: #0175A7; }
.layout--view-block.view-course-listing .view-content.flex-container .flex-item article a:hover{ text-decoration: underline; }
.layout--view-block.view-course-listing .view-content.flex-container .flex-item article h2 a, .layout--view-block.view-course-listing .view-content.flex-container .flex-item article h3 a{ color: #D86E00; }
.layout--view-block.view-course-listing .view-content.flex-container .flex-item article h2 a:hover, .layout--view-block.view-course-listing .view-content.flex-container .flex-item article h3 a:hover{ color: #D86E00; }

.layout--view-block.view-job-listing .view-content.flex-container .flex-item article a{ color: #0175A7; }
.layout--view-block.view-job-listing .view-content.flex-container .flex-item article a:hover{ text-decoration: underline; }
.layout--view-block.view-job-listing .view-content.flex-container .flex-item article h2 a, .layout--view-block.view-job-listing .view-content.flex-container .flex-item article h3 a{ color: #D86E00; }
.layout--view-block.view-job-listing .view-content.flex-container .flex-item article h2 a:hover, .layout--view-block.view-job-listing .view-content.flex-container .flex-item article h3 a:hover{ color: #D86E00; }

.layout--view-block.view-job-listing article h2, .layout--view-block.view-job-listing article h3{ margin-top: 8px; margin-bottom: 0; }
.layout--view-block.view-job-listing  .view-content.flex-container .flex-item article .node__content .field.field--name-field-submission-closing-date{ margin-bottom: 8px; }

aside .view-course-sidebar-listing .field-content{ margin-bottom: 8px; }
aside .view-course-sidebar-listing a{ color: #0175A7; }
aside .view-course-sidebar-listing a:hover{ text-decoration: underline; }

.layout--publication .section--page--content .content.image img{ border: 1px solid #e4e3d3; }

/* .section--view--content  */
/*.js--filter--display-mode .flex-item.flex-parts-50:nth-of-type(2n+1) article{ margin-right: 0.8rem; }
.js--filter--display-mode .flex-item.flex-parts-50:nth-of-type(2n+2) article{ margin-left: 0.8rem; }*/
.js--filter--display-mode .flex-item.flex-parts-50.n1 article{ margin-right: 0.8rem; }
.js--filter--display-mode .flex-item.flex-parts-50.n2 article{ margin-left: 0.8rem; }

.js--filter--display-mode .flex-item.flex-parts-50 article .preview-image{ /*display: none;*/  max-width: 33%; flex-basis: 33%; }
.js--filter--display-mode .flex-item.flex-parts-50 article .preview-image .content.image{ padding-right: 20px; }
.js--filter--display-mode .flex-item.flex-parts-50 article .node__content{ flex-basis: 66%; max-width: 100%; }

.js--filter--display-mode .flex-item.flex-parts-50 article .field--name-field-publication-authors{ margin-bottom: 1.4rem; }
.js--filter--display-mode .flex-item.flex-parts-50 article .field--name-body.field--type-text-with-summary{ /*display: none;*/ }

#block-acmc-content .js--filter--display-mode > h3,
#block-acmc-content .js--filter--display-mode > h2{ background: white; color: #D86E00; flex-basis: 100%; margin: 1rem 0; padding: 1rem 1.8rem; }

@media only screen and (min-width : 1280px){
	.js--filter--display-mode .flex-parts-100 article .flex-parts-33{ flex-basis: 25%; }	
}
@media only screen and (min-width : 1026px){
	.js--filter--display-mode .flex-item.flex-parts-50 article .field--name-field-job-title.h2{ font-size: 1.4em; }
}

.js--filter--display-toggle{ margin-bottom: 1.4rem; }
.js--filter--display-toggle .display-toggle{ display: inline-block; vertical-align: middle; /*fill: #D86E00;*/ transition: border-color 0.4s ease; border: 2px solid #f1f1e9; fill: #404040; }
.js--filter--display-toggle .display-toggle.active{ fill: #404040; border: 2px solid #404040; }

.js--filter--display-toggle .display-toggle:hover{ cursor: pointer; fill: #D86E00; transition: border-color 0.4s ease; }
.js--filter--display-toggle .display-toggle.active:hover{ border-color: #D86E00; }

.js--filter--display-toggle .display-toggle:not(:last-of-type){ margin-right: 1rem; }
.js--filter--display-toggle .display-toggle svg{ display: block; padding: 2px; }

/*  FIELDS - FIELD NAME */
.field .field__label{}
.field .field__items{}
.field .field__items .field__item{}
.field .field__items .field__item article{}


.field.field--name-field-related-content > .field__items.flex-container{}
.field.field--name-field-related-content > .field__items.flex-container > .field__item.flex-item{ flex-basis: 25%; width: 25%; }
.field.field--name-field-related-content > .field__items.flex-container > .field__item.flex-item article{}

.field.field--name-field-attachment{ line-height: 1.2; }

.text-feat-grey, .field--name-field-article-date, .views-field-field-article-date{ font-weight: bold; color: #767676; }
.field--name-field-publication-authors .field__label{ font-size: 1em; font-weight: bold; color: #212121; }

.field--name-field-publication-authors .field__label{ text-transform: uppercase; font-size: 0.9em; }

.media--view-mode-hero img{ display: block; }
/*
.media--view-mode-hero .field.field--name-field-caption{ display: block; position: absolute; width: 100%; z-index: 2; bottom: 0; color: #767676; padding: 0.4rem 0.8rem; text-align: right; }
*/

/* GALLERY */
.slider-container{ max-width: 1100px; position: relative;  }
.slider-container .field__item{ padding: 0.4rem 12px; }
article.embedded-entity .media--type-image-gallery .field.field--name-field-media-image-1{ width:100%; background-color: #e5e3d2; /*background-color: #f1f1e9;*/ }
.field.field--name-field-media-image-1 a{ display: block; }

.gallery-slider .slick-list{}
.gallery-slider .slick-track{ display: flex; flex-wrap: nowrap; justify-content: center; align-items: center; align-content: center; }
.gallery-slider .slick-list .slick-track .slick-slide{}
.gallery-slider .slick-list .slick-track .slick-slide:not(.slick-current){}
.gallery-slider .slick-list .slick-track .slick-slide:not(.slick-current) img{}

.gallery-slider{ max-width: 1100px; background-color: #e5e3d2; }
.gallery-slider .gallery-slide{ text-align: center; background-color: #e5e3d2; }
.gallery-slider .gallery-slide img{ display: inline-block; vertical-align: middle; width: auto; }

.gallery-slider .gallery-slide .slide-caption{ font-size: 0.9em; padding: 0.4rem 12px; background-color: #e5e3d2; }
.gallery-slider .gallery-slide .slide-caption.flex-container{ display: flex; }


.slider-container .gallery-slider-nav{ position: relative; }
.slider-container .gallery-slider-nav img{ display: inline-block; vertical-align: middle; max-height: 180px }
.slider-container .gallery-slider-nav .slick-slide{ background-color: #000; }
.slider-container .gallery-slider-nav .slick-slide:not(.slick-current){}
.slider-container .gallery-slider-nav .slick-slide:not(.slick-current) img{ opacity: 0.5; transition: opacity 0.4s ease; }
.slider-container .gallery-slider-nav .slick-slide:not(.slick-current):hover img{ opacity: 1; transition: opacity 0.4s ease; }

.slider-container .field.field--name-name{ background-color: #e5e3d2; }
.slider-container .gallery-request{ padding: 0.4rem 12px; }

.slider-container .slider-nav-arrows{  z-index: 102; position: initial; width: 100% }
	.slider-container .slider-nav-arrows .nav-arrow{ margin: 0 12px; position: absolute; top: 35%; height: 66px; z-index: 102; }
	.slider-container .slider-nav-arrows .nav-arrow.prev{ left: 0; }
	.slider-container .slider-nav-arrows .nav-arrow.next{ left:auto; right: 0; }
.slider-container .slider-nav-arrows .nav-arrow svg{ fill: #00243f; margin: 0.4rem 0; background: #e5e3d2; }
.slider-container .slider-nav-arrows .nav-arrow:hover svg{ fill: #e5e3d2; background-color: #00243f; }

.gallery-lightbox-modal{ display:none; z-index: 104; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0,0,0,0.8);; }
.gallery-lightbox-modal .gl-inner{ position: relative; height: 100%; }
.gallery-lightbox-modal .gl-inner .gl-content{ max-height: 96%; max-width: 96%; margin: 0 auto; }
.gallery-lightbox-modal .gl-inner .gl-content img{ display: block; }
.gallery-lightbox-modal .gl-inner .gl-content .gl-caption{ background-color: #e4e3d3; font-size: 0.9em; text-transform: uppercase; padding: 0.4rem 12px; }
.gallery-lightbox-modal .gl-inner .gl-toggle{ position: absolute; top: 0; right: 2%; }


/* VIEW PAGE - class added via template */
.layout--view-template .view-filters{}

.layout--view-template .view-content{}
.layout--view-template .view-content .views-row{}
.layout--view-template .view-content .views-row article{}
.layout--view-template .view-content .views-row.flex-parts-100 article h2,
.layout--view-template .view-content .views-row.flex-parts-100 article h3{ max-width: 75%; }
.layout--view-template .view-content .views-row article .node__content > *{ margin: 0 0; }

.layout--view-template .field--name-body.field--type-text-with-summary{ margin-bottom: 1.4rem; }
.layout--view-template .field--name-body.field--type-text-with-summary p{ margin-bottom: 0; }

.layout--view-template.view-taxonomy-term .h2{ font-size: 1.4em; margin-top: 0; margin-bottom: 0.5em; display: inline-block; vertical-align: baseline; }


/* BLOCK */
#block-acmc-local-tasks nav.tabs{}
	#block-acmc-local-tasks ul.tabs{
		margin: 0 0;
   	 	/*border-bottom: 1px solid #f69235;*/
   	 	border-bottom: 1px solid #c0c0c0;
	} 
		#block-acmc-local-tasks ul.tabs li{
			margin: 0 0;
		    border: 1px solid #c0c0c0;
		    border-bottom: 0;
		    border-radius: 6px 6px 0 0;
		}
		#block-acmc-local-tasks ul.tabs li.is-active{
			border-bottom: 1px solid #fff;
    		margin-bottom: -1px;
		}
			#block-acmc-local-tasks ul.tabs li a{ border-radius: 6px 6px 0 0; }
			#block-acmc-local-tasks ul.tabs li a:hover{ color: #00243f; background-color: #c0c0c0; text-decoration: none; }
			#block-acmc-local-tasks ul.tabs li a.is-active{ background-color: transparent; }


.block-social-media-links ul.social-media-links--platforms{}
.block-social-media-links ul.social-media-links--platforms li{
	display: inline-block;
	vertical-align: middle;
    padding: 0 0; margin: 0 0;
}
	.block-social-media-links ul.social-media-links--platforms li a{
		display: block;
	    width: 24px; height: 24px;
	    fill: #fff; color: #fff;
	    background: #f58714;
	    border: 1px solid #f78700;
	    padding: 3px;
	    margin: 0px 4px 6px 2px;border-radius: 0;
	    transition: background 0.4s ease 0s;
	}
		.block-social-media-links ul.social-media-links--platforms li a:hover{
			fill: #f58714; color: #f58714; background: #fff;
			transition: background 0.4s ease 0s;
		}
		.block-social-media-links ul.social-media-links--platforms li a svg{
			display: block;
		    width: auto;
		    height: 100%;
		    margin: 0 auto;
		}

	.addtoany_list.a2a_kit_size_32 a > span{ border-radius: 0; }


#block-addtoanybuttons .addtoany_list a span{ transition: all 0.4s ease 0s; }
#block-addtoanybuttons .addtoany_list a span svg{ fill: #fff; border: 1px solid; display: block; }
#block-addtoanybuttons .addtoany_list a span svg path{ fill: inherit; }

#block-addtoanybuttons .addtoany_list a:hover span{
	/*background-color: #f58615!important;*/
	background-color: #fff!important; opacity: 1; transition: all 0.4s ease 0s;
}
	#block-addtoanybuttons .addtoany_list a:hover span svg{ fill: #0075A5!important; }


.view-display-id-block_content_related{ margin: 2rem auto; }
.view-display-id-block_content_related .views-field, 
.view-display-id-block_content_related .field-content {
    height: 100%;
}

.view-display-id-block_content_related a{ color: #00587c; }
.view-display-id-block_content_related a:hover{ color: #00587c; text-decoration: underline; }

.view-display-id-block_content_related article{ 
    padding-bottom: 1rem;
    padding-right: 1rem;
    height: 100%;
    box-sizing: border-box;
}
/*	.view-display-id-block_content_related .related-content-container{ height: 100%; padding: 20px 20px; }
		.view-display-id-block_content_related .related-content-container .content{ padding: 0 20px; }
		.view-display-id-block_content_related .related-content-container .content.text{ padding: 0 20px 1rem 20px; }
		.view-display-id-block_content_related .related-content-container .content.image{}
		.view-display-id-block_content_related .related-content-container .content.image img{ margin-bottom: 0; }
*/

.view-display-id-block_content_cattags .view-row,
.view-display-id-block_content_cattags .view-content,
.view-display-id-block_content_cattags .views-field,
.field--name-field-tags,
.field--name-field-topic-tags,
.field--name-field-audience-tags{
	margin: 0; padding: 0; display: inline-block; vertical-align: middle;
}

.block-views-blocksearch-popular-tags-block-popular-tags{
	margin: 1.8rem 0 0.9rem 0;
}

.view-display-id-block_content_cattags .views-field ul,
.block-views-blocksearch-popular-tags-block-popular-tags ul,
.field--name-field-tags .field__items,
.field--name-field-topic-tags .field__items,
.field--name-field-audience-tags .field__items{
	font-size: 0.8em; text-transform: uppercase; color: #767676;
	list-style-type: none; margin: 0; padding: 0; display: inline-block; vertical-align: middle;
}
.view-display-id-block_content_cattags .views-field ul li,
.block-views-blocksearch-popular-tags-block-popular-tags ul li,
.field--name-field-tags .field__items .field__item,
.field--name-field-topic-tags .field__items .field__item,
.field--name-field-audience-tags .field__items .field__item{
	margin: 2px 8px 6px 0px; padding: 0; display: inline-block; vertical-align: middle;
	flex-basis: auto!important; width: auto!important; font-size: 14px;
}
.view-display-id-block_content_cattags .views-field ul li a,
.block-views-blocksearch-popular-tags-block-popular-tags ul li a,
.field--name-field-tags .field__items .field__item a,
.field--name-field-topic-tags .field__items .field__item a,
.field--name-field-audience-tags .field__items .field__item a{
	/*color: #767676;*/ /*border-color: #767676;*/
	color: #545454; border-color: #545454; text-decoration: none;
	display: block; padding: 2px 6px; border-width: 1px; border-style: solid;
}
	.block-views-blocksearch-popular-tags-block-popular-tags ul li a:hover{
		/*color: #f58714;*/ /*border-color: #f58714;*/
		background-color: #545454; color: #F1F1E9; text-decoration: none;
	}

	.site-footer .block-views-blocksearch-popular-tags-block-popular-tags ul li a{
		color: #fff; border-color: #fff;
	}
	.site-footer .block-views-blocksearch-popular-tags-block-popular-tags ul li a:hover{
		color: #00263e; border-color: #fff; background-color: #fff;
	}

.view-display-id-block_content_cattags .views-field ul li a:hover,
.field--name-field-tags .field__items .field__item a:hover,
.field--name-field-topic-tags .field__items .field__item a:hover,
.field--name-field-audience-tags .field__items .field__item a:hover{
	/*color: #f58714;*/ /*border-color: #f58714;*/
	background-color: #545454; color: #FFF;
}

#block-views-block-content-entity-render-block-content-featured-static .contextual, 
#block-views-block-content-entity-render-block-content-featured .contextual,
#block-views-block-content-entity-render-block-content-featured-static *[data-contextual-id], 
#block-views-block-content-entity-render-block-content-featured *[data-contextual-id]{
	display: none!important;
	z-index: -1!important;
}


.view-display-id-block_content_featured .views-field,
.view-display-id-block_content_featured_static .views-field{ height: 100%; }
.view-display-id-block_content_featured .views-field .field-content,
.view-display-id-block_content_featured_static .views-field .field-content{ height: 100%; }
.view-display-id-block_content_featured .views-field .field-content article,
.view-display-id-block_content_featured_static .views-field .field-content article{ 
	height: 100%; box-sizing: border-box; 
	background-repeat: no-repeat;
	background-size: cover;
	background-position: top center;
	min-height: 430px;
	z-index: 10;
}
.view-display-id-block_content_featured .views-field .field-content .bg-shadow,
.view-display-id-block_content_featured_static .views-field .field-content .bg-shadow{
	height: 100%; box-sizing: border-box; min-height: 430px; 
}
.view-display-id-block_content_featured .views-field .field-content h2,
.view-display-id-block_content_featured .views-field .field-content h3,
.view-display-id-block_content_featured_static .views-field .field-content h2,
.view-display-id-block_content_featured_static .views-field .field-content h3{
	margin: 0 0;
}

.view-display-id-block_content_featured .views-field .content-container,
.view-display-id-block_content_featured_static .views-field .content-container{
	padding: 20px 60px 40px 60px;
}
.view-display-id-block_content_featured .views-field .content-container.nopad,
.view-display-id-block_content_featured_static .views-field .content-container.nopad {
    padding: 0px 60px 0px 60px;
}
.view-display-id-block_content_featured .views-field a,
.view-display-id-block_content_featured .views-field a:hover{ color: #fff; text-decoration: none; }

.view-display-id-block_content_featured_static .views-field a,
.view-display-id-block_content_featured_static .views-field a:hover{ color: #fff; text-decoration: none; }


.view-display-id-block_banner_image img,
.view-display-id-block_banner_image_home img{
	display: block;
	/*width: 100%;*/
	min-width: 100%;
	max-width: none;
    width: auto;
    max-height: 100%;
    height: auto;
    max-height: none;
}
.section--page--banner .container-stack{ position: relative; height: 100%; min-height: inherit; max-height: inherit; overflow: hidden; }
.section--page--banner .container-stack .stack-absolute{ position: absolute; top: 0; height: 100%; width: 100%; }



#block-views-block-stakeholder-listing-block-stakeholder .view-content.flex-container{ align-items: stretch; }
#block-views-block-stakeholder-listing-block-stakeholder .view-content.flex-container > .flex-item{ flex-basis: 33%; margin-bottom: 34px; }
#block-views-block-stakeholder-listing-block-stakeholder .view-content.flex-container > .flex-item article{ padding: 0 0; margin: 0 34px 0 0; height: 100%; background: #f1f1e9; }
#block-views-block-stakeholder-listing-block-stakeholder article .node__content{  }
	#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-logo-image{
		margin: 0 0; padding: 14px 12px; width: 100%; box-sizing: border-box; text-align: center;
		display: table; height: 250px; border: 1px solid #f1f1e9; background: #fff;
	}
		#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-logo-image a{ height:inherit; display: table-cell; vertical-align: middle; }
		#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-logo-image a img{}

	#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-title{  margin: 0 0; padding: 14px 12px; background-color: #f1f1e9; }
		#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-title h3{ font-size: 0.9em; margin: 0 0; }
		#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-title a{ color: #212121; }
		#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-title a:hover{ color: #0175A7; text-decoration: none; }



/* Event page tabs  */
/*@media only screen and (min-width : 768px){}*/
.section--page--tabs .content.event-tabs{ padding: 0 60px; }
.section--page--tabs .field-group-tabs-wrapper{ margin: 0 0; padding: 0 0; }
.section--page--tabs .horizontal-tabs{ margin: 0 0; padding: 0 0 60px 0; border: 0; }
.section--page--tabs .horizontal-tabs .horizontal-tabs-list{ top: -43px; height: 43px; border: 0; overflow: hidden; position: relative; background: transparent; }
.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button{ box-sizing: border-box; height:43px; overflow:hidden; background:#f1f1e9; color:#212121; padding:0; border:0; transition: all 0.4s ease; margin-right: 12px; }
.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button a,
.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button a:hover{ background:inherit; color: inherit; text-decoration: none!important; transition: none; }

.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button.selected{ background:#fff;color:#212121; }
.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button:hover{ background:#f58714;color:#fff;transition: all 0.4s ease; }

@media only screen and (max-width : 900px) and (min-width : 800px){
	.section--page--tabs .horizontal-tabs .horizontal-tabs-list{ font-size: 0.9rem; }
}

@media only screen and (max-width : 799px){
	.section--page--tabs .content.event-tabs{ padding: 0px 26px; }
	.section--page--tabs .horizontal-tabs .horizontal-tabs-list{ position: relative; top: 0; height: auto; margin: 1rem 0 2rem 0; }
	.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button{ 
		width: 100%; display: block; margin: 0 0 12px 0; background: #0175A7; color: #ffffff; border: 1px solid #0175A7;
	}
	.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button.selected,
	.section--page--tabs .horizontal-tabs .horizontal-tabs-list .horizontal-tab-button:hover{ color: #fff; background: #00243f; border-color:#00243f; }


	tr.odd .form-item, tr.even .form-item{ padding: 8px 12px; }
	table.webform-likert-table tr .form-item input{ height: 1.2em; }

}


.section--page--tabs .horizontal-tabs .horizontal-tabs-pane{ margin: 0 0; padding: 0 0; max-width: 1024px; min-height: 280px; } 
.section--page--tabs .horizontal-tabs details > .details-wrapper{ padding: 0 0; }

#page-main-section .field.field--type-webform{ margin: 40px 0; }

/* FORM STYLE */
.node--type-webform form,
form.webform-submission-form{}

.node--type-webform form fieldset, form.webform-submission-form fieldset{ border: 0; margin: 0 0; padding: 0 0; /*border-color: #fff;*/ }
.node--type-webform form fieldset legend,
form.webform-submission-form fieldset legend{ text-transform: uppercase; font-size: 0.9em; font-weight: bold; }

.node--type-webform form .form-item label,
form.webform-submission-form label{ display: block; clear: both; text-transform: uppercase; font-size: 0.9em; font-weight: bold; margin-bottom: 4px; }

.node--type-webform form .form-item input, .node--type-webform form .form-item textarea, .node--type-webform form .form-item select,
form.webform-submission-form input, form.webform-submission-form textarea, form.webform-submission-form select{
	border: 1px solid #212121;
	border-radius: 0;
	padding: 10px 14px;
	background: #fff;
	width: 100%;
	box-sizing: border-box;
}
	.node--type-webform form .form-item input, form.webform-submission-form input{ height: 47px; }
	.node--type-webform form .form-item textarea, form.webform-submission-form textarea{}
	.node--type-webform form .form-item select, form.webform-submission-form select{
		/*background-color: transparent;*/
		background-image: url(../images/icon-select.svg);
    	background-repeat: no-repeat;
    	background-size: 10px auto;
    	background-position: center right 14px;
		appearance: none;
    	-moz-appearance: none;
   		-webkit-appearance: none;
    	outline: none;
    	height: 47px;
    	line-height: 45px;
    	padding: 0 32px 0 14px;
	}

	table.webform-likert-table{}
	table.webform-likert-table tr td{ border: 1px solid #212121; background: #fff; }
	table.webform-likert-table tr td label{ text-transform: none; }
	table.webform-likert-table tr .form-item input{ width: auto; }

	.form-radios .form-item input, .form-radios .form-item label{ display: inline-block; vertical-align: middle; width: auto; margin-right: 8px; height: 27px; margin-bottom: 4px; }

.node--type-webform .form-actions, form.webform-submission-form .form-actions{ margin-top: 2rem; }
.node--type-webform .form-actions > *, form.webform-submission-form .form-actions > *{ margin: 0 0 1rem 0;  }


.node--type-webform form input[type=submit], 
form.webform-submission-form input[type=submit]{
	width: 100%;
    border: 1px solid #f58714;
    padding: 11px 14px;
    margin: 8px 0;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f58714;
    text-transform: uppercase; font-size: 0.9em; font-weight: bold;
    transition: all 0.4s ease 0s;
    line-height: 1;
}
	.node--type-webform form input[type=submit]:hover,
	form.webform-submission-form input[type=submit]:hover{
		color: #f58714; background: #fff; opacity: 1;
		cursor: pointer; transition: all 0.4s ease 0s;
	}


/* Dropdown filters on Views */
form.views-exposed-form{}
form.views-exposed-form .form--inline{}
form.views-exposed-form .form--inline .form-item{
	display: inline-block;
    vertical-align: middle;
    width: 22%;
    margin: 0 1.5% 1rem 0;
}

form.views-exposed-form .form-item label{ display: block; clear: both; text-transform: uppercase; font-size: 0.9em; font-weight: bold; margin-bottom: 4px; }
form.views-exposed-form .form-item input,
form.views-exposed-form .form-item textarea,
form.views-exposed-form .form-item select{
	border: 1px solid #212121;
	border-radius: 0;
	height: 36px;
	padding: 4px 14px;
	background-color: #fff;
	width: 100%;
	box-sizing: border-box;
	
}
	form.views-exposed-form .form-item input{}
	form.views-exposed-form .form-item textarea{}
	form.views-exposed-form .form-item select{
		/*background-color: transparent;*/
    	background-image: url(../images/icon-select.svg);
    	background-repeat: no-repeat;
    	background-size: 10px auto;
    	background-position: center right 14px;
		appearance: none;
    	-moz-appearance: none;
   		-webkit-appearance: none;
    	outline: none;
    	line-height: 32px;
    	padding: 0 32px 0 14px;
	}

	form.views-exposed-form input[type=submit]{
	    border: 1px solid #0175A7;
	    padding: 4px 14px; height: 36px;
	    box-sizing: border-box;
	    color: #fff;
	    background: #0175A7;
	    text-transform: uppercase; font-size: 0.9em; font-weight: bold;
	    transition: all 0.4s ease 0s;		
	}
	form.views-exposed-form input[type=submit]:hover{
		color: #0175A7; background: #fff; opacity: 1;
		cursor: pointer; transition: all 0.4s ease 0s;
	}

	form.views-exposed-form .form-item.form-item-keys{}
	form.views-exposed-form .form-item.form-item-sort-by{ clear: left; width: auto; min-width: 14%; margin: 0 1rem 1.5% 0; }
	form.views-exposed-form .form-item.form-item-sort-order{ width: auto; min-width: 14%;  margin: 0 1rem 1.5% 0; }
	form.views-exposed-form .form--inline .form-actions{ clear: left; margin: 0.4rem 0 0 0; float: left; }

	.node--type-webform form .form-item input[type="radio"], form.webform-submission-form input[type="radio"],form input[type="radio"],.form-radios .form-item input{
	    background: transparent;
	}
	.node--type-webform form .form-item input[type="checkbox"], form.webform-submission-form input[type="checkbox"], form input[type="checkbox"], .form-checkboxes .form-item input{
	    background: transparent;
	}


form .webform-readonly{}
form .webform-readonly label{ margin-bottom: 0; }
form .webform-readonly input[type="date"], 
form .webform-readonly input[type="datetime-local"], 
form .webform-readonly input[type="email"], 
form .webform-readonly input[type="number"], 
form .webform-readonly input[type="password"], 
form .webform-readonly input[type="search"], 
form .webform-readonly input[type="tel"], 
form .webform-readonly input[type="text"], 
form .webform-readonly input[type="time"], 
form .webform-readonly input[type="url"] {
    padding: 0 14px;
    height: 47px;
    margin-top: 1em;
    margin-bottom: 4px;
}


/* form field formating */
.webform-select-other-input{ max-width: 100%; }

form .webform-type-webform-name .webform-type-webform-select-other,
form .form-item .form-item-acmc-funded__date-of-birth,
form .form-item .form-item-acmc-funded__departure-date-time,
form .form-item .form-item-acmc-funded__return-date-time,
form .form-item .form-item-biography-file,
form .form-item .form-item-acmc-funded__passport-file,
form .form-item .form-item-acmc-funded__passport-number,
form .form-item .form-item-acmc-funded__passport-expiry{
	width: 50%;
}

/* extra webform styles */
form.webform-submission-form fieldset.webform-type-webform-buttons input,
form.webform-submission-form fieldset.webform-type-webform-buttons-other input{}
form.webform-submission-form fieldset.webform-type-webform-buttons label,
form.webform-submission-form fieldset.webform-type-webform-buttons-other label{
	width: auto; margin: 1em 1em 1em 0; display: inline-block; vertical-align: middle;
}

form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper{
	display: flex; flex-wrap: nowrap; width: 100%; justify-content: flex-start; align-items: flex-start; align-content: flex-start;
}
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item{
	display: block; flex-basis: auto; flex-grow: 0; flex-shrink: 0; max-width: 100%;
}
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item.form-type-select{}
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item.form-type-tel{}
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item.form-type-number{}
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item label,
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item input,
form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item select{ 
	display: inline-block; vertical-align: middle; width: auto; margin-right: 14px;
}
@media only screen and (max-width : 764px){
	form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper{ flex-wrap: wrap; }
	form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item{ flex-basis: 100%; }
	form.webform-submission-form fieldset.webform-type-webform-telephone .fieldset-wrapper .form-item:not(:last-of-type){ margin-bottom: 0; }
}

form.webform-submission-form div.form-type-datelist .container-inline{ 	
	display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; align-items: flex-start; align-content: flex-start; 
}
form.webform-submission-form div.form-type-datelist .container-inline .form-item{
	display: block; flex-basis: 33.3%; max-width: 33.3%; flex-grow: 0; flex-shrink: 0; margin: 0 0 1em 0; box-sizing: border-box;
}
form.webform-submission-form div.form-type-datelist .container-inline .form-item:not(:nth-of-type(3n+3)){ padding: 0 1em 0 0;  }

form.webform-submission-form div.form-type-datetime .container-inline{
	display: flex; flex-wrap: wrap; width: 100%; justify-content: flex-start; align-items: flex-start; align-content: flex-start; 
}
form.webform-submission-form div.form-type-datetime .container-inline .form-item{
	display: block; flex-basis: 50%; max-width: 50%; flex-grow: 0; flex-shrink: 0; margin: 0 0 1em 0; box-sizing: border-box;
}
form.webform-submission-form div.form-type-datetime .container-inline .form-item:not(:nth-of-type(2n+2)){ padding: 0 1em 0 0; }

form.webform-submission-form input.form-color.form-color-medium{ /*height: 36px;*/ /*width: 36px;*/ }
form.webform-submission-form input.form-color.form-color-medium.form-color-output{ /*height: 36px; width: auto;*/ }


.webform-multiple-table-responsive{}
.webform-multiple-table-responsive a .handle{ height: 36px; width: 36px; background-position: center; box-sizing: border-box; margin: 0 14px; }
.webform-multiple-table-responsive .tabledrag-toggle-weight-wrapper{ display: none; }
.webform-multiple-table-responsive .tableresponsive-toggle-columns{ display: none; }
.webform-multiple-table-responsive table{ width: 100%; table-layout: auto; }
.webform-multiple-table-responsive table tbody tr{}
.webform-multiple-table-responsive table tbody tr td{}
.webform-multiple-table-responsive table tbody tr td.webform-multiple-table--handle{}
.webform-multiple-table-responsive table tbody tr td.webform-multiple-table--weight{ display: none; }
.webform-multiple-table-responsive table tbody tr td.webform-multiple-table--operations{}


.webform-multiple-add.container-inline{}
.webform-multiple-add.container-inline input[type="submit"]{ width: auto; }
.webform-multiple-add.container-inline .form-item-multiple-rows-data-add-more-items{ display: none; }


/* extra webform style - checkboxes and radio */
form.webform-submission-form fieldset.webform-type-webform-checkboxes-other,
form.webform-submission-form fieldset.webform-type-webform-checkboxes,
form.webform-submission-form div.form-type-checkbox,
form.webform-submission-form fieldset.webform-type-radios,
form.webform-submission-form fieldset.webform-type-radios-other{
	margin-top: 1em; margin-bottom: 1em;
}
form.webform-submission-form fieldset.webform-type-webform-checkboxes .webform-options-display-one-column,
form.webform-submission-form fieldset.webform-type-webform-checkboxes-other .webform-options-display-one-column,
form.webform-submission-form fieldset.webform-type-radios .webform-options-display-one-column,
form.webform-submission-form fieldset.webform-type-radios-other .webform-options-display-one-column{}
form.webform-submission-form fieldset.webform-type-webform-checkboxes .webform-options-display-two-columns,
form.webform-submission-form fieldset.webform-type-webform-checkboxes-other .webform-options-display-two-columns,
form.webform-submission-form fieldset.webform-type-radios .webform-options-display-two-column,
form.webform-submission-form fieldset.webform-type-radios-other .webform-options-display-two-column{}

form.webform-submission-form fieldset.webform-type-webform-checkboxes-other .form-checkboxes .form-item,
form.webform-submission-form fieldset.webform-type-webform-checkboxes .form-checkboxes .form-item,
form.webform-submission-form fieldset.webform-type-radios .form-radios .form-item,
form.webform-submission-form fieldset.webform-type-radios .form-radios-other .form-item,
form.webform-submission-form .form-item.form-type-checkbox{ margin: 4px 0; }

form.webform-submission-form fieldset.webform-type-webform-checkboxes-other .form-checkboxes .form-item > label,
form.webform-submission-form fieldset.webform-type-webform-checkboxes-other .form-checkboxes .form-item > input,
form.webform-submission-form fieldset.webform-type-webform-checkboxes .form-checkboxes .form-item > label,
form.webform-submission-form fieldset.webform-type-webform-checkboxes .form-checkboxes .form-item > input,
form.webform-submission-form fieldset.webform-type-radios .form-radios .form-item > label,
form.webform-submission-form fieldset.webform-type-radios .form-radios .form-item > input,
form.webform-submission-form fieldset.webform-type-radios .form-radios-other .form-item > label,
form.webform-submission-form fieldset.webform-type-radios .form-radios-other .form-item > input,
form.webform-submission-form div.form-type-checkbox > input,
form.webform-submission-form div.form-type-checkbox > label,
form.webform-submission-form input[type='checkbox'],
form.webform-submission-form input[type='radio'],
form.webform-submission-form .form-item.form-type-checkbox > input,
form.webform-submission-form .form-item.form-type-checkbox > label{
	display: inline-block; vertical-align: middle; 
	width: auto; height:auto; margin: 0 10px 0 0; /*padding: 0;*/
}
form.webform-submission-form fieldset.webform-type-webform-checkboxes .form-checkboxes .form-item > input,
form.webform-submission-form fieldset.webform-type-webform-checkboxes-other .form-checkboxes .form-item > input,
form.webform-submission-form fieldset.webform-type-radios .form-radios .form-item > input,
form.webform-submission-form fieldset.webform-type-radios-other .form-radios .form-item > input,
form.webform-submission-form input[type='checkbox'],
form.webform-submission-form input[type='radio'],
form.webform-submission-form .form-item.form-type-checkbox > input{
	height: 34px; border: 0;
	box-sizing: border-box;
}

form.webform-submission-form .form-item.form-type-checkbox .description{ margin-left: 28px; }

/* IE / IE10 Fix */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  form .form-item select{ background-color: #fff!important; }
  form .form-item select::-ms-expand{ display: none; }
  .node--type-webform form .form-item input[type="radio"], form.webform-submission-form input[type="radio"],form input[type="radio"],.form-radios .form-item input{ background: transparent; }
  .node--type-webform form .form-item input[type="checkbox"], form.webform-submission-form input[type="checkbox"], form input[type="checkbox"], .form-checkboxes .form-item input{ background: transparent; }
}


ul.contextual-links[hidden]{ visibility: hidden; }


/* FORUM & COMMENT styles ------------------------------------- */
main.templ-pg-forum .action-links{ display: none; }

.forum{ margin: 1em 0; }
.forum > table{ width: 100%; }
.forum > table .forum-list__forum,
.forum > table .container{ padding: 6px 0 6px 12px; }
.forum > table .container .forum__name,
.forum > table .forum-list__forum .forum__name{ font-weight: bold; margin: 0; }

.forum > table .forum-list__forum .forum__description,
.forum > table .forum-list__forum .view-empty{ /*font-size: small;*/ font-size: 0.8em; margin: 0; }

.forum > table .forum-list__forum .forum__topics{}
.forum > table .forum-list__forum .forum__topics .item-list{ width: 100%; }
.forum > table .forum-list__forum .forum__topics ul{ display: block; list-style-type: none; padding: 0; margin: 0.25em 0 0 0; }
.forum > table .forum-list__forum .forum__topics ul li{ display: block; border-top: 1px solid #e4e3d3; padding: 6px 12px 6px 1.5em; margin: 0; }

.forum > table .forum__name .expand-collapse{ padding: 0 12px; }

section.field--type-comment{ border-top: 1px solid #f1f1e9; }
section.field--type-comment article.comment{ border-bottom: 1px solid #f1f1e9; }
section.field--type-comment article.comment .content{ padding: 10px 0 20px 0; }
section.field--type-comment article.comment .content p{}
section.field--type-comment article.comment .comment__meta{ /*font-size: small;*/ font-size: 0.8em; }
section.field--type-comment article.comment .comment__meta .comment__submitted{ margin: 0; }

section.field--type-comment article.comment.unpublished{ background-color: #f1f1e9; }
section.field--type-comment article.comment.unpublished a{ color: #0175A7; }
section.field--type-comment article.comment.unpublished .content{ padding-left: 20px; padding-right: 20px; }

form.comment-form .field--name-comment-body .filter-wrapper{ /*font-size: small;*/ font-size: 0.8em; line-height: 1; /*border: 0; padding: 0;*/ }
form.comment-form .field--name-comment-body .filter-wrapper .filter-help{ display: none; }
form.comment-form .field--name-comment-body .filter-wrapper .filter-guidelines{}
form.comment-form .field--name-comment-body .filter-wrapper .filter-guidelines .filter-guidelines-item{ margin: 0; }
form.comment-form .form-actions{}
form.comment-form .form-actions input[type="submit"]{
	border: 1px solid #f58714;
    padding: 11px 14px;
    margin: 8px 0;
    box-sizing: border-box;
    color: #fff;
    font-weight: bold;
    background: #f58714;
    text-transform: uppercase;
    font-size: 0.9em;
    font-weight: bold;
    transition: all 0.4s ease 0s;
    line-height: 1;
    margin-right: 1em;
}
form.comment-form .form-actions input[type="submit"]:hover{
	color: #f58714;
    background: #fff;
    opacity: 1;
    cursor: pointer;
    transition: all 0.4s ease 0s;
}
form.comment-form .form-actions input[type="submit"]#edit-submit{}
form.comment-form .form-actions input[type="submit"]#edit-preview{ display: none; }

.field--type-comment h2.title.comment-form__title{ font-size: 1.4rem; margin-top: 60px!important; }

.view-display-id-group_topics_list{ margin: 40px 0; }
.view-display-id-group_topics_list .view-header{ padding: 6px 0px; }
.view-display-id-group_topics_list .view-header h2{ margin: 0; }
.view-display-id-group_topics_list .view-content .item-list{ /*width: 100%;*/ min-width: 50%; }
.view-display-id-group_topics_list .view-content .item-list ul{ display: block; list-style-type: none; padding: 0; margin: 0.25em 0 0 0; }
.view-display-id-group_topics_list .view-content .item-list ul li:first-of-type{ border-top: 1px solid #e4e3d3; }
.view-display-id-group_topics_list .view-content .item-list ul li{ display: block; border-bottom: 1px solid #e4e3d3; padding: 6px 0px; margin: 0; }

.view-display-id-group_events_list{ margin: 40px 0; }
.view-display-id-group_events_list .view-header{ padding: 6px 0px; }
.view-display-id-group_events_list .view-header h2{ margin: 0; }
.view-display-id-group_events_list .view-content .item-list{ /*width: 100%;*/ min-width: 50%; }
.view-display-id-group_events_list .view-content .item-list ul{ display: block; list-style-type: none; padding: 0; margin: 0.25em 0 0 0; }
.view-display-id-group_events_list .view-content .item-list ul li:first-of-type{ border-top: 1px solid #e4e3d3; }
.view-display-id-group_events_list .view-content .item-list ul li{ display: block; border-bottom: 1px solid #e4e3d3; padding: 6px 0px; margin: 0; }

main.layout--forum nav.breadcrumb{ visibility: hidden; opacity: 0; }


/* report comment lightbox */
.form--lightbox{
	display: none;
    z-index: 104;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0,0,0,0.8);
}
.form--lightbox .form--lightbox-container{ width: 100%; height: 100%; }
.form--lightbox .form--lightbox-container .form--lightbox-inner{ max-width: 768px; max-height: 80vh; }
.form--lightbox .form--lightbox-container .form--lightbox-inner .fl-content{ padding: 40px 40px 40px 40px; }
.form--lightbox .form--lightbox-container .form--lightbox-inner .fl-content .region-forum-form-lightbox{}

.ui-dialog.webform-confirmation-modal{ top: 50%!important; z-index: 105; }
.webform-confirmation-modal button.ui-dialog-titlebar-close{ width: 50px; text-indent: 0; font-size: 0.9em; }
.webform-confirmation-modal button.ui-dialog-titlebar-close > span{ display: none; }


/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLE ALTS FEB/2020 */

.site-navigation nav > ul.menu > li > a{ line-height: 1; }
@media only screen and (min-width : 1684px){
	#home-banner.section--page--banner .banner-v2-container img{ /*max-height: 840px;*/ max-height: unset; }
}
@media only screen and (max-width : 1680px){
  	#home-banner.section--page--banner .flex-container .flex-item.flex-parts-75{ flex-basis: 66%; width: 66%; max-width: 66%; }
	#home-banner.section--page--banner .flex-container .flex-item.flex-parts-25{ flex-basis: 33%; width: 33%; max-width: 33%; }  
}
@media only screen and (max-width : 1440px){
	#home-banner.section--page--banner .banner-v2-container img{ max-height: 740px; }
	
	/*#home-banner.section--page--banner .flex-container .flex-item.flex-parts-75{ flex-basis: 66%; width: 66%; max-width: 66%; }*/
	/*#home-banner.section--page--banner .flex-container .flex-item.flex-parts-25{ flex-basis: 33%; width: 33%; max-width: 33%; }*/
}
@media only screen and (max-width : 1024px){
    #home-section-welcome{ padding: 2rem 0; }
    #home-banner.section--page--banner .banner-v2-text{ padding: 2rem 0; }
	#home-banner.section--page--banner .banner-v2-container img{ max-height: 480px; }
	
	#home-banner.section--page--banner.section--page--banner_v2 .inner{ max-height: unset; }
	#home-banner.section--page--banner.section--page--banner_v2 .inner .banner-v2-container  img{ min-height: unset; max-height: unset; max-width: 100%; width: 100%; height: auto; }
	
	#home-banner .flex-container .flex-item.flex-parts-66,  #home-banner .flex-container .flex-item.flex-parts-33,
	#home-section-welcome .flex-container .flex-item.flex-parts-66, #home-section-welcome .flex-container .flex-item.flex-parts-33,
	#home-banner.section--page--banner .flex-container .flex-item.flex-parts-75,
	#home-banner.section--page--banner .flex-container .flex-item.flex-parts-25{
	    flex-basis: 100%; width: 100%; max-width: 100%;
	}
}

/*---------------------------------------------------------------------------*/
/*-------------------------------------------------------- RESPONSIVE STYLES */

@media only screen and (min-width : 1684px){
	#home-banner.section--page--banner .inner{ min-height: 560px; max-height: 840px; }
	#home-section-intro{ padding-top: 40px; }
	#home-main-section .view-content.slider{ /*width: 1440px;*/ width: 1680px; margin-left: -60px; }
	#home-main-section .view-content.slider .views-row{ /*width: 711px!important; width: 692px!important;*/ }
	
}
@media only screen and (min-width : 1444px){
	#page-main-section .view-content.slider{ /* width: 1320px;*/ width: 100%; }
	#page-main-section .view-content.slider .views-row{ /*width: 651px!important;*/ }

	.path-frontpage .site-header.section .inner div.bg-header-shadow > div{ max-width: 1680px; }
	#home-banner.section--page--banner .flex-container .flex-item .content{ max-width: 1680px; }

}
@media only screen and (max-width : 1440px){
	.section--page--banner .inner{ /*min-height: 360px;*/ /*max-height: 500px;*/ }
	#home-banner.section--page--banner .inner{ min-height: 480px; max-height: 740px; }
	.section--page--banner .inner img, #home-banner.section--page--banner .inner img{ height: auto; min-height: 360px; width: auto; min-width: 100%; max-width: none; }
	#home-banner.section--page--banner .inner img{ min-height: 480px; }	
}

@media only screen and (max-width : 1280px){
	.section--page--banner .flex-container .flex-item .content{ padding: 2em 25% 2em 60px; }
	#block-views-block-stakeholder-listing-block-stakeholder .view-content.flex-container > .flex-item{ flex-basis: 50%;}
	.gallery-slider .gallery-slide img{ max-height: 580px; }
}
@media only screen and (max-width : 1280px) and (min-width : 1024px){
	#page-main-container.flex-container{ flex-wrap: wrap; }
	#featured-preview-image.flex-item.flex-shrink.flex-parts-20{ flex-basis: 35%; max-width: 35%; width: 35%; }
	#featured-preview-image.flex-item.flex-shrink.flex-parts-20 img{ width: 100%; }
	#page-main-content.flex-item.flex-parts-50{ flex-basis: 65%; max-width: 65%; width: 65%; }
	aside#page-main-sidebar.flex-item.flex-parts-25{ flex-basis: 100%; max-width: 100%; width: 100%; }

	main .flex-container{ flex-wrap: wrap; }
	main .flex-container .flex-item.flex-grow{ max-width: 100%; }
	main .flex-container aside.flex-item.flex-parts-25{ flex-basis: 100%; max-width: 100%; width: 100%; }
}
/* IE FIXES */
@media only screen and (min-width : 1280px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#featured-preview-image.flex-item.flex-shrink.flex-parts-20{ flex-basis: 20%; max-width: 20%; width: 20%; }
	#page-main-content.flex-item.flex-parts-50{ flex-basis: 55%; max-width: 55%; width: 55%; }
	aside#page-main-sidebar.flex-item.flex-parts-25{ flex-basis: 25%; max-width: 25%; width: 25%; }
}
@media only screen and (max-width : 1024px) and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#featured-preview-image.flex-item.flex-shrink.flex-parts-20{ flex-basis: 100%; max-width: 100%; width: 100%; }
	#featured-preview-image.flex-item.flex-shrink.flex-parts-20 img{ max-width: initial; }
	#page-main-content.flex-item.flex-parts-50{ flex-basis: 100%; max-width: 100%; width: 100%; }
	aside#page-main-sidebar.flex-item.flex-parts-25{ flex-basis: 100%; max-width: 100%; width: 100%; }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	#featured-preview-image.flex-item.flex-shrink.flex-parts-20 img{ width: 100%;}
}


@media only screen and (max-width : 1024px){
	h1, .h1{ font-size: 2.5em; }
	h2, .h2{ font-size: 2em; }

	#mobile-nav-container nav > ul.menu{ font-size: 1.2em; }

	.site-header .flex-container{ flex-wrap: nowrap; }
	.site-header .content{ padding: 0 40px; } 	

	#site-header{ display: none; }
	#site-header-upscroll{ display: none!important; }
	#site-header-mobile{ display: block; }

	/*body{ padding-top: 72px!important; }*/
	body { padding-top: 54px!important; }
	#site-header-mobile a.mobi-logo, #site-header-mobile a.mobi-logo{ margin-top: 5px; margin-bottom: 5px; }
	#site-header-mobile .flex-container .flex-item.site-navigation-1{ height: 54px; }
	.region-headernav-toggle{ height: 54px; width: 54px; }
	.region-headernav-toggle svg{ padding: 11px; }
	#site-header-mobile #mobile-nav-container .inner{ height: calc(100vh - 94px); }

	.section--page--banner .inner{ /*min-height: 320px;*//* max-height: 360px;*/ }
	#home-banner.section--page--banner .inner{ min-height: 480px; max-height: 480px; }

	.section--page--banner .flex-container .flex-item .content{ padding: 2em 25% 2em 40px; }
	.section--page--content .content-container{ padding: 20px 40px 20px 40px; }
	.section--page--content .inner-content-container{ padding: 20px 20px 40px 20px; }
	.section--page--content .inner-content-container .content.text{ /*padding-right: 20px;*/ }

	.section--view--content .content-container{ padding: 40px 40px 40px 40px; }
	.section--view--content .content-container .content{ padding: 1rem 0; }
	.section--view--content .content-container .content.image{}
	.js--filter--display-mode .flex-item.flex-parts-50 article .content{  padding: 1rem 0; }
	.js--filter--display-mode .flex-item.flex-parts-50.n1 article{ margin-right: 0;}

	form.views-exposed-form .form-item.form-item-keys{  width: 100%; margin: 0 0 1rem 0;  }

	.site-footer .content-container{ padding: 0 32px; }
	.site-footer .flex-container{ flex-wrap: wrap; }
	.site-footer .flex-container #site-footer-1.flex-item,
	.site-footer .flex-container .flex-item.flex-parts-50{ flex-basis: 100%; max-width: 100%; }	
	.site-footer .flex-container .flex-item.flex-parts-25{ flex-basis: 33%; max-width: 33%; }

	#site-footer{ padding-bottom: 32px; }
	#site-footer-mobile{ display: block; }

	.gallery-slider .gallery-slide img{ max-height: 480px; }

	.section--page--content .inner-content-container .content.text #block-acmc-content{ padding-right: 0px; }
}
/* main mobile switch to stacked: */
@media only screen and (max-width : 1020px){
	#home-video-lightbox .flex-container .flex-item{ flex-basis: 100%; }
	#home-video-lightbox .inner .content{ width: 100%; max-width: 100%; min-width: 100%; }
	#home-video-lightbox .inner .content article video{ min-width: 80vw; max-width: 80vw; }
	#home-video-lightbox .video-embed-field-responsive-video iframe{ position: relative; }
	#home-video-lightbox .video-embed-field-responsive-video:after{ padding-bottom: 0; }

	#vidEmbeddedFrame .video-embed-field-responsive-video iframe{ position: relative; min-height:360px; }
	#vidEmbeddedFrame .video-embed-field-responsive-video:after{ padding-bottom: 0; }

	.section--page--banner .inner { /*min-height: 260px;*/ }

	.flex-container{ flex-wrap: wrap; }
	.flex-container .flex-item.flex-parts-75{ flex-basis: 100%; max-width: 100%; }
	.flex-container aside.flex-item.flex-parts-25{ flex-basis: 100%; max-width: 100%; }
	.section--page--content .inner-content-container .content.sidebar{ margin-top: 0; padding-bottom: 20px; }

	.flex-container #featured-preview-image.flex-item.flex-shrink.flex-parts-20{ max-width: 100%; }

	.layout--publication .flex-container .flex-item.flex-shrink.flex-parts-20{ max-width: none; flex-basis: 100%; max-width: 100%; }
	.layout--publication .section--page--content .inner-content-container .content.image{ padding-bottom: 0; }

	.section--page--content .flex-container .flex-item.flex-parts-50,
	.section--page--content .flex-container .flex-item.flex-parts-33{ flex-basis: 100%; max-width: 100%; }

	.gallery-slider .gallery-slide .flex-container .flex-item.flex-parts-75{ flex-basis: 75%; max-width: 75%; }
	.gallery-slider .gallery-slide .flex-container .flex-item.flex-parts-50{ flex-basis: 50%; max-width: 50%; }
	.gallery-slider .gallery-slide .flex-container .flex-item.flex-parts-25{ flex-basis: 25%; max-width: 25%; }

	.view-display-id-block_content_featured .views-field .field-content, .view-display-id-block_content_featured_static .views-field .field-content {
    	padding: 0px 40px 20px 40px;
	}
	.view-display-id-block_content_featured .view-content .views-row:last-of-type{ padding-bottom: 20px; }
	.view-display-id-block_content_featured .views-field .content-container, .view-display-id-block_content_featured_static .views-field .content-container{
		padding: 20px 40px 40px 40px;
	}
	.view-display-id-block_content_featured .views-field .content-container.nopad, .view-display-id-block_content_featured_static .views-field .content-container.nopad{
		padding: 0px 40px 0px 40px;
	}

	div.bg-block-ripple-shadow, div.bg-block-ripple-shadow-2nd, div.bg-block-ripple, div.bg-block-ripple.bg-blue{ background-image: none; }
	#home-main-section .bg-blue{ background-color: #00273e; }

	.view-content.slider{ width: 100%; }
	.view-content.slider .views-row{ width: calc(100vw - 80px)!important; }
	.view-content.slider .views-row article .field.field--name-field-media-image{ width: 25%; }

	.section--page--content .media--type-image-gallery .flex-container .flex-item.flex-parts-33{ flex-basis: 33%; max-width: 33%; }

	form.views-exposed-form .form--inline .form-item{ width: auto; }
	form.views-exposed-form .form-item.form-item-keys{ width: 100%; margin-right: 0; }

	.view-content.without-slider .views-row{ widows: 100%; flex-basis: 100%; max-width: 100%; }

	.section--view--content #block-acmc-content .content-container article h3,
	.section--view--content #block-acmc-content .content-container article h2,
	.section--view--content #block-acmc-content .content-container article .h3{ font-size: 1.3em; margin-top:0; margin-bottom: 0.5em; max-width: 100%; }
	.js--filter--display-toggle{ display: none; }
	.js--filter--display-mode .flex-item.flex-parts-50 article  .flex-container{ flex-wrap: wrap; }
	.js--filter--display-mode .flex-item.flex-parts-50 article .preview-image{ flex-basis: 100%; max-width: 100%; }
	.js--filter--display-mode .flex-item.flex-parts-50 article .preview-image .content.image{ padding: 1rem 0 0 0; }

	.site-footer{ font-size: 1em; }
	.site-footer .flex-container .flex-item.flex-parts-25 { flex-basis: 100%; max-width: 100%; }
	.site-footer .content-container{ padding: 0px 40px; }
	.site-footer .content{  padding: 0.4rem 0 0.6rem 0; }

	.slider-container .gallery-slider-nav{ display: none; }
}
@media only screen and (max-width : 768px){
	.section--view--content .content-container .content.image{ padding-right: 20px; }
	.view-content.without-slider .views-row{ flex-basis: 100%; width: 100%; max-width: 100%; margin-bottom: 1rem; }
	.view-content.without-slider .views-row article .field.field--name-field-media-image{ width: 25%; }

	form.views-exposed-form .form--inline .form-item{ width: 100%; margin: 0 0 1rem 0; }
	form.views-exposed-form .form-item.form-item-sort-by,
	form.views-exposed-form .form-item.form-item-sort-order{ width: auto; margin-right: 1.5%; }

	.section--page--content .media--type-image-gallery .flex-container .flex-item.flex-parts-33{ flex-basis: 50%; max-width: 50%; }

	.site-footer .flex-container .flex-item#site-footer-4{ position: initial; }
	#site-footer-4 .backtotop{ top: 40px; }
	.site-footer #site-footer-4 .content{ padding-right: 0; }
	.site-footer #site-footer-1 .content{ padding-right: 70; }	

	#mobile-footer-nav-content nav > ul.menu{ font-size: 1.2em; }
	#mobile-nav-container ul.menu li a, #mobile-footer-nav-content ul.menu li a{ padding: 8px 1px; }	
	#mobile-nav-container li.menu-item--expanded .expand, #mobile-footer-nav-content li.menu-item--expanded .expand{ height: 42px; }

	.view-content.slider .views-row article .field.field--name-field-media-image img{ max-width: 100%; }
}
@media only screen and (max-width : 764px){
	h2, .h2 { font-size: 1.8em; }
	h3, .h3 { font-size: 1.3em; }
	p.large, div.large{ font-size: 1.5em; }

	#home-video-lightbox .inner .content{ padding: 20px 26px; }

	.flex-container .flex-item.flex-shrink.flex-parts-20{ max-width: 25%; min-width: 220px; }
	.view-display-id-block_content_featured .views-field .field-content article, 
	.view-display-id-block_content_featured_static .views-field .field-content article{ min-height: 360px; height: 360px; }
	.view-display-id-block_content_featured .views-field .field-content .bg-shadow,
	.view-display-id-block_content_featured_static .views-field .field-content .bg-shadow{ min-height: 360px; height: 100%; }

	.site-header .content, #site-header-mobile.site-header .content{ padding: 0px 26px; }
		#site-header-mobile #site-header-mobile-main .content{ padding: 0 0; }
		#site-footer-mobile #site-footer-mobile-main .content{ padding: 0 0; }
		#site-header-mobile a.mobi-logo, #site-header-mobile a.mobi-logo{ height: 32px; }

		#site-header-mobile .site-branding-1 a.mobi-logo{ padding-right: 10px; margin: 0 10px 0 0; padding-left: 20px; }
		.region-headernav-toggle{ /*width: 64px; height: 52px;*/ }
		.region-headernav-toggle svg{ padding: 10px 16px; }
		/* top 52px, bottom 40px = 92px */
		#site-header-mobile #mobile-nav-container .inner{ /*height: calc(100vh - 92px);*/ }

	body{ padding-top: 52px!important; }
	.section--page--banner .flex-container .flex-item .content { padding: 26px 26px 32px 26px; }

	.section--page--content .inner-content-container { padding: 20px 6px 32px 6px; }
	.section--page--content .content-container{ padding: 20px 26px 20px 26px; }
	.section--view--content .content-container{ padding: 20px 26px 20px 26px; }
	.section--view--content .content-container .content { padding: 6px 0; }
	.section--view--content .content-container .inner-content-container{  padding: 20px 26px 20px 26px; }

	.view-display-id-block_content_featured .views-field .field-content, 
	.view-display-id-block_content_featured_static .views-field .field-content { padding: 0px 26px 20px 26px; }
	.view-content.slider .views-row { width: calc(100vw - 52px)!important; }

	.site-footer .content-container{ padding: 0px 26px; }

	table.views-table thead{ display: none; }
	table.views-table tr{ display: block; margin: 1rem auto; padding-bottom: 1rem; }
	table.views-table td{ display: block; width: 100%; box-sizing: border-box; }
	table.views-table td.views-field.views-field-type{ display: none; }

	form .webform-type-webform-name .webform-type-webform-select-other,
	form .form-item .form-item-acmc-funded__date-of-birth,
	form .form-item .form-item-acmc-funded__departure-date-time,
	form .form-item .form-item-acmc-funded__return-date-time,
	form .form-item .form-item-acmc-funded__passport-number,
	form .form-item .form-item-acmc-funded__passport-expiry{
		width: 100%;
	}
	form .form-item .form-item-biography-file,
	form .form-item .form-item-acmc-funded__passport-file{ width: 100%; }
	form .form-item .form-item-biography-file input[type="submit"],
	form .form-item .form-item-acmc-funded__passport-file input[type="submit"]{ width: 50%; }
}

@media only screen and (max-width : 660px){
	/* switch all list view to 1 column, incl carry of 2-col display */
	/* .section--view--content  */
	.js--filter--display-toggle{ display: none; }
	.flex-container .flex-item.flex-shrink.flex-parts-20{ min-width: 100%; max-width: 100%; width: 100%; }
	.section--view--content .content-container .content.image{ padding-right: 0; padding-bottom: 0; }
	.section--view--content .content-container .content.image img{ width: 100%; }
	.js--filter--display-mode .flex-item.flex-parts-50 .content.image{}
	.js--filter--display-mode .flex-item.flex-parts-50{ flex-basis: 100%; max-width: 100%; }	
	.js--filter--display-mode .flex-item.flex-parts-50.n1 article,
	.js--filter--display-mode .flex-item.flex-parts-50.n2 article{ margin-right: 0; margin-left: 0; }
	.js--filter--display-mode .flex-item.flex-parts-50 article .preview-image .content.image{ padding: 6px 0; }
	.js--filter--display-mode .flex-item.flex-parts-50 article .field--name-field-publication-authors{ margin-bottom: 0; }
	.js--filter--display-mode .flex-item.flex-parts-50 article .field--name-body.field--type-text-with-summary{ display: block; }

	#block-views-block-stakeholder-listing-block-stakeholder .view-content.flex-container > .flex-item{ flex-basis: 100%; max-width: 100%;}
	#block-views-block-stakeholder-listing-block-stakeholder article .node__content .field--name-field-logo-image{ height: auto; }
	#block-views-block-stakeholder-listing-block-stakeholder .view-content.flex-container > .flex-item article{ margin: 0 0; }
	
	.gallery-slider .gallery-slide img{ max-height: 360px; }
	.gallery-slider .gallery-slide .flex-container .flex-item.flex-parts-75,
	.gallery-slider .gallery-slide .flex-container .flex-item.flex-parts-50,
	.gallery-slider .gallery-slide .flex-container .flex-item.flex-parts-25{ flex-basis: 100%; max-width: 100%; text-align: left; }
	.slider-container .slider-nav-arrows .nav-arrow{  width: 38px; height: 38px; margin: 0 -20px; }	
}

@media only screen and (max-width : 560px){
	h1, .h1 { font-size: 2.2em; }
	.view-content.without-slider .views-row article .field.field--name-field-media-image{ /*display: none;*/ display: block; width: 100%; max-width: 100%; float: none; }
	.view-content.without-slider .views-row article .field.field--name-field-media-image img{ max-width: 100%; width: 100%; }
	.optional-text-jv {Width: 100%;}
	.jtfwemockuptext-image-box {width: 100%;}
}


@media only screen and (max-width : 480px){
	html, body{ font-size: 1rem; }
	h1, .h1 { font-size: 2em; }

	.section--page--banner .inner{ min-height: 160px; }

	.site-top{ padding: 0.4rem 0; }
	.site-top ul.menu{ margin: 0 0; }
	.site-top.flex-container .flex-item.right{ text-align: left; }
	.site-top.flex-container .flex-item.flex-parts-50{ flex-basis: 100%; max-width: 100%; }

	form.views-exposed-form .form--inline .form-actions{ margin: 1rem 0 0 0; width: 100%; }
	form.views-exposed-form input[type=submit]{ width: 100%; }

	.section--page--content .inner-content-container .content{ padding: 0px 20px 20px 20px; }
	.inner-content-container .node__content > *{ margin: 1rem auto 2rem auto; }

	.view-header.abs-float-right{ float: none; top: auto; right: auto; }	
	.view-display-id-block_content_featured .views-field .field-content article, 
	.view-display-id-block_content_featured_static .views-field .field-content article{ min-height: 240px; height: 240px; }
	.view-display-id-block_content_featured .views-field .field-content .bg-shadow,
	.view-display-id-block_content_featured_static .views-field .field-content .bg-shadow{ min-height: 240px; }


	.view-content.slider .views-row {}
	.view-content.slider .views-row article{ padding: 1.8rem 1.48rem 0.8rem 1.8rem; }
	.view-content.slider .views-row article .field.field--name-field-media-image{ /*display: none;*/ display: block; float: none; width: 100%; max-width: 100%; margin: 0 0; }
	.view-content.slider .views-row article .field.field--name-field-title{ margin: 0 0; }
	.view-content.slider .views-row article .field.field--name-field-title h3{ font-size: 1em; margin: 12px 0 0 0; }
	.view-content.slider .views-row article .field:not(.field--name-field-media-image):not(.field--name-field-title){ display: none; }
	.view-content.slider .views-row article .node__content{ margin: 0 0; }

	.view-content.without-slider .views-row article .field.field--name-field-title h3{ font-size: 1em; }

	#site-footer-mobile #mobi-footerbarnav-dropdown .content-container,
	#site-footer-mobile #mobi-searchblock-dropdown .content-container{ padding-top: 20px; padding-bottom: 20px; }

	#mobi-searchblock-dropdown .block-views-blocksearch-popular-tags-block-popular-tags{ display: none; }
	.view-display-id-block_content_featured .views-field .content-container, 
	.view-display-id-block_content_featured_static .views-field .content-container {
    	padding: 20px 26px 26px 26px;
	}	
}

@media only screen and (max-width : 372px){
	.gallery-slider .gallery-slide img{ max-height: 240px; }
	.view-content.slider .views-row article{ width: calc(100% - 12px); }
}

@media only screen and (max-width : 340px){
	h1, .h1 { font-size: 1.6em; }
	p.large, div.large { font-size: 1.3em; }
	.view-content.slider .views-row article{  width: calc(100% - 56px); padding: 12px 22px 6px 22px;}
	#site-header-mobile a.mobi-logo, #site-header-mobile a.mobi-logo{ height: 28px; }
}

/*-------------------------------------------------------- PRINT STYLES */
@media print {}