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

img, legend, textarea {
    max-width: 100%
}

button, img, legend {
    border: 0
}

h1, h2, h3, h4, h5, h6, p {
    text-rendering: optimizeLegibility
}

[data-whatinput=mouse] a:focus, [data-whatinput=mouse] .button, [data-whatinput=mouse] .close-button, [data-whatinput=mouse] .dropdown.menu a, [data-whatinput=mouse] .menu>li, [data-whatinput=mouse] .off-canvas, [data-whatinput=mouse] button, a:active, a:hover, button:focus, button:focus [data-whatinput=touch] a:focus {
    outline: 0
}

#wpadminbar {
    position: fixed!important
}

.small-pull-1, .small-pull-10, .small-pull-11, .small-pull-2, .small-pull-3, .small-pull-4, .small-pull-5, .small-pull-6, .small-pull-7, .small-pull-8, .small-pull-9, .small-push-1, .small-push-10, .small-push-11, .small-push-2, .small-push-3, .small-push-4, .small-push-5, .small-push-7, .small-push-8, .small-push-9, sub, sup {
    position: relative
}

body.admin-bar.f-topbar-fixed .sticky.fixed {
    margin-top: 2rem
}

.wp-caption>figcaption {
    max-width: 100%;
    font-size: .8rem;
    color: #999;
    padding: .25rem 0
}

p.wp-caption-text {
    font-size: 90%;
    color: #666;
    padding: .625rem 0
}

abbr, body, cite {
    color: #58595b
}

.alignleft {
    float: left;
    padding-right: 1rem;
    margin: 0
}

.alignright {
    float: right;
    padding-left: 1rem;
    margin: 0
}

body, button, legend {
    padding: 0
}

.aligncenter {
    margin-left: auto;
    margin-right: auto
}


/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden], template {
    display: none
}

abbr[title] {
    border-bottom: 1px dotted
}

b, optgroup, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    vertical-align: baseline
}

.button, img {
    vertical-align: middle
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    height: auto;
    -ms-interpolation-mode: bicubic;
    display: inline-block
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

pre, textarea {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

a, b, em, i, small, strong {
    line-height: inherit
}

dl, ol, p, ul {
    line-height: 1.3
}

*, body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

button, select {
    text-transform: none
}

button, html input[type=button], input[type=reset], input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled], html input[disabled] {
    cursor: not-allowed
}

button::-moz-focus-inner, input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox], input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button {
    height: auto
}

input[type=search] {
    -webkit-appearance: textfield;
    box-sizing: content-box
}

input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

legend {}

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

.foundation-mq {
    font-family: "small=0em&medium=47.9375em&large=60em&xlarge=75em&xxlarge=90em"
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: proxima-nova, Helvetica, Roboto, Arial, sans-serif
}

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

body {
    margin: 0;
    font-weight: 400;
    line-height: 1.2;
    background: #fefefe
}

select {
    width: 100%
}

#map_canvas embed, #map_canvas img, #map_canvas object, .map_canvas embed, .map_canvas img, .map_canvas object, .mqa-display embed, .mqa-display img, .mqa-display object {
    max-width: none!important
}

button {
    overflow: visible;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: 0 0;
    border-radius: 0;
    line-height: 1
}

.is-visible {
    display: block!important
}

.is-hidden {
    display: none!important
}

.row {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.row .row, .row.expanded {
    max-width: none
}

.row::after, .row::before {
    content: ' ';
    display: table
}

.row::after {
    clear: both
}

.row.collapse>.column, .row.collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.row .row {
    margin-left: -.625rem;
    margin-right: -.625rem
}

@media screen and (min-width:47.9375em) {
    .row .row {
        margin-left: -.9375rem;
        margin-right: -.9375rem
    }
}

.row .row.collapse {
    margin-left: 0;
    margin-right: 0
}

.row.expanded .row {
    margin-left: auto;
    margin-right: auto
}

.column, .columns {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width:47.9375em) {
    .column, .columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
    float: right
}

.column.end:last-child:last-child, .end.columns:last-child:last-child {
    float: left
}

.column.row.row, .row.row.columns {
    float: none
}

.row .column.row.row, .row .row.row.columns {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0
}

.small-1 {
    width: 8.33333%
}

.small-push-1 {
    left: 8.33333%
}

.small-pull-1 {
    left: -8.33333%
}

.small-offset-0 {
    margin-left: 0
}

.small-2 {
    width: 16.66667%
}

.small-push-2 {
    left: 16.66667%
}

.small-pull-2 {
    left: -16.66667%
}

.small-offset-1 {
    margin-left: 8.33333%
}

.small-3 {
    width: 25%
}

.small-push-3 {
    left: 25%
}

.small-pull-3 {
    left: -25%
}

.small-offset-2 {
    margin-left: 16.66667%
}

.small-4 {
    width: 33.33333%
}

.small-push-4 {
    left: 33.33333%
}

.small-pull-4 {
    left: -33.33333%
}

.small-offset-3 {
    margin-left: 25%
}

.small-5 {
    width: 41.66667%
}

.small-push-5 {
    left: 41.66667%
}

.small-pull-5 {
    left: -41.66667%
}

.small-offset-4 {
    margin-left: 33.33333%
}

.small-6 {
    width: 50%
}

.small-push-6 {
    position: relative;
    left: 50%
}

.small-pull-6 {
    left: -50%
}

.small-offset-5 {
    margin-left: 41.66667%
}

.small-7 {
    width: 58.33333%
}

.small-push-7 {
    left: 58.33333%
}

.small-pull-7 {
    left: -58.33333%
}

.small-offset-6 {
    margin-left: 50%
}

.small-8 {
    width: 66.66667%
}

.small-push-8 {
    left: 66.66667%
}

.small-pull-8 {
    left: -66.66667%
}

.small-offset-7 {
    margin-left: 58.33333%
}

.small-9 {
    width: 75%
}

.small-push-9 {
    left: 75%
}

.small-pull-9 {
    left: -75%
}

.small-offset-8 {
    margin-left: 66.66667%
}

.small-10 {
    width: 83.33333%
}

.small-push-10 {
    left: 83.33333%
}

.small-pull-10 {
    left: -83.33333%
}

.small-offset-9 {
    margin-left: 75%
}

.small-11 {
    width: 91.66667%
}

.small-push-11 {
    left: 91.66667%
}

.small-pull-11 {
    left: -91.66667%
}

.small-offset-10 {
    margin-left: 83.33333%
}

.small-12 {
    width: 100%
}

.small-offset-11 {
    margin-left: 91.66667%
}

.small-up-1>.column, .small-up-1>.columns {
    width: 100%;
    float: left
}

.small-up-1>.column:nth-of-type(1n), .small-up-1>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-1>.column:nth-of-type(1n+1), .small-up-1>.columns:nth-of-type(1n+1) {
    clear: both
}

.small-up-1>.column:last-child, .small-up-1>.columns:last-child {
    float: left
}

.small-up-2>.column, .small-up-2>.columns {
    width: 50%;
    float: left
}

.small-up-2>.column:nth-of-type(1n), .small-up-2>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-2>.column:nth-of-type(2n+1), .small-up-2>.columns:nth-of-type(2n+1) {
    clear: both
}

.small-up-2>.column:last-child, .small-up-2>.columns:last-child {
    float: left
}

.small-up-3>.column, .small-up-3>.columns {
    width: 33.33333%;
    float: left
}

.small-up-3>.column:nth-of-type(1n), .small-up-3>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-3>.column:nth-of-type(3n+1), .small-up-3>.columns:nth-of-type(3n+1) {
    clear: both
}

.small-up-3>.column:last-child, .small-up-3>.columns:last-child {
    float: left
}

.small-up-4>.column, .small-up-4>.columns {
    width: 25%;
    float: left
}

.small-up-4>.column:nth-of-type(1n), .small-up-4>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-4>.column:nth-of-type(4n+1), .small-up-4>.columns:nth-of-type(4n+1) {
    clear: both
}

.small-up-4>.column:last-child, .small-up-4>.columns:last-child {
    float: left
}

.small-up-5>.column, .small-up-5>.columns {
    width: 20%;
    float: left
}

.small-up-5>.column:nth-of-type(1n), .small-up-5>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-5>.column:nth-of-type(5n+1), .small-up-5>.columns:nth-of-type(5n+1) {
    clear: both
}

.small-up-5>.column:last-child, .small-up-5>.columns:last-child {
    float: left
}

.small-up-6>.column, .small-up-6>.columns {
    width: 16.66667%;
    float: left
}

.small-up-6>.column:nth-of-type(1n), .small-up-6>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-6>.column:nth-of-type(6n+1), .small-up-6>.columns:nth-of-type(6n+1) {
    clear: both
}

.small-up-6>.column:last-child, .small-up-6>.columns:last-child {
    float: left
}

.small-up-7>.column, .small-up-7>.columns {
    width: 14.28571%;
    float: left
}

.small-up-7>.column:nth-of-type(1n), .small-up-7>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-7>.column:nth-of-type(7n+1), .small-up-7>.columns:nth-of-type(7n+1) {
    clear: both
}

.small-up-7>.column:last-child, .small-up-7>.columns:last-child {
    float: left
}

.small-up-8>.column, .small-up-8>.columns {
    width: 12.5%;
    float: left
}

.small-up-8>.column:nth-of-type(1n), .small-up-8>.columns:nth-of-type(1n) {
    clear: none
}

.small-up-8>.column:nth-of-type(8n+1), .small-up-8>.columns:nth-of-type(8n+1) {
    clear: both
}

.small-up-8>.column:last-child, .small-up-8>.columns:last-child {
    float: left
}

.small-collapse>.column, .small-collapse>.columns {
    padding-left: 0;
    padding-right: 0
}

.small-collapse .row {
    margin-left: 0;
    margin-right: 0
}

.small-uncollapse>.column, .small-uncollapse>.columns {
    padding-left: .625rem;
    padding-right: .625rem
}

.small-centered {
    float: none;
    margin-left: auto;
    margin-right: auto
}

.small-pull-0, .small-push-0, .small-uncentered {
    position: static;
    margin-left: 0;
    margin-right: 0;
    float: left
}

@media screen and (min-width:47.9375em) {
    .medium-pull-1, .medium-pull-10, .medium-pull-11, .medium-pull-2, .medium-pull-3, .medium-pull-4, .medium-pull-5, .medium-pull-6, .medium-pull-7, .medium-pull-8, .medium-pull-9, .medium-push-1, .medium-push-10, .medium-push-11, .medium-push-2, .medium-push-3, .medium-push-4, .medium-push-5, .medium-push-7, .medium-push-8, .medium-push-9 {
        position: relative
    }
    .medium-1 {
        width: 8.33333%
    }
    .medium-push-1 {
        left: 8.33333%
    }
    .medium-pull-1 {
        left: -8.33333%
    }
    .medium-offset-0 {
        margin-left: 0
    }
    .medium-2 {
        width: 16.66667%
    }
    .medium-push-2 {
        left: 16.66667%
    }
    .medium-pull-2 {
        left: -16.66667%
    }
    .medium-offset-1 {
        margin-left: 8.33333%
    }
    .medium-3 {
        width: 25%
    }
    .medium-push-3 {
        left: 25%
    }
    .medium-pull-3 {
        left: -25%
    }
    .medium-offset-2 {
        margin-left: 16.66667%
    }
    .medium-4 {
        width: 33.33333%
    }
    .medium-push-4 {
        left: 33.33333%
    }
    .medium-pull-4 {
        left: -33.33333%
    }
    .medium-offset-3 {
        margin-left: 25%
    }
    .medium-5 {
        width: 41.66667%
    }
    .medium-push-5 {
        left: 41.66667%
    }
    .medium-pull-5 {
        left: -41.66667%
    }
    .medium-offset-4 {
        margin-left: 33.33333%
    }
    .medium-6 {
        width: 50%
    }
    .medium-push-6 {
        position: relative;
        left: 50%
    }
    .medium-pull-6 {
        left: -50%
    }
    .medium-offset-5 {
        margin-left: 41.66667%
    }
    .medium-7 {
        width: 58.33333%
    }
    .medium-push-7 {
        left: 58.33333%
    }
    .medium-pull-7 {
        left: -58.33333%
    }
    .medium-offset-6 {
        margin-left: 50%
    }
    .medium-8 {
        width: 66.66667%
    }
    .medium-push-8 {
        left: 66.66667%
    }
    .medium-pull-8 {
        left: -66.66667%
    }
    .medium-offset-7 {
        margin-left: 58.33333%
    }
    .medium-9 {
        width: 75%
    }
    .medium-push-9 {
        left: 75%
    }
    .medium-pull-9 {
        left: -75%
    }
    .medium-offset-8 {
        margin-left: 66.66667%
    }
    .medium-10 {
        width: 83.33333%
    }
    .medium-push-10 {
        left: 83.33333%
    }
    .medium-pull-10 {
        left: -83.33333%
    }
    .medium-offset-9 {
        margin-left: 75%
    }
    .medium-11 {
        width: 91.66667%
    }
    .medium-push-11 {
        left: 91.66667%
    }
    .medium-pull-11 {
        left: -91.66667%
    }
    .medium-offset-10 {
        margin-left: 83.33333%
    }
    .medium-12 {
        width: 100%
    }
    .medium-offset-11 {
        margin-left: 91.66667%
    }
    .medium-up-1>.column, .medium-up-1>.columns {
        width: 100%;
        float: left
    }
    .medium-up-1>.column:nth-of-type(1n), .medium-up-1>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-1>.column:nth-of-type(1n+1), .medium-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }
    .medium-up-1>.column:last-child, .medium-up-1>.columns:last-child {
        float: left
    }
    .medium-up-2>.column, .medium-up-2>.columns {
        width: 50%;
        float: left
    }
    .medium-up-2>.column:nth-of-type(1n), .medium-up-2>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-2>.column:nth-of-type(2n+1), .medium-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }
    .medium-up-2>.column:last-child, .medium-up-2>.columns:last-child {
        float: left
    }
    .medium-up-3>.column, .medium-up-3>.columns {
        width: 33.33333%;
        float: left
    }
    .medium-up-3>.column:nth-of-type(1n), .medium-up-3>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-3>.column:nth-of-type(3n+1), .medium-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }
    .medium-up-3>.column:last-child, .medium-up-3>.columns:last-child {
        float: left
    }
    .medium-up-4>.column, .medium-up-4>.columns {
        width: 25%;
        float: left
    }
    .medium-up-4>.column:nth-of-type(1n), .medium-up-4>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-4>.column:nth-of-type(4n+1), .medium-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }
    .medium-up-4>.column:last-child, .medium-up-4>.columns:last-child {
        float: left
    }
    .medium-up-5>.column, .medium-up-5>.columns {
        width: 20%;
        float: left
    }
    .medium-up-5>.column:nth-of-type(1n), .medium-up-5>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-5>.column:nth-of-type(5n+1), .medium-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }
    .medium-up-5>.column:last-child, .medium-up-5>.columns:last-child {
        float: left
    }
    .medium-up-6>.column, .medium-up-6>.columns {
        width: 16.66667%;
        float: left
    }
    .medium-up-6>.column:nth-of-type(1n), .medium-up-6>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-6>.column:nth-of-type(6n+1), .medium-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }
    .medium-up-6>.column:last-child, .medium-up-6>.columns:last-child {
        float: left
    }
    .medium-up-7>.column, .medium-up-7>.columns {
        width: 14.28571%;
        float: left
    }
    .medium-up-7>.column:nth-of-type(1n), .medium-up-7>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-7>.column:nth-of-type(7n+1), .medium-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }
    .medium-up-7>.column:last-child, .medium-up-7>.columns:last-child {
        float: left
    }
    .medium-up-8>.column, .medium-up-8>.columns {
        width: 12.5%;
        float: left
    }
    .medium-up-8>.column:nth-of-type(1n), .medium-up-8>.columns:nth-of-type(1n) {
        clear: none
    }
    .medium-up-8>.column:nth-of-type(8n+1), .medium-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }
    .medium-up-8>.column:last-child, .medium-up-8>.columns:last-child {
        float: left
    }
    .medium-collapse>.column, .medium-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .medium-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .medium-uncollapse>.column, .medium-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
    .medium-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .medium-pull-0, .medium-push-0, .medium-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

