.nav-bg-brand
{
    background-color: #0E1943 !important;
}


.home-hero
{
    /*background-image: url('/img/home-hero.png');*/
    /*background-size: cover;*/
    /*background-position: center;*/
}

/* Highlight colour for labels */
.text-pink { color: #E91E63 !important; }

/* ----- PICKER DISPLAY CARDS (white + border) ----- */
.picker-display {
    background: #fff;
    border: 1px solid #E5E6EB;
    border-radius: .5rem;
    padding: .75rem 1rem;
    margin-bottom: 1rem;
    cursor: pointer;            /* whole card clickable */
}
.picker-display .picker-header {
    display: flex;
    align-items: center;
    font-size: .75rem;
    color: #00004F;
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: .5rem;
}
.picker-display .picker-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.picker-display .picker-body .value {
    flex: 1;
    font-size: 1rem;
    color: #333;
}
.picker-display .picker-body .icon {
    font-size: 1.25rem;
    margin-left: .5rem;
    color: #00004F;
}

/* ----- FIND BUTTON ----- */
.btn-find {
    background: #D5007F;
    border: none;
    width: 100%;
    color: #fff;
    font-size: 1.1rem;
    padding: .75rem;
    border-radius: .5rem;
    margin-bottom: 2rem;
}
.btn-find i {
    margin-left: .5rem;
}


.btn-find:hover {
    background: #0E1943;
    color: #fff;

}
.btn-find i {
    margin-left: .5rem;
}

/* ----- DATETIME MODAL ----- */
.datetime-modal .modal-content {
    border-radius: 1rem;
    overflow: hidden;
}
.datetime-modal .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}
.datetime-modal .modal-title {
    font-weight: 600;
    color: #00004F;
    font-size: 1rem;
}
.datetime-modal .modal-body { padding-top: .5rem; }
.datetime-modal .flatpickr-calendar { width: 100% !important; }
.datetime-modal .time-list {
    max-height: 220px;
    overflow-y: auto;
}
.datetime-modal .time-list .list-group-item {
    border: none;
    border-radius: .5rem;
    margin-bottom: .25rem;
    text-align: center;
    cursor: pointer;
}
.datetime-modal .time-list .active {
    background: #E91E63;
    color: #fff;
}
.datetime-modal .modal-footer {
    border-top: none;
    padding-top: 0;
}

.datetime-modal .btn-confirm {
    background: #E91E63;
    color: #fff;
    width: 100%;
    font-weight: 600;
}

.form-floating > label {
    font-size:14px;
    color: #00004F;
    font-weight: 600;
    text-transform: uppercase;
    opacity: 1 !important;
}


.home-hero.nav-item
{
    font-size:22px;
    font-weight: bold;
}

.home-hero .nav-link
{
    font-size:22px;
    font-weight: bold;
}

.nav-tabs .active
{
    background-color: #1C8DD6 !important;
    color: #fff !important;
    font-size:22px;
    font-weight: bold;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link
{
    background-color: #fff !important;
    color: #1C8DD6 !important;
    font-size:22px;
    font-weight: bold;
}


@media only screen and (max-width: 768px) {
    .masthead {

        padding-top: 1rem;
    }
}