/*  Carousel  */
.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.4s ease-in-out;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

/*Carousel Controls */
.carousel-controls {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-top: 20px;
}

.carousel-controls .left {
	margin: 0 20px;
}

.no-contol-arrows .left,
.no-contol-arrows .right {
	display: none !important;
}

.carousel-controls button {
	display: flex;
	align-items: center;
	justify-content: center;
	line-height: 1;
	padding: 15px;
}

.left:hover button::after,
.left:focus button::after,
.right:hover button::after,
.right:focus button::after {
	transform: scale(1.25);
}

.left button::after {
	width: 20px;
	content: url(../img/toggleLeftMaroon.svg);
	transition: transform 0.2s;
	display: inline-block;
}


.right button::after {
	width: 20px;
	content: url(../img/toggleRightMaroon.svg);
	transition: transform 0.2s;
	display: inline-block;
}

/* DARK BG  */
.dark-bg .carousel-control .glyphicon-chevron-right::after,
.dark-bg .carousel-control .icon-next::after {
	content: url(../img/toggleRight.svg);
}

.dark-bg .carousel-control .glyphicon-chevron-left::after,
.dark-bg .carousel-control .icon-prev::after {
	content: url(../img/toggleLeft.svg);
}
/* Carousel indicators */



/***** TIMELINE STYLES ******/
.timeline-container {
	width: 100%;
}

.timeline-container .component {
	padding: 0;
}

.timeline-container .section-container {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
}

.timeline-container .visual-element {
	height: 0;
}

.timeline-container .body-copy h1:first-of-type,
.timeline-container .body-copy h2:first-of-type {
	margin: 0;
	padding: 0;
}

.timeline-container .body-copy h1:first-of-type::after,
.timeline-container .body-copy h2:first-of-type::after,
.timeline-container.single-column-width .visual-element {
	display: none;
}

.timeline-container.single-column-width .body-copy {
	width: 100%;
}

/* HERO IMAGE TIMELINE  */
.timeline-container .hero-module-container {
	margin: 0;
}


.timeline-container.single-column-width .hero-content {
	position: relative;
	--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);
}

/* SWISS CONTAINER TIMELINE */
.timeline-container .swiss-container {
	margin: 0;
}


/* Timeline IE styles  */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {

	/* IE10+ CSS styles go here */
	.timeline-container .item>.item-inner {
		display: block;
	}

	.timeline-container .item.swiss>.item-inner {
		margin-top: 20px;
	}
}
/**** END TIMELINE STYLES ****/

/***** End Carousel CSS ****/