.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px
}

    .ir:before {
        content: "";
        display: block;
        width: 0;
        height: 150%
    }

.lr-padding {
    padding: 0 15px
}

.no-padding {
    padding: 0 !important
}

.no-margin {
    margin: 0 !important
}

.display-block {
    display: block
}

.display-inline-block {
    display: inline-block
}

.ul-list-inline {
    list-style: none;
    margin: 0;
    padding: 0
}

    .ul-list-inline li {
        display: inline-block;
        vertical-align: middle
    }

.lt-ie8 .ul-list-inline li {
    display: inline;
    zoom: 1
}

.position-absolute {
    position: absolute
}

.position-relative {
    position: relative
}

.show-for-small, .show-for-medium {
    display: inherit !important
}

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

.hidden {
    display: none !important;
    visibility: hidden
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto
    }

.invisible {
    visibility: hidden
}

.hide-text {
    line-height: 0;
    font-size: 0;
    color: transparent
}

.Uppercase {
    letter-spacing: .25px;
    text-transform: uppercase
}

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

.clearfix:after {
    clear: both
}

.clearfix {
    *zoom: 1
}

a.more-link {
    cursor: pointer
}

.f-color1 {
    color: #002e40
}

.f-color2 {
    color: #acc42a
}

.bold {
    font-weight: 700
}

.alignleft {
    display: inline;
    float: left
}

.alignright {
    display: inline;
    float: right
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.txtleft {
    text-align: left
}

.txtright {
    text-align: right
}

.txtcenter {
    text-align: center
}

.left {
    float: left
}

.right {
    float: right
}

@media screen and (min-width:50em) {
    .show-for-small {
        display: none !important
    }

    .show-for-large {
        display: inherit !important
    }

    .large-visually-hidden {
        border: 0;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }
}

.visible-small {
    display: none
}

.visible-large {
    display: none
}

@media screen and (max-width:62em) {
    .visible-small {
        display: block
    }
}

@media screen and (min-width:62em) {
    .visible-large {
        display: block
    }
}
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    box-sizing: border-box
}

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

body {
    margin: 0
}

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

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

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

[hidden], template {
    display: none
}

a {
    background: transparent
}

    a:active, a:hover {
        outline: 0
    }

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

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0;
    border: none;
    width: auto;
    max-width: 100%
}

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

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

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

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

button {
    overflow: visible
}

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: default
    }

    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;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

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

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td, th {
    padding: 0
}

.topic-page-description td,
.topic-page-description th {
    padding: 12px;
}

@font-face {
    font-family: 'filosofia_otbold';
    src: url("/App_Themes/nais/fonts/filosofiaot-bold-webfont.eot");
    src: url("/App_Themes/nais/fonts/filosofiaot-bold-webfont.eot?") format("embedded-opentype"),url("/App_Themes/nais/fonts/filosofiaot-bold-webfont.woff2") format("woff2"),url("/App_Themes/nais/fonts/filosofiaot-bold-webfont.woff") format("woff"),url("/App_Themes/nais/fonts/filosofiaot-bold-webfont.ttf") format("truetype"),url("/App_Themes/nais/fonts/filosofiaot-bold-webfont.svg") format("svg");
    font-weight: normal;
    font-style: normal
}

html {
    overflow-x: hidden
}

body {
    color: #000;
    font: normal 400 16px/22px "Gotham A","Gotham B",Helvetica,sans-serif;
    overflow-x: hidden
}

a {
    color: #20ada7;
    text-decoration: none;
    -moz-transition: color,.3s,ease;
    -o-transition: color,.3s,ease;
    -webkit-transition: color,.3s,ease;
    transition: color,.3s,ease
}

    a:hover {
        color: #acc42a
    }

    a.more-link {
        font-size: .875em;
        text-transform: uppercase;
        font-weight: 700;
        color: #002e40
    }

        a.more-link:hover {
            color: #acc42a
        }

        a.more-link:before {
            content: '';
            background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.2%22%20height%3D%228.3%22%20viewBox%3D%220%200%207.2%208.3%22%3E%3Cpath%20d%3D%22M7.2%204.1L3.6%206.2%200%208.3V0l3.6%202.1%203.6%202z%22%20fill%3D%22%23ACC42A%22%2F%3E%3C%2Fsvg%3E");
            background-repeat: no-repeat;
            width: 10px;
            height: 10px;
            display: inline-block;
            margin: 0 5px 0 0
        }

h1, h2, h3, h4, h5, h6 {
    font-family: "filosofia_otbold","Georgia",serif;
    margin: .4em 0;
    line-height: 1;
    color: #002e40;
    text-rendering: optimizeLegibility
}

h1 {
    font-size: 2.25em
}

h2 {
    font-size: 1.5em
}

h3 {
    font-size: 1.25em;
    line-height: 24px
}

h4, h5, h6 {
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    color: #004b8d
}

h4 {
    font-size: 1em;
    line-height: 20px
}

h5 {
    font-size: 1.125em
}

h6 {
    font-size: 1em
}

a[class*='icon'], i {
    display: inline-block
}

@media screen and (min-width:62em) {
    h1 {
        font-size: 3em
    }

    h2 {
        font-size: 2.25em
    }

    h3 {
        font-size: 1.875em
    }

    h4 {
        font-size: 1.5em
    }
}

.login-wrapper {
    float: right;
    padding-left: 30px
}

input[type="submit"].form-submit, input[type="submit"].form-submit:hover {
    margin-top: -50px
}

.person-icon {
    background-image: url("/App_Themes/nais/images/64x64Aqua.png");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    width: 39px;
    height: 39px
}

a.person-icon-link {
    float: right;
    padding: 1px 10px
}

.l-constrained {
    max-width: 86.25em;
    padding: 0 .9375em;
    margin: 0 auto
}

@media screen and (min-width:62em) {
    .l-constrained.narrow {
        padding: 0 2.5em
    }
}

.lt-ie8 .l-mobile-header {
    zoom: 1
}

.l-mobile-header:before, .l-mobile-header:after {
    content: "";
    display: table
}

.l-mobile-header:after {
    clear: both
}

.l-header-search {
    max-width: 86.25em;
    padding: 0 .9375em;
    margin: 0 auto;
    padding-top: .625em;
    padding-bottom: .625em;
    clear: both
}

@media screen and (min-width:50em) {
    .l-header-search {
        clear: none;
        float: right;
        padding: 0;
        margin-right: 20px
    }
}

.l-utility-nav {
    display: none
}

@media screen and (min-width:50em) {
    .l-utility-nav {
        display: block;
        padding: 5px 0
    }

        .l-utility-nav ul {
            list-style: none;
            margin: 0;
            padding: 0;
            max-width: 86.25em;
            padding: 0 .9375em;
            margin: 0 auto
        }

            .l-utility-nav ul li {
                display: inline-block;
                vertical-align: middle
            }

    .lt-ie8 .l-utility-nav ul li {
        display: inline;
        zoom: 1
    }

    .l-utility-nav ul li {
        padding: 0
    }
}

@media screen and (min-width:50em) {
    .l-header {
        max-width: 86.25em;
        padding: 0 .9375em;
        margin: 0 auto;
        padding-top: 20px;
        padding-bottom: 20px
    }
}

.l-flip {
    display: table
}

    .l-flip .aside {
        display: table-footer-group
    }

@media screen and (min-width:50em) {
    .l-flip [class*='column-'].l-main {
        padding: 0 0 0 45px
    }

    [class*='column-'].l-main {
        padding: 0 20px 0 0
    }
}

h1.error404 {
    font-size: 180px;
    color: #fff
}

p.error404 {
    font-size: 40px;
    color: #fff;
    line-height: 42px
}

.l-sitewide-footer {
    padding: 60px 0 0 0
}

@media screen and (min-width:50em) {
    .l-sitewide-footer .footer-row {
        display: -webkit-flex;
        display: flex;
        padding-bottom: 40px
    }

        .l-sitewide-footer .footer-row section {
            padding: 0 60px 0 0
        }

            .l-sitewide-footer .footer-row section:first-of-type {
                -webkit-order: 2;
                order: 2;
                padding: 0 50px 0 0
            }

            .l-sitewide-footer .footer-row section:nth-child(2) {
                -webkit-order: 3;
                order: 3;
                padding-right: 0;
                -webkit-flex-basis: 270px;
                flex-basis: 270px
            }

            .l-sitewide-footer .footer-row section:last-of-type {
                -webkit-order: 1;
                order: 1
            }

    .l-sitewide-footer .social-media-links li {
        margin-bottom: 10px
    }

        .l-sitewide-footer .social-media-links li:nth-child(4) {
            clear: left;
            margin-left: 0
        }
}

@media screen and (min-width:1100px) {
    .l-sitewide-footer .footer-row section {
        padding: 0 110px 0 0
    }

        .l-sitewide-footer .footer-row section:first-of-type {
            padding: 0 90px 0 0
        }

        .l-sitewide-footer .footer-row section:nth-child(2) {
            -webkit-flex-basis: auto;
            flex-basis: auto
        }

    .l-sitewide-footer .social-media-links li {
        margin-bottom: 0
    }

        .l-sitewide-footer .social-media-links li:nth-child(4) {
            clear: none;
            margin-left: 30px
        }
}

@media screen and (min-width:50em) {
    .l-util-footer p, .l-util-footer nav {
        float: left;
        margin-bottom: 0
    }

    .l-util-footer nav {
        margin: 0 0 0 60px
    }

        .l-util-footer nav li {
            float: left
        }

            .l-util-footer nav li + li:before {
                content: '|';
                display: inline-block;
                margin: 0 20px
            }
}

.page-wrapper {
    margin: 0 auto 35px auto
}

.section-wrapper .page-wrapper {
    margin: 0 auto
}

.aside-col {
    margin-top: 20px
}

.narrow-wrapper {
    max-width: 900px;
    margin: 0 auto;
    padding: 0
}

@media screen and (min-width:50em) {
    .narrow-wrapper {
        padding: 50px 0 20px
    }
}

.narrow-wrapper .main-col {
    padding: 0
}

@media screen and (min-width:50em) {
    .page-wrapper {
        margin: 0 auto 50px auto
    }

        .page-wrapper.homepage {
            margin: 15px auto 50px auto
        }
}

@media screen and (min-width:62em) {
    .page-wrapper {
        margin: 0 auto 50px auto
    }

        .page-wrapper.homepage {
            margin: 35px auto 50px auto
        }

        .page-wrapper.narrow {
            margin: 0 auto 38px auto
        }

        .page-wrapper .main-col, .page-wrapper .aside-col {
            float: left
        }

            .page-wrapper .main-col.to-right {
                float: right
            }

        .page-wrapper .main-col {
            width: calc(100% - 340px);
            padding: 0 55px 0 0
        }

            .page-wrapper .main-col.narrow {
                width: calc(100% - 590px);
                padding: 0
            }

            .page-wrapper .main-col.full-width {
                width: 100%;
                padding: 0
            }

            .page-wrapper .main-col.separator {
                width: calc(100% - 372px);
                padding: 0 30px 0 0;
                margin: 0 32px 0 0;
                border-right: 1px solid #d7d7d7
            }

        .page-wrapper .aside-col {
            width: 340px;
            margin-top: -10px
        }

        .page-wrapper .narrow-wrapper .main-col {
            padding: 0;
            width: calc(100% - 250px)
        }

        .page-wrapper .narrow-wrapper .aside-col {
            width: 250px;
            padding: 0 35px 0 0
        }

        .page-wrapper.wide-wrapper .main-col {
            padding: 0 55px 0 0;
            width: calc(100% - 390px)
        }

        .page-wrapper.wide-wrapper .aside-col {
            width: 390px
        }

    .wide-hero ~ .aside-col {
        margin-top: 0
    }
}

.ik-page .page-wrapper main.main-col {
    padding-top: 20px
}

@media screen and (min-width:50em) {
    .ik-page .page-wrapper main.main-col {
        padding-top: 32px
    }
}

@media screen and (min-width:62em) {
    .ik-page .page-wrapper main.main-col {
        padding-top: 48px
    }
}

@media screen and (min-width:75em) {
    .ik-page .page-wrapper main.main-col {
        padding-top: 56px
    }
}

.block-grid {
    margin-top: 10px
}

    .block-grid .feature-block {
        margin: 0 auto;
        margin-top: 15px;
        margin-bottom: 15px
    }

@media screen and (min-width:50em) {
    .separator .block-grid {
        margin-top: 0
    }

    .block-grid .grid-col {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }

        .block-grid .grid-col:last-child {
            float: right;
            margin-right: 0
        }

        .block-grid .grid-col.separator {
            border-right: 1px solid #cecab7;
            margin-right: 2.173915%;
            padding-right: 2.173915%
        }

        .block-grid .grid-col .feature-block {
            margin: 0;
            min-height: 500px
        }

        .block-grid .grid-col.grid-col-3 {
            width: 30.43478%;
            float: left;
            margin-right: 4.34783%;
            margin-bottom: 30px
        }

            .block-grid .grid-col.grid-col-3:nth-child(3n) {
                float: right;
                margin-right: 0
            }
}

@media screen and (min-width:62em) {
    .block-grid .grid-col {
        width: 47.82609%;
        float: left;
        margin-right: 4.34783%
    }
}

.supporter-wrapper .block-grid .grid-col:last-child {
    float: left
}

@media screen and (min-width:62em) {
    .supporter-wrapper .block-grid .grid-col {
        width: 25%
    }
}

@media screen and (min-width:62em) {
    .masonry-grid .grid-sizer, .masonry-grid .masonry-grid-item {
        width: 50%;
        max-width: 450px
    }

    .masonry-grid .gutter-sizer {
        width: 4%
    }

    .masonry-grid .masonry-grid-item {
        float: left;
        margin-bottom: 30px
    }
}

.nais-grid-sizer {
    width: 100% !important
}

@media only screen and (min-width:768px) {
    .nais-grid-sizer {
        width: calc(50% - 20px) !important
    }
}

input[type="text"], input[type="email"], input[type="password"], input[type="date"], input[type="search"], textarea, select {
    font-size: 14px;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    color: #000;
    margin-bottom: 10px;
    padding: 12px;
    border: 1px solid #e1e1e1;
    outline: 0;
    background-color: #fff;
    width: 100%;
    -moz-border-radius: 0;
    border-radius: 0;
    max-width: 600px;
    -moz-transition: border,.3s,ease;
    -o-transition: border,.3s,ease;
    -webkit-transition: border,.3s,ease;
    transition: border,.3s,ease
}

    input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder, select::-webkit-input-placeholder {
        color: #000;
        font-size: 15px;
        text-transform: none
    }

    input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="search"]:-moz-placeholder, textarea:-moz-placeholder, select:-moz-placeholder {
        color: #000;
        font-size: 15px;
        text-transform: none
    }

    input[type="text"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="search"]::-moz-placeholder, textarea::-moz-placeholder, select::-moz-placeholder {
        color: #000;
        font-size: 15px;
        text-transform: none
    }

    input[type="text"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, textarea:-ms-input-placeholder, select:-ms-input-placeholder {
        color: #000;
        font-size: 15px;
        text-transform: none
    }

    input[type="text"]:hover, input[type="email"]:hover, input[type="password"]:hover, input[type="date"]:hover, input[type="search"]:hover, textarea:hover, select:hover {
        border-color: #a5a5a5
    }

    input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="search"]:focus, textarea:focus, select:focus {
        border-color: #999
    }

    input[type="text"].full, input[type="email"].full, input[type="password"].full, input[type="date"].full, input[type="search"].full, textarea.full, select.full {
        width: 100%
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: #fff url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2216px%22%20height%3D%2214px%22%20viewBox%3D%220%200%2016%2014%22%20style%3D%22enable-background%3Anew%200%200%2016%2014%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23002E40%3B%7D%3C%2Fstyle%3E%3Cpolygon%20class%3D%22st0%22%20points%3D%220%2C0%2016%2C0%208%2C14%20%22%2F%3E%3C%2Fsvg%3E") no-repeat 95% center;
    background-size: 16px 14px;
    text-indent: .01px;
    text-overflow: "";
    line-height: 1;
    padding: 12px;
    text-transform: capitalize;
    border-radius: 0
}

i[class*='icon-'] {
    display: inline-block
}

.icon-NAIS-Logo-2line {
    width: 220px;
    height: 100px;
    margin-top: -28px
}

.search-form {
    border: 1px solid #d7d7d7;
    background: white;
    padding: 0 10px 0 0
}

    .search-form input[type="search"] {
        width: calc(100% - 70px);
        border: 0;
        box-shadow: none;
        margin-bottom: 0
    }

        .search-form input[type="search"]::-webkit-input-placeholder {
            color: #9aa4a9;
            font-size: 16px;
            text-transform: uppercase
        }

        .search-form input[type="search"]:-moz-placeholder {
            color: #9aa4a9;
            font-size: 16px;
            text-transform: uppercase
        }

        .search-form input[type="search"]::-moz-placeholder {
            color: #9aa4a9;
            font-size: 16px;
            text-transform: uppercase
        }

        .search-form input[type="search"]:-ms-input-placeholder {
            color: #9aa4a9;
            font-size: 16px;
            text-transform: uppercase
        }

input[type="submit"].form-submit, input[type="submit"].form-submit:hover {
    padding: 5px 15px;
    float: right;
    background-color: transparent;
    background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20id%3D%22Capa_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cstyle%3E.st0%7Bfill%3A%23002E40%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23.4%2020.6l-5.2-5.2s-.1%200-.1-.1c1-1.6%201.6-3.4%201.6-5.4%200-5.4-4.4-9.9-9.9-9.9S0%204.4%200%209.9c0%205.4%204.4%209.9%209.9%209.9%202%200%203.9-.6%205.4-1.6%200%200%200%20.1.1.1l5.2%205.2c.8.8%202.1.8%202.8%200%20.8-.9.8-2.1%200-2.9zM9.9%2016.3c-3.6%200-6.4-2.9-6.4-6.4%200-3.6%202.9-6.4%206.4-6.4%203.6%200%206.4%202.9%206.4%206.4s-2.9%206.4-6.4%206.4z%22%20id%3D%22Search%22%2F%3E%3C%2Fsvg%3E");
    background-repeat: no-repeat;
    background-size: 24px 24px;
    width: 30px;
    height: 40px;
    position: relative;
    z-index: 0;
    background-position: center;
    box-shadow: none;
    transition: none;
    border: none
}

@media screen and (min-width:680px) and (max-width:800px) {
    input[type="submit"].form-submit, input[type="submit"].form-submit:hover {
        float: none;
        margin-left: -50px;
        margin-top: 0
    }
}

@media screen and (min-width:75em) {
    .search-form {
        padding: 2px 10px 1px 0;
        width: 350px
    }

        .search-form input[type="search"]::-webkit-input-placeholder {
            color: #9aa4a9;
            font-size: 1.125em;
            text-transform: uppercase
        }

        .search-form input[type="search"]:-moz-placeholder {
            color: #9aa4a9;
            font-size: 1.125em;
            text-transform: uppercase
        }

        .search-form input[type="search"]::-moz-placeholder {
            color: #9aa4a9;
            font-size: 1.125em;
            text-transform: uppercase
        }

        .search-form input[type="search"]:-ms-input-placeholder {
            color: #9aa4a9;
            font-size: 1.125em;
            text-transform: uppercase
        }
}

.btn, .btn-color1, a.btn-color1, .btn-color2, a.btn-color2, .topic-search.content-search input[type="submit"], .topic-search input[type="submit"], a.btn, a.btn-color1, a.btn-color2, button, input[type="submit"] {
    display: inline-block;
    vertical-align: middle;
    border: 0;
    padding: 10px 15px;
    color: #fff;
    background-color: #20ada7;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    cursor: pointer;
    -moz-transition: background,.5s;
    -o-transition: background,.5s;
    -webkit-transition: background,.5s;
    transition: background,.5s
}

.lt-ie8 .btn, .lt-ie8 .btn-color1, .lt-ie8 .btn-color2, .lt-ie8 .topic-search input[type="submit"], .topic-search .lt-ie8 input[type="submit"], .lt-ie8 a.btn, .lt-ie8 a.btn-color1, .lt-ie8 a.btn-color2, .lt-ie8 button, .lt-ie8 input[type="submit"] {
    display: inline;
    zoom: 1
}

.btn:hover, .btn-color1:hover, .btn-color2:hover, .topic-search input[type="submit"]:hover, a.btn:hover, a.btn-color1:hover, a.btn-color2:hover, button:hover, input[type="submit"]:hover {
    background-color: #18827d;
    color: #fff
}

.btn.dropdown:after, .dropdown.btn-color1:after, .dropdown.btn-color2:after, .topic-search input.dropdown[type="submit"]:after, a.btn.dropdown:after, a.dropdown.btn-color1:after, a.dropdown.btn-color2:after, button.dropdown:after, input[type="submit"].dropdown:after {
    content: '>';
    -webkit-transform: rotate(90deg) scale(1,1.5);
    -moz-transform: rotate(90deg) scale(1,1.5);
    -ms-transform: rotate(90deg) scale(1,1.5);
    -o-transform: rotate(90deg) scale(1,1.5);
    transform: rotate(90deg) scale(1,1.5);
    font-weight: 400;
    display: inline-block;
    margin-left: 10px;
    font-size: 11px;
    vertical-align: 2px
}

.btn.btn-full, .btn-full.btn-color1, .btn-full.btn-color2, .topic-search input.btn-full[type="submit"], a.btn.btn-full, a.btn-full.btn-color1, a.btn-full.btn-color2, button.btn-full, input[type="submit"].btn-full {
    width: 100%
}

.btn.btn-load:before, .btn-load.btn-color1:before, .btn-load.btn-color2:before, .topic-search input.btn-load[type="submit"]:before, a.btn.btn-load:before, a.btn-load.btn-color1:before, a.btn-load.btn-color2:before, button.btn-load:before, input[type="submit"].btn-load:before {
    content: '+';
    display: inline-block;
    margin-right: 10px
}

.btn-color1, a.btn-color1 {
    background-color: #002e40
}

    .btn-color1:hover, a.btn-color1:hover {
        background-color: #001c27
    }

.btn-color2, a.btn-color2 {
    background-color: #acc42a
}

    .btn-color2:hover, a.btn-color2:hover {
        background-color: #9aaf26
    }

.icon-NAIS-Logo {
    float: left;
    margin: 7px 0 6px 2px;
    width: 120px;
    height: 30px;
    background-size: 280px 30px
}

