.main-content {
    width: 1170px !important;
    margin: auto !important;
}
.emphasize { color: var(--theme-secondary); }
.heading-text-dot {
    display: table;
    position: relative;
}
.heading-text-dot .text-dot,
.text-dot {
    width: 8px;
    height: 8px;
    background-color: var(--theme-secondary);
    position: absolute;
    top: 2px;
    right: -10px;
}
.text-dot-static {
    width: 8px;
    height: 8px;
    background-color: var(--theme-secondary);
    display: inline-table;
    left: 5px;
    top: -12px;
    position: relative;
}
.heading-text-dot-static .text-dot-static { margin-right: 20px; }
.button-hollow {
    padding: 15px 30px 15px 30px;
    border: 2px solid #fff;
    text-decoration: none;
    text-transform: uppercase;
    color: #fff;
    display: table;
    font-weight: 700;
    transition: all .3s ease;
}
    .button-hollow:hover {
        color: #000;
        background-color: #fff;
    }
.main-definition-block { width: 80%; }
    .main-definition-block h1 {
        font-family: Lora;
        line-height: 78px;
        font-weight: 700;
        font-style: normal;
        font-size: 78px;
        color: var(--theme-tertiary);
        margin: 0;
    }
    .main-definition-block h2 {
        color: var(--theme-secondary);
        letter-spacing: 0.1em;
        margin-top: 0;
        text-transform: uppercase;
    }
    .main-definition-block h3 {
        font-size: 28px;
        line-height: 40px;
        text-align: left;
    }
body a {
    transition: all 300ms linear 0ms;
    color: var(--copy);
}
    body a:hover { color: var(--theme-tertiary); }
.pad-block {
    background-color: #fff;
    width: 100%;
    height: 200px;
}
#title-lead {
    background-repeat: no-repeat;
    background-size: 100%;
}
    #title-lead .title-leader-bump { height: 300px; }
    #title-lead .title-leader-heading {
        color: #fff;
        font-family: "Impact";
        font-size: 85px;
        margin: 120px 0 100px 0;
        text-align: center;
        text-transform: uppercase;
        letter-spacing: .1em;
        line-height: 1.2em;
        margin-top: -180px;
        width: 75%;
        display: inline-block;
    }
.title-leader-detailed .description {
    margin-top: -150px;
    padding-bottom: 110px;
    width: 80%;
    height: 220px;
    text-align: left;
}
    .title-leader-detailed .description h3 {
        font-family: "Novecentowide-Medium";
        font-size: 36px;
        color: #fff;
        line-height: 46px;
        text-transform: uppercase;
        text-align: left;
    }
    .title-leader-detailed .title-leader-text-face {
        position: relative;
        bottom: -90px;
    }
    .title-leader-detailed span {
        font-family: "Novecentowide-Light";
        font-size: 38px;
        color: #fff;
        line-height: 50px;
        text-align: left;
        font-weight: normal;
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }
#introduction {
    margin: 75px 0 75px 0;
    text-align: center;
}
    #introduction h3 {
        font-size: 36px;
        line-height: 42px;
        font-family: PT Sans;
        font-weight: 700;
        font-style: normal;
        letter-spacing: 0.1em;
    }
    #introduction p:first-child {
        font-size: 24px;
        color: var(--copy-dark);
        line-height: 39px;
        text-align: center;
    }
