/*
STYLESHEET INFORMATION

Name: Dynamic Styles
Type: Theme
Theme: Dynamic

Core colours:
	- #dcdcdc (highlight grey)
	- #343434 (button grey)
	- #242424 (dark grey)
	- #4a4a4a (body colour)

Z-Index Context:
	- 15: Cookie message (.cookiemessage)
	- 10: Header (.header--sticky)
	- 10: Main navigation dropdown (.submenu)
	- 3: Image/search banner active (.imagebanner__item--active)
	- 1: Image/search banner not active (.imagebanner__item--active)

Table of Contents:
	- Container
	- Header
		- Header media queries
	- Logo
	- Utilities
	- Site Menu
	- Site Search
	- Search Suggestion
	- Mobile Menu
	- Alert
	- Site Alert
	- Carousel
	- Panels
		- Default Panel - No Metadata
		- Panel Video
		- Panel Play Button
		- Default Panel - With Image
		- Carousel Panel
		- List Panels
		- Feature Group Panels
	- Related Articles
	- Footer
	- Social Media
	- Breadcrumbs
	- Article Heading
	- Article Intro
	- Article Related Image
	- Article Body
	- End of Social Share
	- Related Assets
	- Dynamic Polls Styles
	- Paging
	- Dynamic Form Styling
	- Dynamic Authentication Styling
	- Search Styling
	- Error Page Styling
	- Print
	- Panel Link Twitter
	- Panel Colour Modifiers
	- Image/Search Banner
*/

.body--fixed {
	overflow: hidden;
}

.pageload {
	animation: pageload-opacity 400ms;
}

@keyframes pageload-opacity {
	0% {
		opacity: 0;
	}

	100% {
		opacity: 1;
	}
}

@media print {
	.pageload {
		animation: none;
	}
}

p {
	line-height: 1.8;
}

aside::after {
	content: "";
	display: block;
	clear: both;
}


/* Dynamic Grid Changes */


.grid--list,
.grid--feature {
	text-align: center;
}


/* End of Grid CSS */


.block__link {
	text-decoration: none;
	color: inherit;
}

.block__link:hover {
	text-decoration: underline;
	color: inherit;
}


/* Start of container */


.container {
	position: relative;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	clear: both;
}

/* TDYNAMIC-617: Ensure that --fullwidth modifier is correctly applied */
.container--fullwidth {
	max-width: none;
	padding: 0;
}


/* End of container */


/* Start of header */


.header {
	background: #242424;
	color: #fff;
	padding: 20px 0 10px 0;
	position: relative;
	top: 0;
	float: left;
	width: 100%;
	min-height: 55px;
}

.header__menu {
	text-align: right;
	float: right;
	width: 80%;
}

.header--sticky {
	top: 0;
	position: fixed;
	width: 100%;
	z-index: 10;
	padding: 20px 0 10px 0;
}

.header--nojs {
	position: static;
	z-index: unset;
}


/* Header media queries */


@media (max-width: 1050px) {
	.header {
		text-align: center;
	}

	.header--open {
		position: fixed;
		overflow-y: scroll;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 10;
	}

	.header__menu {
		float: none;
		text-align: center;
	}
}


/* End of header */


/* Start of Logo */

.gi-sitelogo--header {
	width: 20%;
	padding: 10px 0;
	display: inline-block;
	position: relative;
}

.gi-sitelogo--header .gi-sitelogo__link:focus .gi-sitelogo__image {
	background: rgba(237, 237, 237, 0.2);
}

.gi-sitelogo--header .gi-sitelogo__image {
	max-width: 100%;
	height: auto;
}

@media (max-width: 1050px) {
	.gi-sitelogo--header {
		display: block;
		margin: auto;
		text-align: center;
		top: 0;
		width: auto;
		min-height: 44px;
	}

	.gi-sitelogo--header .gi-sitelogo__image {
		width: auto;
		height: 100%;
	}
}

@media (max-width: 480px) {
	.gi-sitelogo--header {
		display: block;
		margin: auto;
		text-align: center;
		top: 0;
		width: calc(100% - 100px);
	}

	.gi-sitelogo__image {
		max-width: 100%;
		height: auto;
	}
}


/* End of Logo */


/* Start of Utilities */


.utilitymenu--top {
	padding-bottom: 25px;
	float: right;
}

.utilitymenu--top::after {
	content: "";
	display: block;
	clear: both;
}

.utilitymenu--top .utilitymenu__item {
	list-style: none;
	display: inline;
}

.utilitymenu--top .utilitymenu__link,
.utilitymenu--top .utilitymenu__text,
.utilitymenu--mobile .utilitymenu__link,
.utilitymenu--mobile .utilitymenu__text {
	color: #fff;
	/* TDYNAMIC-656: Replaces font-size: 16px */
	font-size: 1rem;
	text-decoration: none;
	border: 1px solid rgba(237, 237, 237, 0.6);
	border-radius: 0.3em;
	display: inline-block;
	margin: 0 0 0 0.7em;
	padding: 0.25em 0.7em;
	transition: background 0.3s;
}

.utilitymenu--top .utilitymenu__link:hover,
.utilitymenu--top .utilitymenu__link:focus,
.utilitymenu--mobile .utilitymenu__link:hover,
.utilitymenu--mobile .utilitymenu__link:focus {
	background: rgba(237, 237, 237, 0.2);
	text-decoration: none;
}

.utilitymenu--top .utilitymenu__text {
	background: rgba(237, 237, 237, 0.2);
}

.utilitymenu--mobile {
	margin: 20px 0 0 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}

.utilitymenu--mobile .utilitymenu__item {
	list-style: none;
	float: none;
	text-align: left;
}

.utilitymenu--mobile .utilitymenu__link,
.utilitymenu--mobile .utilitymenu__text {
	border: 0 solid rgba(237, 237, 237, 0.2);
	border-bottom: 1px solid rgba(237, 237, 237, 0.2);
	border-radius: 0;
	display: block;
	margin: 0;
	text-indent: 10px;
	padding: 20px 0;
	transition: background 0.3s;
}

