@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:wght@400;700&display=swap');

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-regular-webfont.woff2') format('woff2'), url('../fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bold-webfont.eot');
    src: url('../fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bold-webfont.woff2') format('woff2'), url('../fonts/lato-bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-italic-webfont.eot');
    src: url('../fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-italic-webfont.woff2') format('woff2'), url('../fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Lato';
    src: url('../fonts/lato-bolditalic-webfont.eot');
    src: url('../fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/lato-bolditalic-webfont.woff2') format('woff2'), url('../fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

/******** Top/Bottom Ads ********/
.top-ad-wrapper, .bottom-ad-wrapper {
    max-width: 728px;
    margin: 20px auto;
}

.small-top-ad, .small-bottom-ad {
    width: 100%;
}

.top-ad, .bottom-ad {
    display: none;
    width: 100%;
}

.top-ad-wrapper .top-ad:first-of-type {
    margin-bottom: 15px;
}

.homepage .top-ad {
    width: auto;
}

@media only screen and (min-width: 728px) {
    .small-top-ad, .small-bottom-ad {
        display: none;
    }

    .top-ad, .bottom-ad {
        display: block;
    }
}

@media only screen and (min-width: 1520px) {
    .top-ad-wrapper, .bottom-ad-wrapper {
        max-width: 1500px;
    }
    
    .top-ad {
        display: inline-block;
        margin: 0 10px;
    }

    .top-ad-wrapper .top-ad:first-of-type {
        margin-bottom: 0;
    }
}

/************************* General *************************/
*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
}

body {
    color: #333;
    font: 1.1em/1.4 "Lato","Helvetica",Helvetica,Arial,sans-serif;
}

form#aspnetForm {
    height: 100%;
    position: relative;
}

#WallpaperAd {
    z-index: 1 !important;
}

.full {
    background: #fff;
    margin: 0 auto;
    max-width: 1360px;
    min-height: 100%;
}

.page-title h1, .ContentHeader h1 {
    text-align: center;
    margin-top: 20px;
}

.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

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

@media (min-width: 1050px) {
    .page-title h1, .ContentHeader h1 {
        font-size: 42px;
    }
}

.replacer {
    position: static !important;
}

.sticky-ad {
    background: #fff;
    border: 10px solid #fff;
    text-align: center;
    top: 20px;
    z-index: 20;
}

.desktop-crawler {
    display: none;
    background: #fff;
    border-top: 1px solid #ccc6c1;
    bottom: 0;
    padding: 10px;
    position: fixed !important;
    text-align: center;
    width: 100%;
    max-width: 1300px;
    z-index: 999999;
}

@media only screen and (min-width: 975px) {
    .desktop-crawler {
        display: block;
    }
}

.crawler {
    background: #fff;
    border-top: 1px solid #ccc6c1;
    bottom: 0;
    display: none;
    padding: 10px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 999999;
}

/*Navbar */
#hideSticky {
    display: none;
}

#stickyNavbar {
    /*overflow: hidden;*/
    background-color: #25AAE1;
    width: 100%;
    z-index: 11;
}

    #stickyNavbar ul li a:hover, #stickyNavbar ul li ul li a:hover {
        color: #25AAE1 !important;
        background-color: white;
    }

    #stickyNavbar ul li ul li a:hover {
        color: white !important;
        background-color: white;
    }

    #stickyNavbarBottom ul li a:hover, #stickyNavbar ul li ul li a:hover {
        color: white;
        background-color: #25AAE1 !important;
    }

/*Navbar */
#stickyNavbarBottom {
    background-color: white;
    width: 100%;
    z-index: 10;
    border-bottom: 1px solid #e3e3e3;
}

    /* Navbar links */
    #stickyNavbarBottom li {
        display: inline-block;
    }

    #stickyNavbarBottom a {
        display: block;
        color: black;
        text-align: center;
        padding: 14px 4px;
        text-decoration: none;
    }

.ad {
    position: relative;
    top: 0px;
}

@media only screen and (min-width: 1050px) {
    #hideSticky {
        display: block;
        position: fixed;
        width: 100%;
        z-index: 12;
        top: -170px;
        left: 0;
        right: 0;
    }

    #stickyNavbar, #stickyNavbarBottom {
        text-align: left;
    }

        #stickyNavbar .inner, #stickyNavbarBottom .inner {
            padding-left: 125px;
        }

    #stickyNavLogo {
        position: absolute;
        left: 10px;
        top: 10px;
        padding: 5px;
        z-index: 12;
        max-width: 110px;
        background: #fff;
    }

    .stickySideAd {
        position: fixed;
        top: 106px !important;
    }
}

/**************
* Scrolling Version
*
* This makes the sticky nav
* scroll in and out
*/
.visible {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: 0 !important;
}

.invisible {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    top: -170px !important;
}

/* This removes the sticky nav from view
    so it doesn't take up space
    in mobile
*/
.completelyDestroyed {
    display: none !important;
    z-index: -20;
}

.revived {
    display: block !important;
    z-index: 10;
}

@media only screen and (max-width : 975px) {
    .crawler {
        display: block;
    }

    .interior .ad {
        display: none;
    }
}

.fa-tags:before {
    margin-right: 5px;
}

p {
    margin: 15px 0;
}

a {
    color: #002A68;
}

    a:hover, a:focus {
        color: #0084AE;
    }

    a[href^=tel] {
        color: currentColor;
        text-decoration: none;
    }

        a[href^=tel]:hover {
            text-decoration: underline;
        }

h1, h2, h3, h4, h5, h6, .section-header {
    color: #333;
    font: 30px "Source Serif Pro", Times New Roman, serif;
    line-height: 1.1;
    margin: 5px 0 10px;
    padding: 0;
    font-weight: 700;
}

h1 {
    font-weight: 700;
}

h2 {
    color: #0070ba;
    font-size: 28px;
}

h3 {
    color: #0084AE;
    font-size: 26px;
}

h4 {
    color: #999;
    font-size: 24px;
}

