/*
========================================================

4.Hero Image

========================================================
*/
@media screen and (min-width: 1023px) {
	.hero-module-container {
		--font-color: var(--white);
		--main-highlight-color: var(--white);
		--h1: clamp(48px, 4cqi, 77px);
		/*BUTTON CSS*/
		--button-font-color: var(--white);
		--button-font-inverse: var(--white);
		--button-color: var(--maroon);
		--button-inverse: transparent;
		/* ICONS */
		--preview-icon: var(--arrow-icon-white);
		--preview-icon-hover: var(--arrow-icon-white);
		--external-icon: var(--external-icon-white);
		--external-icon-maroon: var(--external-icon-white);
		--download-icon: var(--download-icon-white);
		--download-icon-maroon: var(--download-icon-white);
		--locked-icon: var(--locked-icon-white);
		--locked-icon-maroon: var(--locked-icon-white);
		/* STORY HUB ICONS */
		--video-icon: var(--video-icon-white);
		--video-icon-maroon: var(--video-icon-white);
		--photo-icon: var(--photo-icon-white);
		--photo-icon-maroon: var(--photo-icon-white);
		--audio-icon: var(--audio-icon-white);
		--audio-icon-maroon: var(--audio-icon-white);
		--data-icon: var(--data-icon-white);
		--data-icon-maroon: var(--data-icon-white);
		--paper-icon: var(--paper-icon-white);
		--paper-icon-maroon: var(--paper-icon-white);
		--event-icon: var(--event-icon-white);
		--event-icon-maroon: var(--event-icon-white);
		/* SOCIAL ICONS */
		--facebook-icon: var(--facebook-icon-white);
		--facebook-icon-dark: var(--facebook-icon-white);
		--x-icon: var(--x-icon-white);
		--x-icon-dark: var(--x-icon-white);
		--linkedin-icon: var(--linkedin-icon-white);
		--linkedin-icon-dark: var(--linkedin-icon-white);
		--youtube-icon: var(--youtube-icon-white);
		--youtube-icon-dark: var(--youtube-icon-white);
		--instagram-icon: var(--instagram-icon-white);
		--instagram-icon-dark: var(--instagram-icon-white);
		--tiktok-icon: var(--tiktok-icon-white);
		--tiktok-icon-dark: var(--tiktok-icon-white);
	}


	/* HERO BUTTONS */
	.hero-content .body-copy a.btn-maroon,
	.hero-content .body-copy button.btn-maroon,
	.hero-content .body-copy a.btn-white:hover,
	.hero-content .body-copy button.btn-white:hover {
		border-color: var(--maroon);
	}

		.hero-content .body-copy a.btn-maroon:hover,
		.hero-content .body-copy button.btn-maroon:hover {
			border-color: var(--white);
		}

	.single-col.hero-module .hero-content,
	.text-overlay-off.hero-module .hero-content,
	.hero-module .text-overlay-off.hero-content {
		--font-color: var(--font-color);
		--main-highlight-color: var(--maroon);
		/*BUTTON CSS*/
		--button-font-color: var(--white);
		--button-font-inverse: var(--white);
		--button-color: var(--maroon);
		--button-inverse: transparent;
		/* ICONS */
		--preview-icon: var(--preview-icon);
		--preview-icon-hover: var(--preview-icon-hover);
		--external-icon: var(--external-icon);
		--external-icon-maroon: var(--external-icon-maroon);
		--download-icon: var(--download-icon);
		--download-icon-maroon: var(--download-icon-maroon);
		--locked-icon: var(--locked-icon);
		--locked-icon-maroon: var(--locked-icon-maroon);
		/* STORY HUB ICONS */
		--video-icon: var(--video-icon);
		--video-icon-maroon: var(--video-icon-maroon);
		--photo-icon: var(--photo-icon);
		--photo-icon-maroon: var(--photo-icon-maroon);
		--audio-icon: var(--audio-icon);
		--audio-icon-maroon: var(--audio-icon-maroon);
		--data-icon: var(--data-icon);
		--data-icon-maroon: var(--data-icon-maroon);
		--paper-icon: var(--paper-icon);
		--paper-icon-maroon: var(--paper-icon-maroon);
		--event-icon: var(--event-icon);
		--event-icon-maroon: var(--event-icon-maroon);
		/* SOCIAL ICONS */
		--facebook-icon: var(--facebook-icon);
		--facebook-icon-dark: var(--facebook-icon-dark);
		--x-icon: var(--x-icon);
		--x-icon-dark: var(--x-icon-dark);
		--linkedin-icon: var(--linkedin-icon);
		--linkedin-icon-dark: var(--linkedin-icon-dark);
		--youtube-icon: var(--youtube-icon);
		--youtube-icon-dark: var(--youtube-icon-dark);
		--instagram-icon: var(--instagram-icon);
		--instagram-icon-dark: var(--instagram-icon-dark);
		--tiktok-icon: var(--tiktok-icon);
		--tiktok-icon-dark: var(--tiktok-icon-dark);
	}
}

.hero-module {
	background-color: var(--component-background-color);
}

	.hero-module .hero-module-container {
		position: relative;
		margin-bottom: 30px;
	}