.utilitymenu--mobile .utilitymenu__item:last-child .utilitymenu__link,
.utilitymenu--mobile .utilitymenu__item:last-child .utilitymenu__text {
	border-bottom: 0 solid rgba(237, 237, 237, 0.2);
}

.utilitymenu--bottom {
	list-style: none;
	padding: 0;
	margin: 0;
}

.utilitymenu--bottom .utilitymenu__item {
	padding: 0 0 20px 0;
}

.utilitymenu--bottom .utilitymenu__link {
	color: #fff;
	text-decoration: none;
}

.utilitymenu--bottom .utilitymenu__link:hover,
.utilitymenu--bottom .utilitymenu__link:focus {
	text-decoration: underline;
}


/* End of Utilities */


/* Start of Site Menu */


.gi-sitenav {
	clear: right;
}

.gi-sitenav__link:hover,
.gi-sitenav__link:focus,
.gi-sitenav__link[aria-expanded="true"] {
	background: transparent;
}

.gi-sitenav--hassearch {
	margin: 0 44px 16px 0;
}

.gi-sitenav__list--lvl1 {
	background: transparent;
}

.gi-sitenav__item--lvl1 {
	position: relative;
}

.gi-sitenav__link--lvl1 {
	margin: 0;
	padding: 0 15px 0 15px;
	font-size: 1rem;
}

/* TDYNAMIC-675: Selecting menu disclosure links by 'aria-expanded', leaving aria-haspopup selector for backwards compatibility */
.gi-sitenav__link[aria-expanded],
.gi-sitenav__link[aria-haspopup="true"] {
	padding-right: 40px;
}

.gi-sitenav__link[aria-expanded]::after,
.gi-sitenav__link[aria-haspopup="true"]::after {
	padding-top: 5px;
	font-size: 1.5rem;
}

.gi-sitenav--lvl2 {
	display: inline-block;
	left: auto;
	right: 0;
	margin: 2px 0 0 0;
	padding: 0;
	background: transparent;
}

.gi-sitenav__list--lvl2 {
	padding: 0;
	min-width: 180px;
	text-align: center;
	background: #242424;
}

.gi-sitenav__item--lvl2 {
	display: block;
	border-left: 0;
	width: auto;
	float: none;
	padding: 20px 0;
	margin: 0 20px;
	border-bottom: 1px solid #333;
}

.gi-sitenav__item--lvl2:nth-child(4n + 1) {
	clear: none;
	border-left: 0;
}

.gi-sitenav__item--lvl2:last-of-type {
	border-bottom: 0;
}

.gi-sitenav__link--lvl2 {
	font-size: 1rem;
	font-weight: normal;
}

.sitemenu {
	margin: 0 0 20px 0;
	clear: right;
	opacity: 1;
	transition: opacity 0.5s linear;
}

.sitemenu--hassearch {
	margin: 0 50px 20px 0;
}

.sitemenu--hide {
	opacity: 0;
	visibility: hidden;
}

.sitemenu__item {
	list-style: none;
	display: inline-block;
	margin-left: 30px;
	position: relative;
	margin-right: -0.25rem;
}

.sitemenu__submenu-opener {
	list-style: none;
	display: inline-block;
	padding-left: 5px;
	position: relative;
	top: -3px;
}

.mobilemenu .sitemenu__submenu-opener {
	top: 0;
}

@media (max-width: 1050px) {
	.sitemenu__submenu-opener-button {
		display: none;
	}

	.sitemenu__submenu-opener {
		display: block;
		padding: 0 30%;
	}
}

.sitemenu__item:first-child {
	margin-left: 0;
}

.sitemenu__submenu-opener-button {
	border: none;
	background-color: transparent;
	background-image: url('/images/arrow_down.png');
	content: " ";
	background-position: center center;
	background-repeat: no-repeat;
	margin-left: 5px;
	background-size: 100% 100%;
	height: 10px;
	width: 14px;
	-webkit-transition: transform 0.5s;
	/* Safari */
	transition: transform 0.5s;
}

.sitemenu__submenu-opener-button--expanded {
	transform: rotate(-180deg);
}

.sitemenu__link {
	color: #fff;
	text-decoration: none;
}

.sitemenu__link:hover {
	color: #fff;
	text-decoration: underline;
}

.sitemenu__link--selected {
	background: rgba(237, 237, 237, 0.2);
}