h5, .section-header {
    color: #0070ba;
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

.ht {
    display: block;
    font-size: 0;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}

.section-header {
    border-bottom: 1px solid #333;
    display: block;
    margin: 15px 0;
}

:root * > img {
    max-width: 100%;
}

.nm {
    margin: 0 !Important;
}

.np {
    padding: 0 !Important;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-20 {
    margin-top: 20px;
}

.inner {
    margin: 0 auto;
    max-width: 1300px;
    padding: 0 15px;
}

.interior .container > .inner {
    max-width: 1390px;
}

.notes {
    font-size: 12px;
    font-weight: normal !important;
}

@media only screen and (max-width: 1380px), (min-width: 1450px) and (max-width: 1580px) {
    .new-wallpaper-ads {
        display: none;
    }
}

@media only screen and (min-width: 1350px) {
    .new-wallpaper-ads {
        position: fixed;
        top: 0;
        max-width: 160px;
    }

        .new-wallpaper-ads.left {
            left: 0;
        }

        .new-wallpaper-ads.right {
            right: 0;
        }

        .new-wallpaper-ads div.ad-160 {
            margin-left: auto;
            margin-right: auto;
        }
}

@media only screen and (min-width: 1350px) and (max-height: 850px) {
    .new-wallpaper-ads {
        position: absolute;
    }
}

@media only screen and (min-width: 1740px) {
    .new-wallpaper-ads.left {
        left: 10px;
    }

    .new-wallpaper-ads.right {
        right: 10px;
    }
}

@media only screen and (min-width: 1800px) {
    .new-wallpaper-ads.left {
        left: 30px;
    }

    .new-wallpaper-ads.right {
        right: 30px;
    }
}

@media only screen and (min-width: 1850px) {
    .new-wallpaper-ads.left {
        left: 40px;
    }

    .new-wallpaper-ads.right {
        right: 40px;
    }
}

@media only screen and (min-width: 1900px) {
    .new-wallpaper-ads.left {
        left: 50px;
    }

    .new-wallpaper-ads.right {
        right: 50px;
    }
}

/************************* Forms *************************/
label {
    color: #333;
    display: inline-block;
    font: bold 1em/1.2 "Lato","Helvetica",Helvetica,Arial,sans-serif;
}

.calendar-content label {
    color: #0070ba;
}

.calendar-content {
    padding-left: 20px;
    padding-right: 20px;
}

.Content {
    padding-left: 20px;
    padding-right: 20px;
}

.ContentHeader {
    padding-left: 20px;
}

.req {
    color: #ca96c5 !important;
}

input[type="submit"], .btn button, button[type="submit"], a.btn, .btn a, a[title="View"], .btn input[type=button] {
    background-color: #0084AE;
    border: 0;
    color: #fff;
    display: inline-block;
    font: 18px/1 "Lato","Helvetica",Helvetica,Arial,sans-serif;
    padding: 15px 20px;
    text-decoration: none;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
}

    input[type="submit"].secondary, button[type="submit"].secondary, a.btn.secondary, .btn.secondary a, a[title="View"].secondary, .btn input[type=button].secondary {
        background-color: #999;
    }

    input[type="submit"].aqua, button[type="submit"].aqua, .btn button.aqua, a.btn.aqua, .btn.aqua a, a[title="View"].aqua, .btn input[type=button].aqua, .calendar .inner.view-btn {
        background-color: #2283a9;
    }

        .calendar .inner.view-btn a {
            color: #fff;
        }

    input[type="submit"][disabled]:hover, button[type="submit"][disabled]:hover {
        background-color: #1e71aa;
    }

    input[type="submit"]:hover, button[type="submit"]:hover, .btn a:hover, a:hover.btn, a[title="View"]:hover, .btn input[type=button]:hover {
        background: #002A68;
        color: #fff;
    }

        input[type="submit"].secondary:hover, button[type="submit"].secondary:hover, .btn.secondary a:hover, a:hover.btn.secondary, a[title="View"].secondary:hover, .btn input[type=button].secondary:hover {
            background: #959595;
        }

        input[type="submit"].aqua:hover, .btn button:focus.aqua, .btn button.aqua:hover, button[type="submit"].aqua:hover, .btn.aqua a:hover, a:hover.btn.aqua, a[title="View"].aqua:hover, .btn input[type=button].aqua:hover, .calendar .inner.view-btn:hover {
            background: #4ba9a1;
        }

    input[type="submit"]:focus, button[type="submit"]:focus, .btn a:focus, a:focus.btn, a[title="View"]:focus, .btn input[type=button]:focus {
        background: #15659b;
    }

        input[type="submit"].secondary:focus, button[type="submit"].secondary:focus, .btn.secondary a:focus, a:focus.btn.secondary, a[title="View"].secondary:focus, .btn input[type=button].secondary:focus {
            background: #838383;
        }

        input[type="submit"].aqua:focus, button[type="submit"].aqua:focus, .btn.aqua a:focus, a:focus.btn.aqua, a[title="View"].aqua:focus, .btn input[type=button].aqua:focus, .calendar .inner.view-btn:focus {
            background: #3a9c93;
        }

.actions input {
    margin: 0 10px 10px;
}

.dining-awards {
    max-width: 800px;
    margin: 0 auto;
}

    .dining-awards input, select {
        height: auto;
        padding: 2px;
        width: auto;
    }

        .dining-awards input[type=submit] {
            padding: 10px;
        }

/************************* Header *************************/
header {
    background: #25AAE1 /*url(../images/new_header_1.jpg) no-repeat center center / cover*/;
    padding: 60px 0 0;
    text-align: center;
}

    header .top {
        padding: 5px 0 0;
    }

        header .top .etc .socials {
            text-align: right;
        }

            header .top .etc .socials li {
                display: inline-block;
                margin: 0 5px;
            }

                header .top .etc .socials li:last-child {
                    display: none;
                }

                header .top .etc .socials li a {
                    color: #fff;
                }

                    header .top .etc .socials li a:hover {
                        color: #999;
                    }



    /*THIS IS THE ROOM BETWEEN LOGO AND THE ARTICLE*/
    header .mid {
        color: #fff;
        background-color: white !important;
        /*margin-bottom: 6em;*/
    }

        header .mid a {
            color: #fff;
            text-decoration: none;
        }

            header .mid a:hover, header .mid a:focus {
                text-decoration: underline;
            }

.main-logo {
    display: block;
    margin-right: 2em;
}


.secondary-logo img {
    margin-top: 15px;
}

.secondary-logo p {
    margin: 0;
}

header .read {
    margin: 20px auto 0;
    text-align: center;
    max-width: 125px;
    width: 100%;
}

    header .read img {
        text-align: center;
    }

.read > ul > li p {
    margin: 0;
}

.read > ul > li span a, .read .button a {
    background: rgba(255,255,255,.9);
    display: inline-block;
    color: #ff0000;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
    width: 100%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
}

    .read > ul > li span a:hover, .read > ul > li span a:focus,
    .read .button a:hover, .read .button a:focus {
        background: #fff;
        text-decoration: none;
    }

.read-issue {
    left: 0;
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 1000;
}

.subscribe {
    margin: 0 0 10px;
    max-width: 225px;
    width: 100%;
}

.interior .subscribe {
    margin-bottom: 20px;
}

.subscribe .image {
    text-align: center;
    width: 100%;
    z-index: 10;
    border-bottom: 0;
    overflow: hidden;
}

    .subscribe .image a::after {
        display: none;
    }

    .subscribe .image img {
        display: block;
    }

    .subscribe .image:hover .sub-overlay {
        opacity: 1;
    }

        .subscribe .image:hover .sub-overlay a {
            color: #fff;
        }

.subscribe .sub-overlay {
    opacity: 0;
    background: rgba(115,181,175,0.75);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.touch .subscribe .sub-overlay {
    opacity: 1;
    top: auto;
    height: 75px;
}

.subscribe .sub-overlay a {
    color: #fff !important;
    text-decoration: none;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 10;
    padding: 185px 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: auto;
    font-weight: 700;
    font-size: 20px;
    line-height: 1.2;
}

.touch .subscribe .sub-overlay a {
    padding: 25px 0;
    height: auto;
}

.socials {
    font-size: 25px;
}

    .sub-nav, .socials li:last-child {
        display: none;
    }

@media only screen and (min-width : 850px) {
    .read > ul > li span a, .read .button a {
        font-size: 18px;
    }
}

@media only screen and (min-width : 1400px) {
    .subscribe .sub-overlay a {
        font-size: 24px;
    }
}

.search {
    padding: 0 25px;
}

    .search ul {
        display: table;
        table-layout: fixed;
        width: 75%;
    }

        .search ul li {
            display: table-cell;
            vertical-align: top;
            width: 100%;
        }

            .search ul li:nth-of-type(2) {
                position: absolute;
                right: 0;
                top: 0;
                width: 34px;
            }

    .search input[type="text"] {
        border: 0;
        margin-bottom: -3px;
        outline: none;
        height: 34px;
        width: calc(100% - 34px);
    }

    .panel-search input[type="text"] {
        width: calc(100% - 34px);
    }

    .search button[type="submit"], .panel-search button[type="submit"] {
    background: #0084AE;
        border: 0;
        color: #fff;
        font-size: 18px;
        margin: 0;
        padding: 0;
        width: 34px;
        height: 34px;
    }

.panel-search button[type="submit"] {
    float: right;
}

    .search button[type="submit"]:hover, .panel-search button[type="submit"]:hover,
    .search button[type="submit"]:focus, .panel-search button[type="submit"]:focus {
        background: #002A68;
        color: #fff;
    }

     {
        background: #358dcb;
        color: #fff;
    }

@media only screen and (min-width : 800px) {
    .search input[type="text"] {
        height: 50px;
    }

    .search ul li:nth-of-type(2) {
        width: 50px;
    }

    .search button[type="submit"] {
        font-size: 22px;
        width: 50px;
        height: 50px;
    }
}

.bottom {
    position: absolute;
    bottom: 0;
    right: 0;
}

@media only screen and (min-width : 350px) {
    .bottom {
        left: 0;
        right: auto;
    }
}

@media only screen and (min-width : 1050px) { /*// was 850*/
    .bottom {
        position: relative;
    }
}


/* Panels */
/* Since the second panel isn't a second menu we want it to be styled a bit differently */
.panel {
    padding: 60px 10px 40px;
}

/************************* Layout *************************/
.full {
    margin: 0 auto;
    min-height: 100%;
    z-index: 2;
}

.container > .inner {
    padding: 0;
}

.container.home {
    max-width: 1020px;
    margin: 20px auto;
}

/***Bread Crumb(s)***/
.bread-crumb {
    margin: 20px auto;
    text-align: center;
}

    .bread-crumb ul li {
        display: inline-block;
        font-size: 20px;
        font-weight: 500;
        padding-left: 5px;
    }

        .bread-crumb ul li:last-child {
            font-weight: 600;
        }

@media only screen and (min-width: 900px) {
    .bread-crumb ul li {
        font-size: 20px;
        color: #999;
    }
}

@media only screen and (min-width: 1050px) {
    .full.interior {
        padding-top: 180px;
    }
}

@media only screen and (min-width: 1450px) {
    .full.interior {
        padding-top: 220px;
    }
}

/***Calendar***/
.calendar .wrapper:not(.slick-initialized) {
    display: none;
}

.calendar {
    margin: 20px auto 10px;
    text-align: center;
    width: calc(100% - 40px);
}

.active-day:after {
    background: #333;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    width: 100%;
    height: 8px;
}

.calendar .buttons .fa {
    font-size: 14px;
    padding-right: 5px;
}

.calendar .buttons {
    text-align: center;
}

.calendar a {
    text-decoration: none;
}

.calendar .buttons a {
    background: #e3e3e3;
    display: inline-block;
    font-size: 13px;
    margin: 0 1px 5px;
    padding: 10px;
}

.eventsLoadMore {
    float: right;
    top: 10px;
}

.calendar .buttons a:hover, .calendar .buttons a:focus {
    background: #0070BA;
    color: #fff;
}

.calendar .inner {
    background: #e3e3e3;
    color: #999;
    float: left;
    font-size: 13px;
    line-height: 1.2;
    margin: 0 3px;
    text-align: center;
    text-transform: uppercase;
}

    .calendar .inner a {
        color: #999;
    }

    .calendar .inner.has-event {
        background: #25AAE1;
        color: #fff;
    }

        .calendar .inner.has-event:hover {
            background: #0063a4;
        }

        .calendar .inner.has-event a {
            color: #fff;
        }

.calendar a {
    display: block;
    padding: 12px 0;
}

.calendar .slick-slider {
    z-index: 8;
}

.calendar .arrow {
    font-size: 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
}

    .calendar .arrow.arrow-prev {
        left: -15px;
    }

    .calendar .arrow.arrow-next {
        right: -15px;
    }

    .calendar .arrow.arrow-prev, .calendar .arrow.arrow-next {
        opacity: .8;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
    }

        .calendar .arrow.arrow-prev:hover, .calendar .arrow.arrow-next:hover {
            cursor: pointer;
            opacity: 1;
        }

@media only screen and (min-width : 600px) and (max-width : 700px), (min-width : 1000px) {
    .calendar .arrow {
        font-size: 30px;
    }

        .calendar .arrow.arrow-prev {
            left: -20px;
        }

        .calendar .arrow.arrow-next {
            right: -20px;
        }
}

.view-btn .fa-calendar {
    padding-right: 5px;
}

.calendar-panel {
    background: #F2F2F2;
    border-bottom: 2px solid #ccc;
    box-shadow: 0 9px 9px -9px #333;
    border-top: 0;
    display: none;
    font-size: 14px;
    left: 0;
    margin: 1px auto 0;
    padding: 15px;
    position: absolute;
    right: 0;
    text-align: left;
    max-width: 400px;
    width: 96.5%;
    z-index: 900;
}

    .calendar-panel .image {
        margin-bottom: 15px;
        text-align: center;
    }

    .calendar-panel h6 {
        margin-bottom: 5px;
    }

    .calendar-panel .meta {
        color: #999;
        font-style: italic;
    }

    .calendar-panel .close {
        text-align: right;
    }

        .calendar-panel .close a::before {
            background: #999;
            color: #fff;
            content: "X";
            display: inline;
            font-size: 12px;
            font-weight: bold;
            margin-right: 5px;
            padding: 2px 5px;
            width: 15px;
            height: 10px;
        }

        .calendar-panel .close a {
            color: #999;
        }

            .calendar-panel .close a:hover, .calendar-panel .close a:focus {
                color: #f45359;
            }

                .calendar-panel .close a:hover::before, .calendar-panel .close a:focus::before {
                    background: #f45359;
                }

    .calendar-panel ul li {
        border-bottom: 1px solid #ccc;
        margin: 0 0 10px;
        padding: 0 0 10px;
    }

        .calendar-panel ul li:last-of-type {
            border-bottom: 0;
            margin: 0;
            padding: 0;
        }

.event-image {
    max-width: 600px;
    margin: 20px auto;
    text-align: center;
}

.actions.top {
    text-align: center;
}

    .actions.top input.aqua[type="submit"] {
        font-size: 14px;
        padding: 10px 15px;
    }

.calendar-content > h1 {
    text-align: center;
}

/*********************** Archive ***********************/
#container {
    margin: 0 auto;
    overflow: hidden;
    padding: 10px 0 50px;
    position: relative;
}

    #container:after {
        background: url(../images/loading.gif) no-repeat 0 0;
        content: '';
        left: 50%;
        margin: -24px 0 0 -24px;
        opacity: 0;
        position: absolute;
        top: 100px;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
        width: 64px;
        height: 64px;
    }

    #container.loading .story {
        opacity: 0;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }

    #container.loading:after {
        opacity: 1;
        -webkit-transition: opacity .5s;
        transition: opacity .5s;
    }



