/* -------------------------------- 
 
Horizontal Timeline 2.0
by Studocwho @ yCodeTech

Version: 2.0.5.2
	
Original Horizontal Timeline by CodyHouse

Licensed under the MIT license	
	
Docs at http://horizontal-timeline.ycodetech.co.uk

-------------------------------- */
body {
	/* Stop horizontal scrollbar from appearing/disappearing when the content slides across and changes.*/
	overflow-x: hidden;
}


.horizontal-timeline {
	opacity: 0;
	width: 100%;
	margin: 2em auto;
	-webkit-transition: opacity 0.2s;
	-moz-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.horizontal-timeline ol {
	margin: 0;
	padding: 0;
	width: 100%;
}

/* Never visible - this is used in jQuery to check the current MQ */
.horizontal-timeline::before {
	content: 'desktop';
	display: none;
}

.horizontal-timeline.loaded {
	opacity: 1;

}

.horizontal-timeline .touch-enabled {
	cursor: grab;
}

/* Timeline */
.horizontal-timeline .timeline {
	position: relative;
	height: auto;
	margin: 0 auto;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.horizontal-timeline .events-wrapper {
	position: relative;
	/* Fixed up a bug where if the date display was split into two lines 
	half of the top was cut off (Changed the height to accommodate) */
	height: 140px;
	overflow: hidden;
	-ms-flex: 1 1 auto !important;
	flex: 1 1 auto !important;
}

.horizontal-timeline .events {
	position: absolute;
	z-index: 1;
	left: 0;
	bottom: 27%;
	height: 1px;
	/* width will be set using JavaScript */
	background: #fff;
	-webkit-transition: -webkit-transform 0.4s;
	-moz-transition: -moz-transform 0.4s;
	transition: transform 0.4s;
}

/* Filling line */
.horizontal-timeline .filling-line {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: #D54400;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-ms-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
	-webkit-transition: -webkit-transform 0.3s;
	-moz-transition: -moz-transform 0.3s;
	transition: transform 0.3s;
}

/* Event dates on the timeline */
.horizontal-timeline .events a {
	position: absolute;
	bottom: 0;
	z-index: 2;
	text-align: center;
	text-decoration: none;
	padding-bottom: 25px;
	color: #fff;
	/* Fix bug on Safari - text flickering while timeline translates */
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	user-select: none;
	text-decoration: none;
	font-size: 18px;
	font-weight: 700;
}

/* Dots for the event dates on the timeline */
.horizontal-timeline .events a::after {
	content: '';
	position: absolute;
	left: 40%;
	bottom: -9px;
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: transparent linear-gradient(180deg, #FC7D18 0%, #FB5C16 100%);
	-webkit-transition: background-color 0.3s, border-color 0.3s;
	-moz-transition: background-color 0.3s, border-color 0.3s;
	transition: background-color 0.3s, border-color 0.3s;
}

/* Stop mouse pointer events on a selected event */
.horizontal-timeline .events a.selected {
	pointer-events: none;
}

.horizontal-timeline .events a.selected::after,
.horizontal-timeline .events a.older-event::after {
	background: transparent linear-gradient(180deg, #FC7D18 0%, #FB5C16 100%);
	bottom: -20px;
	width: 40px;
	height: 40px;
}

.horizontal-timeline .events a:hover {
	text-decoration: none;
}

/* Navigation */
.timeline-navigation {
	position: relative;
	top: 3px;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	z-index: 2;
}

.timeline-navigation#leftNav {
	left: 1px;
}

.timeline-navigation#rightNav {
	right: 1px;
}

.timeline-navigation a {
	display: inline;
	text-decoration: none;
	color: #000;
}

.timeline-navigation a:hover {
	color: #002bff;
	border-color: #002bff;
}

/* Inactive */
.timeline-navigation a.inactive {
	cursor: not-allowed;
	border-color: #d3d3d3;
	color: #d3d3d3;
}

/* Autoplay Pause/Play button */
.timeline-navigation#pausePlay {
	width: 100%;
	top: -10px;
	text-align: center;
}

/* Event content */
.horizontal-timeline .events-content {
	position: relative;
	margin: 15px 0 80px;
	margin-left: auto;
	margin-right: auto;
	-webkit-transition: height 0.4s 0.2s;
	-moz-transition: height 0.4s 0.2s;
	transition: height 0.4s 0.2s;
}

/* Autoplay progress bar */
.horizontal-timeline .events-content .progressBarWrapper {
	position: absolute;
	width: 100%;
	height: 4px;
	margin-top: -4px;
	padding: 0 20px;
}

.horizontal-timeline .events-content .progressBar {
	width: 0%;
	max-width: 100%;
	height: inherit;
	background: #002bff;
}

.horizontal-timeline .events-content li[data-horizontal-timeline],
/* data-date deprecated as of v2.0.5.alpha.3 */
.horizontal-timeline .events-content li[data-date] {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	margin: auto;

	opacity: 0;



	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently supported by Chrome and Opera */

	-webkit-transition: opacity 1s;
	-moz-transition: opacity 1s;
	transition: opacity 1s;
}

/* The selected events content */
.horizontal-timeline .events-content li[data-horizontal-timeline].selected,
/* data-date deprecated as of v2.0.5.alpha.3 */
.horizontal-timeline .events-content li[data-date].selected {
	position: relative;
	z-index: 2;
	opacity: 1;
}

/* Event content animations */
.horizontal-timeline .events-content li.enter-right,
.horizontal-timeline .events-content li.exit-right {
	-webkit-animation-name: timeline-enter-right;
	-moz-animation-name: timeline-enter-right;
	animation-name: timeline-enter-right;
}

.horizontal-timeline .events-content li.enter-left,
.horizontal-timeline .events-content li.exit-left {
	-webkit-animation-name: timeline-enter-left;
	-moz-animation-name: timeline-enter-left;
	animation-name: timeline-enter-left;
}

.horizontal-timeline .events-content li.exit-right,
.horizontal-timeline .events-content li.exit-left {
	-webkit-animation-direction: reverse;
	-moz-animation-direction: reverse;
	animation-direction: reverse;
}

/* Speed */
.horizontal-timeline .events-content li.animationSpeed {
	-webkit-animation-duration: 0.4s;
	-moz-animation-duration: 0.4s;
	animation-duration: 0.4s;
}

@-webkit-keyframes timeline-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes timeline-enter-right {
	0% {
		opacity: 0;
		-moz-transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}

@keyframes timeline-enter-right {
	0% {
		opacity: 0;
		-webkit-transform: translateX(100%);
		-moz-transform: translateX(100%);
		-ms-transform: translateX(100%);
		-o-transform: translateX(100%);
		transform: translateX(100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@-webkit-keyframes timeline-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
	}
}

@-moz-keyframes timeline-enter-left {
	0% {
		opacity: 0;
		-moz-transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-moz-transform: translateX(0%);
	}
}

@keyframes timeline-enter-left {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%);
		-moz-transform: translateX(-100%);
		-ms-transform: translateX(-100%);
		-o-transform: translateX(-100%);
		transform: translateX(-100%);
	}

	100% {
		opacity: 1;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
	}
}

@media only screen and (min-width: 501px) and (max-width: 1100px) {

	/* Never visible - this is used in jQuery to check the current MQ */
	.horizontal-timeline::before {
		content: 'tablet';
	}
}

@media only screen and (max-width: 500px) {

	/* Never visible - this is used in jQuery to check the current MQ */
	.horizontal-timeline::before {
		content: 'mobile';
	}
}

@media only screen and (max-width: 1100px) {
	.horizontal-timeline .timeline {
		padding-bottom: 40px !important;
	}

	/* .timeline-navigation#leftNav {
		-ms-flex-direction: column-reverse !important;
		flex-direction: column-reverse !important;
	}
	.timeline-navigation#rightNav {
		-ms-flex-direction: column !important;
    	flex-direction: column !important;
	}
	.timeline-navigation#leftNav,
	.timeline-navigation#rightNav {
		display: -ms-flexbox !important;
		display: flex !important;
		top: -5px !important;
	} */
	.timeline-navigation#pausePlay {
		top: 20px !important;
	}
}