@media screen and (min-width:60em) {
    .large-pull-1, .large-pull-10, .large-pull-11, .large-pull-2, .large-pull-3, .large-pull-4, .large-pull-5, .large-pull-6, .large-pull-7, .large-pull-8, .large-pull-9, .large-push-1, .large-push-10, .large-push-11, .large-push-2, .large-push-3, .large-push-4, .large-push-5, .large-push-7, .large-push-8, .large-push-9 {
        position: relative
    }
    .large-1 {
        width: 8.33333%
    }
    .large-push-1 {
        left: 8.33333%
    }
    .large-pull-1 {
        left: -8.33333%
    }
    .large-offset-0 {
        margin-left: 0
    }
    .large-2 {
        width: 16.66667%
    }
    .large-push-2 {
        left: 16.66667%
    }
    .large-pull-2 {
        left: -16.66667%
    }
    .large-offset-1 {
        margin-left: 8.33333%
    }
    .large-3 {
        width: 25%
    }
    .large-push-3 {
        left: 25%
    }
    .large-pull-3 {
        left: -25%
    }
    .large-offset-2 {
        margin-left: 16.66667%
    }
    .large-4 {
        width: 33.33333%
    }
    .large-push-4 {
        left: 33.33333%
    }
    .large-pull-4 {
        left: -33.33333%
    }
    .large-offset-3 {
        margin-left: 25%
    }
    .large-5 {
        width: 41.66667%
    }
    .large-push-5 {
        left: 41.66667%
    }
    .large-pull-5 {
        left: -41.66667%
    }
    .large-offset-4 {
        margin-left: 33.33333%
    }
    .large-6 {
        width: 50%
    }
    .large-push-6 {
        position: relative;
        left: 50%
    }
    .large-pull-6 {
        left: -50%
    }
    .large-offset-5 {
        margin-left: 41.66667%
    }
    .large-7 {
        width: 58.33333%
    }
    .large-push-7 {
        left: 58.33333%
    }
    .large-pull-7 {
        left: -58.33333%
    }
    .large-offset-6 {
        margin-left: 50%
    }
    .large-8 {
        width: 66.66667%
    }
    .large-push-8 {
        left: 66.66667%
    }
    .large-pull-8 {
        left: -66.66667%
    }
    .large-offset-7 {
        margin-left: 58.33333%
    }
    .large-9 {
        width: 75%
    }
    .large-push-9 {
        left: 75%
    }
    .large-pull-9 {
        left: -75%
    }
    .large-offset-8 {
        margin-left: 66.66667%
    }
    .large-10 {
        width: 83.33333%
    }
    .large-push-10 {
        left: 83.33333%
    }
    .large-pull-10 {
        left: -83.33333%
    }
    .large-offset-9 {
        margin-left: 75%
    }
    .large-11 {
        width: 91.66667%
    }
    .large-push-11 {
        left: 91.66667%
    }
    .large-pull-11 {
        left: -91.66667%
    }
    .large-offset-10 {
        margin-left: 83.33333%
    }
    .large-12 {
        width: 100%
    }
    .large-offset-11 {
        margin-left: 91.66667%
    }
    .large-up-1>.column, .large-up-1>.columns {
        width: 100%;
        float: left
    }
    .large-up-1>.column:nth-of-type(1n), .large-up-1>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-1>.column:nth-of-type(1n+1), .large-up-1>.columns:nth-of-type(1n+1) {
        clear: both
    }
    .large-up-1>.column:last-child, .large-up-1>.columns:last-child {
        float: left
    }
    .large-up-2>.column, .large-up-2>.columns {
        width: 50%;
        float: left
    }
    .large-up-2>.column:nth-of-type(1n), .large-up-2>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-2>.column:nth-of-type(2n+1), .large-up-2>.columns:nth-of-type(2n+1) {
        clear: both
    }
    .large-up-2>.column:last-child, .large-up-2>.columns:last-child {
        float: left
    }
    .large-up-3>.column, .large-up-3>.columns {
        width: 33.33333%;
        float: left
    }
    .large-up-3>.column:nth-of-type(1n), .large-up-3>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-3>.column:nth-of-type(3n+1), .large-up-3>.columns:nth-of-type(3n+1) {
        clear: both
    }
    .large-up-3>.column:last-child, .large-up-3>.columns:last-child {
        float: left
    }
    .large-up-4>.column, .large-up-4>.columns {
        width: 25%;
        float: left
    }
    .large-up-4>.column:nth-of-type(1n), .large-up-4>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-4>.column:nth-of-type(4n+1), .large-up-4>.columns:nth-of-type(4n+1) {
        clear: both
    }
    .large-up-4>.column:last-child, .large-up-4>.columns:last-child {
        float: left
    }
    .large-up-5>.column, .large-up-5>.columns {
        width: 20%;
        float: left
    }
    .large-up-5>.column:nth-of-type(1n), .large-up-5>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-5>.column:nth-of-type(5n+1), .large-up-5>.columns:nth-of-type(5n+1) {
        clear: both
    }
    .large-up-5>.column:last-child, .large-up-5>.columns:last-child {
        float: left
    }
    .large-up-6>.column, .large-up-6>.columns {
        width: 16.66667%;
        float: left
    }
    .large-up-6>.column:nth-of-type(1n), .large-up-6>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-6>.column:nth-of-type(6n+1), .large-up-6>.columns:nth-of-type(6n+1) {
        clear: both
    }
    .large-up-6>.column:last-child, .large-up-6>.columns:last-child {
        float: left
    }
    .large-up-7>.column, .large-up-7>.columns {
        width: 14.28571%;
        float: left
    }
    .large-up-7>.column:nth-of-type(1n), .large-up-7>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-7>.column:nth-of-type(7n+1), .large-up-7>.columns:nth-of-type(7n+1) {
        clear: both
    }
    .large-up-7>.column:last-child, .large-up-7>.columns:last-child {
        float: left
    }
    .large-up-8>.column, .large-up-8>.columns {
        width: 12.5%;
        float: left
    }
    .large-up-8>.column:nth-of-type(1n), .large-up-8>.columns:nth-of-type(1n) {
        clear: none
    }
    .large-up-8>.column:nth-of-type(8n+1), .large-up-8>.columns:nth-of-type(8n+1) {
        clear: both
    }
    .large-up-8>.column:last-child, .large-up-8>.columns:last-child {
        float: left
    }
    .large-collapse>.column, .large-collapse>.columns {
        padding-left: 0;
        padding-right: 0
    }
    .large-collapse .row {
        margin-left: 0;
        margin-right: 0
    }
    .large-uncollapse>.column, .large-uncollapse>.columns {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
    .large-centered {
        float: none;
        margin-left: auto;
        margin-right: auto
    }
    .large-pull-0, .large-push-0, .large-uncentered {
        position: static;
        margin-left: 0;
        margin-right: 0;
        float: left
    }
}

#footer-container #footer::after, #kitchen-sink::after, #page-full-width::after, #page-sidebar-left::after, #page::after, #single-post::after, .benefits .why-foundation::after, .benefits::after, .button-group::after, .clearfix::after, .intro::after, .menu.align-right::after, .off-canvas-wrapper-inner::after, .section-divider::after, .title-bar::after, .top-bar::after, hr {
    clear: both
}

