.sub-panel-container {

    .sub-panel-grid {
        display: inline-block;
        margin-top: 20px;

        .field-column {
            margin-bottom: 20px;
        }

    }

    .sub-panel-table {

        th {
            border-bottom: 1px solid $koala;
            padding: 4px 8px;
        }

        .sub-panel-table-header {
            background: $rhino;
            color: $white;
            font-weight: $font-weight-bold;
            text-transform: uppercase;

            &.grey {
                background: $mouse;
                color: $rhino;
            }

            td {
                padding: 4px 8px;
            }

        }

    }

}

.panelHeader {
    background: $mouse;
    border: 1px solid $koala;
    overflow: hidden;
    padding: 10px;

    h3 {
        float: left;
        margin: 0px;

        &.sub {
            font-size: .9em;
            font-weight: normal;
        }

    }

    ul {
        float: right;
        list-style: none;
        margin: 2px 10px 0 0;
        padding: 0;

        li {
            float: left;
            margin: 0 0 0 15px;
            padding: 0;
        }

    }

}

.panelContent {
    border: 1px solid $koala;
    border-top: 0;
    margin-bottom: 20px;
    overflow: auto;

    .panelSummary {
        background: $white;
        border-bottom: 1px solid $warm-grey;
        margin: 0;
        overflow: hidden;
        padding: 10px 13px;
        width: auto;
    }

}

#oa-marketing-highlights {
    margin-bottom: 20px;
}