.heading-cap {
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.separator-border {
    width: 100%;
    height: 13px;
    border-color: #e7eaec;
    border-width: 2px 0 0 0;
    border-style: solid;
    margin-top: 18px;
    display: inline-block;
    position: relative;
    left: 12px;
}
    .separator-border span {
        border-radius: 100%;
        border-style: solid;
        border-color: #e7eaec;
        border-width: 2px;
        width: 13px;
        height: 13px;
        position: absolute;
        top: -10px;
        left: -15px;
    }
    .separator-border-right span {
        left: auto;
        right: -15px;
    }
.button-animated-secondary {
    border: none;
    line-height: 62px;
    background-color: var(--theme-secondary);
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: all 300ms linear 0ms;
    display: table;
    padding: 0 20px 0 20px;
}
    .button-animated-secondary:hover {
        background-color: var(--theme-tertiary);
        border-color: var(--theme-tertiary);
        color: #fff;
    }
        .button-animated-secondary:hover .button-animated-secondary-icon em {
            -webkit-transform: translateX(100px);
            -khtml-transform: translateX(100px);
            -moz-transform: translateX(100px);
            -ms-transform: translateX(100px);
            -o-transform: translateX(100px);
            transform: translateX(100px);
        }
        .button-animated-secondary:hover .button-animated-secondary-icon:before {
            left: 50%;
            -webkit-transform: translate(-50%, 0px);
            -khtml-transform: translate(-50%, 0px);
            -moz-transform: translate(-50%, 0px);
            -ms-transform: translate(-50%, 0px);
            -o-transform: translate(-50%, 0px);
            transform: translate(-50%, 0px);
        }
    .button-animated-secondary .button-animated-secondary-icon {
        background-color: rgba(0, 0, 0, 0.2);
        border-left-color: inherit;
        border-left-style: inherit;
        border-left-width: inherit;
        font-size: 23px;
        line-height: inherit;
        overflow: hidden;
        position: relative;
        text-align: center;
        width: 58px;
        float: left;
        margin-right: -20px;
    }
        .button-animated-secondary .button-animated-secondary-icon:before {
            transition: all 300ms linear 0ms;
            content: "\f18e";
            font-family: FontAwesome;
            font-weight: 400;
            font-size: inherit;
            height: 100%;
            left: -100%;
            top: 0;
            overflow: hidden;
            position: absolute;
        }
        .button-animated-secondary .button-animated-secondary-icon em {
            transition: all 300ms linear 0ms;
        }
    .button-animated-secondary .button-animated-secondary-text {
        line-height: inherit;
        margin-right: 0;
        padding: 0 30px;
        float: left;
    }
    .button-animated-secondary .icon {
        padding: 5px;
        margin-bottom: -7px;
    }
    .button-animated-secondary .label { display: inline-block; }
.button-animated-secondary-simple {
    border: none;
    line-height: 62px;
    background-color: var(--theme-secondary);
    color: #fff;
    font-weight: 700;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: all 300ms linear 0ms;
    display: table;
    padding: 0px 40px;
}
    .button-animated-secondary-simple:hover {
        background-color: var(--theme-tertiary);
        border-color: var(--theme-tertiary);
        color: #fff;
    }
.button-animated-fourtiary {
    border: none;
    border-radius: 0;
    line-height: 62px;
    background-color: var(--theme-fourtiary);
    color: #000;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: all 300ms linear 0ms;
    display: table;
    padding: 0 30px 0 30px;
}
    .button-animated-fourtiary:hover {
        background-color: var(--theme-tertiary);
        border-color: var(--theme-tertiary);
        color: #fff;
    }
.button-animated-text-secondary {
    border: none;
    border-radius: 0;
    line-height: 62px;
    background-color: var(--theme-tertiary);
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.02em;
    transition: all 300ms linear 0ms;
    display: table;
    padding: 0 30px 0 30px;
}
    .button-animated-text-secondary:hover { color: #ccc; }
.flex .button-animated-text-secondary { margin-right: var(--padding); }
.button-animated-border-secondary {
    background-color: var(--theme-secondary);
    color: #fff;
    text-transform: uppercase;
    transition: all 300ms linear 0ms;
    font-family: inherit;
    font-weight: bold;
    border: 2px solid #eee;
    padding: 15px 25px 15px 25px;
}
    .button-animated-border-secondary:hover {
        background-color: #1fc6f4;
        border-color: #3cbaea;
        color: #fff;
    }
.body-concepts {
    background-image: url("../Images/Conversation.Back.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    padding: 75px 0 75px 0 !important;
    font-size: 26px;
    color: #fff;
}
    .body-concepts h1 {
        color: #fff !important;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        position: relative;
        font-size: 28px;
    }
    .body-concepts h2 {
        font-family: "Novecentowide-Medium";
        font-size: 18px;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        color: #fff;
        position: relative;
        margin: 0;
        padding: 0 20px 0 0;
        line-height: 0.7em;
        display: inline-block;
    }
    .body-concepts .separator-border {
        width: 70%;
        margin: 40px auto;
        display: table;
    }
    .body-concepts .concepts {
        padding-top: 40px;
        box-sizing: border-box;
    }
        .body-concepts .concepts .concept { padding: 50px 0 50px 0; }
            .body-concepts .concepts .concept p {
                font-size: 15px;
                padding-right: 20px;
            }
        .body-concepts .concepts .concepts-left .concept { text-align: right; }
.button-fourtiary {
    background-color: var(--theme-tertiary);
    font-size: 16px;
    padding: 20px;
    transition: all .2s ease-in-out;
}
    .button-fourtiary a {
        color: #fff;
        text-decoration: none;
    }
    .button-fourtiary:hover {
        color: #f7f7f7;
        background-color: var(--theme-tertiary);
    }
.button-fourtiary-fade {
    background-color: var(--theme-fourtiary);
    color: #000;
    padding: 12px;
}
.button-secondary {
    background-color: var(--theme-secondary);
    color: #fff;
    padding: 11px 16px;
    font-size: 12px;
    box-sizing: border-box;
}
    .button-secondary:hover { color: #fff; }
.stretch-heading {
    background-color: var(--theme-secondary);
    padding: 30px;
    margin-top: -5px;
}
    .stretch-heading h2 {
        font-family: "Novecentowide-Book";
        font-size: 40px;
        color: #fff;
        line-height: 42px;
        text-align: center;
        letter-spacing: 0.1em;
    }
    .stretch-heading p {
        text-align: center;
        font-size: 21px;
        line-height: 28px;
        color: #fff;
    }
.stretch-heading-fourtiary {
    background-color: var(--theme-fourtiary);
    padding: 30px;
    margin-top: -5px;
}
.stretch-heading-secondary {
    background-color: var(--theme-secondary);
    padding: 30px;
    margin-top: -5px;
}
    .stretch-heading-fourtiary h2,
    .stretch-heading-secondary h2,
    .stretch-heading-secondary-small h2 {
        font-family: "Novecentowide-Book";
        font-size: 40px;
        color: #000;
        line-height: 50px;
        text-align: center;
        letter-spacing: 0.1em;
    }
    .stretch-heading-secondary p {
        text-align: center;
        font-size: 21px;
        line-height: 28px;
        color: #fff;
    }
    .stretch-heading-fourtiary p {
        text-align: center;
        font-size: 21px;
        line-height: 28px;
        color: #000;
    }
.stretch-heading-secondary-white h2 { color: #fff; }
.stretch-heading-secondary-small {
    background-color: var(--theme-secondary);
    padding: var(--padding);
}
    .stretch-heading-secondary-small h2 { font-size: 25px; }
.discovery-concepts .concept,
#showcase-banner .concept {
    width: 33%;
    position: relative;
    overflow: hidden;
}
    .discovery-concepts .concept:hover .banner,
    #showcase-banner .concept:hover .banner {
        bottom: 0;
        opacity: 1;        
    }
    .discovery-concepts .concept .banner,
    #showcase-banner .concept .banner {
        position: absolute;
        bottom: -70px;
        left: 0;
        width: 100%;
        height: 55px;
        text-align: center;
        background-color: var(--theme-secondary);
        transition: all 450ms ease 0s;
        opacity: 0;
        text-decoration: none;
    }
    .discovery-concepts .concept .banner .name,
    #showcase-banner .concept .banner .name {
        color: #fff;
        text-transform: uppercase;
        letter-spacing: 0.1em;
        font-size: 16px;
        display: block;
        margin-top: 12px;
        font-family: "Novecentowide-Medium";
        transition: all 450ms ease 0s;
    }
        .discovery-concepts .concept .banner:hover .name,
        #showcase-banner .concept .banner:hover .name { color: var(--theme-tertiary); }
        .discovery-concepts .concept .banner .arrow,
        #showcase-banner .concept .banner .arrow {
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-bottom: 28px solid var(--theme-secondary);
            position: relative;
            top: -85px;
        }
    .discovery-concepts .concept img,
    #showcase-banner .concept img {
        width: 100%;
        height: auto;
        display: block;
    }