@media screen and (min-width:568px) {
    .icon-NAIS-Logo {
        float: left;
        margin: 7px 0 6px 2px;
        width: 280px
    }
}

@media screen and (min-width:50em) {
    .icon-NAIS-Logo {
        margin: 0;
        width: 380px;
        height: 44px;
        background-size: 380px 44px
    }
}

.icon-NAIS-Logo-blue {
    float: left;
    margin: 7px 0 6px 2px;
    width: 124px;
    height: 30px;
    background-size: 124px 30px
}

@media screen and (min-width:50em) {
    .icon-NAIS-Logo-blue {
        margin: 0;
        width: 169px;
        height: 41px;
        background-size: 169px 41px
    }
}

.icon-IK-logo {
    max-width: 220px;
    margin: 7px 0 2px 2px
}

    .icon-IK-logo img {
        max-width: 100%;
        display: block
    }

@media screen and (min-width:50em) {
    .icon-IK-logo {
        max-width: 323px
    }
}

.icon-hamburger {
    width: 25px;
    height: 25px;
    margin: 10px 10px 0 10px;
    float: left
}

@media screen and (min-width:50em) {
    .icon-hamburger {
        display: none !important
    }
}

a.login-btn {
    float: right
}

    a.login-btn:hover {
        background-color: #002e40
    }

@media screen and (min-width:62em) {
    .login-btn {
        font-size: 1.125em
    }
}

.header-search {
    background: #002e40
}

@media screen and (min-width:50em) {
    .header-search {
        background: transparent
    }
}

.utility-nav {
    background: #002e40;
    text-transform: uppercase
}

    .utility-nav a {
        color: #fff;
        font-weight: 700
    }

        .utility-nav a:hover {
            color: #acc42a
        }

    .utility-nav ul {
        list-style-type: none
    }

    .utility-nav li {
        font-size: .8125em
    }

        .utility-nav li:before {
            content: ''
        }

@media screen and (min-width:50em) {
    .utility-nav {
        text-align: right
    }

        .utility-nav.to-left {
            text-align: left;
            width: 100%
        }

        .utility-nav li + li:before {
            content: '|';
            display: inline-block;
            margin: 0 10px 0 6px;
            color: #fff;
            position: static
        }
}

.overlay {
    background: rgba(0,46,64,.97);
    visibility: hidden;
    padding: 25px 40px 40px 40px;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
    overflow: scroll;
    opacity: 0;
    -moz-transition: opacity .2s ease-in-out,visibility 0s .4s;
    -o-transition: opacity .2s ease-in-out,visibility 0s .4s;
    -webkit-transition: opacity .2s ease-in-out,visibility 0s;
    -webkit-transition-delay: 0s,.4s;
    transition: opacity .2s ease-in-out,visibility 0s .4s
}

    .overlay * {
        color: #fff;
        opacity: 0;
        -moz-transition: opacity .4s ease-in-out .2s;
        -o-transition: opacity .4s ease-in-out .2s;
        -webkit-transition: opacity .4s ease-in-out;
        -webkit-transition-delay: .2s;
        transition: opacity .4s ease-in-out .2s
    }

    .overlay.is-open {
        visibility: visible;
        opacity: 1;
        -moz-transition: opacity .2s ease-in-out;
        -o-transition: opacity .2s ease-in-out;
        -webkit-transition: opacity .2s ease-in-out;
        transition: opacity .2s ease-in-out
    }

        .overlay.is-open * {
            -moz-transition: opacity .4s ease-in-out .2s;
            -o-transition: opacity .4s ease-in-out .2s;
            -webkit-transition: opacity .4s ease-in-out;
            -webkit-transition-delay: .2s;
            transition: opacity .4s ease-in-out .2s;
            opacity: 1
        }

    .overlay .icon-menu-close {
        height: 24px;
        width: 24px;
        position: absolute;
        top: 0;
        border-right: 0 !important;
        right: 0;
        margin: 10px
    }

    .overlay .search-form {
        width: 50%;
        float: right
    }

    .overlay input.btn:hover, .overlay input.btn-color1:hover, .overlay input.btn-color2:hover, .overlay .topic-search input[type="submit"]:hover, .topic-search .overlay input[type="submit"]:hover, .overlay a.btn:hover, .overlay a.btn-color1:hover, .overlay a.btn-color2:hover {
        background: #acc42a;
        -moz-transition: color,.3s,ease;
        -o-transition: color,.3s,ease;
        -webkit-transition: color,.3s,ease;
        transition: color,.3s,ease
    }

.mobile-util-nav {
    display: block
}

#mobile-nav {
    display: block;
    -webkit-transform: translate3d(-100%,0,0);
    -moz-transform: translate3d(-100%,0,0);
    -ms-transform: translate3d(-100%,0,0);
    -o-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
    transition: all 500ms ease 0ms;
    padding: 50px 0
}

    #mobile-nav.is-open {
        -webkit-transform: translate3d(0,0,0);
        -moz-transform: translate3d(0,0,0);
        -ms-transform: translate3d(0,0,0);
        -o-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
        box-shadow: 5px 0 10px rgba(0,28,39,.7)
    }

        #mobile-nav.is-open ul {
            display: block
        }

    #mobile-nav nav ul {
        padding: 0;
        margin: 0
    }

        #mobile-nav nav ul ul {
            padding: 50px 0;
            -webkit-transform: translate3d(100%,0,0);
            -moz-transform: translate3d(100%,0,0);
            -ms-transform: translate3d(100%,0,0);
            -o-transform: translate3d(100%,0,0);
            transform: translate3d(100%,0,0);
            transition: all 500ms ease 0ms
        }

            #mobile-nav nav ul ul.is-open {
                -webkit-transform: translate3d(0,0,0);
                -moz-transform: translate3d(0,0,0);
                -ms-transform: translate3d(0,0,0);
                -o-transform: translate3d(0,0,0);
                transform: translate3d(0,0,0);
                box-shadow: -5px 0 10px rgba(0,28,39,.7)
            }

        #mobile-nav nav ul li {
            list-style-type: none;
            padding: 15px 10px 15px 15px
        }

            #mobile-nav nav ul li.primary {
                text-transform: uppercase;
                font-size: 1.25em;
                font-weight: 700
            }

                #mobile-nav nav ul li.primary li {
                    text-transform: none;
                    font-size: 16px;
                    font-weight: 400
                }

            #mobile-nav nav ul li + li {
                border-top: 1px solid
            }

            #mobile-nav nav ul li.mobile-util-nav {
                width: 50%;
                float: left;
                font-size: 13px;
                line-height: 1.1
            }

                #mobile-nav nav ul li.mobile-util-nav:nth-child(odd) {
                    border-right: 1px solid #fff
                }

                #mobile-nav nav ul li.mobile-util-nav:nth-last-child(-n+2) {
                    border-bottom: 1px solid #fff
                }

        #mobile-nav nav ul ul.is-open {
            visibility: visible;
            transform: translate3d(0,0,0);
            transition: transform .5s
        }

    #mobile-nav .icon-plus {
        height: 24px;
        width: 24px;
        float: right
    }

.util-footer {
    background: #002e40;
    text-transform: uppercase;
    padding: 12px 0
}

    .util-footer p, .util-footer ul, .util-footer a {
        font-size: .875em;
        color: #fff;
        font-weight: 700;
        line-height: 1.3
    }

    .util-footer p {
        margin-top: 0
    }

    .util-footer ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

@media screen and (min-width:50em) {
    .l-util-footer a:hover {
        border-bottom: 1px dotted #fff
    }

    .l-util-footer nav li + li:before {
        content: '|';
        display: inline-block;
        margin: 0 20px
    }
}

.sitewide-footer {
    font-weight: 500
}

    .sitewide-footer h3 {
        margin-top: 0
    }

        .sitewide-footer h3 a {
            color: #002e40
        }

    .sitewide-footer section + section {
        margin-top: 60px
    }

    .sitewide-footer p {
        margin-top: 0
    }

    .sitewide-footer .btn, .sitewide-footer .btn-color1, .sitewide-footer .btn-color2, .sitewide-footer .topic-search input[type="submit"], .topic-search .sitewide-footer input[type="submit"] {
        margin: -28px 0 25px;
        font-size: .875em;
        font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
        padding: 8px 15px;
        cursor: default
    }

        .sitewide-footer .btn:hover, .sitewide-footer .btn-color1:hover, .sitewide-footer .btn-color2:hover, .sitewide-footer .topic-search input[type="submit"]:hover, .topic-search .sitewide-footer input[type="submit"]:hover {
            background-color: #20ada7
        }

    .sitewide-footer .SSS-logo {
        background: url(/App_Themes/nais/images/sss_logo.png) 0 0;
        background-size: cover;
        width: 194px;
        height: 87px;
        display: inline-block;
        margin-top: 10px;
        margin-left: 11px
    }

@media screen and (min-width:50em) {
    .sitewide-footer {
        padding: 64px 0 0 0
    }

        .sitewide-footer section + section {
            margin-top: 0
        }
}

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
    margin: 0 0 35px 0;
    padding: 0
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0
}

    .slick-list:focus {
        outline: none
    }

    .slick-list.dragging {
        cursor: pointer;
        cursor: hand
    }

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.landing-slider .slick-track {
    background: #e6f5f9
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    background: #002e40
}

    .slick-track:before, .slick-track:after {
        content: "";
        display: table
    }

    .slick-track:after {
        clear: both
    }

.slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    position: relative;
    margin: 0;
    display: none
}

[dir="rtl"] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-loading .slick-slide {
    visibility: hidden
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

@media screen and (min-width:50em) {
    .slick-track {
        background: transparent
    }
}

.slick-loading .slick-list {
    background: #fff url('/App_Themes/nais/dest/ajax-loader.gif') center center no-repeat
}

.slick-prev, .slick-next {
    position: absolute;
    display: block;
    height: 20px;
    width: 20px;
    line-height: 0;
    font-size: 0;
    cursor: pointer;
    background: #20ada7;
    color: transparent;
    top: 20%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%);
    padding: 30px;
    border: none;
    outline: none;
    z-index: 1;
    -moz-border-radius: 50%;
    border-radius: 50%
}

    .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
        outline: none;
        background: #18827d;
        color: transparent
    }

        .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
            opacity: 1
        }

    .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
        opacity: .25
    }

    .slick-prev:before, .slick-next:before {
        font-family: "Gotham A","Gotham B";
        opacity: .8;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2215.1px%22%20height%3D%2217.3px%22%20viewBox%3D%220%200%2015.1%2017.3%22%20style%3D%22enable-background%3Anew%200%200%2015.1%2017.3%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M14.9%2C8.4l-7.5%2C4.4l-7.5%2C4.4V-0.1l7.5%2C4.4L14.9%2C8.4z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        display: inline-block;
        height: 17px;
        width: 15px
    }

.slick-prev {
    left: -30px
}

[dir="rtl"] .slick-prev {
    left: auto;
    right: -30px
}

.slick-prev:before {
    content: "";
    -webkit-transform: scaleX(-1);
    -moz-transform: scaleX(-1);
    -ms-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    transform: scaleX(-1);
    margin: -7px 0 0 5px
}

[dir="rtl"] .slick-prev:before {
    content: ""
}

.slick-next {
    right: -30px
}

[dir="rtl"] .slick-next {
    left: -30px;
    right: auto
}

.slick-next:before {
    content: "";
    margin: -7px 0 0 -20px
}

[dir="rtl"] .slick-next:before {
    content: ""
}

.slick-dotted.slick-slider {
    margin-bottom: 30px
}

.slick-dots {
    display: none;
    position: absolute;
    list-style: none;
    display: block;
    text-align: center;
    padding: 9px 0 0;
    margin: 0;
    width: 100%;
    background: #002e40
}

    .slick-dots li {
        position: relative;
        display: inline-block;
        height: 20px;
        width: 20px;
        margin: 0 3px;
        padding: 0;
        cursor: pointer
    }

        .slick-dots li button {
            border: 0;
            background: transparent;
            display: block;
            height: 10px;
            width: 10px;
            outline: none;
            line-height: 0;
            font-size: 0;
            color: transparent;
            padding: 5px;
            cursor: pointer;
            border: 1px solid #20ada7;
            -moz-border-radius: 50%;
            border-radius: 50%
        }

            .slick-dots li button:hover, .slick-dots li button:focus {
                outline: none
            }

                .slick-dots li button:hover:before, .slick-dots li button:focus:before {
                    opacity: 1
                }

            .slick-dots li button:before {
                position: absolute;
                top: 0;
                left: 0;
                content: "";
                width: 20px;
                height: 20px;
                font-family: "Gotham A","Gotham B";
                font-size: 6px;
                line-height: 20px;
                text-align: center;
                color: transparent;
                opacity: .25;
                -webkit-font-smoothing: antialiased;
                -moz-osx-font-smoothing: grayscale
            }

        .slick-dots li.slick-active button {
            background: #acc42a
        }

            .slick-dots li.slick-active button:before {
                color: #acc42a;
                opacity: .8
            }

.slick-text {
    padding: 20px 20px 0 20px
}

    .slick-text h2 {
        margin-top: 0;
        line-height: 1
    }

    .slick-text h2, .slick-text p, .slick-text a.more-link {
        color: #fff
    }

    .slick-text .preview-text {
        display: none
    }

.slick-slider {
    overflow: hidden
}

.landing-slider {
    margin: 10px auto 10px auto
}

    .landing-slider h2, .landing-slider a.more-link {
        color: #002e40
    }

    .landing-slider p {
        color: #000
    }

    .landing-slider .slick-prev, .landing-slider .slick-next {
        top: 40%
    }

    .landing-slider .slick-dots {
        position: static
    }

    .landing-slider.issues-slider .slick-prev, .landing-slider.issues-slider .slick-next {
        top: 40%
    }

    .landing-slider.issues-slider img {
        width: 100%
    }

@media(min-width:480px) {
    .landing-slider.issues-slider img {
        width: 25%;
        float: left
    }
}

.landing-slider.issues-slider .slick-text {
    width: 100%
}

@media(min-width:480px) {
    .landing-slider.issues-slider .slick-text {
        width: 75%;
        max-width: none;
        float: right
    }
}

@media screen and (min-width:590px) {
    .lt-ie8 .landing-slider li {
        zoom: 1
    }

    .landing-slider li:before, .landing-slider li:after {
        content: "";
        display: table
    }

    .landing-slider li:after {
        clear: both
    }

    .landing-slider .slick-text {
        width: 50%;
        float: right;
        background: transparent;
        position: static
    }

    .landing-slider img {
        width: 50%;
        float: left
    }

    .landing-slider .slick-prev, .landing-slider .slick-next {
        top: 30%
    }
}

@media screen and (min-width:600px) {
    .slick-text {
        position: absolute;
        z-index: 100;
        bottom: 30px;
        width: 100%;
        background: rgba(250,250,250,.95)
    }

    .slick-dots {
        display: block;
        bottom: 0
    }

    .slick-text h2, .slick-text p, .slick-text a.more-link {
        color: #002e40
    }

        .slick-text a.more-link:hover {
            color: #acc42a
        }

    .landing-slider .slick-text h2, .landing-slider .slick-text p, .landing-slider .slick-text a.more-link {
        color: #002e40
    }
}

@media screen and (min-width:50em) {
    .slick-prev, .slick-next {
        display: none !important
    }

    .slick-text {
        padding: 30px;
        max-width: 500px;
        bottom: 50px
    }

        .slick-text .preview-text {
            display: block
        }

        .slick-text p {
            margin-bottom: 0
        }
}

@media screen and (min-width:62em) {
    .homepage-slider {
        left: auto;
        right: auto;
        margin-left: 0;
        margin-right: 0;
        width: 100%
    }

    .slick-text h2 {
        font-size: 1.25em
    }
}

@media screen and (min-width:1200px) {
    .slick-text h2 {
        font-size: 2.25em
    }
}

.feature-block {
    border: 1px solid #d7d7d7;
    max-width: 450px;
    background: #fff
}

@media only screen and (min-width:768px) {
    .feature-block {
        width: calc(50% - 20px) !important
    }
}

.feature-block + .feature-block {
    margin-bottom: 25px
}

.feature-block img {
    display: block;
    width: 100%
}

.feature-block .details {
    padding: 20px 20px 20px 20px
}

.feature-block h2 {
    line-height: 1;
    margin-top: 0
}

.feature-block a {
    font-weight: 700
}

.feature-block .more-link {
    color: #002e40
}

    .feature-block .more-link:hover {
        color: #acc42a
    }

.feature-block .author {
    font-weight: 700;
    font-size: .875em;
    color: #4e4e4e;
    margin-bottom: 0;
    text-transform: uppercase
}

    .feature-block .author + p {
        margin-top: 5px
    }

.feature-block.no-image, .feature-block.callout, .feature-block.panel {
    background: #002e40;
    border: none
}

    .feature-block.no-image h2, .feature-block.no-image p, .feature-block.no-image .more-link, .feature-block.callout h2, .feature-block.callout p, .feature-block.callout .more-link, .feature-block.panel h2, .feature-block.panel p, .feature-block.panel .more-link {
        color: #fff
    }

    .feature-block.no-image .details, .feature-block.callout .details, .feature-block.panel .details {
        padding: 50px 20px 20px 20px
    }

    .feature-block.no-image .more-link:hover, .feature-block.callout .more-link:hover, .feature-block.panel .more-link:hover {
        color: #acc42a
    }

.feature-block ul li {
    color: #fff
}

.content-type {
    top: 0;
    left: 0
}

    .content-type span {
        display: inline-block;
        background: #acc42a;
        margin: 0;
        line-height: 1;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        font-size: .875em;
        padding: 9px 20px 9px 20px
    }

.landing-page .feature-block.no-image {
    background: #fff;
    border: none;
    border: 1px solid #d7d7d7
}

    .landing-page .feature-block.no-image h2, .landing-page .feature-block.no-image p, .landing-page .feature-block.no-image .more-link {
        color: #002e40
    }

    .landing-page .feature-block.no-image .details {
        padding: 50px 20px 20px 20px
    }

    .landing-page .feature-block.no-image .more-link:hover {
        color: #acc42a
    }

.publication-landing .feature-block.callout {
    background: #002e40;
    border: none
}

    .publication-landing .feature-block.callout h2, .publication-landing .feature-block.callout p, .publication-landing .feature-block.callout .more-link {
        color: #fff
    }

    .publication-landing .feature-block.callout .details {
        padding: 50px 20px 20px 20px
    }

    .publication-landing .feature-block.callout .more-link:hover {
        color: #acc42a
    }

.aside-section .feature-block {
    width: 100% !important
}

    .aside-section .feature-block .details {
        background: #232e84
    }

        .aside-section .feature-block .details p {
            color: #fff
        }

        .aside-section .feature-block .details h2, .aside-section .feature-block .details .more-link {
            color: #acc42a
        }

    .aside-section .feature-block.panel .details {
        background: #002e40;
        padding: 35px 35px 15px 35px
    }

        .aside-section .feature-block.panel .details h2, .aside-section .feature-block.panel .details .more-link {
            color: #fff
        }

        .aside-section .feature-block.panel .details h2 {
            font-size: 1.875em
        }

@media screen and (min-width:50em) {
    .block-grid .feature-block {
        margin-bottom: 40px
    }

    .feature-block h2 {
        font-size: 1.5em;
        word-break: break-word
    }

        .feature-block h2.big {
            font-size: 1.875em
        }

    .feature-block.no-image h2 {
        font-size: 2.25em
    }

    .feature-block.no-image .details {
        padding: 65px 20px 25px 35px
    }

    .feature-block .details {
        padding: 35px 20px 25px 35px
    }

    .content-type span {
        padding: 9px 20px 9px 35px
    }

    .publication-landing .feature-block.callout .details {
        padding: 65px 20px 25px 35px
    }
}

.grid-col > .feature-block {
    margin-bottom: 25px
}

@media screen and (min-width:50em) {
    .grid-col > .feature-block {
        margin-bottom: 0
    }
}

.grid-col:last-child > .feature-block {
    margin-bottom: 0
}

@media only screen and (max-width:768px) {
    .feature-block .details {
        padding: 40px 20px 20px
    }
}

.recent-issues .row {
    border-bottom: none
}

.aside-section .feature-block {
    width: 100%
}

.main-col.full-width .feature-block {
    width: 100% !important
}

.aside-section {
    padding: 0 0 15px 0;
    border-bottom: 1px solid #d7d7d7
}

    .aside-section.events-section, .aside-section:last-of-type {
        border-bottom: none
    }

    .aside-section + .aside-section:not(.position-relative) {
        padding: 15px 0 15px 0
    }

    .aside-section a {
        font-weight: 700
    }

.aside-section--no-border {
    border-bottom: none
}