.meta .item:before {
    content: " | ";
    padding: 0 5px;
}

.meta .item:first-of-type:before {
    display: none;
}

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

/*** Isotope CSS3 transitions ***/
.isotope, .isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    transition-property: height, width;
}

    .isotope .isotope-item {
        -webkit-transition-property: -webkit-transform, opacity;
        transition-property: transform, opacity;
    }

        /* disabling Isotope CSS3 transitions */
        .isotope.no-transition, .isotope.no-transition .isotope-item, .isotope .isotope-item.no-transition {
            -webkit-transition-duration: 0s;
            transition-duration: 0s;
        }

.load-more {
    text-align: center;
    width: 100%;
}

@media only screen and (max-width : 375px) {
    #completeWords {
        width: 9em;
        margin: auto;
    }
}

.wordLogo-desktop {
    display: none;
}

.wordLogo-mobile {
    max-width: 75%;
    margin: 5px auto 0;
}

@media only screen and (min-width: 500px) {
    .wordLogo-desktop {
        display: block;
        max-width: 450px;
        margin: 15px auto 0;
    }

    .wordLogo-mobile {
        display: none;
    }
}

@media only screen and (min-width: 850px) {
    .wordLogo-desktop {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
    }
}

@media only screen and (min-width: 1300px) {
    .wordLogo-desktop {
        max-width: 800px;
    }
}

/* ALL PHONES BIGGER THAN IPHONE 5E Navigation Fix*/
@media only screen and (min-width : 375px) {
    .wordLogo {
        position: absolute;
        top: 8em;
        left: 3em;
        color: black;
        width: 9em;
    }

    #completeWords {
        width: 9em;
        margin: auto;
    }
}

/*** Filtering ***/
.filters {
    padding: 2% 4% 0;
}

    .filters ul {
        margin-top: 10px;
    }

        .filters ul li {
            float: left;
            padding: 0 0 10px;
            text-align: center;
            width: 50%;
        }

            .filters ul li a {
                background: #fff;
                border-top: 8px solid #00bff3;
                color: #009cc6;
                display: block;
                overflow: hidden;
                padding-bottom: 10px;
                text-decoration: none;
                -webkit-transition: color .1s .2s;
                transition: color .1s .2s;
                z-index: 1;
            }

                .filters ul li a:hover {
                    color: #0087ab;
                }

            .filters ul li.filter-dining a {
                border-color: #f45359;
                color: #df3a40;
            }

            .filters ul li.filter-events a {
                border-color: #0084AE;
                color: #0084AE;
            }

            .filters ul li.filter-photography a {
                border-color: #a186be;
                color: #8567a6;
            }

            .filters ul li.filter-social a {
                border-color: #5db7af;
                color: #3a928a;
            }

            .filters ul li.filter-videos a {
                border-color: #f68e56;
                color: #ed8147;
            }

            /* hover effects */
            .filters ul li a:hover {
                color: #fff;
                -webkit-transition: color .1s;
                transition: color .1s;
            }

            .filters ul li a::before {
                background: #00bff3;
                content: '';
                left: 100%;
                margin: -15px 0 0 1px;
                position: absolute;
                top: 50%;
                -webkit-transform-origin: 100% 50%;
                transform-origin: 50%;
                -webkit-transform: scale3d(1, 2, 1);
                transform: scale3d(1, 2, 1);
                -webkit-transition: -webkit-transform .5s, opacity .1s;
                transition: transform .5s, opacity .1s;
                width: 90px;
                height: 30px;
                z-index: -1;
            }

            .filters ul li a:hover::before {
                -webkit-transform: scale3d(9, 9, 1);
                transform: scale3d(9, 9, 1);
            }

            .filters ul li.filter-dining a::before {
                background: #f45359;
            }

            .filters ul li.filter-events a::before {
                background: #acd373;
            }

            .filters ul li.filter-photography a::before {
                background: #a186be;
            }

            .filters ul li.filter-social a::before {
                background: #5db7af;
            }

            .filters ul li.filter-videos a::before {
                background: #f68e56;
            }

@media only screen and (min-width : 450px) and (max-width : 700px), (min-width : 900px) {
    .wordLogo {
        position: absolute;
        top: 11em;
        left: 0em;
        color: black;
        width: 80%;
    }

    #completeWords {
        width: 5em;
    }

    .filters ul li {
        width: calc(100% / 3 - 1px);
    }
}

/*** Icons ***/
.story.ad {
    border-top: none;
}

#articleContent.meta {
    color: #999;
    font-style: italic;
}

/*** Pagination ***/
.pagination {
    margin-bottom: 40px;
    padding: 0 15px;
    text-align: center;
}

    .pagination a {
        background: #e3e3e3;
        color: #333;
        display: inline-block;
        font-size: 18px;
        margin: 0 1px 5px;
        padding: 10px 18px;
        text-align: center;
        text-decoration: none;
    }

        .pagination a:hover {
            background: #0070ba;
            color: #fff;
        }

        .pagination a:focus {
            background: #1e71aa;
            color: #fff;
        }

/*** Contact ***/
.contact-content {
    margin-bottom: 40px;
    padding-left: 20px;
    padding-right: 20px;
}

/*** Categories ***/
.catalog h1 {
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
}

.catalog ul {
    text-align: center;
}

    .catalog ul li {
        margin: 0 auto 60px;
        max-width: 270px;
    }

        .catalog ul li h1 a {
            background: #e5f1f8;
            color: #0070ba;
            padding: 10px 15px;
            text-decoration: none;
        }

            .catalog ul li h1 a:hover, .catalog ul li h1 a:focus {
                background: #c0dbee;
            }

/************************* Figures & Figure Captions ********************/
.figure {
    float: left;
    width: 280px;
    margin: 0 15px 15px 0;
}

.figcaption {
    font-size: 12px;
    padding: 15px;
    background-color: #e3e3e3;
}

/************************* Footer *************************/
footer {
    background: #e3e3e3;
    margin-top: 40px;
    padding: 15px;
}

    footer ul li {
        display: inline-block;
        margin: 0 10px;
    }

    footer a {
        text-decoration: none;
    }

        footer a:hover, footer a:focus {
            text-decoration: underline;
        }

.footer-nav {
    margin-bottom: 15px;
    text-align: center;
    }

.copyright {
    text-align: center;
    }

.copyright p {
    margin: 0;
    font-size: 16px;
}

@media (min-width: 1050px) {
    .footer-nav, .copyright {
        width: 50%;
        float: left;
    }

    .footer-nav {
        text-align: left;
        margin-top: 12px;
        margin-bottom: 0;
    }

    .copyright {
        text-align: right;
        padding-right: 75px;
    }
}

/*********************** Articles ***********************/
.article-content, .sidebar {
    margin: 0 auto;
}

.article-content .sub-title {
    font-size: 18px;
    font-weight: 400;
    color: #0084AE;
}

@media (min-width: 1050px) {
    .article-content .sub-title {
        font-size: 22px;
    }
}

[id$="ArticleText"] img {
    /*margin: 10px;*/
    margin-right: 10px;
    max-width: calc(100% - 20px);
    z-index: 2;
}

.side-gallery:before {
    border-bottom: 1px solid #ccc;
    color: #999;
    content: "Image Gallery";
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 5px;
    text-align: center;
    width: 100%;
}

.side-gallery {
    margin-top: 30px;
}

    .side-gallery ul {
        text-align: center;
    }

    .side-gallery .arrow {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        font-size: 20px;
        padding: 5px;
        background: #fff;
        cursor: pointer;
        z-index: 9999;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .side-gallery .arrow:hover {
            color: #fff;
            background: #0070ba;
        }

        .side-gallery .arrow.arrow-prev {
            left: 0;
        }

        .side-gallery .arrow.arrow-next {
            right: 0;
        }

    .side-gallery .slick-slide img {
        margin: 0 auto;
    }

@media only screen and (min-width: 500px) {
    .wordLogo {
        position: absolute;
        top: 12em;
        left: 0em;
        color: black;
        width: 80%;
    }

    /* This is the words in between logo and magazine in nav*/
    #completeWords {
        width: 10em;
        margin: 5px;
    }



    .side-gallery .arrow {
        font-size: 40px;
        padding: 2px 5px;
    }
}

.fluid-width-video-wrapper {
    margin-top: 30px;
}

.story .fluid-width-video-wrapper {
    margin-top: 0;
    min-height: 300px;
    background-color: #000;
}

.article-container .img-caption {
    background: #e3e3e3;
    padding: 15px;
    font-style: italic;
}

    .article-container .img-caption img {
        width: auto;
        max-width: 100%;
        padding: 0 !important;
        display: block;
        margin: 0 auto -10px;
    }

.article-container .article-aside-left, .article-container .article-aside-right {
    background: #e3e3e3;
    padding: 15px;
}

.article-container .pull-quote-left, .article-container .pull-quote-right {
    padding: 15px;
}

.article-container .pull-quote-left {
    border-left: 4px solid #0070ba;
}

.article-container .pull-quote-right {
    border-left: 4px solid #0070ba;
}

@media only screen and (min-width: 700px) {
    .article-container .article-aside-left {
        width: 45%;
        float: left;
        margin-right: 15px;
        display: block;
        z-index: 2;
    }

    .article-container .article-aside-right {
        width: 45%;
        float: right;
        margin-left: 15px;
        display: block;
        z-index: 2;
    }

    .article-container .pull-quote-left {
        width: 45%;
        float: left;
        margin-right: 15px;
        display: block;
        z-index: 2;
    }

    .article-container .pull-quote-right {
        width: 45%;
        float: right;
        margin-left: 15px;
        border-right: 4px solid #0070ba;
        border-left: none;
        display: block;
        z-index: 2;
    }
}

/*********************** Search Results ***********************/
.grid {
    margin: 15px auto 25px;
}

    .grid ul li {
        border-top: 1px solid #e3e3e3;
        margin: 0 0 25px;
        padding: 10px 10px 0;
    }

        .grid ul li:first-child {
            border-top: 0;
        }

    .grid h4 a {
        text-decoration: none;
    }

    .grid .date2 {
        color: #999;
        font-size: 14px;
        font-style: italic;
    }

    .grid h2.c {
        border-bottom: 1px solid #94c5e4;
        margin-bottom: 10px;
        padding-bottom: 5px;
    }

    .grid .meta {
        color: #999;
        font-style: italic;
    }

        .grid .meta .date {
            color: #f45359;
        }

@media only screen and (min-width: 1050px) {
    .grid .meta .date {
        font-size: 22px;
    }
}

