@import url('https://fonts.googleapis.com/css2?family=Jost:wght@200;400;600&display=swap');

:root{

    /* fonts */
    --font-primary:'Jost', sans-serif;
    --font-secondary:'Jost', serif;

    /* colors */
    --theme-primary: #F1623A;
    --theme-primary-faded: #F89734;
    --theme-secondary: #725590;
    --theme-danger: #fb3c3b;
    --theme-success: #04A761;
    --theme-light: #FFFFFF;
    --theme-gray: #F1F1F5;
    --theme-dark: #393e46;
    --theme-dark-faded: #666;
}

body {
    font-family:var(--font-primary);
    font-size:1rem;
    background:#F1F1F6;
}

h1, h2, h3, h4, h5 {
    font-weight:bold;
}

.card {
    border-radius: 8px;
    box-shadow: 0 20px 40px rgb(12 12 94 / 10%);
}

header {
    background:var(--theme-primary);
}

header a,header a:hover { color:white; }

#outer {
    margin:2rem 0;
}

#meniu {
    padding: 1rem;
    border-radius: 8px;
    background:white;
    display:block;
}

#meniu .list-group-item.active {
    background:var(--theme-primary);
    border-color:var(--theme-primary);

}

#meniu .list-group-item.active span.text-muted {
    color:white !important;
}

#rating {
    margin-top:1rem;
    border:1px solid #efefef;
    padding:10px;
    border-radius:5px;
}

.alert-warning a {
    font-weight:bold;
    color:var(--theme-dark);
}

.menu-header {
    font-weight:bold;
    font-size:0.8rem;
    color:#ccc;
    display:block;
}

.vertical-timeline {
    width: 100%;
    position: relative;
    padding: 1.5rem 0 1rem
}

.vertical-timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 67px;
    height: 100%;
    width: 4px;
    background: #e9ecef;
    border-radius: .25rem
}

.vertical-timeline-element {
    position: relative;
    margin: 0 0 1rem
}

.vertical-timeline--animate .vertical-timeline-element-icon.bounce-in {
    visibility: visible;
    animation: cd-bounce-1 .8s
}

.vertical-timeline-element-icon {
    position: absolute;
    top: 0;
    left: 60px
}

.vertical-timeline-element-icon .badge-dot-xl {
    box-shadow: 0 0 0 5px #fff
}

.badge-dot-xl {
    width: 18px;
    height: 18px;
    position: relative
}

.badge:empty {
    display: none
}

.badge-dot-xl::before {
    content: '';
    width: 10px;
    height: 10px;
    border-radius: .25rem;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -5px 0 0 -5px;
    background: #fff
}

.vertical-timeline-element-content {
    position: relative;
    margin-left: 90px;
    font-size:0.9rem;
    color:#666;
}

.vertical-timeline-element-content .timeline-title {
    font-size: 1rem;
    margin: 0 0 .5rem;
    padding: 2px 0 0;
    font-weight: bold;
    color:black;
}

.vertical-timeline-element-content .vertical-timeline-element-date {
    display: block;
    position: absolute;
    left: -90px;
    top: 0;
    padding-right: 10px;
    text-align: right;
    color: #adb5bd;
    font-size: .7619rem;
    white-space: nowrap
}

.vertical-timeline-element-content:after {
    content: "";
    display: table;
    clear: both
}

/* RESPONSIVE MOBILE */
@media (max-width: 575px) {

    h1 { font-size:1.7rem; }
    h2 { font-size:1.6rem; }

    #outer {
        margin:1rem 0;
    }

    #meniu {
        display:none;
        margin-top:1rem;
    }
}