/* Minification failed. Returning unminified contents.
(7943,34): run-time error CSS1046: Expect comma, found '16'
(7943,40): run-time error CSS1046: Expect comma, found '/'
 */
@charset "UTF-8"; /*!
 * Pikaday
 * Copyright  2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */

:focus, a, img {
    outline: 0
}

a, header a, header.desktop .list-container .primary a:hover {
    text-decoration: none
}

.pika-table, table {
    border-collapse: collapse;
    border-spacing: 0
}

.pika-single {
    z-index: 9999;
    display: block;
    position: relative;
    color: #333;
    background: #fff;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif
}

    .pika-single.is-hidden {
        display: none
    }

    .pika-single.is-bound {
        position: absolute;
        box-shadow: 0 5px 15px -5px rgba(0,0,0,.5)
    }

    .pika-single:after, .pika-single:before {
        content: " ";
        display: table
    }

    .pika-single:after {
        clear: both
    }

.pika-title {
    position: relative;
    text-align: center
}

    .pika-title select {
        cursor: pointer;
        position: absolute;
        z-index: 9998;
        margin: 0;
        left: 0;
        top: 5px;
        filter: alpha(opacity=0);
        opacity: 0
    }

.pika-label, .pika-next, .pika-prev {
    position: relative;
    overflow: hidden
}

.pika-label {
    display: inline-block;
    z-index: 9999;
    margin: 0;
    padding: 5px 3px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700
}

.pika-next, .pika-prev {
    display: block;
    cursor: pointer;
    outline: 0;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    text-indent: 20px;
    white-space: nowrap;
    background-color: transparent;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 75% 75%
}

    .pika-next:hover, .pika-prev:hover {
        opacity: 1
    }

    .pika-next.is-disabled, .pika-prev.is-disabled {
        cursor: default;
        opacity: .2
    }

.is-rtl .pika-next, .pika-prev {
    float: left;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==)
}

.is-rtl .pika-prev, .pika-next {
    float: right;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=)
}

.pika-select {
    display: inline-block
}

.pika-table th {
    font-size: 12px;
    line-height: 25px;
    font-weight: 700;
    text-align: center
}

.pika-table abbr {
    border-bottom: none;
    cursor: help
}

.pika-week {
    font-size: 11px;
    color: #999
}

.is-inrange .pika-button {
    background: #D5E9F7
}

.is-startrange .pika-button {
    color: #fff;
    background: #6CB31D;
    box-shadow: none;
    border-radius: 3px
}

.is-endrange .pika-button {
    color: #fff;
    background: #3af;
    box-shadow: none;
    border-radius: 3px
}

@font-face {
    font-family: Merriweather-light;
    src: url(../../fonts/Merriweather-Light.otf)
}

@font-face {
    font-family: Merriweather-regular;
    src: url(../../fonts/Merriweather-Regular.otf)
}

@font-face {
    font-family: Merriweather-bold;
    src: url(../../fonts/Merriweather-Bold.otf)
}

@font-face {
    font-family: Amiri-regular;
    src: url(../../fonts/Amiri-Regular.ttf)
}

@font-face {
    font-family: Amiri-bold;
    src: url(../../fonts/Amiri-Bold.ttf)
}

@font-face {
    font-family: OpenSans-light;
    src: url(../../fonts/OpenSans-Light.otf)
}

@font-face {
    font-family: OpenSans-regular;
    src: url(../../fonts/OpenSans-Regular.otf)
}

@font-face {
    font-family: OpenSans-semibold;
    src: url(../../fonts/OpenSans-Semibold.otf)
}

@font-face {
    font-family: OpenSans-bold;
    src: url(../../fonts/OpenSans-Bold.otf)
}

button, html, input, select, textarea {
    color: #636363;
    font-family: OpenSans-regular,"Open Sans",sans-serif,sans-serif;
    -webkit-font-smoothing: antialiased
}

a:active, a:focus, a:hover {
    outline: 0 !important;
    border: none
}

a:hover {
    text-decoration: underline
}

body {
    font-size: 1em;
    line-height: 1.4;
    margin: 0;
    overflow-x: hidden
}

.assistive-text, nav h3 {
    display: none
}

menu, ol, ul {
    padding: 0;
    margin: 0;
    list-style: none
}

h1, h2, h3 {
    color: #1D105F;
    font-family: Amiri-bold,serif
}

header.desktop .list-container {
    transition: .55s
}

    header.desktop .list-container .secondary {
        z-index: 0;
        opacity: 0;
        transition: .5s
    }

        header.desktop .list-container .secondary a, header.desktop .list-container .secondary li {
            opacity: 0;
            visibility: hidden
        }

    header.desktop .list-container:hover .secondary a, header.desktop .list-container:hover .secondary h4, header.desktop .list-container:hover .secondary li, header.desktop .list-container:hover .secondary ul, header.desktop li:hover ul.tertiary a {
        opacity: 1;
        visibility: visible
    }

    header.desktop .list-container .secondary .sec-container {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        max-width: 1300px
    }

    header.desktop .list-container:hover .secondary {
        opacity: 1;
        max-height: 60px;
        background-color: #fff;
        overflow: visible;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-left: 8px;
        box-shadow: inset 0 20px 10px -20px rgba(0,0,0,.2);
        border-bottom: 1px solid #d3d3d3;
        z-index: 999
    }

header.desktop li:hover ul.tertiary {
    max-height: 400px;
    background-color: #fff;
    transition: max-height .2s linear;
    overflow: visible;
    border: 1px solid #d3d3d3;
    border-top: 0;
    left: 1px
}

header.desktop li:hover:before {
    bottom: 0;
    height: 100%
}

header.desktop .header-container .lower-level {
    top: 68px
}

header.desktop .header-container .tertiary {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #fff;
    min-width: 100%;
    transition: 1s
}

header:not(.lower-nav) {
    border-bottom: 1px solid #eee
}

    header:not(.lower-nav) .parent:before {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12.5px;
        border-color: transparent transparent #eee;
        overflow: visible;
        z-index: 9999;
        position: absolute;
        bottom: -6px;
        left: 50%;
        margin-left: -14px;
        transition: .3s
    }

    header:not(.lower-nav) .list-container:hover .primary:before {
        border-width: 0 12.5px 15px
    }

header {
    position: relative;
    z-index: 999;
    font-family: OpenSans-regular,"Open Sans",sans-serif;
    padding: 0
}

    header .lower-level h4, header .secondary h4, header .user-container a {
        font-family: OpenSans-bold,"Open Sans",sans-serif
    }

    header .header-container {
        padding: 0 10px;
        margin: 0 auto;
        position: relative
    }

        header .header-container .text-container {
            text-align: center
        }

        header .header-container .top-nav-container > div {
            display: inline-block
        }

    header .bottom-nav-container, header .top-nav-container {
        max-width: 1300px;
        margin: 0 auto;
        display: block
    }

    header .list-container {
        display: inline-block
    }

    header a {
        color: #636363;
        font-size: 14px;
        line-height: 17px
    }

    header .logo-container {
        min-width: 148px
    }

        header .logo-container img {
            height: 56px;
            position: relative
        }

    header .nav-container, header .user-container {
        height: 60px;
        display: table
    }

        header .nav-container a, header .user-container a {
            display: table-cell;
            max-width: 100px;
            vertical-align: middle;
            height: 63px;
            margin: 0 5px
        }

        header .nav-container span, header .user-container span {
            cursor: pointer;
            display: table-cell;
            vertical-align: middle;
            position: relative;
            left: 12px
        }

    header .nav-container {
        height: initial
    }

        header .nav-container .primary {
            opacity: 0;
            visibility: hidden;
            transition: .4s;
            padding: 0 20px;
            text-align: center;
            position: relative
        }

            header .nav-container .primary.come-in-light {
                opacity: 1;
                visibility: visible
            }

    header .user-container {
        float: right
    }

        header .user-container li {
            height: 60px;
            opacity: 0;
            visibility: hidden;
            transition: .4s;
            padding: 0 6px;
            text-align: center;
            display: inline-block
        }

            header .user-container li.come-in-light {
                opacity: 1;
                visibility: visible
            }

        header .user-container a {
            color: #4F0755
        }



        header .user-container span {
            left: 0;
            font-size: 2em;
            top: 14px;
            height: 38px
        }


        header .user-container .user-controls {
            position: relative;
            margin: 0;
            padding: 0
        }



    header .navigation span {
        margin-right: 10px
    }

    header span {
        font-size: 14px
    }

    header .lower-level, header .secondary {
        position: absolute;
        width: 100%;
        left: 0;
        top: 68px;
        background-color: #fff;
        overflow: hidden;
        max-height: 0;
        transition: .2s;
        height: initial;
        z-index: 999
    }

        header .lower-level .active, header .secondary .active {
            text-decoration: underline
        }

.date-container a:hover, .intro-spotlights a:hover, .meta-content .related-container .col a:hover, .social-container a:hover {
    text-decoration: none
}

header .lower-level ul, header .secondary ul {
    margin: 0;
    padding: 0
}

header .lower-level h4, header .lower-level li, header .lower-level ul, header .secondary h4, header .secondary li, header .secondary ul {
    display: inline-block;
    -webkit-animation: none;
    animation: none
}

.come-down, .come-in {
    -webkit-animation: come-in .8s ease forwards
}

header .lower-level a, header .lower-level h4, header .lower-level li, header .lower-level ul, header .secondary a, header .secondary h4, header .secondary li, header .secondary ul {
    opacity: 0;
    transition: 1s
}

header .lower-level .sec-list, header .secondary .sec-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

header .lower-level h4, header .secondary h4 {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0;
    padding: 10px 5px;
    position: relative;
    top: 0
}

header .lower-level li, header .secondary li {
    padding: 14px 5px;
    cursor: pointer;
    position: relative
}

header .lower-level a, header .lower-level span, header .secondary a, header .secondary span {
    display: inline-block;
    max-width: 250px;
    width: auto;
    vertical-align: middle;
    height: auto
}

header .lower-level a, header .secondary a {
    margin-left: 15px
}

header .lower-level span, header .secondary span {
    top: 3px;
    left: 0;
    margin: 0 10px 0 5px;
    display: none
}

header .secondary.open {
    max-height: 60px;
    background-color: #fff;
    transition: max-height .1s linear;
    overflow: visible;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-left: 8px;
    box-shadow: inset 0 20px 10px -20px
}

    header .secondary.open a, header .secondary.open h4, header .secondary.open li, header .secondary.open ul {
        opacity: 1;
        visibility: visible
    }

header .header-container .lower-level {
    display: none;
    max-height: 120px;
    box-shadow: inset 0 14px 18px -12px rgba(0,0,0,.2);
    border-bottom: 1px solid #d3d3d3;
    overflow: visible;
    top: 67px
}

    header .header-container .lower-level a, header .header-container .lower-level h4, header .header-container .lower-level li, header .header-container .lower-level ul {
        opacity: 1
    }

    header .header-container .lower-level .low-nav > li > a {
        max-width: 88px;
        max-height: 40px
    }

    header .header-container .lower-level h4, header .header-container .lower-level ul {
        display: inline-block
    }

    header .header-container .lower-level h4 {
        position: relative;
        top: 2px;
        padding-left: 15px;
    }

    header .header-container .lower-level .low-nav {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    header .header-container .lower-level .tertiary {
        z-index: 999;
        overflow: hidden;
        max-height: 0;
        transition: .2s;
        height: initial
    }

        header .header-container .lower-level .tertiary li {
            display: block;
            padding: 0 20px
        }

            header .header-container .lower-level .tertiary li a {
                visibility: hidden;
                opacity: 0;
                transition: .7s;
                border-bottom: 1px solid #d3d3d3;
                padding: 10px 20px 10px 0;
                margin: 0;
                width: 100%;
                box-sizing: border-box
            }

            header .header-container .lower-level .tertiary li:last-child a {
                border-bottom: 0 solid transparent
            }

header.lower-nav.desktop .lower-level {
    display: block
}

    header.lower-nav.desktop .lower-level span {
        display: inline-block
    }

    header.lower-nav.desktop .lower-level .bottom-nav-container > .fa, header.lower-nav.desktop .secondary h4 {
        display: none
    }

    header.lower-nav.desktop .lower-level .bottom-nav-container > ul > li:before {
        content: "";
        position: absolute;
        left: 0;
        bottom: 11px;
        height: 50%;
        width: 1px;
        border-right: 1px solid #d3d3d3;
        transition: .3s
    }

    header.lower-nav.desktop .lower-level .bottom-nav-container > ul > li:hover:before {
        bottom: 0;
        height: 100%
    }

header.lower-nav.desktop .list-container {
    position: relative;
    overflow: hidden
}

header.lower-nav.desktop .secondary {
    width: 100%;
    top: 60px;
    overflow: hidden;
    height: initial;
    max-height: 0;
    transition: .3s;
    z-index: 1000;
    background-color: transparent;
    padding: 0 18px
}

    header.lower-nav.desktop .secondary li {
        display: block;
        padding: 0
    }

        header.lower-nav.desktop .secondary li a {
            border-bottom: 1px solid #d3d3d3;
            padding: 10px 0;
            margin: 0;
            width: 100%
        }

        header.lower-nav.desktop .secondary li:last-child a {
            border-bottom: 0
        }

    header.lower-nav.desktop .secondary > ul {
        display: block;
        width: 100%
    }

        header.lower-nav.desktop .secondary > ul .fa {
            display: none
        }

        header.lower-nav.desktop .secondary > ul > li:before {
            width: 0;
            display: none
        }

    header.lower-nav.desktop .secondary .sec-container {
        width: 100%
    }

    header.lower-nav.desktop .secondary .sec-list {
        display: block;
        width: 100%
    }

header.lower-nav.desktop .list-container:hover {
    overflow: visible
}

    header.lower-nav.desktop .list-container:hover .secondary {
        visibility: visible;
        max-height: 2000px;
        background-color: #fff;
        overflow: visible;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        box-shadow: none;
        border-bottom: 1px solid #d3d3d3;
        padding: 0 20px;
        z-index: 1000
    }

#nav-icon {
    float: right;
    top: 45px;
    display: none
}

#nav-icon, #search-close {
    width: 40px;
    height: 45px;
    position: absolute;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    transition: .5s ease-in-out;
    cursor: pointer
}

    #nav-icon span, #search-close span {
        display: block;
        position: absolute;
        height: 3px;
        width: 100%;
        background: #636363;
        border-radius: 9px;
        opacity: 1;
        left: 0;
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0);
        transition: .25s ease-in-out
    }

#search-close, .search, .search.open {
    transition: .4s
}

    #search-close span {
        -webkit-transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        transform: rotate(135deg);
        width: 1px;
        height: 40px
    }

#search-close {
    display: block;
    top: 4px;
    right: -36px;
    opacity: 0
}

.tag-container, .tag-container li {
    display: inline-block
}

#nav-icon span:nth-child(1), #search-close span:nth-child(1) {
    top: 0
}

#search-close span:nth-child(1) {
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg);
    top: 8px !important;
    left: 20px
}

#nav-icon span:nth-child(2), #search-close span:nth-child(1) {
    top: 10px
}

#search-close span:nth-child(2) {
    left: 20px;
    top: 8px !important
}

#nav-icon span:nth-child(3), #search-close span:nth-child(1) {
    top: 20px
}

#nav-icon.open span:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg)
}

#nav-icon.open span:nth-child(2) {
    opacity: 0;
    left: -30px
}

#nav-icon.open span:nth-child(3) {
    top: 10px;
    -webkit-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.search.open {
    position: relative;
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
    -webkit-transform: translateX(-20px);
    opacity: 0
}

#search-close.open {
    right: 6px;
    opacity: 1
}

.search-form {
    position: absolute;
    width: 100%;
    background-color: #fff;
    top: 70px;
    box-shadow: inset 0 14px 18px -12px rgba(0,0,0,.2);
    right: -200%;
    transition: .3s;
    z-index: 999
}

    .search-form form {
        margin: 0;
        padding: 20px;
        text-align: center
    }

    .search-form input[type=text] {
        width: 30%;
        padding: 5px 10px;
        border: 0;
        border-bottom: 3px solid #0089C2;
        border-radius: 0
    }

    .search-form input[type=submit] {
        background-color: #0089C2;
        color: #fff;
        border: 0 solid #636363;
        padding: 8px 10px;
        margin-left: 5px;
        border-radius: 0
    }

    .search-form ::-webkit-input-placeholder {
        color: #0089C2;
        font-size: 16px;
        line-height: 1;
        height: 20px
    }

    .search-form ::-moz-placeholder {
        color: #0089C2;
        font-size: 16px;
        line-height: 1;
        height: 20px
    }

    .search-form :-ms-input-placeholder {
        color: #0089C2;
        font-size: 16px;
        line-height: 1
    }

    .search-form :-moz-placeholder {
        color: #0089C2;
        font-size: 16px;
        line-height: 1;
        height: 20px
    }

    .search-form.open {
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
        -webkit-transform: translateX(-200%)
    }

.large-text {
    line-height: 1.6;
    font-size: 1.5em;
    font-family: OpenSans-regular,"Open Sans",sans-serif;
    color: #444
}

a, h4 {
    color: #1D105F
}







div#disqus_thread {
    max-width: 90%;
    margin: 0 auto
}

a, img {
    border: none
}

h1 {
    font-size: 3em
}

h2 {
    font-size: 2em
}

h4 {
    font-size: 1.1em
}

li.ul-list {
    font-size: 22px;
    font-family: Amiri-regular,serif;
    margin-left: 25px;
    color: #444;
    margin-bottom: 8px
}

.trail-container .related-container .head p, h3 {
    font-family: OpenSans-bold,"Open Sans",sans-serif
}

.image-container {
    background-size: cover;
    background-position: center center
}

table {
    border-bottom: 1px solid #1D105F
}

h3 {
    color: #1D105F;
    font-size: 1.5em
}

td {
    padding: 5px 10px
}

thead {
    background-color: #1D105F;
    color: #fff
}

tbody td {
    min-width: 120px
}

tbody tr:nth-child(even) {
    background-color: #f6f6f6
}

footer, section {
    clear: both
}

.tag-container ul {
    padding-left: 0
}

.at-share-btn-elements {
    margin-top: 20px
}

    .at-share-btn-elements a:first-child {
        margin-left: 0
    }

.trail-container .related-container {
    float: right;
    margin-bottom: 30px;
    position: relative
}

    .trail-container .related-container .head {
        padding: 8px 12px;
        border: 1px solid #4F0755;
        transition: .2s;
        border-bottom-width: 0;
        overflow: hidden
    }

        .trail-container .related-container .head p, .trail-container .related-container .head span {
            display: inline-block;
            color: #4F0755
        }

        .trail-container .related-container .head p {
            margin: 0;
            float: left
        }

.accordion .head span, .addthis_custom_sharing {
    float: right
}