.read-more {
    margin-top: 30px;
    text-align: center;
}

    .read-more.btn a, .read-more.btn input[type=submit] {
        font-size: 16px;
        padding: 10px 15px;
    }

.pager {
    border-bottom: 1px solid #e3e3e3;
    border-top: 1px solid #e3e3e3;
    margin: 10px 0;
    padding: 5px;
}

    .pager a, .pager span {
        margin: 0 5px 5px;
        text-decoration: none;
    }

/*********************** Related Articles List***********************/
.related-articles {
    margin-top: 40px;
}

    .related-articles .read-more {
        font-size: 14px;
        text-align: right;
    }

    .related-articles .image {
        margin-bottom: 15px;
        text-align: center;
    }

    .related-articles .section {
        border-top: 3px solid #ebebeb;
        margin: 0 auto 20px;
        padding: 10px 15px 0;
    }

    .related-articles .article h4 {
        font-size: 18px;
        line-height: 1.2;
        margin-bottom: 3px;
    }

    .related-articles .article .author {
        font-size: 12px;
        margin-bottom: 7px;
    }

    .related-articles .short-desc {
        font-size: 13px;
        margin-bottom: 7px;
    }

@media only screen and (min-width : 500px) {
    .related-articles .section {
        display: inline-block;
        vertical-align: top;
        width: 50%;
    }
}

@media only screen and (min-width : 700px) {
    .related-articles .section {
        width: 33%;
    }
}

@media only screen and (min-width : 450px) {
    /************************* Layout *************************/
    /*** Categories ***/
    .catalog ul {
        text-align: center;
    }

        .catalog ul li {
            float: left;
            margin: 0 4% 50px;
            vertical-align: top;
            max-width: none;
            width: 46%;
        }

            .catalog ul li:nth-of-type(2n+1) {
                clear: both;
                margin-left: 0;
            }

            .catalog ul li:nth-of-type(2n+2) {
                margin-right: 0;
            }

    /* Story Styles */

    /************************* Footer *************************/
    footer .block ul {
        font-size: 16px;
    }
}

@media only screen and (min-width : 700px) {
    /************************* Archive *************************/
    .filters {
        padding-right: 6%;
        float: left;
        width: 50%;
    }

    /************************* Search Results *************************/


    /************************* Layout *************************/
    /***Bread Crumb(s)***/
    .bread-crumb {
        width: 45%;
        float: left;
        text-align: left;
        padding: 0 2%;
        margin-top: 46px;
    }

    .actions.top {
        padding: 0;
        position: absolute;
        right: 0;
        top: -60px;
        text-align: right;
    }

    .calendar-content > h1 {
        text-align: left;
    }

    /*** Categories ***/
    .catalog ul li {
        width: 27.7%;
    }

        .catalog ul li:nth-of-type(2n+1) {
            margin-left: 4%;
        }

        .catalog ul li:nth-of-type(2n+2) {
            margin-right: 4%;
        }

        .catalog ul li:nth-of-type(2n+1) {
            clear: none;
        }

        .catalog ul li:nth-of-type(3n+1) {
            clear: both;
            margin-left: 0;
        }

        .catalog ul li:nth-of-type(3n+3) {
            margin-right: 0;
        }
}

@media only screen and (min-width : 850px) {
    /************************* Layout *************************/
    /*** Contact ***/
    .contact-form, .contact-content {
        float: left;
        width: 45%;
    }

    .contact-form {
        padding-left: 30px;
        width: 54%;
    }

    /*** Categories ***/
    .catalog ul li {
        margin-left: 3.3% !important;
        margin-right: 3.3% !important;
        width: 20%;
    }

        .catalog ul li:nth-of-type(3n+1) {
            clear: none;
            margin-left: 3.3% !important;
        }

        .catalog ul li:nth-of-type(3n+3) {
            margin-right: 3.3% !important;
        }

        .catalog ul li:nth-of-type(4n+1) {
            clear: both;
            margin-left: 0 !important;
        }

        .catalog ul li:nth-of-type(4n+4) {
            margin-right: 0 !important;
        }

    /************************* Footer *************************/
    footer .block {
        display: inline-block;
        /*margin-right: 3%;*/
        vertical-align: top;
        /*width: 30%;*/
        width: 100%;
    }

        footer .block:last-child {
            margin-right: 0;
        }

        footer .block ul {
            -webkit-columns: 100px 2;
            -moz-columns: 100px 2;
            columns: 100px 2;
        }
}

@media only screen and (min-width : 975px) {
    .filters {
        padding-bottom: 0;
        padding-right: 2%;
    }

        .filters ul li {
            width: 30%;
        }

    .calendar .buttons a {
        font-size: 18px;
    }

    .article-content {
        display: inline-block;
        padding-right: 20px;
        padding-left: 20px;
        vertical-align: top;
        width: 65%;
        margin-left: 50px;
    }

    /*.article-content img {
            margin: 15px;
        }*/

    .sidebar {
        display: inline-block;
        padding-left: 20px;
        vertical-align: top;
        width: 300px;
        width: 26%;
    }
}

@media only screen and (max-width : 975px) {
    .article-container .sidebar {
        min-height: inherit !important;
    }
}

.article-content {
    margin-left: 25px;
}


@media only screen and (min-width : 1050px) {
    /************************* Header *************************/
    header {
        padding: 0;
/*        margin-bottom: -70px;
*/    }

    #sub-nav {
        display: block;
    }

    header .bottom .inner {
        background: #fff;
        border-bottom: 2px dashed #e3e3e3;
        border-top: 2px dashed #e3e3e3;
        padding: 0;
        margin-bottom: 70px;
    }

    /************************* Navigation *************************/
    #main-nav-copy, .toggle-menu {
        display: none;
    }

    [id$="nav-copy"].open-menu, .panel.open-menu {
        -webkit-transform: translateX(0) !important;
        -ms-transform: translateX(0) !important;
        transform: translateX(0) !important;
        -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
        transition: transform .4s 0s, visibility 0s 0s;
        -webkit-overflow-scrolling: touch;
    }

    .panel.search, .panel.panel-search {
        padding: 50px 10px 75px;
        z-index: 901;
    }

        .panel.search a.btn {
            background: #1c758c;
            color: #fff;
            line-height: 1;
            margin: 0;
            padding: 8px 12px 10px;
        }

            .panel.search a.btn:hover, .panel.search a.btn:focus {
                background: #333;
            }

        .panel.search h6 {
            color: #333;
            text-align: center;
        }

    .close {
        color: #333;
        cursor: pointer;
        position: absolute;
        top: 15px;
        right: 15px;
    }

        .close:hover, .close:focus {
            color: #185e70;
        }

    #main-nav {
        display: table-cell;
    }

    #stickyNavbar ul li {
        font-size: 1em;
    }

        nav[id$="-nav"] ul li a, #stickyNavbar ul li a {
            color: #fff;
            display: block;
            overflow: hidden;
            padding: 5px 10px;
            text-decoration: none;
            -webkit-transition: color .5s .2s;
            transition: color .5s .2s;
            z-index: 1;
        }

        #stickyNavbar ul li a {
            -webkit-transition: color .2s;
            transition: color .2s;
        }


        #stickyNavbar ul li a {
            padding: 14px 4px;
        }

    nav.main-nav ul li a {
        color: white;
        padding: 10px 4px;
        font-weight: 600;
    }

    .main-nav ul li a:hover, .main-nav ul li a:focus, .main-nav ul li:hover a {
        color: #fff;
    }

    .main-nav ul li.highlight a {
        background-color: darkorange;
        padding: 10px 8px;
    }

    /* hover effects */
    nav[id$="-nav"] ul li:hover a, nav[id$="-nav"] ul li:focus a, nav[id$="-nav"] ul li:active a {
        color: #0084AE !important;
        -webkit-transition: color .1s;
        transition: color .1s;
    }

    nav.main-nav ul li:hover a, nav.main-nav ul li:focus a, nav.main-nav ul li:active a {
        color: #fff !important;
    }

    nav[id$="-nav"] > ul > li > a::before {
        background: #fff;
        content: '';
        left: 100%;
        margin: -15px 0 0 1px;
        position: absolute;
        top: 50%;
        -webkit-transform-origin: 100% 50%;
        transform-origin: 50%;
        -webkit-transform: scale3d(1, 2, 1);
        transform: scale3d(1, 2, 1);
        -webkit-transition: -webkit-transform .5s, opacity .1s;
        transition: transform .5s, opacity .1s;
        width: 90px;
        height: 30px;
        z-index: -1;
    }

    nav.main-nav > ul > li > a::before, nav[id$="-nav"] > ul > li:focus > a, nav[id$="-nav"] > ul > li:active > a {
        background: #0084AE;
    }

    nav[id$="-nav"] > ul > li:hover > a::before {
        -webkit-transform: scale3d(9, 9, 1);
        transform: scale3d(9, 9, 1);
    }

    /* Drop Downs */
    nav[id$="-nav"] ul > li > ul, #stickyNavbar ul > li > ul {
        background: #0084AE;
        display: block;
        line-height: 1.2 !important;
        margin: -2px 0 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        left: auto;
        -webkit-transition: max-height .2s ease-in-out 0s, opacity .1s ease-in-out 0s;
        transition: max-height .2s ease-in-out 0s, opacity .1s ease-in-out 0s;
        width: 200px;
        height: auto !important;
        z-index: 9999;
    }

    nav[id$="-nav"] ul > li > ul.big, #stickyNavbar ul > li > ul.big {
        width: 400px;
    }

        nav[id$="-nav"] ul > li > ul li, #stickyNavbar ul > li > ul li {
            border: 0 !important;
            display: block;
            height: auto !important;
            margin: 0;
            padding: 0;
            width: 100%;
        }

        nav[id$="-nav"] ul > li > ul.big li {
            display: inline-block;
            width: 50%;
        }

        nav[id$="-nav"] ul > li > ul.big li:nth-of-type(odd) {
            margin-right: -5px;
        }


            nav[id$="-nav"] ul > li > ul li a, #stickyNavbar ul > li > ul li a {
                border-bottom: 1px solid #0084AE;
                color: #fff !important;
                display: block;
                padding: 10px !important;
                text-indent: 0 !important;
                -webkit-transition: none;
                transition: none;
                width: 200px !important;
            }

    #sub-nav ul > li > ul li a {
        background: #fff;
    }

    #main-nav ul > li > ul li a {
        background: #0084AE;
    }

    nav[id$="-nav"] ul > li > ul li a:hover {
        background: #002A68 !important;
    }

    nav[id$="-nav"] ul > li > ul li:last-child a {
        border: 0;
    }

    nav[id$="-nav"] ul > li > ul li:hover a {
        color: #fff !important;
    }

        nav[id$="-nav"] ul > li > ul li:hover a::before {
            background: #0084AE !important;
        }

    nav[id$="-nav"] ul > li:hover > ul, #stickyNavbar ul > li:hover > ul {
        max-height: 500px;
        opacity: 1;
        -webkit-transition: max-height .7s ease-in-out 0s;
        transition: max-height .7s ease-in-out 0s;
    }

    .sub-nav ul {
        margin-bottom: -4px;
        text-align: left;
    }

    .sub-nav > ul > li:last-of-type > a {
        background: #fff;
        color: #0084AE !important;
    }

        .sub-nav > ul > li:last-of-type > a::before {
            background: #F0F0F0;
        }


       
        .sub-nav > ul > li:last-of-type > a::before {
            background: #F0F0F0;
        }


    header .search {
        display: table-cell;
        padding: 0;
        vertical-align: middle;
        width: 450px;
    }
}