@media only screen and (max-width: 767px) {
	.horizontal-timeline .timeline-navigation a {



		width: 50px;
		height: 50px;

		line-height: 50px;

	}

	.horizontal-timeline .events a.selected::after,
	.horizontal-timeline .events a.older-event::after {

		bottom: -16px;
		width: 35px;
		height: 35px;
	}

	.horizontal-timeline .events a {

		font-size: 14px;

		letter-spacing: 0;
	}
}

.site-header .header-logo.site-branding a img {
	height: 50px;
}

.site-footer .footer-call-social {
	border-bottom: 0;
	padding-bottom: 0;
	margin-bottom: 0;
	margin-top: 0;
}

.social-menu {
	margin-left: 50px;
}

.footer-menu .menu {
	display: flex;
	gap: 85px;
}

.footer-menu .menu li a {
	letter-spacing: 1.6px;
	text-transform: uppercase;
	font-weight: 900;
	color: #D54400;
}

.footer-menu .menu li a:hover {
	color: #000;
}

.site-footer .site-info {

	margin-top: 65px;
}

.social-media-icons-wrapper {

	gap: 19px;
}

.site-header #mega-menu-wrap-primary #mega-menu-primary .footer-call-social {
	display: none;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-item {
	margin: 0 37px 0 0;
}

