.tour-events{
max-width:1100px;
margin:auto;
padding:0 20px;
}

/* GRID LAYOUT */

.tour-event{
display:grid;
grid-template-columns:100px 1fr 180px 100px 150px;
gap:40px;
align-items:center;
padding:28px 0;
border-bottom:2px solid #000;
}

.tour-event:last-child{
border-bottom:none;
}

/* CALENDAR */

.calendar-box{
background:#000;
border:1px solid rgba(255,255,255,0.35);
border-radius:8px;
width:70px;
height:70px;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
line-height:1;
}

.calendar-day{
font-size:24px;
font-weight:700;
color:#fff;
}

.calendar-month{
font-size:12px;
letter-spacing:1px;
text-transform:uppercase;
opacity:0.9;
color:#fff;
}

/* TITEL */

.tour-title{
font-size:22px;
font-weight:600;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}

/* LOCATION */

.tour-location{
display:flex;
align-items:center;
gap:10px;
font-size:16px;
white-space:nowrap;
}

.tour-location a{
color:#fff;
text-decoration:none;
}

.tour-location a:hover{
opacity:0.8;
}

/* TIME */

.tour-time{
display:flex;
align-items:center;
gap:10px;
font-size:16px;
white-space:nowrap;
}

/* ICONS */

.tour-event .dashicons{
font-size:20px;
width:20px;
height:20px;
display:flex;
align-items:center;
justify-content:center;
}

/* TICKETS BUTTON */

.tour-ticket{
display:inline-flex;
align-items:center;
justify-content:center;
gap:10px;
background:#111;
color:white;
padding:12px 22px;
border-radius:6px;
text-decoration:none;
font-weight:600;
border:1px solid rgba(255,255,255,0.25);
transition:all .2s ease;
}

.tour-ticket:hover{
background:#2e2e2e;
transform:translateY(-2px);
}

.tour-ticket .dashicons{
font-size:18px;
}

/* MOBILE */

@media (max-width:900px){

.tour-event{
grid-template-columns:80px 1fr;
grid-template-rows:auto auto auto;
gap:16px;
padding:24px 0;
}

.tour-date{
grid-row:1 / span 3;
}

.tour-title{
grid-column:2;
font-size:20px;
white-space:normal;
}

.tour-location{
grid-column:2;
font-size:15px;
}

.tour-time{
grid-column:2;
font-size:15px;
}

.tour-ticket{
grid-column:2;
justify-self:start;
margin-top:6px;
}

}

/* VERGANGENE EVENTS */

.past-event{
opacity:0.5;
}

.past-event .tour-title,
.past-event .tour-location,
.past-event .tour-time{
text-decoration:line-through;
}