p.notice,
span.notice,
div.notice {
    border-left: 0.313em solid #ccc;
    background-color: #eee;
    display: block;
    padding: 1.25em;
    position: relative;
}

span.notice,
div.notice {
    margin: 1.25rem 0;
}

@media all and (min-width: 720px) {

    p.notice,
    span.notice,
    div.notice {
        padding: 1em;
        border-width: 0.25em;
    }

    p.notice::before,
    span.notice::before,
    div.notice::before {
        font-size: 2em;
    }
}

p.notice::before,
span.notice::before,
div::before {
    content: attr(data-title);
    font-size: 1.25em;
    font-weight: 700;
    line-height: 1.5em;
    font-family: 'Montserrat', sans-serif;
    display: block;
    margin-bottom: 0.625rem;
}

p.notice.no-title::before,
span.notice.no-title::before,
div.notice.no-title::before {
    content: none;
}

.dark-mode p.notice,
.dark-mode span.notice,
.dark-mode div.notice {
    background-color: #111;
}

.highlight {
    padding: 2em;
    background-color: #5c8128;
    color: #fff;
    margin: 4em 0;
}

.highlight>*:first-child {
    margin-top: 0;
}

.highlight>*:last-child {
    margin-bottom: 0;
}

.dark-mode .highlight {
    background-color: #111;
}



/* KEY FACTS */
.key-facts,
.key-facts > li {
    display: block;
    overflow: hidden;
    font-size: 1em;
    padding: 0;
    margin: 0;
    list-style: none;
}

.key-facts {
    margin-bottom: 4em;
}

.key-facts > li:not(:first-child) {
    margin-top: 0.625em;
}

.key-facts > li {
    font-size: 1.6em;
    padding: 0.625em;
    background-color: #eee;
}

@media screen and (min-width: 720px) {
    .key-facts > li {
        font-size: 2em;
    }
}

.key-facts > li.major {
    font-size: 2em;
    padding: 0.5em;
    font-family: 'canada-type-gibson', sans-serif;
    font-weight: 600;
    text-transform: none;
}

.key-facts > li strong {
    font-family: 'canada-type-gibson', sans-serif;
    font-weight: 600;
    text-transform: none;
}

.dark-mode .key-facts  > li {
    background-color: #111;
}

.key-facts > li.icon {
    padding-left: 2.5rem;
    position: relative;
}

.key-facts > li.icon::before {
    content: '';
    font-family: 'FontAwesome';
    font-weight: 300;
    font-size: 1.25rem;
    position: absolute;
    top: 0.5em;
    left: 0.5em;
}

.key-facts li.icon.people::before {
    content: '\f0c0';
}

.key-facts li.icon.gender::before {
    content: '\f228';
}

.key-facts li.icon.cog::before {
    content: '\f085';
}

.key-facts li.icon.marker::before {
    content: '\f3c5';
}

.key-facts li.icon.coins::before {
    content: '\f51e';
}

.key-facts li.icon.comments::before {
    content: '\f086';
}

.key-facts li.icon.people::before {
    content: '\f500';
}

.key-facts li.icon.facebook::before {
    content: '\f39e';
    font-family: 'FontAwesome Brands';
}

.key-facts li.icon.clipboard::before {
    content: '\f46d';
}

.key-facts li.icon.thumb::before {
    content: '\f164';
}

.key-facts li.icon.time::before {
    content: '\f017';
}

.key-facts li.icon.comment::before {
    content: '\f4ad';
}

.key-facts li.icon.star::before {
    content: '\e561';
}

.key-facts li.icon.clap::before {
    content: '\e1a8';
}

.key-facts li.icon.phone::before {
    content: '\f2a0';
}

.key-facts li.icon.circle-tick::before {
    content: '\f058';
}

.key-facts > li > ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.key-facts p:first-of-type {
    margin-top: 0;
}

.key-facts p:last-of-type {
    margin-bottom: 0;
}

ul.contact {
    display: block;
    overflow: hidden;
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.contact li::before {
    display: inline-block;
    margin-right: 0.625em;
    font-family: 'FontAwesome';
    font-weight: 300;
    color: #e7690c;
}

ul.contact .web::before {
    content: '\f109';
}

ul.contact .phone::before {
    content: '\f095';
}

ul.contact .email::before {
    content: '\f0e0';
}

ul.contact .address::before {
    content: '\f044';
}

/* TABLES */
table th span {
    font-weight: 300;
    font-size: 0.8em;
}