label[for="areas_of_experience"] {
    background-color: #26abc7;
    display: block;
    margin-top: 2em;
    padding: 1em;
}

.fullwidth-label label {
    text-align: left;
}

.mta-form-table,
.mta-form-table td,
.mta-form-table th {
    border: none;
}

.mta-form th {
    text-align: right;
}

body.wp-admin .mta-form-table th {
    text-align: right;
}

.mta-notice {
    color: rgba(0, 0, 0, 0.74);
    margin-bottom: 0.5em;
    padding: 0.5em;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.54);
}

.mta-notice > p {
    margin-bottom: 0;
}

.mta-notice.error {
    background-color: #ffd1d1;
}

.mta-form-confirmed {
    width: 100%;
    text-align: center;
    padding: 3em 1em 3em 1em;
    border: 1px solid rgba(0, 0, 0, 0.54);
    border-radius: 5px;
}

.mta-search-box {
    margin-bottom: 0.5em;
}

.mta-search-box-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.mta-search-box-flex > label {
    display: block;
    font-weight: bold;
}

.mta-search-box-flex textarea,
.mta-search-box-flex input[type="text"],
.mta-search-box-flex input[type="password"],
.mta-search-box-flex input[type="email"] {
    border: 1px solid rgb(118, 118, 118);
}

.mta-search-box-flex select {
    padding: 9px 9px 12px;
}

@media all and (max-width: 1140px) {
    .mta-table-viewport {
        overflow: scroll;
    }
}

.mta-results {
    border: 1px solid #888;
    border-collapse: collapse;
    background-color: #fff;
}

.mta-results tbody tr:nth-child(2n) {
    background-color: #e9e9e9;
}

.mta-results th {
    border-bottom: 1px solid #888;
    text-align: left;
}

.mta-results th,
.mta-results td {
    border-left: 1px solid #333 !important;
    border-right: 1px solid #333 !important;
}

.mta-directory-pagination.top {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.mta-directory-pagination.bottom {
    padding-top: 0;
    padding-bottom: 2em;
}

.mta-directory-pagination a,
.mta-directory-pagination span {
    font-weight: bold;
}

.mta-directory-pagination a.prev:before,
.mta-directory-pagination a.next:after {
    content: none !important;
    display: none !important;
}

.results-table-mobile-instructions {
    display: none;
}

@media screen and (max-width: 782px) {
    .results-table-mobile-instructions {
        display: block !important;
    }

    .mta-form-table td, .mta-form-table th, .label-responsive {
        display: block;
        width: auto;
        vertical-align: middle;
    }

    .mta-form th {
        text-align: left;
    }

    .mta-form button[type="submit"] {
        width: 100%;
    }

    .mta-search-box-flex {
        flex-direction: column;
    }

    .mta-search-box-flex > label > input,
    .mta-search-box-flex > label > select {
        width: 100%;
    }

    .mta-form-confirmed {
        padding: 0.75em;
    }
}