.accordion-title, .is-accordion-submenu-parent>a {
    position: relative
}

blockquote, dd, div, dl, dt, form, h1, h2, h3, h4, h5, h6, li, ol, p, pre, td, th, ul {
    margin: 0;
    padding: 0
}

ol, ul {
    margin-left: 1.25rem
}

dl, ol, p, ul {
    margin-bottom: 1rem
}

em, i {
    font-style: italic
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 300;
    font-style: normal;
    color: #983694;
    margin-top: 0;
    margin-bottom: .5rem;
    line-height: 1.15
}

code, kbd {
    background-color: #e6e6e6;
    color: #0a0a0a;
    font-family: Consolas, "Liberation Mono", Courier, monospace
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    color: #d2d2d3;
    line-height: 0
}

h1 {
    font-size: 1.5rem
}

h3 {
    font-size: 1.1875rem
}

h4 {
    font-size: 1.125rem
}

h6 {
    font-size: 1rem
}

@media screen and (min-width:47.9375em) {
    h1 {
        font-size: 3rem
    }
    h2 {
        font-size: 2.5rem
    }
    h3 {
        font-size: 1.9375rem
    }
    h4 {
        font-size: 1.5625rem
    }
    h5 {
        font-size: 1.25rem
    }
    h6 {
        font-size: 1rem
    }
}

a {
    background-color: transparent;
    color: #683090;
    text-decoration: none;
    cursor: pointer
}

a:focus, a:hover {
    color: #59297c
}

a img {
    border: 0
}

hr {
    box-sizing: content-box;
    max-width: 64rem;
    height: 0;
    border-right: 0;
    border-top: 0;
    border-bottom: 1px solid #d2d2d3;
    border-left: 0;
    margin: 1.25rem auto
}

dl, ol, ul {
    list-style-position: outside
}

li {
    font-size: inherit
}

ul {
    list-style-type: disc
}

.accordion, .menu, .sponsors li {
    list-style-type: none
}

ol ol, ol ul, ul ol, ul ul {
    margin-left: 1.25rem;
    margin-bottom: 0
}

dl dt {
    margin-bottom: .3rem;
    font-weight: 700
}

.subheader, code, label {
    font-weight: 400
}

blockquote {
    margin: 0 0 1rem;
    padding: .5625rem 1.25rem 0 1.1875rem;
    border-left: 1px solid #d2d2d3
}

blockquote, blockquote p {
    line-height: 1.3;
    color: #58595b
}

cite {
    display: block;
    font-size: .8125rem
}

cite:before {
    content: '\2014 \0020'
}

abbr {
    cursor: help;
    border-bottom: 1px dotted #0a0a0a
}

code {
    border: 1px solid #d2d2d3;
    padding: .125rem .3125rem .0625rem
}

kbd {
    padding: .125rem .25rem 0;
    margin: 0
}

.subheader {
    margin-top: .2rem;
    margin-bottom: .5rem;
    line-height: 1.4;
    color: #58595b
}

.lead {
    font-size: 125%;
    line-height: 1.6
}

.button, .stat {
    line-height: 1
}

.stat {
    font-size: 2.5rem
}

p+.stat {
    margin-top: -1rem
}

.no-bullet {
    margin-left: 0;
    list-style: none
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.text-justify {
    text-align: justify
}

@media screen and (min-width:47.9375em) {
    .medium-text-left {
        text-align: left
    }
    .medium-text-right {
        text-align: right
    }
    .medium-text-center {
        text-align: center
    }
    .medium-text-justify {
        text-align: justify
    }
}

@media screen and (min-width:60em) {
    .large-text-left {
        text-align: left
    }
    .large-text-right {
        text-align: right
    }
    .large-text-center {
        text-align: center
    }
    .large-text-justify {
        text-align: justify
    }
}

.button, .input-group-label, .menu-centered, .menu.icon-top>li>a {
    text-align: center
}

.show-for-print {
    display: none!important
}

@media print {
    blockquote, img, pre, tr {
        page-break-inside: avoid
    }
    * {
        background: 0 0!important;
        color: #000!important;
        box-shadow: none!important;
        text-shadow: none!important
    }
    .show-for-print {
        display: block!important
    }
    .hide-for-print {
        display: none!important
    }
    table.show-for-print {
        display: table!important
    }
    thead.show-for-print {
        display: table-header-group!important
    }
    tbody.show-for-print {
        display: table-row-group!important
    }
    tr.show-for-print {
        display: table-row!important
    }
    td.show-for-print, th.show-for-print {
        display: table-cell!important
    }
    a, a:visited {
        text-decoration: underline
    }
    a[href]:after {
        content: " (" attr(href) ")"
    }
    .ir a:after, a[href^='javascript:']:after, a[href^='#']:after {
        content: ''
    }
    abbr[title]:after {
        content: " (" attr(title) ")"
    }
    blockquote, pre {
        border: 1px solid #58595b
    }
    thead {
        display: table-header-group
    }
    img {
        max-width: 100%!important
    }
    @page {
        margin: .5cm
    }
    h2, h3, p {
        orphans: 3;
        widows: 3
    }
    h2, h3 {
        page-break-after: avoid
    }
}

.button {
    display: inline-block;
    cursor: pointer;
    -webkit-appearance: none;
    transition: background-color .25s ease-out, color .25s ease-out;
    border: 1px solid transparent;
    border-radius: 0;
    padding: .85em 1em;
    margin: 0 0 1rem;
    font-size: .9rem;
    background-color: #683090;
    color: #fff
}

.button:focus, .button:hover {
    background-color: #58297a;
    color: #fff
}

.button.tiny {
    font-size: .6rem
}

.button.small {
    font-size: .75rem
}

.button.large {
    font-size: 1.25rem
}

.button.expanded {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.button.primary {
    background-color: #683090;
    color: #fff
}

.button.primary:focus, .button.primary:hover {
    background-color: #532673;
    color: #fff
}

.button.secondary {
    background-color: #983694;
    color: #fff
}

.button.secondary:focus, .button.secondary:hover {
    background-color: #7a2b76;
    color: #fff
}

.button.success {
    background-color: #3adb76;
    color: #fff
}

.button.success:focus, .button.success:hover {
    background-color: #22bb5b;
    color: #fff
}

.button.warning {
    background-color: #ffae00;
    color: #fff
}

.button.warning:focus, .button.warning:hover {
    background-color: #cc8b00;
    color: #fff
}

.button.alert {
    background-color: #ec5840;
    color: #fff
}

.button.alert:focus, .button.alert:hover {
    background-color: #da3116;
    color: #fff
}

.button.hollow {
    border: 1px solid #683090;
    color: #683090
}

.button.hollow, .button.hollow:focus, .button.hollow:hover {
    background-color: transparent
}

.button.hollow:focus, .button.hollow:hover {
    border-color: #341848;
    color: #341848
}

.button.hollow.primary {
    border: 1px solid #683090;
    color: #683090
}

.button.hollow.primary:focus, .button.hollow.primary:hover {
    border-color: #341848;
    color: #341848
}

.button.hollow.secondary {
    border: 1px solid #983694;
    color: #983694
}

.button.hollow.secondary:focus, .button.hollow.secondary:hover {
    border-color: #4c1b4a;
    color: #4c1b4a
}

.button.hollow.success {
    border: 1px solid #3adb76;
    color: #3adb76
}

.button.hollow.success:focus, .button.hollow.success:hover {
    border-color: #157539;
    color: #157539
}

.button.hollow.warning {
    border: 1px solid #ffae00;
    color: #ffae00
}

.button.hollow.warning:focus, .button.hollow.warning:hover {
    border-color: #805700;
    color: #805700
}

.button.hollow.alert {
    border: 1px solid #ec5840;
    color: #ec5840
}

.button.hollow.alert:focus, .button.hollow.alert:hover {
    border-color: #881f0e;
    color: #881f0e
}

.button.disabled, .button[disabled] {
    opacity: .25;
    cursor: not-allowed
}

.button.dropdown::after {
    content: '';
    width: 0;
    height: 0;
    border: .4em inset;
    border-color: #fefefe transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: relative;
    top: .4em;
    float: right;
    margin-left: 1em;
    display: inline-block
}

.button.arrow-only::after {
    margin-left: 0;
    float: none;
    top: -.1em
}

.is-dropdown-menu.vertical.align-right, .menu.align-right>li {
    float: right
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color], textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 2.4375rem;
    padding: .5rem;
    border: 1px solid #d2d2d3;
    margin: 0 0 1rem;
    font-family: inherit;
    font-size: 1rem;
    color: #0a0a0a;
    background-color: #fefefe;
    box-shadow: inset 0 1px 2px rgba(10, 10, 10, .1);
    border-radius: 0;
    transition: box-shadow .5s, border-color .25s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none
}

[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus, textarea:focus {
    border: 1px solid #58595b;
    background-color: #fefefe;
    outline: 0;
    box-shadow: 0 0 5px #d2d2d3;
    transition: box-shadow .5s, border-color .25s ease-in-out
}

textarea {
    min-height: 50px
}

textarea[rows] {
    height: auto
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #d2d2d3
}

input::-moz-placeholder, textarea::-moz-placeholder {
    color: #d2d2d3
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #d2d2d3
}

input::placeholder, textarea::placeholder {
    color: #d2d2d3
}

input:disabled, input[readonly], textarea:disabled, textarea[readonly] {
    background-color: #e6e6e6;
    cursor: default
}

[type=submit], [type=button] {
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

input[type=search] {
    box-sizing: border-box
}

[type=file], [type=checkbox], [type=radio] {
    margin: 0 0 1rem
}

[type=checkbox]+label, [type=radio]+label {
    display: inline-block;
    margin-left: .5rem;
    margin-right: 1rem;
    margin-bottom: 0;
    vertical-align: baseline
}

[type=checkbox]+label[for], [type=radio]+label[for] {
    cursor: pointer
}

label>[type=checkbox], label>[type=radio] {
    margin-right: .5rem
}

[type=file] {
    width: 100%
}

label {
    display: block;
    margin: 0;
    font-size: .875rem;
    line-height: 1.8;
    color: #0a0a0a
}

label.middle {
    margin: 0 0 1rem;
    padding: .5625rem 0
}

.help-text {
    margin-top: -.5rem;
    font-size: .8125rem;
    font-style: italic;
    color: #333
}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem
}

.input-group-button a, .input-group-button button, .input-group-button input, fieldset {
    margin: 0
}

.input-group>:first-child, .input-group>:last-child>* {
    border-radius: 0
}

.input-group-button, .input-group-field, .input-group-label {
    margin: 0;
    display: table-cell;
    vertical-align: middle
}

.input-group-label {
    padding: 0 1rem;
    background: #e6e6e6;
    color: #0a0a0a;
    border: 1px solid #d2d2d3;
    white-space: nowrap;
    width: 1%;
    height: 100%
}

.input-group-label:first-child {
    border-right: 0
}

.input-group-label:last-child {
    border-left: 0
}

.input-group-field {
    border-radius: 0;
    height: 2.5rem
}

.fieldset, select {
    border: 1px solid #d2d2d3
}

.input-group-button {
    padding-top: 0;
    padding-bottom: 0;
    text-align: center;
    height: 100%;
    width: 1%
}

.input-group .input-group-button {
    display: table-cell
}

fieldset {
    border: 0;
    padding: 0
}

legend {
    margin-bottom: .5rem
}

.fieldset {
    padding: 1.25rem;
    margin: 1.125rem 0
}

.fieldset legend {
    background: #fefefe;
    padding: 0 .1875rem;
    margin: 0 0 0 -.1875rem
}

select {
    height: 2.4375rem;
    padding: .5rem;
    margin: 0 0 1rem;
    font-size: 1rem;
    font-family: inherit;
    line-height: normal;
    color: #0a0a0a;
    background-color: #fefefe;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" width="32" height="24" viewBox="0 0 32 24"><polygon points="0,0 32,0 16,24" style="fill: rgb%2851, 51, 51%29"></polygon></svg>');
    background-size: 9px 6px;
    background-position: right center;
    background-origin: content-box;
    background-repeat: no-repeat
}

.form-error, .is-invalid-label {
    color: #ec5840
}

@media screen and (min-width:0\0) {
    select {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==)
    }
}

select:disabled {
    background-color: #e6e6e6;
    cursor: default
}

select::-ms-expand {
    display: none
}

select[multiple] {
    height: auto;
    background-image: none
}

.is-invalid-input:not(:focus) {
    background-color: rgba(236, 88, 64, .1);
    border-color: #ec5840
}

.accordion-content, .accordion-title:focus, .accordion-title:hover {
    background-color: #fefefe
}

.form-error {
    display: none;
    margin-top: -.5rem;
    margin-bottom: 1rem;
    font-size: .75rem;
    font-weight: 700
}

.form-error.is-visible {
    display: block
}

.accordion {
    background: #fefefe;
    border: none;
    border-bottom: 0;
    border-radius: 0;
    margin-left: 0
}

.accordion-title {
    display: block;
    padding: 1rem;
    line-height: 1;
    font-size: .75rem;
    color: #983694;
    border-bottom: none
}

.accordion-content {
    padding: 1rem;
    display: none;
    border-bottom: none
}

.is-accordion-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: #983694 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    right: 1rem
}

