@charset "UTF-8";

.fair-events, .hero-fair-nav-wrap ul {
    list-style: none
}

    .fair-events li:after, .icon-list .icon-item:after {
        clear: both
    }

.bold {
    font-weight: 700
}

.orange {
    color: #f28800
}

.text-uppercase {
    text-transform: uppercase
}

.text-center {
    text-align: center
}

.margin-bot-30 {
    margin-bottom: 3rem
}

img.pull-right {
    margin: 0 0 3rem 3rem
}

@media screen and (max-width:767px) {
    img.pull-right {
        display: block;
        float: none !important;
        margin: 0 auto 3rem
    }
}

.utility-nav.utility-nav-fair .utility-nav-register a {
    font-weight: 700;
    color: #f28800
}

@media screen and (min-width:992px) {
    .utility-nav.utility-nav-fair .utility-nav__list {
        width: 60%
    }

    .utility-nav.utility-nav-fair .utility-search {
        width: 20%
    }
}

@media screen and (max-width:991px) {
    .utility-nav.utility-nav-fair .utility-nav-register a {
        color: #fff
    }
}

.utility-nav.utility-nav-fair.utility-nav--scrolled .utility-nav-register a {
    color: #fff
}

.utility-nav.utility-nav-fair.utility-nav--blue .utility-nav-register a {
    color: #FFF
}

.hero-fair .hero__byline {
    margin: 0 0 5rem;
    font-family: Merriweather,serif;
    font-size: 2.4rem;
    font-style: italic
}

.hero-fair .hero-icon-block, .hero-fair .hero-image-block {
    display: block;
    font-size: 1.8rem;
    font-weight: 700;
    color: #fff
}

    .hero-fair .hero-icon-block img, .hero-fair .hero-image-block img {
        display: block;
        margin: 0 auto .5rem;
        width: 7.2rem;
        height: 7.2rem;
        -webkit-border-radius: 100%;
        border-radius: 100%
    }

    .hero-fair .hero-icon-block svg, .hero-fair .hero-image-block svg {
        display: block;
        margin: 0 auto .5rem;
        width: 7.2rem;
        height: 7.2rem;
        opacity: .9;
        fill: #67aee7
    }

.hero-fair-nav-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7.2rem;
    background: rgba(255,255,255,.8)
}

    .hero-fair-nav-wrap nav {
        position: relative
    }

    .hero-fair-nav-wrap ul li {
        display: inline-block
    }

        .hero-fair-nav-wrap ul li a {
            display: inline-block;
            padding: 0 2rem;
            font-weight: 700;
            text-transform: uppercase;
            line-height: 7.2rem;
            color: #333
        }

    .hero-fair-nav-wrap .logo-ncf {
        display: block;
        position: absolute;
        top: .2rem;
        left: 1.5rem;
        width: 124px;
        height: 68px
    }

.logo-ncf-utility {
    margin: 0 0 0 1rem;
    width: 9rem;
    height: 4.8rem
}

.btn-simple {
    color: #333;
    border: 1px solid #333
}

    .btn-simple:hover {
        border-color: transparent
    }

.btn-simple-blue {
    color: #fff;
    border: 1px solid transparent;
    background: #2480C4
}

.image-block-wrap {
    border-bottom: 6rem solid #FFF;
    position: relative
}

    .image-block-wrap .image-block__image {
        background-size: cover;
        position: absolute;
        z-index: -1;
        width: 50%;
        height: 100%;
        right: 0;
        background-position-x: 50%
    }

    .image-block-wrap .image-block-content {
        width: 52%;
        min-height: 50rem;
        padding: 3rem;
        background-color: #ECF0F3
    }

        .image-block-wrap .image-block-content h2 {
            margin: 0 0 2rem
        }

    .image-block-wrap ul.ul-icons {
        margin-bottom: 5rem
    }

        .image-block-wrap ul.ul-icons li {
            padding-top: .5rem
        }

            .image-block-wrap ul.ul-icons li:before {
                content: "\f00c"
            }

    .image-block-wrap .btn {
        margin-bottom: 1.5rem
    }

    .image-block-wrap.image-block--right .image-block__image {
        right: inherit;
        left: 0
    }

    .image-block-wrap.image-block--right .image-block-content {
        margin-left: 48%
    }

@media screen and (max-width:991px) {
    .content-aside {
        margin-top: 4rem
    }
}

.share-link {
    float: right;
    padding-top: 3.6rem;
    text-align: right
}

    .share-link a {
        color: #000
    }

        .share-link a .fa {
            color: #007451
        }