#heading-for-voters h3,
#heading-for-elections-staff h3,
#heading-public-trust h3 {
    font-family: "Novecentowide-Medium";
    font-size: 40px;
    line-height: 40px;
    letter-spacing: 0.6em;
    text-transform: uppercase;
}
#heading-public-trust h3 {
    margin: 75px 0 75px 0;
    text-align: center;
}
.principles,
#for-elections-staff {
    text-align: right;
    position: relative;
    overflow: visible;
    padding-right: 20px;
}
    .principles li,
    #for-elections-staff li {
        margin: 1px 0 0 1px;
        list-style-type: none;
    }
    .principles span,
    #for-elections-staff span {
        color: var(--copy-dark);
        font-family: "Novecentowide-Bold";
        font-size: 12px;
        letter-spacing: 0.2em;
        text-transform: uppercase;
        line-height: 1;
        padding: 11px 0;
        margin-bottom: 5px;
        position: relative;
        text-decoration: none;
        background-color: transparent;
        display: inline-block;
        transition: background .2s ease-in-out, color .2s ease-in-out, border .2s ease-in-out;
        border-color: #fff;
        border-radius: 0px;
        border-width: 3px 0 3px 0;
        border-style: solid;
    }
        .principles span.active,
        #for-elections-staff span.active,
        .principles span:hover,
        #for-elections-staff span:hover {
            border-color: var(--theme-secondary);
            border-radius: 0px;
            border-width: 3px 0 3px 0;
            border-style: solid;
        }
.for-voters-content,
.for-elections-staff-content {
    position: relative;
    height: 300px;
    overflow: hidden;
}
    .for-voters-content .content,
    .for-elections-staff-content .content {
        display: none;
        position: absolute;
        left: var(--padding);
        top: 300px;
        background-color: #fff;
    }
        .for-voters-content .content:first-child,
        .for-elections-staff-content .content:first-child,
        .media-highlights .content:first-child,
        .m-media-highlights .content:first-child {
            display: flex;
            top: var(--padding);
            z-index: 100;
        }
        .for-voters-content .content h3,
        .m-for-voters .content h3,
        .for-elections-staff-content .content h3,
        .m-for-elections-staff .content h3,
        .media-highlights .content h3,
        .m-media-highlights .content h3 {
            font-family: "Novecentowide-Medium";
            font-size: 24px;
            line-height: 30px;
            margin: 0 0 46px 0;
            letter-spacing: 0em;
            text-transform: uppercase;
        }
        .for-voters-content > div,
        .for-elections-staff-content > div,
        .media-highlights > div {
            padding: 0 0 0 25px;
            border-left: 1px solid #efefef;
        }