.dynamic-list {
    padding: 0;
    margin: 30px 0 0 0
}

    .dynamic-list li {
        list-style-type: none;
        border-bottom: 1px solid #d7d7d7;
        padding: 20px 0
    }

        .dynamic-list li:first-child {
            padding-top: 0
        }

    .dynamic-list .title {
        margin: 0 0 10px 0;
        line-height: 1.2;
        font-weight: 700
    }

    .dynamic-list .date {
        font-weight: 700;
        margin: 0
    }

    .dynamic-list .date, .dynamic-list .location {
        margin: 0
    }

    .dynamic-list .location {
        font-size: .9375em
    }

    .dynamic-list .icon-calendar {
        float: left;
        width: 30px;
        height: 33px
    }

    .dynamic-list .details {
        float: right;
        width: calc(100% - 50px)
    }

    .dynamic-list.simple-list {
        margin: 20px 0 0
    }

        .dynamic-list.simple-list li {
            padding: 0 0 8px;
            border: none
        }

    .dynamic-list.product-list li, .dynamic-list.content-list li {
        border-bottom: none
    }

    .dynamic-list.product-list img, .dynamic-list.content-list img {
        float: left;
        width: 29%
    }

    .dynamic-list.product-list .details, .dynamic-list.content-list .details {
        width: calc(100% - 33%)
    }

    .dynamic-list.product-list .title, .dynamic-list.content-list .title {
        margin-bottom: 5px
    }

    .dynamic-list.product-list .description, .dynamic-list.product-list .btn, .dynamic-list.product-list .btn-color1, .dynamic-list.product-list .btn-color2, .dynamic-list.product-list .topic-search input[type="submit"], .topic-search .dynamic-list.product-list input[type="submit"], .dynamic-list.content-list .description, .dynamic-list.content-list .btn, .dynamic-list.content-list .btn-color1, .dynamic-list.content-list .btn-color2, .dynamic-list.content-list .topic-search input[type="submit"], .topic-search .dynamic-list.content-list input[type="submit"] {
        font-size: .875em;
        margin-top: 0
    }

    .dynamic-list.product-list .buy-btn, .dynamic-list.content-list .buy-btn {
        margin-bottom: 0
    }

    .dynamic-list.product-list .btn, .dynamic-list.product-list .btn-color1, .dynamic-list.product-list .btn-color2, .dynamic-list.product-list .topic-search input[type="submit"], .topic-search .dynamic-list.product-list input[type="submit"], .dynamic-list.content-list .btn, .dynamic-list.content-list .btn-color1, .dynamic-list.content-list .btn-color2, .dynamic-list.content-list .topic-search input[type="submit"], .topic-search .dynamic-list.content-list input[type="submit"] {
        background: #acc42a
    }

        .dynamic-list.product-list .btn:hover, .dynamic-list.product-list .btn-color1:hover, .dynamic-list.product-list .btn-color2:hover, .dynamic-list.product-list .topic-search input[type="submit"]:hover, .topic-search .dynamic-list.product-list input[type="submit"]:hover, .dynamic-list.content-list .btn:hover, .dynamic-list.content-list .btn-color1:hover, .dynamic-list.content-list .btn-color2:hover, .dynamic-list.content-list .topic-search input[type="submit"]:hover, .topic-search .dynamic-list.content-list input[type="submit"]:hover {
            background: #20ada7
        }

    .dynamic-list.content-list img, .dynamic-list.content-list .details {
        width: 100%;
        float: none
    }

    .dynamic-list.content-list img {
        margin: 0 0 15px 0;
        max-width: 210px
    }

@media screen and (min-width:600px) {
    .dynamic-list.content-list img {
        width: 210px;
        float: left;
        margin-bottom: 0
    }

    .dynamic-list.content-list .details {
        width: calc(100% - 240px);
        float: right
    }

    .dynamic-list.content-list .date, .dynamic-list.content-list .description {
        font-size: .875em
    }

    .dynamic-list.content-list li {
        padding: 20px 20px 20px 0
    }

        .dynamic-list.content-list li.featured {
            background: #e6f5f9
        }
}

@media screen and (min-width:50em) {
    .dynamic-list.content-list img {
        width: 160px
    }

    .dynamic-list.content-list .details {
        width: calc(100% - 190px)
    }

    .dynamic-list.two-columns {
        display: -ms-flex;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .dynamic-list.two-columns li {
            width: 50%
        }
}

@media screen and (min-width:62em) {
    .dynamic-list.content-list img {
        width: 210px
    }

    .dynamic-list.content-list .details {
        width: calc(100% - 240px)
    }
}

.inspiration-lab {
    background: #e6f5f9;
    padding: 0 0 30px 0
}

    .inspiration-lab .logo-and-tagline img {
        display: block;
        max-width: 300px;
        height: auto
    }

    .inspiration-lab .logo-and-tagline p {
        margin: 0;
        padding: 10px 20px 10px 35px;
        display: inline-block;
        background: #fff;
        font-weight: 700;
        font-size: .875em;
        line-height: 1.2
    }

    .inspiration-lab .text h2 {
        margin-top: 1em;
        line-height: 1
    }

    .inspiration-lab .text p {
        font-size: .9375em;
        line-height: 1.3
    }

    .inspiration-lab footer a {
        display: block
    }

@media screen and (min-width:50em) {
    .inspiration-lab {
        padding: 0 0 50px 0
    }

        .inspiration-lab .text {
            width: 54.97076%;
            float: left;
            margin-right: 2.92398%
        }

        .inspiration-lab .media {
            width: 42.10526%;
            float: right;
            margin-right: 0;
            margin-top: 25px
        }

        .inspiration-lab footer {
            margin: 30px 0 0 0
        }

            .inspiration-lab footer a {
                display: inline-block;
                padding: 10px 20px
            }

                .inspiration-lab footer a:first-child {
                    padding-left: 0
                }

                .inspiration-lab footer a + a {
                    border-left: 1px solid #71909b
                }
}

@media screen and (min-width:1050px) {
    .inspiration-lab .media {
        margin-top: -35px
    }
}

.main-nav-wrapper {
    background: #d7d7d7;
    display: none
}

    .main-nav-wrapper:after {
        content: '';
        position: absolute;
        height: 2px;
        width: 100%;
        background: #d7d7d7;
        bottom: -4px
    }

    .main-nav-wrapper.main-nav-wrapper--no-line-below:after {
        display: none
    }

    .main-nav-wrapper ul {
        list-style-type: none;
        padding: 0;
        margin: 0
    }

    .main-nav-wrapper .main-nav > ul > li {
        float: left;
        text-transform: uppercase;
        font-weight: 700;
        font-size: .875em
    }

        .main-nav-wrapper .main-nav > ul > li a {
            border-right: 1px solid;
            margin: 15px 0 15px 30px;
            display: inline-block;
            padding: 0 30px 0 0;
            line-height: 1
        }

            .main-nav-wrapper .main-nav > ul > li a:before, .main-nav-wrapper .main-nav > ul > li a:after {
                display: inline-block;
                font-weight: 400;
                font-size: 11px
            }

            .main-nav-wrapper .main-nav > ul > li a:after {
                content: '>';
                -webkit-transform: rotate(90deg) scale(1,1.5);
                -moz-transform: rotate(90deg) scale(1,1.5);
                -ms-transform: rotate(90deg) scale(1,1.5);
                -o-transform: rotate(90deg) scale(1,1.5);
                transform: rotate(90deg) scale(1,1.5);
                margin-left: 30px;
                font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
                font-weight: 400
            }

        .main-nav-wrapper .main-nav > ul > li a {
            color: #000
        }

        .main-nav-wrapper .main-nav > ul > li.primary {
            background: #20ada7;
            font-size: .9375em
        }

            .main-nav-wrapper .main-nav > ul > li.primary:before {
                content: "";
                height: 6px;
                background: #20ada7;
                width: 100%;
                position: absolute;
                top: -5px
            }

            .main-nav-wrapper .main-nav > ul > li.primary.active-page:before {
                background: #002e40
            }

            .main-nav-wrapper .main-nav > ul > li.primary:nth-child(3) a {
                border-right: none
            }

            .main-nav-wrapper .main-nav > ul > li.primary:nth-child(3) .overlay-util-nav a {
                border-right: 1px solid
            }

            .main-nav-wrapper .main-nav > ul > li.primary a {
                color: #fff
            }

                .main-nav-wrapper .main-nav > ul > li.primary a:after {
                    vertical-align: 2px
                }

        .main-nav-wrapper .main-nav > ul > li.active-page {
            background: #002e40
        }

            .main-nav-wrapper .main-nav > ul > li.active-page a {
                color: #fff;
                border-right: none
            }

        .main-nav-wrapper .main-nav > ul > li:last-child a {
            border-right: none
        }

    .main-nav-wrapper .main-nav .overlay a {
        color: #fff;
        -moz-transition: color,.3s,ease;
        -o-transition: color,.3s,ease;
        -webkit-transition: color,.3s,ease;
        transition: color,.3s,ease
    }

        .main-nav-wrapper .main-nav .overlay a:hover {
            color: #acc42a
        }

    .main-nav-wrapper .main-nav.main-nav--landing-page > ul > li.primary a {
        border-right: 1px solid
    }

    .main-nav-wrapper .main-nav.main-nav--landing-page > ul > li.primary:last-child a {
        border-right: none
    }

    .main-nav-wrapper .main-nav.main-nav--blue > ul > li.primary {
        background: #0f385a
    }

        .main-nav-wrapper .main-nav.main-nav--blue > ul > li.primary:before {
            background: #0f385a
        }

    .main-nav-wrapper .main-nav.main-nav--light-blue > ul > li.primary {
        background: #0097d5
    }

        .main-nav-wrapper .main-nav.main-nav--light-blue > ul > li.primary:before {
            background: #0097d5
        }

    .main-nav-wrapper .main-nav.main-nav--purple > ul > li.primary {
        background: #64248f
    }

        .main-nav-wrapper .main-nav.main-nav--purple > ul > li.primary:before {
            background: #64248f
        }

@media all and (min-width:84.375em) {
    .main-nav-wrapper .main-nav.main-nav--conference > ul {
        padding-left: 93px
    }
}

@media all and (min-width:62em) {
    .main-nav-wrapper .main-nav.main-nav--conference > ul > li.primary:last-child a {
        margin-right: 15px
    }
}

@media all and (min-width:84.375em) {
    .main-nav-wrapper .main-nav.main-nav--full-width > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

        .main-nav-wrapper .main-nav.main-nav--full-width > ul > li {
            -webkit-box-flex: 1;
            -ms-flex-positive: 1;
            flex-grow: 1
        }
}

@media screen and (min-width:50em) {
    .main-nav-wrapper {
        display: block
    }

        .main-nav-wrapper .main-nav > ul > li .icon-menu-close {
            margin: 20px 10px 10px !important;
            padding: 0
        }

        .main-nav-wrapper .main-nav > ul > li a {
            margin: 10px 0 8px 10px;
            padding: 0 8px 0 0
        }

            .main-nav-wrapper .main-nav > ul > li a:before, .main-nav-wrapper .main-nav > ul > li a:after {
                font-size: 11px
            }

            .main-nav-wrapper .main-nav > ul > li a:after {
                margin-left: 8px
            }
}

@media screen and (min-width:900px) {
    .main-nav-wrapper {
        display: block
    }

        .main-nav-wrapper .main-nav > ul > li a {
            margin: 18px 0 15px 15px;
            padding: 0 15px 0 0
        }

            .main-nav-wrapper .main-nav > ul > li a:after {
                margin-left: 15px
            }

        .main-nav-wrapper .main-nav > ul > li a {
            color: #000
        }
}

@media screen and (min-width:1080px) {
    .main-nav-wrapper {
        display: block
    }

        .main-nav-wrapper .main-nav > ul > li {
            font-size: .9375em
        }

            .main-nav-wrapper .main-nav > ul > li a {
                margin: 18px 0 15px 10px;
                padding: 0 10px 0 0
            }

                .main-nav-wrapper .main-nav > ul > li a:after {
                    margin-left: 15px
                }

            .main-nav-wrapper .main-nav > ul > li.primary {
                font-size: 1.125em
            }

                .main-nav-wrapper .main-nav > ul > li.primary a {
                    margin: 15px 0 15px 20px;
                    padding: 0 20px 0 0
                }
}

@media screen and (min-width:1200px) {
    .main-nav-wrapper {
        display: block
    }

        .main-nav-wrapper .main-nav > ul > li a {
            margin: 18px 0 15px 30px;
            padding: 0 10px 0 0
        }

            .main-nav-wrapper .main-nav > ul > li a:after {
                margin-left: 25px
            }

        .main-nav-wrapper .main-nav > ul > li.primary:first-child a {
            padding-left: 20px
        }

        .main-nav-wrapper .main-nav > ul > li.primary:nth-child(3) {
            padding-right: 20px
        }

        .main-nav-wrapper .main-nav > ul > li.primary + li:not(.primary) {
            padding-left: 15px
        }
}

@media screen and (min-width:1300px) {
    .main-nav-wrapper {
        display: block
    }

        .main-nav-wrapper .main-nav > ul > li a {
            margin: 18px 0 15px 30px;
            padding: 0 10px 0 0
        }
}

.landing-page.main-nav-wrapper .main-nav {
    text-align: center;
    height: 45px;
    margin-top: 5px
}

    .landing-page.main-nav-wrapper .main-nav > ul {
        margin: 0 auto;
        display: inline-block;
        position: relative;
        top: -5px
    }

@media screen and (min-width:75em) {
    .landing-page.main-nav-wrapper .main-nav > ul {
        top: -12px
    }
}

.landing-page.main-nav-wrapper .main-nav > ul > li {
    border: 1px solid #fff;
    border-right: none
}

    .landing-page.main-nav-wrapper .main-nav > ul > li::before {
        display: none
    }

    .landing-page.main-nav-wrapper .main-nav > ul > li:last-child {
        border-right: 1px solid #fff
    }

    .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary {
        border: 1px solid #e1e2e1;
        border-left-width: 0;
        background-color: #fff;
        max-width: 270px;
        position: relative
    }

        .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary > a {
            color: #1f1f1f;
            font-size: 15px;
            margin: 0;
            padding: 14px 45px;
            border-right: none;
            min-height: 58px;
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -ms-flex-line-pack: center;
            align-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

@media screen and (min-width:75em) {
    .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary > a {
        font-size: 18px;
        padding: 12px 78px;
        min-height: 68px
    }
}

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary > a:after {
    display: none
}

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:after {
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 8px 13px;
    border-color: transparent transparent #d9176e transparent;
    content: '';
    position: absolute;
    bottom: -1px;
    left: 50%;
    margin-left: -13px
}

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:first-child {
    border-left-width: 1px
}

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary.active-page, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:hover, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:active, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:focus {
    border-color: #d9176e;
    background-color: #d9176e
}

    .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary.active-page > a, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:hover > a, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:active > a, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:focus > a {
        color: #fff
    }

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:first-child:before, .landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:last-child:before {
    display: block;
    position: absolute;
    content: '';
    width: 7px;
    background-color: #000;
    top: -1px;
    bottom: -1px
}

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:first-child:before {
    left: -1px
}

.landing-page.main-nav-wrapper .main-nav > ul > li.ik-primary:last-child:before {
    right: -1px
}

.landing-page.main-nav-wrapper .main-nav > ul > li.primary:nth-child(3) {
    padding-right: 0
}

.landing-page.main-nav-wrapper .main-nav > ul > li.primary a {
    font-size: 1.125em;
    font-weight: 600;
    text-align: center;
    border: none;
    line-height: .9em;
    padding: 11px 10px 5px;
    margin: 0;
    min-width: 150px
}

@media screen and (min-width:75em) {
    .landing-page.main-nav-wrapper .main-nav > ul > li.primary a {
        font-size: 1.5em;
        min-width: 265px;
        padding: 15px 5px 5px
    }
}

.landing-page.main-nav-wrapper .main-nav > ul > li.primary a:after {
    display: none
}

.landing-page.main-nav-wrapper .main-nav > ul > li.primary a span {
    font-weight: 300;
    font-style: italic;
    font-size: 12px;
    display: block;
    text-transform: none
}

@media screen and (min-width:75em) {
    .landing-page.main-nav-wrapper .main-nav > ul > li.primary a span {
        font-size: 15px
    }
}

.main-nav--conference li {
    background: #032e3f !important;
    float: left
}

    .main-nav--conference li:before {
        background: #032e3f !important
    }

    .main-nav--conference li ul {
        background: #032e3f;
        left: -999em;
        min-width: 300px;
        position: absolute;
        width: 100%;
        z-index: 900
    }

    .main-nav--conference li:hover ul {
        left: auto
    }

    .main-nav--conference li ul li {
        float: none
    }

        .main-nav--conference li ul li a {
            border-right: 0 !important
        }

            .main-nav--conference li ul li a:after {
                display: none !important;
                content: "" !important
            }

.main-nav-subnav > ul:not(.util-nav) > li {
    text-transform: none
}

    .main-nav-subnav > ul:not(.util-nav) > li a {
        border-right: none
    }

.main-nav-subnav > ul > li a:after {
    display: none !important
}

ul.overlay-util-nav {
    font-size: .875em;
    float: right;
    margin-right: 40px
}

    ul.overlay-util-nav li {
        float: left
    }

        ul.overlay-util-nav li:last-child a {
            border-right: 0 !important
        }

        ul.overlay-util-nav li.is-active a {
            color: #20ada7 !important;
            border-right-color: #fff !important
        }

.overlay-title-search {
    margin: 50px 0 20px 0;
    padding: 0 0 20px 0;
    border-bottom: 1px solid #fff
}

    .overlay-title-search a {
        font-size: 2.25em;
        margin-left: 0 !important
    }

.main-nav-wrapper .main-nav > ul .overlay-util-nav > li {
    text-transform: none;
    font-weight: 400
}

    .main-nav-wrapper .main-nav > ul .overlay-util-nav > li.primary {
        text-transform: uppercase;
        font-weight: 700
    }

.main-nav-wrapper .main-nav > ul > li .subnav-col li {
    padding: 3px 0
}

    .main-nav-wrapper .main-nav > ul > li .subnav-col li a {
        border-right: 0;
        padding: 0;
        margin: 0 0 7px 0;
        display: inline-block
    }

        .main-nav-wrapper .main-nav > ul > li .subnav-col li a:after {
            display: none
        }

    .main-nav-wrapper .main-nav > ul > li .subnav-col li li a {
        margin: 0
    }

.subnav-col {
    width: 30.43478%;
    float: left;
    margin-right: 4.34783%
}

    .subnav-col li a:after {
        display: none
    }

    .subnav-col:last-child {
        float: right;
        margin-right: 0
    }

    .subnav-col > li {
        text-transform: none;
        font-weight: 400
    }

        .subnav-col > li.subnav-section-title {
            font-weight: 700;
            font-size: 1.25em;
            padding: 15px 0 !important
        }

            .subnav-col > li.subnav-section-title li {
                font-weight: 400;
                font-size: 16px
            }

            .subnav-col > li.subnav-section-title + .subnav-section-title {
                border-top: 1px solid #fff
            }

.subnav-feature {
    padding-top: 15px
}

    .subnav-feature img {
        float: left
    }

    .subnav-feature .details {
        display: block;
        float: right;
        width: calc(100% - 110px);
        font-weight: 400;
        font-size: 14px
    }

        .subnav-feature .details p {
            margin-top: 0;
            line-height: 1.2
        }

.overlay-util-nav {
    list-style-type: none;
    margin: 0;
    padding: 0
}

    .overlay-util-nav .primary {
        text-transform: uppercase;
        font-weight: 700;
        font-size: 1em
    }

    .overlay-util-nav a {
        display: inline-block;
        border-right: 1px solid;
        font-size: 14px;
        padding: 0 20px 0 0;
        margin: 15px 0 15px 20px;
        line-height: 1;
        -moz-transition: color,.3s,ease;
        -o-transition: color,.3s,ease;
        -webkit-transition: color,.3s,ease;
        transition: color,.3s,ease
    }

        .overlay-util-nav a:hover {
            color: #acc42a !important;
            border-color: #fff !important;
            -moz-transition: color,.3s,ease;
            -o-transition: color,.3s,ease;
            -webkit-transition: color,.3s,ease;
            transition: color,.3s,ease
        }

    .overlay-util-nav li:last-child a {
        border-right: 0
    }

h3.overlay-title-search {
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    font-size: 2.5em;
    margin-top: 50px;
    padding-bottom: 40px
}

@media screen and (min-width:900px) {
    .overlay-util-nav a {
        margin: 15px 0 15px 15px;
        padding: 0 15px 0 0
    }
}

@media screen and (min-width:935px) {
    .overlay-util-nav a {
        font-size: 16px
    }
}

.login-row .column-title {
    font-size: 1.125em;
    font-weight: 700
}

.login-row .form-row {
    margin: 0 0 15px 0
}

    .login-row .form-row label {
        width: 40.67797%;
        float: left;
        margin-right: 1.69492%;
        margin-top: 7px;
        display: inline-block
    }

    .login-row .form-row input {
        width: 57.62712%;
        float: right;
        margin-right: 0;
        float: left
    }

.login-row input[type="checkbox"] {
    display: inline-block;
    margin: 0 5px 0 8px
}

.login-row .forgot-password {
    padding: 15px 0 0;
    border-top: 1px solid
}

.login-row .login-col + .login-col {
    border-top: 1px solid;
    margin-top: 30px
}

@media screen and (min-width:600px) {
    .login-row input[type="checkbox"] {
        margin: 0 5px 0 15px
    }

    .login-row .form-row label {
        width: 23.72881%;
        float: left;
        margin-right: 1.69492%;
        max-width: 115px
    }

    .login-row .form-row input {
        width: 49.15254%;
        float: left;
        margin-right: 1.69492%
    }
}

@media screen and (min-width:50em) {
    .login-row {
        margin-top: 30px
    }

        .login-row .login-col {
            width: 47.82609%;
            float: left;
            margin-right: 4.34783%
        }

            .login-row .login-col + .login-col {
                float: right;
                margin-right: 0;
                margin-top: 0;
                border-top: 0;
                border-left: 1px solid;
                padding-left: 4%
            }
}

.breadcrumbs ul {
    padding: 0;
    margin: 10px 0 0 0
}

    .breadcrumbs ul li {
        padding: 0;
        list-style-type: none;
        float: left;
        font-size: .75em;
        text-transform: uppercase;
        line-height: .1em
    }

        .breadcrumbs ul li:after {
            content: '>';
            display: inline-block;
            margin: 10px;
            color: #b2b2b2
        }

        .breadcrumbs ul li:last-child:after {
            color: transparent
        }

        .breadcrumbs ul li a {
            color: #b2b2b2
        }

            .breadcrumbs ul li a:hover {
                color: #acc42a
            }

@media screen and (min-width:50em) {
    .breadcrumbs ul {
        padding: 0;
        margin: 15px 0
    }
}

.page-title {
    border-bottom: 3px solid #ebebeb;
    margin-bottom: 5px
}

    .page-title h1 {
        font-size: 3em;
        margin-top: 0;
        margin-bottom: 15px
    }

@media screen and (min-width:50em) {
    .page-title {
        margin-bottom: 0
    }
}

.section-nav {
    margin: 15px auto 20px auto
}

    .section-nav ul, .section-nav li {
        margin: 0;
        padding: 0
    }

    .section-nav li {
        list-style-type: none
    }

        .section-nav li .more-link {
            font-size: .875em;
            padding: 10px;
            color: #fff;
            background: #002e40;
            display: block
        }

            .section-nav li .more-link:hover {
                color: #acc42a
            }

            .section-nav li .more-link.callout {
                background: #acc42a
            }

                .section-nav li .more-link.callout:hover {
                    color: #fff
                }

            .section-nav li .more-link:before {
                background-size: 12px 12px;
                height: 12px;
                widows: 12px
            }

        .section-nav li + li {
            margin: 5px 0 0 0
        }

@media screen and (min-width:50em) {
    .section-nav {
        margin: 0 auto 40px auto
    }
}

.topic-page-description, .content-list-wrapper {
    margin: 20px auto 10px auto
}

@media screen and (min-width:62em) {
    .topic-page-description, .content-list-wrapper {
        margin: 40px auto 10px auto
    }
}

.topic-search {
    background: #fbf5d5;
    padding: 10px 20px 20px 20px;
    margin: 15px 0
}

@media screen and (min-width:50em) {
    .topic-search {
        padding: 10px 0 0 20px
    }
}

.topic-search p {
    font-size: .9375em
}

.topic-search .search-label {
    color: #002e40;
    font-weight: 700
}

.topic-search .submit-wrapper {
    margin: 0
}

.topic-search.content-search {
    margin: 20px 0
}

    .topic-search.content-search input[type="submit"] {
        padding: 8px 20px;
        background-color: #acc42a;
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22Layer_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20%20width%3D%2224px%22%20height%3D%2224px%22%20viewBox%3D%220%200%2024%2024%22%20style%3D%22enable-background%3Anew%200%200%2024%2024%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23FFFFFF%3B%7D%3C%2Fstyle%3E%3Cpath%20class%3D%22st0%22%20d%3D%22M23.4%2C20.6l-5.2-5.2c0%2C0-0.1%2C0-0.1-0.1c1-1.6%2C1.6-3.4%2C1.6-5.4c0-5.4-4.4-9.9-9.9-9.9S0%2C4.4%2C0%2C9.9%20c0%2C5.4%2C4.4%2C9.9%2C9.9%2C9.9c2%2C0%2C3.9-0.6%2C5.4-1.6c0%2C0%2C0%2C0.1%2C0.1%2C0.1l5.2%2C5.2c0.8%2C0.8%2C2.1%2C0.8%2C2.8%2C0C24.2%2C22.6%2C24.2%2C21.4%2C23.4%2C20.6z%20%20M9.9%2C16.3c-3.6%2C0-6.4-2.9-6.4-6.4c0-3.6%2C2.9-6.4%2C6.4-6.4c3.6%2C0%2C6.4%2C2.9%2C6.4%2C6.4S13.4%2C16.3%2C9.9%2C16.3z%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        background-position: center;
        position: relative;
        top: -2px;
        margin-bottom: 6px
    }

        .topic-search.content-search input[type="submit"]:hover {
            background-color: #9aaf26
        }

.topic-search input[type="text"], .topic-search input[type="email"], .topic-search input[type="password"], .topic-search input[type="date"], .topic-search input[type="search"], .topic-search textarea, .topic-search select {
    font-size: .9375em;
    padding: 8px 14px;
    margin-bottom: 6px
}

.topic-search select {
    background-position: 96% center;
    padding: 9px 14px
}

.topic-search input[type="submit"] {
    background-color: #acc42a;
    margin-top: 3px
}

    .topic-search input[type="submit"]:hover {
        background-color: #9aaf26
    }

.topic-search--wrapper {
    padding: 10px 20px 20px 20px
}

@media screen and (min-width:50em) {
    .topic-search--wrapper {
        padding: 25px 35px 35px 35px
    }
}

@media screen and (min-width:50em) {
    .topic-search .text, .topic-search .search-section {
        width: 47.92453%;
        float: left;
        margin-right: 4.15094%
    }

    .topic-search .search-section {
        float: right;
        margin-right: 0
    }

    .topic-search.content-search .search-section {
        clear: both;
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0
    }

        .topic-search.content-search .search-section p, .topic-search.content-search .search-section .form-group, .topic-search.content-search .search-section input[type="submit"] {
            float: left
        }

        .topic-search.content-search .search-section .search-label {
            margin: 10px 20px 15px 0
        }

        .topic-search.content-search .search-section .form-group {
            width: 16%;
            margin-right: 10px
        }
}

@media screen and (min-width:62em) {
    .topic-search.content-search .search-section .form-group {
        width: 21%
    }

        .topic-search.content-search .search-section .form-group:first-of-type {
            clear: left
        }
}

@media screen and (min-width:1200px) {
    .topic-search.content-search .search-section .form-group {
        width: 16%
    }

        .topic-search.content-search .search-section .form-group:first-of-type {
            clear: none
        }
}

@media screen and (min-width:1400px) {
    .topic-search.content-search .search-section .form-group {
        width: 18%
    }
}

.content-list ul, .content-list li {
    padding: 0;
    margin: 0
}

.article-date {
    font-weight: 700;
    border-bottom: 3px solid #ebebeb
}

.article-wrapper .description {
    font-weight: 700;
    font-size: 1.125em;
    max-width: 700px;
    margin-bottom: 20px
}

.article-wrapper .article-body {
    font-size: 1.125em;
    line-height: 1.4
}

    .article-wrapper .article-body img {
        margin: 0 0 20px 0
    }

.article-wrapper.padded {
    padding-left: 55px;
    padding-right: 55px
}

@media screen and (min-width:50em) {
    .article-wrapper {
        padding: 10px 0 10px 55px
    }

        .article-wrapper .article-body {
            max-width: 870px
        }

    h1 {
        font-size: 2.75em
    }

    h2 {
        font-size: 2.25em
    }

    h3 {
        font-size: 1.8125em
    }

    h4 {
        font-size: 1.34375em
    }
}

.article-wrapper iframe {
    max-width: 100% !important
}

.article-wrapper table th, .article-wrapper table td {
    padding: .75rem
}

.article-wrapper .table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto
}

    .article-wrapper .table-responsive table {
        width: 100%;
        max-width: 100%
    }

        .article-wrapper .table-responsive table th {
            min-width: 200px
        }

.article-wrapper li {
    margin-bottom: 10px
}

.feature-block h2 a {
    color: #002e40
}

    .feature-block h2 a:hover {
        color: #acc42a
    }

.author-article {
    border-bottom: none;
    margin-top: 0
}

    .author-article .position {
        color: #4e4e4e;
        display: block;
        font-size: 1em;
        font-weight: 700;
        margin: 0 0 .25em;
        text-transform: uppercase
    }

.ik-page .article-wrapper {
    padding-left: 0
}

    .ik-page .article-wrapper h2, .ik-page .article-wrapper h3, .ik-page .article-wrapper h4, .ik-page .article-wrapper h5, .ik-page .article-wrapper h6, .ik-page .article-wrapper a {
        color: #d9176e
    }

.landing-page-tagline {
    margin: 40px 0
}

    .landing-page-tagline h2 {
        font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
        color: #004b8d;
        font-size: 1.5em
    }

.announcements {
    background: #002e40;
    margin: 0;
    padding: 40px 0 0 0
}

    .announcements li {
        list-style-type: none;
        padding: 20px 35px
    }

        .announcements li + li {
            border-top: 1px solid #335664
        }

    .announcements a {
        color: #fff;
        text-transform: none;
        padding-left: 15px;
        position: relative;
        font-size: 16px;
        display: inline-block
    }

        .announcements a:before {
            position: absolute;
            left: 0;
            top: 6px
        }

.nais-connect-block {
    background: #e6f5f9;
    padding: 0 0 20px 0
}

    .nais-connect-block .logo {
        background: #002e40;
        padding: 20px
    }

        .nais-connect-block .logo img {
            display: block;
            margin: 0 auto
        }

    .nais-connect-block .content {
        padding: 30px 10px 0 30px
    }

        .nais-connect-block .content img {
            float: left;
            width: 60px
        }

    .nais-connect-block .text {
        float: right;
        width: calc(100% - 80px);
        font-size: .9375em
    }

        .nais-connect-block .text p {
            margin-top: 0
        }

    .nais-connect-block .more-link {
        display: inline-block;
        margin-left: 30px
    }

.recent-issues .row {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 15px
}

.recent-issues .issue {
    width: 48.57143%;
    float: left;
    margin-right: 2.85714%
}

    .recent-issues .issue:last-child {
        float: right;
        margin-right: 0
    }

.recent-issues .issue-date, .recent-issues .issue-link {
    font-weight: 700
}

.recent-issues .issue-date {
    font-size: .875em;
    margin: 5px 0 0 0;
    color: #002e40
}

.recent-issues .issue-link {
    margin: 5px 0 0 0;
    line-height: 1.2
}

.featured-issue {
    background: #002e40;
    margin-bottom: 20px
}

    .featured-issue .featured-issue-wrapper {
        padding-top: 40px;
        padding-top: 10px
    }

    .featured-issue .text h2, .featured-issue .text p {
        color: #fff
    }

    .featured-issue .this-issue {
        border-top: 1px solid #fff
    }

        .featured-issue .this-issue ul, .featured-issue .this-issue li {
            padding: 0;
            margin: 0
        }

        .featured-issue .this-issue li, .featured-issue .this-issue p {
            font-size: .875em
        }

        .featured-issue .this-issue p {
            text-transform: uppercase;
            font-weight: 700
        }

        .featured-issue .this-issue li {
            font-weight: 700;
            line-height: 1.2;
            padding: 3px 0;
            list-style-type: none
        }

    .featured-issue img {
        margin-top: 20px
    }

    .featured-issue .section-nav {
        margin: 0
    }

@media screen and (min-width:50em) {
    .featured-issue .featured-issue-wrapper {
        padding-top: 40px;
        padding-bottom: 35px
    }

    .featured-issue .text {
        width: 65.35433%;
        float: left;
        margin-right: 3.93701%
    }

    .featured-issue .issue {
        width: 66.66667%;
        float: left
    }

    .featured-issue .section-nav, .featured-issue img {
        width: 30.70866%;
        float: right;
        margin-right: 0
    }

    .featured-issue .issue {
        border-right: 1px solid #597783;
        padding-right: 30px
    }

        .featured-issue .issue ul {
            column-count: 2
        }

    .featured-issue img {
        margin-top: 0
    }

    .featured-issue .section-nav li {
        padding-left: 0
    }

        .featured-issue .section-nav li:first-child {
            padding-top: 0
        }
}

.wide-hero {
    padding: 15px 0 0;
    position: relative;
    margin: 0 0 43px;
    background: #e6f5f9
}

    .wide-hero::after, .wide-hero::before {
        content: '';
        top: 0;
        bottom: 0;
        position: absolute;
        width: 9999px;
        background: #e6f5f9
    }

    .wide-hero::after {
        left: -9999px
    }

    .wide-hero::before {
        right: -9999px
    }

    .wide-hero p {
        font-size: .9375em
    }

.wide-hero--white {
    background: #fff
}

.wide-hero--blue-gray {
    background-color: #e5f4fa
}

@media(min-width:62em) {
    .wide-hero--bottom-space {
        margin-bottom: 27px
    }
}

.wide-hero .image {
    border: 5px solid #fff
}

    .wide-hero .image img {
        width: 100%;
        display: block
    }

    .wide-hero .image figcaption {
        border-top: 5px solid #fff;
        color: #fff;
        background-color: #acc42a;
        padding: 13px 10%;
        text-align: center;
        font-weight: 700
    }

        .wide-hero .image figcaption a {
            color: #fff;
            border-bottom: 1px solid #fff
        }

            .wide-hero .image figcaption a:hover, .wide-hero .image figcaption a:active, .wide-hero .image figcaption a:focus {
                border-bottom: none
            }

.wide-hero .website {
    font-weight: 700;
    color: #20ada7;
    margin: 10px 0;
    font-size: 1.125em
}

@media screen and (min-width:50em) {
    .wide-hero .wrapper {
        padding: 30px 0 24px
    }

    .wide-hero .image {
        width: 34.90566%;
        float: left;
        margin-right: 4.15094%;
        margin-left: 0
    }

    .wide-hero .text {
        width: 60.9434%;
        float: right;
        margin-right: 0
    }

        .wide-hero .text h2, .wide-hero .text p {
            padding-right: 12%
        }

        .wide-hero .text .description {
            margin: 12px 0 30px
        }

    .wide-hero--text-first .image {
        float: right !important
    }

    .wide-hero--text-first .text {
        float: left !important
    }
}

.data-row {
    border-top: 1px solid #d7d7d7;
    padding: 0
}

.lt-ie8 .data-row {
    zoom: 1
}

.data-row:before, .data-row:after {
    content: "";
    display: table
}

.data-row:after {
    clear: both
}

@media screen and (min-width:50em) {
    .data-row {
        padding: 33px 0 0
    }
}

.data-item {
    border-bottom: 1px solid #d7d7d7
}

@media screen and (min-width:50em) {
    .data-item {
        min-height: 110px;
        border-right: 1px solid #d7d7d7;
        border-bottom: none;
        float: left
    }

        .data-item:last-child {
            border: none
        }

        .data-item:nth-child(1) {
            width: 25%
        }

            .data-item:nth-child(1) .directory-data {
                padding: 0
            }

        .data-item:nth-child(2) {
            width: 34%
        }

        .data-item:nth-child(3) {
            width: 41%
        }
}

.directory-data {
    padding: 15px 0 5px
}

@media screen and (min-width:50em) {
    .directory-data {
        padding: 0 15px 0 26px
    }
}

.directory-data h4 {
    font-size: 15px;
    margin-top: 0;
    text-transform: uppercase
}

.directory-data p {
    margin: 5px 0 10px
}

@media screen and (min-width:50em) {
    .directory-data p {
        margin: 10px 0
    }
}

.social-media-links {
    margin: 0;
    padding: 0
}

    .social-media-links li {
        float: left;
        list-style-type: none;
        margin-left: 10px
    }

        .social-media-links li:first-child {
            margin-left: 0
        }

    .social-media-links .icon-facebook {
        width: 18px;
        height: 35px
    }

    .social-media-links .icon-instagram {
        height: 35px;
        width: 35px;
        margin-top: 3px
    }

    .social-media-links .icon-twitter {
        width: 38px;
        height: 33px;
        margin-top: 3px
    }

    .social-media-links .icon-linked-in {
        height: 35px;
        width: 35px
    }

    .social-media-links .icon-youtube {
        height: 27px;
        width: 37px;
        margin-top: 7px
    }

    .social-media-links .icon-vimeo {
        height: 32px;
        width: 37px;
        margin-top: 5px
    }

    .social-media-links .icon-pinterest {
        height: 27px;
        width: 37px;
        margin-top: 4px
    }

    .social-media-links .icon-nais-connect {
        height: 32px;
        width: 25px;
        margin-top: 7px
    }

    .social-media-links.icons-small {
        padding: 13px 0 0
    }

        .social-media-links.icons-small li {
            margin: 0 10px 0 0
        }

        .social-media-links.icons-small [class*="icon"] {
            background-size: contain;
            background-repeat: no-repeat
        }

        .social-media-links.icons-small .icon-facebook {
            width: 15px;
            height: 30px
        }

        .social-media-links.icons-small .icon-instagram {
            height: 29px;
            width: 29px;
            margin-top: 3px
        }

        .social-media-links.icons-small .icon-twitter {
            width: 32px;
            height: 26px;
            margin-top: 3px
        }

        .social-media-links.icons-small .icon-linked-in {
            height: 28px;
            width: 29px
        }

        .social-media-links.icons-small .icon-youtube {
            height: 23px;
            width: 32px;
            margin-top: 7px
        }

        .social-media-links.icons-small .icon-vimeo {
            height: 26px;
            width: 30px;
            margin-top: 5px
        }

        .social-media-links.icons-small .icon-nais-connect {
            height: 32px;
            width: 25px;
            margin-top: 7px
        }

@media screen and (min-width:50em) {
    .social-media-links li {
        margin-left: 30px
    }

    .social-media-links.icons-small li {
        margin: 0 18px 0 0
    }
}

.segmented-list {
    margin: 8px 0 0;
    padding: 0;
    list-style-type: none
}

    .segmented-list li {
        border-bottom: 1px solid #d7d7d7;
        padding: 0 0 13px;
        margin: 0 0 13px
    }

        .segmented-list li:last-child {
            border-bottom: none
        }

    .segmented-list p {
        font-size: .9375em;
        margin: 0;
        padding: 0
    }

    .segmented-list ul {
        margin: 0;
        padding: 0;
        list-style-type: none
    }

        .segmented-list ul li {
            font-size: .9375em;
            padding: 0 0 0 20px;
            position: relative;
            border: none;
            margin: 0;
            line-height: 1.75em
        }

            .segmented-list ul li::before {
                content: '';
                width: 4px;
                height: 4px;
                -moz-border-radius: 50%;
                border-radius: 50%;
                background-color: #acc42a;
                position: absolute;
                top: 50%;
                margin-top: -2px;
                left: 8px
            }

.segmented-list__heading {
    text-transform: uppercase;
    font-size: .9375em;
    padding: 0 0 .375em;
    color: #004b8d;
    margin: 0
}

.js-show-more-items {
    font-size: .9375em;
    padding: 0 0 0 20px;
    position: relative;
    border: none;
    margin: 0;
    line-height: 1.75em;
    color: #004b8d;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    cursor: pointer;
    -moz-transition: color,.3s,ease;
    -o-transition: color,.3s,ease;
    -webkit-transition: color,.3s,ease;
    transition: color,.3s,ease
}

    .js-show-more-items:hover, .js-show-more-items:active, .js-show-more-items:focus {
        color: #acc42a
    }

    .js-show-more-items::before {
        content: '+';
        color: #acc42a;
        position: absolute;
        top: 0;
        left: 5px
    }

.map {
    height: 200px;
    width: 100%;
    background-color: #d7d7d7;
    position: relative
}

@media screen and (min-width:62em) {
    .map {
        height: 378px
    }
}

.map .google-map {
    height: 200px;
    width: 100%
}

@media screen and (min-width:62em) {
    .map .google-map {
        height: 378px
    }
}

.map > a {
    position: absolute;
    display: inline-block;
    color: #fff;
    font-weight: 700;
    background-color: #acc42a;
    text-transform: uppercase;
    padding: 13px 15px;
    bottom: 30px;
    right: 48px;
    z-index: 9999
}

    .map > a:hover, .map > a:focus, .map > a:active {
        background-color: #879a21
    }

.directions-btn {
    z-index: 9000 !important;
    margin-top: -50px;
    margin-bottom: 50px;
    text-align: right;
    position: relative;
    right: 80px
}

    .directions-btn a {
        padding: 10px 30px;
        background-color: #acc42a;
        text-transform: uppercase;
        color: #fff;
        font-weight: 700;
        position: relative
    }

#map_wrapper {
    height: 300px
}

