.sawfh-locations-list {
    list-style: none;
}

.sawfh-locations-list-item-private .sawfh-locations-list-item-address {
    text-decoration: line-through;
    opacity: 0.5;
}

.sawfh-locations-list li {
    margin: 10px 0;
}

.sawfh-locations-list-item-date,
.sawfh-locations-list-item-manage {
    display: flex;
    justify-content: start;
}

.sawfh-locations-list-item-date span {
    margin-right: 10px;
}

/* .sawfh-locations-list-item-date div,
.sawfh-locations-list-item-manage div {
    width: fit-content;
    text-align: center;
} */

.smba-dashboard {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.smba-dashboard .smba-dashboard-item {
    flex: 1 1 100%;
    padding: 7.5px 0;
    box-sizing: border-box;
}

.smba-dashboard .smba-dashboard-card {
    height: 100%;
    border: 3px solid red;
    border-radius: 5px;
    padding: 10px;
    box-sizing: border-box;
}

.smba-support-form {
    width: 100%;
    font-size: 1.2em;
}

.smba-support-form label {
    display: block;
    text-align: left;
}

.smba-support-form input,
.smba-support-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
    font-size: 1em;
}

.smba-support-form textarea {
    height: 200px;
}

.smba-support-form .form-group {
    margin-bottom: 1em;
}

.smba-support-form .button {
    width: 100%;
}

@media (min-width: 782px) {

    .smba-dashboard .smba-dashboard-item {
        flex: 1 1 50%;
        padding: 7.5px;
        box-sizing: border-box;
    }

    .sawfh-locations-list li {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }

    .sawfh-locations-list-item-component {
        flex: 1 1 20%;
    }

    .sawfh-locations-list-item-address {
        flex: 1 1 60%;
    }

    .sawfh-locations-list-item-date,
    .sawfh-locations-list-item-manage {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .sawfh-locations-list-item-date span {
        margin-right: inherit;
    }

    
    .smba-support-form {
        width: 80%;
        margin: 0 auto;
        text-align: left;
        outline: 2px solid transparent; /* For focus indication */
    }

    .smba-support-form :focus {
        outline: 2px solid rgba(225, 50, 50, 0.5); /* Faded red indicator for focused elements */
        outline-offset: 2px;
    }

    .smba-support-form .button {
        width: auto;
    }
}