#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-551>a.mega-menu-link {
	z-index: 1;
	position: relative;
	overflow: hidden;
	box-shadow: 3px 3px 6px rgba(61, 57, 53, 0.2039215686);
}


.site-header #mega-menu-primary li#mega-menu-item-551.mega-current-menu-item>a.mega-menu-link {
	color: #fff !important;
}

#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-551>a.mega-menu-link:after {
	background: #FB5C16;
	opacity: 0;
	content: "" !important;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
	z-index: -1;
	display: block !important;
}

#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-551>a.mega-menu-link:hover:after {
	opacity: 1;
}

.error-not-found-wrap .tagline {
	font-size: 1.25rem !important;
	font-weight: 400;
	color: #425364;
}

.error-not-found-wrap .wp-block-buttons {
	margin-top: 3.875rem;
}

.site-header #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-554.mega-current-menu-item a {
	color: #202c5d !important;
	border-bottom-color: transparent !important;
}

.site-header #mega-menu-wrap-primary #mega-menu-primary #mega-menu-item-554.mega-current-menu-item a:hover {
	color: #d54400 !important;
	border-bottom-color: #d54400 !important;

}

@media only screen and (max-width: 1400px) {
	.footer-menu .menu {

		gap: 55px;
	}

	.social-menu {
		margin-left: 30px;
	}
}

@media only screen and (max-width: 1199px) {
	.footer-menu .menu {
		gap: 30px;
	}

	.site-footer .footer-menu>div {
		padding-right: 0;
		width: 100%;
		margin-bottom: 0;
	}

	.site-footer .footer-menu .menu-item {
		margin-bottom: 0;
	}

	.social-menu {
		margin-left: 10px;
	}

	.social-media-icons-wrapper {
		gap: 7px;
	}

	.site-footer .footer-call-social p a {

		margin-left: 6px;
	}

	.footer-menu .menu {
		gap: 30px;

		margin: 0 auto;
		text-align: center;
		justify-content: center;
	}

	.footer-social-phone {
		display: block !important;
		justify-content: center !important;
		margin-top: 20px;

	}

	.site-footer .footer-menu .menu-item {
		margin-bottom: 14px;
	}

	.site-footer .footer-call-social p {

		text-align: center;
	}

	.social-menu {
		margin-left: 0;
		text-align: center;
	}

	.site-footer .social-media-icons-wrapper {
		justify-content: center;
		margin-top: 10px;
		gap: 15px;
	}

	.site-footer .site-info .copyright-links a {

		margin-left: 7px;
	}

	.site-footer .site-info {
		margin-top: 55px;
	}

	#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-555>a.mega-menu-link:before {
		background-size: 38px 38px;
		width: 30px;
		height: 30px;
		line-height: 20px;
		position: absolute !important;
		top: 27px !important;
		left: 44px;
	}

	#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-551>a.mega-menu-link {

		margin-top: 18px;

	}

	#mega-menu-wrap-primary #mega-menu-primary li#mega-menu-item-551>a.mega-menu-link {


		padding-top: 0;
		padding-bottom: 0;

	}

	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-slider .mega-toggle-animated-inner::before {
		right: 0;
		width: 20px;
	}

	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner,
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::before,
	#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block .mega-toggle-animated-inner::after {
		border-radius: 0px;
	}

	#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {

		top: 60px;
	}
}

@media only screen and (max-width: 767px) {
	.footer-social-phone {

		margin-top: 0;

	}

	.footer-menu .menu {
		gap: 30px;
		display: table;
		margin: 0 auto;
		text-align: center;
	}

}