.trip-content-wrapper {
    min-height: 28.6rem;
}

.NoProgressBar .trip-content-wrapper {
    min-height: 21.6rem;
}

.trip-image {
    width: 23.4rem;
    height: 19.6rem;
    margin-left: -2rem;
}

.trip-header {
    color: #47e046;
}

.trip-content {
    color: #fff;
}

.trip-progress-bar {
    background-color: #47e046;
}

.trip-overlay {
    background: linear-gradient(to bottom,  rgba(0,48,0,0.8) 0%,rgba(0,0,0,0.8) 100%) !important;
}

.trip-progress-wrapper {
    border-top: 1px solid rgba(249,203,75,0.5);
}

.trip-prev:before,
.trip-next:after {
    color: #fff;
    background-color: #f9cb4b;
}

.trip-block.G4B {
    background-color: rgba(0,158,1,0.5);
    color: #fff;
    border: 1px solid rgba(249,203,75,0.5);
}

.trip-block.G4B.n:before, .trip-block.G4B.ne:before, .trip-block.G4B.nw:before { border-top-color: rgba(0,158,1,1); }
.trip-block.G4B.s:before, .trip-block.G4B.se:before, .trip-block.G4B.sw:before { border-bottom-color: rgba(0,158,1,1); }
.trip-block.G4B.e:before { border-right-color: rgba(0,158,1,1); }
.trip-block.G4B.w:before { border-left-color: rgba(0,158,1,1); }

.trip-block.G4B.n:after, .trip-block.G4B.ne:after, .trip-block.G4B.nw:after { border-top-color: rgba(249,203,75,0.5); }
.trip-block.G4B.s:after, .trip-block.G4B.se:after, .trip-block.G4B.sw:after { border-bottom-color: rgba(249,203,75,0.5); }
.trip-block.G4B.e:after { border-right-color: rgba(249,203,75,0.5); }
.trip-block.G4B.w:after { border-left-color: rgba(249,203,75,0.5); }