.media-highlights,
.m-media-highlights {
    margin-top: 25px !important;
    position: relative;
    height: 440px;
    overflow: hidden;
}
    .media-highlights .content,
    .m-media-highlights .content {
        display: none;
        position: absolute;
        left: var(--padding);
        top: 300px;
        height: 450px;
        background-color: #f4f4f4;
    }
        .media-highlights .content .layout { padding: var(--padding); }
        .media-highlights .content .source,
        .m-media-highlights .content .source {
            font-family: "Novecentowide-Medium";
            font-size: 24px;
            line-height: 26px;
            color: var(--theme-tertiary);
        }
    .media-highlights .media-highlights-navigation,
    .m-media-highlights .media-highlights-navigation {
        position: absolute;
        bottom: 0;
        z-index: 100;
    }
        .media-highlights .media-highlights-navigation .btn,
        .m-media-highlights .media-highlights-navigation .btn {
            background-color: #5aa1e3;
            width: 10px;
            height: 10px;
            margin: var(--padding);
            opacity: .7;
        }
        .media-highlights .media-highlights-navigation .active { opacity: 1; }
.divider-gray { border: 1px solid #efefef; }
.section-gray { background-color: #eff2f4; }
.public-trust { margin: 50px 0 50px 0 !important; }
    .public-trust .public-trust-content {
        padding: 0 50px 20px 50px;
        box-sizing: border-box;
    }
    .public-trust h3 {
        letter-spacing: 0.1em;
        margin: var(--padding) 0 8px;
        padding-bottom: var(--padding);
        font-family: "Novecentowide-Medium";
        font-size: 21px;
        line-height: 26px;
        text-transform: uppercase;
    }
    .public-trust .icon { min-height: 400px; }
.gap {
    width: 100%;
    height: 100px;
}
.process .process-detail h3 {
    font-family: "Novecentowide-Bold";
    font-size: 18px;
    color: var(--theme-secondary);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}
.process .process-lines:first-child { margin-top: -240px; }
.process-introduction {
    background-color: #fff;
    display: table;
    position: relative;
    width: 100%;
}
.process .gap { height: 150px; }
.process .column:nth-child(2) > div { width: 75%; }
.process .button-rounded-blue {
    margin-bottom: var(--padding);
    display: inline-block;
}
    .process .button-rounded-blue:first-child { margin-top: var(--padding); }
.button-rounded-blue {
    color: #fff;
    background-color: var(--theme-tertiary);
    font-size: 12px;
    padding: 11px 16px;
    border-radius: 2em;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
}
    .button-rounded-blue:hover { color: #f7f7f7; }
        .process .button-rounded-blue:first-child { margin-top: var(--padding); }
.button-animated-soft-blue {
    color: #fff;
    background-color: var(--theme-tertiary);
    font-size: 11px;
    padding: 8px 12px;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
    margin-bottom: var(--padding);
}
    .button-animated-soft-blue:hover { color: #f7f7f7; }
.button-animated-soft-purple {
    color: #fff;
    background-color: #5472D2;
    font-size: 12px;
    padding: 11px 16px;
    transition: all .2s ease-in-out;
    text-transform: uppercase;
    text-decoration: none;
}
    .button-animated-soft-purple:hover {
        color: #f7f7f7;
        background-color: #3c5ecc;
    }
.separator-bar {
    width: 200px;
    height: 5px;
    background-color: var(--theme-secondary);
}
.team {
    padding: 120px 100px 120px 100px !important;
    box-sizing: border-box;
}
    .team h3 {
        font-family: "Novecentowide-Medium";
        font-size: 24px;
        margin: 0 0 15px;
        letter-spacing: 0.1em;
    }
    .team .detail { margin-bottom: 30px; }
        .team .detail h3 { font-size: 28px; }
    .team .team-member {
        padding: 20px;
        margin: 5px 0 5px 0;
        background-color: #fff;
        box-sizing: border-box;
    }
        .team .team-member .profile-wrap {
            width: 70px;
            height: 70px;
            border-radius: 100%;
            position: relative;
            overflow: hidden;
        }
            .team .team-member .profile-wrap .profile {
                background-size: cover;
                width: 70px;
                height: 70px;
            }
        .team .team-member h2 {
            color: #030303;
            font-weight: bold;
            font-size: 18px;
            line-height: 1em;
            margin: 0;
        }
        .team .team-member h3.title {
            font-family: "Novecentowide-Medium";
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 5px;
            line-height: 1.2em;
            color: inherit;
        }
        .team .team-member h3.association {
            line-height: 1.2em;
            color: inherit;
            box-sizing: border-box;
            letter-spacing: 0em;
        }
        .team .team-member .team-member-detail { padding: var(--padding) 20px var(--padding) 20px; }
    .team .team-description { margin-right: 25px; }
    .team .team-members { margin-left: 25px; }
.team:nth-child(odd) { background-color: #f0f4f6 !important; }
.team:nth-child(even)  .team-description { text-align: right; }
.team:nth-child(even)  .team-heading { float: right; }
.team:nth-child(even) .team-member { background-color: #efefef; }
.team-heading { position: relative; }
.modal-team-member .profile-wrap {
    height: 450px;
    overflow: hidden;
}
.modal-team-member { background-color: #1b1b1b; }
    .modal-team-member .profile {
        width: 100%;
        height: 100%;
        margin-top: -50px;
        background-size: cover;
    }
    .modal-team-member .team-member-detail {
        text-align: center;
        padding: 0 30px 30px 30px;
    }
    .modal-team-member .description { padding: 0 30px 30px 30px; }
    .modal-team-member h2,
    .modal-team-member h3 { color: #fff; }
    .modal-team-member h2 {
        margin: 0;
        font-size: 45px;
    }
    .modal-team-member h3 {
        font-family: "Novecentowide-Medium";
        font-size: 30px;
        line-height: 1em;
        margin: var(--padding) 0 var(--padding) 0;
        padding: 0;
        text-transform: uppercase;
    }
    .modal-photo {
        background-repeat: no-repeat;
        background-size: auto;
        background-position: center;
        width: 100%;
        height: 100%;
    }
.image-detail-50 { overflow-x: hidden; }
    .image-detail-50 > div { box-sizing: border-box; }
    .image-detail-50 > div:first-child { padding-right: var(--padding); }
    .image-detail-50 > div:last-child { padding-left: var(--padding); }
    .image-detail-50 .introduction-detail { margin: 70px 0 35px 0; }
        .image-detail-50 .introduction-detail h3 {
            font-family: "Novecentowide-Medium";
            font-size: 19px;
            color: var(--theme-tertiary);
            letter-spacing: 0.1em;
        }
        .image-detail-50 .introduction-detail:first-child { margin-top: 70px; }
        .image-detail-50 .introduction-detail p { color: #5b5b5b; }
.section-secondary {
    background-color: var(--theme-secondary);
    padding: 35px 0 35px 0 !important;
}
    .section-secondary h3 {
        font-family: "Novecentowide-Medium";
        font-size: 30px;
        color: #fff;
        line-height: 34px;
        text-align: center;
        text-transform: uppercase;
    }
.design-research-topic {
    width: 100%;
    height: 300px;
    margin-top: 40px;
}
    .design-research-topic .image-wrap {
        width: 200px;
        height: 200px;
        border-radius: 100%;
        position: relative;
        overflow: hidden;
        margin: auto;
    }
        .design-research-topic .image-wrap img {
            width: 100%;
            height: 100%;
        }
    .design-research-topic .title {
        font-size: 20px;
        color: #fff;
        font-style: normal;
        text-align: center;
        margin-bottom: 0;
    }
    .design-research-topic .link {
        font-size: 12px;
        color: #fff;
        font-weight: normal;
        font-style: normal;
        text-align: center;
    }
#slideout {
    position: fixed;
    top: 0;
    height: 100%;
    color: #000;
    background-color: #fff;
    z-index: 500;
    box-sizing: border-box;
}
    #slideout .image-wrap {
        width: 140px;
        height: 140px;
        border-radius: 50%;
        margin: 60px auto;
    }
        #slideout .image-wrap img {
            width: 100%;
            height: 100%;
            overflow: hidden;
            border: 1px solid var(--theme-secondary);
            border-radius: 50%;
            padding: 10px;
        }
    #slideout .button-animated-border-secondary {
        display: table;
        margin-bottom: 30px;
    }
    #slideout .feature-image {
        width: 100%;
        height: 30%;
    }
        #slideout .feature-image > div {
            background-size: cover;
            background-repeat: no-repeat;
            background-position: 50% 50%;
            height: 100%;
        }
    #slideout .slideout-body { padding: 20px 50px 20px 50px; }
    #slideout h3 {
        font-family: "Novecentowide-Medium";
        font-size: 28px;
        line-height: 26px;
        color: var(--theme-tertiary);
    }
.multi-color-heading-introduction h3 {
    font-family: "Novecentowide-Medium";
    font-size: 30px !important;
    line-height: 34px;
    text-align: center;
    text-transform: uppercase;
    color: var(--theme-tertiary);
    letter-spacing: 0.1em;
    position: relative;
}
.multi-color-heading h3,
.heading-text-dot h3 {
    font-family: "Novecentowide-Medium";
    font-size: 28px !important;
    font-weight: bold;
    line-height: 26px;
    text-transform: uppercase;
    color: var(--theme-tertiary);
    margin-top: 0;
}
.section-full-pad {
    padding: 70px !important;
    box-sizing: border-box;
    background-color: #f4f4f4;
}
    .section-full-pad h3 {
        font-family: "Novecentowide-Medium";
        font-size: 18px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--theme-tertiary);
        margin: 0;
    }
.section-full {
    box-sizing: border-box;
    background-color: #f4f4f4;
}
    .section-full h3 {
        font-family: "Novecentowide-Medium";
        font-size: 18px;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: var(--theme-tertiary);
        margin: 0;
    }
.body-copy-dark { color: #333; }
.video-introductions { margin-top: 25px !important; }
.column-33-middle { margin: 0 15px 0 15px; }
.videos { margin: 40px 0 40px 0 !important; }
    .videos .video {
        position: relative;
        height: 330px;
    }
        .videos .video iframe {
            width: 100%;
            height: 100%;
        }
.video-resource-buttons .button { margin: 40px 0 40px 0; }
.quarterly-reports {
    margin: 80px 200px 80px 200px !important;
    position: relative;
    z-index: 100;
}
    .quarterly-reports .report ul,
    .quarterly-reports .report li {
        list-style-type: none;
        padding: var(--padding) 0 var(--padding) 0;
        margin-top: 0;
    }
    .quarterly-reports .report h4 {
        font-family: "Novecentowide-Medium";
        font-size: 24px;
        margin-bottom: 0;
        line-height: 26px;
        color: var(--theme-tertiary);
        text-transform: uppercase;
    }
    .quarterly-reports .report .btn { position: relative; }
.expandable .indicator {
    background-color: #2a2a2a;
    color: #fff;
    width: 22px;
    height: 22px;
    text-align: center;
    position: absolute;
    left: -35px;
    top: 2px;
    line-height: 0.9em;
}
.button-image-tiles .tile { position: relative; }
    .button-image-tiles .tile .tile-image {
        background-repeat: no-repeat;
        background-size: 150%;
        background-position: 50% 50%;
        width: 200px;
        height: 200px;
        margin: 10px auto;
        transition: all .3s ease;
        position: relative;
    }
        .button-image-tiles .tile .tile-image:hover { background-size: 155%; }
    .button-image-tiles .tile .tile-overlay {
        position: absolute;
        width: 200px;
        height: 200px;
        visibility: hidden;
        padding: 50px;
        box-sizing: border-box;
    }
        .button-image-tiles .tile .tile-overlay div {
            width: 10px;
            height: 10px;
            border: 3px solid #fff;
            rotate: 45deg;
            pointer-events: none;
            transition: all .3s ease;
        }
    .button-image-tiles .tile:hover .tile-overlay div {
        width: 100px;
        height: 100px;
        visibility: visible;
    }
.heading-3-tertiary {
    font-family: "Novecentowide-Medium";
    font-size: 28px !important;
    line-height: 26px;
    color: var(--theme-tertiary);
    text-transform: uppercase;
}
.resource-groups .resource-group {
    padding: 30px;
    height: 375px
}
    .resource-groups .resource-group .icon { margin-right: var(--padding); }
        .resource-groups .resource-group .icon img {
            width: 80px;
            height: 80px;
        }
    .resource-groups .resource-group a {
        text-transform: uppercase;
        margin-left: var(--padding);
        font-weight: bold;
    }
    .resource-groups .resource-group p:last-child { margin-bottom: 0; }
    .resource-groups .column-middle { background-color: #ededed; }
.video-gallery { margin: var(--padding) 0 var(--padding) 0 !important; }
    .video-gallery .video {
        margin: 20px 100px 20px 100px;
        height: 280px;
    }
    .video-gallery iframe {
        width: 100%;
        height: 100%;
    }
.photo-gallery .photo {
    width: 350px;
    height: 350px;
    background-repeat: no-repeat;
    background-size: 150%;
    background-position: 50% 50%;
    margin: var(--padding);
    position: relative;
    transition: all .3s ease;
}
    .photo-gallery .photo .photo-overlay {
        background-color: #fff;
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        opacity: 0;
        transition: all .3s ease;
    }
        .photo-gallery .photo:hover { background-size: 160%; }
        .photo-gallery .photo:hover .photo-overlay{ opacity: .5; }
#summary {
    margin-top: 40px;
    line-height: 1.7em;
    font-size: 20px;
    color: var(--copy-dark);
}
.pop-banner {
    background-color: #edfdfd;
    border-top: 5px solid var(--theme-fourtiary);
    border-bottom: 5px solid var(--theme-fourtiary);
    padding: 35px;
    color: var(--copy-dark);
}
    .pop-banner .heading {
        font-size: 30px;
        margin: 0;
        font-style: italic;
        font-weight: bold;
    }
.vcpp-goals .goals {
    width: 800px;
    margin: auto;
    padding-top: 35px;
}
    .vcpp-goals .goals .goal {
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 20px;
    }
        .vcpp-goals .goals .goal:last-child { margin-bottom: 0; }
    .vcpp-goals .goals .icon { margin-right: 25px; }
    .vcpp-goals .goals .goal-text {
        margin-top: 5px;
        font-weight: bold;
    }
.vcpp-details {
    margin-top: 25px !important;
    font-size: 20px;
    color: var(--copy-dark);
    line-height: 1.7em;
}
.vcpp-feature-split { margin: 35px 0 35px 0; }
.list-secondary { list-style-type: square; }
    .list-secondary,
    .list-secondary li { margin-left: -10px; }
    .list-secondary li::marker { color: var(--theme-secondary); }
.label-links .label { color: #333; }
.fourtiary-strip {
    background-color: var(--theme-fourtiary);
    height: 100px;
    margin-bottom: 5px;
}
.button-image-tiles-news { margin: 40px auto !important; }
.get-social h3 {
    font-size: 24px !important;
    line-height: 34px;
}
.get-social { margin-top: 50px !important; }
    .get-social h3 .text-dot { top: 5px !important; }
.blog-posts ul { padding: 0; }
.blog-posts .blog-post { padding-bottom: 80px; }
    .blog-posts .blog-post ul,
    .blog-posts .blog-post li { list-style-type: none; }
    .blog-posts .blog-post .post-title {
        line-height: 28px;
        margin: 0;
        font-size: 22px;
        letter-spacing: 0.1em;
    }
        .blog-posts .blog-post .post-title a {
            color: var(--theme-tertiary);
            transition: all .3s ease;
        }
            .blog-posts .blog-post .post-title a:hover { color: var(--theme-secondary); }
        .blog-posts .blog-post .post-content { margin-left: 15px; }
            .blog-posts .blog-post .post-content .content { margin-bottom: 20px; }
                .blog-posts .blog-post .post-content .content img { max-width: 100%; }
    .blog-posts .blog-post .post-details {
        margin-top: 5px;
        border-bottom: 1px solid #e7eaec;
        padding-bottom: 18px;
    }
        .blog-posts .blog-post .post-details .detail > span { margin: -5px 0 0 5px; }
        .blog-posts .blog-post .post-details .post-author { font-size: 13px; }
    .blog-posts .blog-post .separator-border { margin-top: 80px; }
.blog-side-pane {
    padding: 10px 0 0 40px !important;
    box-sizing: border-box;
}
    .blog-side-pane h3,
    .side-pane h3 {
        font-family: "Novecentowide-Medium";
        font-size: 16px !important;
        margin-bottom: 0;
        position: relative;
        line-height: 30px;
        padding-bottom: 6px;
        letter-spacing: 0.1em;
    }
    .side-pane h4 {
        font-family: "Novecentowide-Medium";
        font-size: 24px;
        color: var(--theme-tertiary);
        line-height: 26px;
        text-transform: uppercase;
    }
    .blog-side-pane .blog-recent-post {
        padding: 35px 0 35px 0;
        border-top: 1px solid #e7eaec;
        border-bottom: 1px solid #e7eaec;
    }
    .blog-side-pane .blog-recent-post .thumb-overlay {
        width: 75px;
        height: 75px;
        background-size: cover;
        background-repeat: no-repeat;
        display: block;
    }
    .blog-side-pane .blog-recent-post .detail { padding-left: 20px; }
        .blog-side-pane .blog-recent-post .detail a {
            color: var(--theme-tertiary);
            line-height: 1.2em;
            text-transform: uppercase;
            display: block;
        }
            .blog-side-pane .blog-recent-post .detail a:hover { color: var(--theme-secondary); }
        .blog-side-pane .blog-recent-post .detail .publish-date {
            font-size: 12px;
            line-height: 1;
            margin-bottom: 35px;
            color: #636d71;
        }
        .blog-side-pane .blog-recent-post .detail .read-more {
            font-size: 12px;
            color: var(--theme-secondary);
            font-weight: 700;
            transition: all .3s ease;
        }
            .blog-side-pane .blog-recent-post .detail .read-more:hover { color: var(--theme-tertiary); }
.sf_pagerNumeric { display: none; }
.blog-pagination {
    margin: auto;
    display: table;
}
    .blog-pagination a {
        border-radius: 0px;
        display: inline-block;
        height: 41px;
        line-height: 41px;
        text-align: center;
        width: 41px;
        background-color: #e7eaec;
        color: #000;
        font-size: 19px;
        font-weight: bold;
        transition: all .3s ease;
        margin: 0 3px 0 3px;
    }
        .blog-pagination a:hover {
            background-color: var(--theme-secondary);
            color: #fff;
        }
    .blog-pagination .current-page {
        color: #000;
        background-color: #c6e3ee;
        pointer-events: none;
    }
.blog-archives {
    border-top: 1px solid #f0f0f0;
    padding-top: var(--padding);
}
    .blog-archives-list { position: relative; }
        .blog-archives-list .hover-indicator {
            width: 12px;
            height: 12px;
            background-color: var(--theme-secondary);
            position: absolute;
            left: 0;
            opacity: 0;
        }
        .blog-archives-list a { color: var(--copy); }
        .blog-archives-list .label { margin-left: 30px; }
        .blog-archives-list .blog-archives-list-item { margin-bottom: 20px; }
            .blog-archives-list .blog-archives-list-item:hover .hover-indicator { opacity: 1; }
.contact { margin-top: 50px !important; }
    .contact .heading-form {
        font-family: "Novecentowide-Medium";
        font-size: 16px;
        line-height: 42px;
        text-align: left;
        color: var(--theme-tertiary);
        text-transform: uppercase;
        letter-spacing: 0.1em;
    }
    .contact .input input,
    .contact .input textarea {
        width: 100%;
        box-sizing: border-box;
        background-color: #e7eaec;
        color: #474747;
        border: 1px solid #e7eaec;
        padding: 8px 15px;
        height: 40px;
        line-height: normal;
    }
        .contact .input input:focus,
        .contact .input textarea:focus {
            border: 1px solid var(--theme-secondary);
            outline: none;
        }
    .contact .input textarea { height: 200px; }
    .contact label {
        display: block;
        font-size: .813em;
        letter-spacing: .5pt;
        white-space: nowrap;
    }
    .contact .label-section,
    .contact .label-form-section-required {
        display: inline-block;
        line-height: 1.3;
        clear: both;
        font-weight: 700;
        font-size: inherit;
        color: var(--copy);
    }
    .contact .label-form-section-required:after {
        content: "*";
        color: #790000;
    }
    .contact .form-section { margin-bottom: 30px !important; }
    .contact .hide-labels label { display: none; }
    .contact .button-submit input {
        border: 2px solid #eee;
        color: #333;
        background-color: #fff;
        border-radius: 0;
        font-size: 14px;
        line-height: 1;
        letter-spacing: 0.02em;
        margin: 0;
        padding: 20px 38px;
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        cursor: pointer;
        transition: all .3s ease;
    }
        .contact .button-submit input:hover {
            background-color: var(--theme-secondary);
            color: #fff;
        }
    .contact .sfError { color: #790000; }
    .contact .contact-form {
        padding-right: 50px;
        box-sizing: border-box;
    }
    .contact .contact-social {
        background-color: #f0f4f6;
        padding: 30px 40px 30px 40px !important;
        margin-top: 20px;
        box-sizing: border-box;
    }
        .contact .contact-social .social-icons,
        .contact .contact-social .m-social-icons { margin-bottom: 30px; }
            .contact .contact-social .social-icons .icon,
            .contact .contact-social .m-social-icons .icon {
                position: relative;
                width: 40px;
                height: 40px;
                margin: 15px;
            }
                .contact .contact-social .social-icons .icon img,
                .contact .contact-social .m-social-icons .icon img,
                .footer-gray .social-icons .icon img,
                .footer-gray .m-social-icons .icon img {
                    position: absolute;
                    left: 0;
                    top: 0;
                }
                    .contact .contact-social .social-icons .icon img:first-child,
                    .contact .contact-social .m-social-icons .icon img:first-child,
                    .footer-gray .social-icons .icon img:first-child,
                    .footer-gray .m-social-icons .icon img:first-child { opacity: 1; }
                    .contact .contact-social .social-icons .icon img:last-child
                    .contact .contact-social .m-social-icons .icon img:last-child,
                    .footer-gray .social-icons .icon img:last-child,
                    .footer-gray .m-social-icons .icon img:last-child { opacity: 0; }
            .footer-gray .social-icons .icon,
            .footer-gray .m-social-icons .icon {
                position: relative;
                width: 40px;
                height: 40px;
                margin: 5px;
            }
.join-newsletter { margin-top: 100px !important; }
    .join-newsletter .button-submit input { padding: 12px 38px; }
.heading-dark .heading-dark-caps {
    font-family: "Novecentowide-Medium";
    font-size: 40px;
    color: #444;
    line-height: 50px;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}
.heading-dark p {
    font-size: 30px;
    font-weight: bold;
    margin-top: -40px;
    color: var(--theme-tertiary);
}
.heading-large-bold {
    font-size: 30px;
    font-weight: bold;
    color: var(--theme-tertiary);
    line-height: 26px;
}
.heading-large {
    font-size: 30px;
    color: var(--theme-tertiary);
}
.heading-large-fade {
    font-size: 30px;
    color: var(--copy);
}
.button-set a {
    margin-bottom: 30px;
    display: inline-block;
}
.heading-bold-dark {
    font-size: 36px;
    color: var(--theme-tertiary);
    font-weight: 700;
}
.side-pane-gutter {
    padding: 0 40px 0 40px !important;
    box-sizing: border-box;
}
.cap { text-transform: uppercase; }
.first-letter {
    background-color: var(--theme-secondary);
    border-color: var(--theme-secondary);
    color: #fff;
    border-style: solid;
    border-width: 2px;
    float: left;
    font-size: 45px;
    height: 65px;
    line-height: 65px;
    margin-right: 10px;
    padding: 0 19.5px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: 6px;
    width: 65px;
}
.more-concepts { margin-top: 30px !important; }
.expand-icon-expanded { rotate: 90deg; }
.expand-icon-collapsed { rotate: 0deg; }