.is-accordion-submenu-parent[aria-expanded=true]>a::after {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    transform: scaleY(-1)
}

.button-group {
    margin-bottom: 1rem;
    font-size: 0
}

.button-group::after, .button-group::before {
    content: ' ';
    display: table
}

.button-group .button {
    margin: 0;
    font-size: .9rem
}

.button-group .button:not(:last-child) {
    margin-right: 1px
}

.button-group.tiny .button {
    font-size: .6rem
}

.button-group.small .button {
    font-size: .75rem
}

.button-group.large .button {
    font-size: 1.25rem
}

.button-group.expanded {
    margin-right: -1px
}

.button-group.expanded::after, .button-group.expanded::before {
    display: none
}

.button-group.expanded .button:first-child:nth-last-child(2), .button-group.expanded .button:first-child:nth-last-child(2):first-child:nth-last-child(2)~.button {
    display: inline-block;
    width: calc(50% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(3), .button-group.expanded .button:first-child:nth-last-child(3):first-child:nth-last-child(3)~.button {
    display: inline-block;
    width: calc(33.33333% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(4), .button-group.expanded .button:first-child:nth-last-child(4):first-child:nth-last-child(4)~.button {
    display: inline-block;
    width: calc(25% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(5), .button-group.expanded .button:first-child:nth-last-child(5):first-child:nth-last-child(5)~.button {
    display: inline-block;
    width: calc(20% - 1px);
    margin-right: 1px
}

.button-group.expanded .button:first-child:nth-last-child(6), .button-group.expanded .button:first-child:nth-last-child(6):first-child:nth-last-child(6)~.button {
    display: inline-block;
    width: calc(16.66667% - 1px);
    margin-right: 1px
}

.button-group.primary .button {
    background-color: #683090;
    color: #fff
}

.button-group.primary .button:focus, .button-group.primary .button:hover {
    background-color: #532673;
    color: #fff
}

.button-group.secondary .button {
    background-color: #983694;
    color: #fff
}

.button-group.secondary .button:focus, .button-group.secondary .button:hover {
    background-color: #7a2b76;
    color: #fff
}

.button-group.success .button {
    background-color: #3adb76;
    color: #fff
}

.button-group.success .button:focus, .button-group.success .button:hover {
    background-color: #22bb5b;
    color: #fff
}

.button-group.warning .button {
    background-color: #ffae00;
    color: #fff
}

.button-group.warning .button:focus, .button-group.warning .button:hover {
    background-color: #cc8b00;
    color: #fff
}

.button-group.alert .button {
    background-color: #ec5840;
    color: #fff
}

.button-group.alert .button:focus, .button-group.alert .button:hover {
    background-color: #da3116;
    color: #fff
}

.button-group.stacked .button, .button-group.stacked-for-medium .button, .button-group.stacked-for-small .button {
    width: 100%;
    border-right: 1px solid transparent
}

.button-group.stacked .button:not(:last-child), .button-group.stacked-for-medium .button:not(:last-child), .button-group.stacked-for-small .button:not(:last-child) {
    border-bottom: 1px solid #fefefe
}

@media screen and (min-width:47.9375em) {
    .button-group.stacked-for-small .button {
        width: auto
    }
    .button-group.stacked-for-small .button:not(:last-child) {
        margin-right: 1px
    }
}

@media screen and (min-width:60em) {
    .button-group.stacked-for-medium .button {
        width: auto
    }
    .button-group.stacked-for-medium .button:not(:last-child) {
        margin-right: 1px
    }
}

@media screen and (max-width:47.875em) {
    .button-group.stacked-for-small.expanded {
        display: block
    }
    .button-group.stacked-for-small.expanded .button {
        display: block;
        margin-right: 0
    }
}

.callout {
    margin: 0 0 1rem;
    padding: 1rem;
    border: 1px solid rgba(10, 10, 10, .25);
    border-radius: 0;
    position: relative;
    color: #58595b;
    background-color: #fff
}

.callout>:first-child {
    margin-top: 0
}

.callout>:last-child {
    margin-bottom: 0
}

.callout.primary {
    background-color: #e9dbf3
}

.callout.secondary {
    background-color: #f3ddf2
}

.callout.success {
    background-color: #e1faea
}

.callout.warning {
    background-color: #fff3d9
}

.callout.alert {
    background-color: #fce6e2
}

.callout.small {
    padding: .5rem
}

.callout.large {
    padding: 3rem
}

.close-button {
    position: absolute;
    color: #58595b;
    right: 1rem;
    top: .5rem;
    font-size: 2em;
    line-height: 1;
    cursor: pointer
}

.close-button:focus, .close-button:hover {
    color: #0a0a0a
}

.is-drilldown {
    position: relative;
    overflow: hidden
}

.is-drilldown li {
    display: block!important
}

.is-drilldown-submenu {
    position: absolute;
    top: 0;
    left: 100%;
    z-index: -1;
    height: 100%;
    width: 100%;
    background: #fefefe;
    transition: -webkit-transform .15s linear;
    transition: transform .15s linear;
    transition: transform .15s linear, -webkit-transform .15s linear
}

.is-drilldown-submenu.is-active {
    z-index: 1;
    display: block;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.is-drilldown-submenu.is-closing {
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.is-drilldown-submenu-parent>a {
    position: relative
}

.is-drilldown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent transparent transparent #683090;
    border-left-style: solid;
    border-right-width: 0;
    position: absolute;
    top: 50%;
    margin-top: -6px;
    right: 1rem
}

.js-drilldown-back>a::before {
    content: '';
    width: 0;
    height: 0;
    border: 6px inset;
    border-color: transparent #683090 transparent transparent;
    border-right-style: solid;
    border-left-width: 0;
    display: inline-block;
    vertical-align: middle;
    margin-right: .75rem
}

.dropdown-pane {
    background-color: #fefefe;
    border: 1px solid #d2d2d3;
    border-radius: 0;
    display: block;
    font-size: 16rem;
    padding: 1rem;
    position: absolute;
    visibility: hidden;
    width: 300px;
    z-index: 10
}

.dropdown-pane.is-open {
    visibility: visible
}

.invisible, .wf-loading {
    visibility: hidden
}

.dropdown-pane.tiny {
    width: 100px
}

.dropdown-pane.small {
    width: 200px
}

.dropdown-pane.large {
    width: 400px
}

.dropdown.menu>li.opens-left>.is-dropdown-submenu {
    left: auto;
    right: 0;
    top: 100%
}

.dropdown.menu>li.opens-right>.is-dropdown-submenu {
    right: auto;
    left: 0;
    top: 100%
}

.dropdown.menu>li.is-dropdown-submenu-parent>a {
    padding-right: 1.5rem;
    position: relative
}

.dropdown.menu>li.is-dropdown-submenu-parent>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: #683090 transparent transparent;
    border-top-style: solid;
    border-bottom-width: 0;
    right: 5px;
    margin-top: -2px
}

.no-js .dropdown.menu ul {
    display: none
}

.dropdown.menu.vertical>li .is-dropdown-submenu {
    top: 0
}

.dropdown.menu.vertical>li.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%
}

.dropdown.menu.vertical>li.opens-right .is-dropdown-submenu {
    right: auto;
    left: 100%
}

.dropdown.menu.vertical>li>a::after {
    right: 14px;
    margin-top: -3px
}

.dropdown.menu.vertical>li.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #683090 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.dropdown.menu.vertical>li.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #683090;
    border-left-style: solid;
    border-right-width: 0
}

@media screen and (min-width:47.9375em) {
    .dropdown.menu.medium-horizontal>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }
    .dropdown.menu.medium-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }
    .dropdown.menu.medium-horizontal>li.is-dropdown-submenu-parent>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #683090 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }
    .dropdown.menu.medium-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.medium-vertical>li.opens-left .is-dropdown-submenu {
        left: auto;
        right: 100%
    }
    .dropdown.menu.medium-vertical>li.opens-right .is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.medium-vertical>li>a::after {
        right: 14px;
        margin-top: -3px
    }
    .dropdown.menu.medium-vertical>li.opens-left>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #683090 transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }
    .dropdown.menu.medium-vertical>li.opens-right>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #683090;
        border-left-style: solid;
        border-right-width: 0
    }
}

@media screen and (min-width:60em) {
    .dropdown.menu.large-horizontal>li.opens-left>.is-dropdown-submenu {
        left: auto;
        right: 0;
        top: 100%
    }
    .dropdown.menu.large-horizontal>li.opens-right>.is-dropdown-submenu {
        right: auto;
        left: 0;
        top: 100%
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a {
        padding-right: 1.5rem;
        position: relative
    }
    .dropdown.menu.large-horizontal>li.is-dropdown-submenu-parent>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: #683090 transparent transparent;
        border-top-style: solid;
        border-bottom-width: 0;
        right: 5px;
        margin-top: -2px
    }
    .dropdown.menu.large-vertical>li .is-dropdown-submenu {
        top: 0
    }
    .dropdown.menu.large-vertical>li.opens-left .is-dropdown-submenu {
        left: auto;
        right: 100%
    }
    .dropdown.menu.large-vertical>li.opens-right .is-dropdown-submenu {
        right: auto;
        left: 100%
    }
    .dropdown.menu.large-vertical>li>a::after {
        right: 14px;
        margin-top: -3px
    }
    .dropdown.menu.large-vertical>li.opens-left>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent #683090 transparent transparent;
        border-right-style: solid;
        border-left-width: 0
    }
    .dropdown.menu.large-vertical>li.opens-right>a::after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border: 5px inset;
        border-color: transparent transparent transparent #683090;
        border-left-style: solid;
        border-right-width: 0
    }
}

