/* Usage

section
    header
        ...
    p

 */
.title-and-text {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.title-and-text  header {
    border-left-width: 6px;
    border-left-style: solid;
    padding: .5rem 0;
    padding-left: 1rem;
    margin-bottom: 1rem;
}

.title-and-text  p,.title-and-text  address,.title-and-text  h3 {
    margin: 0 1.5rem;
    margin-bottom: 1rem;
}

.as-primary {
    background-color: var(--DarkGreen)
}

.as-primary  header {
    border-color: var(--Orange);
}

.as-primary  header > * {
    color: var(--Orange);
}

.as-primary  p,.as-primary  h3,.as-primary  address, .as-primary  a {
    color: var(--White);
}

.as-secondary {
    background-color: var(--White)
}

.as-secondary  header {
    border-color: var(--Black);
    color: var(--Black);
}

.as-secondary  p {
    color: var(--Black);
}

.as-tertiary {
    background-color: var(--Pink)
}

.as-tertiary  header {
    border-color: var(--White);
}

.as-tertiary  header > * {

    color: var(--DeepBlack);
}

.as-tertiary  p {
    color: var(--Black);
}