.no-padding-bottom.hero-module .hero-module-container {
	margin-bottom: 0;
}

.hero-content {
	z-index: 0;
	bottom: 0px;
}

.hero-image img {
	width: 100%;
	height: auto;
}

.hero-content {
	position: absolute;
	width: 100%;
	z-index: 1;
}

	.hero-content h2 {
		margin-bottom: 10px;
	}


.hero-module .hero-image {
	width: 100%;
	position: relative;
	line-height: 0;
}

/* VIDEO HERO IMAGE REMOVE BACKGROUND CSS */
.hero-image div.gradient {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 30%), linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.1) 70%);
	content: "";
	display: block;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
}

.hero-content .body-copy h2 a:after,
.hero-content .body-copy h1 a:after {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	content: "" !important;
	cursor: pointer;
	padding: 0;
	width: auto !important;
}

.hero-content .body-copy {
	position: relative;
	color: var(--font-color);
}

	/* HERO IMAGE FONTS */
	.hero-content .body-copy p {
		line-height: var(--line-height-h);
		font-family: var(--TradeGothicCn);
		font-size: var(--large);
	}

/* HERO Buttons */
.hero-content .btn {
	font-size: var(--p);
}

.hide-byline.pageTitle ul.details li:first-child {
	display: none;
}

