/* Custom styles for the application */
/* made by Kennedy M. Kiio */

::-webkit-scrollbar {
    -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
    width: 5px;
}

::-webkit-scrollbar:horizontal {
    height: 5px;
}

::-webkit-scrollbar-thumb {
    border-radius: 5px;
    border: 1px solid white;
    /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius: 8px;
}

.card {
    border-radius: 0 !important;
}

.auth-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.basemap-card:hover {
    background-color: #f8f9fa !important;
}

.form-control {
    border-radius: 0 !important;
}

.form-select {
    border-radius: 0 !important;
}

.form-check-input {
    border-radius: 0 !important;
}

.btn {
    border-radius: 0 !important;
}

.badge {
    border-radius: 0 !important;
}

.leaflet-control {
    border-radius: 0 !important;
}

.nav-item {
    border-radius: 0 !important;
}

.nav-link {
    border-radius: 0 !important;
}

.dropdown-item {
    border-radius: 0 !important;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.card-header {
    border-radius: 0 !important;
}

.card-footer {
    border-radius: 0 !important;
}

.card-body {
    border-radius: 0 !important;
}

.story-card-ratio {
    display: flex;
    flex-direction: column;
    height: 100%;
    overflow: hidden;
}

.story-card-ratio .card-body {
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}

.story-card-description {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
    overflow: hidden;
    margin-bottom: 0;
}

.story-card-ratio .card-footer {
    flex-shrink: 0;
}

.alert {
    border-radius: 0 !important;
}

.modal-content {
    border-radius: 0 !important;
}

.modal-header {
    border-radius: 0 !important;
}

.modal-footer {
    border-radius: 0 !important;
}

.modal-body {
    border-radius: 0 !important;
}

.dropdown-menu {
    border-radius: 0 !important;
}

.dropdown-item {
    border-radius: 0 !important;
}

.img-thumbnail {
    border-radius: 0 !important;
}

.list-group {
    border-radius: 0 !important;
}

@media (min-width: 768px) {
    .w-md-25 {
        width: 20% !important;
    }
}