@media screen and (min-width:62em) {
    #map_wrapper {
        height: 515px
    }
}

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

.info_content h3 {
    padding: 6px 0;
    margin: 0
}

.info_content span {
    display: block;
    padding-bottom: 8px
}

.info_content p {
    padding: 0 0 12px;
    margin: 0;
    max-width: 250px;
    line-height: 1.5em
}

.info_link {
    padding: 0 0 6px;
    display: inline-block
}

.search-box {
    border-bottom: 1px solid #d7d7d7;
    padding: 20px 0 10px;
    position: relative
}

@media screen and (min-width:50em) {
    .search-box {
        padding: 0 0 10px
    }
}

.search-box__label {
    display: none
}

.search-box__input {
    border: 1px solid #c5c5c5 !important;
    -webkit-border-radius: 4px !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 7px 15px 0 #f0f0f0;
    -moz-box-shadow: inset 0 7px 15px 0 #f0f0f0;
    box-shadow: inset 0 7px 15px 0 #f0f0f0;
    width: calc(100% - 105px) !important;
    max-width: none !important;
    float: left;
    padding: 10px !important;
    position: relative;
    top: 1px;
    max-height: 15px
}

.search-box__submit, .search-box input[type="submit"].search-box__submit {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #acc42a;
    color: transparent;
    width: 82px;
    height: 39px;
    background-position: center center;
    float: right
}

.search-box__help {
    position: absolute;
    top: 32px;
    right: 92px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    border: 1px solid #c6c6c6;
    color: #c6c6c6;
    text-align: center;
    width: 16px;
    height: 16px;
    font-size: 10px;
    line-height: 1.4em
}

@media screen and (min-width:50em) {
    .search-box__help {
        top: 13px
    }
}

.search-box__sort-by {
    width: 100%;
    font-size: .875em
}

@media screen and (min-width:50em) {
    .search-box__sort-by {
        width: 410px;
        float: right
    }
}

.search-box__results {
    color: #4d4d4d;
    font-size: .875em;
    padding: 6px 0;
    width: 100%
}

@media screen and (min-width:50em) {
    .search-box__results {
        float: left;
        width: auto;
        padding: 6px 10px
    }
}

.search-box__sort-label {
    width: 60px;
    display: inline-block
}

.search-box__sort-select {
    width: 100%;
    padding: 8px !important;
    background-color: #f8f8f8
}

@media screen and (min-width:50em) {
    .search-box__sort-select {
        width: calc(100% - 65px)
    }
}

.search-result {
    padding: 24px 8px 24px 33px;
    background-position: 0 24px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #e1e1e1;
    position: relative
}

.search-result--blog {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAADJ0lEQVQ4jY2U207yTBSGH7oBilC7IYhSUoEDEzUxXoD3fwEeqCQEwUDYtGDZttAy/4Gh+dzl9z2bNZNn1rxrzcoIIQRf1Ol0eHt7wzAMstkshmFg2za5XO7r0W9Sfgput1tmsxlCCCRJIggChsMhhUIBx3HQdf1XYOanDFerFe/v7wBsNhsWiwW+75PJZLBtm3K5zMXFBaqq/g34VcvlEt/3WSwWTKdThBA4jkOz2SSbzf4/MEkSkiRBlmVkWU7jYRjS7/eZTCZEUUSlUuHq6uoT9Edgu92m2+1SqVQwTZNqtUo+n0/3B4MB3W6XKIqo1+u0Wq30YmU+n/P6+srp6SnNZhOAOI7ZbrcsFgvW6zXj8RjDMGg2m6iqSq1WQwhBv9+n1+uRy+VwXfcDuF6vGQ6H7Pf7FNhoNCiXy0RRhOd5TKdTNpsNcRzjui7FYhHHcQjDkF6vh+d5mKaJrusoxxf/65WmaWiaBoBlWViWxWAwYDgcIoTg+voaSZKo1+vpCzRN+4jLsowkSQAcDgd2ux2bzYYwDAE4OTnBdV0ajQaapuH7Pp1OB4BcLodt2wghWK1W7Ha7jwwVRUEIQbvdZj6fs16v0TSNs7MzXNdFVVXOz8/Z7Xa8vLzgeR6O46BpGrquY9t2ao8khEBVVQ6HA77vE0URsiwTxzGDwYDHx0eiKAKgUqlQqVRIkoTJZAKArusYhkEcxwRBgHT0LY5jstkst7e3PDw8pK0QBAH9fh8hBJqmYVkWQgh83yeO49Tzw+FAGIZImUyGKIpQFIVWq0W5XEZRFBzHodFooCgK4/GYzWYDQKlUYj6fMxqN2O/3AKiqyvv7O57nfQyHJElQVRXLsj41eK1Wo9PpEEURSZIAUCgUcF330y8qFotcXl6Sz+dRjhv/frejFosFx6JlMpm0snd3d58uLhQK3N/fAyDlcjksyyIMQ56fn1NfVqsVnU4HSZIwTfPbEPhNGSGEGA6HPD09oaoquq4jyzK73Y4gCFBVlZubm292/CYFoFqtEscxo9EonST5fB7btqnVan+GpRkeF7PZjOVymU5q0zQplUp/hgH8ByoRnYHAnSDfAAAAAElFTkSuQmCC")
}