/* Read Current Issue */
.current-issue-desktop {
}

    .current-issue-desktop a {
        -webkit-transition: all .3s;
        transition: all .3s;
        display: block;
        background: #e3e3e3;
        font-weight: 700;
        padding: 10px;
    }

        .current-issue-desktop a:hover, .current-issue-desktop a:focus {
            background: darkorange;
        }

    .current-issue-desktop .issue-inner {
        max-width: 300px;
        margin: auto;
    }

    .current-issue-desktop img {
        max-width: 60px;
        display: inline-block;
        display: inline-block;
        margin-right: -5px;
    }

    .current-issue-desktop span {
        width: calc(100% - 60px);
        display: inline-block;
        vertical-align: middle;
        padding: 15px;
        color: #333;
        text-transform: uppercase;
        font-size: 18px;
        text-align: center;
    }

@media (min-width: 1050px) {
.current-issue-desktop {
    text-align: left;
}    
    .current-issue-desktop a {
            background: #e3e3e3;
            color: #202020;
            padding: 0 10px;
        }

        .current-issue-desktop a:hover, .current-issue-desktop a:focus {
            background: darkorange;
        }

        .current-issue-desktop span {
            color: #202020;
            text-transform: uppercase;
            font-size: 18px;
            text-align: left;
        }
}

@media (min-width: 1450px) {
    .current-issue-desktop a {
        padding: 10px;
    }

    .current-issue-desktop img {
        max-width: 80px;
    }

    .current-issue-desktop span {
        font-size: 20px;
        width: calc(100% - 80px);
    }
}

@media only screen and (min-width : 1230px) {
    .calendar {
        float: right;
        padding: 0 2% 0 0;
        right: 10px;
        width: 50%;
    }

    .mid .inner {
        padding: 0;
    }

    .filters {
        padding: 35px 10px 0 25px;
        width: 58%;
        display: none;
    }

        .filters ul li {
            font-size: 18px;
            width: auto;
        }

            .filters ul li a {
                padding: 7px 15px;
            }

    .calendar {
        width: 465px;
    }

    nav[id$="-nav"] ul li {
        font-size: 16px;
    }
}

.menuboxes {
    display: none;
}

    .menuboxes ul li {
        display: inline-block;
        padding: 15px 10px;
        background-color: #0070ba;
        color: white;
        font-variant: small-caps;
        font-size: 24px;
        margin-right: 5px;
        margin-top: 5px;
        font-weight: 600;
    }

        .menuboxes ul li a {
            text-decoration: none;
            color: white;
        }

        .menuboxes ul li:hover {
            background-color: #0063a4;
        }

@media only screen and (min-width : 700px) {
    .menuboxes {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
        float: none;
    }

        .menuboxes ul li {
            display: inline-block;
            padding: 22px 15px;
            background-color: #0070ba;
            color: white;
            font-variant: all-small-caps;
            font-size: 24px;
            margin-right: 5px;
            font-weight: 600;
        }
}

@media only screen and (min-width : 1200px) {
    .menuboxes {
        float: left;
        margin-left: -22px;
    }
}

@media only screen and (min-width : 1350px) {
    .calendar {
        width: 540px;
    }

    nav.main-nav ul li a {
        color: white;
        padding: 10px 7px;
        font-weight: 600;
    }
    /************************* Layout *************************/
    /*** Categories ***/
    .catalog ul li {
        width: 20%;
    }

    .catalog ul li {
        margin-left: 2.5% !important;
        margin-right: 2.5% !important;
    }

        .catalog ul li:nth-of-type(3n+1) {
            clear: none;
            margin-left: 2.5% !important;
        }

        .catalog ul li:nth-of-type(3n+3) {
            margin-right: 2.5% !important;
        }

        .catalog ul li:nth-of-type(4n+4) {
            margin-right: 2.5% !important;
        }

        .catalog ul li:nth-of-type(4n+1) {
            clear: both;
            margin-left: 2.5% !important;
        }
}

/************************* Events *************************/
.events-sidebar {
    margin: 0 auto 20px;
    max-width: 250px;
    width: 100%;
}

    .events-sidebar .box {
        border-bottom: 1px dashed #999;
        margin: 0 0 40px;
        padding-bottom: 15px;
    }

        .events-sidebar .box:last-of-type, .events-sidebar .box p:last-of-type {
            margin-bottom: 0;
        }

.the-calendar {
    background: #e3e3e3;
    margin: 0 auto 40px;
    padding: 10px;
}

.calendar-header {
    padding: 5px 10px 15px;
    text-align: center;
}

    .calendar-header h6 {
        margin: 0;
    }

.the-calendar input[type="submit"] {
    font: 18px/1 "Lato","Helvetica",Helvetica,Arial,sans-serif;
    padding: 3px 10px 6px;
    position: absolute;
    top: 0;
}

    .the-calendar input[type="submit"].prev {
        left: 0;
    }

    .the-calendar input[type="submit"].next {
        right: 0;
    }

.calendar-table {
    margin: auto;
    font-size: 14px;
    table-layout: fixed;
    width: 100%;
}

    .calendar-table td {
        text-align: center;
        vertical-align: middle;
        max-width: calc(100% / 7);
        height: 32px;
    }

    .calendar-table tr:nth-of-type(odd) td {
        background: rgba(0,0,0,.07);
    }

    .calendar-table a {
        display: block;
        line-height: 32px;
        text-decoration: none;
        width: 100%;
        height: 32px;
    }

        .calendar-table a:hover {
            background: #fff;
        }

.the-calendar .current a {
    background: #0070ba;
    color: #fff;
}

    .the-calendar .current a:hover, .the-calendar .current a:focus {
        background: #1e71aa;
    }

@ media only screen and (min-width : 350px) and (max-width : 550px) {

    .events-sidebar {
        max-width: none;
    }

    .the-calendar {
        float: left;
        font-size: 14px;
        margin-bottom: 20px;
        max-width: 200px;
    }

        .the-calendar th {
            font-size: 12px;
        }

        .the-calendar h6 {
            font-size: 14px;
        }

    .boxes {
        float: left;
        font-size: 14px;
        padding-left: 15px;
        width: calc(100% - 201px);
    }
}

.events-list .image {
    display: block;
    margin: 0 auto 15px;
    max-width: 150px;
    width: 100%;
}

.events-list .name {
    color: #1e71aa;
    font-weight: bold;
    font-size: 18px;
}

.events-list .date {
    color: #000;
    font-size: 15px;
    font-weight: bold;
}

.events-list .description {
    margin: 15px 0 0;
}

.featured-listings {
    background: #e3e3e3;
    margin-bottom: 40px;
    padding: 15px;
}

.events-list li {
    border-top: 2px dashed #e3e3e3;
    padding-top: 30px;
    margin-bottom: 30px;
}

.featured-listings li {
    border-color: #fff;
}

.events-list li:first-of-type {
    border-top: 0;
    padding-top: 0;
}

.events-list li:last-of-type {
    margin-bottom: 0;
}

.events-list hr {
    border-bottom: 2px dashed #999;
    border-top: 0;
    height: 2px;
    margin: 0 0 30px;
}

@media only screen and (min-width : 450px) and (max-width : 550px), (min-width : 700px) {
    .events-list li > div:first-child:nth-last-child(n+2),
    .events-list li > div:first-child:nth-last-child(n+2) ~ * {
        float: left;
        padding-left: 15px;
        width: calc(100% - 151px);
    }

    .events-list li > div.image {
        margin: 0;
        padding: 0 !important;
    }
}

@media only screen and (min-width : 551px) {
    .events-sidebar {
        float: right;
        max-width: 225px;
    }

    .events-list {
        float: left;
        padding-right: 40px;
        width: calc(100% - 226px);
    }
}

@media only screen and (min-width : 1050px) {

    .panel.search {
        -webkit-transform: translateX(380px);
        -ms-transform: translateX(380px);
        transform: translateX(380px);
        width: 350px;
    }

    .events-sidebar {
        max-width: 300px;
    }

    .calendar-table td {
        height: 36px;
    }

    .calendar-table a {
        line-height: 36px;
        height: 36px;
    }

    .events-list {
        width: calc(100% - 301px);
    }

    .events-list {
        padding-right: 80px;
    }
}