.next-article {
    margin-bottom: 6rem
}

    .next-article p {
        margin: 0 0 1rem
    }

    .next-article .next {
        font-size: 2rem;
        font-weight: 700;
        color: #000
    }

.form-block label, .switch-wrap {
    font-weight: 400
}

.next-article .next:after {
    padding-left: .5rem;
    content: '\f0da';
    font-family: fontawesome
}

.sidebar-ad {
    margin-bottom: 4rem
}

    .sidebar-ad img {
        margin: 0 auto
    }

.fair-events {
    padding-left: 0
}

    .fair-events li {
        margin-bottom: 3rem
    }

        .fair-events li:after, .fair-events li:before {
            content: " ";
            display: table
        }

    .fair-events .fair-event-content {
        float: right;
        width: -webkit-calc(100% - 9rem);
        width: calc(100% - 9rem)
    }

    .fair-events .fair-event-icon {
        float: left;
        width: 7rem;
        height: 7rem
    }

    .fair-events h3 {
        margin: 0
    }

    .fair-events .btn {
        margin-bottom: 1.5rem !important
    }

    .fair-events.fair-events-bordered li {
        padding: 1rem 0 2rem;
        border-bottom: 1px solid #ddd
    }

        .fair-events.fair-events-bordered li:last-child {
            border: 0
        }

@media screen and (max-width:767px) {
    .fair-events .fair-event-content {
        width: 100%
    }

    .fair-events .fair-event-icon {
        display: none
    }
}

.primary-nav.primary-nav-fair > div > ul li {
    background: 0 0
}

.primary-nav.primary-nav-fair .primary-nav__logo svg {
    width: 12.4rem;
    height: 6.8rem;
    margin: -3.4rem 0 0 -6.2rem
}

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

@media screen and (max-width:767px) {
    .footer-fair ul {
        margin-bottom: 2rem
    }
}

.announcement__header.announcement__header-top-border {
    border-top: 1px solid #bdbdbd
}

#map {
    margin-bottom: 4rem;
    overflow: hidden;
    padding-bottom: 56.25%;
    height: 0
}

    #map iframe {
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        position: absolute
    }

.checkbox-wrap {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 10px
}

.switch, .switch-wrap {
    display: inline-block
}

.checkbox-wrap label {
    padding-left: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
    font-size: 1.5rem
}

.checkbox-wrap input {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px\9
}

#map-controls {
    position: relative;
    padding: 1rem;
    text-align: center;
    border: 1px solid #ddd
}

    #map-controls [class*=col-] > * {
        display: inline-block;
        padding: .5rem 0;
        font-size: 1.4rem;
        line-height: 1.5
    }

    #map-controls h3 {
        margin: 0
    }

.switch-wrap {
    margin-right: 1rem;
    cursor: pointer
}

    .switch-wrap * {
        vertical-align: middle
    }

.switch {
    position: relative;
    width: 4rem;
    height: 2.4rem
}

    .switch input {
        display: none
    }

.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #d4d4d4;
    -webkit-transition: .4s;
    transition: .4s
}

    .slider:before {
        position: absolute;
        content: "";
        height: 2rem;
        width: 2rem;
        left: .2rem;
        bottom: .2rem;
        background-color: #fff;
        -webkit-transition: .2s;
        transition: .2s
    }

.check-fairs input:checked + .slider {
    background-color: #2c2172
}

.check-fairs input:focus + .slider {
    -webkit-box-shadow: 0 0 .1rem #2c2172;
    box-shadow: 0 0 .1rem #2c2172
}

.check-stem input:checked + .slider {
    background-color: #0e6735
}

.check-stem input:focus + .slider {
    -webkit-box-shadow: 0 0 .1rem #0e6735;
    box-shadow: 0 0 .1rem #0e6735
}

.check-performing input:checked + .slider {
    background-color: #ab3737
}

.check-performing input:focus + .slider {
    -webkit-box-shadow: 0 0 .1rem #ab3737;
    box-shadow: 0 0 .1rem #ab3737
}

input:checked + .slider:before {
    -webkit-transform: translateX(1.6rem);
    -ms-transform: translateX(1.6rem);
    transform: translateX(1.6rem)
}

.slider.round {
    -webkit-border-radius: 2.4rem;
    border-radius: 2.4rem
}

    .slider.round:before {
        -webkit-border-radius: 50%;
        border-radius: 50%
    }

.form-block {
    padding: 3rem
}

    .form-block h3, .form-block p {
        margin: 0 0 4rem
    }

.icon-list .icon-item:after, .icon-list .icon-item:before {
    content: " ";
    display: table
}