.trail-container .related-container .head span {
    margin-left: 10px;
    font-size: 1.6em;
    float: right
}

.trail-container .related-container .body {
    border: 1px solid #4F0755;
    border-top-width: 0;
    position: absolute;
    box-sizing: border-box;
    width: 100%;
    background-color: #fff
}

    .trail-container .related-container .body.open ul {
        opacity: 1;
        visibility: visible
    }

    .trail-container .related-container .body ul {
        transition: .6s;
        opacity: 0;
        visibility: hidden;
        padding: 10px
    }

        .trail-container .related-container .body ul li {
            margin: 5px 0
        }

            .trail-container .related-container .body ul li:first-child {
                margin-top: 0
            }

.loading-screen {
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: fixed;
    background-color: #fff;
    z-index: 99999;
    transition: 1s;
    opacity: 0;
    visibility: hidden
}

    .loading-screen.open {
        display: block;
        opacity: 1;
        visibility: visible
    }

.at-resp-share-element .at-share-btn {
    transition: .4s !important
}

.at-icon-wrapper.at-share-btn.at-svc-facebook:hover {
    background-color: #3b5998 !important
}

.at-icon-wrapper.at-share-btn.at-svc-twitter:hover {
    background-color: #00aced !important
}

.at-icon-wrapper.at-share-btn.at-svc-linkedin:hover {
    background-color: #007bb6 !important
}

.at-icon-wrapper.at-share-btn.at-svc-google_plusone_share:hover {
    background-color: #dd4b39 !important
}

.download-container span, .pagination li.active {
    background-color: #1D105F
}

.at-resp-share-element .at-share-btn:hover {
    -webkit-transform: rotate(360deg) !important;
    -ms-transform: rotate(360deg) !important;
    transform: rotate(360deg) !important
}

.pagination {
    width: 100%;
    text-align: center;
    margin-bottom: 15px
}

    .pagination li {
        color: #1D105F;
        display: inline-block;
        border: 1px solid #1D105F;
        margin: 0 3px
    }

        .pagination li.active a {
            color: #fff
        }

    .pagination a {
        padding: 10px;
        display: block
    }

.banner {
    width: 100%;
    padding: 40px;
    box-sizing: border-box;
    clear: both;
    background-size: cover
}

.serif {
    font-family: Amiri-bold,serif
}

.bold-type, .download-container a {
    font-family: OpenSans-bold,"Open Sans",sans-serif
}

.fa-caret-down {
    transition: .3s
}

    .fa-caret-down.open {
        -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        transform: rotate(180deg)
    }

.wrapper {
    position: relative;
    z-index: 1;
    overflow: hidden
}

.tag-container {
    margin-top: 20px
}

    .tag-container a {
        padding: 0 10px 3px;
        border: 1px solid #1D105F;
        color: #1D105F;
        font-weight: 600;
        font-size: .9em
    }

.download-container {
    margin-top: 80px
}

    .download-container span {
        border-radius: 50%;
        padding: 8px;
        font-size: 1.6em;
        color: #fff;
        margin-right: 10px
    }

    .download-container a {
        color: #1D105F;
        font-size: 26px
    }

.accordion .head {
    cursor: pointer
}

    .accordion .head a, .accordion .head h1, .accordion .head h2, .accordion .head h3, .accordion .head h4, .accordion .head span {
        display: inline-block
    }

.accordion .body {
    max-height: 0;
    transition: .6s;
    height: initial
}

    .accordion .body ul {
        margin: 0;
        list-style: none
    }

    .accordion .body p, .accordion .body ul {
        transition: .6s;
        opacity: 0;
        visibility: hidden
    }

    .accordion .body.open {
        max-height: 2000px;
        transition: max-height .6s linear
    }

        .accordion .body.open p, .accordion .body.open ul {
            opacity: 1;
            visibility: visible
        }

.align-left {
    margin: 0 20px 20px 0 !important;
    float: left !important
}

.align-right {
    margin: 0 0 20px 20px !important;
    float: right !important
}

.meta-content {
    clear: both;
    margin-top: 30px
}

    .meta-content .related-container {
        overflow: hidden;
        max-width: 1300px;
        margin: 0 auto
    }

        .meta-content .related-container .title-container {
            text-align: center;
            clear: both;
            margin: 60px auto 0
        }

            .meta-content .related-container .title-container h3 {
                font-family: Amiri-bold,serif;
                position: relative;
                margin-bottom: 0;
                text-align: center;
                max-width: 100%
            }

                .meta-content .related-container .title-container h3 a {
                    color: #1D105F;
                    position: relative;
                    padding: 0 62px;
                    font-size: 1.2em
                }

                    .meta-content .related-container .title-container h3 a:after, .meta-content .related-container .title-container h3 a:before {
                        content: " ";
                        width: 50px;
                        height: 1px;
                        position: absolute;
                        top: 50%;
                        background-color: #1D105F;
                        border: 1px solid #1D105F
                    }

                    .meta-content .related-container .title-container h3 a:before {
                        right: 0
                    }

                    .meta-content .related-container .title-container h3 a:after {
                        left: 0
                    }

        .meta-content .related-container .col {
            transition: .4s
        }

            .meta-content .related-container .col:first-child .image-container {
                border-top: 3px solid #7D8617
            }

            .meta-content .related-container .col:nth-child(2) .image-container {
                border-top: 3px solid #DF7B0F;
                background-image: url(../../img/content-related-2.png);
                background-size: cover
            }

            .meta-content .related-container .col:nth-child(3) .image-container {
                border-top: 3px solid #D31242;
                background-image: url(../../img/content-related-3.png);
                background-size: cover
            }

            .meta-content .related-container .col:hover {
                -ms-transform: translateY(-8px);
                transform: translateY(-8px);
                -webkit-transform: translateY(-8px)
            }

            .meta-content .related-container .col a {
                color: #343434
            }

        .meta-content .related-container .image-container {
            background-image: url(../../img/content-related-1.png);
            height: 200px;
            background-size: cover
        }

        .meta-content .related-container .text-container {
            padding: 10px;
            text-align: center
        }

            .meta-content .related-container .text-container h3 {
                font-family: Amiri-bold,serif;
                font-size: 1.5em;
                color: #343434;
                text-align: center;
                margin: 0 auto
            }

            .meta-content .related-container .text-container p {
                margin-top: 0
            }

.quote-container {
    margin-bottom: 80px
}

    .quote-container .info, .quote-container .quote {
        color: #1D105F
    }

    .quote-container .quote {
        font-size: 3em;
        font-family: OpenSans-bold,sans-serif;
        float: left;
        padding-left: 70px;
        max-width: 70%;
        line-height: 1.2;
        margin-bottom: 15px
    }

    .quote-container .big-quote {
        font-size: 8em;
        line-height: 10px;
        position: relative;
        top: 109px;
        font-family: OpenSans-bold,sans-serif;
        color: #1D105F;
        float: left
    }

    .breadcrumbs-container span, .btn, .quote-container .info {
        font-family: OpenSans-bold,"Open Sans",sans-serif
    }

    .quote-container .info {
        margin-top: 0;
        padding-left: 70px
    }

.date-container {
    opacity: 0;
    margin-bottom: 20px
}

    .date-container a {
        color: initial
    }

    .date-container h3 {
        margin-bottom: 0
    }

    .date-container .date {
        margin-top: 0;
        background: #1D105F;
        color: #fff;
        padding: 10px 20px
    }

    .date-container .event {
        background: #f3f3f3;
        border: 0;
        margin: 0;
        padding: 12px 15px;
        border-bottom: 1px solid
    }

.btn, button.btn:hover {
    border: 1px solid #1D105F
}

.date-container .event .name {
    font-size: 1.6em
}

.date-container .event .description {
    font-size: 1.2em;
    max-width: 100%
}

.date-container .event li {
    display: block;
    max-height: initial;
    min-width: initial;
    float: none;
    margin: 3px 0
}

.btn {
    padding: 6px 12px;
    color: #1D105F;
    cursor: pointer;
    line-height: 28px;
    background-color: #fff;
    transition: .2s
}

    .btn:hover, button.btn {
        color: #fff;
        background-color: #1D105F
    }

        button.btn:hover {
            color: #1D105F;
            background-color: #fff
        }

.social-container li {
    border-radius: 50%;
    background-color: #d3d3d3;
    text-align: center;
    max-width: 24px;
    padding: 10px;
    margin: 10px 3px;
    transition: .4s;
    cursor: pointer
}

    .social-container li:hover {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }

.social-container ul {
    padding-left: 0
}

.social-container a {
    color: #fff;
    position: relative;
    display: block;
    font-size: 1.5em
}





.google:hover {
    background-color: #dd4b39
}

.social-container.inline {
    float: right;
    margin-right: 260px
}

    .social-container.inline li {
        min-width: 24px;
        display: inline-block
    }

.filter-container {
    clear: both
}

    .filter-container input, .filter-container select {
        padding: 5px 6px;
        margin: 0 8px;
        border: 0;
        border-bottom: 3px solid #1D105F;
        color: #1D105F
    }

        .breadcrumbs-container span:first-child a, .filter-container .search-container input, .filter-container select:first-child {
            margin-left: 0
        }

    .filter-container select {
        cursor: pointer;
        color: #1D105F;
        font-size: 16px
    }

    .filter-container input {
        padding: 5px 6px;
        font-size: 16px
    }

    .filter-container .day-selector, .filter-container .day-selector p {
        display: inline-block
    }

    .filter-container .search-container {
        margin-top: 5px
    }

    .filter-container ::-webkit-input-placeholder {
        color: #1D105F;
        font-size: 16px;
        line-height: normal
    }

    .filter-container ::-moz-placeholder {
        color: #1D105F;
        font-size: 16px;
        line-height: normal
    }

    .filter-container :-ms-input-placeholder {
        color: #1D105F;
        font-size: 16px;
        line-height: normal
    }

    .filter-container option {
        color: #1D105F
    }

    .filter-container button {
        font-size: 1.37em;
        padding: 9px;
        position: relative
    }

.breadcrumbs-container {
    float: left
}

.article-spotlights .article-type, .news-events .events .type {
    float: right;
    text-transform: uppercase
}

.breadcrumbs-container p {
    margin-top: 0
}

.breadcrumbs-container span {
    font-size: 14px
}

.breadcrumbs-container a {
    font-family: OpenSans-regular,"Open Sans",sans-serif;
    margin: 0 6px;
    font-size: 16px
}

.overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 0
}

.scroll-container {
    width: 100%;
    text-align: center;
    color: #1D105F;
    font-size: 4em;
    padding: 20px 0
}

.content-wrapper.home-page {
    margin-top: 0
}

    .content-wrapper.home-page .serif {
        color: #fff
    }

.home-banner {
    height: 500px;
    position: relative;
    background-image: url(../../img/hero-image.png);
    background-size: cover;
    color: #fff
}

.intro-spotlights .img-container, .intro-spotlights .overlay-block {
    background-image: url(../../img/placeholder.jpg);
    background-size: cover;
    background-position: center
}

.home-banner .text-container {
    position: absolute;
    bottom: 0;
    margin-top: 0;
    padding-bottom: 40px
}

    .home-banner .text-container h1 {
        font-size: 3.5em;
        margin-bottom: 0;
        color: #fff
    }

.content-wrapper {
    padding: 40px;
    margin-top: 30px
}

.intro-spotlights {
    position: relative;
    display: flex;
    flex-grow: 1;
    flex-wrap: wrap;
    margin: 0 0 20px 0;
}

    .intro-spotlights a {
        color: initial
    }

    .intro-spotlights .block {
        display: flex;
        align-items: stretch;
        background-color: #F9F9F9;
        min-height: 440px;
    }

    .intro-spotlights .img-container {
        height: 200px
    }

    .intro-spotlights .text-container {
        position: relative;
        box-sizing: border-box;
        padding: 25px 20px;
        min-height: 250px;
    }

        .intro-spotlights .text-container span {
            display: block;
            line-height: normal;
            color: #1D105F;
        }

            .intro-spotlights .text-container span.article-type {
                font-size: 18px;
                line-height: 24px;
                letter-spacing: 0.07px;
                padding: 0 0 8px 0;
                text-transform: uppercase;
            }

            .intro-spotlights .text-container span.article-title {
                font-size: 28px;
                font-weight: bold;
                line-height: 32px;
                letter-spacing: 0.06px;
            }

            .intro-spotlights .text-container span.article-date {
                font-size: 14px;
                line-height: 18px;
                letter-spacing: 0.11px;
                padding: 12px 0 0 0;
            }

            .intro-spotlights .text-container span.article-content {
                font-size: 16px;
                line-height: 20px;
                letter-spacing: 0.06px;
                color: #000;
                padding: 15px 0;
            }

    .intro-spotlights .block:nth-child(2) h2 {
        max-width: 400px
    }

    .intro-spotlights .overlay {
        background-color: #040082
    }

    .intro-spotlights .overlay-block {
        position: relative
    }

        .intro-spotlights .overlay-block .text-container span {
            color: #FFFFFF !important;
        }

            .intro-spotlights .overlay-block .text-container span.article-content {
                padding: 25px 0 !important;
            }

        .intro-spotlights .overlay-block .content-container {
            z-index: 10;
            position: relative;
            color: #FFFFFF;
            padding: 25px 30px;
        }

            .intro-spotlights .overlay-block .content-container .article-header {
                position: relative;
                display: flex;
                justify-content: space-between;
                margin: 65px 0;
            }

                .intro-spotlights .overlay-block .content-container .article-header span.date {
                    font-size: 45px;
                    font-weight: bold;
                    letter-spacing: 0.18px;
                }

                .intro-spotlights .overlay-block .content-container .article-header span.title {
                    font-size: 18px;
                    text-transform: uppercase;
                    letter-spacing: 0.07px;
                }

                .intro-spotlights .overlay-block .content-container .article-header span.month {
                    font-size: 25px;
                    font-weight: normal;
                    letter-spacing: 0.1px;
                    padding: 0 8px;
                    vertical-align: middle;
                }

@media screen and (max-width: 768px) {
    .intro-spotlights .overlay-block .content-container .article-header {
        margin: 25px 0 !important;
    }
}

.intro-spotlights .overlay-block .info-container, .intro-spotlights .overlay-block .text-container {
    text-align: left;
    padding: 0
}

/*    .intro-spotlights .overlay-block .date-container p {
        margin-top: 0
    }

    .intro-spotlights .overlay-block .number {
        font-size: 3em;
        margin-right: 5px
    }

    .intro-spotlights .overlay-block .month {
        font-size: 1.7em
    }*/

.banner-spotlight {
    background: url(../../img/FBImage.jpg) top no-repeat;
    background-size: cover;
    height: 400px;
    position: relative;
    transition: all .3s ease-in-out;
    overflow: hidden;
    padding: 0
}

    .banner-spotlight:hover .banner-overlay {
        opacity: .5
    }

    .banner-spotlight .banner-overlay {
        position: absolute;
        background-color: #000;
        opacity: .38;
        left: 0;
        transition: .5s;
        height: 100%
    }

    .banner-spotlight .text-container {
        position: absolute;
        bottom: 0;
        padding-bottom: 40px;
        color: #fff;
        width: 100%;
        text-align: center
    }

    .banner-spotlight h2 {
        font-size: 4em;
        margin-bottom: 0
    }

    .banner-spotlight p {
        max-width: 400px;
        margin: 0 auto
    }

.banner-stats {
    background-color: #0089C2;
    color: #fff
}

    .banner-stats .stat-container {
        overflow: hidden;
        clear: both
    }

    .banner-stats .stat {
        margin-top: 0;
        padding: 0 15px;
        box-sizing: border-box
    }

        .banner-stats .stat .num {
            margin-top: 0;
            font-size: 4em;
            margin-bottom: 0;
            min-height: 89px
        }

        .banner-stats .Stat__title, .banner-stats .stat p:nth-child(2) {
            border-bottom: 2px solid #7FC3E0;
            padding-bottom: 10px;
            font-size: 1.2em
        }

    .banner-stats a {
        color: #fff;
        font-family: OpenSans-bold,"Open Sans",sans-serif;
        display: block;
        margin-bottom: .3em
    }

        .banner-stats a span {
            margin-left: 10px
        }

.banner__title {
    text-align: center;
    color: #fff;
    margin-bottom: 1.5em
}

.banner__info {
    text-align: center;
    display: block;
    font-size: .9em;
    width: 100%;
    margin: 2em 0 1em
}

    .article-page main .info-container li, .article-page main .social-container, .banner__info a, .content-page main .info-container li, .content-page main .social-container, .spotlights__CTA {
        display: inline-block
    }

    .banner__info a {
        text-decoration: underline
    }

.article-spotlights a:hover, .calendar-page .calendar tbody .event a:hover, .news-events .col a {
    text-decoration: none
}

.spotlights__noImage {
    text-align: center
}

    .spotlights__noImage.spotlights__noImage--alt .block {
        background-color: #D31242
    }

        .spotlights__noImage.spotlights__noImage--alt .block h2, .spotlights__noImage.spotlights__noImage--alt .block p {
            color: #fff
        }

        .spotlights__noImage.spotlights__noImage--alt .block:nth-of-type(2) {
            background-color: #7D8617
        }

    .spotlights__noImage .block {
        background-color: #f3f3f3;
        color: #636363
    }

        .spotlights__noImage .block h2, .spotlights__noImage .block p {
            color: #636363
        }

        .spotlights__noImage .block:nth-of-type(2) {
            background-color: #4F0755;
            color: #fff
        }

            .spotlights__noImage .block:nth-of-type(2) h2, .spotlights__noImage .block:nth-of-type(2) p {
                color: #fff
            }

.spotlights__CTA {
    padding: 1em 1.3em;
    margin: 1em;
    background-color: #fff;
    border: 1px solid #fff;
    transition: .4s all
}

    .spotlights__CTA:hover {
        background-color: transparent;
        color: #fff;
        border: 1px solid #fff
    }

.intro-spotlights .spotlights__padding {
    padding: 2em 2.5em;
    box-sizing: border-box
}

    .intro-spotlights .spotlights__padding h2.spotlights__title {
        max-width: none
    }