.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
    top: 100%;
    left: auto;
    right: 0
}

.is-dropdown-menu.vertical {
    width: 100px
}

.is-dropdown-submenu-parent {
    position: relative
}

.is-dropdown-submenu-parent a::after {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -2px
}

.is-dropdown-submenu-parent.opens-inner .is-dropdown-submenu {
    top: 100%
}

.is-dropdown-submenu-parent.opens-left .is-dropdown-submenu {
    left: auto;
    right: 100%
}

.is-dropdown-submenu {
    display: none;
    position: absolute;
    top: 0;
    left: 100%;
    min-width: 200px;
    z-index: 1;
    background: #fefefe;
    border: 1px solid #d2d2d3
}

.is-dropdown-submenu .is-dropdown-submenu-parent>a::after {
    right: 14px;
    margin-top: -3px
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent #683090 transparent transparent;
    border-right-style: solid;
    border-left-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a::after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border: 5px inset;
    border-color: transparent transparent transparent #683090;
    border-left-style: solid;
    border-right-width: 0
}

.is-dropdown-submenu .is-dropdown-submenu {
    margin-top: -1px
}

.is-dropdown-submenu>li {
    width: 100%
}

.is-dropdown-submenu.js-dropdown-active, .is-dropdown-submenu:not(.js-dropdown-nohover)>.is-dropdown-submenu-parent:hover>.is-dropdown-submenu {
    display: block
}

.flex-video {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    margin-bottom: 1rem;
    overflow: hidden
}

.flex-video embed, .flex-video iframe, .flex-video object, .flex-video video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.flex-video.widescreen {
    padding-bottom: 56.25%
}

.flex-video.vimeo {
    padding-top: 0
}

.label {
    display: inline-block;
    padding: .33333rem .5rem;
    font-size: .8rem;
    line-height: 1;
    white-space: nowrap;
    cursor: default;
    border-radius: 0;
    background: #683090;
    color: #fefefe
}

.label.secondary {
    background: #983694;
    color: #fefefe
}

.label.success {
    background: #3adb76;
    color: #fefefe
}

.label.warning {
    background: #ffae00;
    color: #fefefe
}

.label.alert {
    background: #ec5840;
    color: #fefefe
}

.media-object {
    margin-bottom: 1rem;
    display: block
}

.media-object img {
    max-width: none
}

@media screen and (max-width:47.875em) {
    .media-object.stack-for-small .media-object-section {
        padding: 0 0 1rem;
        display: block
    }
    .media-object.stack-for-small .media-object-section img {
        width: 100%
    }
}

.media-object-section {
    display: table-cell;
    vertical-align: top
}

.media-object-section:first-child {
    padding-right: 1rem
}

.media-object-section:last-child:not(:nth-child(2)) {
    padding-left: 1rem
}

.media-object-section.middle {
    vertical-align: middle
}

.media-object-section.bottom {
    vertical-align: bottom
}

.menu-icon, .menu-icon.dark, .menu>li, .menu>li>a i, .menu>li>a i+span, .menu>li>a img, .menu>li>a img+span, .social a, .title-bar-title {
    vertical-align: middle
}

.menu {
    margin: 0
}

.menu>li>a {
    display: block;
    padding: .7rem 1rem;
    line-height: 1
}

.menu a, .menu button, .menu input {
    margin-bottom: 0
}

.menu>li>a i, .menu>li>a img {
    margin-right: .25rem;
    display: inline-block
}

.menu>li {
    display: table-cell
}

.menu.vertical>li {
    display: block
}

@media screen and (min-width:47.9375em) {
    .menu.medium-horizontal>li {
        display: table-cell
    }
    .menu.medium-vertical>li {
        display: block
    }
}

@media screen and (min-width:60em) {
    .menu.large-horizontal>li {
        display: table-cell
    }
    .menu.large-vertical>li {
        display: block
    }
}

.menu.simple li {
    line-height: 1;
    display: inline-block;
    margin-right: 1rem
}

.menu.simple a {
    padding: 0
}

.menu.align-right::after, .menu.align-right::before {
    content: ' ';
    display: table
}

.menu.expanded {
    width: 100%;
    display: table;
    table-layout: fixed
}

.menu.expanded>li:first-child:last-child {
    width: 100%
}

.menu.icon-top>li>a i, .menu.icon-top>li>a img {
    display: block;
    margin: 0 auto .25rem
}

.menu.nested {
    margin-left: 1rem
}

.menu .active>a {
    background: #121212
}

.menu-text {
    font-weight: 700;
    color: inherit;
    line-height: 1;
    padding: .7rem 1rem
}

.menu-centered>.menu {
    display: inline-block
}

.no-js [data-responsive-menu] ul {
    display: none
}

body, html {
    height: 100%
}

.off-canvas-wrapper {
    width: 100%;
    overflow-x: hidden;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-overflow-scrolling: auto
}

.off-canvas-wrapper-inner {
    position: relative;
    width: 100%;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.off-canvas-wrapper-inner::after, .off-canvas-wrapper-inner::before {
    content: ' ';
    display: table
}

.off-canvas-content {
    min-height: 100%;
    background: #fefefe;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    padding-bottom: .1px;
    box-shadow: 0 0 10px rgba(10, 10, 10, .5)
}

.js-off-canvas-exit {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(254, 254, 254, .25);
    cursor: pointer;
    transition: background .5s ease
}

.off-canvas {
    position: absolute;
    background: #e6e6e6;
    z-index: -1;
    max-height: 100%;
    overflow-y: auto;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

.off-canvas.position-left {
    left: -250px;
    top: 0;
    width: 250px
}

.is-open-left {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px)
}

.off-canvas.position-right {
    right: -250px;
    top: 0;
    width: 250px
}

.is-open-right {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px)
}

@media screen and (min-width:47.9375em) {
    .position-left.reveal-for-medium {
        left: 0;
        z-index: auto;
        position: fixed
    }
    .position-left.reveal-for-medium~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-medium {
        right: 0;
        z-index: auto;
        position: fixed
    }
    .position-right.reveal-for-medium~.off-canvas-content {
        margin-right: 250px
    }
}

@media screen and (min-width:60em) {
    .position-left.reveal-for-large {
        left: 0;
        z-index: auto;
        position: fixed
    }
    .position-left.reveal-for-large~.off-canvas-content {
        margin-left: 250px
    }
    .position-right.reveal-for-large {
        right: 0;
        z-index: auto;
        position: fixed
    }
    .position-right.reveal-for-large~.off-canvas-content {
        margin-right: 250px
    }
}

.sticky-container {
    position: relative
}

.sticky {
    position: absolute;
    z-index: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.sticky.is-stuck {
    position: fixed;
    z-index: 5;
    top: 0
}

.sticky.is-stuck.is-at-top {
    top: 0
}

.sticky.is-stuck.is-at-bottom {
    bottom: 0
}

.sticky.is-anchored {
    left: auto;
    right: auto
}

.sticky.is-anchored.is-at-bottom {
    bottom: 0
}

.title-bar {
    background: #fefefe;
    color: #fefefe
}

.title-bar::after, .title-bar::before {
    content: ' ';
    display: table
}

.title-bar .menu-icon {
    margin-left: .25rem;
    margin-right: .5rem
}

.title-bar-left {
    float: left
}

.title-bar-right {
    float: right;
    text-align: right
}

.title-bar-title {
    font-weight: 700;
    display: inline-block
}

.top-bar {
    padding: 0
}

.top-bar::after, .top-bar::before {
    content: ' ';
    display: table
}

.top-bar, .top-bar ul {
    background-color: none
}

.top-bar input {
    max-width: 200px;
    margin-right: 1rem
}

.top-bar .input-group-field {
    width: 100%;
    margin-right: 0
}

.top-bar input.button {
    width: auto
}

.top-bar .top-bar-left, .top-bar .top-bar-right {
    width: 100%
}

@media screen and (min-width:47.9375em) {
    .top-bar .top-bar-left, .top-bar .top-bar-right {
        width: auto
    }
    .hide-for-medium {
        display: none!important
    }
}

@media screen and (max-width:74.9375em) {
    .top-bar.stacked-for-large .top-bar-left, .top-bar.stacked-for-large .top-bar-right {
        width: 100%
    }
}

.top-bar-title {
    float: left;
    margin-right: 1rem
}

.top-bar-left {
    float: left
}

.top-bar-right {
    float: right
}

.hide {
    display: none!important
}

@media screen and (max-width:0em), screen and (min-width:47.9375em) {
    .show-for-small-only {
        display: none!important
    }
}

@media screen and (max-width:47.875em) {
    .hide-for-small-only, .show-for-medium {
        display: none!important
    }
}

@media screen and (min-width:47.9375em) and (max-width:59.9375em) {
    .hide-for-medium-only {
        display: none!important
    }
}

@media screen and (max-width:47.875em), screen and (min-width:60em) {
    .show-for-medium-only {
        display: none!important
    }
}

@media screen and (min-width:60em) {
    .hide-for-large {
        display: none!important
    }
}

@media screen and (max-width:59.9375em) {
    .top-bar.stacked-for-medium .top-bar-left, .top-bar.stacked-for-medium .top-bar-right {
        width: 100%
    }
    .show-for-large {
        display: none!important
    }
}

@media screen and (min-width:60em) and (max-width:74.9375em) {
    .hide-for-large-only {
        display: none!important
    }
}

@media screen and (max-width:59.9375em), screen and (min-width:75em) {
    .show-for-large-only {
        display: none!important
    }
}

.show-for-sr, .show-on-focus {
    position: absolute!important;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0)
}