.no-bottom.hero-module .hero-module-container {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* HERO IMAGE LINKED ICONS */
.hero-content .body-copy div.copy-container p:last-of-type {
	display: inline;
	margin-right: 10px;
}


/* TOGGLE HERO IMAGE TEXT OVERLAY */
.text-overlay-off .hero-content,
.hero-module .hero-content.text-overlay-off,
.single-col.hero-module .hero-content {
	position: relative;
}

.optional-title {
	display: block;
	font-weight: 400;
	font-size: var(--p);
	font-family: var(--TradeGothicLight);
	margin-bottom: 3px;
}

.hero-module .hero-content.hide-hero-image p {
	font-size: var(--p);
}

.hero-content.hide-hero-image .body-copy h2 a::after {
	display: none !important;
}


/* HERO IMAGE SINGLE COLUMN */
.hero-module.single-col .hero-image {
	width: var(--component-column-width);
	margin-left: calc(var(--container-column-spacing) + var(--container-column-gap));
}

.hero-module.single-col .visual-element {
	height: 0;
}

.hero-module .copy-container h2:first-of-type::after {
	display: none;
}

.hero-content .body-copy div.copy-container p:last-of-type {
	display: inline;
	margin-right: 10px;
}


.media .hero-content .body-copy ul.details,
.media .hero-content .body-copy ul.details li {
	display: inline;
	line-height: var(--line-height-d);
	font-family: var(--TradeGothicCn);
	font-size: var(--tiny);
}

.hero-content .body-copy ul.details li {
	margin-bottom: 0;
}

/* SHOW PREVIEW ICON SIZE OVERRIDE */
.hero-module.show-preview-icon a.icon {
	width: 60px;
}

	.hero-module.show-preview-icon a.icon::before {
		width: 40px;
		height: 20px;
	}

	.hero-module.show-preview-icon a.icon.external::before,
	.hero-module.show-preview-icon a.icon[target="_blank"]::before,
	.hero-module.show-preview-icon a.icon.pdf::before,
	.hero-module.show-preview-icon a.icon[href*="/-/media/"],
	.hero-module.show-preview-icon a.icon.locked::before,
	.hero-module.show-preview-icon.media a.icon::before,
	.hero-module.show-preview-icon .media a.icon::before {
		width: 30px;
	}

.hero-content .body-copy ul.details {
	margin-top: 5px;
}

.hero-module.infographic .hero-image div.gradient {
	display: none;
}

.hero-module.infographic .hero-content {
	position: absolute;
	left: -10000px;
	top: auto;
	width: 1px;
	height: 1px;
	overflow: hidden;
}


.no-bottom.hero-module .hero-module-container {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/* HERO IMAGE IMAGE CREDIT */
.hero-module-container .image-credit:before {
	content: "Credit: ";
	font-size: var(--tiny);
	font-style: italic;
}

.hero-module-container .image-credit {
	position: absolute;
	bottom: 20px;
	right: 20px;
	font-size: var(--tiny);
	font-style: italic;
	max-width: 25%;
	color: var(--white);
}

.no-bottom.hero-module .hero-module-container {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

/*
========================================================

8.Page Title Module

========================================================
*/

.component.pageTitle {
	padding-top: calc(var(--container-row-spacing) / 2);
}

.pageTitle.body-copy-module {
	padding-bottom: calc(var(--container-row-spacing) / 2);
}

.pageTitle.no-padding-top {
	padding-top: 0px;
}

.pageTitle.no-padding-bottom {
	padding-bottom: 0px;
}

.pageTitle.no-padding {
	padding: 0px;
}

.pageTitle .swiss-container .bodyCopy-container {
	display: flex;
	padding-top: 20px;
	padding-bottom: var(--container-row-spacing);
}

.pageTitle.swiss {
	padding-top: 0;
}

.pageTitle .swiss-container {
	row-gap: 0;
}

.pageTitle div.copy ul.details {
	margin-top: 30px !important;
}

.hide-byline.pageTitle ul.details li:first-child {
	display: none;
}

.pageTitle .hero-content .body-copy div.copy-container {
	margin-right: 0;
}

.pageTitle .hero-content .preview-content p {
	font-family: var(--TradeGothicCn);
	line-height: var(--line-height-cn)
}

.pageTitle h1 {
	margin-bottom: 5px;
}

.pageTitle h2 {
	margin-top: 20px;
}

.pageTitle.swiss div.copy > h2 {
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
}

.pageTitle.body-copy-module .copy-container {
	margin-top: 20px;
}

.pageTitle.hero-module h2,
.pageTitle.hero-module .copy-container {
	margin-top: 5px;
}

@media screen and (max-width: 1023px) {
	.pageTitle .hero-content .body-copy p {
		font-size: var(--p);
		font-family: var(--TradeGothicLight);
		line-height: var(--line-height-p);
	}
}

@media screen and (max-width: 767px) {
	.component.pageTitle {
		padding-top: 20px !important;
	}

		.component.pageTitle .swiss-row-one .bodyCopy-container {
			padding-top: 0px;
			padding-bottom: 0px;
		}

	.pageTitle h1 {
		margin-bottom: 0px;
	}

	.pageTitle h2,
	.pageTitle p {
/*		margin: 20px 0 0 0 !important;*/
		padding-bottom: 0 !important;
	}
}

/*
========================================================

14.BreakPoints

========================================================
*/

@media screen and (max-width: 1023px) {
	/*** Hero Module ***/
	.hero-module .hero-content {
		position: relative;
		bottom: 0;
	}

	.hero-module .section-container {
		padding-top: 20px;
	}

	.hero-module-container .image-credit {
		max-width: 75%;
	}
}

@media screen and (max-width: 767px) {
	.hero-module.single-col .hero-module-container,
	.hero-module.single-col .hero-image {
		margin: 0;
	}
}

@media screen and (max-width: 960px) {
	.hero-module .hero-image div.gradient {
		display: none;
	}
}

/* HERO VIDEO SETUP */
.hero-module video {
	width: 100%;
}

.video-js .vjs-tech {
	object-fit: unset !important;
	width: auto !important;
	top: 50% !important;
	left: 50% !important;
	transform: translate(-50%, -50%) !important;
}

.hero-module .hero-content.video-content {
	position: absolute;
	bottom: 50%;
	left: 50%;
	transform: translate(-50%, 50%);
}

.video-content a {
	width: 80px;
	height: 80px;
	background-image: var(--play-icon);
	background-size: cover;
	cursor: pointer;
	display: block;
	margin: auto;
	margin-bottom: auto;
	margin-bottom: 10px;
	text-indent: -9999px;
	background-position: center;
	box-shadow: 0px 0px 0px 0px !important;
	border: none !important;
}

.vid-disp {
	background: black;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: none;
	z-index: 2;
}

.video-js.vjs-16-9,
.video-js {
	width: 100% !important;
	height: 100% !important;
	padding-top: 0 !important;
	position: absolute !important;
}

	.video-js.vjs-user-active .vjs-title-bar-area,
	.video-js.vjs-paused .vjs-title-bar-area {
		display: none !important;
	}

.video_exit {
	color: #4d4d4d;
	text-align: center;
	padding: 10px 0;
	cursor: pointer;
}

.video-transcript {
	color: #4d4d4d;
}

	.video-transcript .visual-element {
		height: 0;
	}

/* Override fullwidth accordions */
.accordion.video-transcript .accordion-container {
	margin: 0 !important;
}

.accordion.video-transcript .accordion-copy {
	width: 100%;
	margin: 0;
}

@media screen and (max-width: 767px) {
	.accordion.video-transcript .accordion-container {
		width: 100%;
	}
}

.bg-video img {
	display: none;
}

.bg-video video {
	display: block;
}

@media only screen and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 2), only screen and (max-device-width: 1023px) {
	.bg-video video {
		display: none;
	}

	.bg-video img {
		display: block;
	}
}


/* YOUTUBE */
.you-tube .youtube-container {
	position: relative;
	padding-bottom: 33.75% !important;
	height: 0 !important;
	overflow: hidden;
}

.single-col .single-col .you-tube .youtube-container,
.single-column-width .single-col .you-tube .youtube-container {
	padding-bottom: 56.25% !important;
}

.you-tube .youtube-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 767px) {
	.single-col .you-tube > .youtube-container {
		padding-bottom: 56.25% !important;
		width: 100%;
		margin-left: 0;
	}
}

/*
========================================================

16.Podcast

========================================================
*/
#podcast-player iframe,
#podcast-player audio {
	width: 100%;
}

.podcast-container {
	width: var(--default-column-width);
	margin-left: calc(var(--hero-line-length) + var(--default-column-gap));
}

.podcast-img {
	margin-top: 10px;
}

	.podcast-img img {
		width: 100%;
	}