.article-spotlights {
    color: #fff;
    margin: 20px 0
}

    .article-spotlights > div:nth-child(2) .spotlight, .news-events .news .col .info-container p:first-child {
        margin-bottom: 0
    }

    .article-spotlights h3 {
        line-height: 1
    }

    .article-spotlights .spotlight {
        margin-top: 0;
        min-height: 646px;
        color: #fff;
        overflow: hidden
    }

        .article-spotlights .spotlight:hover .image-container {
            transform: scale(1.05);
            -moz-transform: scale(1.05);
            -webkit-transform: scale(1.05);
            -o-transform: scale(1.05);
            -ms-transform: scale(1.05)
        }

    .article-spotlights .content-container {
        padding: 20px;
        color: #fff;
        position: relative;
        z-index: 999
    }

    .article-spotlights .info-container {
        min-height: 22px;
        overflow: hidden
    }

    .article-spotlights .image-container {
        height: 350px;
        background-size: cover;
        width: 101%;
        transition: .4s;
        position: relative;
        z-index: 1;
        overflow: hidden
    }

    .article-spotlights .news-type, .article-spotlights .news-type .content-container {
        background-color: #4F0755
    }

        .article-spotlights .news-type .image-container {
            background-image: url(../../img/school-children-desks.png)
        }

    .article-spotlights .event-type, .article-spotlights .event-type .content-container {
        background-color: #D31242
    }

        .article-spotlights .event-type .image-container {
            background-image: url(../../img/reception.png)
        }

    .article-spotlights .feature-type, .article-spotlights .feature-type .content-container {
        background-color: #7D8617
    }

        .article-spotlights .feature-type .image-container {
            background-image: url(../../img/BAE%20Systems.png)
        }

    .article-spotlights .publication-type, .article-spotlights .publication-type .content-container {
        background-color: #DF7B0F
    }

        .article-spotlights .publication-type .image-container {
            background-image: url(../../img/AERO%20space.png)
        }

.article-banner, .article-page .banner {
    background-image: url(../../img/content-heros.png)
}

.spotlight-container {
    position: relative;
    display: flex;
}

    .spotlight-container .news-events {
        flex: 1;
    }

@media screen and (max-width: 1024px) {
    .spotlight-container {
        display: block;
    }
}

.news-events {
    padding: 15px;
    margin: 20px 0;
    background-color: #F7F7F7
}

    .news-events .actions {
        position: relative;
        display: block;
        text-align: center;
        padding: 15px 0;
    }

        .news-events .actions a.hub-hyperlink {
            position: relative;
            padding: 25px 0;
            font-size: 20px;
            line-height: 40px;
            color: #1D105F;
            letter-spacing: 0.08px;
            text-decoration: underline;
            text-decoration-color: #1D105F;
            text-decoration-thickness: .125em;
            text-underline-offset: 4.5px;
            text-transform: uppercase;
            transition: .3s;
        }

            .news-events .actions a.hub-hyperlink:hover {
                font-weight: bold;
            }

    .news-events .group > .text-container h3 {
        text-align: center;
        color: #3B3267
    }

    .news-events .col {
        background-color: #FFFFFF;
        padding: 20px 15px;
        box-sizing: border-box;
        position: relative;
        transition: .3s
    }

    .news-events .events .location, .news-events .news .col .info-container {
        position: absolute;
        bottom: 0
    }

    .news-events .col a {
        color: #636363
    }

    .news-events .col:hover {
        -ms-transform: translateY(-8px);
        transform: translateY(-8px);
        -webkit-transform: translateY(-8px)
    }

    .news-events .col .serif {
        font-size: 24px;
        font-weight: bold;
        color: #1D105F;
        line-height: 28px;
        letter-spacing: 0.1px;
    }

    .news-events .news {
        position: relative;
    }

    .news-events .events .col {
        min-height: 300px;
    }

        .news-events .events .col:first-child {
            border-top: 4px solid #D31242;
            border-bottom: 2px solid #D31242
        }

            .news-events .events .col:first-child .date {
                color: #D31242
            }

        .news-events .events .col:nth-child(2) {
            border-top: 4px solid #7D8617;
            border-bottom: 2px solid #7D8617
        }

            .news-events .events .col:nth-child(2) .date {
                color: #7D8617
            }

        .news-events .events .col:nth-child(3) {
            border-top: 4px solid #DF7B0F;
            border-bottom: 2px solid #DF7B0F
        }

            .news-events .events .col:nth-child(3) .date {
                color: #DF7B0F
            }

    .news-events .events .date {
        font-size: 2em;
        line-height: 30px;
        font-weight: 600
    }

    .news-events .events .tag p {
        margin: 0;
        padding: 10px 0 15px;
        border-bottom: 1px solid grey;
        font-weight: 600
    }

    .news-events .news .col {
        min-height: 240px;
    }

        .news-events .news .col .text-container p {
            font-size: 14px;
            line-height: 18px;
            letter-spacing: 0.06px;
            color: #1D105F;
        }

.article-banner {
    position: relative;
    margin-top: 9px;
    padding: 0;
    height: 500px;
    background-size: cover;
    background-position: center center;
    box-sizing: border-box
}

    .article-banner .title-container {
        color: #fff;
        position: absolute;
        bottom: 20px;
        width: 100%;
        text-align: center;
        z-index: 0
    }

    .article-banner h1 {
        color: #fff;
        font-size: 2.4em
    }

.article-page main article p, .content-page main article p {
    max-width: 70%;
    font-family: Amiri-regular,serif;
    font-size: 22px;
    color: #444;
    margin-bottom: 40px;
    line-height: 1.3
}

.content-page .author, .content-page .date, .content-page aside h4 {
    font-family: OpenSans-bold,"Open Sans",sans-serif
}

.article-page main article ol, .article-page main article ul, .content-page main article ol, .content-page main article ul {
    margin: 30px 0
}

.article-page main article ol, .content-page main article ol {
    list-style-type: decimal;
    padding-left: 40px
}

.article-page main article ul, .content-page main article ul {
    list-style-type: disc;
    padding-left: 40px
}

.article-page main article .tag-container ul, .content-page main article .tag-container ul {
    padding-left: 0
}

.content-page {
    overflow: hidden
}

    .content-page .author, .content-page .date {
        color: #000
    }

    .content-page .mobile-author {
        display: none
    }

    .content-page aside {
        float: left;
        width: 13%;
        margin-right: 2%
    }

        .content-page aside .info-container {
            max-width: 220px
        }

            .content-page aside .info-container p:first-child {
                margin-top: 0
            }

        .content-page aside h4 {
            text-transform: uppercase;
            color: #4F0755;
            padding-bottom: 5px;
            border-bottom: 3px solid #4F0755
        }

        .content-page aside .info-container ul {
            margin: 20px 0;
            padding: 0;
            list-style: none
        }

        .content-page aside .info-container li {
            margin: 14px 0
        }

        .content-page aside .info-container a {
            padding: 0 10px 3px;
            border: 1px solid #1D105F;
            color: #1D105F;
            font-weight: 600
        }

    .content-page main {
        float: left;
        width: 85%
    }

        .content-page main article {
            clear: both;
            max-width: 100%
        }

            .content-page main article .intro-image p {
                max-width: 100%
            }

            .content-page main article .intro-container h1 {
                color: #1D105F;
                font-size: 2.8em
            }

            .content-page main article .intro-container p {
                line-height: 1.6;
                font-size: 1.5em;
                font-family: OpenSans-regular,"Open Sans",sans-serif;
                color: #444
            }

            .content-page main article .intro-image, .content-page main article .large-image {
                max-width: 80%
            }

                .content-page main article .intro-image img, .content-page main article .large-image img {
                    max-width: 100%
                }

                .content-page main article .intro-container p, .content-page main article .large-image, .content-page main article .large-image img {
                    max-width: 80%
                }

            .content-page main article .large-image, .content-page main article .medium-image {
                margin-bottom: 20px
            }

                .content-page main article .large-image img, .content-page main article .medium-image img {
                    max-width: 100%
                }

            .content-page main article .medium-image {
                max-width: 70%
            }

            .content-page main article .caption-container p {
                max-width: 100%;
                font-size: 18px
            }

            .content-page main article .caption-twin {
                max-width: 34.2%
            }

            .content-page main article .caption-image img {
                max-width: 100%
            }

            .content-page main article .caption-image {
                overflow: hidden
            }

            .content-page main article .caption-container {
                background-color: #1D105F;
                color: #fff;
                position: relative;
                bottom: 1px;
                margin: 0;
                font-size: .895em;
                padding: 7px 10px 10px;
                line-height: 1.3
            }

                .content-page main article .caption-container p {
                    margin: 0;
                    padding: 10px;
                    color: #fff;
                    font-family: OpenSans-regular,"Open Sans",sans-serif
                }

            .content-page main article h3, .content-page main article p {
                clear: left
            }

            .content-page main article h3 {
                font-family: OpenSans-bold,"Open Sans",sans-serif;
                color: #1D105F;
                margin-top: 40px;
                clear: both
            }

            .content-page main article .image-des {
                color: gray;
                margin-bottom: 60px;
                font-size: 1em;
                font-family: OpenSans-regular,"Open Sans",sans-serif
            }

            .content-page main article .ad img {
                max-width: 25%;
                float: right;
                margin-left: 15px
            }

        .content-page main .accordion-container .accordion {
            clear: both;
            max-width: 62%;
            margin-top: 40px
        }

            .content-page main .accordion-container .accordion .head {
                background-color: #1D105F;
                color: #fff;
                font-family: Amiri-bold,serif;
                padding: 10px;
                margin: 5px 0
            }

                .content-page main .accordion-container .accordion .head h3 {
                    margin: 0;
                    color: #fff;
                    text-transform: uppercase;
                    font-family: OpenSans-bold,GalaxiePolaris-bold,sans-serif
                }

                .content-page main .accordion-container .accordion .head span {
                    font-size: 1.4em;
                    margin-right: 10px
                }

            .content-page main .accordion-container .accordion .body {
                background-color: #eee
            }

                .content-page main .accordion-container .accordion .body p {
                    margin: 0;
                    padding: 10px
                }

        .content-page main .table-container table {
            border-bottom: 1px solid #1D105F
        }

        .content-page main .table-container h3 {
            font-family: OpenSans-bold,"Open Sans",sans-serif;
            color: #1D105F;
            font-size: 2em
        }

.article-page .intro-container p, .article-page .intro-image .image-des, .article-page p {
    font-family: OpenSans-regular,"Open Sans",sans-serif
}

.content-page main .table-container td {
    padding: 5px 10px
}

.content-page main .table-container thead {
    background-color: #1D105F;
    color: #fff
}

.content-page main .table-container tbody td {
    min-width: 120px
}

.content-page main .table-container tbody tr:nth-child(even) {
    background-color: #f6f6f6
}

.article-page {
    width: 100%;
    padding: 0 40px;
    box-sizing: border-box
}

    .article-page .intro-container p {
        line-height: 1.6;
        font-size: 1.5em;
        color: #444
    }

    .article-page .quote-container {
        max-width: 70%;
        clear: both;
        margin: 0 auto
    }

        .article-page .quote-container .big-quote {
            top: 95px
        }

        .article-page .quote-container .quote {
            padding-left: 70px;
            max-width: 100%
        }

        .article-page .quote-container .info {
            clear: both;
            padding-left: 0;
            margin: 0 0 0 60px
        }

    .article-page main article .social-container {
        margin-right: 0
    }

    .article-page .banner {
        color: #fff;
        text-align: center;
        position: relative;
        padding: 0
    }

    .article-page .intro-container .title-container {
        width: 100%;
        position: absolute;
        bottom: 0;
        margin-bottom: 40px;
        text-align: center
    }

    .article-page h1 {
        font-size: 2.4em;
        padding: 0 200px;
        margin-bottom: 0;
        color: #fff
    }

    .article-page .has-image {
        height: 400px
    }

    .article-page p {
        margin: 40px auto
    }

    .article-page .intro-image {
        text-align: center
    }

        .article-page .intro-image img {
            max-width: 100%
        }

        .article-page .intro-image .image-des {
            max-width: 72%;
            font-size: 1em;
            margin-top: 4px
        }

    .article-page .caption-twin img {
        max-width: 100%
    }

    .article-page h3 {
        text-align: left;
        font-size: 1.6em;
        font-family: OpenSans-bold,"Open Sans",sans-serif;
        color: #1D105F;
        margin: 0 auto;
        max-width: 70%
    }

.calendar-page .calendar tbody span.date, .calendar-page .calendar thead td, .calendar-page .calendar-desktop .current-month h2, .events-page .intro-container .text-container .date, .events-page .intro-container .text-container .location, .events-page .intro-container .text-container .tag {
    font-family: OpenSans-regular,"Open Sans",sans-serif
}

.comments-container {
    clear: both
}

    .comments-container .title-container {
        width: 100%;
        text-align: center;
        background-color: #1D105F;
        color: #fff
    }

        .comments-container .title-container h3 {
            padding: 10px 0;
            color: #fff
        }

.calendar-page {
    color: #1D105F
}

    .calendar-page h1 {
        display: inline-block;
        margin-top: 0;
        line-height: 54px;
        font-size: 3em
    }

    .calendar-page .info-container {
        overflow: hidden
    }

    .calendar-page .title-container {
        float: left
    }

    .calendar-page .calendar-type-container {
        float: right
    }

        .calendar-page .calendar-type-container ul {
            list-style: none
        }

        .calendar-page .calendar-type-container li {
            margin: 10px 0
        }

            .calendar-page .calendar-type-container li:first-child {
                margin-top: 0
            }

    .calendar-page .calendar-desktop {
        max-height: 0;
        visibility: hidden;
        position: absolute;
        left: 50%;
        margin-left: -595px;
        width: 100%
    }

        .calendar-page .calendar-desktop table {
            opacity: 0
        }

        .calendar-page .calendar-desktop .event-info, .calendar-page .calendar-desktop table, .calendar-page .calendar-desktop td {
            visibility: hidden
        }

        .calendar-page .calendar-desktop .current-month {
            width: 100%;
            text-align: center;
            opacity: 0;
            visibility: hidden;
            transition: .1s;
            -ms-transform: translateY(60px);
            transform: translateY(60px);
            -webkit-transform: translateY(60px)
        }

            .calendar-page .calendar-desktop .current-month h2 {
                font-size: 2.4em
            }

        .calendar-page .calendar-desktop .btn {
            opacity: 0;
            display: none
        }

        .calendar-page .calendar-desktop.open {
            visibility: visible;
            max-height: 1200px;
            transition: max-height .5s linear;
            left: 0;
            margin-left: 0;
            position: relative;
            margin-top: 30px
        }

            .calendar-page .calendar-desktop.open table {
                opacity: 1;
                transition: .8s
            }

            .calendar-page .calendar-desktop.open .event-info, .calendar-page .calendar-desktop.open table, .calendar-page .calendar-desktop.open td {
                visibility: visible
            }

            .calendar-page .calendar-desktop.open .btn {
                transition: .2s;
                opacity: 1;
                display: block
            }

            .calendar-page .calendar-desktop.open .current-month {
                opacity: 1;
                visibility: visible;
                -ms-transform: translateY(0);
                transform: translateY(0);
                -webkit-transform: translateY(0)
            }

    .calendar-page .month-selector-container ul li:first-child {
        float: left
    }

    .calendar-page .month-selector-container ul li:last-child {
        float: right
    }

    .calendar-page .calendar {
        clear: both;
        margin: 20px auto
    }

        .calendar-page .calendar table {
            margin: 0 auto
        }

        .calendar-page .calendar thead {
            text-align: center
        }

            .calendar-page .calendar thead td {
                padding: 14px;
                background-color: #1D105F;
                color: #fff
            }

        .calendar-page .calendar tbody tr:first-child td {
            border-top: 0
        }

        .calendar-page .calendar tbody tr:nth-child(even) .event {
            background-color: #f6f6f6
        }

        .calendar-page .calendar tbody td {
            border: 1px solid #d3d3d3;
            height: 80px;
            min-width: 130px;
            max-width: 130px;
            position: relative;
            padding: 22px 0
        }

            .calendar-page .calendar tbody td:nth-child(n+6) span.date {
                color: #0089C2
            }

        .calendar-page .calendar tbody span.date {
            position: absolute;
            top: 0;
            font-size: 1em;
            left: 4px
        }

        .calendar-page .calendar tbody span.nxt-mnth {
            color: #d3d3d3 !important
        }

        .calendar-page .calendar tbody .event {
            background-color: #fff;
            color: #636363;
            border-bottom: 1px solid #d3d3d3;
            box-sizing: border-box;
            padding: 10px 2px;
            margin: 0 8px;
            position: relative
        }

            .calendar-page .calendar tbody .event a {
                color: #fff
            }

            .calendar-page .calendar tbody .event h3.name, .calendar-page .calendar tbody .event p.location {
                line-height: 1.25
            }

            .calendar-page .calendar tbody .event h3.name {
                color: #636363;
                margin-top: 0;
                margin-bottom: 5px;
                word-wrap: normal;
                font-size: 1em
            }

            .calendar-page .calendar tbody .event p.location {
                color: #636363;
                margin-bottom: 0;
                margin-top: 5px;
                font-size: .8em
            }

            .calendar-page .calendar tbody .event .tooltip {
                height: initial;
                max-height: 0;
                position: absolute;
                visibility: hidden;
                top: 20%;
                left: 92%;
                z-index: 998;
                color: #1D105F;
                padding: 15px 30px;
                width: 300%
            }

                .calendar-page .calendar tbody .event .tooltip .text-container {
                    box-shadow: 5px 5px 20px #888;
                    opacity: 0;
                    background-color: #e6e6e6;
                    visibility: hidden;
                    transition: .1s;
                    padding: 15px;
                    overflow: hidden
                }

                    .calendar-page .calendar tbody .event .tooltip .text-container h3 {
                        margin-top: 0
                    }

                    .calendar-page .calendar tbody .event .tooltip .text-container li {
                        float: left
                    }

                    .calendar-page .calendar tbody .event .tooltip .text-container > ul > li {
                        clear: left
                    }

                    .calendar-page .calendar tbody .event .tooltip .text-container ul li ul {
                        overflow: hidden;
                        margin: 5px 0
                    }

                        .calendar-page .calendar tbody .event .tooltip .text-container ul li ul li:first-child {
                            min-width: 102px
                        }

                        .calendar-page .calendar tbody .event .tooltip .text-container ul li ul li:last-child {
                            max-width: 100%
                        }

                        .calendar-page .calendar tbody .event .tooltip .text-container ul li ul a {
                            color: #636363;
                            font-weight: 700
                        }

                            .calendar-page .calendar tbody .event .tooltip .text-container ul li ul a:hover {
                                text-decoration: underline
                            }

.events-page .ui-container .event-page-ui .btn:hover, .events-page .ui-container a:hover, .landing-page a:hover, .profile-page .date-container a:hover, .profile-page .spotlight-container .spotlight > a:hover {
    text-decoration: none
}

.calendar-page .calendar tbody .event .tooltip:before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12.5px 25px 12.5px 0;
    border-color: transparent #e6e6e6 transparent transparent;
    overflow: visible;
    z-index: 9999;
    position: absolute;
    left: 5px;
    top: 14px;
    opacity: 0
}

.calendar-page .calendar tbody .event:hover .tooltip {
    visibility: visible;
    max-height: 1200px;
    transition: max-height .5s linear;
    overflow: visible;
    z-index: 999
}

    .calendar-page .calendar tbody .event:hover .tooltip:before {
        content: '';
        opacity: 1
    }

    .calendar-page .calendar tbody .event:hover .tooltip .text-container {
        opacity: 1;
        visibility: visible
    }

