/* HERO */

.journey-hero{
height:70vh;
background:url('../images/journey-banner.jpg') center center/cover;
position:relative;
display:flex;
align-items:center;
justify-content:center;
}

.journey-hero .overlay{
position:absolute;
inset:0;
background:rgba(0,0,0,.7);
}

.journey-hero .container{
position:relative;
z-index:2;
}

.journey-hero h1{
font-size:5rem;
font-family:'Cinzel',serif;
}

.journey-hero p{
color:#ccc;
}

/* TIMELINE */

.timeline-section{
padding:120px 0;
background:#080808;
}

.timeline{
position:relative;
max-width:900px;
margin:auto;
}

.timeline::before{
content:'';
position:absolute;
left:50%;
top:0;
width:3px;
height:100%;
background:#c8a06b;
transform:translateX(-50%);
}

.timeline-item{
position:relative;
width:50%;
padding:20px;
}

.timeline-item:nth-child(odd){
left:0;
text-align:right;
}

.timeline-item:nth-child(even){
left:50%;
}

.timeline-content{
background:#111;
padding:25px;
border-radius:15px;
border:1px solid rgba(255,255,255,.08);
}

.timeline-content span{
color:#c8a06b;
letter-spacing:2px;
font-size:13px;
}

.timeline-content h3{
margin-top:10px;
}

/* STATS */

.stats-section{
padding:100px 0;
}

.stat-box{
padding:30px;
background:#111;
border-radius:15px;
}

.stat-box h2{
font-size:3rem;
color:#c8a06b;
}

/* GALLERY */

.gallery-img{
border-radius:15px;
transition:.5s;
}

.gallery-img:hover{
transform:scale(1.05);
}

/* CTA */

.journey-cta{
padding:120px 0;
text-align:center;
}

.journey-cta h2{
font-size:4rem;
font-family:'Cinzel',serif;
}

/* MOBILE */

@media(max-width:768px){

.timeline::before{
left:20px;
}

.timeline-item{
width:100%;
left:0 !important;
padding-left:50px;
text-align:left !important;
}

.journey-hero h1{
font-size:2.5rem;
}

.journey-cta h2{
font-size:2.2rem;
}

}

/* TEXT COLOR FIX */

.timeline-content h3,
.timeline-content p,
.timeline-content{
    color:#fff;
}

.stat-box p{
    color:#ddd;
}

.journey-cta p{
    color:#ddd;
}

footer p{
    color:#ccc;
}

.gallery-img{
    display:block;
    width:100%;
}

/* Ensure all journey section text is white */

.journey-hero h1,
.journey-hero p,
.timeline-section,
.timeline-section h3,
.timeline-section p,
.stats-section,
.stats-section h2,
.stats-section p,
.journey-cta h2,
.journey-cta p{
    color:#fff;
}

.journey-cta h2{
    color:#ffffff !important;
}

.journey-cta p{
    color:#ffffff !important;
}

.journey-cta{
    padding:120px 0;
    text-align:center;
    background:#050505;
}

.journey-cta h2{
    color:#fff !important;
    font-size:4rem;
    font-family:'Cinzel',serif;
}

.journey-cta p{
    color:#fff !important;
}