.show-on-focus:active, .show-on-focus:focus {
    position: static!important;
    height: auto;
    width: auto;
    overflow: visible;
    clip: auto
}

.hide-for-portrait, .show-for-landscape {
    display: block!important
}

@media screen and (orientation:landscape) {
    .hide-for-portrait, .show-for-landscape {
        display: block!important
    }
    .hide-for-landscape, .show-for-portrait {
        display: none!important
    }
}

.hide-for-landscape, .show-for-portrait {
    display: none!important
}

@media screen and (orientation:portrait) {
    .hide-for-portrait, .show-for-landscape {
        display: none!important
    }
    .hide-for-landscape, .show-for-portrait {
        display: block!important
    }
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clearfix::after, .clearfix::before {
    content: ' ';
    display: table
}

.menu-icon.dark::after, .menu-icon::after {
    content: '';
    top: 0;
    left: 0
}

.menu-icon::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #fefefe;
    box-shadow: 0 7px 0 #fefefe, 0 14px 0 #fefefe
}

.menu-icon:hover::after {
    background: #d2d2d3;
    box-shadow: 0 7px 0 #d2d2d3, 0 14px 0 #d2d2d3
}

.menu-icon.dark {
    position: relative;
    display: inline-block;
    cursor: pointer;
    width: 20px;
    height: 16px
}

.menu-icon.dark::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #0a0a0a;
    box-shadow: 0 7px 0 #0a0a0a, 0 14px 0 #0a0a0a
}

.menu-icon.dark:hover::after {
    background: #58595b;
    box-shadow: 0 7px 0 #58595b, 0 14px 0 #58595b
}

@media screen and (max-width:47.875em) {
    .desktop-menu, .top-bar-left {
        display: none!important
    }
}

@media screen and (min-width:47.9375em) {
    #mobile-menu, .title-bar {
        display: none!important
    }
}

.off-canvas>ul.menu {
    height: 100vh;
    padding: 1rem
}

.title-bar-title a, .top-bar .menu .home a {
    font-size: 1rem;
    color: #B9B9B9
}

.top-bar .menu a {
    height: 45px;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1
}

.top-bar .dropdown.menu .submenu {
    background-color: #121212;
    color: #e6e6e6;
    border: 0
}

.top-bar .dropdown.menu .has-submenu.is-down-arrow a {
    padding-right: 1rem
}

.top-bar .dropdown.menu .has-submenu.is-down-arrow>a::after {
    border: 0
}

.top-bar .dropdown.menu:first-child>li.is-dropdown-submenu-parent>a::after {
    display: none
}

#footer-container #footer::after, #footer-container #footer::before, #front-hero .marketing::after, #front-hero .marketing::before, #kitchen-sink::after, #kitchen-sink::before, #page-full-width::after, #page-full-width::before, #page-sidebar-left::after, #page-sidebar-left::before, #page::after, #page::before, #single-post::after, #single-post::before, .benefits::after, .benefits::before, .intro::after, .intro::before, .section-divider::after, .section-divider::before {
    content: ' ';
    display: table
}

#footer-container {
    max-width: 100%;
    width: 100%;
    margin: 3.75rem auto 0;
    border-top: 1px solid #ccc
}

#footer-container #footer {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

#footer-container #footer ul {
    list-style-type: none;
    margin: 0;
    padding: 0
}

.sidebar {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

.sidebar:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    .sidebar {
        width: 33.33333%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        margin-top: 1rem
    }
    .sidebar:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    .sidebar {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.sites-button {
    background: #FF6908;
    font-size: 1.25rem;
    font-weight: 700;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, .2) inset;
    border-radius: 3px;
    border: none
}

#featured-hero {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin: 0 0 2rem;
    position: relative;
    height: 12.5rem
}

.no-featured-image-set {
    height: 1rem!important
}

.dotted, .section-divider hr {
    border-style: dashed;
    margin: 2rem 0
}

#front-hero {
    background: url(../images/demo/hero-bg-foundation-6-small.svg) bottom;
    background-size: cover;
    padding: 4.0625rem 0;
    margin: 0 0 2rem;
    height: auto;
    position: relative;
    text-align: left
}

.benefits, .hero-text h1, .page-title h1, .sponsors h2, .sponsors li, .sponsors ul {
    text-align: center
}

#front-hero .marketing {
    margin-left: auto;
    margin-right: auto;
    max-width: 55rem
}

#front-hero #watch #stargazers :before, #front-hero #watch #twitter :before {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    color: #B4C9D1;
    margin-right: .5rem
}

#front-hero .marketing::after {
    clear: both
}

#front-hero #watch {
    width: 58.33333%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    position: relative;
    left: -41.66667%
}

#front-hero #watch:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    #featured-hero {
        height: 25rem
    }
    #front-hero {
        background: url(../images/demo/hero-bg-foundation-6-large.svg) center;
        background-size: cover;
        height: 42.8125rem;
        margin: 0 0 4.5rem
    }
    #front-hero #watch {
        width: 100%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        position: relative;
        left: 0
    }
    #front-hero #watch:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    #front-hero #watch {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#front-hero #watch section {
    display: inline
}

#front-hero #watch a {
    color: #B4C9D1;
    cursor: pointer;
    font-weight: 400;
    margin-right: 1.25rem
}

#front-hero #watch a:hover {
    color: #fff
}

#front-hero #watch #stargazers :before {
    content: "\f09b"
}

#front-hero #watch #twitter :before {
    content: "\f099"
}

#front-hero .tagline {
    width: 66.66667%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

#front-hero .tagline:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    #front-hero .tagline {
        width: 41.66667%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        padding-top: 6rem
    }
    #front-hero .tagline:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    #front-hero .tagline {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#front-hero h1 {
    color: #fff;
    font-weight: 500;
    font-size: 2.2rem
}

#front-hero h4, .benefits header h2 {
    font-weight: 300
}

@media screen and (min-width:47.9375em) {
    #front-hero h1 {
        font-size: 2.875rem
    }
}

#front-hero h4 {
    color: #fefefe;
    font-size: 1.3125rem
}

#front-hero .download {
    margin-top: 1.25rem
}

.intro {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.intro .fp-intro {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

.intro .fp-intro:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    .intro .fp-intro {
        width: 83.33333%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        margin-left: 8.33333%
    }
    .intro .fp-intro:last-child:not(:first-child) {
        float: right
    }
    .intro .fp-intro h2 {
        font-weight: 300;
        margin-bottom: 1.5rem
    }
    .intro .fp-intro h4 {
        font-size: 1.125rem;
        line-height: 1.6;
        color: #777;
        margin-bottom: 2rem
    }
}

.benefits, .section-divider {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    .intro .fp-intro {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.section-divider hr {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    box-sizing: border-box
}

@media screen and (min-width:47.9375em) {
    .section-divider hr {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.section-divider hr:last-child:not(:first-child) {
    float: right
}

.benefits header {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width:47.9375em) {
    .benefits header {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.benefits header:last-child:not(:first-child) {
    float: right
}

.benefits header h4 {
    font-size: 1.125rem;
    line-height: 1.6;
    color: #777
}

.benefits .customizable, .benefits .professional, .benefits .responsive, .benefits .semantic {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

.benefits .customizable:last-child:not(:first-child), .benefits .professional:last-child:not(:first-child), .benefits .responsive:last-child:not(:first-child), .benefits .semantic:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    .benefits .customizable, .benefits .professional, .benefits .responsive, .benefits .semantic {
        width: 25%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem
    }
    .benefits .customizable:last-child:not(:first-child), .benefits .professional:last-child:not(:first-child), .benefits .responsive:last-child:not(:first-child), .benefits .semantic:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    .benefits .customizable, .benefits .professional, .benefits .responsive, .benefits .semantic {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

.benefits .customizable img, .benefits .professional img, .benefits .responsive img, .benefits .semantic img {
    padding: 1.25rem;
    margin: 1rem auto 0
}

#kitchen-sink, .benefits .why-foundation {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto
}

.benefits .customizable h3, .benefits .professional h3, .benefits .responsive h3, .benefits .semantic h3 {
    color: #0a0a0a;
    font-weight: 300;
    font-size: 1.75rem
}

.benefits .customizable p, .benefits .professional p, .benefits .responsive p, .benefits .semantic p {
    font-size: .9375rem
}

.benefits .why-foundation {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem;
    margin-top: 4rem
}

#kitchen-sink #components:last-child:not(:first-child), #kitchen-sink header:last-child:not(:first-child), .benefits .why-foundation:last-child:not(:first-child) {
    float: right
}

.benefits .why-foundation::after, .benefits .why-foundation::before {
    content: ' ';
    display: table
}

@media screen and (min-width:47.9375em) {
    .benefits .why-foundation {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#kitchen-sink #components, #kitchen-sink header {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

#kitchen-sink {
    margin-top: 3rem
}

#kitchen-sink header .lead {
    font-size: 125%;
    line-height: 1.6
}

#kitchen-sink #components hr {
    margin: 3rem 0
}

@media screen and (min-width:47.9375em) {
    #kitchen-sink #components, #kitchen-sink header {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:60em) {
    #kitchen-sink #components {
        width: 75%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem
    }
    #kitchen-sink #components:last-child:not(:first-child) {
        float: right
    }
}

#kitchen-sink #kitchen-sink-nav {
    display: none
}

@media screen and (min-width:60em) {
    #kitchen-sink #kitchen-sink-nav {
        width: 25%;
        padding-left: .625rem;
        padding-right: .625rem;
        display: block;
        float: right
    }
}

@media screen and (min-width:60em) and (min-width:47.9375em) {
    #kitchen-sink #components, #kitchen-sink #kitchen-sink-nav {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

@media screen and (min-width:60em) {
    #kitchen-sink #kitchen-sink-nav:last-child:not(:first-child) {
        float: right
    }
    #kitchen-sink #kitchen-sink-nav .docs-sub-menu {
        font-size: .85rem;
        margin-top: 1rem
    }
    #kitchen-sink #kitchen-sink-nav .docs-menu-title {
        text-transform: uppercase;
        font-size: .75rem;
        color: #999;
        font-weight: 700;
        line-height: 1;
        padding-left: .9rem;
        margin-bottom: .5rem;
        border-top: 1px solid #e9e9e9;
        margin-top: 1rem;
        padding-top: 1.5rem
    }
    #kitchen-sink #kitchen-sink-nav .docs-toc {
        width: 100%;
        padding-left: 4rem;
        padding-right: 1rem
    }
    #kitchen-sink #kitchen-sink-nav .docs-toc .active {
        background: #2199e8;
        color: #fff
    }
    #kitchen-sink #kitchen-sink-nav .docs-toc .docs-sub-menu:first-child .docs-menu-title {
        margin-top: 0;
        border-top: 0;
        padding-top: 0
    }
}