.calendar-page .calendar tbody .event:first-child {
    margin-top: 10px
}

.calendar-page .calendar tbody .event:last-child {
    border-bottom: 1px solid transparent
}

.calendar-page .calendar tbody .event-info {
    opacity: 0
}

    .calendar-page .calendar tbody .event-info.come-in-light {
        opacity: 1;
        -webkit-transform-style: flat;
        transform-style: flat
    }

.calendar-page .calendar tbody td:nth-child(n+5) .event .tooltip {
    left: -336%
}

    .calendar-page .calendar tbody td:nth-child(n+5) .event .tooltip .text-container {
        box-shadow: -5px 5px 20px #888
    }

    .calendar-page .calendar tbody td:nth-child(n+5) .event .tooltip:before {
        border-width: 12.5px 0 12.5px 25px;
        border-color: transparent transparent transparent #e6e6e6;
        position: absolute;
        left: 94%;
        opacity: 1
    }

.calendar-page .calendar-mobile {
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    transition: .6s;
    position: relative;
    top: 30px
}

    .calendar-page .calendar-mobile .ng-scope > ul {
        list-style: none;
        margin: 0;
        padding: 0
    }

    .calendar-page .calendar-mobile .month-selector-container {
        margin-bottom: 74px;
        overflow: hidden
    }

        .calendar-page .calendar-mobile .month-selector-container ul {
            list-style: none;
            padding: 0;
            margin: 0
        }

    .calendar-page .calendar-mobile.open {
        top: 0;
        opacity: 1;
        visibility: visible;
        max-height: 80000px;
        transition: max-height .5s linear;
        position: relative;
        margin-top: 30px
    }

        .calendar-page .calendar-mobile.open .date-container {
            transition: .8s;
            opacity: 1
        }

        .calendar-page .calendar-mobile.open .date {
            clear: both
        }

.no-events {
    border-top: 6px solid #1D105F;
    border-bottom: 3px solid #1D105F;
    text-align: center
}

.events-page h1, .events-page h2, .events-page h3 {
    color: #1D105F
}

.events-page .sponsor {
    margin-bottom: 0
}

    .events-page .sponsor img {
        width: 100%
    }

.events-page .intro-container {
    background: #f5f5f5;
    padding: 20px 1000px 0;
    margin: 0 -1000px
}

    .events-page .intro-container .text-container {
        margin-top: 0
    }

        .events-page .intro-container .text-container h1, .events-page .intro-container .text-container h2.date, .events-page .intro-container .text-container h3.location {
            margin: 0
        }

        .events-page .intro-container .text-container h1 {
            margin-top: 10px;
            font-size: 2.4em;
            line-height: 1.3
        }

        .events-page .intro-container .text-container h2.date {
            font-size: 2em;
            margin-top: 5px
        }

        .events-page .intro-container .text-container .tag {
            font-size: 1.2em;
            margin: 0 0 10px;
            color: grey
        }

        .events-page .intro-container .text-container p {
            max-width: 1000px;
            font-size: 1.14em;
            line-height: 1.5
        }

.events-page .sponsors-container ul {
    max-width: 100%;
    text-align: center
}

.events-page .sponsors-container li {
    display: inline-block;
    max-width: 200px;
    margin: 10px;
    text-align: center
}

.events-page .sponsors-container img {
    max-width: 100%
}