.search-result__heading {
    color: #00958f;
    font-size: 1.125em;
    line-height: 1.2em;
    width: calc(100% - 100px);
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 4px
}

.search-result__date {
    font-size: .9375em;
    font-weight: 700;
    position: absolute;
    top: 24px;
    right: 8px
}

.search-result__type {
    font-weight: 700;
    font-size: .9375em;
    padding: 0 0 4px
}

.search-result__paragraph {
    font-size: .9375em;
    margin: 0
}

.search-filter__subheading {
    color: #004b8d;
    font-size: .9375em;
    padding: 14px 0 10px;
    border-top: 1px solid #d7d7d7;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0
}

.search-filter__list {
    padding: 0 0 10px;
    margin: 0;
    list-style-type: none
}

.search-filter__item {
    padding: 0 0 4px
}

    .search-filter__item::after {
        content: '';
        display: table;
        clear: both
    }

.search-filter__checkbox {
    display: none
}

    .search-filter__checkbox:checked + .search-filter__label::after {
        content: '';
        width: 17px;
        height: 17px;
        display: inline-block;
        left: 3px;
        top: 1px;
        background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAPCAYAAADphp8SAAABTElEQVQ4jZ3Tv0uWURjG8c/zZok/IcVFQXJocXEp0EFQKRwcGhxV3MLJf8CxucFBHCMI2hty0kkXcVBcTBpqKqwIUQdFOw7vfV4ezB/4XnCG89z3+XLd1zlPkVJSr4qigAItDXUcLKsBPXh5L9AVteAZJjFUD6gVT/Ec0+jAx1x8hDY8yB9SSrVV6hnEMvZwjE8YR2duGMZbjMb+KuAJXmMfFzjH53BVm6oNizjDDl6gsTTGK3zAQQBO8B79qJRnrmAmGk6xgQl0Yw7f8CNqf7EQufx3hTAQts/wFetYwi8cBeQP3uQ8blIn3qkGuI3v+Bn7E2xhCo9vcpJDbcJ8WD/ELv6FmzWM4eF1Z2s3G6ACfVgJwKFquJsYuQtSBmXYJH5HVl8wi+bbAHkVKaXyP9QVI/aqPrbVcJfKoOtU5ELAKmhXfeFH4exWQNYleDOKdoFkNh8AAAAASUVORK5CYII=");
        background-repeat: no-repeat;
        position: absolute
    }

.search-filter__label {
    position: relative;
    width: calc(100% - 35px);
    float: left
}

    .search-filter__label::before {
        content: '';
        width: 17px;
        height: 17px;
        border: 2px solid #d7d7d7;
        display: inline-block;
        margin: 0 11px 0 0;
        position: relative;
        top: 2px
    }

.search-filter__number {
    width: 35px;
    float: left;
    text-align: right
}

.search-filter__group-label {
    width: calc(100% - 35px);
    float: left;
    position: relative;
    cursor: pointer;
    -moz-transition: color,.3s,ease;
    -o-transition: color,.3s,ease;
    -webkit-transition: color,.3s,ease;
    transition: color,.3s,ease;
    padding: 0 0 4px
}

    .search-filter__group-label:hover, .search-filter__group-label:active, .search-filter__group-label:focus {
        color: #acc42a
    }

    .search-filter__group-label::before {
        content: '';
        width: 17px;
        height: 17px;
        background-color: #acc42a;
        display: inline-block;
        margin: 0 11px 0 0;
        position: relative;
        top: 2px
    }

    .search-filter__group-label::after {
        content: '+';
        color: #fff;
        display: inline-block;
        position: absolute;
        top: 0;
        left: 3.5px
    }

    .search-filter__group-label[data-opened="true"]::after {
        content: '-';
        left: 5px;
        top: -1px
    }

.js-show-hide-items {
    padding: 0 0 10px;
    display: block;
    font-weight: 700;
    position: relative;
    top: -5px;
    font-size: .9375em;
    cursor: pointer;
    -moz-transition: color,.3s,ease;
    -o-transition: color,.3s,ease;
    -webkit-transition: color,.3s,ease;
    transition: color,.3s,ease
}

    .js-show-hide-items:hover, .js-show-hide-items:active, .js-show-hide-items:focus {
        color: #acc42a
    }

.pager {
    margin: 0 auto;
    padding: 16px 0 0;
    list-style-type: none
}

.pager__item {
    display: inline-block;
    padding: 0 1px
}

.pager__item--prev .pager__link {
    padding: 4px 10px
}

.pager__item--next .pager__link {
    padding: 4px 10px
}

.pager__link {
    padding: 4px 0;
    margin: 0 0 4px;
    color: #000;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    border: 2px solid #dcdcdc;
    min-width: 33px;
    height: 33px;
    display: block;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

    .pager__link--active, .pager__link:active, .pager__link:hover, .pager__link:focus {
        border: 2px solid #acc42a;
        background-color: #acc42a;
        color: #fff
    }

.hero {
    background-color: #fcf6db
}

    .hero .block-grid {
        margin: 0
    }

    .hero .grid-col {
        padding: 20px 0
    }

@media screen and (min-width:50em) {
    .hero .grid-col {
        padding: 25px 0 35px
    }
}

.hero p {
    margin: 0;
    padding: 0 0 18px;
    font-size: .9375em
}

    .hero p:last-child {
        padding: 0
    }

.hero h3 {
    color: #20ada7;
    font-size: 1.125em;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    margin: 0
}

.hero__heading {
    margin: 0;
    padding: .75em 0 .6em
}

.hero__heading--icon {
    padding: .75em 0 .6em 2em;
    position: relative;
    background-size: 40px auto
}

@media screen and (min-width:50em) {
    .hero__heading--icon {
        background-size: auto
    }
}

.hero__form-group--inlined-elements select {
    width: 60%
}

.hero__form-group--inlined-elements input[type="submit"] {
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #acc42a;
    color: transparent;
    width: 44px;
    height: 40px;
    background-position: center center;
    position: relative;
    top: -1px
}

.tabs__header .more-link {
    float: right;
    padding: 12px 0
}

.tabs__tabs {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    float: left
}

.tabs__item {
    display: inline-block;
    float: left
}

.tabs__anchor {
    font-size: .75em;
    text-transform: uppercase;
    color: #002e40;
    padding: 12px 12px;
    background-color: #f8edb5;
    font-weight: 700;
    display: inline-block
}

@media screen and (min-width:50em) {
    .tabs__anchor {
        font-size: .875em
    }
}

@media screen and (min-width:62em) {
    .tabs__anchor {
        padding: 12px 30px
    }
}

.tabs__anchor:hover, .tabs__anchor:active, .tabs__anchor:focus {
    background-color: #f4e286;
    color: currentColor
}

.tabs__anchor[data-opened="true"] {
    background-color: #fff
}

    .tabs__anchor[data-opened="true"]:hover, .tabs__anchor[data-opened="true"]:active, .tabs__anchor[data-opened="true"]:focus {
        background-color: #fff
    }

.tabs__content {
    background-color: #fff;
    padding: 25px 30px
}

.tabs__content-items {
    list-style-type: none;
    margin: 0;
    padding: 0;
    min-height: 215px
}

.tabs .more-link {
    display: inline-block
}

.banner {
    text-align: center;
    background-size: cover;
    background-position: center center;
    padding: 20px 15px 42px
}

@media screen and (min-width:50em) {
    .banner {
        padding: 40px 15px 42px
    }
}

.banner--parent-guide {
    background-image: url("/App_Themes/nais/images/carousel-parents-small.jpg")
}

@media screen and (min-width:50em) {
    .banner--parent-guide {
        background-image: url("/App_Themes/nais/images/carousel-parents-large.jpg")
    }
}

.banner--resources {
    background-color: #002e40
}

.banner--ik-main {
    background-image: url("/App_Themes/nais/images/ik/banner-main-small.jpg")
}

@media screen and (min-width:50em) {
    .banner--ik-main {
        background-image: url("/App_Themes/nais/images/ik/banner-main-large.jpg")
    }
}

.banner--ik-celebrate {
    background-image: url("/App_Themes/nais/images/ik/banner-celebrate-small.png")
}

@media screen and (min-width:50em) {
    .banner--ik-celebrate {
        background-image: url("/App_Themes/nais/images/ik/banner-celebrate-large.png")
    }
}

.banner--ik-events {
    background-image: url("/App_Themes/nais/images/ik/banner-events-small.jpg")
}

@media screen and (min-width:50em) {
    .banner--ik-events {
        background-image: url("/App_Themes/nais/images/ik/banner-events-large.jpg")
    }
}

.banner--ik-reimagine {
    background-color: #8ab23f;
    padding: 0;
    display: none
}

@media screen and (min-width:930px) {
    .banner--ik-reimagine {
        display: block;
        background-size: auto;
        background-repeat: no-repeat;
        background-position: center center;
        background-image: url("/App_Themes/nais/images/ik/banner-reimagine-small.jpg");
        height: 639px
    }
}

@media screen and (min-width:1440px) {
    .banner--ik-reimagine {
        background-image: url("/App_Themes/nais/images/ik/banner-reimagine-large.jpg")
    }
}

.banner__wrapper {
    max-width: 1300px;
    margin: 0 auto
}

.banner__heading {
    color: #fff;
    font-family: "filosofia_otbold","Georgia",serif;
    font-size: 2.1875em;
    margin: 0;
    padding: 0 0 20px
}

@media screen and (min-width:50em) {
    .banner__heading {
        padding: 10px 10% 20px;
        font-size: 3.125em
    }
}

@media screen and (min-width:75em) {
    .banner__heading {
        padding: 20px 25% 35px;
        font-size: 3.75em
    }

        .banner__heading.resources {
            padding: 20px 5% 35px
        }
}

[class*='--ik-'] .banner__heading {
    text-shadow: 2px 0 2px rgba(0,0,0,.23)
}

@media screen and (min-width:50em) {
    [class*='--ik-'] .banner__heading {
        padding: 30px 0 20px
    }
}

@media screen and (min-width:75em) {
    [class*='--ik-'] .banner__heading {
        padding: 50px 0 30px;
        font-size: 4.5em
    }
}

.banner__box {
    background-color: rgba(0,0,0,.5);
    padding: 20px;
    color: #fff;
    margin: 0
}

@media screen and (min-width:50em) {
    .banner__box {
        padding: 35px 55px
    }
}

@media screen and (min-width:75em) {
    .banner__box {
        margin: 0 150px
    }
}

.banner__box p {
    font-size: 16px;
    padding: 0 0 20px !important;
    font-weight: 500;
    margin: 0
}

@media screen and (min-width:50em) {
    .banner__box p {
        padding: 0 50px 25px !important;
        font-size: 18px
    }
}

.banner__box-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
    text-align: center
}

    .banner__box-list:after {
        content: '';
        clear: both;
        display: table
    }

    .banner__box-list li {
        display: inline-block;
        float: left;
        padding: 0;
        margin: 0 auto;
        width: 100%
    }

@media screen and (min-width:50em) {
    .banner__box-list li {
        padding: 0 30px;
        width: 33%
    }
}

.banner__box-list li h2 {
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    line-height: 1.2222em;
    padding: 0 0 10px;
    margin: 0
}

.banner__box-list li p {
    font-size: 16px;
    margin: 0;
    font-weight: 400;
    padding: 0 0 20px !important
}

@media screen and (min-width:50em) {
    .banner__box-list li p {
        padding: 0 0 5px !important
    }
}

.banner__icon {
    width: 100px;
    height: 100px;
    margin: 0 auto 12px
}

.carousel--parent-guide {
    width: 80%;
    background-color: rgba(0,0,0,.5);
    margin: 0 auto;
    padding: 15px 35px 8px 35px
}

@media screen and (min-width:50em) {
    .carousel--parent-guide {
        padding: 24px 60px 8px 60px;
        width: 70%
    }
}

.carousel--parent-guide.slick-slider {
    overflow: visible
}

.carousel--parent-guide .slick-track {
    background-color: transparent
}

.carousel--parent-guide p {
    color: #fff;
    font-size: 1em;
    line-height: 1.3em;
    margin: 0;
    padding: 0 0 10px
}

@media screen and (min-width:50em) {
    .carousel--parent-guide p {
        font-size: 1.25em;
        padding: 0 0 15px
    }
}

.carousel--parent-guide .more-link {
    color: #fff
}

.carousel--parent-guide .slick-dots {
    padding: 10px 0 0;
    position: static;
    background-color: transparent
}

    .carousel--parent-guide .slick-dots li.slick-active button {
        background-color: #20ada7
    }

.carousel--parent-guide .slick-prev, .carousel--parent-guide .slick-next {
    display: block !important;
    top: 50%;
    background-color: #000
}

    .carousel--parent-guide .slick-prev::before, .carousel--parent-guide .slick-next::before {
        background-image: none;
        width: 0;
        height: 0;
        border-style: solid;
        -webkit-transform: scaleX(1);
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        transform: scaleX(1)
    }

    .carousel--parent-guide .slick-prev::before {
        border-width: 12px 20px 12px 0;
        border-color: transparent #adc42a transparent transparent;
        margin: -12px 0 0 -14px
    }

    .carousel--parent-guide .slick-next::before {
        border-width: 12px 0 12px 20px;
        border-color: transparent transparent transparent #adc42a;
        margin: -12px 0 0 -7px
    }

.carousel__item {
    outline: none
}

    .carousel__item.resources .right {
        margin-top: 10px
    }

    .carousel__item.resources .left h3 {
        color: #fff
    }

@media screen and (min-width:75em) {
    .carousel__item.resources .left {
        width: 50%;
        padding-right: 10px
    }

    .carousel__item.resources .right {
        margin-top: 0;
        width: 50%
    }
}

@media only screen and (min-width:1200px) {
    .landing-slider .slick-slide {
        height: 315px;
        max-height: 315px;
        overflow: hidden
    }
}

.block-carousel {
    margin: 20px 0;
    text-align: left
}

@media screen and (min-width:75em) {
    .block-carousel {
        margin: 60px 150px 55px
    }
}

.block-carousel__text {
    width: 100%;
    background-color: rgba(255,255,255,.93);
    padding: 25px 40px
}

@media screen and (min-width:62em) {
    .block-carousel__text {
        width: 50%;
        padding: 55px 50px
    }
}

.block-carousel .slick-track {
    background-color: transparent
}

.block-carousel .slick-slide {
    background-size: cover;
    background-color: #fff
}

.block-carousel .slick-dots {
    background-color: transparent
}

    .block-carousel .slick-dots li {
        position: relative
    }

        .block-carousel .slick-dots li button {
            border-color: #afafaf;
            background: #fff
        }

        .block-carousel .slick-dots li.slick-active button {
            background: #d9176e;
            border-color: #d9176e
        }

        .block-carousel .slick-dots li:after {
            content: '';
            clear: both;
            display: table
        }

.block-carousel .slick-prev, .block-carousel .slick-next {
    top: 50%;
    margin-top: -30px;
    background-color: #d9176e
}

.block-carousel .slick-list {
    padding-bottom: 35px
}

.block-carousel h2 {
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    color: #d9176e;
    margin: 0;
    padding: 0 0 12px
}

@media screen and (min-width:50em) {
    .block-carousel h2 {
        padding: 0 0 20px
    }
}

.block-carousel p {
    margin: 0;
    padding: 0 0 16px
}

.block-carousel__object {
    background-color: #fff;
    padding: 20px 40px 0;
    float: left;
    width: 100%
}

@media screen and (min-width:50em) {
    .block-carousel__object {
        padding: 20px 0 20px 20px;
        width: 35%
    }
}

@media screen and (min-width:62em) {
    .block-carousel__object {
        padding: 38px 0 38px 30px;
        width: 50%
    }
}

.block-carousel__object + .block-carousel__text {
    float: left
}

@media screen and (min-width:62em) {
    .block-carousel__object + .block-carousel__text {
        padding: 55px 30px
    }
}

.block-carousel__video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .block-carousel__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.block-carousel--border .slick-slide {
    border: 2px solid #e5e5e5
}

.block-carousel--banner {
    margin: -10px 0 -32px
}

@media screen and (min-width:75em) {
    .block-carousel--banner {
        margin: -10px 150px -32px
    }
}

@media screen and (min-width:50em) {
    .block-carousel--banner .block-carousel__text {
        width: 65%
    }
}

@media screen and (min-width:62em) {
    .block-carousel--banner .block-carousel__text {
        width: 50%
    }
}