/* Events Navigation */
.events-nav {
    border-bottom: 2px dashed #e3e3e3;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

    .events-nav > ul > li {
        display: inline-block;
        margin: 0 0 10px;
        font-size: 16px;
        width: calc(100% / 2 - 3px);
    }

        .events-nav > ul > li:nth-of-type(even) {
            padding-left: 22px;
        }

    .events-nav ul li a {
        color: #333;
        display: inline-block;
        padding: 1px 0;
        text-decoration: none;
        -webkit-transition: color .5s 0s;
        transition: color .5s 0s;
    }

    .events-nav > ul > li > a {
        border-bottom: 1px solid #999;
        -webkit-transition: border-color .5s 0s;
        transition: border-color .5s 0s;
    }

        .events-nav > ul > li > a:hover {
            border-color: #0070ba;
        }

        .events-nav > ul > li > a::before {
            display: none;
        }

    .events-nav ul > li > ul li a {
        background: #338DCB;
        color: #fff !important;
    }

        .events-nav ul > li > ul li a:hover {
            background: #0070BA !important;
        }

    /* Drop Downs */
    .events-nav ul > li > ul {
        background: #0070ba;
        display: block;
        line-height: 1.2 !important;
        margin: -2px 0 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        left: auto;
        text-align: left;
        -webkit-transition: max-height .2s ease-in-out 0s, opacity .1s ease-in-out 0s;
        transition: max-height .2s ease-in-out 0s, opacity .1s ease-in-out 0s;
        width: 200px;
        height: auto !important;
        z-index: 9999;
    }

        .events-nav ul > li > ul li {
            border: 0 !important;
            display: block;
            height: auto !important;
            margin: 0;
            padding: 0;
            width: 100%;
        }

            .events-nav ul > li > ul li a {
                border-bottom: 1px solid #3178B2;
                color: #fff !important;
                display: block;
                padding: 10px !important;
                text-indent: 0 !important;
                -webkit-transition: none;
                transition: none;
                width: 200px !important;
            }

                .events-nav ul > li > ul li a:hover {
                    background: #0070ba !important;
                }

            .events-nav ul > li > ul li:last-child a {
                border: 0;
            }

            .events-nav ul > li > ul li:hover a {
                color: #fff !important;
            }

                .events-nav ul > li > ul li:hover a::before {
                    background: #0070ba !important;
                }

    .events-nav ul > li:hover > ul {
        max-height: 500px;
        opacity: 1;
        -webkit-transition: max-height .7s ease-in-out 0s;
        transition: max-height .7s ease-in-out 0s;
    }

@media only screen and (min-width : 475px) {
    .events-nav > ul {
        text-align: center;
    }

        .events-nav > ul > li {
            display: inline-block;
            margin: 0 10px 10px;
            font-size: 14px;
            width: auto;
        }

            .events-nav > ul > li:nth-of-type(even) {
                padding-left: 0;
            }
}

@media only screen and (min-width : 700px) {
    .events-nav > ul {
        text-align: left;
    }

        .events-nav > ul > li {
            margin: 0 30px 10px 0;
            font-size: 18px;
        }
}

/* Event Form */
.submit-event-form {
    max-width: 800px;
    width: 100%;
}

.select-image input {
    margin-right: 5px;
}

.select-image ul li {
    display: inline-block;
    margin-bottom: 20px;
    vertical-align: top;
    width: 115px;
}

    .select-image ul li img {
        max-width: 80px;
    }

    .select-image ul li:first-of-type {
        display: block;
        width: 100%;
    }

@media only screen and (min-width : 400px) {
    .select-image ul li {
        width: 150px;
    }

        .select-image ul li img {
            max-width: 100px;
        }
}


.articleThumbnails.slick-dotted.slick-slider {
    margin: 20px 0;
}

.articleThumbnails .slick-slide {
    text-align: center;
}

    .articleThumbnails .slick-slide img {
        display: inline-block;
        margin: 0;
    }

.articleThumbnails .arrow {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #e3e3e3;
    padding: 10px;
    font-size: 24px;
    z-index: 2;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.articleThumbnails .slick-dots {
    display: none !important;
}

.articleThumbnails .arrow:hover {
    background: #0070ba;
    color: #fff;
}

.articleThumbnails .arrow.arrow-prev {
    left: 0;
}

.articleThumbnails .arrow.arrow-next {
    right: 0;
}

@media only screen and (min-width: 800px) {
    .articleThumbnails.slick-dotted.slick-slider {
        margin: 20px 0 40px;
    }

    .articleThumbnails .slick-dots {
        display: block !important;
    }
}

.share {
    background: #e3e3e3;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: right;
}

    .share a {
        color: #fafafa;
        display: block;
        padding: 10px;
        text-decoration: none;
    }

        .share a:hover, .share a:focus {
            color: #fafafa;
        }

    .share .fa {
        margin-right: 3px;
    }

    .share li {
        float: right;
        font: 900 14px "Lato", "Helvetica", arial, sans-serif;
        margin: 0;
        text-transform: uppercase;
        max-width: 150px;
        width: calc(100% / 2 - 2px);
    }

    .share .facebook a {
        background: #3b5998;
    }

        .share .facebook a:hover, .share .facebook a:focus {
            background: #224389;
        }

    .share .twitter a {
        background: #3EB0E6;
    }

        .share .twitter a:hover, .share .twitter a:focus {
            background: #199CDC;
        }


    .share li.facebook {
        margin-left: 3px;
    }

    .share .send a {
        background: #478BC8;
    }

        .share .send a:hover, .share .send a:focus {
            background: #2974B7;
        }

    .share li.newsletter, .share li.twitter, .share li.facebook, .share li.send {
        float: none;
        margin: 0 0 3px;
        max-width: none;
        width: 100%;
        text-align: center;
    }

    .share .newsletter a {
        background: #333;
    }

        .share .newsletter a:hover, .share .newsletter a:focus {
            background: #111;
        }

@media only screen and (min-width : 525px) {
    .share li {
        width: 100%;
    }

        .share li.newsletter, .share li.twitter, .share li.facebook, .share li.send {
            float: right;
            margin: 0 0 0 3px;
            max-width: 150px;
            width: 100%;
            text-align: right;
        }
}

/************************* Modal *************************/
.mp-wrap {
    background: #fff;
    box-shadow: 0 0 50px rgba(0,0,0,.8);
    margin: auto;
    padding: 30px;
    max-width: 600px;
    width: calc(100% - 35px);
}

    .mp-wrap.iframe-wrap {
        max-width: 1000px;
    }

        .mp-wrap.iframe-wrap iframe {
            height: 90vh !important;
        }

@media only screen and (max-width : 500px) {






    .mp-wrap#newsletter-form {
        padding: 15px;
    }
}

.mfp-content .iframe-height {
    height: auto !important;
}

/* Newsletter CTA */
.nl {
    background: #eaeaea;
    color: #6e6e6e;
    margin: 25px auto;
    text-align: center;
    max-width: 350px;
    width: 100%;
}

    .nl p {
        margin: 0;
    }

    .nl li {
        padding: 0 15px;
    }

        .nl li:first-child {
            padding-top: 15px;
        }

        .nl li:last-child {
            padding-bottom: 15px;
        }

        .nl li:first-child p:first-of-type {
            color: #717171;
            font-size: 20px;
            font-style: italic;
            font-weight: 700;
        }

            .nl li:first-child p:first-of-type::after {
                background: #478BC8;
                content: "";
                display: block;
                margin: 5px auto 10px;
                width: calc(100% - 80px);
                height: 1px;
            }

        .nl li:first-child p:nth-of-type(2) {
            font-size: 14px;
            line-height: 1.2;
            padding-bottom: 10px;
        }

        .nl li:last-child p:first-of-type {
            font-size: 18px;
            font-weight: 700;
            padding-bottom: 10px;
        }

@media only screen and (min-width : 700px) {
    .nl {
        max-width: 500px;
    }

        .nl li, .nl li:first-child, .nl li:last-child {
            display: inline-block;
            padding: 15px;
            vertical-align: middle;
            width: calc(100% / 2 - 3px);
        }

            .nl li:first-child::after {
                background: #999;
                content: "";
                display: block;
                position: absolute;
                right: 8px;
                top: 50%;
                -ms-transform: translateY(-50%);
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                width: 1px;
                height: calc(100% - 50px);
            }
}

.mfp-content {
    text-align: center;
}

#subscribe-popup {
    display: inline-block;
    padding: 44px 15px;
}

    #subscribe-popup img {
        max-height: 800px;
        margin: 0 auto;
    }

    #subscribe-popup button {
        color: #fff;
    }

.gallery-grid li {
    margin-bottom: 10px;
}

    .gallery-grid li img {
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
        backface-visibility: hidden;
    }

    .gallery-grid li a.mfp-iframe:after {
        content: '\f16a';
        font-family: "FontAwesome";
        position: absolute;
        text-shadow: 2px 2px #0070ba;
        top: 50%;
        left: 50%;
        -ms-transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
        color: #fff;
        font-size: 50px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

    .gallery-grid li:hover img {
        opacity: 0.5;
    }

    .gallery-grid li:hover a.mfp-iframe:after {
        color: #0070ba;
        text-shadow: 2px 2px #fff;
    }

@media only screen and (min-width: 450px) {
    .gallery-grid li {
        width: 50%;
        float: left;
        padding: 0 5px;
    }

        .gallery-grid li:nth-of-type(2n+1) {
            clear: both;
        }
}

@media only screen and (min-width: 700px) {
    .gallery-grid li {
        width: 33.3333%;
    }

        .gallery-grid li:nth-of-type(2n+1) {
            clear: none;
        }

        .gallery-grid li:nth-of-type(3n+1) {
            clear: both;
        }
}

@media only screen and (min-width: 900px) {
    .gallery-grid li {
        width: 25%;
    }

        .gallery-grid li:nth-of-type(2n+1) {
            clear: none;
        }

        .gallery-grid li:nth-of-type(3n+1) {
            clear: none;
        }

        .gallery-grid li:nth-of-type(4n+1) {
            clear: both;
        }
}

.album-grid {
    max-width: 300px;
    margin: auto;
}

    .album-grid li {
        max-width: 320px;
        text-align: center;
        width: 100%;
        margin: 0 auto 20px;
    }

        .album-grid li a {
            text-decoration: none;
            display: block;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .album-grid li .image {
            padding: 5px;
            background: #eee;
            border-top: 1px solid #e3e3e3;
            border-right: 1px solid #e3e3e3;
            border-left: 1px solid #e3e3e3;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .album-grid li .image img {
                backface-visibility: hidden;
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                max-width: 300px;
                max-height: 300px;
            }

            .album-grid li .image:after {
                content: '\f055';
                font-family: "FontAwesome";
                font-size: 50px;
                color: #0070ba;
                position: absolute;
                top: 50%;
                left: 50%;
                -ms-transform: translate(-50%,-50%);
                -webkit-transform: translate(-50%,-50%);
                transform: translate(-50%,-50%);
                -webkit-transition: all 0.3s;
                transition: all 0.3s;
                opacity: 0;
            }

        .album-grid li .title {
            background: #0070ba;
            padding: 5px;
            color: #fff;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

        .album-grid li:hover .image {
            border-top: 1px solid #358dcb;
            border-right: 1px solid #358dcb;
            border-left: 1px solid #358dcb;
        }

            .album-grid li:hover .image:after {
                opacity: 1;
            }

            .album-grid li:hover .image img {
                opacity: 0.5;
            }

        .album-grid li:hover .title {
            background: #358dcb;
        }

@media only screen and (min-width: 600px) {
    .album-grid {
        max-width: 640px;
    }

        .album-grid li {
            width: 50%;
            float: left;
            padding: 0 10px;
        }

            .album-grid li:nth-of-type(2n+1) {
                clear: both;
            }

            .album-grid li .image {
                height: 300px;
            }

                .album-grid li .image img {
                    position: absolute;
                    top: 50%;
                    left: 50%;
                    -ms-transform: translate(-50%,-50%);
                    -webkit-transform: translate(-50%,-50%);
                    transform: translate(-50%,-50%);
                }
}

@media only screen and (min-width: 900px) {
    .album-grid {
        max-width: 960px;
    }

        .album-grid li {
            width: 33.3333%;
        }

            .album-grid li:nth-of-type(2n+1) {
                clear: none;
            }

            .album-grid li:nth-of-type(3n+1) {
                clear: both;
            }
}

@media only screen and (min-width: 1200px) {
    .album-grid {
        max-width: 1280px;
    }

        .album-grid li {
            width: 25%;
        }

            .album-grid li:nth-of-type(3n+1) {
                clear: none;
            }

            .album-grid li:nth-of-type(4n+1) {
                clear: both;
            }
}

.img-nav {
    margin-bottom: 10px;
}

    .img-nav a {
        text-decoration: none;
        background: #0070ba;
        color: #fff;
        padding: 10px 15px;
        display: inline-block;
    }

        .img-nav a:hover, .img-nav a:focus {
            background: #358dcb;
        }

.tag-btn {
    text-decoration: none;
    background: #0070ba;
    color: #fff;
    padding: 5px;
}

    .tag-btn:hover, .tag-btn:focus {
        background: #358dcb;
        color: #fff;
    }

#mygallery a:after {
    content: '\f055';
    font-family: "FontAwesome";
    font-size: 50px;
    color: #0070ba;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    opacity: 0;
}

#mygallery img {
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#mygallery a:hover:after {
    opacity: 1;
}

#mygallery a:hover img {
    opacity: 0.5;
}

