/* Styling for section details modal */
#sectionModal .card {
    border: none;
}

#sectionModal .card-header {
    /* background-color: transparent; */
    border-bottom: 1px solid rgba(0, 0, 0, .125);
    padding: 0.5rem 0;
}

#sectionModal .card-body {
    padding: 0.5rem 0;
}

#sectionModal h5 {
    font-size: 1.1rem;
    margin-top: 0.75rem;
    margin-bottom: 0.25rem;
}

#sectionModal hr {
    margin: 0.25rem 0 0.5rem 0;
}

#sectionModal dl.row {
    margin-bottom: 0.5rem;
}

#sectionModal dt {
    font-weight: 600;
    margin-bottom: 0.15rem;
}

#sectionModal dd {
    margin-bottom: 0.15rem;
}

/* Only in modal - space-saving for small screens */
@media screen and (max-width: 768px) {
    #sectionModal .modal-dialog {
        max-width: 95%;
    }
}