.nord-timeline-wrapper {
	position: relative;
	max-width: 1200px !important;
	width:100%;
	margin-left:auto;
	margin-right: auto;
	overflow: hidden;
	padding-top:3rem;
	padding-bottom:3rem;
}

.nord-timeline-wrapper > .inner {
	position: relative;
	width:100%;
}

.nord-timeline-wrapper  > .inner:before {
	position: absolute;
	content:"";
	height:120%;
	top:-10%;
	left:0;
	right:0;
	margin:0 auto;
	width:5px;
	background-color:#00558C;
}

.nord-timeline-wrapper > .inner > .timeline-row {
	display:flex;
	width:100%;
	justify-content: flex-start;
}

.nord-timeline-wrapper > .inner > .timeline-row:nth-of-type(even) {
	justify-content:flex-end;
}

.nord-timeline-wrapper > .inner > .timeline-row > .single-timeline-item {
	max-width:40%;
	position: relative;
	opacity: 0;
}
 

.nord-timeline-wrapper > .inner > .timeline-row > .single-timeline-item:after {
	height:2px;
	width:20%;
	content:"";
	position: absolute;
	top:50%;
	transform:translateY(-50%);
	right:-22.5%;
	background-color:#00558C;
}

.nord-timeline-wrapper > .inner > .timeline-row:nth-of-type(even) > .single-timeline-item:after {
	left:-22.5%;
	right:auto;
}


.single-timeline-item .timeline-date span,
.nord-timeline-carousel .timeline-date span {
	position: relative;
	display:inline-flex;
	height:40px;
	background-color:#00558C;
	color:#fff;
	align-items: center;
	justify-content: center;
	padding:0 15px 0 50px;
	clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);
}

.nord-timeline-wrapper:not(.timeline-layout-horizontal) > .inner > .timeline-row:nth-of-type(odd) .single-timeline-item .timeline-date {
	justify-content: flex-end;
	display: flex;
}

.nord-timeline-wrapper > .inner > .timeline-row:nth-of-type(even) .single-timeline-item .timeline-date span,
.nord-timeline-wrapper.timeline-layout-horizontal > .inner > .timeline-row .single-timeline-item .timeline-date span,
.nord-timeline-carousel .timeline-date > span:first-of-type {
	clip-path: polygon(0 0, 75% 0, 100% 100%, 0 100%);
	padding:0 50px 0 15px;
}

.nord-timeline-carousel .timeline-date.is-nord-event {
	background-color:#FC4D04;
}

.nord-timeline-carousel .timeline-date > span.is-nord-tag {
	text-transform: uppercase;
	background-color:transparent;
}

.single-timeline-item .timeline-post-thumbnail,
.nord-timeline-carousel .timeline-post-thumbnail {
	width:100%;
	height:300px;
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center;
	border:1px solid #dedede;
	background-color:#fff;
}

.timeline-post-content {
	border:1px solid #dedede;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	padding:15px 15px;
}

.timeline-post-content h4 {
	font-size:1.3rem;
	margin:0 0 15px 0;
	padding:0;
}

.timeline-post-content p {
	font-size:1rem;
}

.timeline-post-content p:last-of-type {
	margin-bottom:0;
}



/* -----------------------------
	-- HORIZONTAL
----------------------------- */

.nord-timeline-wrapper.timeline-layout-horizontal  > .inner:before {
	position: absolute;
	content:"";
	width:120%;
	top:50%;
	transform: translateY(-50%);
	left:0;
	right:0;
	margin:0 auto;
	height:5px;
	background-color:#00558C;
}

.nord-timeline-wrapper.timeline-layout-horizontal  > .inner > .timeline-row > .single-timeline-item:after {
	display:none;
}

.nord-timeline-wrapper.timeline-layout-horizontal {
	display: flex;
	overflow-x: auto;
}

.nord-timeline-wrapper.timeline-layout-horizontal > .inner {
	display: flex;
}

.nord-timeline-wrapper.timeline-layout-horizontal > .inner > .timeline-row {
	display: block;
	width:calc(100vw / 3);
	margin:0 30px;
}

.nord-timeline-wrapper.timeline-layout-horizontal > .inner > .timeline-row > div {
	width:calc(100vw / 3);
	padding:0 30px;
	max-width: none;
}


/* -----------------------------
	-- CAROUSEL
----------------------------- */

.nord-timeline-carousel {
	position: relative;
}

.single-timeline-carousel-item:after {
	content:"";
	position:absolute;
	top:200px;
	left:0;
	right:0;
	margin:0 auto;
	height:5px;
	width:100%;
	background-color:#00558C;
	z-index: -1;
}

.single-timeline-carousel-item {
	position: relative;
	z-index: 3;
	padding:0 30px;
}

button.slick-arrow {
	font-size: :1px;
	color:transparent;
	background:transparent;
	border:none;
	outline: none;
	position: absolute;
	top:50%;
	transform: translateY(-50%);
}

button.slick-arrow:before {
	border-style: solid;
	color:#FC4C02;
	border-width: 0.25em 0.25em 0 0;
	content: '';
	display: inline-block;
	height: 1.5em;
	left: 0.15em;
	position: relative;
	top: 0.15em;
	transform: rotate(-45deg);
	vertical-align: top;
	width: 1.5em;
	cursor: pointer;
	transition: ease all .25s;
}

button.slick-arrow:hover:before {
	color:#00558C;
}

button.slick-next {
	right:-100px;
}

button.slick-prev {
	left:-70px;
}

button.slick-next:before {
	left: 0;
	transform: rotate(45deg);
}

button.slick-prev:before {
	left: 0.25em;
	transform: rotate(-135deg);
}



/* ----------------------------------------------
 * Generated by Animista on 2022-12-15 15:8:44
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/* -- ANIMATIONS -- */
.slide-in-bottom {
	-webkit-animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 1s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}

/**
 * ----------------------------------------
 * animation slide-in-bottom
 * ----------------------------------------
 */
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
