/**
 * Custom stylesheet to override or add to the Bootstrap and main stylesheet.
 *
 * It is recommended to not edit the main stylesheet, `assets/css/stylesheet.css`.
 * Please use this one.
 */

.col-form-label.is-invalid {
    color: #dc3545;
}

.box-link .box-headline-wrap {
    position: absolute;
    bottom: 10px;
    left: 0;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.box-link .box-headline-inner {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding: 0 5px;
}

.box-link .box-headline-wrap .box-headline-inner .box-foothead {
    font-size: 1.8rem;
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: #d0b89c;
    background: rgba(208, 184, 156, 0.6);
}

@media (max-width: 767px) {
    header#navbar .navbar-wrap ul.navbar-nav {
        height: 50vh;
        overflow-y: auto;
        scroll-behavior: auto;
    }
}