.icon-list .icon-item svg {
    float: left;
    width: 6rem;
    height: 6rem;
    fill: #fff;
    opacity: .8
}

.icon-list .icon-item span {
    display: block;
    padding-left: 7rem;
    padding-top: 2.1rem;
    line-height: 1.5rem
}

.icon-list .icon-item + .icon-item {
    margin-top: 1.5rem
}

.carousel-sponsors {
    padding: 6rem 0
}

    .carousel-sponsors img {
        max-width: 20rem;
        margin: 0 auto
    }

    .carousel-sponsors .carousel-control.left, .carousel-sponsors .carousel-control.right {
        background: 0 0
    }

    .carousel-sponsors svg {
        position: absolute;
        top: 50%;
        width: 5rem;
        height: 5rem;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.embed-map {
    margin: 3rem 0
}

.filter-paging {
    margin-bottom: 3rem
}

    .filter-paging [class*=col-]:last-child {
        text-align: right
    }

    .filter-paging .pagination li.disabled a, .filter-paging .pagination li.skip span:hover {
        border-color: transparent
    }

.form-filters {
    margin-bottom: 1rem
}

    .form-filters .filter-reset, .form-filters h4 {
        margin: 1rem 0
    }

    .form-filters .filter-reset {
        display: block;
        text-align: right;
        font-weight: 700;
        line-height: 3rem
    }

    .form-filters [class*=col-]:first-child {
        border-right: 1px solid #ddd
    }

    .form-filters .row {
        border-bottom: 1px solid #ddd
    }

    .form-filters .btn--nacac-blue {
        padding: .6rem 1.2rem;
        border: 1px solid transparent;
        vertical-align: middle
    }

    .form-filters .filter-label {
        margin: 1rem 0;
        text-align: center;
        line-height: 3rem
    }

    .form-filters .filter {
        display: inline-block;
        margin: 1rem 1rem 1rem 0;
        padding: 0 1.2rem;
        -webkit-border-radius: .8rem;
        border-radius: .8rem;
        background: #2e2670;
        color: #fff;
        font-size: 1.414rem;
        line-height: 3rem
    }

    .form-filters .filter-close {
        float: right;
        font-size: 2rem;
        margin-left: 2rem;
        cursor: pointer
    }

    .form-filters .form-control {
        display: block;
        width: 100%;
        height: 34px;
        padding: 6px 12px;
        font-size: 14px;
        line-height: 1.42857143;
        color: #555;
        background-color: #fff;
        background-image: none;
        border: 1px solid #ccc;
        -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
        transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
    }

        .form-filters .form-control:focus {
            border-color: #66afe9;
            outline: 0;
            -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
            box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
        }

        .form-filters .form-control::-moz-placeholder {
            color: #999;
            opacity: 1
        }

        .form-filters .form-control:-ms-input-placeholder {
            color: #999
        }

        .form-filters .form-control::-webkit-input-placeholder {
            color: #999
        }

        .form-filters .form-control::-ms-expand {
            border: 0;
            background-color: transparent
        }

@media (max-width:991px) {
    .image-block-wrap {
        overflow: hidden
    }

        .image-block-wrap .image-block__image {
            height: -webkit-calc(100% + 16px);
            height: calc(100% + 16px);
            top: -8px;
            right: -8px;
            bottom: -8px;
            -webkit-filter: blur(.6rem);
            filter: blur(.6rem)
        }

        .image-block-wrap .image-block-content, .image-block-wrap.image-block--right .image-block-content {
            width: 80%;
            margin-left: 0;
            margin-right: 0;
            min-height: 50rem;
            padding: 3rem;
            background-color: #ECF0F3
        }

            .image-block-wrap .image-block-content h2, .image-block-wrap.image-block--right .image-block-content h2 {
                margin: 0 0 2rem
            }

        .image-block-wrap.image-block--right .image-block-content {
            margin-left: 20%
        }

        .image-block-wrap.image-block--right .image-block__image {
            left: -8px
        }
}

@media (min-width:992px) {
    .form-inline .form-group {
        display: inline-block;
        margin-bottom: 0;
        vertical-align: middle
    }

    .form-inline .form-control {
        display: inline-block;
        width: auto;
        vertical-align: middle
    }

    .form-inline .input-group {
        display: inline-table;
        vertical-align: middle
    }

        .form-inline .input-group .form-control, .form-inline .input-group .input-group-addon, .form-inline .input-group .input-group-btn {
            width: auto
        }

        .form-inline .input-group > .form-control {
            width: 100%
        }
}
/*# sourceMappingURL=fair.css.map */