#kitchen-sink .row.display {
    background: #eee;
    font-size: 11px;
    margin-bottom: 10px;
    line-height: 2rem;
    border: 1px solid #c6c6c6;
    margin-left: 0!important;
    margin-right: 0!important
}

#footer h6, h5 {
    line-height: 130%
}

.is-anchored, .is-stuck, .sticky-container {
    border-bottom: 1px solid #d2d2d3
}

#page, #page-sidebar-left {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem
}

#kitchen-sink .row.display .columns.large-centered, #kitchen-sink .row.display .columns.small-centered, #kitchen-sink .row.display .columns:nth-child(2) {
    background: #e1e1e1
}

#page .main-content {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

#page .main-content:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    #page .main-content {
        width: 66.66667%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem
    }
    #page .main-content:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    #page .main-content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#page-sidebar-left .main-content {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

#page-sidebar-left .main-content:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    #page-sidebar-left .main-content {
        width: 66.66667%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        position: relative;
        left: 33.33333%
    }
    #page-sidebar-left .main-content:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    #page-sidebar-left .main-content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#page-sidebar-left .sidebar {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

#page-sidebar-left .sidebar:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    #page-sidebar-left .sidebar {
        width: 33.33333%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem;
        position: relative;
        left: -66.66667%;
        margin-top: 1rem
    }
    #page-sidebar-left .sidebar:last-child:not(:first-child) {
        float: right
    }
}

#page-full-width, #single-post {
    max-width: 64rem;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3rem
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    #page-sidebar-left .sidebar {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#page-full-width .main-content {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

@media screen and (min-width:47.9375em) {
    #page-full-width .main-content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

#page-full-width .main-content:last-child:not(:first-child) {
    float: right
}

.social, .social a, .social li {
    display: inline-block
}

#single-post .main-content {
    width: 100%;
    float: left;
    padding-left: .625rem;
    padding-right: .625rem
}

#single-post .main-content:last-child:not(:first-child) {
    float: right
}

@media screen and (min-width:47.9375em) {
    #single-post .main-content {
        width: 66.66667%;
        float: left;
        padding-left: .625rem;
        padding-right: .625rem
    }
    #single-post .main-content:last-child:not(:first-child) {
        float: right
    }
}

@media screen and (min-width:47.9375em) and (min-width:47.9375em) {
    #single-post .main-content {
        padding-left: .9375rem;
        padding-right: .9375rem
    }
}

html {
    box-sizing: border-box;
    font-size: 14px
}

@media screen and (min-width:47.9375em) and (max-width:59.9375em) {
    html {
        font-size: 16px
    }
}

@media screen and (min-width:60em) {
    html {
        font-size: 16px
    }
}

.loading {
    opacity: .5;
    filter: alpha(opacity=50)
}

#masthead.sticky {
    max-width: none!important;
    left: 0;
    right: 0;
    background-color: #fff
}

.sticky-container {
    background-color: #fff;
    width: 100%;
    height: 77px!important
}

@media screen and (max-width:47.875em) {
    #masthead.sticky {
        position: fixed;
        z-index: 3
    }
    .home .nav-container {
        border-bottom: 1px solid #d2d2d3
    }
}

.home .is-anchored, .home .sticky-container, .sponsors {
    border: none!important
}

.sticky.is-anchored {
    position: fixed;
    z-index: 1000
}

.page-title {
    margin-top: 77px
}

@media screen and (max-width:47.875em) {
    .page-title {
        margin-top: 67px
    }
}

.home .sticky.is-anchored {
    background-color: transparent!important
}

.vertical-logo {
    opacity: 1;
    position: relative;
    transition: opacity .2s ease-out
}

.horizontal-logo {
    position: absolute;
    opacity: 0;
    transition: opacity .4s ease-out
}

.home .is-stuck .horizontal-logo {
    opacity: 1;
    position: relative;
    transition: opacity .4s ease-in
}

.home .is-anchored .horizontal-logo, .home .is-stuck .vertical-logo {
    opacity: 0;
    position: absolute;
    top: 17px;
    left: 15px;
    transition: opacity .4s ease-in
}

#footer-container {
    background: #683090;
    background: linear-gradient(to right, #683090 0, #983694 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='$secondary-color', GradientType=1);
    margin-top: 0
}

#footer-container #footer {
    text-align: center;
    color: #fff;
    padding: 2.8125rem 1rem 2.5rem
}

#footer h6, .contact, .contact a {
    color: #fefefe;
    letter-spacing: .0625rem
}

.social {
    margin-left: 0
}

.social li {
    list-style: none;
    margin: 0 .5625rem 1.0625rem
}

.social a {
    width: 36px;
    height: 28px;
    background: 0 0;
    transition: border-color .2s ease-out, background .2s ease-out
}

#footer .social a {
    height: 36px
}

.site-nav a img {
    width: 100%
}

.social .icon {
    width: 37px;
    height: 37px;
    margin: auto;
    fill: #fff;
    display: block;
    vertical-align: top;
    opacity: 1;
    transition: opacity .2s ease-out
}

header .social {
    padding-left: .75rem
}

header .social, header .social li {
    margin-bottom: 0
}

header .social li {
    margin: 0 .125rem 0 0
}

header .social .icon {
    fill: #683090;
    width: 28px;
    height: 28px
}

.social a:hover, .social a:hover .icon {
    opacity: .8
}

#footer h6 {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: .6875rem
}

.contact, .contact a, .page-title h1 {
    margin-bottom: 0;
    text-transform: uppercase
}

.contact, .contact a {
    font-size: .8125rem
}

#map_canvas {
    width: 100%;
    height: 515px
}

@media screen and (max-width:47.875em) {
    #map_canvas {
        height: 300px
    }
}

.page-title {
    padding: .75rem
}

.page-title h1 {
    font-size: 2.25rem;
    font-weight: 300;
    letter-spacing: .25rem
}

.sponsors h2, h2 {
    font-size: 2.625rem;
    font-weight: 300
}

.sponsors h2 {
    margin-bottom: 3rem;
    letter-spacing: .125rem
}

.sponsors ul {
    width: 100%;
    margin: 0
}

.sponsors li {
    padding: .5rem 0;
    display: inline-block
}

@media screen and (min-width:47.9375em) {
    .home .sticky.is-anchored {
        border: none!important
    }
    .sponsors li {
        min-height: 100px;
        display: table;
        vertical-align: middle
    }
    .sponsors li a {
        height: 10rem
    }
}

.sponsors li a {
    margin: 0 auto;
    display: -ms-flexbox;
    display: flex;
    display: -webkit-flex;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-items: center
}

.sponsors li a img {
    margin: 0 auto
}

.sponsors li a:hover img {
    opacity: .7;
    filter: alpha(opacity=70)
}

h2 {
    color: #983694;
    letter-spacing: .0625rem;
    line-height: 115%
}

@media screen and (max-width:47.875em) {
    h2 {
        margin-bottom: 2rem
    }
}

.members p, h5 {
    margin-bottom: 1.5rem
}

.page-template-about .feature-section h2, .page-template-initiatives .feature-section h2 {
    font-size: 1.875rem;
    letter-spacing: 0
}

h5 {
    font-size: 1.4375rem;
    color: #58595b
}

p {
    font-size: 1.125rem
}

.leader p, .promoted p {
    font-size: 1.375rem;
    line-height: 135%
}

.leader p a {
    color: #983694;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 80%;
    letter-spacing: .125rem
}

.members p {
    line-height: 100%
}

h5 {
    font-weight: 400
}

.section:not(:last-child) {
    border-bottom: 1px solid #d2d2d3
}

.home .hero-section {
    background-color: #fefefe;
    padding-top: 110px
}

.feature-section, .menu .active>a, .page-template-about .sponsors, .page-template-members .sponsors {
    background-color: #f7f7f7
}

@media screen and (max-width:47.875em) {
    .home .hero-section {
        padding-top: 10px
    }
}

.hero-section, .page-template-members .leader {
    border-bottom: none!important
}

.top-bar-left, .top-bar-right {
    display: table
}

.top-bar-right {
    padding-right: 1rem
}

.title-bar-title, .top-bar-left {
    padding-top: 5px
}

.title-bar-title a {
    display: inline-block;
    height: 44px
}

.top-bar-left a, .top-bar-right .social-container, .top-bar-right ul {
    display: table-cell;
    vertical-align: middle
}

.home .top-bar-left {
    padding-top: 1rem;
    position: relative
}

.top-bar .menu li:not(:last-child) {
    border: none!important
}

.top-bar .menu>li:not(.menu-text)>a {
    padding: 2rem 1rem;
    display: block;
    height: auto!important
}

.top-bar .menu a {
    text-transform: uppercase;
    font-size: .8125rem;
    color: #58595b;
    font-weight: 400;
    letter-spacing: .0625rem
}

.menu .active>a {
    color: #983694
}

.top-bar .menu a:hover:not(.button) {
    color: #983694;
    background-color: #fefefe
}

.top-bar .menu .active a:hover:not(.button) {
    background-color: #f7f7f7
}

.nav-container {
    max-width: 64rem;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.hero-text {
    background-size: cover;
    background-repeat: repeat-x;
    background-position: center;
    position: relative;
    z-index: 1
}

.hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, #41173c 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='rgba(255,255,255,0)', endColorstr='#41173c', GradientType=1);
    opacity: .5;
    z-index: 1
}

.hero-text h1 {
    color: #fefefe;
    font-size: 2.75rem;
    font-weight: 300;
    z-index: 2;
    position: relative
}

.content-padding {
    padding: 3rem 1rem
}

@media screen and (min-width:47.9375em) {
    .content-padding {
        padding: 4rem 2rem
    }
}

@media screen and (min-width:60em) {
    .content-padding {
        padding: 4rem
    }
}

.home .content-padding {
    padding-top: 3rem
}

@media screen and (min-width:47.9375em) {
    .home .content-padding {
        padding-top: 5rem
    }
}

@media screen and (min-width:60em) {
    .home .content-padding {
        padding-top: 6rem;
        padding-right: 3rem
    }
}

.directory.content-padding {
    padding-left: 2rem;
    padding-right: 2rem
}

@media screen and (max-width:47.875em) {
    .hero-text h1 {
        font-size: 2.25rem
    }
    .hero-section .content-padding {
        padding-top: .5rem
    }
}

.page-template-members .leader .content-padding {
    padding-bottom: 0
}

.main-navigation {
    padding-left: 1rem;
    padding-right: 1rem
}

@media screen and (min-width:47.9375em) {
    .main-navigation {
        padding-left: 2rem;
        padding-right: 0
    }
    .text-container {
        min-height: 265px
    }
}

@media screen and (min-width:60em) {
    .main-navigation {
        padding-left: 4rem;
        padding-right: 1rem
    }
    .text-container {
        min-height: 265px
    }
}

.directory ul {
    margin-left: 0;
    margin-bottom: 1.5rem
}