.submit-event-error {
    font-weight: 700;
    color: red;
    margin: 20px 0;
    display: block;
}

@media(min-width: 1230px) {
    nav#main-nav {
        margin-top: 10px;
}
}

.fa-search:before {
    content: "\f002" !important;
}

.container .inner .top {
    margin-top: 25px;
}

.stick {
    position: fixed;
    top: 104px;
}

.advertisement-wrapper {
    width: 210px;
    margin: auto;
    text-decoration: none;
    float: right;
    font-size: 12px;
    padding-left: 100px;
}

@media(min-width: 728px) {

    .top-banner-ad {
        display: block !important;
    }

    .top-banner-ad-small {
        display: block !important;
        margin-right: 304px !important;
    }
}

.sticky-ad-hit-bottom {
    position: relative;
    bottom: -437px;
}

/******** Columns and Stories ********/
.column, .interior .grid {
    max-width: 300px;
    margin: 0 auto;
}

.column .meta {
    color: #999;
    font-size: 14px;
    text-transform: uppercase;
}

.home .meta {
    display: none;
}

.column .date {
    font-weight: 700;
}

.column .category, .column .author {
    color: #999;
    font-size: 14px;
}

.interior .column .meta span:not(:last-child)::after {
    content: "\00a0\00a0\00a0\002f\00a0";
    font-weight: 400;
}

.story {
    background: #e3e3e3;
    margin: 0 0 40px;
    overflow: hidden;
    height: 600px;
    max-width: 300px;
    }

    .story h1 {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .story img {
        display: block;
        }

    .story a {
        text-decoration: none;
            }

    .story .meta {
        color: #999;
                font-size: 14px;
        margin-bottom: 20px;
            }

    .story .image .publishedArticleImageDiv {
        -webkit-backface-visibility: hidden;
        -webkit-transition: opacity 0.3s;
        transition: opacity 0.3s;
            }

        .story .image:hover .publishedArticleImageDiv {
            opacity: 0.75;
    }

    .story .text {
        padding: 15px 25px;
    }

    .story .text a p {
        color: #333;
    }

.interior .btn {
    clear: both;
    }

@media (min-width: 681px) {
    .column, .interior .grid {
        max-width: 680px;
        float: none;
        clear: both;
    }

    .story {
/*        float: left;
*/        margin: 0 20px 40px;
    }

    .interior .story {
        margin: 0 16px 40px;
    }
    }

@media (min-width: 1020px) {
    .column {
        max-width: 300px;
        margin: 0 20px;
        float: left;
        clear: none;
    }

    .story {
        margin: 0 0 40px;
    }
}

@media (min-width: 1040px) {
    .interior .grid {
        max-width: 1040px;
    }

    .interior .story {
        margin: 0 20px 40px;
}
}

@media (min-width: 1380px) {
    .interior .grid {
        max-width: 1360px;
}
}

@media only screen and (min-width : 800px) {
    .meta-video {
        width: calc(100% * .5);
    }
}

.column .image img, .column .image a, .banner img {
    display: block;
}

.column h6 {
    color: #333;
    font-size: 18px;
    border-bottom: 2px solid #0b5893;
    margin-bottom: 15px;
    padding-bottom: 5px;
}


@media only screen and (min-width : 900px) {
    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 32px;
    }

    h3 {
        font-size: 28px;
    }

    h4 {
        font-size: 26px;
    }

    h5 {
        font-size: 24px;
    }

    h6 {
        font-size: 22px;
    }

    .column h6 {
        font-size: 24px;
    }
}



/************************* Header *************************/
header p {
    margin: 0;
}

header.main {
    background: #002A68;
    font-size: 18px;
    padding: 60px 0 0;
    text-align: center;
    width: 100%;
}

    header.main .logo a {
        display: block;
    }

    header.main a {
        color: #fff;
    }

        header.main a:hover, header.main a:focus {
            color: #0084AE;
        }

    header.main .logo {
        margin: 0 auto 10px;
        max-width: 275px;
    }

        header.main .logo img {
            margin: auto;
            width: 100%;
            display: block;
        }

.socials {
    font-size: 25px;
}

header.main .etc p {
    color: #fff;
    text-transform: uppercase;
    margin: 0;
    margin-bottom: -5px;
    font-size: 12px;
}

header.main .etc li {
    vertical-align: bottom;
}

header.main .etc li:last-child {
    display: none;
}

header.main .etc a {
    display: block;
    height: 100%;
}

    header.main .etc a:hover, header.main .etc a:focus {
        color: #002A68;
    }

header.main .fa {
    padding: 10px;
}

header.main .etc ul {
    height: 100%;
}

header.main .etc li {
    display: inline-block;
    height: 100%;
}

header.main .etc a.search-toggle {
    background: #002A68;
    color: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 2px solid transparent;
}

    header.main .etc a.search-toggle:hover, header.main .etc a.search-toggle:focus {
        background: #fff;
        border: 2px solid #002A68;
        color: #333;
    }

.search {
    padding-top: 10px;
}

.ss {
    display: table;
    margin: 0 auto;
}

.st, .sb {
    display: table-cell;
    vertical-align: top;
}

.panel.search h6 {
    color: #333;
    text-align: center;
}

@media only screen and (min-width : 500px) {
    header.main {
        padding: 60px 0 0;
    }

        header.main .logo {
            width: 200px;
            margin: 0 auto 15px;
        }

        header.main .etc p {
            font-size: 14px;
        }

        header.main .etc {
            display: table;
            width: 100%;
        }

            header.main .etc .connect, header.main .etc .current-issue-desktop {
                width: 50%;
                display: table-cell;
                vertical-align: middle;
            }
}

@media only screen and (min-width : 1050px) {

    .homepage header.main {
        position: static; 
    }

    header.main {
        left: 0;
        padding: 0;
        position: fixed;
        top: 0;
        z-index: 900;
        background: #002A68;
        display: table;
    }

    .socials {
        font-size: 22px;
        padding-right: 10px;
    }

    header.main .logo {
        margin: 0;
        width: 150px;
        display: table-cell;
        vertical-align: middle;
        padding: 10px 0 10px 10px;
    }

    header.main .main-nav {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        width: calc(100% - 350px);
    }

    header.main .etc {
        background: #0084AE;
        width: 200px;
        text-align: center;
        display: block;
        float: right;
    }

        header.main .etc .connect, header.main .etc .current-issue-desktop {
            width: 100%;
            display: block;
        }

        header.main .etc .connect {
            padding: 10px 0;
        }

    header.main .etc p {
        font-size: 10px;
        text-align: left;
        padding-left: 20px;
    }

        header.main .etc li span.fa {
            padding: 7px 5px;
        }

        header.main .etc li span.fa.fa-search {
            padding: 7px 5px;
        }

        header.main .etc li:last-child {
            display: inline-block;
            margin-left: 15px;
        }
}

@media only screen and (min-width: 1300px) {
    header.main .logo {
        width: 275px;
    }
}

@media only screen and (min-width : 1450px) {
    .socials {
        font-size: 25px;
    }

    header.main .fa {
        padding: 12px;
    }

    header.main .etc {
        width: 260px;
    }

    header.main .etc p {
        padding-left: 45px;
        margin-bottom: -10px;
        font-weight: 700;
    }

    header.main .main-nav {
        width: calc(100% - 410px);
    }

    header.main .etc a.search-toggle {
        width: 50px;
        height: 50px;
    }
}


/************************* Navigation *************************/
.main-nav, #main-nav p, .main-nav br {
    display: none;
}