.block-carousel--banner .block-carousel__image {
    background-size: cover;
    background-position: center center;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

@media screen and (max-width:799px) {
    .block-carousel--banner .block-carousel__image {
        background-image: none !important;
        width: 0
    }
}

@media screen and (min-width:50em) {
    .block-carousel--banner .block-carousel__image {
        width: 35%
    }
}

@media screen and (min-width:62em) {
    .block-carousel--banner .block-carousel__image {
        width: 50%
    }
}

.block-carousel--banner .slick-dots li button {
    background: #000;
    border-color: #000
}

.block-carousel--banner .slick-dots li.slick-active button {
    border-color: #a09ba1;
    background-color: #fff
}

.slider {
    width: 100%;
    border-top: none;
    margin: 0 0 23px
}

@media screen and (min-width:50em) {
    .slider {
        margin: 0 0 23px
    }
}

@media screen and (min-width:62em) {
    .slider {
        margin: 0 0 37px
    }
}

.slider .slick-prev, .slider .slick-next {
    top: 50%;
    margin-top: -30px
}

.slider--grey {
    background-color: #ebebeb;
    border-bottom: 2px solid #ebebeb
}

    .slider--grey .slick-dots {
        background-color: #ebebeb;
        padding: 3px 0
    }

@media screen and (min-width:50em) {
    .slider--grey .slick-dots {
        padding: 7px 0
    }
}

.slider--grey .slick-dots li button {
    border: 1px solid #004b8d
}

.slider--grey .slick-dots li.slick-active button {
    background: #20ada7
}

    .slider--grey .slick-dots li.slick-active button:before {
        color: #20ada7
    }

.slider--blue {
    background-color: #e5f4fa;
    border-bottom: 2px solid #ebebeb
}

    .slider--blue .slick-dots {
        background-color: #e5f4fa;
        padding: 3px 0
    }

@media screen and (min-width:50em) {
    .slider--blue .slick-dots {
        padding: 7px 0
    }
}

.slider--blue .slick-dots li button {
    border: 1px solid #39a9d9
}

.slider--blue .slick-dots li.slick-active button {
    border: 1px solid #5e1e79;
    background: #5e1e79
}

    .slider--blue .slick-dots li.slick-active button:before {
        color: #5e1e79
    }

.slider__list {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.slider__link {
    display: block;
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover
}

@media screen and (min-width:480px) {
    .slider__link {
        height: 130px
    }
}

@media screen and (min-width:768px) {
    .slider__link {
        height: 150px
    }
}

@media screen and (min-width:50em) {
    .slider__link {
        height: 200px
    }
}

@media screen and (min-width:62em) {
    .slider__link {
        height: 324px
    }
}

.slider .slick-dots {
    position: static
}

.header-promo {
    display: none
}

@media screen and (min-width:62em) {
    .header-promo {
        float: left;
        margin: 0 0 0 20px;
        padding: 5px 0 6px 20px;
        display: inline-block;
        border-left: 1px solid #c9c9c9
    }

    .header-promo__heading {
        color: #002e40;
        font-weight: 700;
        font-size: 1.125em;
        display: block;
        line-height: 1em
    }

    .header-promo__subheading {
        color: #15659f;
        font-weight: 700;
        font-size: .875em;
        text-transform: uppercase;
        display: block
    }

    .header-promo__subheading--light-blue {
        color: #0097d5
    }

    .header-promo__subheading--teal {
        color: #21a28f
    }
}

@media screen and (min-width:500px) {
    .header-promo--pocc {
        float: left;
        padding: 0 0 0 22px;
        display: inline-block;
        border-left: none;
        margin: 4px 0 0
    }

        .header-promo--pocc .header-promo__heading {
            color: #64248f;
            font-size: 1.375em;
            font-family: "filosofia_otbold","Georgia",serif;
            display: block;
            line-height: 1em
        }

        .header-promo--pocc .header-promo__subheading {
            font-size: .75em;
            font-weight: 700;
            color: #0097d5;
            text-transform: uppercase;
            display: block;
            line-height: 1.1em
        }
}

@media screen and (min-width:62em) {
    .header-promo--pocc {
        margin: -6px 0 0
    }

        .header-promo--pocc .header-promo__heading {
            font-size: 1.875em;
            line-height: 1.1em
        }

        .header-promo--pocc .header-promo__subheading {
            font-size: .875em;
            line-height: 1.2em
        }
}

.content-block {
    padding: 1em 0;
    background-position: center center;
    background-size: cover
}

@media screen and (min-width:50em) {
    .content-block {
        padding: 2.5em 0
    }
}

.content-block--grey {
    background-color: #ebebeb
}

.content-block .page-wrapper {
    margin-bottom: 0
}

.content-block__content {
    padding: 15px;
    background-color: rgba(255,255,255,.83)
}

@media screen and (min-width:50em) {
    .content-block__content {
        margin: 0 10%;
        padding: 45px 50px
    }
}

.content-block__content h2 {
    color: #64248f;
    margin: .4em 0 .2em;
    font-size: 1.5em
}

@media screen and (min-width:50em) {
    .content-block__content h2 {
        font-size: 2.25em
    }
}

.content-block__content h2:first-child {
    margin: 0 0 .2em
}

.content-block__content h3 {
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    color: #0097d5;
    font-size: 1.25em
}

@media screen and (min-width:50em) {
    .content-block__content h3 {
        font-size: 1.5em
    }
}

.hashtag {
    color: #555
}

.hashtag__name {
    font-size: 1.5em;
    color: #f26c4f;
    padding: 0 0 20px;
    font-weight: 700
}

@media screen and (min-width:50em) {
    .hashtag__name {
        font-size: 1.875em;
        padding: 0 0 40px
    }
}

.hashtag__paragraph, .hashtag p.hashtag__paragraph {
    padding: 0 0 20px;
    font-size: 1em;
    line-height: 1.35em
}

@media screen and (min-width:50em) {
    .hashtag__paragraph, .hashtag p.hashtag__paragraph {
        font-size: 1.125em;
        padding: 0 0 40px
    }
}

.hashtag__tag {
    font-size: 1.125em
}

@media screen and (min-width:50em) {
    .hashtag__tag {
        font-size: 1.5em
    }
}

.hashtag__tag strong {
    color: #f26c4f
}

.sponsors {
    margin: 16px 0 0;
    position: relative
}

@media(min-width:62em) {
    .sponsors {
        margin: 53px 0 0
    }
}

.sponsors__heading {
    display: inline-block;
    background: #f26c4f;
    margin: 0;
    line-height: 1;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    font-size: .875em;
    padding: 9px 20px 9px 20px;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif
}

@media(min-width:50em) {
    .sponsors__heading {
        padding: 9px 20px 9px 35px
    }
}

.sponsors__heading:before {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 2px;
    content: '';
    background-color: #e1e1e1
}

.sponsors__list {
    margin: 0;
    padding: 12px 0 12px;
    list-style-type: none;
    text-align: center
}

@media(min-width:62em) {
    .sponsors__list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.sponsors__item {
    display: inline-block;
    padding: 13px 26px 12px
}

@media(min-width:62em) {
    .sponsors__item {
        border-right: 2px solid #e1e1e1
    }

        .sponsors__item:last-child {
            border-right: none
        }
}

.load-more-container {
    display: none;
    text-align: center
}

.spinner {
    text-align: center
}

.no-results {
    display: none;
    text-align: center
}

.author-article {
    border-bottom: 3px solid #ebebeb;
    border-top: 3px solid #ebebeb;
    padding: 1em 0;
    margin: 0
}

@media(min-width:768px) {
    .author-article {
        padding: 1.75em 0;
        margin: 0
    }
}

.author-article img {
    max-width: 6em;
    top: 0;
    left: 0;
    border: .25em solid #fff;
    -webkit-box-shadow: 0 0 1px 1px #e0e0e0;
    -moz-box-shadow: 0 0 1px 1px #e0e0e0;
    box-shadow: 0 0 1px 1px #e0e0e0
}

@media(min-width:768px) {
    .author-article img {
        border: .3175em solid #fff;
        max-height: 11.625em;
        max-width: 11.625em
    }
}

.author-article .item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 1em 0 0
}

.author-article .details {
    padding: 0 0 0 1em
}

    .author-article .details .position {
        font-size: 1em;
        text-transform: uppercase;
        color: #4e4e4e;
        display: block;
        font-weight: 700;
        margin: 0 0 .25em
    }

    .author-article .details .title {
        font-weight: 700;
        font-size: 1.125em;
        color: #004b8d;
        margin: 0 0 .125em;
        display: block
    }

    .author-article .details .description {
        font-weight: 400;
        font-size: 1em;
        max-width: none;
        margin: .1em 0 0
    }

.nav-pills ul {
    margin: 1rem 0;
    padding: 0;
    list-style-type: none
}

.nav-pills li {
    display: inline-block;
    margin-bottom: 10px
}

.nav-pills a {
    display: block;
    padding: .5em 1em;
    margin: 0 3px 0 0;
    background-color: #002e40;
    font-size: .875em;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff
}

    .nav-pills a:hover, .nav-pills a:active, .nav-pills a:focus {
        color: #acc42a
    }

    .nav-pills a.active {
        background-color: #acc42a;
        color: #fff
    }

        .nav-pills a.active:hover, .nav-pills a.active:active, .nav-pills a.active:focus {
            background-color: #acc42a;
            color: #fff
        }

.issues-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    list-style-type: none;
    padding: 0;
    margin: 0
}

    .issues-list li {
        width: 100%
    }

@media(min-width:480px) {
    .issues-list li {
        width: 33%
    }
}

.issues-list__issue {
    padding: 1em 0
}

@media(min-width:480px) {
    .issues-list__issue {
        padding: 1em 1em 1.5em 0
    }
}

.issues-list__image {
    max-width: 240px;
    width: 100%
}

.issues-list__title {
    display: block;
    font-size: 1.125em;
    padding: .5em 0 0;
    font-weight: 700
}

.event-list-view {
    float: left;
    margin: 10px 0 0;
    display: none
}

@media(min-width:768px) {
    .event-list-view {
        margin: 0 10px 10px;
        float: right;
        display: block
    }
}

@media(min-width:992px) and (max-width:1150px) {
    .event-list-view {
        margin: 5px 0 15px;
        float: left
    }
}

.event-list-view__type {
    display: inline-block;
    font-size: .75em;
    background-color: #acc42a;
    padding: 6px 14px;
    color: #fff;
    margin-right: 4px
}

@media(min-width:850px) {
    .event-list-view__type {
        margin: 0 2px;
        font-size: .875em
    }
}

.event-list-view__type:hover, .event-list-view__type:active, .event-list-view__type:focus {
    background-color: #9aaf26;
    color: #fff
}

.Calendar table, .Calendar tr, .Calendar td, .Calendar th {
    border: none !important
}

.calendar {
    width: 100%
}

    .calendar table, .calendar tr, .calendar tbody {
        width: 100%;
        display: inline-table
    }

    .calendar > tbody > tr > td[colspan]:only-child {
        background-color: #002e40 !important;
        padding: 15px 5px 15px 10px
    }

        .calendar > tbody > tr > td[colspan]:only-child .calendar__title td {
            padding: 15px 5px 15px 10px;
            text-align: center;
            color: #fff !important;
            text-transform: uppercase;
            font-weight: 700
        }

            .calendar > tbody > tr > td[colspan]:only-child .calendar__title td a {
                color: #fff !important
            }

                .calendar > tbody > tr > td[colspan]:only-child .calendar__title td a:hover, .calendar > tbody > tr > td[colspan]:only-child .calendar__title td a:active, .calendar > tbody > tr > td[colspan]:only-child .calendar__title td a:focus {
                    color: #fbf5d5 !important
                }

.calendar__day-header {
    background-color: #fbf5d5;
    padding: 15px 5px 15px 10px;
    color: #002e40 !important;
    text-align: left !important
}

.calendar__other-month, .calendar__weekend, .calendar__day, .calendar__today {
    text-align: left !important;
    padding: 15px 5px 5px 10px;
    vertical-align: top
}

    .calendar__other-month > div:empty, .calendar__weekend > div:empty, .calendar__day > div:empty, .calendar__today > div:empty {
        min-height: 30px
    }

.calendar__other-month, .calendar__weekend {
    background-color: #eee
}

.calendar__event {
    margin: 0 0 5px
}

    .calendar__event:last-child {
        margin: 0
    }

    .calendar__event:first-child, .calendar__event:only-child {
        margin-top: 5px
    }

    .calendar__event a {
        color: #fff;
        background-color: #acc42a;
        display: block;
        padding: 5px;
        font-size: .75em;
        line-height: 1.5em
    }

        .calendar__event a:hover, .calendar__event a:active, .calendar__event a:focus {
            color: #fff;
            background-color: #9aaf26
        }

@media only screen and (max-width:75em) {
    .events-stand-alone .main-col, .events-stand-alone .aside-col {
        float: none
    }
}

@media screen and (min-width:75em) {
    .ik-calendar {
        padding: 0 195px
    }
}

.ik-calendar__heading {
    text-align: center;
    margin: 0;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0 14px
}

.ik-calendar__filter {
    list-style-type: none;
    margin: 0;
    padding: 0 0 26px
}

    .ik-calendar__filter:after {
        content: '';
        clear: both;
        display: table
    }

.ik-calendar__option {
    width: 100%;
    position: relative;
    margin: 0 0 13px
}

    .ik-calendar__option:last-child {
        margin: 0
    }

@media screen and (min-width:568px) {
    .ik-calendar__option {
        float: left;
        width: 50%
    }

        .ik-calendar__option:nth-child(odd) {
            padding-left: 13px
        }

        .ik-calendar__option:nth-child(even) {
            padding-right: 13px
        }

        .ik-calendar__option:first-child {
            width: 100%;
            margin: 0 0 12px;
            padding: 0
        }
}

.ik-calendar__checkbox {
    background-color: #000;
    width: 36px;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    padding: 21px 0 0
}

@media screen and (min-width:568px) {
    .ik-calendar__option:nth-child(odd) .ik-calendar__checkbox {
        left: 13px
    }

    .ik-calendar__option:first-child .ik-calendar__checkbox {
        left: 0
    }
}

.ik-calendar__label {
    background-color: #ebebeb;
    width: calc(100% - 36px);
    margin-left: 36px;
    padding: 18px 20px;
    min-height: 148px
}

    .ik-calendar__label label {
        font-size: 24px;
        color: #d9176e;
        font-weight: 700;
        padding: 0 0 12px;
        display: block;
        cursor: pointer
    }

        .ik-calendar__label label:hover, .ik-calendar__label label:active, .ik-calendar__label label:focus {
            color: #000
        }

    .ik-calendar__label p {
        margin: 0;
        padding: 0;
        font-size: 15px
    }

.ik-calendar .calendar {
    display: none
}

@media screen and (min-width:50em) {
    .ik-calendar .calendar {
        display: block
    }
}

.ik-calendar .calendar > tbody > tr > td[colspan]:only-child {
    background-color: #000 !important
}

    .ik-calendar .calendar > tbody > tr > td[colspan]:only-child .calendar__title td a {
        color: #d9176e !important
    }

.ik-calendar .calendar__day-header {
    background-color: #d9176e !important;
    color: #fff !important
}

.ik-calendar .calendar__other-month, .ik-calendar .calendar__weekend {
    background-color: #eeedee
}

.ik-calendar .calendar__event a {
    background-color: #d9176e
}

.ik-calendar .calendar__event.calendar__event--gray a {
    background-color: #686868
}

.ik-calendar .calendar__event a:hover, .ik-calendar .calendar__event a:active, .ik-calendar .calendar__event a:focus {
    background-color: #000
}

@media screen and (min-width:50em) {
    .ik-calendar .event-list {
        display: none
    }
}

.event-list th {
    background: #002e40;
    color: #fff;
    text-transform: uppercase;
    font-weight: 300;
    text-align: left;
    min-width: 150px
}

@media(max-width:767px) {
    .event-list th {
        display: none
    }
}

.ik-calendar .event-list th {
    background: #000
}

.event-list th, .event-list td {
    padding: 15px
}

.event-list td {
    vertical-align: top
}

@media(max-width:767px) {
    .event-list td {
        display: block;
        padding: 5px 15px;
        font-size: .875em
    }
}

@media(max-width:767px) {
    .event-list tr {
        border-bottom: 4px solid #fff;
        padding: 10px 0;
        display: block
    }
}

.event-list__item:nth-child(odd) {
    background-color: #fff
}

.event-list__item:nth-child(even) {
    background-color: #fbf5d5
}

.ik-calendar .event-list__item:nth-child(even) {
    background: #eeedee
}

.event-list__link {
    font-size: 18px;
    font-weight: 700;
    display: block;
    padding: 0 0 3px
}

.ik-calendar .event-list__link {
    color: #d9176e
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
    top: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
    left: 2px
}

.ui-datepicker .ui-datepicker-next-hover {
    right: 2px
}

.staff-member {
    border-bottom: 1px solid #ebebeb
}

    .staff-member p {
        margin-top: 0
    }

span.CommentUserName {
    font-weight: bold
}

span.CommentDate {
    font-size: smaller;
    color: gray
}

.content-form {
    padding: 40px 0
}

.form-group {
    margin-bottom: 15px
}

    .form-group.required label {
        font-weight: bold
    }

.sponsor-list {
    border-bottom: 1px solid #ccc;
    margin-bottom: 40px;
    overflow: hidden;
    padding: 40px 0
}

.sponsor-list--exhibitor {
    border-bottom: 0
}

.sponsor-item {
    margin: 0 0 40px 0
}

.sponsor-item-image {
    display: block;
    height: 50px;
    text-align: center;
    width: 100%
}

    .sponsor-item-image img {
        max-height: 50px;
        max-width: 50%
    }

.sponsor-list.larger .sponsor-item .sponsor-item-image {
    height: 80px
}

    .sponsor-list.larger .sponsor-item .sponsor-item-image img {
        max-height: 100px;
        max-width: 100%
    }

.sponsor-item-name {
    display: block;
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

@media(min-width:768px) {
    .sponsor-item {
        float: left;
        margin: 0 10px 60px 10px;
        padding: 0 10px 0 10px;
        width: calc(33.33333333% - 20px)
    }

        .sponsor-item:nth-child(4n) {
            clear: left
        }
}

@media(min-width:992px) {
    .sponsor-item {
        width: calc(25% - 20px)
    }

        .sponsor-item:nth-child(4n) {
            clear: none
        }

        .sponsor-item:nth-child(4n+1) {
            clear: left
        }
}

.sponsor-detail {
    border-bottom: 1px solid #ccc;
    padding: 40px 0
}

.sponsor-detail--exhibitor {
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px
}

.sponsor-detail .sponsor-image img {
    width: 75%
}

.sponsor-detail .sponsor-information {
    margin-top: 20px
}

.sponsor-detail .sponsor-booth {
    font-weight: bold
}

.sponsor-detail .sponsor-description {
    margin-top: 20px
}

.sponsor-detail .sponsor-url {
    font-style: italic;
    margin-top: 20px
}

.sponsor-button {
    border-top: 1px solid #ccc;
    padding-top: 20px;
    margin-top: 20px;
    font-weight: bold;
    font-size: 24px
}

@media(min-width:768px) {
    .sponsor-detail {
        overflow: hidden
    }

        .sponsor-detail .sponsor-image {
            float: left;
            width: 25%
        }

        .sponsor-detail .sponsor-information {
            float: left;
            margin: 0 0 0 20px;
            width: calc(75% - 20px)
        }
}

.speakers {
    padding: 20px 0
}

    .speakers .speaker {
        border-bottom: 1px solid #ccc;
        padding: 20px 0;
        overflow: hidden
    }

.speaker .image {
    text-align: center
}

@media(min-width:768px) {
    .speaker .image {
        float: left;
        margin-right: 30px;
        text-align: left;
        width: calc(25% - 30px)
    }

    .speaker .details {
        float: left;
        width: 75%
    }

        .speaker .details h3 {
            margin-top: 0
        }
}

@media(min-width:992px) {
    .speaker .image {
        width: calc(15% - 30px)
    }

    .speaker .details {
        float: left;
        width: 85%
    }
}

.speaker .bio {
    margin-top: 20px
}

.speaker .title {
    font-weight: bold;
    font-size: 18px
}

.speaker .date, .speaker .location, .speaker .category {
    color: #666
}

.speaker .document {
    margin-top: 10px;
    font-weight: bold
}

.tile {
    margin: 20px 0;
    padding: 20px;
    background-position: center center;
    background-size: cover;
    text-align: center
}

@media screen and (min-width:62em) {
    .tile {
        padding: 65px 150px
    }
}

@media screen and (min-width:75em) {
    .tile {
        margin: 20px 150px 30px
    }
}

.tile__text {
    background-color: rgba(255,255,255,.89);
    padding: 25px 20px
}

@media screen and (min-width:62em) {
    .tile__text {
        padding: 50px 85px 35px
    }
}

.tile__button {
    background-color: #d9176e;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    display: inline-block;
    padding: 14px 20px;
    font-size: 20px
}

    .tile__button:hover, .tile__button:active, .tile__button:focus {
        color: #fff;
        background-color: #1f1f1f
    }

.tile h2 {
    font-size: 1.75em;
    color: #000;
    margin: 0;
    padding: 0 0 14px;
    font-weight: 700;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif
}

@media screen and (min-width:50em) {
    .tile h2 {
        font-size: 2em
    }
}

@media screen and (min-width:62em) {
    .tile h2 {
        font-size: 3em
    }
}

.tile p {
    font-size: 18px;
    margin: 0;
    padding: 0 0 34px
}

.book {
    padding: 30px 0 10px;
    margin: 0
}

@media screen and (min-width:75em) {
    .book {
        padding: 46px 49px
    }
}

.book:after {
    content: '';
    clear: both;
    display: table
}

.book__item {
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 22px 0;
    list-style-type: none;
    float: left
}

@media screen and (min-width:568px) {
    .book__item {
        width: 50%;
        padding: 0 11px 22px 11px
    }
}

@media screen and (min-width:62em) {
    .book__item {
        width: 33.3333%
    }
}

.book__image {
    width: 100%;
    height: 140px;
    background-size: cover;
    background-position: center center;
    background-color: #d9176e
}

@media screen and (min-width:568px) {
    .book__image {
        height: 180px
    }
}

@media screen and (min-width:62em) {
    .book__image {
        height: 254px
    }
}

.book__text {
    padding: 16px 18px;
    border: 1px solid #d7d7d7;
    border-top: none;
    background-color: #fff;
    color: #000;
    display: block;
    font-weight: 700
}

@media screen and (min-width:568px) {
    .book__text {
        height: 109px;
        font-size: 14px
    }
}

@media screen and (min-width:62em) {
    .book__text {
        padding: 22px 24px;
        font-size: 16px
    }
}

.book__text:hover, .book__text:active, .book__text:focus {
    color: #d9176e
}

.article-preview {
    padding: 20px 0
}

@media screen and (min-width:568px) {
    .article-preview {
        padding: 40px 0 20px
    }
}

@media screen and (min-width:62em) {
    .article-preview {
        padding: 60px 70px 20px
    }
}

@media screen and (min-width:75em) {
    .article-preview {
        padding: 60px 220px 40px
    }
}

.article-preview:after {
    content: '';
    clear: both;
    display: table
}

@media screen and (min-width:568px) {
    .article-preview__media {
        width: 50%;
        float: left
    }
}

.article-preview__video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

    .article-preview__video iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

.article-preview__text {
    padding: 16px 0 0
}

@media screen and (min-width:568px) {
    .article-preview__text {
        width: 50%;
        float: left;
        padding: 16px 0 0 40px
    }
}

.article-preview__text.full {
    width: 100%
}

.article-preview__text h2 {
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    color: #d9176e;
    margin: 0;
    padding: 0 0 12px
}

@media screen and (min-width:50em) {
    .article-preview__text h2 {
        padding: 0 0 20px
    }
}

.article-preview__text p {
    margin: 0;
    padding: 0 0 16px
}

.article-preview__text .article-preview__p {
    margin: 0;
    padding: 0 0 16px
}

    .article-preview__text .article-preview__p > p {
        margin: 0;
        padding: 0
    }

.article-preview__text a.more-link {
    left: 15px
}

@media screen and (min-width:568px) {
    .article-preview__text a.more-link {
        left: 0
    }
}

.items-slider {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 600
}

@media screen and (min-width:480px) {
    .items-slider {
        padding: 0 44px
    }
}

@media screen and (min-width:1380px) {
    .items-slider {
        margin: 0 101px
    }
}

.items-slider .slick-list {
    padding: 30px 30px 72px
}

@media screen and (min-width:480px) {
    .items-slider .slick-list {
        padding: 30px 30px 38px
    }
}

.items-slider .slick-dots {
    bottom: 0;
    background: transparent
}

    .items-slider .slick-dots li button {
        border: 1px solid #d9176e;
        background: #d9176e;
        position: relative;
        top: -5px
    }

    .items-slider .slick-dots li.slick-active button {
        background: #fff;
        border: 1px solid #afafaf
    }

.items-slider .slick-track {
    position: static;
    background: transparent
}

.items-slider .slick-prev, .items-slider .slick-next {
    display: inline-block !important;
    background-color: transparent;
    background-image: url("/App_Themes/nais/images/ik/slider-arrow1.png");
    background-size: 87px 63px;
    height: 63px;
    width: 44px;
    top: 50%;
    padding: 0;
    opacity: .9
}

    .items-slider .slick-prev:before, .items-slider .slick-next:before {
        display: none
    }

    .items-slider .slick-prev:focus, .items-slider .slick-prev:hover, .items-slider .slick-prev:active, .items-slider .slick-next:focus, .items-slider .slick-next:hover, .items-slider .slick-next:active {
        opacity: 1
    }

    .items-slider .slick-prev:focus, .items-slider .slick-next:focus {
        outline: 5px auto #4d90fe
    }

.items-slider .slick-prev {
    left: 3px
}

.items-slider .slick-next {
    right: 3px;
    background-position: 44px 0
}

.items-slider__item {
    display: inline-block;
    margin: 15px;
    width: 170px;
    min-width: 170px !important;
    height: 170px;
    position: relative;
    z-index: 500;
    -webkit-transition: opacity .15s linear;
    -o-transition: opacity .15s linear;
    transition: opacity .15s linear;
    border-radius: 50%;
    opacity: 1
}

@media screen and (max-width:599px) {
    .items-slider__item {
        z-index: 600
    }
}

.items-slider__item:hover {
    z-index: 600
}

    .items-slider__item:hover .items-slider__circle {
        -webkit-transform: scale(1.5) translate(-33.3333%,-33.3333%);
        -ms-transform: scale(1.5) translate(-33.3333%,-33.3333%);
        transform: scale(1.5) translate(-33.3333%,-33.3333%);
        background-color: #fff;
        -webkit-transition: all .25s linear 0s;
        -o-transition: all .25s linear 0s;
        transition: all .25s linear 0s;
        -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.13);
        box-shadow: 0 0 9px 0 rgba(0,0,0,.13)
    }

    .items-slider__item:hover .items-slider__link {
        left: -35px;
        right: -35px;
        height: 250px;
        color: #d9176e
    }

    .items-slider__item:hover .items-slider__text {
        width: 220px
    }

    .items-slider__item:hover .items-slider__front-text {
        color: #d9176e
    }

    .items-slider__item:hover .items-slider__back-text {
        -webkit-transition: opacity .25s linear .4s,max-height .25s linear .4s,padding .15s linear .3s;
        -o-transition: opacity .25s linear .4s,max-height .25s linear .4s,padding .15s linear .3s;
        transition: opacity .25s linear .4s,max-height .25s linear .4s,padding .15s linear .3s;
        opacity: 1;
        max-height: 500px;
        padding: 10px 18px;
        color: #3954a5;
        border-top: 1px solid #0066a5
    }

.items-slider__circle {
    width: 170px;
    height: 170px;
    background-color: #d9176e;
    display: block;
    border-radius: 50%;
    position: absolute;
    -webkit-transition: all .25s linear .2s;
    -o-transition: all .25s linear .2s;
    transition: all .25s linear .2s;
    top: 50%;
    left: 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

@media screen and (max-width:599px) {
    .items-slider__circle {
        -webkit-transform: scale(1.5) translate(-33.3333%,-33.3333%);
        -ms-transform: scale(1.5) translate(-33.3333%,-33.3333%);
        transform: scale(1.5) translate(-33.3333%,-33.3333%);
        background-color: #fff;
        -webkit-transition: all .25s linear 0s;
        -o-transition: all .25s linear 0s;
        transition: all .25s linear 0s;
        -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.13);
        box-shadow: 0 0 9px 0 rgba(0,0,0,.13)
    }
}

.items-slider__link {
    color: #fff;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 170px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

@media screen and (max-width:599px) {
    .items-slider__link {
        left: -35px;
        right: -35px;
        height: 250px
    }
}

.items-slider__text {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    font-size: 18px;
    width: 170px;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

@media screen and (max-width:599px) {
    .items-slider__text {
        width: 220px
    }
}

.items-slider__front-text {
    color: #fff;
    text-transform: uppercase;
    padding: 16px 18px;
    -webkit-transition: all .25s linear;
    -o-transition: all .25s linear;
    transition: all .25s linear
}

@media screen and (max-width:599px) {
    .items-slider__front-text {
        color: #d9176e
    }
}

.items-slider__back-text {
    opacity: 0;
    color: transparent;
    font-size: 12px;
    text-transform: uppercase;
    max-height: 0;
    border-top: 1px solid transparent;
    padding: 0;
    margin: 0 12px;
    line-height: 1.2em
}

@media screen and (max-width:599px) {
    .items-slider__back-text {
        opacity: 1;
        max-height: 500px;
        padding: 10px 18px;
        color: #3954a5;
        border-top: 1px solid #0066a5
    }
}

.hill {
    padding: 0;
    margin: 0;
    list-style-type: none
}

@media screen and (min-width:930px) {
    .hill {
        max-width: 930px;
        height: 639px;
        margin: 0 auto;
        position: relative
    }
}

@media screen and (min-width:930px) {
    .hill__item {
        position: absolute
    }

    .hill__item--now-town {
        left: 39px;
        bottom: 62px
    }

    .hill__item--day-hikes {
        left: 170px;
        bottom: 103px
    }

    .hill__item--the-ascent {
        left: 314px;
        bottom: 206px
    }

    .hill__item--summit-idea {
        left: 371px;
        bottom: 254px
    }

    .hill__item--the-descent {
        left: 447px;
        bottom: 206px
    }

    .hill__item--second-summit {
        left: 866px;
        bottom: 316px
    }
}

.hill__circle {
    display: block;
    width: 57px;
    height: 57px;
    opacity: .5;
    -webkit-border-radius: 50%;
    border-radius: 50%
}

    .hill__circle:hover, .hill__circle:focus, .hill__circle:active {
        background-color: rgba(0,0,0,.15)
    }

        .hill__circle:hover + .hill__popup, .hill__circle:focus + .hill__popup, .hill__circle:active + .hill__popup {
            visibility: visible;
            opacity: 1;
            -webkit-transition: opacity .25s linear,visibility 0s linear 0s;
            -o-transition: opacity .25s linear,visibility 0s linear 0s;
            transition: opacity .25s linear,visibility 0s linear 0s
        }

.hill__popup {
    visibility: hidden;
    opacity: 0;
    z-index: 500;
    position: absolute;
    background-color: #fff;
    top: -6px;
    left: 68px;
    width: 220px;
    padding: 24px 20px;
    text-align: left;
    -webkit-box-shadow: 0 0 9px 0 rgba(0,0,0,.31);
    box-shadow: 0 0 9px 0 rgba(0,0,0,.31);
    -webkit-transition: opacity .25s linear,visibility 0s linear .25s;
    -o-transition: opacity .25s linear,visibility 0s linear .25s;
    transition: opacity .25s linear,visibility 0s linear .25s
}

.hill__item--second-summit .hill__popup {
    left: -230px
}

.hill__popup:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 9px 6.5px 0;
    border-color: transparent #fff transparent transparent;
    position: absolute;
    left: -9px;
    top: 26px
}

.hill__item--second-summit .hill__popup:before {
    left: 220px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 6.5px 0 6.5px 9px;
    border-color: transparent transparent transparent #fff
}

.hill__popup h2 {
    font-size: 18px;
    color: #d9176e;
    font-weight: 700;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 8px
}

.hill__popup p {
    font-size: 14px;
    color: #4b4c4c;
    margin: 0;
    padding: 0
}

.events-table {
    margin: 6px 0 24px;
    width: 100%;
    font-size: .875em
}

@media screen and (min-width:62em) {
    .events-table {
        font-size: 1em
    }
}

.events-table thead {
    display: none
}

    .events-table thead th {
        text-align: left;
        background-color: #002e40;
        padding: 8px 12px;
        color: #fff
    }

        .events-table thead th[data-sort] {
            padding: 8px 12px 8px 32px
        }

@media screen and (min-width:62em) {
    .events-table thead th {
        padding: 12px 18px
    }

        .events-table thead th[data-sort] {
            padding: 12px 18px 12px 32px
        }
}

@media screen and (min-width:50em) {
    .events-table thead {
        display: table-header-group
    }
}

.events-table tbody tr {
    background-color: #fff;
    display: block;
    cursor: pointer
}

    .events-table tbody tr:nth-child(odd) {
        background-color: #f2f2f2;
        transition: background-color .2s;
        padding: 12px 0
    }

        .events-table tbody tr:nth-child(odd):hover, .events-table tbody tr:nth-child(odd):active {
            background-color: #e2e2e2
        }

@media screen and (min-width:50em) {
    .events-table tbody tr {
        display: table-row;
        padding: 0
    }
}

.events-table tbody td {
    padding: 2px 18px 6px;
    display: block
}

@media screen and (min-width:50em) {
    .events-table tbody td {
        display: table-cell;
        padding: 8px 12px
    }
}

@media screen and (min-width:62em) {
    .events-table tbody td {
        padding: 12px 18px
    }
}

.events-table__list {
    margin: 0;
    list-style-type: none;
    padding: 0
}

    .events-table__list li {
        padding: 0 0 6px;
        height: auto
    }

.events-table__description-transformed {
    visibility: hidden;
    overflow: hidden;
    line-height: 0;
    cursor: default;
    border-bottom: 2px solid #e2e2e2
}

    .events-table__description-transformed .events-table__inline-head {
        display: none
    }

    .events-table__description-transformed .events-table__list li {
        padding: 0;
        height: 0
    }

    .events-table__description-transformed td {
        transition: max-height .5s,padding .25s;
        max-height: 0;
        display: table-cell;
        overflow: hidden;
        padding: 0 18px !important
    }

@media screen and (min-width:50em) {
    .events-table__description-transformed td {
        padding: 0 18px 0 45px !important
    }
}

.events-table__description-transformed--visible {
    visibility: visible;
    line-height: 1.5em
}

    .events-table__description-transformed--visible .events-table__list li {
        padding: 0 0 12px;
        height: auto
    }

        .events-table__description-transformed--visible .events-table__list li strong {
            opacity: .6;
            display: block;
            font-size: .8125em;
            line-height: 1.35em;
            font-weight: 400
        }

        .events-table__description-transformed--visible .events-table__list li ul {
            padding: 0;
            list-style-type: none
        }

            .events-table__description-transformed--visible .events-table__list li ul li {
                padding: 0 0 2px
            }

    .events-table__description-transformed--visible td {
        max-height: 1000px;
        padding: 12px 18px 32px !important
    }

@media screen and (min-width:50em) {
    .events-table__description-transformed--visible td {
        padding: 12px 18px 24px 45px !important
    }
}

.events-table__title {
    font-weight: 700;
    font-size: 1.125em
}

@media screen and (min-width:50em) {
    .events-table__title {
        font-size: 1em;
        width: 50%
    }
}

@media screen and (min-width:62em) {
    .events-table__title {
        font-size: 1.125em
    }
}

@media screen and (min-width:50em) {
    .events-table__time {
        width: 20%
    }
}

@media screen and (min-width:62em) {
    .events-table__time {
        width: 16%
    }
}

.events-table__inline-head {
    opacity: .6;
    display: block;
    font-size: 12px;
    line-height: 1.4em;
    font-weight: 400
}

@media screen and (min-width:50em) {
    .events-table__inline-head {
        display: none
    }
}

@media screen and (min-width:50em) {
    .events-table__time {
        white-space: nowrap
    }
}

.events-table__time br {
    content: ' ';
    display: none
}

@media screen and (min-width:50em) {
    .events-table__time br {
        content: '';
        display: block
    }
}

.events-table__tbody:empty:after {
    content: 'No matching records found';
    padding: 0;
    display: block;
    width: 100%
}

@media screen and (min-width:50em) {
    .events-table__tbody:empty:after {
        padding: 8px 12px
    }
}

@media screen and (min-width:62em) {
    .events-table__tbody:empty:after {
        padding: 12px 18px
    }
}

.events-table tbody tr.events-table__data {
    padding: 12px 0 36px;
    position: relative
}

    .events-table tbody tr.events-table__data:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 4px 0 4px;
        border-color: #002e40 transparent transparent transparent;
        position: absolute;
        bottom: 18px;
        left: 18px
    }

    .events-table tbody tr.events-table__data:after {
        content: 'Description';
        position: absolute;
        bottom: 11px;
        left: 34px;
        opacity: .6
    }

.events-table tbody tr.events-table__data--visible:before {
    border-width: 0 4px 6px 4px;
    border-color: transparent transparent #002e40 transparent
}

@media screen and (min-width:50em) {
    .events-table tbody tr.events-table__data {
        padding: 12px 0
    }

        .events-table tbody tr.events-table__data:before, .events-table tbody tr.events-table__data:after {
            display: none
        }

        .events-table tbody tr.events-table__data > td:first-child {
            padding-left: 48px;
            position: relative
        }

            .events-table tbody tr.events-table__data > td:first-child:before {
                content: '';
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 8px 6px 0 6px;
                border-color: #002e40 transparent transparent transparent;
                position: absolute;
                top: calc(50% - 4px);
                left: 18px
            }

    .events-table tbody tr.events-table__data--visible:before {
        display: none
    }

    .events-table tbody tr.events-table__data--visible > td:first-child:before {
        border-width: 0 6px 8px 6px;
        border-color: transparent transparent #002e40 transparent
    }
}

@media screen and (max-width:49.9999em) {
    .events-table__data td:before {
        opacity: .6;
        display: block;
        font-size: 12px;
        line-height: 1.4em;
        font-weight: 400
    }

    .events-table__title:before {
        content: 'Title:'
    }

    .events-table__block:before {
        content: 'Block:'
    }

    .events-table__time:before {
        content: 'Time:'
    }

    .events-table__track:before {
        content: 'Track:'
    }

    .events-table__time:before {
        content: 'Time:'
    }

    .events-table__location:before {
        content: 'Location:'
    }

    .events-table__activity:before {
        content: 'Activity Type:'
    }

    .events-table__ticket:before {
        content: 'Ticket Type:'
    }

    .events-table__registration:before {
        content: 'Registration:'
    }

    .events-table__price:before {
        content: 'Price:'
    }
}

.listjs__pagination {
    padding: 0;
    margin: 0;
    list-style-type: none
}

    .listjs__pagination li {
        display: inline-block;
        border-right: 1px solid #e2e2e2
    }

        .listjs__pagination li:last-child {
            border: none
        }

        .listjs__pagination li a {
            display: block;
            min-width: 35px;
            background-color: #f2f2f2;
            color: #000;
            padding: 8px 6px;
            text-align: center
        }

            .listjs__pagination li a:hover, .listjs__pagination li a:active {
                background-color: #e2e2e2
            }

        .listjs__pagination li.active a {
            background-color: #002e40;
            color: #fff;
            cursor: default
        }

            .listjs__pagination li.active a:hover, .listjs__pagination li.active a:active {
                background-color: #002e40;
                color: #fff
            }

        .listjs__pagination li.disabled a {
            background-color: #fff;
            cursor: default
        }

            .listjs__pagination li.disabled a:hover, .listjs__pagination li.disabled a:active {
                background-color: #fff
            }

input[type="text"].listjs__search {
    max-width: 320px
}

.sort {
    cursor: pointer;
    position: relative
}

    .sort:hover, .sort:active {
        color: #f2f2f2
    }

    .sort:before, .sort:after {
        content: '';
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        opacity: .6
    }

    .sort:before {
        border-width: 8px 4px 0 4px;
        border-color: #fff transparent transparent transparent;
        top: calc(50% + 2px);
        left: 16px
    }

    .sort:after {
        border-width: 0 4px 8px 4px;
        border-color: transparent transparent #fff transparent;
        top: calc(50% - 10px);
        left: 16px
    }

    .sort.desc:before {
        opacity: 1
    }

    .sort.asc:after {
        opacity: 1
    }

.dropdown {
    position: relative;
    min-width: 150px
}

.dropdown__label {
    background-color: #f2f2f2;
    color: #002e40;
    padding: 3px 32px 3px 8px;
    position: relative;
    cursor: pointer
}

    .dropdown__label:hover, .dropdown__label:active {
        background-color: #e2e2e2
    }

    .dropdown__label:after {
        content: '';
        position: absolute;
        top: calc(50% - 3px);
        right: 8px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 6px 4px 0 4px;
        border-color: #002e40 transparent transparent transparent;
        -webkit-transition: visibility .2s .2s,opacity .2s;
        -moz-transition: visibility .2s .2s,opacity .2s;
        -o-transition: visibility .2s .2s,opacity .2s;
        transition: visibility .2s .2s,opacity .2s
    }

.dropdown__list {
    margin: 0;
    padding: 0;
    list-style-type: none;
    visibility: hidden;
    opacity: 0;
    position: absolute;
    top: 28px;
    left: 0;
    right: 0;
    max-height: 250px;
    overflow-y: auto;
    -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.25);
    -moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.25);
    box-shadow: 0 2px 10px 0 rgba(0,0,0,.25)
}

