/* Icons */
.icon-before:before,
.icon-after:after {
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
}

.icon-inline {
    display: inline-flex;
    align-items: center;
}

.icon-inline svg,
.icon-inline:before,
.icon-inline:after {
    flex: 0 0 auto;
}

.icon-left svg,
.icon-left-right > *:not(:last-child),
.icon-left:before {
    margin-right: 0.5em;
}

.icon-right svg,
.icon-right:after {
    margin-left: 0.5em;
}

.icon-above {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.icon-above.icon--large:before {
    margin-bottom: 27px;
}

.icon-above.icon--small:before {
    margin-bottom: 16px;
}

.icon-before:before,
.icon-after:after {
    content: '';
    background-repeat: no-repeat;
    background-position: center center;
    flex: 0 0 auto;
}

.icon-coral svg {
    color: #D85849;
}

.icon--archive--badge {
    background-image: url(../../images/icons/archive--badge.svg);
}

.icon--article--badge {
    background-image: url(../../images/icons/article--badge.svg);
}

.icon--book-open--badge {
    background-image: url(../../images/icons/book-open--badge.svg);
}
.icon--calendar--badge {
    background-image: url(../../images/icons/calendar--badge.svg);
}
.icon--canada-flag:not(.icon-before):not(.icon-after) {
    background-image: url(../../images/canada-flag.svg);
}
.icon--canada-flag.icon-after:after {
    background-image: url(../../images/canada-flag.svg);
}
.icon--clock--badge {
    background-image: url(../../images/icons/clock--badge.svg);
}
.icon--education--badge {
    background-image: url(../../images/icons/education--badge.svg);
}
.icon--holiday--badge {
    background-image: url(../../images/icons/holiday--badge.svg);
}
.icon--globe--badge {
    background-image: url(../../images/icons/globe--badge.svg);
}
.icon--mail.icon-before:before,
.icon--mail.icon-after:after {
    content: url(../../images/icons/mail.svg);
}
.icon--mail-circle.icon-before:before,
.icon--mail-circle.icon-after:after {
    content: url(../../images/icons/mail--circle.svg);
}
.icon--megaphone--badge {
    background-image: url(../../images/icons/megaphone--badge.svg);
}
.icon--microphone--badge {
    background-image: url(../../images/icons/microphone--badge.svg);
}
.icon--note-search--badge {
    background-image: url(../../images/icons/note-search--badge.svg);
}
.icon--people--badge {
    background-image: url(../../images/icons/people--badge.svg);
}
.icon--person--badge {
    background-image: url(../../images/icons/person--badge.svg);
}
.icon--scale--badge {
    background-image: url(../../images/icons/scale--badge.svg);
}
.icon--speech-bubbles--badge {
    background-image: url(../../images/icons/speech-bubbles--badge.svg);
}
.icon--transfer-circle.icon-before:before,
.icon--transfer-circle.icon-after:after {
    content: url(../../images/icons/transfer--circle.svg);
}
.icon--us-flag:not(.icon-before):not(.icon-after) {
    background-image: url(../../images/us-flag.svg);
}
.icon--us-flag.icon-after:after {
    background-image: url(../../images/us-flag.svg);
}
.icon--video--badge {
    background-image: url(../../images/icons/video--badge.svg);
}

.icon--canada-flag.icon-after:after,
.icon--us-flag.icon-after:after {
    width: 45px;
    height: 32px;
    margin-left: 1.6rem;
    margin-bottom: -0.18em;
}

[aria-expanded="true"] .icon--chevron-down {
    transform: rotate(180deg);
}