body { --bs-body-font-size: 0.875rem }
body { font-family: 'Open Sans' }

/* LOC */
#map { width: 100%; height: 250px; }
.li-dest:hover { background-color:#eee;}

/* PSTAR */
.question  { font-weight:600; }
.ans:hover { background-color: #eee }
.correct   { font-weight: bold;   color: green }
.incorrect { font-weight: normal; color: red }
#score     { background-color: green; color: white; }
#wrong     { background-color: red; color: white; }

/* TIMER */
#runner   { font-size: 48px; }
.div_time { font-size: 24px; }


.navbar_pilot { color: #fff; }




/* Remove border from toggler */
.navbar-toggler {
    border: 0 !important;
}

.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none !important;
    box-shadow: none !important;
    border: 0 !important;
}

/* Lines of the Toggler */
.toggler-icon{
    width: 30px;
    height: 3px;
    background-color: #ccc;
    display: block;
    transition: all 0.2s;
}

/* Adds Space between the lines */
.middle-bar{
    margin: 5px auto;
}

/* State when navbar is opened (START) */
.navbar-toggler .top-bar {
    transform: rotate(45deg);
    transform-origin: 10% 10%;
}

.navbar-toggler .middle-bar {
    opacity: 0;
    filter: alpha(opacity=0);
}

.navbar-toggler .bottom-bar {
    transform: rotate(-45deg);
    transform-origin: 10% 90%;
}
/* State when navbar is opened (END) */

/* State when navbar is collapsed (START) */
.navbar-toggler.collapsed .top-bar {
    transform: rotate(0);
}

.navbar-toggler.collapsed .middle-bar {
    opacity: 1;
    filter: alpha(opacity=100);
}

.navbar-toggler.collapsed .bottom-bar {
    transform: rotate(0);
}
/* State when navbar is collapsed (END) */

/* Color of Toggler when collapsed */
.navbar-toggler.collapsed .toggler-icon {
    background-color: #ccc;
}