.events-page .content-container {
    position: relative;
    overflow: hidden;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

    .events-page .content-container h3 {
        margin-bottom: 0;
        font-size: 1.3em
    }

    .events-page .content-container .text-container p {
        margin-top: 5px;
        font-size: 1.05em;
        line-height: 1.6
    }

.events-page .info-container .title-container h2 {
    margin-bottom: 10px;
    display: inline-block;
    font-size: 2em
}

.events-page .ui-container {
    padding: 30px 0
}

    .events-page .ui-container .date-container {
        opacity: 1
    }

        .events-page .ui-container .date-container .date {
            margin-top: 0;
            background: #1D105F;
            color: #fff;
            padding: 10px 20px
        }

        .events-page .ui-container .date-container .event {
            background: #f3f3f3;
            border: 0;
            margin: 0;
            padding: 12px 15px;
            border-bottom: 1px solid
        }

            .events-page .ui-container .date-container .event .name {
                font-size: 1.6em
            }

            .events-page .ui-container .date-container .event .description {
                font-size: 1.2em;
                max-width: 100%
            }

            .events-page .ui-container .date-container .event li {
                display: block;
                max-height: initial;
                min-width: initial;
                float: none;
                margin: 3px 0
            }

    .events-page .ui-container .event-page-ui .btn {
        font-size: 1.4em;
        padding: 8px 25px;
        position: relative
    }

.events-page .location-container .text-container {
    box-sizing: border-box;
    margin-left: 0;
    position: relative;
    padding-right: 20px
}

    .events-page .location-container .text-container h2 {
        margin-top: 0;
        font-size: 2em
    }

.events-page .map-container {
    height: 400px
}

.events-page .tag-container {
    display: block
}

.events-page .social-container.inline {
    margin-right: 0;
    float: left
}

.meta-content.events {
    padding: 0 40px;
    margin-top: 0
}

.scroll-more {
    position: fixed;
    width: 100%;
    text-align: center;
    bottom: 0;
    font-size: 1.3em;
    transition: .4s;
    z-index: 999;
    background-color: #eee;
    padding: 10px 0
}

    .scroll-more p:first-child {
        margin: 0
    }

    .scroll-more .fa {
        margin: 0;
        font-size: 1.3em
    }

    .scroll-more.hidden {
        opacity: 0;
        visibility: hidden;
        -ms-transform: translateY(40px);
        transform: translateY(40px);
        -webkit-transform: translateY(40px)
    }

.come-down, .come-in, .come-left, .come-right {
    visibility: visible !important
}

.listing-page {
    margin-top: 0
}

    .listing-page h1 {
        margin-top: 0;
        clear: both
    }

    .listing-page .filter-container {
        overflow: hidden
    }

        .listing-page .filter-container button, .listing-page .filter-container input, .listing-page .filter-container select {
            float: left
        }

        .listing-page .filter-container button {
            font-size: 1.37em;
            padding: 6px
        }

        .listing-page .filter-container input[type=search] {
            min-width: 30%;
            margin-left: 0
        }

        .listing-page .filter-container select {
            margin-top: 10px
        }

            .listing-page .filter-container select:first-of-type {
                clear: both;
                margin-left: 0
            }

    .listing-page .listing-container {
        clear: both;
        margin-top: 20px;
        max-width: 1200px
    }

        .listing-page .listing-container .list-item {
            overflow: hidden;
            padding: 0 20px 40px 0;
            opacity: 0;
            max-width: 1000px
        }

            .listing-page .listing-container .list-item .image-container {
                width: 140px;
                float: left;
                margin-right: 10px
            }

                .listing-page .listing-container .list-item .image-container img {
                    margin-top: 4px;
                    max-width: 100%
                }

            .listing-page .listing-container .list-item .info-container {
                float: left;
                max-width: 800px;
                margin-right: 20px
            }

            .listing-page .listing-container .list-item a {
                color: #636363;
                transition: .2s
            }

                .listing-page .listing-container .list-item a:hover {
                    text-decoration: none;
                    color: #1D105F
                }

            .listing-page .listing-container .list-item p {
                margin: 0
            }

            .listing-page .listing-container .list-item .info {
                margin-bottom: 5px
            }

                .listing-page .listing-container .list-item .info h3:nth-child(2) {
                    font-size: .95em;
                    color: #636363
                }

            .listing-page .listing-container .list-item h3 {
                margin-top: 0;
                font-family: Amiri-bold,serif;
                color: #1D105F;
                margin-bottom: 5px
            }

            .listing-page .listing-container .list-item .tag-container {
                margin-top: 10px
            }

                .listing-page .listing-container .list-item .tag-container p {
                    font-weight: 700;
                    font-size: 14px
                }

            .listing-page .listing-container .list-item:first-child {
                margin-top: 40px
            }

            .listing-page .listing-container .list-item.come-in-light {
                opacity: 1
            }

.profile-page {
    margin-top: 0
}

    .profile-page .title-container {
        clear: both
    }

        .profile-page .title-container h1 {
            margin-bottom: 0
        }

        .profile-page .title-container h2 {
            margin-top: 15px
        }

    .profile-page .spotlight-container .span_4_of_12 {
        width: 31%
    }

/*.profile-page .spotlight-container .col {
        margin: 0 2% 2% 0
    }*/

@media (max-width:63.99em) {
    .profile-page .spotlight-container .span_4_of_12 {
        width: 100%
    }

    /*.profile-page .spotlight-container .col {
        margin: 0 0 2%
    }*/
}

.profile-page .spotlight-container .col:first-child {
    margin-left: auto
}

.profile-page .spotlight-container .col:nth-of-type(3) {
    margin-right: 0
}

.profile-page .spotlight-container .spotlight {
    border: 1px solid #1D105F;
    box-sizing: border-box;
    height: auto;
    opacity: 0;
    transition: .2s
}

    .profile-page .spotlight-container .spotlight:nth-of-type(1) {
        color: #DF7B0F;
        border-color: #DF7B0F
    }

        .profile-page .spotlight-container .spotlight:nth-of-type(1) h3 {
            color: #DF7B0F
        }

        .profile-page .spotlight-container .spotlight:nth-of-type(1):hover {
            box-shadow: 0 2px 8px 2px #DF7B0F
        }

    .profile-page .spotlight-container .spotlight:nth-of-type(2) {
        color: #4F0755;
        border-color: #4F0755
    }

        .profile-page .spotlight-container .spotlight:nth-of-type(2) h3 {
            color: #4F0755
        }



        .profile-page .spotlight-container .spotlight:nth-of-type(2):hover {
            box-shadow: 0 2px 8px 2px #4F0755
        }

    .profile-page .spotlight-container .spotlight:nth-of-type(3) {
        color: #0089C2;
        border-color: #0089C2
    }

        .profile-page .spotlight-container .spotlight:nth-of-type(3) h3 {
            color: #0089C2
        }


        .profile-page .spotlight-container .spotlight:nth-of-type(3):hover {
            box-shadow: 0 2px 8px 2px #0089C2
        }



    .profile-page .spotlight-container .spotlight:nth-of-type(4) {
        color: #D31242;
        border-color: #D31242
    }



        .profile-page .spotlight-container .spotlight:nth-of-type(4) h3 {
            color: #D31242
        }




        .profile-page .spotlight-container .spotlight:nth-of-type(4):hover {
            box-shadow: 0 2px 8px 2px #D31242
        }



    .profile-page .spotlight-container .spotlight:nth-of-type(5) {
        color: #7D8617;
        border-color: #7D8617
    }



        .profile-page .spotlight-container .spotlight:nth-of-type(5) h3 {
            color: #7D8617
        }



        .profile-page .spotlight-container .spotlight:nth-of-type(5):hover {
            box-shadow: 0 2px 8px 2px #7D8617
        }
    /*
.profile-page .spotlight-container .spotlight:nth-of-type(6) {
    color: #004B8E;
    border-color: #004B8E
}*/

    /*
.profile-page .spotlight-container .spotlight:nth-of-type(6) h3 {
    color: #004B8E
}*/



    .profile-page .spotlight-container .spotlight:nth-of-type(6):hover {
        box-shadow: 0 2px 8px 2px #1D105F
    }

    .profile-page .spotlight-container .spotlight:nth-of-type(7):hover {
        box-shadow: 0 2px 8px 2px #1D105F
    }


    .profile-page .spotlight-container .spotlight > a {
        color: #636363
    }

.profile-page .spotlight-container .group:nth-of-type(2) .spotlight:nth-of-type(1) {
    color: #0089C2;
    border-color: #0089C2
}

    .profile-page .spotlight-container .group:nth-of-type(2) .spotlight:nth-of-type(1) h3 {
        color: #0089C2
    }

    .profile-page .spotlight-container .group:nth-of-type(2) .spotlight:nth-of-type(1):hover {
        box-shadow: 0 2px 8px 2px #0089C2
    }



.profile-page .spotlight-container .group:nth-of-type(2) .spotlight:nth-of-type(2) {
    color: #0089C2;
    border-color: #D31242
}

    .profile-page .spotlight-container .group:nth-of-type(2) .spotlight:nth-of-type(2) h3 {
        color: #D31242
    }




    .profile-page .spotlight-container .group:nth-of-type(2) .spotlight:nth-of-type(2):hover {
        box-shadow: 0 2px 8px 2px #D31242
    }



.profile-page .spotlight-container .group:nth-of-type(3) .spotlight:nth-of-type(1) {
    color: #0089C2;
    border-color: #7D8617
}

    .profile-page .spotlight-container .group:nth-of-type(3) .spotlight:nth-of-type(1) h3 {
        color: #7D8617
    }




    .profile-page .spotlight-container .group:nth-of-type(3) .spotlight:nth-of-type(1):hover {
        box-shadow: 0 2px 8px 2px #7D8617
    }



.profile-page .spotlight-container .text-container {
    padding: 20px;
    transition: .3s
}

    .profile-page .spotlight-container .text-container h3 {
        margin: 0;
        color: #1D105F
    }




    .profile-page .spotlight-container .text-container p {
        margin-top: 30px;
        margin-bottom: 0
    }




.profile-page .date-container {
    opacity: 1
}

    .profile-page .date-container .event {
        margin-left: 0
    }

    .profile-page .date-container .location, .profile-page .date-container .name {
        min-width: initial
    }


.landing-page h1 {
    margin-bottom: 0;
    font-size: 3em
}

.Alerts__item a, .FormItem a.FormItem__link:hover {
    text-decoration: underline
}

.landing-page .spotlight-container {
    display: block !important;
    max-width: 1300px;
    margin: 0 auto
}

.landing-page .image-container {
    background-size: cover;
    background-image: url(../../img/content-related-1.png);
    background-position: center center;
    overflow: hidden;
    transition: .3s;
    z-index: 1;
    position: relative
}

.FormItem a.FormItem__link, .FormItem__button {
    transition: all .4s;
    cursor: pointer
}

.landing-page .text-container {
    padding: 20px;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
    position: relative
}

    .landing-page .text-container h3 {
        margin-top: 0;
        color: #1D105F
    }

.landing-page .spotlight {
    opacity: 0;
    overflow: hidden
}

    .landing-page .spotlight:hover .image-container {
        transform: scale(1.05);
        -moz-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        -o-transform: scale(1.05);
        -ms-transform: scale(1.05)
    }

.landing-page .text-box {
    border: 6px solid #0089C2;
    border-left-width: 0;
    border-right-width: 0;
    border-bottom-width: 4px;
    padding: 20px;
    box-sizing: border-box
}

    .landing-page .text-box a {
        color: initial
    }

    .landing-page .text-box h3 {
        margin-top: 0;
        font-size: 1.5em
    }

    .landing-page .text-box p {
        max-width: 1000px;
        margin-bottom: 0
    }

.landing-page .span_12_of_12 {
    text-align: left
}

    .landing-page .span_12_of_12 .image-container, .landing-page .span_12_of_12 .text-container {
        min-height: 300px;
        width: 49.2%;
        float: right
    }

.BookingRef__number, .FormGrid__half, .pika-lendar {
    float: left
}

.landing-page .span_12_of_12 .image-container {
    background-image: url(../../img/content-related-2.png)
}






.landing-page .span_12_of_12 .text-container {
    width: 50.8%;
    border-right: 0;
    background-color: #1D105F;
    color: #fff
}

    .landing-page .span_12_of_12 .text-container h3 {
        color: #fff;
        font-size: 2em
    }


.landing-page .span_6_of_12 .image-container, .landing-page .span_6_of_12 .text-container {
    min-height: 250px;
    max-height: 250px
}

    .landing-page .span_6_of_12 .image-container h3, .landing-page .span_6_of_12 .text-container h3 {
        font-size: 1.8em
    }

.landing-page .span_6_of_12 .text-container {
    border-top: 0;
    text-align: left;
    overflow: hidden;
    bottom: 1px
}

.landing-page .span_6_of_12:first-child .text-container {
    background-color: #0089C2;
    color: #fff
}

    .landing-page .span_6_of_12:first-child .text-container h3 {
        color: #fff
    }

.landing-page .span_6_of_12:nth-child(2) .text-container {
    background-color: #4F0755;
    color: #fff
}

    .landing-page .span_6_of_12:nth-child(2) .text-container h3 {
        color: #fff
    }

.landing-page .span_6_of_12:hover .image-container {
    max-height: 260px;
    -webkit-backface-visibility: hidden
}

.landing-page .three-span .span_4_of_12 .image-container, .landing-page .three-span .span_4_of_12 .text-container {
    min-height: 250px;
    max-height: 350px;
    border-top: 0;
    background-color: #D31242;
    color: #fff
}

    .landing-page .three-span .span_4_of_12 .image-container h3, .landing-page .three-span .span_4_of_12 .text-container h3 {
        color: #fff
    }

.landing-page .three-span .span_4_of_12 .text-container {
    bottom: 1px
}

.landing-page .three-span .span_4_of_12 .image-container {
    background-image: url(../../img/content-related-3.png);
    background-position: center top
}

.landing-page .three-span .span_4_of_12:nth-child(2) .image-container {
    background-image: url(../../img/content-bodyimage-standards.png)
}

.landing-page .three-span .span_4_of_12:nth-child(2) .text-container {
    background-color: #7D8617;
    color: #fff
}

    .landing-page .three-span .span_4_of_12:nth-child(2) .text-container h3 {
        color: #fff
    }

.landing-page .three-span .span_4_of_12:nth-child(3) .image-container {
    background-image: url(../../img/yellow-plane.png)
}

.landing-page .three-span .span_4_of_12:nth-child(3) .text-container {
    background-color: #DF7B0F;
    color: #fff
}

    .landing-page .three-span .span_4_of_12:nth-child(3) .text-container h3 {
        color: #fff
    }

.landing-page .three-span:nth-of-type(odd) .span_4_of_12 .text-container {
    background-color: #DF7B0F
}

.landing-page .three-span:nth-of-type(odd) .span_4_of_12:nth-child(2) .text-container {
    background-color: #0089C2
}

.landing-page .three-span:nth-of-type(odd) .span_4_of_12:nth-child(3) .text-container {
    background-color: #4F0755
}

footer {
    position: relative
}

    footer .cha-num-container {
        position: relative;
        font-size: .7em;
        width: 100%;
        text-align: center
    }

        footer .cha-num-container p {
            margin-bottom: 0;
            color: #eee;
            margin-top: 15px
        }

    footer ul {
        width: 100%;
        text-align: center;
        padding: 15px 0
    }

    footer li {
        display: inline-block;
        padding: 0 30px
    }

    footer a {
        color: #fff
    }

.intro-spotlights .DownloadLink {
    position: relative;
    padding-left: 20px;
    color: inherit
}

    .intro-spotlights .DownloadLink::before {
        content: "\F01A";
        font-family: FontAwesome;
        position: absolute;
        top: 3px;
        font-size: 16px;
        left: 0;
        display: inline-block;
        margin-right: .5em;
        color: inherit;
        z-index: 1
    }

.FormGrid:after, .FormItem:after, .FormItem__checkbox::after, .FormItem__radio::after {
    content: ""
}

.spotlight-container .group {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: wrap;
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.profile-page .spotlight-container .group .spotlight {
    height: auto;
    max-height: none;
    min-height: auto
}

.FormGrid {
    padding: 2em
}

    .FormGrid:after {
        display: table;
        clear: both
    }

.FormGrid__half:nth-of-type(2n) {
    margin-left: 1.6%
}

.FormItem {
    display: block;
    margin-bottom: 2em
}

    .FormItem:after {
        display: table;
        clear: both
    }

    .FormItem.Error input, .FormItem.Error select, .FormItem.Error textarea {
        outline: #ff0303 solid 3px;
        outline-offset: 0
    }

    .FormItem.Error .Error__message {
        color: #ff0303;
        font-weight: 700
    }

    .FormItem input:focus, .FormItem select:focus, .FormItem textarea:focus {
        outline: #aac32c solid 3px;
        outline-offset: 0
    }

.FormItem__titleWrap {
    margin-bottom: 1em
}

.FormItem__label {
    display: block;
    color: #1D105F;
    font-size: 1.125em
}

.FormItem__hint {
    font-size: 14px;
    display: block
}

.FormItem__input, .FormItem__textarea {
    padding: 1em 1.3em;
    font-size: 12px;
    color: #636363;
    min-width: 65%;
    border: 1px solid #1D105F;
    box-sizing: border-box
}

@media (max-width:63.99em) {
    .FormItem__input, .FormItem__textarea {
        min-width: 100%;
        width: 100%
    }
}

.FormItem__checkbox, .FormItem__radio {
    margin-right: 1.5em;
    float: left;
    display: block;
    position: relative;
    padding: 2px 10px 3px 40px;
    cursor: pointer;
    -ms-touch-action: manipulation;
    touch-action: manipulation
}

    .FormItem__checkbox::before, .FormItem__radio::before {
        content: "";
        border: 1px solid #1D105F;
        background: 0 0;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 50%
    }

    .FormItem__checkbox::after, .FormItem__radio::after {
        border: 5px solid;
        width: 0;
        height: 0;
        position: absolute;
        top: 8px;
        left: 8px;
        border-radius: 50%;
        zoom: 1;
        opacity: 0;
        color: #1D105F
    }

    .FormItem__checkbox.selected::after, .FormItem__radio.selected::after {
        opacity: 1
    }

    .FormItem__checkbox input, .FormItem__radio input {
        margin: 0;
        zoom: 1;
        opacity: 0;
        position: absolute;
        cursor: pointer;
        left: 0;
        top: 0;
        width: 25px;
        height: 25px
    }

    .FormItem__checkbox::after, .FormItem__checkbox::before {
        border-radius: 0
    }

.FormItem__dropdown {
    padding: 1em 1.3em;
    font-size: 12px;
    color: #636363;
    min-width: 65%;
    border: 1px solid #1D105F;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: 0 0;
    position: relative;
    z-index: 2
}

@media (max-width:63.99em) {
    .FormItem__dropdown {
        min-width: 100%;
        width: 100%
    }
}

.FormItem__dropdown::-ms-expand {
    display: none
}

.FormItem__DropdownWrap {
    width: 65%;
    position: relative;
    background-color: #fff
}

    .FormItem__DropdownWrap::after, .FormItem__DropdownWrap::before {
        content: "";
        position: absolute
    }

.Dropdown__item:hover, .FormItem__button {
    background-color: #1D105F
}

@media (max-width:63.99em) {
    .FormItem__DropdownWrap {
        min-width: 100%;
        width: 100%
    }
}

.FormItem__DropdownWrap::after {
    width: 43px;
    height: 43px;
    top: 0;
    right: 0;
    background-color: #1D105F
}

.FormItem__DropdownWrap::before {
    top: 35%;
    right: 8px;
    display: inline-block;
    width: .4em;
    height: .4em;
    border-right: .2em solid #fff;
    border-bottom: .2em solid #fff;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-right: .5em;
    color: #fff;
    z-index: 1
}

.FormItem__DropdownWrap .FormItem__dropdown {
    min-width: 100%
}

.Dropdown:active, .Dropdown:hover {
    outline-color: #1D105F
}

.Dropdown__item {
    padding: 1em 1.3em;
    line-height: 2
}

@media (max-width:63.99em) {
    .FormItem__upload .FormItem__input {
        width: 60%;
        min-width: 60%;
        float: left;
        margin-right: 1%
    }

    .FormItem__upload .FormItem__button {
        width: 39%
    }
}

.Date__wrap::before, .Search__wrap::before {
    font-family: FontAwesome;
    display: inline-block;
    margin-right: .5em;
    z-index: 1
}

.FormItem__upload .FormItem__DropdownWrap {
    margin-top: 1.5em
}

.FormItem__button {
    color: #fff;
    padding: 1em 1.3em;
    font-size: 12px;
    border: 1px solid #1D105F
}

    .FormItem__button:hover {
        background-color: #fff;
        color: #1D105F;
        border: 1px solid #1D105F
    }

.Search__wrap {
    width: 65%;
    position: relative;
    background-color: #fff
}

@media (max-width:63.99em) {
    .Search__wrap {
        min-width: 100%;
        width: 100%
    }
}

.Search__wrap::before {
    content: "\f002";
    position: absolute;
    top: 35%;
    font-size: 12px;
    right: 8px;
    color: #333
}

.Search__wrap .FormItem__input, .Search__wrap .twitter-typeahead {
    min-width: 100%
}

.Date__wrap {
    width: 65%;
    position: relative;
    background-color: #fff
}

@media (max-width:63.99em) {
    .Date__wrap {
        min-width: 100%;
        width: 100%
    }
}

.Date__wrap::before {
    content: "\f073";
    position: absolute;
    top: 30%;
    font-size: 14px;
    left: 15px;
    color: #1D105F
}

.Date__wrap .FormItem__input {
    padding-left: 3em;
    min-width: 150px
}

.ErrorDetails {
    border-left: 10px solid #ff0303;
    padding-left: 1.2em
}

    .ErrorDetails .FormItem__label {
        font-size: 20px;
        font-weight: 700
    }

    .ErrorDetails .FormItem__link {
        display: block;
        text-decoration: underline;
        color: #ff0303;
        cursor: pointer
    }

.pika-table td, .pika-table th {
    width: 14.285714285714286%;
    padding: 0;
    min-width: auto
}

.pika-single thead {
    background-color: #fff;
    color: #1D105F
}

.pika-table {
    width: 90%;
    border: 0;
    margin: 5%
}

    .pika-table th {
        color: #1D105F
    }

.pika-lendar {
    width: 300px;
    margin: 0
}

.pika-title {
    background-color: #1D105F;
    padding: 0 3em
}

.pika-label {
    color: #fff;
    background-color: transparent
}

.pika-button {
    cursor: pointer;
    display: block;
    box-sizing: border-box;
    outline: 0;
    margin: 0;
    width: 100%;
    padding: 5px;
    color: #666;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    background: #fff;
    border: 1px solid #fff
}

.is-today .pika-button {
    color: #1D105F;
    font-weight: 700;
    background: #fff;
    border: 1px solid #1D105F
}

.is-selected .pika-button {
    color: #fff;
    font-weight: 700;
    background: #1D105F;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #1D105F
}

.is-disabled .pika-button, .is-outside-current-month .pika-button {
    pointer-events: none;
    cursor: default;
    color: #999;
    opacity: .3
}

.pika-button:hover {
    color: #1D105F;
    background: #f3f3f3;
    box-shadow: none;
    border-radius: 0;
    border: 1px solid #f3f3f3
}

.pika-next {
    background-image: url(../../img/right-arrow.png);
    opacity: 1
}

.pika-prev {
    background-image: url(../../img/left-arrow.png);
    opacity: 1
}

.tt-menu {
    border: 1px solid #1D105F;
    box-sizing: border-box;
    width: 100%;
    border-top: 0;
    background-color: #fff
}

.tt-suggestion {
    padding: .7em 1em;
    border-bottom: 1px solid #1D105F;
    cursor: pointer;
    font-size: 14px
}

    .tt-suggestion:hover {
        background-color: #f3f3f3
    }

    .tt-suggestion:last-of-type {
        border-bottom: 0
    }

.Table__container table {
    margin-bottom: px-to-em(30);
    border: 1px solid #ccc;
    width: 100%
}

    .Table__container table tr:first-of-type td {
        font-weight: 700;
        color: #4F0755
    }

    .Table__container table td, .Table__container table tr {
        border: 1px solid #ccc
    }

    .Table__container table tr {
        font-size: 14px;
        background-color: #fff
    }

        .Table__container table tr:first-of-type {
            background-color: #f6f6f6
        }

        .Table__container table tr:nth-child(even) {
            background-color: #fff
        }

    .Table__container table tbody > tr, .Table__container table thead > tr {
        border-bottom: 1px solid #ccc
    }

    .Table__container table tbody td {
        min-width: auto
    }


.profile-page .fixed-container .col:first-child, .profile-page .fixed-container .col:nth-child(4) {
    margin-left: 1.5%;
}


.profile-page .fixed-container .col:nth-child(6) {
    margin-right: 0px;
}


@media (max-width:47.3025em) {
    .Table__container table {
        margin-bottom: 0;
        width: auto;
        table-layout: fixed
    }

    .Table__container .pinned {
        position: absolute;
        left: 0;
        top: 0;
        background: #fff;
        width: 35%;
        overflow: hidden;
        overflow-x: scroll
    }

        .Table__container .pinned table {
            border-left: none;
            min-width: 100%;
            width: auto
        }

            .Table__container .pinned table td, .Table__container .pinned table th {
                white-space: nowrap
            }

        .Table__container .pinned td:last-child {
            border-bottom: 0
        }

        .Table__container .pinned tr {
            height: auto !important
        }

    .Table__container div.table-wrapper {
        position: relative;
        margin-bottom: 20px;
        overflow: hidden;
        border-right: 1px solid #ccc
    }

        .Table__container div.table-wrapper div.scrollable {
            margin-left: 35%;
            overflow: scroll;
            overflow-y: hidden
        }

    .Table__container table td, .Table__container table th {
        position: relative;
        white-space: nowrap;
        overflow: hidden
    }

    .Table__container .scrollable table tr td:first-of-type {
        display: none
    }

    .Table__container .pinned table, .Table__container .pinned table td, .Table__container .pinned table tr {
        border-right: none
    }
}

.BookingInfo:after, .BookingRef__middle:after, .BookingRef__top:after {
    display: table;
    clear: both;
    content: ""
}

td, tr {
    text-align: left
}

.FormTitle {
    padding-bottom: .5em;
    border-bottom: 1px solid #1D105F;
    width: 60%;
    margin-bottom: 2em
}

.BookingRef__middle, .BookingRef__top, .ProfileSpotlights h3 {
    border-bottom: 1px solid #d1d3d2
}

.FormTitle__item {
    font-size: 1.4em;
    color: #1D105F
}

.BookingRef {
    margin-bottom: 1em
}

.BookingRef__top {
    padding: 1em 2em
}

.BookingRef__status {
    float: right
}

@media (max-width:63.99em) {
    .BookingRef__status {
        float: left
    }

    .BookingRef__price {
        display: block
    }
}

.BookingRef__bold {
    font-weight: 700
}

.BookingRef__middle {
    padding: 2em
}

.BookingInfo {
    margin-bottom: 15px
}

.BookingInfo__left {
    width: 15%;
    float: left;
    padding: 0 1em 0 0;
    text-align: left;
    box-sizing: border-box
}

.BookingInfo__right {
    width: 85%;
    float: right;
    box-sizing: border-box
}

.BookingInfo__details {
    display: block
}

.BookingRef__bottom {
    padding: 2em;
    text-align: left;
    margin-bottom: 1em;
    color: #636363
}

.BookingRef__price {
    padding: 0 1.5em;
    color: #636363
}

    .BookingRef__price .BookingRef__bold {
        margin-right: 5px
    }

.Alerts {
    padding: 3em 2em;
    background-color: #f8f8f8;
    margin-bottom: 2em
}

.Alerts__item {
    margin-bottom: 1.5em
}

    .Alerts__item p {
        margin: .5em 0 0;
        text-align: left
    }

.Alerts__title {
    margin: 0 0 1em
}

.ProfileSpotlights h3 {
    padding-bottom: .5em
}

.ProfileSpotlights__para {
    bottom: 0;
    padding-bottom: 30px
}

    .ProfileSpotlights__para.Large {
        font-size: 30px
    }

.ProfileSpotlights__link {
    position: absolute;
    margin-bottom: 20px;
    bottom: 20px
}

.PageNavigation {
    margin-top: 2em
}

.PageNavigation__wrap {
    position: relative;
    background-color: #f8f8f8
}

.PageNavigation__list {
    margin: 0;
    list-style: none;
    padding: 2em
}

    .PageNavigation__list.SubNav--open {
        margin-bottom: 7em
    }

@media (max-width:63.99em) {
    .PageNavigation__list.SubNav--open {
        margin-bottom: 2em
    }

    .PageNavigation__list {
        padding: 0
    }
}

.PageNavigation__item {
    display: inline-block
}

    .PageNavigation__item .PageNavigation__link {
        padding: .3em 1em;
        margin: 0 1em;
        color: #333;
        cursor: pointer;
        transition: .4s all
    }

        .PageNavigation__item .PageNavigation__link:hover {
            color: #4F0755
        }

        .PageNavigation__item .PageNavigation__link:focus {
            border: 1px dotted #4F0755
        }

    .PageNavigation__item.is-active .PageNavigation__link {
        color: #4F0755;
        border-bottom: 2px solid #4F0755
    }

    .PageNavigation__item.is-active .PageNavigation__subList {
        display: block
    }

@media (max-width:63.99em) {
    .PageNavigation__item .PageNavigation__link {
        padding: 2em;
        margin: 0
    }

    .PageNavigation__item.is-active .PageNavigation__link {
        background-color: #4F0755;
        color: #fff
    }

    .PageNavigation__item, .PageNavigation__item .PageNavigation__link {
        display: block
    }
}

.PageNavigation__subList {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    font-size: 0;
    box-shadow: inset 0 -2px #d1d3d2
}

@media (min-width:64em) {
    .SubList__item {
        display: inline-block
    }
}

.SubList__item a {
    display: inline-block;
    padding: 2em 4em;
    font-size: 16px;
    box-shadow: inset 0 -2px #d1d3d2;
    color: #74777b;
    transition: color .3s,box-shadow .3s;
    cursor: pointer
}

@media (max-width:63.99em) {
    .PageNavigation__subList {
        background-color: #fff;
        position: relative
    }

    .SubList__item a {
        width: 100%;
        box-sizing: border-box
    }
}

.SubList__item a:hover {
    cursor: pointer;
    color: #636363;
    box-shadow: inset 0 -2px #74777b
}

.SubList__item.is-active a {
    color: #4F0755;
    box-shadow: inset 0 -2px #4F0755
}

.TabContent__item {
    padding: 2em 0;
    display: none
}

    .TabContent__item.active, .col {
        display: block
    }

.SubHeading {
    margin-bottom: 3em
}

.SubHeading__item {
    color: #1D105F;
    font-size: 1.125em;
    display: block
}

.SubHeading__item--bold {
    font-weight: 700
}

.SectionTitle {
    background-color: #F7F7F7;
    padding: 1.5em 1em;
    margin: 1em 0
}

    .SectionTitle h2 {
        font-size: 1.5em;
        margin: 0
    }

.ParaSection {
    padding: 1em
}

    .ParaSection p {
        margin-top: 0
    }

.section {
    clear: both;
    padding: 0;
    margin: 0
}

.col {
    float: left;
    margin: 1.6% 0 1.6% 1.6%
}

    .col.block {
        margin: 0
    }

    .col:first-child {
        margin-left: 0
    }

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

.group:after {
    clear: both
}

.group {
    zoom: 1
}

.span_12_of_12 {
    width: 100%
}

.span_11_of_12 {
    width: 91.53%
}

.span_10_of_12 {
    width: 83.06%
}

.span_9_of_12 {
    width: 74.6%
}

.span_8_of_12 {
    width: 66.13%
}

.span_7_of_12 {
    width: 57.66%
}

.span_6_of_12 {
    width: 49.2%
}

.block.span_6_of_12 {
    width: 50%
}

.span_5_of_12 {
    width: 40.73%
}

.span_4_of_12 {
    width: 32.26%
}

.span_3_of_12 {
    width: 23.8%
}

.span_2_of_12 {
    width: 15.33%
}

.span_1_of_12 {
    width: 6.866%
}

.come-in {
    -ms-transform: translateY(150px);
    transform: translateY(150px);
    -webkit-transform: translateX(150px);
    animation: come-in .8s ease forwards;
    opacity: 1 !important
}

@-webkit-keyframes come-in {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes come-in {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.come-down {
    -ms-transform: translateY(-150px);
    transform: translateY(-150px);
    -webkit-transform: translateX(-150px);
    animation: come-in .8s ease forwards
}

@-webkit-keyframes come-down {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes come-down {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.come-left {
    -ms-transform: translateX(-150px);
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px);
    -webkit-animation: come-in .8s ease forwards;
    animation: come-in .8s ease forwards
}

@-webkit-keyframes come-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes come-left {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.come-right {
    -ms-transform: translateX(150px);
    transform: translateX(150px);
    -webkit-transform: translateX(150px);
    -webkit-animation: come-right .8s ease forwards;
    animation: come-right .8s ease forwards
}

@-webkit-keyframes come-right {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@keyframes come-right {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

.come-in-light {
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-animation: come-in .6s ease forwards;
    animation: come-in .6s ease forwards;
    visibility: visible;
    opacity: 1
}

@-webkit-keyframes come-in-light {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes come-in-light {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.come-down-light {
    -webkit-transform: translateY(-50px);
    -ms-transform: translateY(-50px);
    transform: translateY(-50px);
    -webkit-animation: come-in .6s ease forwards;
    animation: come-in .6s ease forwards;
    visibility: visible !important;
    opacity: 1 !important
}

@-webkit-keyframes come-down-light {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes come-down-light {
    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.animation.ng-enter {
    -webkit-animation: .3s come-in-light;
    animation: .3s come-in-light
}

.fade-in-zoom {
    animation: fade-in-zoom .6s ease forwards;
    -webkit-animation: fade-in-zoom .6s ease forwards
}

@keyframes fade-in-zoom {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5;
        transform: scale(1.025);
        -webkit-transform: scale(1.025)
    }

    100% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1)
    }
}

@-webkit-keyframes fade-in-zoom {
    0% {
        opacity: 0
    }

    50% {
        -webkit-transform: scale(1.025);
        opacity: .5
    }

    100% {
        -webkit-transform: scale(1);
        opacity: 1
    }
}

.come-left-light, .come-right-light {
    visibility: visible !important;
    opacity: 1 !important
}

.come-left-light {
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px);
    -webkit-animation: come-left .6s ease forwards;
    animation: come-left .6s ease forwards;
    position: static !important
}

.displacement-left {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

@-webkit-keyframes come-left-light {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes come-left-light {
    to {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.come-right-light {
    -ms-transform: translateX(50px);
    transform: translateX(50px);
    -webkit-transform: translateX(50px);
    -webkit-animation: come-in .6s ease forwards;
    animation: come-in .6s ease forwards
}

@-webkit-keyframes come-right-light {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

@keyframes come-right-light {
    to {
        transform: translateX(0);
        -webkit-transform: translateX(0)
    }
}

.cssload-thecube {
    width: 73px;
    height: 73px;
    margin: -36.5px auto auto;
    top: 50%;
    position: relative;
    transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg)
}

    .cssload-thecube .cssload-cube {
        transform: rotateZ(45deg);
        -ms-transform: rotateZ(45deg);
        -webkit-transform: rotateZ(45deg);
        -moz-transform: rotateZ(45deg);
        float: left;
        width: 50%;
        height: 50%;
        position: relative;
        transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1)
    }

        .cssload-thecube .cssload-cube:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #2ba0c7;
            animation: cssload-fold-thecube 2.76s infinite linear both;
            -o-animation: cssload-fold-thecube 2.76s infinite linear both;
            -ms-animation: cssload-fold-thecube 2.76s infinite linear both;
            -webkit-animation: cssload-fold-thecube 2.76s infinite linear both;
            -moz-animation: cssload-fold-thecube 2.76s infinite linear both;
            transform-origin: 100% 100%;
            -o-transform-origin: 100% 100%;
            -ms-transform-origin: 100% 100%;
            -webkit-transform-origin: 100% 100%;
            -moz-transform-origin: 100% 100%
        }

    .cssload-thecube .cssload-c2 {
        transform: scale(1.1) rotateZ(90deg);
        -o-transform: scale(1.1) rotateZ(90deg);
        -ms-transform: scale(1.1) rotateZ(90deg);
        -webkit-transform: scale(1.1) rotateZ(90deg);
        -moz-transform: scale(1.1) rotateZ(90deg)
    }

    .cssload-thecube .cssload-c3 {
        transform: scale(1.1) rotateZ(180deg);
        -o-transform: scale(1.1) rotateZ(180deg);
        -ms-transform: scale(1.1) rotateZ(180deg);
        -webkit-transform: scale(1.1) rotateZ(180deg);
        -moz-transform: scale(1.1) rotateZ(180deg)
    }

    .cssload-thecube .cssload-c4 {
        transform: scale(1.1) rotateZ(270deg);
        -o-transform: scale(1.1) rotateZ(270deg);
        -ms-transform: scale(1.1) rotateZ(270deg);
        -webkit-transform: scale(1.1) rotateZ(270deg);
        -moz-transform: scale(1.1) rotateZ(270deg)
    }

    .cssload-thecube .cssload-c2:before {
        animation-delay: .35s;
        -o-animation-delay: .35s;
        -ms-animation-delay: .35s;
        -webkit-animation-delay: .35s;
        -moz-animation-delay: .35s
    }

    .cssload-thecube .cssload-c3:before {
        animation-delay: .69s;
        -o-animation-delay: .69s;
        -ms-animation-delay: .69s;
        -webkit-animation-delay: .69s;
        -moz-animation-delay: .69s
    }

    .cssload-thecube .cssload-c1:before {
        background-color: #0089C2
    }

    .cssload-thecube .cssload-c2:before {
        background-color: #D31242
    }

    .cssload-thecube .cssload-c3:before {
        background-color: #1D105F
    }

    .cssload-thecube .cssload-c4:before {
        animation-delay: 1.04s;
        -o-animation-delay: 1.04s;
        -ms-animation-delay: 1.04s;
        -webkit-animation-delay: 1.04s;
        -moz-animation-delay: 1.04s;
        background-color: #DF7B0F
    }

@keyframes cssload-fold-thecube {
    0%,10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        transform: perspective(136px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(136px) rotateX(0);
        transform: perspective(136px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        transform: perspective(136px) rotateY(180deg);
        opacity: 0
    }
}

@-webkit-keyframes cssload-fold-thecube {
    0%,10% {
        -webkit-transform: perspective(136px) rotateX(-180deg);
        opacity: 0
    }

    25%,75% {
        -webkit-transform: perspective(136px) rotateX(0);
        opacity: 1
    }

    100%,90% {
        -webkit-transform: perspective(136px) rotateY(180deg);
        opacity: 0
    }
}

@media only screen and (min-width:1300px) {
    header .header-container .lower-level h4, header.desktop .list-container .secondary .sec-list > li:first-child {
        padding-left: 0
    }

    .calendar-page .calendar tbody td {
        min-width: 170px;
        max-width: 170px
    }

    .content-wrapper, div#disqus_thread {
        max-width: 1300px
    }

    .content-wrapper {
        margin: 30px auto 0
    }

    header .header-container .top-nav-container {
        padding: 0
    }

    header.desktop .list-container .secondary .sec-container {
        min-width: 1300px;
        margin: 0 auto
    }

    header.desktop .list-container .secondary .sec-list > li:first-child a {
        margin-left: 0
    }

    header.lower-nav.desktop .secondary .sec-container {
        min-width: 0
    }

    #search-close.open {
        right: 4px
    }

    .home-banner .text-container {
        position: relative;
        margin: 340px auto 0;
        max-width: 1300px
    }

    .profile-page {
        margin-top: 0
    }

    .listing-page {
        margin: 0 auto
    }

    .content-wrapper-login {
        background-color: #eeeeee;
        margin-top: 0px;
        padding: 30px 21px 0;
        line-height: 1.42857143;
    }

        .content-wrapper-login .content-container {
            width: 25%;
            padding: 0 5% !important;
            margin-left: auto;
            margin-right: auto;
        }

            .content-wrapper-login .content-container * {
                width: 100%;
            }

            .content-wrapper-login .content-container .title-container {
                display: none;
            }

            .content-wrapper-login .content-container .login-container .FormGrid {
                padding: 0px;
            }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child {
                    margin-bottom: 0px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(1) {
                        margin: 0px;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(2) {
                        margin-top: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .FormItem__label {
                    font-size: 0.8em;
                    color: #4E4E4E;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .Error__message span {
                    font-size: 0.8em;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child .FormItem__titleWrap {
                    margin-bottom: 0px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) {
                    margin-bottom: 10px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) .FormItem__titleWrap {
                        margin-bottom: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(3) {
                    display: none;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(4) {
                    margin-bottom: 10px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem p img {
                    width: 200px !important;
                    height: auto !important;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem h5 {
                    margin-top: 25px;
                    margin-bottom: 10px;
                    font-size: 18px;
                    text-align: left;
                    color: #333333;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                    line-height: 1.1;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input {
                    color: black;
                    background: transparent;
                    border: 1px solid #C9C9C9;
                    font-size: 0.9em;
                    height: 40px;
                    padding: 6px 12px;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:focus {
                        outline: black solid 1px;
                        outline-offset: 0;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:-ms-input-placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::-ms-input-placeholder {
                        color: black;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__button {
                    font-size: 0.9em;
                    background: transparent;
                    color: #0089C2;
                    border: 2px solid #999999;
                    border-radius: 2px;
                    font-family: arial, sans-serif;
                    width: 100%;
                    font-weight: 700;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child {
                    text-align: center;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child h5 {
                        text-align: center;
                        font-size: 16px;
                        font-weight: bold;
                        text-align: center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        color: #333333;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p {
                        margin: 0px;
                    }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p a {
                            width: 100%;
                            display: inline-block;
                            text-decoration: underline;
                            color: #333333;
                        }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p:nth-child(1) {
                            margin: 0px;
                        }

        .content-wrapper-login + footer {
            display: none;
        }
}


@media only screen and (max-width:1024px) {

    .profile-page .fixed-container .col:first-child, .profile-page .fixed-container .col:nth-child(4) {
        margin-left: auto;
    }


    .profile-page .fixed-container .col:nth-child(6) {
        margin-right: 0px;
    }


    .col {
        margin: 10px 0
    }

    .block.span_6_of_12, .span_10_of_12, .span_11_of_12, .span_12_of_12, .span_1_of_12, .span_2_of_12, .span_3_of_12, .span_4_of_12, .span_5_of_12, .span_6_of_12, .span_7_of_12, .span_8_of_12, .span_9_of_12 {
        width: 100%
    }

    header .header-container {
        padding: 8px 0
    }

        header .header-container .lower-level h4 {
            max-width: initial
        }

    header .logo-container img {
        bottom: 0;
        padding-left: 5px
    }

    header .nav-container {
        overflow: hidden;
        max-height: 0;
        position: absolute;
        top: 77px;
        left: 0;
        width: 100%;
        transition: .3s;
        height: auto;
        z-index: 999;
        border-bottom: 1px solid #d3d3d3
    }

        header .nav-container .list-container {
            text-align: left;
            display: block;
            padding-left: 0
        }

        header .nav-container .primary {
            text-align: left;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            -webkit-align-items: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-justify-content: space-around;
            -ms-flex-pack: distribute;
            justify-content: space-around;
            padding-right: 16px
        }

        header .nav-container a, header .nav-container span {
            max-width: none;
            display: inline-block;
            height: auto;
            margin: 0
        }

        header .nav-container a {
            width: 100%;
            padding: 20px 20px 20px 0;
            box-sizing: border-box;
            text-align: left
        }











        header .nav-container span {
            width: 3%;
            text-align: center;
            font-size: 1.2em;
            left: 0
        }



    header .navigation {
        box-shadow: inset 0 20px 10px -20px rgba(0,0,0,.2);
        background-color: #fff
    }

    header .secondary {
        position: relative;
        top: 0
    }

        header .secondary h4 {
            display: none
        }

        header .secondary > ul > li:before {
            border-right: 0 solid transparent
        }

        header .secondary li {
            display: block;
            width: 100%;
            padding: 0 30px;
            box-sizing: border-box
        }

            header .secondary li:hover ul.tertiary {
                display: none
            }

        header .secondary .sec-container {
            width: 100%
        }

        header .secondary .sec-list, header .secondary ul {
            display: block;
            width: 100%
        }

        header .secondary a {
            border-bottom: 1px solid #d3d3d3;
            transition: .4s;
            opacity: 0;
            visibility: hidden
        }

        header .secondary span {
            display: none
        }

    header.lower-nav .lower-level, header.lower-nav .lower-level li, header.lower-nav .lower-level span, header.lower-nav .lower-level ul {
        display: block
    }

    header .secondary.open {
        max-height: 800px;
        width: 100%;
        padding-left: 0;
        background-color: #EEE;
        transition: max-height .5s linear
    }

        header .secondary.open ul li:last-child a {
            border-bottom: 0 solid transparent
        }

    header .nav-container.open {
        max-height: 2000px;
        background-color: #fff;
        transition: max-height 1s linear;
        z-index: 1000
    }

    header .user-container {
        position: absolute;
        right: 60px
    }

    header #nav-icon {
        right: 10px;
        top: 28px;
        display: block
    }

    header.lower-nav .nav-container {
        top: 68px
    }

    header.lower-nav .lower-level .low-nav {
        background-color: #fff;
        position: absolute;
        width: 100%;
        border-bottom: 1px solid #d3d3d3;
        height: initial;
        max-height: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

        header.lower-nav .lower-level .low-nav li {
            visibility: hidden;
            opacity: 0;
            transition: .5s;
            padding: 0
        }

        header.lower-nav .lower-level .low-nav a {
            margin-left: 11px;
            padding: 20px 10px
        }

    header.lower-nav .lower-level ul.open {
        max-height: 2000px;
        background-color: #eee;
        transition: max-height 1s linear;
        box-shadow: inset 0 20px 10px -20px rgba(0,0,0,.2);
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

        header.lower-nav .lower-level ul.open li {
            visibility: visible;
            opacity: 1
        }

    header.lower-nav .lower-level .tertiary.open {
        max-height: 1000px;
        transition: max-height 1s linear;
        position: relative;
        top: 0;
        background-color: #fff
    }

        header.lower-nav .lower-level .tertiary.open li {
            padding: 0 32px
        }

        header.lower-nav .lower-level .tertiary.open a, header.lower-nav .lower-level .tertiary.open li {
            opacity: 1;
            visibility: visible
        }

        header.lower-nav .lower-level .tertiary.open a {
            box-sizing: border-box;
            padding: 15px 0;
            max-width: initial
        }

    .content-page main article, .date-container .event .description {
        max-width: 100%
    }

    header.lower-nav .lower-level .lower-arrow {
        font-size: 1.8em;
        float: right;
        margin-right: 21px;
        position: relative;
        top: 8px;
        cursor: pointer
    }

    header.lower-nav .lower-level ul span {
        float: right;
        margin-right: 25px;
        top: 20px;
        position: relative
    }

    header:not(.lower-nav) .list-container:hover .primary:before {
        border-width: 0
    }

    #search-close {
        top: 3px
    }

        #search-close.open {
            right: 6px;
            opacity: 1
        }

    .intro-spotlights .block, .intro-spotlights .text-container {
        height: auto
    }

    .search-form {
        top: 69px
    }

    .lower-nav .search-form {
        top: 63px
    }

    select {
        -webkit-appearance: none;
        border-radius: 0
    }

    input[type=search] {
        -webkit-appearance: none;
        -moz-appearance: none;
        border-radius: 0
    }

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

    .date-container {
        opacity: 1
    }

        .date-container .event li {
            float: none;
            margin: 20px 0
        }

            .date-container .event li:first-child {
                margin-top: 0;
                font-size: 1.2em
            }

    .article-spotlights > div:nth-child(2) .spotlight {
        margin-bottom: 10px
    }

    .content-page main {
        width: 100%
    }

        .content-page main .caption-twin {
            margin: 10px
        }

            .content-page main .caption-twin:nth-child(1) {
                margin: 10px 14px 10px 0
            }

            .content-page main .caption-twin:nth-child(2) {
                margin: 10px 10px 10px 0
            }

        .content-page main .accordion-container .accordion {
            max-width: 72%
        }

    .content-page .meta-content .related-container .image-container {
        height: 450px
    }

    .content-page aside {
        display: none
    }

    .content-page .mobile-author {
        display: block
    }

    .calendar-desktop, .calendar-type-container {
        display: none
    }

    .calendar-page .calendar-mobile {
        max-height: none;
        opacity: 1;
        visibility: visible
    }

    .calendar-container .filter-container input, .calendar-container .filter-container select {
        display: block
    }

        .calendar-container .filter-container .day-selector p, .calendar-container .filter-container .day-selector select, .calendar-container .filter-container select:first-child {
            display: inline-block
        }

    .calendar-container .filter-container .day-selector p {
        margin: 5px
    }

    .calendar-container .filter-container input, .calendar-container .filter-container select {
        margin: 10px 0
    }

        .calendar-container .filter-container button, .calendar-container .filter-container input[type=search] {
            display: inline-block;
            margin-top: 0
        }

    .events-page .intro-container .text-container {
        width: 80%
    }

    .events-page .intro-container .sponsor {
        width: 20%
    }

        .events-page .intro-container .sponsor img {
            margin-top: 62px
        }

    .events-page .social-container.inline {
        width: 100%;
        float: none;
        text-align: center;
        position: relative;
        top: 20px
    }

    .events-page .content-container {
        display: block
    }

    .events-page .info-container .text-container:after, .events-page .location-container .text-container:after {
        width: 0
    }

    .events-page .ui-container .event-page-ui {
        width: 100%;
        text-align: center;
        min-height: 30px
    }

        .events-page .ui-container .event-page-ui .btn {
            left: 0;
            margin-left: 0
        }

    .events-page .map-container {
        width: 75%;
        margin: 0 auto;
        float: none;
        clear: both
    }

    .meta-content .related-container .image-container {
        height: 420px
    }

    .profile-page .spotlight-container {
        width: auto
    }

        .profile-page .spotlight-container .spotlight {
            max-height: 340px;
            min-height: 340px
        }

    .landing-page .image-container, .landing-page .text-container {
        min-height: initial;
        max-height: initial
    }

    .landing-page .span_12_of_12 .image-container, .landing-page .span_12_of_12 .text-container {
        width: 100%
    }

    .landing-page .span_12_of_12 .text-container {
        border: 1px solid #1D105F
    }

    .content-wrapper-login {
        background-color: #eeeeee;
        margin-top: 0px;
        padding: 30px 21px 0;
        line-height: 1.42857143;
    }

        .content-wrapper-login .content-container {
            width: 40%;
            padding: 0 5% !important;
            margin-left: auto;
            margin-right: auto;
        }

            .content-wrapper-login .content-container * {
                width: 100%;
            }

            .content-wrapper-login .content-container .title-container {
                display: none;
            }

            .content-wrapper-login .content-container .login-container .FormGrid {
                padding: 0px;
            }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child {
                    margin-bottom: 0px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(1) {
                        margin: 0px;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(2) {
                        margin-top: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .FormItem__label {
                    font-size: 0.8em;
                    color: #4E4E4E;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .Error__message span {
                    font-size: 0.8em;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child .FormItem__titleWrap {
                    margin-bottom: 0px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) {
                    margin-bottom: 10px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) .FormItem__titleWrap {
                        margin-bottom: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(3) {
                    display: none;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(4) {
                    margin-bottom: 10px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem p img {
                    width: 200px !important;
                    height: auto !important;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem h5 {
                    margin-top: 25px;
                    margin-bottom: 10px;
                    font-size: 18px;
                    text-align: left;
                    color: #333333;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                    line-height: 1.1;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input {
                    color: black;
                    background: transparent;
                    border: 1px solid #C9C9C9;
                    font-size: 0.9em;
                    height: 40px;
                    padding: 6px 12px;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:focus {
                        outline: black solid 1px;
                        outline-offset: 0;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:-ms-input-placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::-ms-input-placeholder {
                        color: black;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__button {
                    font-size: 0.9em;
                    background: transparent;
                    color: #0089C2;
                    border: 2px solid #999999;
                    border-radius: 2px;
                    font-family: arial, sans-serif;
                    width: 100%;
                    font-weight: 700;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child {
                    text-align: center;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child h5 {
                        text-align: center;
                        font-size: 16px;
                        font-weight: bold;
                        text-align: center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        color: #333333;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p {
                        margin: 0px;
                    }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p a {
                            width: 100%;
                            display: inline-block;
                            text-decoration: underline;
                            color: #333333;
                        }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p:nth-child(1) {
                            margin: 0px;
                        }

        .content-wrapper-login + footer {
            display: none;
        }
}

@media only screen and (max-width:768px) {


    .content-wrapper {
        padding: 20px
    }

    .article-spotlights > div:nth-child(2) .spotlight {
        margin-bottom: 1.6%
    }

    .content-page main .breadcrumbs-container {
        max-width: 60%
    }

    .content-page main article .quote-container .big-quote {
        top: 82px;
        font-size: 7em
    }

    .content-page main article .quote-container .quote {
        font-size: 2em
    }

    .content-page main article .ad img {
        margin-right: 0
    }

    .content-page main article .medium-image, .content-page main article p {
        max-width: 76%
    }

    .content-page main article .caption-twin {
        max-width: 37%
    }

    .content-page main article .social-container {
        margin-right: 203px
    }

    .content-page .table-container {
        display: none
    }

    .article-page {
        padding: 0
    }

        .article-page .quote-container {
            max-width: 100%
        }

        .article-page .content-container, .article-page h1 {
            padding: 0 100px
        }

        .article-page main article p {
            max-width: 100%;
            clear: both
        }

        .article-page .align-left, .article-page .align-right {
            float: none !important;
            margin: 0 auto !important;
            text-align: center
        }

    .profile-page .spotlight-container .span_6_of_12 {
        width: 100%
    }


    .profile-page .spotlight-container .col {
        margin: 2% 0
    }

    .profile-page .removeMargin .col:first-child {
        margin-left: 0px !important;
    }

    .profile-page .spotlight-container .spotlight {
        max-height: initial;
        min-height: initial
    }

    .content-wrapper-login {
        background-color: #eeeeee;
        margin-top: 0px;
        padding: 30px 21px 0;
        line-height: 1.42857143;
    }

        .content-wrapper-login .content-container {
            width: 40%;
            padding: 0 0% !important;
            margin-left: auto;
            margin-right: auto;
        }

            .content-wrapper-login .content-container .title-container {
                display: none;
            }

            .content-wrapper-login .content-container .login-container .FormGrid {
                padding: 0px;
            }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child {
                    margin-bottom: 0px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(1) {
                        margin: 0px;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(2) {
                        margin-top: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .FormItem__label {
                    font-size: 0.8em;
                    color: #4E4E4E;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .Error__message span {
                    font-size: 0.8em;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child .FormItem__titleWrap {
                    margin-bottom: 0px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) {
                    margin-bottom: 10px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) .FormItem__titleWrap {
                        margin-bottom: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(3) {
                    display: none;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(4) {
                    margin-bottom: 10px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem p img {
                    width: 200px !important;
                    height: auto !important;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem h5 {
                    margin-top: 25px;
                    margin-bottom: 10px;
                    font-size: 18px;
                    text-align: left;
                    color: #333333;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                    line-height: 1.1;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input {
                    color: black;
                    background: transparent;
                    border: 1px solid #C9C9C9;
                    font-size: 0.9em;
                    height: 40px;
                    padding: 6px 12px;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:focus {
                        outline: black solid 1px;
                        outline-offset: 0;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:-ms-input-placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::-ms-input-placeholder {
                        color: black;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__button {
                    font-size: 0.9em;
                    background: transparent;
                    color: #0089C2;
                    border: 2px solid #999999;
                    border-radius: 2px;
                    font-family: arial, sans-serif;
                    width: 100%;
                    font-weight: 700;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child {
                    text-align: center;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child h5 {
                        text-align: center;
                        font-size: 16px;
                        font-weight: bold;
                        text-align: center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        color: #333333;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p {
                        margin: 0px;
                    }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p a {
                            width: 100%;
                            display: inline-block;
                            text-decoration: underline;
                            color: #333333;
                        }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p:nth-child(1) {
                            margin: 0px;
                        }

        .content-wrapper-login + footer {
            display: none;
        }
}

@media only screen and (max-width:480px) {
    header .nav-container {
        top: 68px
    }

    header .logo-container img {
        height: 46px;
        position: relative
    }

    header .user-container {
        top: 1px
    }

    header #nav-icon {
        top: 22px
    }

    header .header-container .lower-level, header.lower-nav .nav-container {
        top: 62px
    }

    header:not(.lower-nav) {
        border-bottom: 1px solid #eee
    }

        header:not(.lower-nav) .list-container:hover .primary:before, header:not(.lower-nav) .primary:before {
            border-width: 0
        }

    .search-form {
        top: 63px
    }

        .search-form input[type=text] {
            width: 70%
        }

    .banner {
        padding: 20px
    }

    .article-page .quote-container .quote, .quote-container .info, .quote-container .quote {
        padding-left: 42px
    }

    .quote-container {
        margin-bottom: 40px
    }

        .quote-container .big-quote {
            top: 37px;
            font-size: 5em
        }

        .quote-container .quote {
            font-size: 1.6em;
            max-width: 88%;
            margin-top: 0
        }

    .download-container a {
        font-size: 16px
    }

    .article-page .quote-container .big-quote {
        top: 37px
    }

    .article-page .quote-container .info {
        padding-left: 42px;
        margin: 0
    }

    .social-container.inline {
        margin-right: 0;
        float: none
    }

    .home-banner {
        background-position: -450px 0
    }

    .content-wrapper {
        padding: 10px;
        margin-top: 50px
    }

    .home-banner .text-container {
        padding: 10px 10px 10px 0;
        max-width: 90%
    }

    .content-page main .accordion-container .accordion, .content-page main article .ad img, .content-page main article .caption-twin, .content-page main article .intro-container p, .content-page main article .intro-image, .content-page main article .large-image, .content-page main article .medium-image, .content-page main article p {
        max-width: 100%
    }

    .home-banner .text-container h1 {
        font-size: 2.5em;
        line-height: 1em;
        text-align: center;
    }

    .banner-spotlight {
        padding: 0
    }

        .banner-spotlight h2 {
            font-size: 2em;
            padding: 0 20px
        }

        .banner-spotlight p {
            font-size: 1em;
            padding: 0 20px
        }

    .banner-stats .stat {
        padding: 0
    }

        .banner-stats .stat .num {
            font-size: 4em;
            line-height: 1;
            margin-bottom: 0;
            margin-top: 16px
        }

    .article-spotlights .spotlight, .article-spotlights > div:nth-child(2) .spotlight {
        margin-bottom: 10px
    }

    .landing-page .spotlight .text-container {
        position: relative;
        bottom: 1px
    }

    .landing-page .span_6_of_12 .text-container {
        min-height: initial;
        max-height: initial
    }

    .article-page .meta-content .related-container .title-container h3 a, .content-page .meta-content .related-container .title-container h3 a {
        color: #1D105F;
        position: relative;
        padding: 0 57px;
        font-size: 1em
    }

    .article-banner, .article-page {
        padding: 0
    }

    .content-page main .breadcrumbs-container, .content-page main .related-container {
        float: none;
        max-width: 100%
    }

    .content-page main article .ad img, .content-page main article .social-container {
        float: none
    }

    .content-page main article .ad img {
        margin-left: 0
    }

    .content-page main article .social-container {
        margin-top: 20px;
        margin-right: 0
    }

    .content-page main article .quote-container .big-quote {
        top: 38px;
        font-size: 5em
    }

    .content-page main .accordion-container .accordion .head span {
        margin-right: 0
    }

    .content-page main .accordion-container .accordion .head h3 {
        font-size: 18px;
        max-width: 90%
    }

    .content-page .meta-content .related-container .image-container {
        max-height: 174px
    }

    .article-banner h1 {
        margin: 0 20px;
        font-size: 2em
    }

    .article-page h1 {
        padding: 0 15px
    }

    .article-page h3 {
        margin: initial;
        max-width: initial
    }

    .article-page .content-container {
        padding: 0 20px
    }

    .article-page main article .tag-container {
        display: block
    }

    .article-page main article .social-container {
        float: left;
        clear: left;
        margin-top: 0;
        display: block
    }

        .article-page main article .social-container ul {
            margin-top: 0
        }

    .article-page .intro-image .image-des {
        max-width: 100%;
        font-size: 1em
    }

    .calendar-page .filter-container input, .calendar-page .filter-container select {
        display: block;
        margin: 10px 0
    }

        .calendar-page .filter-container input[type=submit], .calendar-page .filter-container input[type=search] {
            display: inline-block;
            margin-top: 0
        }

    .calendar-page .calendar-mobile .date-container .event {
        margin: 15px 0
    }

    .events-page .intro-container .sponsor, .events-page .intro-container .text-container {
        width: 100%
    }

        .events-page .intro-container .sponsor img {
            margin-top: 0
        }

    .events-page .map-container {
        height: 250px
    }

    .events-page .sponsors-container li {
        display: inline-block;
        max-width: 100px;
        margin: 10px;
        text-align: center
    }

    .meta-content.events .related-container .image-container {
        height: 200px
    }

    .listing-page .filter-container input:first-of-type {
        margin-left: 0;
        width: 80%
    }

    .listing-page .filter-container select {
        clear: both;
        width: 100%;
        margin: 10px 0 0
    }

    .listing-page .listing-container .list-item .info, .listing-page .listing-container .list-item .text-container {
        clear: both;
        width: 100%
    }

    footer li {
        width: 100%;
        padding: 6px 0
    }

    .content-wrapper-login {
        background-color: #eeeeee;
        margin-top: 0px;
        padding: 30px 21px 0;
        line-height: 1.42857143;
    }

        .content-wrapper-login .content-container {
            width: 100%;
            padding: 0 0% !important;
        }

            .content-wrapper-login .content-container .title-container {
                display: none;
            }

            .content-wrapper-login .content-container .login-container .FormGrid {
                padding: 0px;
            }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child {
                    margin-bottom: 0px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(1) {
                        margin: 0px;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child p:nth-child(2) {
                        margin-top: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .FormItem__label {
                    font-size: 0.8em;
                    color: #4E4E4E;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__titleWrap .Error__message span {
                    font-size: 0.8em;
                    font-weight: 700;
                    font-family: arial, sans-serif;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem:first-child .FormItem__titleWrap {
                    margin-bottom: 0px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) {
                    margin-bottom: 10px;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(2) .FormItem__titleWrap {
                        margin-bottom: 0px;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(3) {
                    display: none;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:nth-child(4) {
                    margin-bottom: 10px;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem p img {
                    width: 100px !important;
                    height: auto !important;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_12_of_12 .FormItem h5 {
                    margin-top: 25px;
                    margin-bottom: 10px;
                    font-size: 18px;
                    text-align: left;
                    color: #333333;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                    line-height: 1.1;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input {
                    color: black;
                    background: transparent;
                    border: 1px solid #C9C9C9;
                    font-size: 0.9em;
                    height: 40px;
                    padding: 6px 12px;
                    font-family: arial, sans-serif;
                    font-weight: 500;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:focus {
                        outline: black solid 1px;
                        outline-offset: 0;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input:-ms-input-placeholder {
                        color: black;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem input::-ms-input-placeholder {
                        color: black;
                    }

                .content-wrapper-login .content-container .login-container .FormGrid form div .FormItem .FormItem__button {
                    font-size: 0.9em;
                    background: transparent;
                    color: #0089C2;
                    border: 2px solid #999999;
                    border-radius: 2px;
                    font-family: arial, sans-serif;
                    width: 100%;
                    font-weight: 700;
                    text-transform: uppercase;
                }

                .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child {
                    text-align: center;
                }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child h5 {
                        text-align: center;
                        font-size: 16px;
                        font-weight: bold;
                        text-align: center;
                        margin-top: 10px;
                        margin-bottom: 10px;
                        color: #333333;
                    }

                    .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p {
                        margin: 0px;
                    }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p a {
                            width: 100%;
                            display: inline-block;
                            text-decoration: underline;
                            color: #333333;
                        }

                        .content-wrapper-login .content-container .login-container .FormGrid form .span_6_of_12 .FormItem:last-child p:nth-child(1) {
                            margin: 0px;
                        }

        .content-wrapper-login + footer {
            display: none;
        }
}
/*# sourceMappingURL=maps/style.min.css.map */

.umbraco-forms-submitmessage {
    font-size: 3rem !important;
}
/***************************************************************/
/*Bootstrap List Groups*/
/***************************************************************/

.list-group {
    margin-bottom: 20px;
    padding-left: 0;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
}

    .list-group-item:first-child {
        border-top-right-radius: 4px;
        border-top-left-radius: 4px;
    }

    .list-group-item:last-child {
        margin-bottom: 0;
        border-bottom-right-radius: 4px;
        border-bottom-left-radius: 4px;
    }

a.list-group-item,
button.list-group-item {
    color: #555555;
}

    a.list-group-item .list-group-item-heading,
    button.list-group-item .list-group-item-heading {
        color: #333333;
    }

    a.list-group-item:hover,
    button.list-group-item:hover,
    a.list-group-item:focus,
    button.list-group-item:focus {
        text-decoration: none;
        color: #555555;
        background-color: #f5f5f5;
    }

button.list-group-item {
    width: 100%;
    text-align: left;
}

.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
    background-color: #eeeeee;
    color: #777777;
    cursor: not-allowed;
}

    .list-group-item.disabled .list-group-item-heading,
    .list-group-item.disabled:hover .list-group-item-heading,
    .list-group-item.disabled:focus .list-group-item-heading {
        color: inherit;
    }

    .list-group-item.disabled .list-group-item-text,
    .list-group-item.disabled:hover .list-group-item-text,
    .list-group-item.disabled:focus .list-group-item-text {
        color: #777777;
    }

.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #337ab7;
    border-color: #337ab7;
}

    .list-group-item.active .list-group-item-heading,
    .list-group-item.active:hover .list-group-item-heading,
    .list-group-item.active:focus .list-group-item-heading,
    .list-group-item.active .list-group-item-heading > small,
    .list-group-item.active:hover .list-group-item-heading > small,
    .list-group-item.active:focus .list-group-item-heading > small,
    .list-group-item.active .list-group-item-heading > .small,
    .list-group-item.active:hover .list-group-item-heading > .small,
    .list-group-item.active:focus .list-group-item-heading > .small {
        color: inherit;
    }

    .list-group-item.active .list-group-item-text,
    .list-group-item.active:hover .list-group-item-text,
    .list-group-item.active:focus .list-group-item-text {
        color: #c7ddef;
    }

.list-group-item-success {
    color: #3c763d;
    background-color: #dff0d8;
}

a.list-group-item-success,
button.list-group-item-success {
    color: #3c763d;
}

    a.list-group-item-success .list-group-item-heading,
    button.list-group-item-success .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-success:hover,
    button.list-group-item-success:hover,
    a.list-group-item-success:focus,
    button.list-group-item-success:focus {
        color: #3c763d;
        background-color: #d0e9c6;
    }

    a.list-group-item-success.active,
    button.list-group-item-success.active,
    a.list-group-item-success.active:hover,
    button.list-group-item-success.active:hover,
    a.list-group-item-success.active:focus,
    button.list-group-item-success.active:focus {
        color: #fff;
        background-color: #3c763d;
        border-color: #3c763d;
    }

.list-group-item-info {
    color: #31708f;
    background-color: #d9edf7;
}

a.list-group-item-info,
button.list-group-item-info {
    color: #31708f;
}

    a.list-group-item-info .list-group-item-heading,
    button.list-group-item-info .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-info:hover,
    button.list-group-item-info:hover,
    a.list-group-item-info:focus,
    button.list-group-item-info:focus {
        color: #31708f;
        background-color: #c4e3f3;
    }

    a.list-group-item-info.active,
    button.list-group-item-info.active,
    a.list-group-item-info.active:hover,
    button.list-group-item-info.active:hover,
    a.list-group-item-info.active:focus,
    button.list-group-item-info.active:focus {
        color: #fff;
        background-color: #31708f;
        border-color: #31708f;
    }

.list-group-item-warning {
    color: #8a6d3b;
    background-color: #fcf8e3;
}

a.list-group-item-warning,
button.list-group-item-warning {
    color: #8a6d3b;
}

    a.list-group-item-warning .list-group-item-heading,
    button.list-group-item-warning .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-warning:hover,
    button.list-group-item-warning:hover,
    a.list-group-item-warning:focus,
    button.list-group-item-warning:focus {
        color: #8a6d3b;
        background-color: #faf2cc;
    }

    a.list-group-item-warning.active,
    button.list-group-item-warning.active,
    a.list-group-item-warning.active:hover,
    button.list-group-item-warning.active:hover,
    a.list-group-item-warning.active:focus,
    button.list-group-item-warning.active:focus {
        color: #fff;
        background-color: #8a6d3b;
        border-color: #8a6d3b;
    }

.list-group-item-danger {
    color: #a94442;
    background-color: #f2dede;
}

a.list-group-item-danger,
button.list-group-item-danger {
    color: #a94442;
}

    a.list-group-item-danger .list-group-item-heading,
    button.list-group-item-danger .list-group-item-heading {
        color: inherit;
    }

    a.list-group-item-danger:hover,
    button.list-group-item-danger:hover,
    a.list-group-item-danger:focus,
    button.list-group-item-danger:focus {
        color: #a94442;
        background-color: #ebcccc;
    }

    a.list-group-item-danger.active,
    button.list-group-item-danger.active,
    a.list-group-item-danger.active:hover,
    button.list-group-item-danger.active:hover,
    a.list-group-item-danger.active:focus,
    button.list-group-item-danger.active:focus {
        color: #fff;
        background-color: #a94442;
        border-color: #a94442;
    }

.list-group-item-heading {
    margin-top: 0;
    margin-bottom: 5px;
}

.list-group-item-text {
    margin-bottom: 0;
    line-height: 1.3;
}

/***************************************************************/
/*Bootstrap Model*/
/***************************************************************/



.modal-open {
    /*overflow: hidden;*/
    overflow-y: auto;
}

.modal {
    /*display: none;*/
    display: block !important;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

    .modal.fade .modal-dialog {
        -webkit-transform: translate(0, -25%);
        -ms-transform: translate(0, -25%);
        -o-transform: translate(0, -25%);
        transform: translate(0, -25%);
        -webkit-transition: -webkit-transform 0.7s ease-out;
        -o-transition: -o-transform 0.7s ease-out;
        transition: transform 0.7s ease-out;
    }

    .modal.in .modal-dialog {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
    overflow-y: initial !important;
}

.modal-content {
    background-color: #ffffff;
    /*position: relative;
    background-color: #ffffff;
    border: 1px solid #999999;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    outline: 0;*/
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}

    .modal-backdrop.fade {
        opacity: 0;
        filter: alpha(opacity=0);
    }

    .modal-backdrop.in {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
}

    .modal-header .close {
        margin-top: -2px;
    }

.modal-title {
    margin: 0;
    line-height: 1.42857143;
}

.modal-body {
    position: relative;
    padding: 15px;
    height: 250px;
    overflow-y: auto;
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

    .modal-footer .btn + .btn {
        margin-left: 5px;
        margin-bottom: 0;
    }

    .modal-footer .btn-group .btn + .btn {
        margin-left: -1px;
    }

    .modal-footer .btn-block + .btn-block {
        margin-left: 0;
    }

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin: 30px auto;
    }

    .modal-content {
        /*-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);*/
    }

    .modal-sm {
        width: 300px;
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px;
    }
}

.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table;
}

.clearfix:after,
.container:after,
.container-fluid:after,
.row:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
    clear: both;
}

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

.pull-right {
    float: right !important;
}

.pull-left {
    float: left !important;
}

.hide {
    display: none !important;
}

.show {
    display: block !important;
}

.invisible {
    visibility: hidden;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.hidden {
    display: none !important;
}

.affix {
    position: fixed;
}

/*! ng-dialog - v0.4.0 (https://github.com/likeastore/ngDialog) */

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ngdialog {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

    .ngdialog *, .ngdialog :after, .ngdialog :before {
        -webkit-box-sizing: inherit;
        -moz-box-sizing: inherit;
        box-sizing: inherit
    }

.ngdialog {
    position: fixed;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0
}

.ngdialog-overlay {
    position: fixed;
    background: rgba(0,0,0,.4);
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-content {
    background: #fff;
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

body.ngdialog-open {
    overflow: hidden
}

/* #region - Layout fix - Pedro Barreiro */
html,
body {
    margin: 0;
    padding: 0;
    height: 100%;
}

#container {
    min-height: 100%;
    position: relative;
}

#header {
    background: #FFFFFF;
}

#body {
    padding-bottom: 320px;
}

@media screen and (max-width: 768px) {
    #body {
        padding-bottom: 500px !important;
    }
}

#footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #1D105F;
    padding: 30px 20px;
    min-height: 100px;
    height: auto;
}

/* #endregion */

.events-page .intro-container .text-container ul {
    list-style-type: disc;
    padding-left: 20px;
}

.article-page main article ul, .content-page main article ul li {
    max-width: 70%;
    font-family: Amiri-regular,serif;
    font-size: 22px;
    color: #444;
    line-height: 1.3;
}


.js-trilliumError {
    color: #9c1e8d;
    font-weight: bold;
}
/*
.skiptranslate.goog-te-gadget{
    color:white;
}

.skiptranslate.goog-te-gadget select{
    color:black;
}*/
.google_translate_element {
    overflow: hidden;
}

.goog-te-combo {
    width: 100%;
}

.goog-logo-link {
    display: block;
    max-width: 42px;
}


/*Spotlight fix for all pages except landing*/
.landing-page .text-box p {
    font-family: OpenSans-regular,"Open Sans",sans-serif,sans-serif !important;
    font-size: 1.0em !important;
    line-height: 1.4 !important;
    color: inherit !important;
}

.landing-page .text-box a {
    color: initial !important;
}

.home-banner .text-container h1.black {
    color: #000000;
}

/*Advert*/

a.ad {
    float: right;
}

a.adPullLeft {
    float: left;
}

.contentWithAdvert {
    overflow-y: auto;
    overflow-x: hidden;
}

    .contentWithAdvert p {
        max-width: 100% !important;
        clear: none !important;
    }

.contentWithOutAdvert p {
    max-width: 80% !important;
    clear: none !important;
}
/*image margin fix - content page advert*/
.contentWithAdvert img {
    height: auto !important;
    margin: 5px !important;
    max-width: 100% !important;
    width: auto !important;
}

@media only screen and (min-width: 320px) and (max-width: 1024px) {
    a.ad {
        float: left;
        clear: both;
    }

    .contentWithAdvert {
        clear: both;
    }
}


/*Colors*/
.text-container.Green, .banner-stats.Green {
    background-color: #7D8617 !important;
}

.text-container.Red, .banner-stats.Red {
    background-color: #D31242 !important;
}

.text-container.Blue, .banner-stats.Blue {
    background-color: #0089C2 !important;
}

.text-container.Purple, .banner-stats.Purple {
    background-color: #4F0755 !important;
}

.text-container.Orange, .banner-stats.Orange {
    background-color: #DF7B0F !important;
}

.text-container.Grey, .banner-stats.Grey {
    background-color: #f3f3f3 !important;
    color: #636363 !important;
}

    .text-container.Grey h3, .banner-stats.Grey h3 {
        color: #636363 !important;
    }

/* Title colour */
h1.darkImageCaptionColour {
    color: #000000;
}

/* Calendar*/

.calendar-page .calendar-desktop.open .btn.disabled,
.calendar-page .calendar-mobile.open .btn.disabled {
    color: #cccccc;
    border-color: #cccccc;
}

    .calendar-page .calendar-desktop.open .btn.disabled:hover,
    .calendar-page .calendar-mobile.open .btn.disabled:hover {
        color: #cccccc;
        border-color: #cccccc;
        cursor: default;
        background-color: #ffffff;
    }

.pagination a {
    text-decoration: none;
}

    .pagination a[ng-click] {
        cursor: pointer;
    }

    .pagination a.active {
        background: #1D105F;
        color: #fff;
        cursor: default;
    }

    .pagination a.disabled {
        background: #ccc;
        color: #1D105F;
        cursor: default;
    }

.content-page aside .info-container a {
    display: inline-block;
}

/*Download Resources Container Margin Fix*/
.download-container p {
    margin-bottom: 0 !important;
}

/* Accordion alignment */
.accordion .slide .body p {
    max-width: 100%;
    font-family: inherit;
    font-size: 1em;
    color: #636363;
    line-height: 1.4;
    clear: none;
}

/* Location map for location - standard component */
.map-container.col.span_6_of_12 {
    height: 400px;
}

option:disabled {
    color: #d9d9d9;
}

/*ul fix for news pages*/
.article-page ul {
    max-width: 70%;
    font-family: Amiri-regular,serif;
    font-size: 22px;
    color: #444;
    margin-bottom: 40px;
    line-height: 1.3;
}

.article-page main article .content-container > ul {
    margin: 40px auto;
}

/*Default cursor on image with not link fix*/
.img-no-link {
    cursor: default;
}

.listing-page .listing-container .list-item .info-container.full-width {
    width: 100%;
}

/* event item pdf added */
.event-pdf {
    margin-bottom: 40px;
}

.noPadding {
    padding: 0 !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

body.preview {
    background-color: white;
}

h3.location-description {
    font-size: 1.2em;
    margin: 0 0 10px;
    color: grey;
    font-family: OpenSans-regular,"Open Sans",sans-serif;
}

div.content-container p.intro-trl-style {
    line-height: 1.6;
    font-size: 1.5em;
    color: #444;
    font-family: OpenSans-regular,"Open Sans",sans-serif;
}


/*Upcomming events on my profile*/
.profile-page .news-events .spotlight-container .text-container p {
    margin: 0 !important;
}


/*Loading Icon Color*/
.fa-spinner, .sr-only {
    color: #1D105F;
}

/*-------------------------------------------------------------------------------------------*/
/* #Select dropdown fix if option value too big*/
/*-------------------------------------------------------------------------------------------*/

.FormItem__DropdownWrap .FormItem__dropdown {
    min-width: 0;
    width: 100%;
}

    /* Disabled styling for dropdown*/
    .FormItem__DropdownWrap .FormItem__dropdown:disabled {
        background-color: rgb(235, 235, 228);
    }

/*-------------------------------------------------------------------------------------------*/
/* #Button Disabled*/
/*-------------------------------------------------------------------------------------------*/
button:disabled,
button[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
}

/*-------------------------------------------------------------------------------------------*/
/* #custom message style*/
/*-------------------------------------------------------------------------------------------*/
.response__message {
    color: #ff0303;
    font-weight: 700;
}

.SuccessDetails {
    border-left: 10px solid green;
    padding-left: 1.2em;
}

.Error__message {
    color: #ff0303;
    font-weight: 700;
}


.FormGrid.noTopBottomPadding {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.FormItem__button_reverse {
    background-color: #fff;
    color: #1D105F;
    padding: 1em 1.3em;
    font-size: 12px;
    border: 1px solid #1D105F;
}

    .FormItem__button_reverse:hover {
        background-color: #1D105F;
        color: #fff;
        border: 1px solid #1D105F;
    }

.landing-page .span_6_of_12 .text-container.organisational {
    min-height: initial;
    max-height: initial;
    min-height: 440px;
    text-align: center;
    padding: 2em 2.5em;
}

    .landing-page .span_6_of_12 .text-container.organisational .DownloadLink {
        color: #fff;
        font-size: 1.1em
    }

        .landing-page .span_6_of_12 .text-container.organisational .DownloadLink:before {
            content: "\F01A";
            font-family: FontAwesome;
            display: inline-block;
            padding-right: 3px;
            vertical-align: middle;
        }

.banner__info.organisational_info {
    font-size: 1em !important;
}

.clearBoth {
    clear: both;
}

@media(max-width: 1024px) {
    .landing-page .span_6_of_12 .text-container.organisational {
        height: auto;
    }
}

/*-------------------------------------------------------------------------------------------*/
/* CSS Fixes for Organisational Profile hyperlinks*/
/*-------------------------------------------------------------------------------------------*/
div.spotlight > .Purple a, div.spotlight > .Red a, div.spotlight > .Green a, div.spotlight > .Blue a {
    color: #ffffff;
}

    div.spotlight > .Purple a.spotlights__CTA:hover, div.spotlight > .Red a.spotlights__CTA:hover, div.spotlight > .Green a.spotlights__CTA:hover, div.spotlight > .Blue a.spotlights__CTA:hover {
        color: #ffffff;
    }

    div.spotlight > .Purple a.spotlights__CTA {
        color: #4F0755;
    }

    div.spotlight > .Green a.spotlights__CTA {
        color: #7d8617;
    }

    div.spotlight > .Red a.spotlights__CTA {
        color: #d31242;
    }

    div.spotlight > .Blue a.spotlights__CTA {
        color: #0089C2;
    }

/*-------------------------------------------------------------------------------------------*/
/* Image figure and caption implementation styles.
/*-------------------------------------------------------------------------------------------*/
.caption-twin figure {
    margin: 0px;
}

    .caption-twin figure figcaption {
        font-style: italic;
    }

@media (max-width: 620px) {
    .caption-twin figure {
        width: auto !important;
    }

    .addthis_toolbox {
        display: flex;
        justify-content: center;
    }
}
/*-------------------------------------------------------------------------------------------*/
/* Article page margin fix.
/*-------------------------------------------------------------------------------------------*/

@media (min-width: 769px) {
    /*.article-page .article-container .caption-twin.align-left {
        margin-left: 15% !important;
    }*/
    .article-page .article-container .caption-twin.align-left {
        margin-left: 15% !important;
        margin-bottom: 0 !important;
    }

    .article-page .article-container .caption-twin.align-right {
        margin-right: 15% !important;
        margin-bottom: 0 !important;
    }
}

.article-page main article p,
.content-page main article p {
    margin-top: 0 !important;
}


/*-------------------------------------------------------------------------------------------*/
/* Page navigation memebership area fix.
/*-------------------------------------------------------------------------------------------*/
.PageNavigation__subList .SubList__item a {
    padding: 2em 2em;
}

/*-------------------------------------------------------------------------------------------*/
/* Cookie section
/*-------------------------------------------------------------------------------------------*/
.cc-cookies {
    position: fixed;
    /*width: 100%;*/
    width: 90%;
    left: 0;
    bottom: 0;
    padding: 0.5em 5%;
    background: #1D105F;
    background: rgba(29,16,95,0.95);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    z-index: 99999;
    text-align: center;
    color: #fff;
}

    .cc-cookies strong {
        color: #fff;
        font-size: 13px;
        font-weight: 700;
        text-shadow: 0 -1px 0 rgba(0,0,0,0.35);
    }

    .cc-cookies a, .cc-cookies a:hover {
        color: #fff;
        text-decoration: underline;
    }

        .cc-cookies a.cc-cookie-dismiss {
            display: inline-block;
            color: #fff;
            background: none;
            padding: 0.5em 0.75em;
            text-decoration: none;
        }

        .cc-cookies a.cc-cookie-accept {
            margin-left: 5px;
        }

        .cc-cookies a.cc-cookie-accept, .cc-cookies-error a.cc-cookie-accept, .cc-cookies a.cc-cookie-decline, .cc-cookies-error a.cc-cookie-decline, .cc-cookies a.cc-cookie-reset {
            display: inline-block;
            color: #1D105F;
            text-decoration: none;
            background: #fff;
            padding: 0.5em 0.75em;
            border-radius: 3px;
            box-shadow: 0 0 2px rgba(0,0,0,0.25);
            -o-transition: background 0.5s ease-in;
            -webkit-transition: background 0.25s ease-in;
            -moz-transition: background 0.25s ease-in;
        }

.calendar-page .calendar {
    clear: both;
    margin: 15% auto;
}
.custom-raes-form .umbraco-forms-fieldset {
    position: relative;
    border: none !important;
    padding: 0;
    margin: 0;
}

    .custom-raes-form .umbraco-forms-fieldset legend {
        font-size: 1.3rem;
        margin: 0 0 20px 0;
    }

    .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field {
        position: relative;
        display: block;
        width: 50%;
        margin: 0 0 50px 0;
    }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field label {
            display: block;
            font-family: OpenSans-regular,"Open Sans",sans-serif;
            font-size: 1.125rem;
            color: #1D105F;
            margin-bottom: 0.2rem;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field span.help-block {
            display: block;
            font-family: OpenSans-regular,"Open Sans",sans-serif;
            font-size: 0.8rem;
            color: #636363;
            margin-bottom: 1rem;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper {
            position: relative;
            display: block;
            overflow: hidden;
        }

            .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper input,
            .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper textarea,
            .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper select {
                display: block;
                width: 100%;
                box-sizing: border-box;
                padding: 1em 1.3em;
                font-size: 12px;
                color: #636363;
                border: 1px solid #1D105F;
            }

                .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper input.datepickerfield {
                    width: 250px;
                }

            .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper select {
                position: relative;
                white-space: nowrap;
                padding-right: 2.813rem;
                text-overflow: ellipsis;
                -webkit-appearance: none;
                -moz-appearance: none;
                appearance: none;
                background: 0 0;
                cursor: pointer;
                z-index: 2;
            }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper:after {
            content: '';
            position: absolute;
            top: 0;
            right: 0;
            width: 43px;
            height: 43px;
            background-color: #1d105f;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field.dropdown .umbraco-forms-field-wrapper:before {
            content: "";
            position: absolute;
            top: 35%;
            right: 8px;
            display: inline-block;
            width: 0.4em;
            height: 0.4em;
            border-right: 0.2em solid #fff;
            border-bottom: 0.2em solid #fff;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg);
            margin-right: 0.5em;
            color: #fff;
            z-index: 1;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper input[type=text]:focus,
        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper textarea:focus {
            outline: #aac32c solid 3px;
            outline-offset: 0;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field .umbraco-forms-field-wrapper span.field-validation-error {
            font-size: 1em;
            color: #ff0303;
            font-weight: 700;
        }

    .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .radiobuttonlist {
        position: relative;
        display: inline-block;
        margin: 12px 0;
    }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .radiobuttonlist .elem {
            position: relative;
            display: block;
            margin: 0 0 8px 0;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .radiobuttonlist input[type="radio"] {
            display: inline;
            width: auto;
            margin: 4px;
            cursor: pointer;
        }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .radiobuttonlist label {
            display: inline-block;
            max-width: 90%;
            vertical-align: top;
            margin: 0 !important;
            font-size: 1em;
            line-height: 1.4;
            color: #636363;
        }

    .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .checkboxlist {
        display: block;
        margin: 12px 0;
    }

        .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .checkboxlist .elem {
            position: relative;
            display: block;
            margin: 5px 0 15px 0;
        }

            .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .checkboxlist .elem input[type="checkbox"] {
                cursor: pointer;
                display: inline-block;
                width: auto;
            }

            .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field-wrapper .checkboxlist .elem label {
                display: inline-block;
                max-width: 90%;
                vertical-align: top;
                font-size: 1em;
                line-height: 1.4;
                color: #636363;
            }

.custom-raes-form .umbraco-forms-caption {
    padding-bottom: 0.5em;
    border-bottom: 1px solid #1d105f;
    width: 60%;
    font-size: 1.4em;
    font-weight: normal !important;
    color: #1d105f;
}

.pika-single.is-bound {
    border-radius: 10px;
    border: solid 1px #d8d8d8;
}

.pika-single .pika-lendar {
    position: relative;
    margin: 12px 8px !important;
}

    .pika-single .pika-lendar .pika-title {
        display: block;
        margin: 6px auto;
        border-radius: 10px;
        background-color: rgb(29 16 95 / 20%);
        margin: 6px 0 !important;
        padding: 6px 2.5em 0 2.5em;
    }

        .pika-single .pika-lendar .pika-title .pika-label {
            color: #1d105f;
            background-color: transparent !important;
        }

    .pika-single .pika-lendar .pika-table td.is-today button {
        border-radius: 10px;
        border: solid 2px #DF7B0F;
    }

    .pika-single .pika-lendar .pika-table {
        margin: 0 !important;
    }

        .pika-single .pika-lendar .pika-table thead abbr {
            letter-spacing: 0.06px;
            color: #B2B2B2 !important;
            text-decoration: none;
            font-weight: 100;
        }

    .pika-single .pika-lendar .pika-button {
        text-align: center;
        background: #FFFFFF;
        border: none;
    }

        .pika-single .pika-lendar .pika-button:hover {
            border-radius: 10px !important;
            background-color: #DF7B0F !important;
        }

    .pika-single .pika-lendar .is-selected .pika-button {
        border-radius: 10px;
        border: solid 2px #DF7B0F;
        box-shadow: none !important;
        background: #DF7B0F !important;
        color: #FFFFFF !important;
    }

    .pika-single .pika-lendar .pika-day {
        color: #1D105F;
        padding: 8px;
    }

    .pika-single .pika-lendar tbody tr:nth-child(even) {
        background-color: #FFFFFF !important;
    }

@media screen and (max-width: 768px) {
    .custom-raes-form .umbraco-forms-fieldset .umbraco-forms-field {
        width: 98% !important;
    }
}

.marketing-pref {
    position: relative;
}

    .marketing-pref .alert {
        position: relative;
        padding: 0.75rem 1.25rem;
        margin-bottom: 1rem;
        border: 1px solid transparent;
        border-radius: 0.25rem;
        background-color: #d1ecf1;
        border-color: #bee5eb;
    }

    .marketing-pref .parent-item {
        margin-bottom: 45px;
    }