.dropdown__item {
    padding: 3px 8px;
    color: #002e40;
    background-color: #fff;
    font-size: .875em;
    font-weight: 400;
    border-bottom: 1px solid #f2f2f2;
    cursor: pointer
}

    .dropdown__item:hover, .dropdown__item:active {
        background-color: #e2e2e2
    }

.dropdown--active .dropdown__list {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s,0s;
    z-index: 1000
}

.scheme-page .topic-page-description {
    margin-top: 0
}

.scheme-page .solid-box {
    padding: 20px 38px 25px;
    display: block;
    font-weight: 400
}

    .scheme-page .solid-box h2 {
        font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
        font-size: 30px;
        margin: 0 0 8px
    }

    .scheme-page .solid-box p {
        margin: 0;
        padding: 0
    }

.scheme-page .topic-page-description h1 {
    font-size: 1.875em;
    margin: 0;
    padding: 0 0 6px;
    line-height: 1.25em
}

@media screen and (min-width:50em) {
    .scheme-page .topic-page-description h1 {
        font-size: 2.5em;
        padding: 0 0 12px
    }
}

@media screen and (min-width:62em) {
    .scheme-page .topic-page-description h1 {
        font-size: 3em
    }
}

.scheme-page .topic-page-description h2 {
    font-size: 1.25em;
    font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
    margin: 0;
    padding: 0 0 12px;
    line-height: 1.25em
}

@media screen and (min-width:50em) {
    .scheme-page .topic-page-description h2 {
        font-size: 1.5em
    }
}

.scheme-page .feature-block h2 {
    font-family: "filosofia_otbold","Georgia",serif;
    font-size: 1.875em
}

.scheme-page .join-link {
    font-size: 1.125em;
    font-weight: 700;
    padding: 8px 0 0;
    display: inline-block
}

.scheme-page p {
    margin: 0;
    padding: 0 0 16px
}

.scheme-page a.more-link::before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5.5px 0 5.5px 10px;
    border-color: transparent transparent transparent #acc42a
}

.scheme-page .announcements {
    padding: 50px 18px 20px
}

    .scheme-page .announcements li {
        padding: 0;
        border: none
    }

        .scheme-page .announcements li a {
            padding: 10px 0 10px 15px
        }

        .scheme-page .announcements li:first-child a {
            border-top: none
        }

        .scheme-page .announcements li a.more-link::before {
            top: 16px
        }

.scheme-page .section-nav li .more-link {
    padding: 10px 18px
}

.scheme-page .hero {
    padding: 1em 0
}

@media screen and (min-width:50em) {
    .scheme-page .hero {
        padding: 2.5em 0
    }
}

.scheme-page .hero .page-wrapper {
    margin-bottom: 0
}

    .scheme-page .hero .page-wrapper .main-col.separator {
        border-right: 1px solid #b7b7b7
    }

.scheme-page .hero h2 {
    padding: .36em 0 .6em
}

.scheme-page .page-wrapper.narrow {
    margin: 0 auto
}

.scheme-page .wide-hero {
    margin: 0
}

    .scheme-page .wide-hero .text h2 {
        color: #002e40;
        margin: .4em 0 .2em
    }

    .scheme-page .wide-hero .text h3 {
        color: #a6dad8;
        font-family: "Gotham A","Gotham B",Helvetica,sans-serif;
        font-size: 1.125em
    }

@media screen and (min-width:50em) {
    .scheme-page .wide-hero .text h3 {
        font-size: 1.375em
    }
}

.scheme-page .wide-hero .image {
    border: none
}

@media screen and (min-width:50em) {
    .scheme-page .wide-hero figure {
        margin-top: 0
    }

    .scheme-page .wide-hero .wrapper.narrow {
        padding: 30px 2.5em 30px
    }

    .scheme-page .wide-hero .image {
        width: 30.56604%;
        float: left;
        margin-right: 4.15094%
    }

    .scheme-page .wide-hero .text {
        width: 65.28302%;
        float: right;
        margin-right: 0
    }
}

@media screen and (min-width:50em) {
    .scheme-page .slider + .page-wrapper {
        margin: 0 auto 35px auto
    }
}

@media screen and (min-width:62em) {
    .scheme-page .slider + .page-wrapper {
        margin: 0 auto 38px auto
    }
}

.scheme-page--blue .topic-page-description h1 {
    color: #0097d5
}

.scheme-page--blue .topic-page-description h2 {
    color: #a6dad8
}

.scheme-page--blue .join-link {
    color: #a6dad8
}

.scheme-page--blue a:not([class]) {
    color: #f26c4f;
    text-decoration: underline
}

    .scheme-page--blue a:not([class]):hover, .scheme-page--blue a:not([class]):active, .scheme-page--blue a:not([class]):focus {
        text-decoration: none
    }

.scheme-page--blue .announcements {
    background-color: #a6dad8
}

    .scheme-page--blue .announcements li a {
        border-top: 1px solid #4380ac
    }

.scheme-page--blue .content-type span {
    background-color: #f26c4f
}

.scheme-page--blue .feature-block.no-image, .scheme-page--blue .feature-block.callout, .scheme-page--blue .feature-block.panel {
    background: #a6dad8
}

    .scheme-page--blue .feature-block.no-image .more-link:hover, .scheme-page--blue .feature-block.no-image .more-link:active, .scheme-page--blue .feature-block.no-image .more-link:focus, .scheme-page--blue .feature-block.callout .more-link:hover, .scheme-page--blue .feature-block.callout .more-link:active, .scheme-page--blue .feature-block.callout .more-link:focus, .scheme-page--blue .feature-block.panel .more-link:hover, .scheme-page--blue .feature-block.panel .more-link:active, .scheme-page--blue .feature-block.panel .more-link:focus {
        color: #f26c4f
    }

.scheme-page--blue .section-nav li .more-link {
    background-color: #0097d5
}

    .scheme-page--blue .section-nav li .more-link:hover, .scheme-page--blue .section-nav li .more-link:active, .scheme-page--blue .section-nav li .more-link:focus {
        color: #f26c4f
    }

.scheme-page--blue a.more-link::before {
    border-color: transparent transparent transparent #f26c4f;
    background: none;
    left: -2px
}

.scheme-page--blue a.more-link:hover, .scheme-page--blue a.more-link:active, .scheme-page--blue a.more-link:focus {
    color: #f26c4f
}

.scheme-page--light-blue .solid-box {
    background-color: #f26c4f;
    color: #fff
}

    .scheme-page--light-blue .solid-box:hover, .scheme-page--light-blue .solid-box:active, .scheme-page--light-blue .solid-box:focus {
        background-color: #f05837
    }

    .scheme-page--light-blue .solid-box h2 {
        color: #fff
    }

.scheme-page--light-blue .topic-page-description h1 {
    color: #0f385a
}

.scheme-page--light-blue .topic-page-description h2 {
    color: #25a0d5
}

.scheme-page--light-blue .join-link {
    color: #0097d5
}

.scheme-page--light-blue a:not([class]) {
    color: #f26c4f;
    text-decoration: underline
}

    .scheme-page--light-blue a:not([class]):hover, .scheme-page--light-blue a:not([class]):active, .scheme-page--light-blue a:not([class]):focus {
        text-decoration: none
    }

.scheme-page--light-blue .announcements {
    background-color: #a6dad8
}

    .scheme-page--light-blue .announcements li a {
        color: #0f385a;
        border-top: 1px solid #b7d9d8
    }

.scheme-page--light-blue .content-type span {
    background-color: #f26c4f
}

