colors::after

.color-petrol { color: #0c4248cc;}
.color-darkyellow { color: #f7a82b;}
.color-warmwhite { color: #faebb4;}
/* .color-ivorywhite { color: } */

.font-decorative { font-family: 'Great Vibes', cursive;}




.timetable .nav-tabs > li {
    float:none;
    display:inline-block;
    zoom:1;
}
.nav-tabs {
    text-align:center;
}


.timetable .timeline-badge {
    /* box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.8); */
    box-shadow: inset 0 0 0 1000px rgba(0,0,0,.7);
}

.timetable .nav-tabs > li a {
    font-family: 'Great Vibes', cursive;
    font-size: 3em;
    font-weight: bold;
    color: #0c4248cc;
    padding: .5em 1em;
}

  .timetable .nav-tabs > li.active a {
    font-size: 4em;
    color: #f7a82b;
}
.nav-tabs > li > a:hover {
    background: none;
    border: none;
    color:#f7a82b;
}

@media screen and (max-width: 768px) {
    .timetable .nav-tabs > li a {
        font-size: 1.6em;
        padding: .2em .3em;
    }
    .timetable .nav-tabs > li.active a {
        font-size: 2.7em;
    }
}

.timetable .timeline-badge .nav-tabs {
    text-align:center;
}




/* .timetable .timeline > li:nth-child(1)::before,
.timetable .timeline > li:nth-child(1)::after {
    opacity: 0;
} */



.timetable .timeline-badge  .date {
    padding-top: 1.5em;
    font-size: 1.6em;
}
@media screen and (max-width: 768px) {
    .timetable .timeline-badge .date {
        padding-top: .2em;
        font-size: .8em;
    }
}


.event-wrap .btn {background-color: #0c4248cc; border: none;}

.event-wrap .btn,
.event-wrap a i {
    color: #faebb4 !important;
}

#fh5co-event {
    padding: 4em 0;
    max-height: 1000px;
    float: left;
  }
  #fh5co-event p {
    color:white;
  }
  @media screen and (max-width: 768px){
    #fh5co-event {
        height: auto;
        max-height: initial;
    }
    }
.qrplatba {
    max-width: 100%;
    max-height: 350px;
}