/* -------------------------------------------------- */
/* Reset - http://purecss.io/base
/* -------------------------------------------------- */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {
    display: block;
}

body {
    line-height: 1;
}

ol, ul {
    list-style: none;
}

blockquote, q {
    quotes: none;
}

    blockquote:after, blockquote:before, q:after, q:before {
        content: '';
        content: none;
    }

table {
    border-collapse: collapse;
    border-spacing: 0;
}

.hide {
    display: none;
}

html {
    box-sizing: border-box;
}

*, *:before, *:after {
    box-sizing: inherit;
}

.clear {
    font-size: 0px;
    clear: both;
    height: 0px;
}

*:focus {
    outline: none;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

input:invalid {
    box-shadow: none;
}

button {
    border: none;
    background: none;
    padding: 0;
    margin: 0;
}

    button::-moz-focus-inner {
        border: 0;
    }

input, button {
    border-radius: 0;
    border-radius: none;
}

html {
    scroll-behavior: smooth;
}
/* -------------------------------------------------- */
/* General 
/* -------------------------------------------------- */
body {
    background: #fff;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #262626;
    overflow-y: auto;
}

h1, h2, h3, h4 {
    font-family: 'Roboto Slab', sans-serif;
    font-weight: 600;
    line-height: 1.2em;
    padding: 12px 0;
}

h1 {
    font-size: 51px;
}

h2 {
    font-size: 39px;
}

h3 {
    font-size: 24px;
}

h4 {
    font-size: 21px;
}

a, a:visited {
    color: #0068b2;
}

    a:hover, a:active {
        color: #0068b2;
        text-decoration: none;
    }

strong {
    font-weight: 700;
}

sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
    top: -0.5em;
}

p {
    line-height: 1.6em;
    padding: 12px 0;
}

.dark-bg,
.dark-bg a,
.dark-bg button {
    color: #fff;
}

    .dark-bg .form input,
    .dark-bg .form select,
    .dark-bg .form textarea {
        border: 1px solid #fff;
    }

.flex {
    width: 100%;
    height: auto;
}
/* Containers */
.container,
.container-min {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 24px;
}

.container-min {
    width: 100%;
    max-width: 760px;
}
/* Columns */
.cols-2,
.cols-3 {
    display: flex;
    flex-wrap: wrap;
    margin: -24px;
}

.col {
    padding: 24px;
}

.cols-2 .col {
    width: 50%;
}

.cols-3 .col {
    width: 33.33%;
}

.disclaimer {
    font-style: italic;
    font-size: 12px;
}
/* -------------------------------------------------- */
/* General Buttons
/* -------------------------------------------------- */
button.btn,
a.btn {
    display: inline-block;
    background-color: #dc281e;
    padding: 15px 21px;
    font-family: Inter, sans-serif;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    -webkit-transition: color .25s, background-color .25s; /* Safari */
    transition: color .25s, background-color .25s;
}

    button.btn:hover,
    a.btn:hover {
        color: #222e64;
        background-color: #f1f2f6;
    }

button:hover {
    cursor: pointer;
}

button.btn.alt-bg:hover,
.btn.alt-bg:hover {
    background-color: #121835;
    color: #fff;
}

a.icon-link,
.icon-link {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
}

    a.icon-link svg,
    .icon-link svg {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        transition: transform .25s;
    }

    .icon-link span {
        padding-right: 3px;
    }

    a.icon-link:hover svg,
    .icon-link:hover svg {
        -webkit-transform: translateX(3px);
        -ms-transform: translateX(3px);
        transform: translateX(3px);
    }
/* -------------------------------------------------- */
/* TOPMAST
/* -------------------------------------------------- */
.topmast {
    width: 100%;
    z-index: 30;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #fff;
    border-left: 6px solid #dc281e;
    height: 144px;
}

.topmast-rows {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    opacity: 1;
    visibility: visible;
    transition: visibility 0s, opacity .5s;
    -webkit-transition: visibility 0s, opacity .5s; /* Safari */
}

.actions,
.prime-nav,
.mobile-controls {
    display: flex;
    flex-grow: 1;
    justify-content: end;
    align-items: center;
}
/* Brand */
.brand {
    display: flex;
    align-items: center;
    padding: 0 36px 0 24px;
    font-size: 13px;
}

    .brand a {
        text-decoration: none;
        color: #222e64;
    }