.scheme-page--light-blue .feature-block.no-image, .scheme-page--light-blue .feature-block.callout, .scheme-page--light-blue .feature-block.panel {
    background: #cbeae8
}

    .scheme-page--light-blue .feature-block.no-image h2, .scheme-page--light-blue .feature-block.no-image p, .scheme-page--light-blue .feature-block.callout h2, .scheme-page--light-blue .feature-block.callout p, .scheme-page--light-blue .feature-block.panel h2, .scheme-page--light-blue .feature-block.panel p {
        color: #0f385a
    }

    .scheme-page--light-blue .feature-block.no-image .more-link, .scheme-page--light-blue .feature-block.callout .more-link, .scheme-page--light-blue .feature-block.panel .more-link {
        color: #0f385a
    }

        .scheme-page--light-blue .feature-block.no-image .more-link:hover, .scheme-page--light-blue .feature-block.no-image .more-link:active, .scheme-page--light-blue .feature-block.no-image .more-link:focus, .scheme-page--light-blue .feature-block.callout .more-link:hover, .scheme-page--light-blue .feature-block.callout .more-link:active, .scheme-page--light-blue .feature-block.callout .more-link:focus, .scheme-page--light-blue .feature-block.panel .more-link:hover, .scheme-page--light-blue .feature-block.panel .more-link:active, .scheme-page--light-blue .feature-block.panel .more-link:focus {
            color: #f26c4f
        }

.scheme-page--light-blue .section-nav li .more-link {
    background-color: #0097d5
}

    .scheme-page--light-blue .section-nav li .more-link:hover, .scheme-page--light-blue .section-nav li .more-link:active, .scheme-page--light-blue .section-nav li .more-link:focus {
        color: #f26c4f
    }

.scheme-page--light-blue a.more-link::before {
    border-color: transparent transparent transparent #f26c4f;
    background: none;
    left: -2px
}

.scheme-page--light-blue a.more-link:hover, .scheme-page--light-blue a.more-link:active, .scheme-page--light-blue a.more-link:focus {
    color: #f26c4f
}

.scheme-page--light-blue .slider .slick-dots li.slick-active button {
    background-color: #25a0d5;
    border: 1px solid #25a0d5
}

.scheme-page--light-blue .slider .slick-dots li button {
    border-color: #969696
}

.scheme-page--light-blue .wide-hero .text h3 {
    color: #0097d5
}

.scheme-page--light-blue .section-nav li .more-link:hover, .scheme-page--light-blue .section-nav li .more-link:focus, .scheme-page--light-blue .section-nav li .more-link:active {
    color: #a6dad8
}

.scheme-page--purple .solid-box {
    background-color: #6f2b90;
    color: #fff
}

    .scheme-page--purple .solid-box:hover, .scheme-page--purple .solid-box:active, .scheme-page--purple .solid-box:focus {
        background-color: #60257c
    }

    .scheme-page--purple .solid-box h2 {
        color: #fff
    }

.scheme-page--purple .topic-page-description h1 {
    color: #64248f
}

.scheme-page--purple .topic-page-description h2 {
    color: #0097d5
}

.scheme-page--purple .join-link {
    color: #0097d5
}

.scheme-page--purple a:not([class]) {
    color: #64248f;
    text-decoration: underline
}

    .scheme-page--purple a:not([class]):hover, .scheme-page--purple a:not([class]):active, .scheme-page--purple a:not([class]):focus {
        text-decoration: none
    }

.scheme-page--purple .announcements {
    background-color: #363636
}

    .scheme-page--purple .announcements li a {
        border-top: 1px solid #5d5d5d
    }

.scheme-page--purple .content-type span {
    background-color: #25a0d5
}

.scheme-page--purple .feature-block.no-image, .scheme-page--purple .feature-block.callout, .scheme-page--purple .feature-block.panel {
    background: #64248f
}

    .scheme-page--purple .feature-block.no-image .more-link:hover, .scheme-page--purple .feature-block.no-image .more-link:active, .scheme-page--purple .feature-block.no-image .more-link:focus, .scheme-page--purple .feature-block.callout .more-link:hover, .scheme-page--purple .feature-block.callout .more-link:active, .scheme-page--purple .feature-block.callout .more-link:focus, .scheme-page--purple .feature-block.panel .more-link:hover, .scheme-page--purple .feature-block.panel .more-link:active, .scheme-page--purple .feature-block.panel .more-link:focus {
        color: #25a0d5
    }

.scheme-page--purple .section-nav li .more-link {
    background-color: #64248f
}

    .scheme-page--purple .section-nav li .more-link:hover, .scheme-page--purple .section-nav li .more-link:active, .scheme-page--purple .section-nav li .more-link:focus {
        color: #25a0d5
    }

.scheme-page--purple a.more-link::before {
    border-color: transparent transparent transparent #25a0d5;
    background: none;
    left: -2px
}

.scheme-page--purple a.more-link:hover, .scheme-page--purple a.more-link:active, .scheme-page--purple a.more-link:focus {
    color: #25a0d5
}

.scheme-page--purple .hero {
    background-color: #fff
}

    .scheme-page--purple .hero .hashtag__name, .scheme-page--purple .hero .hashtag__tag strong {
        color: #64248f
    }

.scheme-page--purple .wide-hero .text h2 {
    color: #64248f
}

.scheme-page--purple .wide-hero .text h3 {
    color: #0097d5;
    font-size: 1.25em
}

.scheme-page--purple .wide-hero .text a.more-link::before {
    border-color: transparent transparent transparent #64248f
}

.scheme-page--purple .sponsors__heading {
    background-color: #25a0d5
}

.scheme-page--purple .slick-prev, .scheme-page--purple .slick-next {
    background-color: #64248f
}

.scheme-page--teal .solid-box {
    background-color: #6f2b90;
    color: #fff
}

    .scheme-page--teal .solid-box:hover, .scheme-page--teal .solid-box:active, .scheme-page--teal .solid-box:focus {
        background-color: #60257c
    }

    .scheme-page--teal .solid-box h2 {
        color: #fff
    }

.scheme-page--teal .topic-page-description h1 {
    color: #64248f
}

.scheme-page--teal .topic-page-description h2 {
    color: #21a28f
}

.scheme-page--teal .join-link {
    color: #21a28f
}

.scheme-page--teal a:not([class]) {
    color: #64248f;
    text-decoration: underline
}

    .scheme-page--teal a:not([class]):hover, .scheme-page--teal a:not([class]):active, .scheme-page--teal a:not([class]):focus {
        text-decoration: none
    }

.scheme-page--teal .announcements {
    background-color: #363636
}

    .scheme-page--teal .announcements li a {
        border-top: 1px solid #5d5d5d
    }

.scheme-page--teal .content-type span {
    background-color: #21a28f
}

.scheme-page--teal .feature-block.no-image, .scheme-page--teal .feature-block.callout, .scheme-page--teal .feature-block.panel {
    background: #64248f
}

    .scheme-page--teal .feature-block.no-image .more-link:hover, .scheme-page--teal .feature-block.no-image .more-link:active, .scheme-page--teal .feature-block.no-image .more-link:focus, .scheme-page--teal .feature-block.callout .more-link:hover, .scheme-page--teal .feature-block.callout .more-link:active, .scheme-page--teal .feature-block.callout .more-link:focus, .scheme-page--teal .feature-block.panel .more-link:hover, .scheme-page--teal .feature-block.panel .more-link:active, .scheme-page--teal .feature-block.panel .more-link:focus {
        color: #21a28f
    }

.scheme-page--teal .section-nav li .more-link {
    background-color: #64248f
}

    .scheme-page--teal .section-nav li .more-link:hover, .scheme-page--teal .section-nav li .more-link:active, .scheme-page--teal .section-nav li .more-link:focus {
        color: #21a28f
    }

.scheme-page--teal a.more-link::before {
    border-color: transparent transparent transparent #21a28f;
    background: none;
    left: -2px
}

.scheme-page--teal a.more-link:hover, .scheme-page--teal a.more-link:active, .scheme-page--teal a.more-link:focus {
    color: #21a28f
}

.scheme-page--teal .hero {
    background-color: #fff
}

    .scheme-page--teal .hero .hashtag__name, .scheme-page--teal .hero .hashtag__tag strong {
        color: #64248f
    }

.scheme-page--teal .wide-hero .text h2 {
    color: #64248f
}

.scheme-page--teal .wide-hero .text h3 {
    color: #21a28f;
    font-size: 1.25em
}

.scheme-page--teal .wide-hero .text a.more-link::before {
    border-color: transparent transparent transparent #64248f
}

.scheme-page--teal .content-block__content h3 {
    color: #21a28f
}

.scheme-page--teal .sponsors__heading {
    background-color: #21a28f
}

.scheme-page--teal .slick-prev, .scheme-page--teal .slick-next {
    background-color: #64248f
}

.scheme-page--annual-conf .solid-box {
    background-color: #8bb836;
    color: #fff
}

    .scheme-page--annual-conf .solid-box:hover, .scheme-page--annual-conf .solid-box:active, .scheme-page--annual-conf .solid-box:focus {
        background-color: #7ca430
    }

    .scheme-page--annual-conf .solid-box h2 {
        color: #fff
    }

.scheme-page--annual-conf .topic-page-description h1 {
    color: #0f385a
}

.scheme-page--annual-conf .topic-page-description h2 {
    color: #d0006e
}

.scheme-page--annual-conf .join-link {
    color: #d0006e
}

.scheme-page--annual-conf a:not([class]) {
    color: #8bb836;
    text-decoration: underline
}

    .scheme-page--annual-conf a:not([class]):hover, .scheme-page--annual-conf a:not([class]):active, .scheme-page--annual-conf a:not([class]):focus {
        text-decoration: none
    }

.scheme-page--annual-conf .announcements {
    background-color: #fcf1da
}

    .scheme-page--annual-conf .announcements li a {
        color: #0f385a;
        border-top: 1px solid #b7d9d8
    }

.scheme-page--annual-conf .content-type span {
    background-color: #8bb836
}

.scheme-page--annual-conf .feature-block.no-image, .scheme-page--annual-conf .feature-block.callout, .scheme-page--annual-conf .feature-block.panel {
    background: #cbeae8
}

    .scheme-page--annual-conf .feature-block.no-image h2, .scheme-page--annual-conf .feature-block.no-image p, .scheme-page--annual-conf .feature-block.callout h2, .scheme-page--annual-conf .feature-block.callout p, .scheme-page--annual-conf .feature-block.panel h2, .scheme-page--annual-conf .feature-block.panel p {
        color: #0f385a
    }

    .scheme-page--annual-conf .feature-block.no-image .more-link, .scheme-page--annual-conf .feature-block.callout .more-link, .scheme-page--annual-conf .feature-block.panel .more-link {
        color: #0f385a
    }

        .scheme-page--annual-conf .feature-block.no-image .more-link:hover, .scheme-page--annual-conf .feature-block.no-image .more-link:active, .scheme-page--annual-conf .feature-block.no-image .more-link:focus, .scheme-page--annual-conf .feature-block.callout .more-link:hover, .scheme-page--annual-conf .feature-block.callout .more-link:active, .scheme-page--annual-conf .feature-block.callout .more-link:focus, .scheme-page--annual-conf .feature-block.panel .more-link:hover, .scheme-page--annual-conf .feature-block.panel .more-link:active, .scheme-page--annual-conf .feature-block.panel .more-link:focus {
            color: #8bb836
        }

.scheme-page--annual-conf .section-nav li .more-link {
    background-color: #0097d5
}

    .scheme-page--annual-conf .section-nav li .more-link:hover, .scheme-page--annual-conf .section-nav li .more-link:active, .scheme-page--annual-conf .section-nav li .more-link:focus {
        color: #8bb836
    }

.scheme-page--annual-conf a.more-link::before {
    border-color: transparent transparent transparent #8bb836;
    background: none;
    left: -2px
}

.scheme-page--annual-conf a.more-link:hover, .scheme-page--annual-conf a.more-link:active, .scheme-page--annual-conf a.more-link:focus {
    color: #8bb836
}

.scheme-page--annual-conf .slider .slick-dots li.slick-active button {
    background-color: #25a0d5;
    border: 1px solid #25a0d5
}

.scheme-page--annual-conf .slider .slick-dots li button {
    border-color: #969696
}

.scheme-page--annual-conf .wide-hero .text h3 {
    color: #0097d5
}

.scheme-page--annual-conf .section-nav li .more-link:hover, .scheme-page--annual-conf .section-nav li .more-link:focus, .scheme-page--annual-conf .section-nav li .more-link:active {
    color: #a6dad8
}

.scheme-page .page-wrapper .aside-col {
    margin-top: 0
}

.scheme-page--pocc-conf .solid-box {
    background-color: #032e3f;
    color: #fff
}

    .scheme-page--pocc-conf .solid-box:hover, .scheme-page--pocc-conf .solid-box:active, .scheme-page--pocc-conf .solid-box:focus {
        background-color: #021c27
    }

    .scheme-page--pocc-conf .solid-box h2 {
        color: #fff
    }

.scheme-page--pocc-conf .topic-page-description h1 {
    color: #0f385a
}

.scheme-page--pocc-conf .topic-page-description h2 {
    color: #032e3f
}

.scheme-page--pocc-conf .join-link {
    color: #032e3f
}

.scheme-page--pocc-conf a:not([class]) {
    color: #8bb836;
    text-decoration: underline
}

    .scheme-page--pocc-conf a:not([class]):hover, .scheme-page--pocc-conf a:not([class]):active, .scheme-page--pocc-conf a:not([class]):focus {
        text-decoration: none
    }

.scheme-page--pocc-conf .announcements {
    background-color: #fcf1da
}

    .scheme-page--pocc-conf .announcements li a {
        color: #0f385a;
        border-top: 1px solid #b7d9d8
    }

.scheme-page--pocc-conf .content-type span {
    background-color: #8bb836
}

.scheme-page--pocc-conf .feature-block.no-image, .scheme-page--pocc-conf .feature-block.callout, .scheme-page--pocc-conf .feature-block.panel {
    background: #cbeae8
}

    .scheme-page--pocc-conf .feature-block.no-image h2, .scheme-page--pocc-conf .feature-block.no-image p, .scheme-page--pocc-conf .feature-block.callout h2, .scheme-page--pocc-conf .feature-block.callout p, .scheme-page--pocc-conf .feature-block.panel h2, .scheme-page--pocc-conf .feature-block.panel p {
        color: #0f385a
    }

    .scheme-page--pocc-conf .feature-block.no-image .more-link, .scheme-page--pocc-conf .feature-block.callout .more-link, .scheme-page--pocc-conf .feature-block.panel .more-link {
        color: #0f385a
    }

        .scheme-page--pocc-conf .feature-block.no-image .more-link:hover, .scheme-page--pocc-conf .feature-block.no-image .more-link:active, .scheme-page--pocc-conf .feature-block.no-image .more-link:focus, .scheme-page--pocc-conf .feature-block.callout .more-link:hover, .scheme-page--pocc-conf .feature-block.callout .more-link:active, .scheme-page--pocc-conf .feature-block.callout .more-link:focus, .scheme-page--pocc-conf .feature-block.panel .more-link:hover, .scheme-page--pocc-conf .feature-block.panel .more-link:active, .scheme-page--pocc-conf .feature-block.panel .more-link:focus {
            color: #8bb836
        }

.scheme-page--pocc-conf .section-nav li .more-link {
    background-color: #032e3f
}

    .scheme-page--pocc-conf .section-nav li .more-link:hover, .scheme-page--pocc-conf .section-nav li .more-link:active, .scheme-page--pocc-conf .section-nav li .more-link:focus {
        color: #8bb836
    }

.scheme-page--pocc-conf a.more-link::before {
    border-color: transparent transparent transparent #8bb836;
    background: none;
    left: -2px
}

.scheme-page--pocc-conf a.more-link:hover, .scheme-page--pocc-conf a.more-link:active, .scheme-page--pocc-conf a.more-link:focus {
    color: #8bb836
}

.scheme-page--pocc-conf .slider .slick-dots li.slick-active button {
    background-color: #032e3f;
    border: 1px solid #032e3f
}

.scheme-page--pocc-conf .slider .slick-dots li button {
    border-color: #969696
}

.scheme-page--pocc-conf .wide-hero .text h3 {
    color: #032e3f
}

.scheme-page--pocc-conf .section-nav li .more-link:hover, .scheme-page--pocc-conf .section-nav li .more-link:focus, .scheme-page--pocc-conf .section-nav li .more-link:active {
    color: #a6dad8
}

.scheme-page--pocc-conf .page-wrapper .aside-col {
    margin-top: 0
}

@media screen and (min-width:50em) {
    .ik-page .l-header {
        padding-bottom: 15px
    }
}

.ik-page .section-wrapper {
    background-color: #f3f3f3
}

.ik-page .section-wrapper--purple {
    background-color: #d9176e
}

.ik-page .section-wrapper--black {
    background-color: #000
}

.ik-page .section-wrapper--arrow {
    position: relative
}

    .ik-page .section-wrapper--arrow:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 24px 42px 0 42px;
        border-color: #d9176e transparent transparent transparent;
        left: 50%;
        margin-left: -42px;
        bottom: -24px;
        position: absolute;
        z-index: 500
    }

.ik-page .section-wrapper--black.section-wrapper--arrow:before {
    border-color: #000 transparent transparent transparent
}

.ik-page .section-wrapper--purple.section-wrapper--arrow:before {
    border-color: #d9176e transparent transparent transparent
}

.ik-page .highlight-area {
    text-align: center;
    padding: 17px 0 27px
}

@media screen and (min-width:50em) {
    .ik-page .highlight-area {
        padding: 17px 100px 27px
    }
}

@media screen and (min-width:75em) {
    .ik-page .highlight-area {
        padding: 17px 350px 27px
    }
}

.ik-page .highlight-area h2 {
    color: #fff;
    font-size: 2em;
    margin: 0;
    padding: 0 0 12px
}

@media screen and (min-width:62em) {
    .ik-page .highlight-area h2 {
        font-size: 3em
    }
}

.ik-page .highlight-area h2:only-child {
    padding: 0
}

.ik-page .highlight-area p {
    color: #fff;
    font-size: 18px;
    padding: 0;
    margin: 0
}

.ik-page .utility-nav a:hover {
    color: #d9176e
}

.ik-page .main-nav-wrapper {
    background-color: #ebebeb
}

.ik-page a.more-link {
    position: relative
}

    .ik-page a.more-link:before {
        background-image: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 8px;
        border-color: transparent transparent transparent #d9176e;
        content: '';
        position: absolute;
        top: 50%;
        margin-top: -4px;
        left: -15px
    }

    .ik-page a.more-link:hover, .ik-page a.more-link:active, .ik-page a.more-link:focus {
        color: #d9176e
    }

.events-table .type {
    background-color: #6c3f98;
    color: white;
    font-size: 75%;
    margin-left: 5px;
    padding: 5px;
    white-space: nowrap
}

.scheme-page .topic-page-description header.page-title h1 {
    color: #0f385a !important
}

.events-table__description-transformed--visible .events-table__list li.learning-objectives ul {
    list-style-type: initial;
    padding-left: 15px
}

.aside-col .visible-large {
    padding-bottom: 10px;
    margin-bottom: 20px;
    background-color: #002e40;
    padding: 10px 20px;
    margin-top: 10px;
    color: #fff
}

    .aside-col .visible-large h3 {
        padding-bottom: 10px;
        color: #fff
    }

    .aside-col .visible-large p a {
        color: #fff
    }

.aside-col .aside-section {
    padding: 10px 20px !important;
    margin-top: 10px
}

#accor div {
    clear: both
}

.widget-tabs {
    padding-top: 40px
}

    .widget-tabs .tab-link-container {
        align-items: stretch;
        display: flex;
        flex-flow: row wrap;
        justify-content: flex-start
    }

    .widget-tabs .tab-link {
        color: #a6475c;
        border-right: 1px solid #fff
    }

        .widget-tabs .tab-link:first-of-type {
            margin-left: 0
        }

    .widget-tabs .tab-link {
        background-color: #20ada7;
        color: #fff;
        flex: 0 0 50%;
        margin-bottom: 1px;
        padding: 10px;
        text-align: center
    }

@media(min-width:768px) {
    .widget-tabs .tab-link {
        flex: 1 1 25%;
        text-align: center
    }
}

.widget-tabs .tab-link img, .widget-tabs .tab-link img + .tab-link-title {
    opacity: .5
}

.widget-tabs .limit-size .tab-link {
    flex: 0 0 30%;
    max-width: 30%
}

@media(min-width:768px) {
    .widget-tabs .limit-size .tab-link {
        flex: 0 0 7%;
        max-width: 7%
    }
}

.widget-tabs .tab-link.active {
    background-color: #1c9691
}

    .widget-tabs .tab-link.active img, .widget-tabs .tab-link.active img + .tab-link-title {
        opacity: 1
    }

.widget-tabs .tab-link:hover {
    background-color: #1c9691;
    cursor: pointer
}

.widget-tabs .tab-link-break {
    display: none;
    width: 100%
}

@media(min-width:768px) {
    .widget-tabs .tab-link-break {
        display: block
    }
}

.widget-tabs .tab-content {
    height: 0;
    opacity: 0;
    overflow: hidden;
    transition: opacity .5s ease-in-out;
    visibility: hidden;
    width: 0
}

    .widget-tabs .tab-content.active {
        height: auto;
        opacity: 1;
        padding-top: 20px;
        visibility: visible;
        width: auto
    }

.widget-tabs .tab-link-title {
    font-size: 1rem;
    font-weight: bold;
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.widget-tabs .tab-content ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    list-style: none;
    margin: 15px 0 0 0;
    padding: 0
}

    .widget-tabs .tab-content ul li {
        flex: 0 0 50%;
        padding: 15px 30px
    }

@media(min-width:992px) {
    .widget-tabs .tab-content ul li {
        flex: 0 0 auto
    }
}

.widget-tabs .tab-content a {
    font-size: .875em;
    font-weight: 700;
    color: #002e40;
    display: inline-block;
    margin-left: 15px;
    position: relative
}

    .widget-tabs .tab-content a::before {
        content: '';
        background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%227.2%22%20height%3D%228.3%22%20viewBox%3D%220%200%207.2%208.3%22%3E%3Cpath%20d%3D%22M7.2%204.1L3.6%206.2%200%208.3V0l3.6%202.1%203.6%202z%22%20fill%3D%22%23ACC42A%22%2F%3E%3C%2Fsvg%3E");
        background-repeat: no-repeat;
        width: 10px;
        height: 10px;
        display: inline-block;
        position: absolute;
        top: 5px;
        left: -15px
    }

.conference .slider__link {
    background-size: contain
}

.scheme-page--pocc-conf .topic-page-description h1 {
    color: #20ada7 !important;
}