.sitemenu__link--selected::after {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.submenu {
	list-style: none;
	position: absolute;
	background: #242424;
	padding: 20px 0 0 0;
	min-width: 180px;
	right: 0;
	text-align: center;
	display: none;
	z-index: 10;
}

.submenu__item {
	display: block;
	margin: 0 20px;
	border-bottom: 1px solid #333;
	padding-top: 20px;
	padding-bottom: 20px;
}

.submenu__link {
	color: #fff;
	display: block;
	text-decoration: none;
}

.submenu__link:hover {
	color: #fff;
	text-decoration: underline;
}

.submenu__item:last-child {
	border-bottom: 0 solid #333;
}


/* End of Site Menu */


/* Start of Site Search */

.gi-sitesearch--dynamic {
	top: 50px;
	border: 0;
	padding: 0;
	position: absolute;
	height: 35px;
	right: 20px;
	background-color: transparent;
	transition: opacity 0.5s linear;
}

.gi-sitesearch--dynamic[data-collapsed='false'] {
	width: 60%;
	background-color: #fff;
}

.gi-sitesearch--top .gi-sitesearch__searchfield,
.gi-sitesearch--top[data-collapsible='true'][data-suppress-closebtn='true'] .gi-sitesearch__searchfield {
	position: relative;
	width: calc(100% - 40px);
	height: 35px;
}

.gi-sitesearch--top[data-collapsible='true'] .gi-sitesearch__searchfield {
	width: calc(100% - 80px);
}

.gi-sitesearch--top .gi-sitesearch__closetoggle,
.gi-sitesearch--top .gi-sitesearch__searchtoggle,
.gi-sitesearch--top .gi-sitesearch__button {
	width: 40px;
	height: 35px;
	min-height: auto;
}

.gi-sitesearch--top .searchform__inputtxt {
	height: 34px;
	border: 0;
	color: #4a4a4a;
	text-indent: 10px;
}

.gi-sitesearch[data-collapsible='true'][data-collapsed='true'] .gi-sitesearch__button--search {
	border-left: 0;
}

.gi-sitesearch--top .btn--search,
.gi-sitesearch--top .btn--close {
	background-color: transparent;
	border: 0;
	transition: background-color 0.5s linear;
}

.gi-sitesearch--dynamic .btn--search:hover,
.gi-sitesearch--dynamic .btn--search:focus {
	opacity: 0.7;
}

.gi-sitesearch--dynamic[data-collapsed='false'] .btn--search {
	background-color: #515151;
}

.gi-sitesearch--dynamic[data-collapsed='false'] .btn--search:hover,
.gi-sitesearch--dynamic[data-collapsed='false'] .btn--search:focus {
	opacity: 1;
}

.gi-sitesearch--top .btn--close {
	background-color: #515151;
	transition: none;
}


/* End of Site Search */


/* Start of Search Suggestion */


.search-suggestion {
	text-align: left;
	cursor: default;
	border: 0;
	background: #fff;
	box-shadow: -1px 1px 3px rgba(0, 0, 0, 0.1);
	position: absolute;
	display: none;
	z-index: 9999;
	max-height: 200px;
	overflow: hidden;
	overflow-y: auto;
}

.search-suggestion__item {
	position: relative;
	padding: 0 0.6em;
	line-height: 23px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 1.02rem;
	color: #333;
}

.search-suggestion__item--selected {
	background: #3167C5;
	color: #fff;
}


/* End of Search Suggestion */


/* Start of Mobile Menu */


.gi-mobilenavtoggle--mobilemenu {
	display: none;
	position: absolute;
	right: 20px;
	top: 10px;
}

@media (max-width: 1050px) {
	.gi-mobilenavtoggle--mobilemenu {
		display: block;
	}
}

.gi-mobilenavtoggle__btn,
.gi-mobilenavtoggle__fallback,
.gi-mobilenavtoggle__btn[aria-expanded="true"] {
	background-color: transparent;
}

.gi-mobilenavtoggle__btn[aria-expanded="true"] .gi-mobilenavtoggle__mt1,
.gi-mobilenavtoggle__btn[aria-expanded="true"] .gi-mobilenavtoggle__mt2,
.gi-mobilenavtoggle__btn[aria-expanded="true"] .gi-mobilenavtoggle__mt3 {
	background-color: #fff;
}

.gi-mobilenav--mobilemenu {
	position: absolute;
	background: #242424;
	z-index: 2;
	width: 100%;
	padding: 20px;
	left: 0;
	margin: 0;
}

.gi-mobilenav--open,
.gi-mobilenav--nojs:target {
	display: none;
}

@media (max-width: 1050px) {
	.gi-mobilenav--open,
	.gi-mobilenav--nojs:target {
		display: block;
	}
}

.gi-sitesearch--mobile {
	top: auto;
	position: relative;
	width: 100%;
	right: auto;
}

.gi-sitesearch--mobile .gi-sitesearch__searchfield,
.gi-sitesearch--mobile[data-collapsible='true'][data-suppress-closebtn='true'] .gi-sitesearch__searchfield {
	width: calc(100% - 60px);
}

.gi-sitesearch--mobile .gi-sitesearch__searchtoggle,
.gi-sitesearch--mobile .gi-sitesearch__button {
	width: 60px;
}

.gi-sitesearch--mobile .btn--search {
	background-color: #343434;
	border: 0;
	font-size: 1.1rem;
	width: 60px;
}

.sitemenu--mobile {
	margin: 0;
	padding: 0;
}

.sitemenu--mobile .sitemenu__item {
	display: block;
	margin-left: 0;
	text-align: left;
}

.sitemenu--mobile .sitemenu__link,
.sitemenu--mobile .sitemenu__text {
	display: block;
	text-indent: 10px;
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid rgba(237, 237, 237, 0.1);
}

.sitemenu--mobile .sitemenu__link--haschildren {
	width: calc(100% - 75px);
}

.sitemenu--mobile .sitemenu__link--haschildren::after,
.sitemenu--mobile .sitemenu__text--haschildren::after {
	display: none;
}

.sitemenu__btn--haschildren {
	position: absolute;
	top: 0;
	right: 0;
	height: 100%;
	border: none;
	border-bottom: 1px solid rgba(237, 237, 237, 0.2);
	width: 75px;
	background-color: rgba(237, 237, 237, 0.2);
	text-align: center;
}

.sitemenu__btn--haschildren:hover {
	background-color: rgba(237, 237, 237, 0.1);
}

.sitemenu__btn--haschildren::after {
	content: "\e827";
	color: #fff;
	font-size: 1.5rem;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	transition: transform 0.5s linear;
}

.sitemenu__btn--selected.sitemenu__btn--haschildren::after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.sitemenu--mobile .sitemenu__item:last-child .sitemenu__link,
.sitemenu--mobile .sitemenu__item:last-child .sitemenu__text {
	border-bottom: 0 solid rgba(237, 237, 237, 0.2);
}

.sitemenu--mobile .sitemenu__item:last-child .sitemenu__link--selected {
	border-bottom: 1px solid rgba(237, 237, 237, 0.2);
}

.sitemenu--mobile .sitemenu__link:hover {
	background: rgba(237, 237, 237, 0.2);
	text-decoration: none;
}

.sitemenu--mobile .sitemenu__submenu-opener {
	padding: 0;
}

.sitemenu--mobile .submenu {
	list-style: none;
	position: relative;
	background: #242424;
	padding-top: 0;
	width: 100%;
	right: auto;
	text-align: left;
	display: none;
	background: rgba(237, 237, 237, 0.2);
	border-bottom: 1px solid #fff;
}

.sitemenu--mobile .submenu__item {
	border-bottom: 0 solid rgba(237, 237, 237, 0.2);
	margin: 0 10px;
}

@media (max-width: 1050px) {
	.header {
		padding: 10px 0;
	}

	.header__menu {
		display: none;
	}
}

@media (max-width: 480px) {
	.gi-sitelogo--header {
		margin: 0;
		text-align: left;
	}
}


/* End of Mobile Menu */


/* Start of Alert */


.alert {
	/* Match width of container, minus the padding */
	max-width: 1160px;
	margin: 0 auto 20px auto;
	clear: both;
}


/* End of Alert */


/* Start of Site Alert */


.sitealert {
	background: #ffb81c;
	width: 100%;
	float: left;
	clear: both;
	padding: 10px 0;
}

.sitealert__title {
	font-weight: bold;
	font-size: 1.25rem;
	color: #000;
}

.sitealert__title:hover,
.sitealert__title:focus {
	color: #000;
}


/* End of Site Alert */


/* Start of Carousel */


.gi-carousel--dynamic {
	display: inline-block;
	padding: 0;
}

.carouselsingle {
	clear: both;
}

.gi-carousel--dynamic .gi-carousel__linkswrapper {
	position: absolute;
	bottom: 10px;
	width: 100%;
	z-index: 2;
}

.gi-carousel--dynamic .gi-carousel__controls {
	margin: 0;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 100%;
	text-align: right;
	z-index: 2;
}

.gi-carousel--dynamic .gi-carousel__progressbar {
	display: none;
}

.gi-carousel--dynamic .gi-carousel__slide {
	padding: 0;
}

.gi-carousel--dynamic .gi-carousel__play,
.gi-carousel--dynamic .gi-carousel__previous,
.gi-carousel--dynamic .gi-carousel__next,
.gi-carousel--dynamic .gi-carousel__itemlinkbtn {
	border-color: transparent;
}


/* End of Carousel */


/* Start of Panels */


/* Default Panel - No Metadata */


/* TDYNAMIC-639: Refactoring Dynamic panels with the Dynamic-specific implementations under new --dynamic modifier: */
/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic {*/
.a-panel {
	width: 100%;
	padding: 40px 0 40px 0;
	clear: both;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__content {*/
.a-panel__content {
	clear: both;
	margin: auto;
	max-width: 1200px;
	padding: 40px;
	width: 100%;
	color: #242424;
	text-align: center;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__image {*/
.a-panel__image {
	max-width: 1200px;
	margin-bottom: 10px;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__title {*/
.a-panel__title {
	font-size: 1.5rem;
	display: block;
	font-weight: 400;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__summary {*/
.a-panel__summary {
	font-size: 1.1rem;
	display: block;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	max-width: 800px;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link {*/
.a-panel__link {
	background: #343434;
	position: relative;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 1.2rem;
	padding: 10px 40px 10px 20px;
	text-decoration: none;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link::after {
	content: "\e827";
	position: absolute;
	right: 13px;
	top: 50%;
	transform: translateY(-50%);
	padding: 5px 0 0 0;
	transition: right 0.3s;
}*/

/* TDYNAMIC-657: START to be removed later: */
.a-panel__link::after,
.a-panel__link::before {
	border-right: 2px solid white;
	content: "";
	display: block;
	height: 10px;
	margin-top: -.25em;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: right 0.3s;
	width: 10px;
}

.a-panel__link::before {
	margin-top: -.2em;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}
/* TDYNAMIC-657: END to be removed later */

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link:hover {*/
.a-panel__link:hover {
	box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.25);
	color: #fff;
	text-decoration: none;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link:hover::after {
	right: 8px;
}*/

/* TDYNAMIC-657: START to be removed later: */
.a-panel__link:hover::after,
.a-panel__link:hover::before {
	right: 15px;
}
/* TDYNAMIC-657: END to be removed later */

/* TDYNAMIC-666: START */
.a-panel--pt.a-panel--parallax .fa-block__link--action {
	margin: 0;
	font-family: inherit;
	font-weight: bold;
	background: #343434;
	position: relative;
	color: #fff;
	display: inline-block;
	border-radius: 5px;
	font-size: 1.2rem;
	padding: 10px 40px 10px 20px;
	text-decoration: none;
}

.a-panel--pt.a-panel--parallax .fa-block__link--action:hover,
.a-panel--pt.a-panel--parallax .fa-block__link--action:focus {
	box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.25);
	color: #fff;
	text-decoration: none;
}

.a-panel--pt.a-panel--parallax .fa-block__link--action::after,
.a-panel--pt.a-panel--parallax .fa-block__link--action::before {
	border-right: 2px solid white;
	content: "";
	display: block;
	height: 10px;
	margin-top: -.25em;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transition: right .3s;
	width: 10px;
}

.a-panel--pt.a-panel--parallax .fa-block__link--action::before {
	margin-top: -.2em;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

.a-panel--pt.a-panel--parallax .fa-block__link--action:hover::after,
.a-panel--pt.a-panel--parallax .fa-block__link--action:hover::before {
	right: 15px;
}
/* TDYNAMIC-666: END */

/* Panel Video */


.carousel--video {
	clear: left;
}

.relatedvideo--nojs {
	margin: 40px auto;
}

.relatedvideo--nojs .videoplayer {
	width: 100%;
	margin: 0;
}

.relatedvideo--nojs .videoplayer__video {
	width: 100%;
	height: auto;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__videowrapper {*/
.a-panel__videowrapper {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
	display: none;
	position: relative;
	top: 50%;
}


.btn--closevideo {
	background-color: rgba(20, 20, 20, 0.8);
	position: absolute;
	width: 44px;
	height: 44px;
	right: 0;
	top: 10px;
	z-index: 1;
	cursor: pointer;
	padding: 0;
}

.btn--closevideo::after {
	content: "\e809";
	top: calc(50% - 18px);
	right: calc(50% - 12px);
	/* TDYNAMIC-656: Fixed size icon */
	font-size: 30px;
	color: #fff;
}

.btn--closevideo:hover {
	background-color: rgba(20, 20, 20, 0.69);
}


/* End Panel Video */


/* Panel Play Button */


/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__button--play::before {*/
.a-panel__button--play::before {
	content: "\e830";
	/* TDYNAMIC-656: Fixed size icon */
	font-size: 38px;
	padding-left: 8px;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__button--play {*/
.a-panel__button--play {
	width: 70px;
	height: 70px;
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 50%;
	cursor: pointer;
	color: #000;
	background: #fff;
}


/* End Panel Play */


/* Default Panel - With Image */


/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--hasbackground {*/
.a-panel--hasbackground {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--hasbackground .a-panel__content {*/
.a-panel--hasbackground .a-panel__content {
	background-color: rgba(20, 20, 20, 0.8);
	color: #fff;
}


/* Carousel Panel  */


/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--carousel {*/
.a-panel--carousel {
	background-color: #343434;
	padding: 60px 0 72px 0;
	clear: none;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--carousel .a-panel__content {*/
.a-panel--carousel .a-panel__content {
	max-width: 800px;
	color: #fff;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--carousel .a-panel__title {*/
.a-panel--carousel .a-panel__title {
	font-size: 2rem;
	display: block;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--carousel .a-panel__summary {*/
.a-panel--carousel .a-panel__summary {
	font-size: 1.25rem;
	display: block;
	margin: 10px 0 20px 0;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--carousel .a-panel__link {*/
.a-panel--carousel .a-panel__link {
	background: #fff;
	color: #242424;
	font-weight: 700;
}

/* TDYNAMIC-657: START to be removed later: */
.a-panel--carousel .a-panel__link::after,
.a-panel--carousel .a-panel__link::before {
	border-right: 2px solid #242424;
}
/* TDYNAMIC-657: END to be removed later */


/* List Panels */


/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__list {*/
.a-panel__list {
	display: block;
	clear: both;
}

.item__image,
.item__content {
	display: block;
}

.item__image {
	max-width: 100%;
	height: auto;
	display: inline;
}

.item__title {
	font-size: 1.2rem;
	margin-bottom: 20px;
	display: inline-block;
	color: #242424;
	font-weight: 400;
}

.item__link {
	color: #242424;
	text-decoration: none;
}

.item__link:hover {
	text-decoration: underline;
}

.item__body:not(:last-child) {
	margin: 0 0 10px 0;
}

.item .item__sublinks {
	padding-left: 0;
}

.grid--1col .item .item__sublinks {
	padding-left: 20px;
}

.item__sublink {
	/* TDYNAMIC-652: Allow line-height to apply to the element dimensions */
	display: inline-block;
	line-height: 1.8rem;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--hasbackground .item__link,
.a-panel--dynamic.a-panel--hasbackground .item__sublink {*/
.a-panel--hasbackground .item__link,
.a-panel--hasbackground .item__sublink {
	color: #fff;
}

.item__link:hover .item__image {
	opacity: 0.8;
}


/* Feature Group Panels */


/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__feature {*/
.a-panel__feature {
	padding: 20px 0;
}

.grid__cell--feature {
	padding: 40px 0 20px 0;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--feature:nth-child(even) {*/
.a-panel--feature:nth-child(even) {
	background: #dedede;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--feature:nth-child(odd) {*/
.a-panel--feature:nth-child(odd) {
	background: #efefef;
}

.grid--feature .grid__cellwrap {
	padding: 20px;
	border: none;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__feature .item__link {*/
.a-panel__feature .item__link {
	text-decoration: none;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__feature .item__link:hover {*/
.a-panel__feature .item__link:hover {
	text-decoration: underline;
}


/* End of Panels */


/* Start of Related Articles */


/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--related .a-panel__content {*/
.a-panel--related .a-panel__content {
	padding: 0;
	text-align: center;
}

/* TDYNAMIC-481: Align box edges with 20px spacing of other page sections */
.grid--related {
	padding: 0 5px;
}

/* Recalculate min cell width as 300 minus padding applied above */
.grid--related[data-grid-mincolwidth="300"] > .grid__cell {
	min-width: 290px;
}

.grid__cell--related {
	padding: 15px 15px 40px 15px;
}

.ra-block {
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 20px 20px 20px 20px;
	position: relative;
}

.ra-block .ra-block__body {
	margin-bottom: 20px;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 500px;
}

.ra-block--default .ra-block__body {
	margin-bottom: 20px;
}

.ra-block__content .item--list {
	border: 0;
}

.grid__cell--related .ra-block__title {
	margin-bottom: 20px;
}

.grid__cell--related .ra-block__link {
	font-size: 1.75rem;
	display: block;
	color: #242424;
	font-weight: 400;
	text-decoration: none;
}

.grid__cell--related .ra-block__link:hover {
	text-decoration: underline;
}

.ra-block__links {
	margin: 20px 0;
}

.ra-block__links .item {
	margin-bottom: 40px;
	clear: both;
	padding: 0;
}

.ra-block__links .item:last-child {
	margin-bottom: 0;
}

.ra-block__links .item__imagecontainer {
	display: block;
	max-width: 20%;
	margin: 0 auto;
}

.ra-block__links .item__link {
	font-size: 1.3rem;
	margin-bottom: 10px;
	color: #242424;
	font-weight: 400;
}

.ra-block__links .grid__cell,
.ra-block__links .grid__cellwrap {
	padding: 0;
}

.grid--related .item__links .item__link {
	font-size: 1rem;
	color: #343434;
	margin: 10px 0 0 0;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic.a-panel--hasbackground .item__links .item__link {*/
.a-panel--hasbackground .item__links .item__link {
	color: #fff;
	font-size: 1rem;
	margin: 0 0 10px 0;
}


/* End of Related Articles */


/* Start of Footer */


.footer {
	width: 100%;
	float: left;
	display: block;
	padding: 40px 0;
	background-color: #242424;
	color: #fff;
	border-top: 10px solid #343434;
}

.footer__copy {
	margin: 0 0 20px;
	display: block;
	color: #fff;
	clear: both;
}

.bygoss__link {
	color: #fff;
	font-weight: 400;
	/* TDYNAMIC-656: Replaces font-size: 14px */
	font-size: 0.875rem;
	display: inline-block;
	text-decoration: none;
}

.bygoss__link:hover,
.bygoss__link:focus {
	color: #fff;
	text-decoration: underline;
}

.grid--footer > .grid__cell {
	padding: 0 10px;
}

.grid--footer > .grid__cell:first-child {
	padding: 0 10px 0 0;
}

.grid--footer > .grid__cell:last-child {
	padding: 0 0 0 10px;
}

@media (max-width: 1050px) {
	.grid--footer > .grid__cell {
		width: 50%;
		padding: 0 0 0 10px;
	}

	.grid--footer > .grid__cell:nth-child(2n+1) {
		clear: both;
		padding: 0 10px 0 0;
	}
}

@media (max-width: 560px) {
	.grid--footer > .grid__cell {
		width: 100%;
		text-align: center;
	}

	.grid--footer > .grid__cell,
	.grid--footer > .grid__cell:first-child,
	.grid--footer > .grid__cell:nth-child(2n+1) {
		padding: 0 0 20px 0;
	}

	.grid--footer > .grid__cell:last-child {
		padding: 0;
	}
}


/* End of Footer */


/* Start of Social Media */


.socialmedia__list {
	list-style: none;
	padding: 0;
	margin: 0;
}

.socialmedia__title {
	margin: 0 0 20px 0;
	display: block;
	/* TDYNAMIC-658: Switching markup to h2 requires these to not be inherited */
	font-size: unset;
	font-weight: unset;
}

.socialmedia__image {
	max-height: 32px;
}

.socialmedia__item {
	float: left;
	margin: 0 10px 10px 0;
}

@media (max-width: 560px) {
	.socialmedia__item {
		float: none;
		display: inline-block;
	}

	.socialmedia__list {
		margin: 0 auto;
	}
}


/* End of Social Media */


/* Start of Breadcrumbs */


.breadcrumb__nav {
	border-bottom: 1px solid #dedede;
	padding: 1em 0;
	width: 100%;
	float: left;
	clear: both;
}

.breadcrumb {
	list-style: none;
	padding: 0;
	margin: 0;
}

.breadcrumb__crumb {
	display: inline-block;
	padding: 0 10px 0 0;
}

.breadcrumb__crumb:first-child {
	padding-left: 0;
}

.breadcrumb__link {
	font-weight: bold;
	color: #343434;
	text-decoration: none;
}

.breadcrumb__link:hover {
	text-decoration: underline;
}

.breadcrumb__crumb::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 5px;
	height: 5px;
	margin-left: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #343434;
}

.breadcrumb__crumb:last-child::after {
	display: none;
}


/* End of Breadcrumbs */


/* Start of Article Heading */


.a-heading__title {
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;
	transition: margin 0.3s;
	font-size: 2.375rem;
	margin: 40px 0;
	font-weight: 400;
}


/* End of Article Heading */


/* Start of Article Intro */


.a-intro__content {
	font-weight: 700;
	font-size: 1.56rem;
}


/* End of Article Intro */


/* Start of Article Related Image */


.a-relimage {
	float: left;
	margin: 0 40px 40px 0;
}

.a-relimage__image {
	max-width: 100%;
}

@media (max-width: 780px) {
	.a-relimage {
		float: none;
		margin: 40px 0;
		text-align: center;
	}
}


/* End of Article Related Image  */


/* Start of Article Body */


.maincontent {
	width: 100%;
	float: left;
	clear: both;
}

/* DYNAMIC-632: With potentially empty aside removed, the floated main content parent should handle its own float clearT */
.maincolumn::after {
	content: "";
	display: block;
	clear: both;
}

.a-body {
	padding-bottom: 40px;
}

.a-body__image--left {
	margin: 0 40px 40px 0;
}

@media (max-width: 780px) {
	.a-body__image--left {
		margin: 0;
	}
}

.a-body__image--right {
	margin: 0 0 40px 40px;
}

@media (max-width: 780px) {
	.a-body__image--right {
		margin: 0;
	}
}


/* End of Article Body */


/* End of Social Share */


.a-share {
	width: 100%;
	float: left;
	display: block;
	text-align: center;
	margin: 20px 0 40px 0;
	padding-top: 20px;
}

.a-share__link {
	padding: 0 2px;
	text-decoration: none;
}

.a-share__link:hover {
	text-decoration: none;
	opacity: 0.8;
}

.a-share__label {
	display: inline-block;
	padding: 0 10px 0 25px;
	position: relative;
	top: -10px;
	/* TDYNAMIC-671: Apply same margin and line height as 'p' tag since framework asset switches this to a span */
	margin: 0 0 20px 0;
	line-height: 1.8;
}

.a-share__label:first-of-type {
	padding: 0 10px 0 0;
}

@media (max-width: 780px) {
	.a-share__label {
		display: block;
		padding: 10px 0 0 0;
		position: relative;
		top: auto;
	}
}


/* End of Social Share */


/* Start of Related Assets */


.relateditem {
	padding: 60px 0 40px 0;
}

.panel {
	padding: 0 0 40px 0;
	margin: 0;
	border: 0;
	float: left;
	display: block;
	width: 100%;
	clear: both;
}

.panel__heading {
	font-size: 1.2rem;
	display: block;
	font-weight: 400;
	margin-bottom: 0.5em;
}

.panel__headingtext {
}

.panel__item {
	list-style: none;
	margin-top: 20px;
	padding: 5px 0 10px 50px;
	background: url('../images/list-arrow.png') no-repeat top left;
	float: left;
	width: 49%;
	display: inline-block;
	transition: background 0.25s linear;
}

.panel__item:hover {
	background: url('../images/list-arrow.png') no-repeat 10px 0;
}

@media (max-width: 780px) {
	.panel__item {
		width: 100%;
	}
}

.panel__item:last-child {
	border-bottom: solid 0 #ccc;
}

.panel__link {
	text-decoration: none;
	width: calc(100% - 15px);
	display: inline-block;
	color: #000;
}

.panel__link:hover {
	color: #000;
	text-decoration: underline;
}

.media-links--related .media-link {
	text-decoration: none;
	color: #000;
}

.media-links--related .media-link:hover {
	text-decoration: underline;
}

.media-link__text {
	max-width: 100%;
}

.media-links {
	display: inline-block;
}

.media-link__text::before {
	transition: transform 0.25s linear;
}

.media-link:hover .media-link__text::before,
.media-link:focus .media-link__text::before {
	transform: scale(0.8);
}

.panel__item--pdf .media-link__text::before {
	content: url("../images/pdficon.gif");
}

.panel__item--word .media-link__text::before {
	content: url("../images/wordicon.gif");
	left: -24px;
}

.panel__item--excel .media-link__text::before {
	content: url("../images/excelicon.gif");
	left: -24px;
}

.panel__item--zip .media-link__text::before {
	content: url("../images/zipicon.gif");
	left: -25px;
}

.panel__item.panel__item--pdf,
.panel__item.panel__item--word,
.panel__item.panel__item--excel,
.panel__item.panel__item--zip {
	background: none;
	padding: 5px 0 10px 0;
}

.panel__item--composite .media-links__title {
	/* TDYNAMIC-656: Replaces font-size: 16px */
	font-size: 1rem;
}

.media-links__list {
	padding: 0;
	margin: 0;
	list-style: none;
}

.media-links__item {
	padding: 0.5em 0 0 1em;
}

@media screen and (max-width: 1200px) {
	.relateditem {
		margin: auto;
		width: 100%;
		padding: 20px 0;
	}

	.relateditem__link {
		max-width: 95%;
		width: 95%;
		display: inline-block;
	}
}


/* Dynamic Polls Styles Starts */


.pollform {
	padding: 10px 0;
}

.pollform__submit--vote {
	background: #343434;
	border: 0;
	-moz-border-radius: 0.21429em;
	-webkit-border-radius: 0.21429em;
	border-radius: 0.21429em;
	color: white;
	cursor: pointer;
	display: inline-block;
	line-height: 1.6;
	margin: 0.5em 0.5em 0.5em 0;
	padding: 0.5em 0.8em;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	-webkit-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.3s ease-in-out;
	text-decoration: none;
	-webkit-appearance: none;
}

.pollform__submit--vote:hover,
.pollform__submit--results:hover {
	box-shadow: inset 0 0 20em rgba(0, 0, 0, 0.25);
	text-decoration: none;
}

.vote {
	padding-left: 0;
}

.poll-results th {
	padding: 5px 0;
}

.answer {
	padding: 20px 5px 20px 0;
}

div.pollform__question {
	margin: 20px 0;
}

.poll-results .highlight .bar {
	background: #dcdcdc;
}

.bar {
	background: #343434;
}

.relateditem__link {
	color: #000;
}


/* Poll toggle styles */


.pollform[aria-hidden="true"],
.pollform__results[aria-hidden="true"],
.poll-results[aria-hidden="true"] {
	display: none;
}


/* Dynamic Polls Styles End */


/* Starts of Dynamic Authentication Styling */


.a-body--authentication {
	padding: 0 20px;
}

.a-body--authentication p {
	margin: 0 0 20px 0;
}

.loginform__submit--icmsiteuser {
	background: #343434;
}

.authlinks__item {
	list-style: none;
	margin-top: 20px;
	padding: 5px 0 10px 50px;
	background: url('../images/list-arrow.png') no-repeat top left;
	float: left;
	width: 100%;
	display: block;
	transition: background 0.25s linear;
}

.authlinks__link {
	max-width: 80%;
	display: block;
	color: #000;
	margin-bottom: 5px;
	text-decoration: none;
}

.authlinks__link:hover {
	color: #000;
	text-decoration: underline;
}

.authlinks__item:hover {
	background: url('../images/list-arrow.png') no-repeat 10px 0;
}

@media (max-width: 780px) {
	.grid--2col.grid--authentication > .grid__cell {
		width: 100%;
	}

	.a-body--authentication {
		padding: 0;
	}
}


/* Ends of Dynamic Authentication Styling */


/* Start of Search Styling */


.maincontent .gi-sitesearch--dynamic {
	top: auto;
	position: relative;
	width: 100%;
	height: auto;
	right: auto;
	clear: both;
	background-color: transparent;
	margin: 20px 0;
}

.maincontent .gi-sitesearch--dynamic .searchform__input {
	display: block;
	opacity: 1;
}

.maincontent .gi-sitesearch--dynamic .searchform__inputtxt {
	border: 1px solid #ccc;
	color: #4a4a4a;
	width: 100%;
}

.maincontent .gi-sitesearch--dynamic .btn--search {
	background-color: #343434;
	color: #fff;
	font-size: 1.1rem;
	border: 0;
	width: 60px;
}

.searchsummary {
	padding: 10px 0 20px;
	margin: 0 0 20px;
	clear: both;
}

.searchresults {
	list-style: none;
	padding: 0;
	margin: 20px 0;
}

.searchsummary__text {
	margin-top: 20px;
}

.searchresults__item {
	margin-bottom: 40px;
}

.searchresults__itemlink,
.searchresults__itemtitle {
	font-size: 1.1rem;
	margin: 0;
	color: #1a0dac;
}

/* TDYNAMIC-656: Previously nested 'em' value */
.searchresults__itemlink > .searchresults__itemtitle {
	font-size: 1.21rem;
}

.searchresults__itemurl {
	font-size: 0.9rem;
	display: block;
	color: #006620;
	word-wrap: break-word;
}

.searchresults__itemsummary {
	font-size: 0.9rem;
	margin: 0;
}


/* End of Search Styling */


/* Start of Error Page Styling */


.a-intro--403,
.a-intro--404,
.a-intro--500 {
	text-align: center;
}


/* End of Error Page Styling */


/* Start of Print */


@media print {
	.header,
	.sitealert,
	.a-share,
	.carousel,
	.videocarousel,
	.a-panel--feature {
		display: none;
	}

	.cookiemessage {
		display: none !important;
	}

	.search-suggestion {
		display: none;
	}

	.breadcrumb__nav {
		display: none;
	}

	.footer {
		display: none;
	}

	.sidebar__menu {
		display: none;
	}

	.relateditem {
		display: none;
	}

	.maincontent {
		width: 100%;
	}
}


/* End of Print */


/* Start Panel Link Twitter */


/*
	These are the modifiers that allow the homepage news blocks links to be.
	Dynamic sets this modifier based on meta data related to the news block.
	The Dynamic theme by default ships with this default modifier for showing
	the link with a twitter icon. Additional modifiers can be defined in skins
	and additional icons placed in theme overrides.
*/

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link--twitter {*/
.a-panel__link--twitter {
	padding-right: 60px;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link--twitter::before {*/
.a-panel__link--twitter::before {
	display: none;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link--twitter::after {*/
.a-panel__link--twitter::after {
	background-image: url("../images/twitter-bird.png");
	content: "";
	display: block;
	height: 20px;
	margin-top: -10px;
	position: absolute;
	right: .9em;
	top: 50%;
	width: 25px;
	transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	border: 0;
}

/* TDYNAMIC-657: To be restored later: */
/*.a-panel--dynamic .a-panel__link--related:hover {*/
.a-panel__link--related:hover {
	color: #fff;
}


/* End Panel Link Twitter */


/* Start of Panel Colour Modifiers */


/*
	These are the modifiers that allow background colours to be specified
	for article panels in dynamic. Dynamic sets this modifier based on meta
	data related to the article the panel represents. The Dynamic theme by
	default ships with this single meta data colour modifier, additional
	colours can be added through the skinning functionality.
*/

.a-panel--blue {
	background-color: #343434;
}

.a-panel--blue .a-panel__content {
	color: #fff;
}

.a-panel--blue .a-panel__link {
	background: #fff;
	color: #242424;
	font-weight: 700;
}

.a-panel--blue .a-panel__link::after,
.a-panel--blue .a-panel__link::before {
	border-right: 2px solid #242424;
}

.a-panel--blue .item__link {
	color: #fff;
}

.a-panel--blue .item__links .listitem__link {
	color: #fff;
}


/* End of Panel Colour Modifiers */


/* Image/Search Banner */

.imagebanner {
	width: 100%;
	clear: both;
	position: relative;
	background-color: #343434;
}

.imagebanner__list {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
}

.imagebanner--search .imagebanner__list {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	overflow: hidden;
}

.imagebanner__item {
	position: absolute;
	overflow: hidden;
	background: #fff;
	width: 100%;
	/* TDYNAMIC-583: Scale the height according to viewport width as before: */
	height: 19.3vw;
	top: 0;
	left: 0;
	z-index: 1;
	text-align: center;
}

.imagebanner__item:first-of-type {
	position: relative;
}

.imagebanner--search .imagebanner__item {
	height: 100%;
}

.imagebanner__item--active {
	z-index: 3;
}

.imagebanner__image {
	max-width: 100%;
	height: auto;
	/* TDYNAMIC-583: Vertical centre the image to mimic previous image (cropped by server) */
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}

.imagebanner--search .imagebanner__image {
	max-width: none;
	width: auto;
	height: 100%;
}

.imagebanner__searchholder {
	position: relative;
	padding: 60px 40px;
	z-index: 2;
}

.imagebanner__search {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 40px 40px 60px 40px;
	text-align: center;
	color: #fff;
	background-color: rgba(20, 20, 20, 0.8);
}

.imagebanner--search .gi-sitesearch--dynamic .gi-sitesearch__searchfield,
.imagebanner--search .gi-sitesearch--dynamic[data-collapsible='true'][data-suppress-closebtn='true'] .gi-sitesearch__searchfield {
	width: calc(100% - 60px);
}

.imagebanner--search .gi-sitesearch--dynamic[data-collapsible='true'] .gi-sitesearch__searchfield {
	width: calc(100% - 110px);
}

.imagebanner--search .gi-sitesearch--dynamic .gi-sitesearch__searchtoggle {
	width: 60px;
}

.imagebanner--search .gi-sitesearch--dynamic .btn--search {
	background-color: #343434;
	color: #fff;
	font-size: 1.1rem;
	border: 0;
	padding: 10px 20px;
	width: 60px;
}

.imagebanner__title {
	font-size: 2rem;
	display: block;
	font-weight: 400;
}

.imagebanner__summary {
	font-size: 1.25rem;
	display: block;
	margin: 0 auto;
	padding: 10px 0 20px 0;
	/* format the text as it appears in the input text box (but wrap lines and remove whitespace */
	white-space: pre-line;
	/* stop really long words from overflowing */
	overflow: hidden;
}

.gi-sitesearch--banner {
	position: relative;
	top: 0;
	right: auto;
	margin: 0 auto;
	width: 70%;
	height: 50px;
}

.gi-sitesearch--banner .searchform__input {
	display: block;
	opacity: 1;
	width: calc(100% - 60px);
}

@media (max-width: 840px) {
	.gi-sitesearch--banner {
		width: 100%;
	}
}


/* end image/search banner */

/* TDYNAMIC-540: Adjust feedback form for Dynamic theme */
.gi-feedback {
	margin-bottom: 40px;
}

.gi-feedback__heading {
	font-weight: 400;
}