// Style translations for widgets that sometimes show up in pages written for
// the old non-Foundation site skins. These rules should mostly use @extend
// rules to style these widgets in terms of existing classes from the modern
// site skins.

.action-box {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

    margin-top: 20px;
    margin-bottom: 20px;

    .inner {
        background-color: $highlight-color;
        color: $highlight-text-color;
        border: 1px solid;
        border-color: $highlight-border;
        display: block;
        padding: 5px;
        text-align: center;
    }
}

.highlight-box {
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: $highlight-color;
    color: $highlight-text-color;
    border: 1px solid;
    border-color: $highlight-border;
    display: block;
    padding: 5px;
    text-align: center;
}

.searchhighlight {
        background-color: $highlight-color;
        color: $highlight-text-color;
}

.section_head {
    background-color: $highlight-color;
    color: $highlight-text-color;
    border-bottom: 1px solid;
    border-color: $highlight-border;
}

.field_name, .field_block:nth-of-type(even) {
    background-color: $table-even-row-bg;
}

.field_block, .service_block {
    border-color: $background-color;
}