/* ********** TIMELINE ********** */
.timeline > ul {
    margin: 10px auto;
	padding-left:0;
}
.timeline-dark li, .timeline-dark .content, .timeline-dark .content:before {
  background: #333;
}
.timeline-dark h3, .timeline-dark h4, .timeline-dark h5, .timeline-dark p {
	color:#fff;
}
.timeline-dark li:before {
  border: 3px solid #333;
  background: #fcdf05;
}
.timeline-dark .wp-caption-text {
    color: #ccc;
}
.timeline-light .wp-caption-text {
    color: #555;
}
.timeline-light li, .timeline-light .content, .timeline-light .content:before {
  background: #f0f0f0;
}
.timeline-light li:before, .timeline > ul > li:last-child:after {
  border: 3px solid #f0f0f0;
  background: #333;
}
.timeline-light .content {
    box-shadow: 2px 2px 5px -1px rgba(0,0,0,0.3);
}
.timeline .content p {
    font-size: 13px;
}
.timeline .content p:first-of-type {
    margin-top: 10px;
}
.timeline .content p:last-child {
    margin-bottom: 0;
}
.timeline h3, .timeline h4, .timeline h5 {
	margin-bottom:0;
	text-align:center;
}
.timeline .nolist {
	margin-left:0;
}
.timeline .wp-caption-text {
    font-size: 11px;
}
.timeline span, .timelike {
    color: #fcdf05;
    display: inline-block;
    margin: 5px auto 12px;
    font-style: italic;
	text-align:center;
	font-size: 11px;
}
.timeline-light span, .timeline-light .timelike {
    padding: 3px 10px;
    background: #777;
    border-radius: 4px; 
}
.timeline > ul > li {
	position: relative;
	width: 5px;
	padding-bottom: 40px;
	list-style-type: none;
}
.timeline > ul > li:not(:first-child) {
	margin: -250px auto 0 auto;
}
.timeline > ul > li:first-child {
	margin: 0 auto;
}
.timeline > ul > li:last-child {
  padding-bottom: 7px;
}
.timeline > ul > li:before {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 20px;
  height: 20px;
  border-radius: 50%;
}
.timeline .content {
  position: relative;
  text-align:center;
  top: 7px;
  width: 625px;
  padding: 30px 20px;
}
.timeline .content h2 {
    text-align: center;
    margin-bottom: 5px;
    max-width: 86%;
    margin: 20px auto;
}
.timeline .content p {
  text-align: center;
}
.timeline .content:before {
  content: '';
  position: absolute;
  top: 0px;
  width: 39px;
  height: 5px;
}
.timeline > ul > li:nth-child(odd) .content {
  left: 50px;
}
.timeline > ul > li:nth-child(odd) .content:before {
  left: -38px;
}
.timeline > ul > li:nth-child(even) .content {
  left: calc(-625px - 45px);
}
.timeline > ul > li:nth-child(even) .content:before {
  right: -39px;
}

.timeline-badge {
	position: absolute;
	top: 0;
	overflow:hidden;
	height: 50%;
}
ul > li:nth-child(odd) .timeline-badge {
	right: 0;	
}
ul > li:nth-child(even) .timeline-badge {
	left: 0;
}
ul > li:nth-child(odd) .timeline-badge span {
	transform: rotate(40deg);
    right: -55px;
}
ul > li:nth-child(even) .timeline-badge span {
	transform: rotate(-40deg);
	left: -55px;
}
.timeline > ul > li:last-child:after {
    content: '';
    position: absolute;
    left: 50%;
	bottom: 0;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.timeline-badge span {
    background: #333;
    text-align: center;
    font-size: 12px;
    color: #FFF;
    position: relative;
    top: 5px;
    display: block;
    padding: 13px 20px;
    width: 191px;
	box-shadow: 0 0 3px 2px rgba(0,0,0,0.8);
	color: #fcdf05;
	font-size: 15px;
    font-weight: 600;
}
a.tuppercase {
	text-transform:uppercase;
	color: #333 !important;
}
/* -------------------------
   ----- Media Queries ----- 
   ------------------------- */
@media (min-width: 922px) {
	.ast-container {
		max-width: 100% !important;
	}   
}
@media screen and (max-width: 1020px) {
	.timeline .content {
		width: 41vw;
	}
	.timeline > ul > li:nth-child(even) .content {
		left: calc(-41vw - 45px);
	}
	ul > li:nth-child(even) .timeline-badge {
		right: 0;
		left: initial;
	}
	ul > li:nth-child(even) .timeline-badge span {
		transform: rotate(40deg);
		right: -55px;
		left: initial;
	}
}
@media screen and (max-width: 700px) {
	.timeline > ul > li {
		margin: 0 0 0 -10px !important
	}
	.timeline .content:before {
		width: 13px;
	}
	.timeline > ul > li .content:before {
		left: -13px !important;
	}
	.timeline > ul > li .content {
		width: calc(100vw - 60px);
		left: 24px !important;
	}
	.timeline .content h2 {
		margin: 40px auto 10px;
	}
	.timeline > ul {
		padding-left: 7px;
	}
}
/* ********** TIMELINE END ********** */

img.azonsliderimg.landscape {
    height: 330px;
    object-fit: cover;
    width: 100%;
    vertical-align: middle;
}

img.azonsliderimg.portrait{
    object-fit: contain;
	height: 100%;
	width:auto;
}


/* TO BE REVIEWED */
.timeline ul > li {
    content-visibility: visible !important;
}

.page-id-1255 .swiper-container{
	margin: 0 -20px 20px -20px;
	overflow:hidden;
}

.page-id-1255 .content > figure {
    max-width: calc(100% + 40px) !important;
    margin: 0 -22px 20px -20px;
}


.page-id-1255  .swiper-slide {
	height: 360px;
}


.slidecaption ,.page-id-1255 figcaption {
    background: #555;
    color: #fae213 !important;
    font-size: 11px;
    font-style: italic;
    padding: 5px;
}