/* Mobile Navigation */
.toggle-menu {
    background: #e3e3e3;
    font-size: 14px;
    left: 0;
    position: fixed;
    text-align: right;
    text-decoration: none;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 10;
}

    .toggle-menu li, .toggle-menu .icon, .toggle-menu .menu-text, .toggle-menu .fa {
        display: inline-block;
        vertical-align: middle;
    }

    .toggle-menu li {
        margin: 0 10px;
    }

    .toggle-menu a, .toggle-menu a:hover, .toggle-menu a:focus {
        color: #333;
        display: block;
        padding: 10px 0;
        text-decoration: none;
    }

    .toggle-menu .icon, .toggle-menu .icon:after, .toggle-menu .icon:before {
        background: #333;
        -webkit-transition: all 0s .3s;
        transition: all 0s .3s;
        width: 18px;
        height: 2px;
    }

    .toggle-menu .is-clicked .icon {
        background: rgba(255, 255, 255, 0);
    }

    .toggle-menu .icon:after, .toggle-menu .icon:before {
        background: #333;
        content: "";
        left: 0;
        position: absolute;
    }

    .toggle-menu .icon:before {
        bottom: 5px;
        -webkit-transition: bottom .3s .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom .3s .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .toggle-menu .icon:after {
        top: 5px;
        -webkit-transition: top .3s .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s cubic-bezier(0.23, 1, 0.32, 1);
        transition: top .3s .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .toggle-menu .is-clicked .icon:after {
        background: #0084AE;
        top: 0;
        -ms-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transition: top .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s .3s cubic-bezier(0.23, 1, 0.32, 1);
        transition: top .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s .3s cubic-bezier(0.23, 1, 0.32, 1);
    }

    .toggle-menu .is-clicked .icon:before {
        background: #0084AE;
        bottom: 0;
        -ms-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform .3s .3s cubic-bezier(0.23, 1, 0.32, 1);
        transition: bottom .3s cubic-bezier(0.23, 1, 0.32, 1), transform .3s .3s cubic-bezier(0.23, 1, 0.32, 1);
    }

#search-trigger .menu-text {
    display: none;
}

/* Mobile Nav Panels */
[id$="nav-copy"], .panel {
    background: #fff;
    box-shadow: -5px 0 5px -5px rgba(0,0,0,.5);
    font-size: 16px;
    overflow-y: auto;
    position: fixed;
    right: 0;
    top: 0;
    -webkit-transform: translateX(320px);
    -ms-transform: translateX(320px);
    transform: translateX(320px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s .4s;
    transition: transform .4s 0s, visibility 0s .4s;
    width: 280px;
    height: 100%;
    z-index: 9;
}

    .panel.search {
        padding: 75px 10px;
    }

        .panel.search a.btn {
            background: #91cace;
            color: #fff;
            line-height: 1;
            margin: 0;
            padding: 8px 12px 10px;
        }

            .panel.search a.btn:hover, .panel.search a.btn:focus {
                background: #333;
            }

.close {
    color: #333;
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: 15px;
}

    .close:hover, .close:focus {
        color: #57989e;
    }

[id$="nav-copy"] > ul {
    padding: 40px 0 0;
}

[id$="nav-copy"] ul li a {
    border-bottom: 1px solid rgba(0,0,0,.1);
    color: #333;
    display: block;
    padding: 15px;
    text-decoration: none;
}

    [id$="nav-copy"] ul li a:hover, [id$="nav-copy"] ul li a:focus {
        background: #0084AE;
        color: #fff;
    }

[id$="nav-copy"] ul li ul {
    background: rgba(255,255,255,.09);
    font-size: 14px;
    line-height: 1.2;
}

    [id$="nav-copy"] ul li ul li a {
        color: #333;
        padding: 10px 10px 10px 30px;
    }

[id$="nav-copy"].open-menu, .panel.open-menu {
    -webkit-transform: translateX(0) !important;
    -ms-transform: translateX(0) !important;
    transform: translateX(0) !important;
    -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
    transition: transform .4s 0s, visibility 0s 0s;
    -webkit-overflow-scrolling: touch;
}

.dd-wrap {
    display: block;
    width: 100%;
}

.open-dd {
    background: #e3e3e3;
    border-bottom: 1px solid #e3e3e3;
    color: #333;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 50px;
    height: 100%;
    z-index: 10;
}

    /* Icon to indicate there's drop downs to open */
    .open-dd::after {
        content: "\f103";
        font: normal normal normal 14px/1 FontAwesome;
        font-size: inherit;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .open-dd:hover, .open-dd:focus {
        background: #002A68;
        color: #fff;
    }

.has-sub ul {
    display: none;
}

.has-sub span {
    display: block;
}

.has-sub > span {
    height: 100%;
}

/* Main Nav */
.main-nav {
    font-size: 14px;
    margin: 0 auto;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    z-index: 20;
}

    .main-nav ul li {
        display: inline-block;
        margin: 0 15px 0 0;
    }

        .main-nav ul li a {
            border-bottom: 1px solid transparent;
            display: block;
            padding: 10px 0;
            text-decoration: none;
        }

            .main-nav ul li:hover a, .main-nav ul li a:focus, .main-nav ul li:hover span {
                border-color: #7ab4b5;
                color: #7ab4b5;
            }

    /* Drop Downs */
    .main-nav ul > li > ul {
        background-color: #fff;
        border-top: 1px solid #0B5893;
        box-shadow: 5px 0 5px -5px rgba(0,0,0,.3), 0 5px 5px -5px rgba(0,0,0,.3), -5px 0 5px -5px rgba(0,0,0,.3);
        display: block;
        line-height: 1.2;
        left: 0;
        margin: -1px 0 0;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        padding: 0;
        position: absolute;
        text-align: left;
        top: auto;
        -webkit-transition: max-height .1s ease-in-out 0s, opacity .1s ease-in-out 0s;
        transition: max-height .1s ease-in-out 0s, opacity .1s ease-in-out 0s;
        width: 200px;
        height: auto !important;
        z-index: 9999;
    }

        .main-nav ul > li > ul li {
            border-bottom: 1px solid #ccc;
            display: inline-block;
            font-size: 15px;
            height: auto !important;
            margin: 0;
            padding: 0;
    position: relative;
            width: 100%;
        }

            .main-nav ul > li > ul li:last-child {
                border-bottom: 0;
            }

            .main-nav ul > li > ul li a {
                color: #202020 !important;
                border: 0 !important;
                display: block;
                padding: 10px !important;
                text-indent: 0 !important;
                -webkit-transition: none;
                transition: none;
            }

            .main-nav ul > li > ul li:hover a {
                background: #e3e3e3;
                color: #202020 !important;
            }

    .main-nav ul > li:hover > ul, .main-nav ul > li > a:focus + ul {
        max-height: 500px;
        opacity: 1;
        -webkit-transition: max-height .7s ease-in-out 0s;
        transition: max-height .7s ease-in-out 0s;
    }

    /* Secondary Navigation */
    .main-nav.secondary-nav {
        font-size: 13px;
        z-index: 19;
    }

@media only screen and (min-width : 400px) {
    .toggle-menu li {
        margin: 0 20px;
    }

    #search-trigger .menu-text {
        display: inline-block;
    }
}

@media only screen and (min-width : 1050px) {
    [id$="nav-copy"], .toggle-menu {
        display: none;
    }

    [id$="search-nav-copy"] {
        display: block;
    }

    .panel.search, .panel.panel-search {
        -webkit-transform: translateX(220px);
        -ms-transform: translateX(220px);
        transform: translateX(220px);
        width: 220px;
    }
}

@media only screen and (min-width: 1450px) {
    .panel.search, .panel.panel-search {
        -webkit-transform: translateX(260px);
        -ms-transform: translateX(260px);
        transform: translateX(260px);
        width: 260px;
    }
}

@media only screen and (min-width : 1400px) {
    .main-nav {
        font-size: 18px;
    }

        .main-nav ul li {
            margin: 0 22px 0 0;
        }
}

/*HOME PAGE IMAGE DIVS*/
.publishedArticleImageDiv {
    height: 300px;
    background-size: cover;
    background-position: center;
}

/* SLIDESHOW ARROWS*/
.feature-banner .fa-angle-double-left:before {
    content: "\f100";
}

.feature-banner .fa-angle-double-right:before {
    content: "\f101";
}

.feature-banner .arrow {
    background: #0084AE;
    color: #fff;
    z-index: 8;
    font-size: 32px;
    padding: 10px;
    top: 0;
    position: absolute;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.feature-banner span.arrow.arrow-next.fa.fa-angle-double-right.slick-arrow {
    right: 0px;
}

.feature-banner .arrow:hover, .feature-banner .arrow:focus {
    background: #002A68;
}

/*END SLIDESHOW ARROWS*/
.descriptionBoxVideo {
    background: rgb(51,51,51);
    background: -moz-linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: -webkit-linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    background: linear-gradient(180deg, rgba(51,51,51,0) 0%, rgba(51,51,51,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 50px 20px 20px;
    color: #fff;
}

.descriptionBoxVideo .btn {
    padding: 8px 10px;
    font-weight: 700;
    font-size: 14px;
    margin-top: 10px;
}

.descriptionBoxVideo h2 {
    color:white;
}

.vimeo-wrapper {
    width: 100vw;
    margin: auto;
    transform: scale(1.3);
    background-position: center;
    background-size: cover;
}

    .vimeo-wrapper.image-banner {
        width: 100vw;
        height: 57vh;
        margin: auto;
        transform: scale(1);
        background-position: center;
        background-size: cover;
    }

.vimeo-wrapper iframe {
    width: 100vw;
}

@media only screen and (min-width:500px) {
    .vimeo-wrapper.image-banner, .feature-banner .slick-list, .feature-banner .slick-slide {
        height: calc(100vh - 240px);
    }

    .vimeo-wrapper iframe {
        width: 100%;
        height: calc(100vh - 240px);
    }

    .vimeo-wrapper {
        width: 100%;
        height: calc(100vh - 240px);
    }
}

/*500 - 590 for 800px height banners - if you go with 600px height you don't need this*/
@media (min-width:500px) {
    .vimeo-wrapper {
        transform: scale(2);
    }
}

@media only screen and (min-width:700px) {
    nav#main-nav {
        margin-top: 10px;
    }

    .feature-banner .slick-slider .slick-slide:before {
        content: '';
        display: block;
        position: absolute;
        bottom: 0;
        left: 0;
        background: rgb(51,51,51);
        background: -moz-linear-gradient(225deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.35) 75%, rgba(51,51,51,1) 100%);
        background: -webkit-linear-gradient(225deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.35) 75%, rgba(51,51,51,1) 100%);
        background: linear-gradient(225deg, rgba(51,51,51,0) 0%, rgba(51,51,51,0.35) 75%, rgba(51,51,51,1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#333333",endColorstr="#333333",GradientType=1);
        width: 100%;
        height: 100%;
        z-index: 1;
    }

    .feature-banner .slick-slider {
        z-index: 7;
    }

    .feature-banner .arrow {
        bottom: 0 !important;
        top: auto;
    }

    .descriptionBoxVideo {
        max-width: 600px;
        margin-left: 40px;
        background: transparent;
        z-index: 2;
    }
}

@media (min-width: 976px) {
    .vimeo-wrapper, .vimeo-wrapper.image-banner, .feature-banner .slick-list, .feature-banner .slick-slide, .vimeo-wrapper iframe {
        height: calc(100vh - 172px);
    }
}

@media (min-width: 1050px) {
    .vimeo-wrapper, .vimeo-wrapper.image-banner, .feature-banner .slick-list, .feature-banner .slick-slide, .vimeo-wrapper iframe {
        height: 70vh;
    }
}

@media (min-width: 1200px) {
    .descriptionBoxVideo {
        margin-left: 100px;
        margin-bottom: 50px;
    }
}

.featured-video {
    max-width: 800px;
    margin: 60px auto;
}


/**********************
/* 12L. Modal
/******************/
.modal {
    background-color: white;
    width: 600px;
    max-width: 100%;
}

.mfp-content {
    max-width: 700px;
}

.modal-content {
    padding: 20px;
}


.modal-body .btn {
    background-color: #58A145 !important;
    border-radius: 0px !important;
    color: white !important;
    border: none !important;
}

    .modal-body .btn:hover {
        background-color: #8fd07f !important;
    }


.modal-content {
    padding: 0px;
}

.modal-body {
    text-align: center;
    padding: 49px;
    font-size: 18px !important;
    width: 600px;
    max-width: 100%;
    /*height: 560px;*/
}

.modal-body a.btn::before {
    background-color: #8fd07f !important;
}


@media only screen and (min-width: 1000px) {
    .desktop-ad {
        display: block !important;

    }
    footer {
        padding-bottom: 120px !important;
    }
}


/*.story:nth-last-of-type(n+3) {
    max-width: 300px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    clear: none;
}
*/

.story {
    max-width: 300px;
    margin-left: 20px;
    margin-right: 20px;
    float: left;
    clear: none;
}