.directory h3 {
    font-weight: 700;
    font-size: 1.375rem;
    margin-bottom: .25rem
}

.directory li {
    margin-bottom: 3px
}

.directory a {
    color: #58595b
}

.directory a:hover {
    opacity: .7;
    filter: alpha(opacity=70)
}

.meeting-photos.row {
    margin-left: -1rem;
    margin-right: -1rem
}

.meeting-photos .column, .meeting-photos .columns {
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
    margin-top: 1rem
}

.meeting-photos .column img, .meeting-photos .columns img {
    width: 100%;
    height: auto
}

.mobile-hero {
    padding: 0
}

.mobile-hero img {
    margin-bottom: 2rem
}

.text-container {
    position: relative;
    display: table
}

@media screen and (min-width:47.9375em) {
    .text-float {
        display: table-cell;
        vertical-align: middle
    }
    .sponsor-column:not(:last-child) {
        border-right: 1px solid #d2d2d3
    }
}

.accordion-item a:before, .text-float:after {
    content: "";
    display: table
}

.text-float:after {
    position: absolute;
    background: url(/wp-content/uploads/WPCC_header_revised_no_background.png) no-repeat;
    background-size: contain;
    z-index: 4
}

.home .hero-section a, .link-button {
    background: #983694;
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$primary-color', endColorstr='$secondary-color', GradientType=1);
    margin-top: 1rem;
    text-align: center;
    transition: background .5s ease-out 1s
}

@media screen and (min-width:47.9375em) and (max-width:59.9375em) {
    .text-float:after {
        height: 585px;
        width: 485px;
        left: 100%;
        bottom: -50%
    }
}

@media screen and (min-width:60em) {
    .text-float:after {
        height: 605px;
        width: 605px;
        left: 100%;
        bottom: -50%
    }
}

.home h1 {
    font-size: 1.1875rem;
    font-weight: 300;
    color: #683090;
    line-height: 1.4
}

.accordion-title {
    padding-left: 3rem
}

.accordion-title p {
    margin-bottom: 0;
    font-weight: 700;
    font-size: 1.375rem;
    color: #983694!important
}

.accordion-item:not(:first-child) {
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative
}

.accordion-item:not(:last-child) {
    border-bottom: 1px solid #d2d2d3
}

.accordion-item a:before {
    position: absolute;
    left: 0;
    top: 0
}

.icon-answer, .icon-question {
    width: 33px;
    height: 26px;
    fill: #58595b;
    top: 2.125rem;
    left: 0;
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.accordion-content {
    padding-left: 3rem!important;
    position: relative
}

.home .hero-section a {
    background: linear-gradient(#683090 0, #983694 100%);
    display: block;
    color: #fefefe;
    padding: .375rem 3rem;
    max-width: 12.8125rem;
    font-size: 1.25rem;
    font-weight: 300
}

.link-button {
    background: linear-gradient(#683090 0, #983694 100%);
    display: inline-block;
    color: #fefefe!important;
    text-transform: inherit!important;
    letter-spacing: 0!important;
    padding: .5rem 1.25rem;
    font-size: 1.25rem!important;
    font-weight: 300!important;
    line-height: 120%
}

.page-template-members .leader a {
/*     display: inline-block;
    margin: 0 1rem;
    width: 100%;
    max-width: 20.3125rem;
    text-transform: inherit;
    font-size: 1.5rem;
    font-weight: 300;
    letter-spacing: .0625rem */
}

.home .hero-section a:hover, .link-button:hover {
    background: linear-gradient(#983694 0, #983694 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='$secondary-color', endColorstr='$secondary-color', GradientType=1)
}

#wpcc_logo:hover .cls-1 {
    fill: #983694
}

.cls-1 {
    fill: #58595b
}

.cls-2 {
    fill: #ad85bb
}

.cls-3 {
    fill: #683090
}

.cls-4 {
    fill: #983694
}

.menu-icon {
    width: 22px;
    height: 20px;
    display: inline-block;
    cursor: pointer;
    position: relative;
    transition: -webkit-transform .2s ease-out;
    transition: transform .2s ease-out;
    transition: transform .2s ease-out, -webkit-transform .2s ease-out;
    top: auto
}

.menu-icon span {
    height: 2px;
    display: block;
    overflow: hidden;
    text-indent: 100%;
    background: #58595b;
    white-space: nowrap
}

.menu-icon:after, .menu-icon:before {
    left: 0;
    content: '';
    width: 22px;
    height: 2px;
    position: absolute;
    background: #58595b!important;
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    transition: width .1s ease-in-out, background .1s ease-in-out, top .1s ease-in-out, bottom .1s ease-in-out, left .1s ease-in-out, right .1s ease-in-out, -webkit-transform .1s ease-in-out;
    transition: width .1s ease-in-out, background .1s ease-in-out, transform .1s ease-in-out, top .1s ease-in-out, bottom .1s ease-in-out, left .1s ease-in-out, right .1s ease-in-out;
    transition: width .1s ease-in-out, background .1s ease-in-out, transform .1s ease-in-out, top .1s ease-in-out, bottom .1s ease-in-out, left .1s ease-in-out, right .1s ease-in-out, -webkit-transform .1s ease-in-out
}

.menu-icon:before {
    top: 0
}

.menu-icon:after {
    bottom: 0;
    top: auto;
    box-shadow: none!important
}

.nav-open .menu-icon {
    width: 22px;
    height: 25px
}

.nav-open .menu-icon span {
    opacity: 0
}

.nav-open .menu-icon:before {
    -webkit-transform: rotate(-45deg) translate(-65%, 0);
    -ms-transform: rotate(-45deg) translate(-65%, 0);
    transform: rotate(-45deg) translate(-65%, 0);
    top: 0;
    width: 25px;
    left: 10%
}

.nav-open .menu-icon:after {
    -webkit-transform: rotate(45deg) translate(-65%, 0);
    -ms-transform: rotate(45deg) translate(-65%, 0);
    transform: rotate(45deg) translate(-65%, 0);
    bottom: 0;
    width: 25px;
    left: 10%
}

.nav-toggle {
    width: calc(100% - 224px);
    float: right;
    text-align: right;
    padding-top: 18px
}

.title-bar {
    padding: 1rem 1rem 1rem 1.5rem
}

@media screen and (max-width:47.875em) {
    .page-template-members .leader a {
/*         margin: .75rem 0 0 */
    }
    .title-bar {
        padding: .5rem 1rem .5rem 1.5rem
    }
    .title-bar::after, .title-bar::before {
        display: none!important
    }
}

.site-nav {
    top: 82px;
    right: 0;
    bottom: 0;
    height: 100%;
    height: 100vh;
    width: 100%;
    position: fixed;
    background: #fefefe;
    padding: 0 0 60px;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    transition: -webkit-transform .5s cubic-bezier(1, 0, .5, 1);
    transition: transform .5s cubic-bezier(1, 0, .5, 1);
    transition: transform .5s cubic-bezier(1, 0, .5, 1), -webkit-transform .5s cubic-bezier(1, 0, .5, 1);
    text-align: center;
    z-index: 2
}

.site-nav.-active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.site-nav .menu>li>a {
    font-size: 2.25rem;
    font-weight: 300;
    padding: 1rem 0;
    color: #58595b
}

.site-nav .menu .active>a, .site-nav .menu li:hover>a {
    color: #983694
}

.site-nav .social {
    padding-left: 0!important;
    margin-top: 2.5rem
}

.site-nav .social .icon {
    width: 36px!important;
    height: 36px!important;
    fill: #683090
}

.site-nav .social li {
    margin: 0 .5rem
}

body.nav-open {
    position: absolute
}

.nav-toggle .nav-svg {
    display: inline-block;
    -webkit-transform: translate(-1px, 2px);
    -ms-transform: translate(-1px, 2px);
    transform: translate(-1px, 2px)
}

.sponsors .content-padding {
    padding-top: 4rem;
    padding-bottom: 4.5rem
}

.sponsor-column {
    display: table;
    vertical-align: middle;
    text-align: center;
    padding-right: 5%;
    padding-left: 5%
}

@media screen and (max-width:47.875em) {
    .site-nav {
        top: 68px
    }
    .sponsor-column:first-child {
        padding-left: 5%;
        padding-right: 5%
    }
}

.sponsor-column:last-child {
    padding-left: 6%;
    padding-right: 6%
}

.sponsor-container {
    display: table-cell;
    vertical-align: middle
}

.sponsors p {
    margin: 0
}

.sponsors img {
    margin-top: .5rem;
    margin-bottom: .5rem
}

.sponsor-column.one img {
    max-width: 450px;
    width: 100%;
    height: auto
}

.sponsor-column.two img {
    width: 70%;
    max-width: 240px;
    height: auto
}

@media screen and (max-width:47.875em) {
    .sponsors img {
        margin-top: 2rem;
        margin-bottom: 2rem
    }
    .sponsor-column.three img {
        max-width: 190px;
        width: 60%;
        height: auto
    }
}

 .view-source-actioner {cursor: pointer; font-size: 1.2rem; line-height: 2rem; color: #983694;}
 .key-source-holder{display:none; word-break: break-word; background-color: #f7f7f7; padding: 15px;}
 .key-messages-holder ul li { font-size: 1.125rem;}
 .key-messages-holder a{text-transform: none!important;}
 .key-messages-holder p strong {font-size: 1.375rem; line-height: 0rem;}
 .hidden-content {display:none;}
 .action-title {cursor:pointer;}
 .key-source-holder p {font-size: 1.025rem; line-height: 1.025rem}

 /* NEW UPDATED CLASSES TO HANDLE THE NEW NAV LAYOUT */
 .top-nav-updated {
     display: flex;
     flex-direction: column;
 }
 .top-nav-updated .social-container {
     display: flex;
     justify-content: flex-end;
     margin-right: 15px;
 }
 .social {margin-top: 30px;}
 .social a {
    background: -webkit-linear-gradient(#673090,#973594);
    padding: 5px;
    border-radius: 50%;
    color:#fff!important;
    width: 32px;
    height: 30px;
 }
 .social a span {display: flex; align-items: center; justify-content: center;}
 .social a span i{ font-size: 20px}
 .top-bar .menu > li:not(.menu-text) > a {padding: 1.5rem 1rem!important;}

 /* Home page new section */
 .home-wpcd-section {
    background: -webkit-linear-gradient(#673090,#973594);
    margin: 35px 0px 200px;
    height: 437px;
    display: flex;
    align-items: center;
    justify-content: center;
 } 
 .home-wpcd-section a {max-width: 100%!important; background:none!important;}
 .home-wpcd-section img{
     max-width: 100%;
     height: auto;
     padding-left: 15px;
     padding-right: 15px;
 }
 .reg-pages-gutter {margin-bottom: 135px;}
 #menu-mobile-menu {margin-top: 175px;}
 @media(max-width:767px){
    .social {margin-top: 0px;}
     .section.hero-section {padding-top: 70px!important;}
     .home-wpcd-section {margin: 35px 0px 70px;}
     .reg-pages-gutter {margin-bottom: 70px;}
 }