.brand-sur {
    display: inline-block;
    /*background: url('/assets/images/gop.svg') no-repeat left center;
    background-size: 16px 16px;
    padding-left: 19px;*/
    font-size: 14px;
    font-weight: 500;
}

.brand-name {
    padding: 6px 0;
    opacity: 1;
    font-family: Lora, serif;
    font-size: 42px;
    font-weight: 500;
    line-height: 1em;
    text-transform: uppercase;
}

    .brand-name span {
        color: #dc281e;
    }

.brand img {
    width: 100%;
    height: auto;
    max-height: 80px;
}
/* Social */
.social {
    display: flex;
    padding: 0 15px;
}

    .social li {
        padding: 0 9px;
    }

    .social a {
        color: #222e64;
    }
/* Site Search */
.site-search {
    display: inline-flex;
    background-image: linear-gradient(to right, #f1f2f6, transparent);
    position: relative;
}

    .site-search input {
        background: transparent;
        padding: 0 0 0 24px;
        width: 200px;
        height: 72px;
        font-family: Inter, sans-serif;
        font-size: 14px;
        color: #222e64;
        border: 0;
    }

    .site-search button {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 72px;
        width: 72px;
        color: #222e64;
    }
/* Subscribe */
a.btn.btn-optin {
    padding: 0 24px;
    text-align: center;
    line-height: 72px;
}
/* Prime Navigation */
.prime-nav {
    align-items: end;
    background: #222e64;
}

    .prime-nav ul {
        display: inline-flex;
    }

    .prime-nav li {
        position: relative;
        padding: 0 24px;
    }

    .prime-nav a {
        display: block;
        text-decoration: none;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 700;
        line-height: 72px;
        color: #fff;
        background: url('/assets/images/highlight.svg') no-repeat left bottom;
        background-size: 0 3px;
        -webkit-transition: color .25s, background-size .25s; /* Safari */
        transition: color .25s, background-size .25s;
    }

    .prime-nav li:hover a {
        background-size: 100% 3px;
    }

    .prime-nav ul ul {
        position: absolute;
        z-index: 40;
        left: 0;
        display: block;
        padding: 12px 24px 24px 24px;
        background: #fff;
        width: 220px;
        box-shadow: 0 0 24px rgba(0,0,0,.15);
        visibility: hidden;
        opacity: 0;
        -webkit-transform: translateX(-12px);
        -ms-transform: translateX(-12px);
        transform: translateX(-12px);
        -webkit-transition: transform .25s, opacity .25s; /* Safari */
        transition: transform .25s, opacity .25s;
    }

    .prime-nav ul li:last-child ul {
        left: auto;
        right: 0;
    }

    .prime-nav ul ul li {
        padding: 0;
        border-bottom: 1px solid #f1f2f6;
    }

    .prime-nav ul li:hover ul {
        visibility: visible;
        opacity: 1;
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
    }

    .prime-nav li:hover ul a,
    .prime-nav ul ul a {
        display: block;
        margin-bottom: -1px;
        line-height: 1.2em;
        text-transform: none;
        font-weight: 400;
        color: #222e64;
        padding: 12px 0;
        background-size: 0 1px;
    }

    .prime-nav ul ul li:last-child a {
        border-bottom: none;
    }

    .prime-nav ul ul a:hover {
        background-size: 100% 1px;
        color: #dc281e;
    }
/* -------------------------------------------------- */
/* MOBILE CONTROLS
/* -------------------------------------------------- */
.mc {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .25s; /* Safari */
    transition: opacity .25s;
    background: #222e64;
    position: fixed;
    z-index: 50;
    top: 144px;
    bottom: 0;
    width: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    overflow-y: auto;
    padding: 24px;
}

body.show .mc {
    visibility: visible;
    opacity: 1;
}

body.show {
    overflow: hidden;
}
/* Menu Toggle */
.btn-menu {
    display: none;
    justify-content: center;
    align-items: center;
    width: 96px;
    height: 72px;
    color: #222e64;
}

    .btn-menu svg.open {
        display: block;
    }

    .btn-menu svg.close {
        display: none;
    }

body.show .btn-menu svg.open {
    display: none;
}

body.show .btn-menu svg.close {
    display: block;
}
/* Mobile Site Search */
.mc-search {
    display: flex;
    background-color: rgba(0,0,0,.25);
}

    .mc-search input {
        background: transparent;
        padding: 0 0 0 18px;
        width: 100%;
        height: 72px;
        font-family: Inter, sans-serif;
        font-size: 14px;
        color: #fff;
        border: 0;
    }

    .mc-search button {
        flex: 0 0 54px;
        display: flex;
        justify-content: center;
        align-items: center;
        height: 72px;
        color: #fff;
    }
/* Mobile Prime Navigation */
.mc-nav {
    padding: 24px 0;
}

    .mc-nav li {
        border-bottom: 2px solid rgba(255,255,255,.05);
    }

        .mc-nav li div {
            display: flex;
            align-items: center;
        }

    .mc-nav a {
        display: block;
        padding: 21px 6px 21px 0;
        font-weight: 700;
        line-height: 1.2em;
        text-transform: uppercase;
        color: #fff;
        text-decoration: none;
    }

    .mc-nav li button {
        margin-left: auto;
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transition: transform .25s; /* Safari */
        transition: transform .25s;
        color: #fff;
    }

    .mc-nav li.show button {
        -webkit-transform: scaleY(1);
        -ms-transform: scaleY(-1);
        transform: scaleY(-1);
    }

    .mc-nav li ul {
        overflow: hidden;
        height: 0;
        opacity: 0;
    }

    .mc-nav li.show ul {
        height: auto;
        opacity: 1;
        transition: opacity .25s;
        -webkit-transition: opacity .25s; /* Safari */
    }

    .mc-nav li li {
        border: none;
    }

        .mc-nav li li a {
            padding: 12px 0;
            font-size: 15px;
            font-weight: 400;
            text-transform: none;
        }

        .mc-nav li li:last-child {
            padding-bottom: 21px;
        }
/* Mobile Social */
.mc-social {
    display: none;
    margin-top: auto;
    justify-content: center;
}

    .mc-social li {
        padding: 0 12px;
    }

    .mc-social a {
        color: #fff;
    }
/* -------------------------------------------------- */
/* HERO/SLIDER
/* -------------------------------------------------- */
.hero {
    background: #1d2755;
    position: relative;
}

.glide__slides {
    align-items: center;
}

.glide__slide .slide-container {
    display: flex;
    flex-wrap: wrap;
}

.glide__slide.reversed .slide-container {
    flex-direction: row-reverse;
}

.slide-text {
    display: flex;
    align-items: center;
    width: 33%;
    padding: 24px 64px 24px 24px;
}

.glide__slide.reversed .slide-text {
    padding: 24px 24px 24px 28px;
}

.slide-media {
    width: 67%;
}

.sm-media .slide-container {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
}

.sm-media .slide-media {
    width: auto;
}

    .sm-media .slide-media img {
        max-width: 500px;
        max-height: 500px;
    }

.sm-media .slide-text {
    flex-grow: 1;
}
/* Slider Controls */
.hero .glide__bullets {
    position: absolute;
    right: 24px;
    z-index: 20;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 16px;
}

    .hero .glide__bullets button {
        width: 16px;
        height: 16px;
        border: 2px solid #fff;
        border-radius: 50%;
        margin: 6px 0;
        background-color: rgba(255,255,255,0);
        -webkit-transition: background-color .5s; /* Safari */
        transition: background-color .5s;
    }

        .hero .glide__bullets button.glide__bullet--active {
            background-color: rgba(255,255,255,1);
        }
/* hero breakpoints */
@media screen and (max-width: 1365px) {
    .slide-container {
        width: 100%;
        max-width: 1080px;
        margin: 0 auto;
    }

    .lrg-media .slide-text {
        width: 100%;
        text-align: center;
        padding: 24px;
    }

    .lrg-media .slide-media {
        width: 100%;
        text-align: center;
    }

    .sm-media .slide-media {
        padding: 24px 24px 0 24px;
    }

    .glide__slides {
        align-items: flex-start;
    }

    .hero .glide__bullets {
        position: static;
        width: auto;
        display: flex;
        justify-content: center;
        padding: 36px 0 0 0;
    }

        .hero .glide__bullets button {
            margin: 0 6px;
        }
}

@media screen and (max-width: 1079px) {
    .sm-media .slide-text {
        width: 100%;
        text-align: center;
        padding: 12px 24px 24px 24px;
    }

    .sm-media .slide-media {
        width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 548px) {
    .sm-media .slide-media img {
        width: 100%;
        height: auto;
        max-width: none;
        max-height: none;
    }
}

/* -------------------------------------------------- */
/* ALERT RIBBON
/* -------------------------------------------------- */
.alert-ribbon {
    display: none;
    background: #0068b2;
    align-items: center;
    padding: 12px 24px;
    min-height: 72px;
}

    .alert-ribbon.show {
        display: flex;
    }

    .alert-ribbon p {
        flex-grow: 1;
        line-height: 1.4em;
        text-align: center;
        padding: 12px;
        font-weight: 600;
    }

    .alert-ribbon svg {
        min-width: 24px;
    }

    .alert-ribbon,
    .alert-ribbon svg,
    .alert-ribbon button,
    .alert-ribbon a {
        color: #fff;
    }
/* -------------------------------------------------- */
/* TEXT+IMAGE SECTION
/* -------------------------------------------------- */
.txt-img-sec {
    padding: 72px 0;
    background: #222e64;
}

.txt-img {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -24px;
}

    .txt-img .txt,
    .txt-img .img {
        width: 50%;
        padding: 24px;
    }
/* -------------------------------------------------- */
/* HUB SECTION
/* -------------------------------------------------- */
.hub {
    padding: 72px 0;
    background: #222e64;
}

    .hub .links {
        display: flex;
        flex-wrap: wrap;
        margin: -6px;
        padding: 24px 0;
    }

        .hub .links li {
            width: 25%;
            padding: 6px;
        }

        .hub .links a {
            padding: 48px 24px 72px 24px;
            background-color: #1d2755;
            transition: all .25s;
            display: flex;
            align-items: center;
            justify-content: center;
            display: block;
            height: 100%;
            text-align: center;
            text-decoration: none;
        }

        .hub .links svg {
            -webkit-transform: translateY(6px);
            -ms-transform: translateY(6px);
            transform: translateY(6px);
            -webkit-transition: transform .25s; /* Safari */
            transition: transform .25s;
        }

        .hub .links .link-txt {
            display: block;
            padding: 48px 0 0 0;
            font-size: 17px;
            font-weight: 500;
            line-height: 1.2em;
        }

        .hub .links a:hover {
            background-color: #fff;
            color: #222e64;
        }

            .hub .links a:hover svg {
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
            }
/* -------------------------------------------------- */
/* FEATURED ARTICLES SECTION
/* -------------------------------------------------- */
.featured-articles {
    padding: 48px 0;
}
/* Cards */
.article-cards {
    padding: 24px 0;
    display: flex;
}

    .article-cards a {
        text-decoration: none;
        height: auto;
    }

    .article-cards article {
        position: relative;
        height: 100%;
        background-color: #efefef;
        text-align: center;
        padding: 0 24px 92px 24px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: transform .25s, color .25s, background-color .25s; /* Safari */
        transition: transform .25s, color .25s, background-color .25s;
    }

    .article-cards a:hover article {
        background-color: #222e64;
        -webkit-transform: translateY(-6px);
        -ms-transform: translateY(-6px);
        transform: translateY(-6px);
        color: #fff;
    }

    .article-cards a:hover .icon-link {
        color: #fff;
    }

    .article-cards .date {
        display: inline-block;
        background: #fff;
        padding: 0 0 18px 0;
        width: 96px;
        font-size: 15px;
        font-weight: 700;
        text-transform: uppercase;
        color: #262626;
    }

        .article-cards .date span {
            display: block;
            font-size: 30px;
        }

    .article-cards .type {
        padding: 24px 0 12px 0;
        font-size: 14px;
        letter-spacing: 1px;
        text-transform: uppercase;
    }

    .article-cards h3 {
        line-height: 1.4em;
    }

    .article-cards .icon-link {
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        bottom: 30px;
        color: #0068b2;
    }
/* Controls */
.glide__arrows {
    padding: 24px 0 0 0;
    display: flex;
    justify-content: center;
    margin: -6px;
}

    .glide__arrows button,
    .glide__arrows a {
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #f0f1f5;
        width: 48px;
        height: 48px;
        color: #262626;
        margin: 6px;
        -webkit-transition: color .25s, background-color .25s, border-color .25s; /* Safari */
        transition: color .25s, background-color .25s, border-color .25s;
    }

        .glide__arrows button:hover,
        .glide__arrows a:hover {
            color: #fff;
            background-color: #262626;
            border-color: #262626;
        }
/* -------------------------------------------------- */
/* PAGE HEAD
/* -------------------------------------------------- */
.pg-head {
    background: #f1f2f6 no-repeat right center;
    background-size: cover;
}

    .pg-head h1 {
        padding: 48px 0;
        color: #222e64;
    }

    .pg-head.wbg h1 {
        padding-top: 144px;
        color: #fff;
        text-align: center;
    }
/* -------------------------------------------------- */
/* SINGLE PAGE
/* -------------------------------------------------- */
.pg-main {
    padding: 36px 0 48px 0;
}
    /* Lists */
    .pg-main ul,
    .pg-main ol {
        line-height: 1.8em;
        padding: 12px 0 6px 0;
        list-style-position: outside;
        margin: 0 0 0 1em;
    }

        .pg-main ul ul,
        .pg-main ol ol {
            padding: 6px 0 0 12px;
        }

    .pg-main ul {
        list-style-type: disc;
    }

        .pg-main ul ul {
            list-style-type: circle;
        }

    .pg-main ol {
        list-style-type: decimal;
    }

        .pg-main ol ol {
            list-style-type: lower-latin;
        }

    .pg-main li {
        padding: 0 0 6px 0;
    }
/* Table */
.table {
    overflow: hidden;
    overflow-y: auto;
    padding: 12px 0;
}

    .table table {
        width: 100%;
        border: 1px solid #929292;
        border-bottom: none;
        border-left: none;
    }

        .table table th,
        .table table td {
            text-align: left;
            padding: 12px;
            border: 1px solid #929292;
            border-top: none;
            border-right: none;
            line-height: 1.4em;
        }

        .table table th {
            background: #f4f4f4;
            font-size: 15px;
            font-weight: 700;
        }
/* Form */
.form-row {
    padding: 12px 0 0 0;
}

.form-cols-2,
.form-cols-3 {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
}

    .form-cols-2 .form-col,
    .form-cols-3 .form-col {
        width: 50%;
        padding: 6px;
    }

    .form-cols-3 .form-col {
        width: 33.33%;
    }

.form label {
    display: block;
    padding-bottom: 6px;
    font-size: 15px;
    font-weight: 700;
}

.form input,
.form select,
.form textarea {
    padding: 12px;
    height: 48px;
    width: 100%;
    border: 1px solid #929292;
    font-family: 'Inter', sans-serif;
    font-size: 16px;
    color: #262626;
}

.form textarea {
    height: auto;
}

.form .checkboxes label {
    display: flex;
    align-items: start;
    font-weight: 400;
    padding-bottom: 9px;
    line-height: 1.6em;
}

.form .checkboxes input {
    width: auto;
    height: auto;
}

.form .checkboxes span {
    margin: -3px 0 0 0;
    padding: 0 0 0 6px;
}

p.alert {
    display: flex;
    align-items: center;
    font-weight: 500;
}

    p.alert span {
        display: block;
        padding-left: 6px;
    }

    p.alert.neg {
        color: #dc281e;
    }

    p.alert.pos {
        color: #008000;
    }

.field-msg {
    padding-top: 6px;
    font-size: 13px;
    opacity: .6;
}

.field-alert input,
.field-alert select,
.field-alert textarea {
    border-color: #dc281e;
    border-width: 2px;
}

.field-alert .field-msg,
.field-alert label {
    opacity: 1;
    color: #dc281e
}
/* Image */
figure {
    width: 100%;
    padding: 12px 0;
}

    figure img {
        width: 100%;
        height: auto;
    }

.fig-left,
.fig-right {
    float: left;
    width: 50%;
    padding: 21px 24px 24px 0;
}

.fig-right {
    float: right;
    padding: 21px 0 24px 24px;
}

figcaption {
    padding: 6px 0 0 0;
    font-size: 13px;
    font-style: italic;
    line-height: 1.4em;
}
/* 16:9 Media */
.video, .image {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
    margin-bottom: -1px;
}

    .video iframe, .video object, .video embed, .video video,
    .image img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
/* -------------------------------------------------- */
/* ARTICLES PAGE
/* -------------------------------------------------- */
.index {
    padding: -12px 0;
}

    .index article {
        padding: 12px 0;
        border-bottom: 3px solid #f0f1f5;
    }

        .index article:last-child {
            border: none;
        }

        .index article p {
            padding: 6px 0;
        }

        .index article h2 {
            font-size: 33px;
            padding: 6px 0;
        }

            .index article h2 a {
                color: #262626;
                text-decoration: none;
            }

.meta {
    display: flex;
    align-items: center;
    margin: -3px;
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
}

    .meta span {
        display: flex;
        align-items: center;
        padding: 3px;
    }

    .meta .meta-icon {
        color: #dc281e;
    }

    .meta .length {
        opacity: .5;
        margin-left: auto;
    }

    .meta button.btn-copy {
        color: #0068b2;
        text-transform: uppercase;
        font-family: Inter, sans-serif;
        font-size: 14px;
        text-decoration: underline;
    }

        .meta button.btn-copy:hover {
            text-decoration: none;
        }

        .meta button.btn-copy.copied {
            color: green;
        }

audio {
    width: 100%;
}
/* Share */
.share {
    display: inline-flex;
    align-items: center;
    padding: 12px 0;
}

    .share span {
        font-size: 14px;
        font-weight: 500;
        padding-right: 7px;
    }

    .share a {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #262626;
        color: #0068b2;
        width: 36px;
        height: 36px;
        background-color: transparent;
        border: 1px solid #0068b2;
        margin-left: -1px;
        transition: color .25s, background-color .25s, border-color .25s;
    }

        .share a:hover {
            color: #fff;
            background-color: #0068b2;
            border-color: #0068b2;
        }
/* -------------------------------------------------- */
/* MEMBERS DIRECTORY
/* -------------------------------------------------- */
.members {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
    padding: 12px 0;
}

    .members article {
        padding: 12px;
        width: 25%;
    }

.mem {
    position: relative;
    line-height: 0;
    overflow: hidden;
}

    .mem img {
        width: 100%;
        height: auto;
        filter: grayscale(100%);
        transition: filter .25s;
    }

.mem-bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 65%;
    background-image: linear-gradient(transparent, #222e64);
    opacity: 0;
    transition: opacity .25s;
}

.mem-info {
    position: absolute;
    bottom: 0;
    display: flex;
    flex-direction: column;
    line-height: 1em;
    padding: 12px;
    -webkit-transform: translateY(81px);
    -ms-transform: translateY(81px);
    transform: translateY(81px);
    transition: transform .25s;
    width: 100%;
}

.mem:hover .mem-bg {
    opacity: 1;
}

.mem:hover .mem-info {
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    transform: translateY(0px);
}

.mem:hover img {
    filter: grayscale(0%);
}

.mem h2 {
    font-size: 36px;
    font-weight: 700;
    color: #fff;
    padding: 0;
    line-height: 1em;
    text-shadow: 0 0 9px rgba(0,0,0,.75);
}

    .mem h2 a {
        text-decoration: none;
        color: #fff;
    }

    .mem h2 span {
        display: block;
        font-family: Inter, sans-serif;
        text-transform: uppercase;
        font-size: 18px;
        font-weight: 600;
        line-height: 1em;
    }

.mem-district {
    padding: 6px 0 0 0;
    font-size: 14px;
    font-weight: 500;
    color: #f7c900;
    color: #7fb3d8;
}

.pg-main ul.mem-social {
    list-style: none;
    display: flex;
    margin: -3px;
    padding: 12px 0;
}

    .pg-main ul.mem-social li {
        padding: 3px;
        line-height: 0;
    }

.mem-social a {
    background-color: #0068b2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    color: #fff;
    border-radius: 18px;
    transition: background-color .25s, color .25s;
}

    .mem-social a:hover {
        background-color: #fff;
        color: #0068b2;
    }
/* -------------------------------------------------- */
/* PHOTO GALLERY
/* -------------------------------------------------- */
.gallery {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
}

.gallery-col {
    display: flex;
    flex-wrap: wrap;
    width: 25%;
}

    .gallery-col a {
        padding: 12px;
    }

.gallery img {
    width: 100%;
    height: auto;
}

.gallery-caption {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 10px;
    border-radius: 5px;
}
/* photo caption styles */
.fslightboxci {
    font-family: 'Inter', sans-serif;
    font-size: 16px;
}
/* -------------------------------------------------- */
/* PODCASTS
/* -------------------------------------------------- */
.podcasts {
    display: flex;
    flex-wrap: wrap;
    margin: -12px;
    padding: 12px 0;
}

    .podcasts article {
        width: 33.33%;
        padding: 12px;
        line-height: 0;
    }

        .podcasts article img {
            width: 100%;
            height: auto;
        }

        .podcasts article .links {
            display: flex;
            margin: -1px;
            padding: 2px 0 0 0;
        }

        .podcasts article .link {
            width: 50%;
            padding: 1px;
        }

        .podcasts article a {
            display: flex;
            align-items: center;
            background: #f1f2f6;
            height: 100%;
            padding: 12px;
            margin-bottom: 2px;
            font-size: 16px;
            font-weight: 700;
            line-height: 1em;
            text-decoration: none;
            color: #222e64;
            transition: background-color .25s, color .25s;
        }

            .podcasts article a:hover {
                color: #fff;
            }

            .podcasts article a.spotify:hover {
                background: #1ed760;
            }

            .podcasts article a.apple:hover {
                background: #aa1dd3;
            }

        .podcasts article svg {
            margin-right: 6px;
        }

        .podcasts article a span {
            display: block;
            font-size: 12px;
            font-weight: 400;
            line-height: 1em;
        }

.podcast-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: -12px;
    padding: 12px 0;
}

    .podcast-head .podcast-cover,
    .podcast-head .podcast-details {
        width: 50%;
        padding: 12px;
    }

        .podcast-head .podcast-cover img {
            width: 100%;
            height: auto;
        }

    .podcast-head .host {
        font-size: 21px;
        opacity: .5;
    }
/* -------------------------------------------------- */
/* EMAIL OPT-IN CTA
/* -------------------------------------------------- */
.em-optin-cta {
    padding: 48px 0;
    background: #222e64;
}
/* -------------------------------------------------- */
/* FOOTER
/* -------------------------------------------------- */
footer {
    background: #1d2755 url('/assets/images/seal-ghost.webp') no-repeat 112% 24px;
    background-size: 900px auto;
    padding: 48px 0;
}
/* Locations */
.locations {
    display: flex;
    flex-wrap: wrap;
    margin: -6px;
    padding: 24px 0 96px 0;
}

    .locations .location {
        padding: 6px;
        width: 33.33%;
    }

.location-bg {
    background: #222e64;
    height: 100%;
    position: relative;
}

.location .txt {
    padding: 24px;
}

.location svg {
    color: #f7c900;
}

.location h3 {
    display: flex;
    align-items: center;
    margin: 0 0 0 -3px;
    padding: 0;
}

    .location h3 span {
        display: inline-block;
        padding: 0 0 0 6px;
    }

.location a {
    text-decoration: none;
}
/* Ribbon */
.foot-ribbon {
    background: #222e64;
}

    .foot-ribbon .container {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }

.foot-legal p {
    font-size: 14px;
    padding: 0;
}

.foot-social {
    margin: 0 0 0 auto;
    padding: 0 18px 0 0;
}

    .foot-social ul {
        display: inline-flex;
        align-items: center;
        margin: -9px;
    }

    .foot-social li {
        padding: 9px;
    }

a.btn-top {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0;
    width: 72px;
    height: 72px;
}
/* -------------------------------------------------- */
/* EMAIL OPTIN SHELF
/* -------------------------------------------------- */
.em-optin {
    position: fixed;
    z-index: 30;
    bottom: -500px;
    right: 0;
    background: #222e64;
    width: 100%;
    max-width: 600px;
    padding: 114px 36px 36px 36px;
    box-shadow: 0 0 36px rgba(0,0,0,.5);
    -webkit-transition: bottom .5s; /* Safari */
    transition: bottom .5s;
}

    .em-optin.show {
        bottom: 0;
    }

    .em-optin h2 {
        padding: 0 40px 0 0;
    }

    .em-optin label {
        display: block;
        line-height: 1.8em;
        padding: 12px 0;
    }

.em-optin-input {
    display: flex;
    padding: 12px 0;
}

    .em-optin-input input {
        flex-grow: 1;
        height: 72px;
        font-family: 'Inter', sans-serif;
        font-size: 15px;
        color: #222e64;
        border: none;
        padding: 0 18px;
    }

    .em-optin-input button.btn {
        height: 72px;
        padding: 0 24px;
    }

button.em-optin-x {
    position: absolute;
    top: 36px;
    right: 36px;
    width: 36px;
    height: 36px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

img.seal {
    position: absolute;
    top: -80px;
    left: 48px;
    width: 180px;
    height: 180px;
    border-radius: 90px;
    border: 5px solid #ffce00;
}
/* -------------------------------------------------- */
/* Breakpoints 
/* -------------------------------------------------- */
@media screen and (max-width: 1365px) {
    .brand {
        padding-right: 24px;
    }

    .site-search,
    .prime-nav {
        display: none;
    }

    .btn-menu {
        display: flex;
    }

    .topmast {
        background-image: linear-gradient(to left, #f1f2f6, transparent);
    }
}

@media screen and (min-width: 1366px) {
    body.show .mc {
        visibility: hidden;
        opacity: 0;
    }
}

@media screen and (max-width: 1280px) {
    .members article {
        width: 33.33%;
    }

    .gallery-col {
        width: 33.33%;
    }
}

@media screen and (max-width: 1079px) {
    .social {
        display: none;
    }

    .mc-social {
        display: flex;
    }

    h2 {
        font-size: 48px;
    }
}

@media screen and (max-width: 980px) {
    .members article {
        width: 50%;
    }

    .gallery-col {
        width: 50%;
    }

    .podcasts article {
        width: 50%;
    }
}

@media screen and (max-width: 767px) {
    .pg-head.wbg h1 {
        padding-top: 48px;
    }

    .topmast {
        background-image: none;
        height: auto;
        border: none;
    }

    .mc {
        top: 182px;
    }

    body.show .btn-menu {
        background-color: #222e64;
        color: #fff;
    }

    .brand {
        height: 110px;
        text-align: center;
        justify-content: center;
        width: 100%;
    }

    .brand-name {
        font-size: 33px;
    }

    .btn.btn-optin {
        flex-grow: 1;
    }

    .btn-menu {
        flex: 0 0 96px;
    }

    .txt-img {
        flex-direction: column-reverse;
    }

        .txt-img .txt,
        .txt-img .img {
            width: 100%;
        }

    .hub .links li {
        width: 50%;
    }

    .locations .location {
        width: 50%;
    }

    .foot-ribbon {
        background: transparent;
    }

        .foot-ribbon .container {
            justify-content: center;
        }

    .foot-legal, .foot-social {
        width: 100%;
        text-align: center;
    }

    .foot-social {
        margin: 0;
        padding: 24px 0;
    }

    .locations {
        padding-bottom: 48px;
    }

    a.btn-top {
        width: 48px;
        height: 48px;
    }
}

@media screen and (max-width: 600px) {
    h2 {
        font-size: 36px;
    }

    .hub .links li {
        width: 100%;
    }

    .hub .links a {
        padding: 24px;
    }

    .hub .links .link-txt {
        padding: 24px 0 0 0;
    }

    .locations .location {
        width: 100%;
    }

    .em-optin {
        padding: 24px;
    }

    img.seal {
        display: none;
    }

    button.em-optin-x {
        top: 24px;
        right: 24px;
    }

    .em-optin-input button.btn,
    .em-optin-input input {
        padding: 0 12px;
    }

    .form-cols-2 .form-col, .form-cols-3 .form-col,
    .fig-left, .fig-right {
        width: 100%;
    }

    .fig-left, .fig-right {
        padding: 12px 0;
    }

    .members article {
        width: 100%;
    }

    .podcasts article {
        width: 100%;
    }

    .podcast-head .podcast-cover, .podcast-head .podcast-details {
        width: 100%;
    }
}

@media screen and (max-width: 480px) {
    .gallery-col {
        width: 100%;
    }
}

#components-reconnect-modal {
    display: none;
}

.site-page {
    overflow: hidden;
}

    .site-page img {
        max-width: 100%;
        aspect-ratio: auto;
        height: auto;
    }

    .site-page img {
        max-width: 100%;
        aspect-ratio: auto;
        height: auto;
    }