/*header{padding-bottom:1rem;}
.large-offset-1 {margin-left:5.33333% !important;}*/

.skip-to-main-content-link {
    position: absolute;
    left: -9999px;
    z-index: 999;
    padding: 1em;
    background-color: black;
    color: white;
    opacity: 0;
}

    .skip-to-main-content-link:focus {
        left: 50%;
        transform: translateX(-50%);
        opacity: 1;
    }

.anchor {
    display: block;
    position: relative;
    top: -150px;
    visibility: hidden;
}

.headernav {
    padding-top: .5rem;
    margin: 0;
    max-width: 100%;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.55);
    padding-bottom: .5rem;
}
/*.headernav nav {padding-top:3%;}*/
.topnavlist {
    padding-top: 1rem;
}

    .topnavlist li {
        padding-bottom: 0;
        height: 2.3rem;
        margin-left: 0;
    }

        .topnavlist li a {
            text-decoration: none;
        }

ul.topnav-list a {
    text-decoration: none;
}

.txtupper {
    text-transform: uppercase;
}

.government {
    color: #00536C;
}

.departments {
    color: #510043;
}

.community {
    color: #2A602B;
}

.businesses {
    color: #910035;
}

.fun {
    color: #883E02;
}

li.Government a {
    color: #696969;
    font-weight: bold;
}

    li.Government a:hover {
        border-bottom: 3px solid #00536C;
        color: #00536C;
    }

li.Departments a {
    color: #696969;
    font-weight: bold;
}

    li.Departments a:hover {
        border-bottom: 3px solid #510043;
        color: #510043;
    }

li.City a {
    color: #696969;
    font-weight: bold;
}

    li.City a:hover {
        border-bottom: 3px solid #ef4962;
        color: #ef4962;
    }

li.Community a {
    color: #696969;
    font-weight: bold;
}

    li.Community a:hover {
        border-bottom: 3px solid #2A602B;
        color: #2A602B;
    }

li.Businesses a {
    color: #696969;
    font-weight: bold;
}

    li.Businesses a:hover {
        border-bottom: 3px solid #910035;
        color: #910035;
    }

li.Fun a {
    color: #696969;
    font-weight: bold;
}

    li.Fun a:hover {
        border-bottom: 3px solid #883E02;
        color: #883E02;
    }

.breadcrumbs {
    margin-bottom: 0;
    border: none;
    background-color: transparent;
}

    .breadcrumbs li a {
        color: #696969;
        text-decoration: none;
    }

    .breadcrumbs li:nth-child(1) a:hover {
        border-bottom: 1px solid #00536C;
        color: #00536C
    }

    .breadcrumbs li:nth-child(2) a:hover {
        border-bottom: 1px solid #510043;
        color: #510043
    }

    .breadcrumbs li:nth-child(3) a:hover {
        border-bottom: 1px solid #ef4962;
        color: #ef4962
    }

    .breadcrumbs li:nth-child(4) a:hover {
        border-bottom: 1px solid #2A602B;
        color: #2A602B
    }

    .breadcrumbs li:nth-child(5) a:hover {
        border-bottom: 1px solid #510043;
        color: #510043
    }

    .breadcrumbs li:nth-child(6) a:hover {
        border-bottom: 1px solid #883E02;
        color: #883E02
    }

    .breadcrumbs li {
        font-size: 1.2rem;
        padding: 3px 0;
    }

.swanlogo {
    height: 80px;
}

.copyright {
    float: left;
    width: 100%;
}

.fixheight {
    height: 7rem;
    line-height: 7rem;
}

#socialIcons ul {
    margin-left: 0;
    margin-bottom: 0;
}

    #socialIcons ul li {
        display: inline;
        padding-right: .5rem;
    }

        #socialIcons ul li img {
            padding-bottom: .5rem;
        }

a.icoSocialHover {
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

    a.icoSocialHover:hover {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

        a.icoSocialHover:hover .icoSocialHover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        a.icoSocialHover:hover p {
            font-weight: bold;
        }

.searchSection {
    background-color: #00536C;
}

.site-search-image {
    width: 60%;
    margin: 0 auto;
    position: absolute;
    z-index: 6;
    left: 50%;
    top: 40%;
    border-radius: 0px 10px 10px 0px;
    -webkit-opacity: .85;
    -moz-opacity: .85;
    -ms-opacity: .85;
    opacity: .85;
}

div.site-search-image form {
    position: relative;
    left: -50%
}

#btnsearch {
    border-radius: 10px 0px 0px 10px;
    padding: .5rem;
    float: right;
    margin-right: -1px;
}

    #btnsearch:hover {
        background-color: #000;
    }

#btnsitesearch {
    width: 30px;
    background-color: #696969;
    padding: .5rem;
    margin-bottom: 0;
    float: right;
}


.searchBox {
   background-color: #f5f5f5;
   line-height:normal;
}

.searchForm {
    display: inline-flex;
    width: 80%;
    margin: 0 10%;
    padding-top: 30px
}


.btnSearch {
    border-left: solid 8px #d8d8d8;
    border-top: solid 8px #d8d8d8;
    border-bottom: solid 8px #d8d8d8;
}

.searchTxt {
    border-right: solid 8px #d8d8d8 !important;
    border-top: solid 8px #d8d8d8 !important;
    border-bottom: solid 8px #d8d8d8 !important;
}

#search_field {
    margin-bottom: 0;
    height: 64px;
    border-radius: 0px 10px 10px 0px;
    border: none;
    font-size: 1.5rem;
}

#search_field:focus {
    box-shadow: none;
    background: #fff;
}

.btnResults {
    height: 64px;
}

#sitesearch_field {
    width: 250px;
    float: right;
    margin-bottom: 0;
    height: 2.17rem;
    border: solid 1px rgba(0,0,0,0.1);
    font-size: 1rem;
}

#siteSearch {
    padding-right: 1.23rem;
}

section.standard-components div.row {
    max-width: 100%;
}

ul.orbit-slides-container {
    max-height: 400px
}

    ul.orbit-slides-container li img {
        width: 100%;
    }

    ul.orbit-slides-container a img {
        margin: 0 auto;
    }

.padleft {
    padding-left: 2rem;
}

.nopadleft {
    padding-left: 0;
}

.nopadright {
    padding-right: 0;
}

.mostvisited {
    margin-top: 1.5rem;
    padding-bottom: 2rem;
}

    .mostvisited, .mostvisited h1 {
        color: #696969;
        padding-bottom: 1rem;
    }

a.icoHover {
    color: #696969;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    text-decoration: none;
}

    a.icoHover:hover {
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }

        a.icoHover:hover .icoHover {
            -moz-transform: scale(1.2);
            -ms-transform: scale(1.2);
            -o-transform: scale(1.2);
            -webkit-transform: scale(1.2);
            transform: scale(1.2);
        }

        a.icoHover:hover p {
            font-weight: bold;
        }

    a.icoHover p {
        font-size: 1.2rem;
        text-decoration: none
    }

.icoMost {
    color: #696969;
    text-align: center;
    background-color: #696969;
    border-radius: 50%;
    min-height: 6.5rem;
    width: 6.5rem;
    padding: 1.2rem 0rem;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center center;
}

.mostvisited p {
    width: 60%;
    margin: 0 auto;
    text-align: center;
    padding-top: 1rem;
    line-height: 1;
}

    .mostvisited p.smalltext {
        width: 48%;
    }

    .mostvisited p.smallertext {
        width: 20%;
    }

.news, .news h3 {
    color: #510043 !important;
}

.events, .events h2, .events h3 {
    color: #00536C;
}

.news, .events {
    min-height: 15rem;
}

    .news ul, .events ul {
        margin-left: 0;
    }

.newsh2container {
    border-bottom: solid 1px #510043
}

.newsh2 {
    color: white !important;
    padding: 10px;
    border-right: 2rem solid transparent;
    border-bottom: 3rem solid #510043;
    display: inline-block;
    height: 0px;
    line-height: 4rem;
    margin-bottom: 0
}

.blogtitle {
    font-weight: bolder;
}

.bloghdr a {
    text-decoration: none;
}

.blogbox p {
    margin-bottom: .75rem;
    font-size: 1.5rem !important;
}

p.blogdate, .eventlocation {
    font-size: 1rem !important;
}

p.blogdate {
    color: #510043 !important;
}

.eventlocation {
    color: #717171;
}

.events ul {
    font-size: 1.5rem
}
/*.news ul li{list-style:none;border-radius: 0px; border-bottom-color: rgb(206, 206, 206);border-bottom-width: 1px;border-bottom-style: solid;}
.news ul li {color:black;list-style:none;background-color:#F2E0EE;margin:0 .25rem .75rem .25rem;padding:.75rem;border-radius:1rem;}*/
.news ul li a {
    color: black;
    text-decoration: none;
}

.news a {
    text-decoration: none;
}

.events ul li, .news ul li {
    list-style: none;
    margin: .5rem .25rem 1.2rem .25rem
}

ul.event-list a {
    text-decoration: none;
}

.eventsall a {
    text-decoration: none;
}

.title {
    font-size: 1.5rem !important
}

.eventsh2container {
    border-bottom: solid 1px #00536C;
    text-align: right;
}

.eventsh2 {
    color: white !important;
    padding: 10px;
    border-left: 2rem solid transparent;
    border-bottom: 3rem solid #00536C;
    display: inline-block;
    height: 0px;
    line-height: 4rem;
    margin-bottom: 0
}

.eventDetails {
    padding: 0 .5rem;
    background-color: rgba(185, 185, 185, 1);
    color: #fff;
    margin: 0;
}

.eventdate {
    color: #fff;
    list-style: none;
    background-color: #00536C;
    font-weight: bolder;
    padding: .75rem;
    border-radius: 1rem;
}

.eventcnt {
    color: #00536C;
    list-style: none;
    background-color: #E2F4FC;
    font-weight: bolder;
    padding: 1.9rem .75rem .75rem .75rem;
    border-radius: 1rem;
    text-transform: uppercase;
}

.tiles {
    color: #fff;
}
/*.tile{cursor:pointer;font-size:2.4rem;min-height:6rem;padding-top:1.5%}
.tile a{color:#fff;display:block;width:100%;}*/
.tile {
    cursor: pointer;
    font-size: 2.4rem;
    min-height: 6rem;
    padding-top: 1.5%;
    color: #fff !important;
    display: block;
    width: 100%;
}
/*.tilet a{color:#fff;display:block;width:100%;}*/
.tileupper {
    font-weight: bold;
    text-transform: uppercase;
}

.bgYellow {
    background-color: #AB8309;
}

.bgRed {
    background-color: #910035;
}

.bgPurple {
    background-color: #510043;
}

.bgBlue {
    background-color: #00536C;
}

.bgGreen {
    background-color: #2A602B;
}

.bgOrange {
    background-color: #883E02
}

.colFooter {
    background-color: #6d6e71;
    color: #fff;
    padding: .75rem 1rem 0 1rem;
    position: relative;
}
/*#footersocialIcons{min-height:7rem;}*/
#footersocialIcons ul {
    margin-left: 0;
    margin-bottom: 0;
}

    #footersocialIcons ul li {
        display: inline;
        padding-right: .5rem;
    }

        #footersocialIcons ul li img {
            padding-bottom: .5rem;
        }

.colFooter a {
    color: #fff;
    font-style: italic
}

    .colFooter a:hover {
        text-decoration: underline;
        color: #fff;
    }

div.subnavleft {
    background-color: rgba(105, 105, 105, 0.10);
    height: 100%;
    padding-top: 1.5rem;
}

    div.subnavleft ul {
        margin-bottom: 0;
    }

        div.subnavleft ul li {
            list-style: none;
            color: #696969;
            font-size: 1.2rem;
            padding: 8px 0;
            line-height: 20px;
            border-bottom: 1px solid #e2e2e2
        }

            div.subnavleft ul li a, div.subnavleft ul li a:hover {
                color: #696969;
                text-decoration: none
            }

                div.subnavleft ul li a:hover {
                    font-weight: bold;
                }

nav.footer ul {
    list-style: none;
}

    nav.footer ul li, nav.footer ul ul {
        display: inline;
    }
/*#top-link-block {position:fixed; bottom:-60px; right:0;padding:0;-webkit-opacity:0;-moz-opacity:0;-ms-opacity:0;opacity:0;-webkit-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;-moz-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;-ms-transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;transition:bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;}
#top-link-block.affix.show {bottom:0;-webkit-opacity:1;-moz-opacity:1;-ms-opacity:1;opacity:1;}*/
#top-link-block {
    position: fixed;
    bottom: -60;
    right: 0;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    -ms-opacity: 0;
    opacity: 0;
    -webkit-transition: bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    -moz-transition: bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    -ms-transition: bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
    transition: bottom 0.2s ease-in-out 0s, opacity 0.2s ease-in-out 0s;
}

    #top-link-block.affix.show {
        bottom: 0;
        -webkit-opacity: 1;
        -moz-opacity: 1;
        -ms-opacity: 1;
        opacity: 1;
    }

    #top-link-block a {
        display: block;
        width: 100%;
        font-size: 30px;
        padding: 1rem 2rem;
    }

.c1-bg {
    background-color: #609732 !important;
    background-color: rgba(96,151,50,1) !important;
}

.c5-text, .c5-text:hover, .c5-text:focus, .c5-text:active {
    color: #ffffff !important;
    color: rgba(255,255,255,1) !important;
}

.hvr-curl-bottom-left {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
}

    .hvr-curl-bottom-left:before {
        pointer-events: none;
        position: absolute;
        content: '';
        height: 0;
        width: 0;
        bottom: 0;
        left: 0;
        background: white;
        /* IE9 */
        background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
        box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: width, height;
        transition-property: width, height;
    }

    .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
        width: 50px;
        height: 50px;
    }

.box {
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    padding: 10px 25px;
    display: block;
    margin-top: 60px;
}

.box-icon {
    background-color: #569;
    border-radius: 50%;
    display: table;
    height: 100px;
    margin: 0 auto;
    width: 100px;
    margin-top: -61px;
    font-size: 3rem;
}

    .box-icon span {
        color: #fff;
        display: table-cell;
        text-align: center;
        vertical-align: middle;
    }

.info h4 {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.info .title {
    font-size: 26px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: black;
    margin-bottom: 0;
}

.info .contactname {
    font-size: 1.125rem;
    font-weight: 400;
    margin-top: 0.2rem;
    margin-bottom: 0.5rem;
}

.info p {
    color: #717171;
    font-size: 16px;
}

.info ul {
    list-style: none;
}

    .info ul li {
        display: inline;
        padding-right: 10px
    }
/*.info a {border-radius: 2px;box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);transition: all 0.5s ease 0s; }
.info a:hover {box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.16), 0 2px 5px 0 rgba(0, 0, 0, 0.12);transition: all 0.5s ease 0s; }*/
.info a p {
    color: #008CBA;
}

.fullwidth {
    width: 100%;
}

.fullwidthrow {
    max-width: 100%
}

h1 {
    color: #159ec7
}

h2 {
    color: #159ec7
}

h1.alt {
    color: #222222 !important
}

h2.alt {
    color: #222222
}

.umb-grid h2 {
    color: #3e6fb7
}

    .umb-grid h2.heading2 {
        color: #3e6fb7;
        font-size: 1.6875rem;
    }

.umb-grid h3 {
    color: #3e6fb7
}

.umb-grid iframe {
    width: 100%;
    min-height: 400px
}

.nomargleft {
    margin-left: 0 !important;
}

.post {
    height: 3rem;
}

    .post ul li a {
        padding: .5rem !important;
        color: #fff !important;
    }

.contactinfo {
    font-size: 1.5rem;
    margin-bottom: 0;
}

.contactAddress p {
    font-size: 1.25rem;
}

.socialpadding {
    padding: 5px;
    margin: .25rem 0;
}

.accordSpace {
    margin-bottom: 1rem !important;
}

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

ul.mobilenav li.accordion-navigation {
    padding: .6667rem 0 .6667rem 0;
}

ul.pageSocials {
    list-style: none;
    text-align: center;
}

    ul.pageSocials li {
        display: inline;
    }

.lgFontBlue {
    color: #3e6fb7;
    font-size: 1.6875rem !important;
}

.boldemp {
    font-weight: bold;
}

.italicemp {
    font-style: italic;
}

.fb_dialog_content iframe {
    right: 100px !important;
    bottom: 10px !important;
}

.fb-customerchat span iframe {
    right: 125px !important;
    bottom: 61px !important;
}

.blueButton a {
    display: block;
    border-left-color: #00536C;
    color: #000;
    text-decoration: none;
    padding: .5rem;
    background-color: rgb(245, 245, 245);
    border-left-width: 1rem;
    border-left-style: solid;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    margin: .5rem
}

.purpleButton a {
    display: block;
    border-left-color: #510043;
    color: #000;
    text-decoration: none;
    padding: .5rem;
    background-color: rgb(245, 245, 245);
    border-left-width: 1rem;
    border-left-style: solid;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    margin: .5rem
}

.greenButton a {
    display: block;
    border-left-color: #2A602B;
    color: #000;
    text-decoration: none;
    padding: .5rem;
    background-color: rgb(245, 245, 245);
    border-left-width: 1rem;
    border-left-style: solid;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    margin: .5rem
}

.redButton a {
    display: block;
    border-left-color: #910035;
    color: #000;
    text-decoration: none;
    padding: .5rem;
    background-color: rgb(245, 245, 245);
    border-left-width: 1rem;
    border-left-style: solid;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    margin: .5rem
}

.yellowButton a {
    display: block;
    border-left-color: #883E02;
    color: #000;
    text-decoration: none;
    padding: .5rem;
    background-color: rgb(245, 245, 245);
    border-left-width: 1rem;
    border-left-style: solid;
    box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
    margin: .5rem
}

.gcs.gcs_results {
    padding-top: 25px;
}

.gcs__result__row {
    box-shadow: rgba(51, 51, 51, 0.7) 0px 0px 5px 0px;
    padding: .5rem;
    background-color: rgb(245, 245, 245);
    overflow: hidden;
    margin-bottom: 20px
}

p.gcs__result__text {
    display: none;
}

.iframe-container {
    overflow: hidden;
    padding-top: 103%;
    position: relative;
}

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

/* 4x3 Aspect Ratio */
.iframe-container-4x3 {
    padding-top: 75%;
}

.programDays { /*border-radius:50%;*/
    background-position: center center;
    padding: 3px 0;
    margin: -6px;
    text-align: center;
}

.programActive {
    background-color: #2A602B;
    color: #fff;
}

.programInActive {
    background-color: #e7e7e7;
    color: #000000ac;
}


.tab-bar-section a {
    text-decoration: none;
}

section#mastertiles a {
    text-decoration: none;
}

#mobilenav {
    display: none;
}

/*// Small screens*/
/* Define mobile styles */
@media only screen {
}

/* max-width 640px, mobile-only styles, use when QAing mobile issues */
@media only screen and (max-width: 40em) {
    #socialIcons ul li img {
        padding-bottom: .5rem;
        width: 10%;
    }

    #footersocialIcons ul li img {
        padding-bottom: .5rem;
        width: 10%;
    }

    .form-group {
        margin: 0px auto !important;
        width: 100%;
    }

    header {
        position: relative !important;
    }

    .headernav {
        padding: 0;
    }

    .headernavsearch {
        height: 7rem;
    }

    .tile {
        font-size: 1.5rem;
        min-height: 3rem;
        padding-top: .3rem;
    }

    .hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
        width: 30px;
        height: 30px;
    }

    #top-link-block.affix.show {
        width: 100%;
        text-align: center;
        padding: 0
    }

    #top-link-block a {
        width: 100%;
        font-size: 30px;
        padding: 0 2rem;
    }

    .bottomLogo {
        padding-bottom: 2rem;
    }

    .breadcrumbs > * {
        line-height: 1rem;
    }

        .breadcrumbs > *::before {
            margin-left: .30rem;
            margin-right: .30rem;
        }

    .event-list > li > .info, .search-list > li > .info {
        padding-top: 5px;
        text-align: center;
    }

    .navtopmarginpad {
        margin-top: 0 !important;
    }

    #sitesearch_field {
        width: 90%;
    }

    #search_field {
        height: 54px;
        font-size: 1rem;
    }

    #btnsitesearch {
        width: 10%;
    }

.btnResults{
    height:54px;
}


    .colFooter {
        margin-bottom: 1rem;
    }

    a.icoHover p {
        font-size: .7rem;
        margin: 0;
    }

    .icoMost {
        padding: 1.2rem 0px;
        width: 3rem;
        min-height: 3rem;
        background-image: none;
        background-size: 25px;
    }

    .mostvisited {
        margin-top: 0;
    }

        .mostvisited p {
            width: 100%;
        }

    [class*="block-grid-"] > li {
        padding: 0 0 1.25rem
    }

    .show-for-small-only {
        display: inline !important;
    }

    .news .title {
        font-size: 1rem !important;
    }

    .event-list > li time > .month {
        font-size: 1rem !important;
    }

    .event-list > li time > .day {
        font-size: 2rem !important;
    }

    #btnsearch {
        padding: .2em .3rem
    }

        #btnsearch i.fa-2x {
            font-size: 1rem !important;
        }

    nav .inner ul {
        list-style: none;
        margin: 0;
    }

    ul.off-canvas-list li a {
        border: none;
        text-decoration: none;
    }

    ul.off-canvas-list li {
        border-bottom: 1px solid #262626
    }

    .programDays { /*border-radius:50%;*/
        background-position: center center;
        padding: 9px 0 0 0;
        text-align: center;
        width: 45px;
        height: 45px
    }

    #mobilenav {
        display: block;
    }
}

/*// Medium screens*/
/* min-width 641px, medium screens */
@media only screen and (min-width: 40.063em) {
    .tile {
        font-size: 1.2rem;
        padding-top: 2rem;
    }

    #socialIcons ul li img {
        padding-bottom: .5rem;
        max-width: 30px;
    }

    #footersocialIcons ul li img {
        padding-bottom: .5rem;
        max-width: 59px;
    }
}

/* min-width 641px and max-width 1024px, use when QAing tablet-only issues */
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
}

/*// Large screens*/
/* min-width 1025px, large screens */
@media only screen and (min-width: 64.063em) {
}

/* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */
@media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .topnavlist {
        font-size: 1.3rem;
    }

    .tile {
        font-size: 1.7rem;
    }
}

/*// XLarge screens*/
/* min-width 1441px, xlarge screens */
@media only screen and (min-width: 90.063em) {
    .tile {
        font-size: 2rem;
    }

    .topnavlist {
        font-size: 1.3rem;
    }
}

/* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
    .tile {
        font-size: 2rem;
    }
}

/*// XXLarge screens*/
/* min-width 1921px, xxlarge screens */
@media only screen and (min-width: 120.063em) {
    .tile {
        font-size: 2rem;
    }
}


/*css animations*/


.event-list, .search-list, .news-list, .topnav-list {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

    .news-list > li > .info, .event-list > li > .info {
        height: 117px;
    }

    .news-list > li > a > .info, .event-list > li > .info {
        height: 117px;
    }

    .news-list > li > a > .info, .event-list > li > a > .info {
        height: 117px;
    }

        .news-list > li > a > .info > .title, .event-list > li > a > .info > .title {
            color: #000000
        }

    .event-list > li, .search-list > li, .news-list > li, .topnav-list > li > .info {
        background-color: rgb(255, 255, 255);
        box-shadow: 0px 0px 5px rgb(51, 51, 51);
        box-shadow: 0px 0px 5px rgba(51, 51, 51, 0.7);
        padding: 0px;
        margin: 0px 0px 20px;
    }

        .event-list > li > a > time {
            display: inline-block;
            width: 100%;
            color: rgb(255, 255, 255);
            background-color: #00536C;
            padding: 5px;
            text-align: center;
            text-transform: uppercase;
        }

            .event-list > li > a > time > span {
                display: none;
            }

            .event-list > li > a > time > .day {
                display: block;
                font-size: 56pt;
                font-weight: 100;
                line-height: 1;
            }

        .event-list > li > a time > .month {
            display: block;
            font-size: 24pt;
            font-weight: 900;
            line-height: 1;
        }

        .event-list > li > img {
            width: 100%;
        }

        .event-list > li > a > .info, .search-list > li > .info, .news-list > li > a > .info, .topnav-list > li > .info {
            padding: .5rem;
            background-color: rgb(245, 245, 245);
            overflow: hidden;
        }

            .event-list > li > a > .info > .title {
                font-size: 1.2rem;
                font-weight: 400;
            }

            .event-list > li > a > .info > .desc {
                font-size: 13pt;
                font-weight: 300;
                margin: 0px;
            }

            .event-list > li > a > .info > ul, .event-list > li > .social > ul {
                display: table;
                list-style: none;
                margin: 10px 0px 0px;
                padding: 0px;
                width: 100%;
                text-align: center;
            }

        .event-list > li > .social > ul {
            margin: 0px;
        }

            .event-list > li > a > .info > ul > li,
            .event-list > li > .social > ul > li {
                display: table-cell;
                cursor: pointer;
                color: rgb(30, 30, 30);
                font-size: 11pt;
                font-weight: 300;
                padding: 3px 0px;
            }

                .event-list > li > a > .info > ul > li > a {
                    display: block;
                    width: 100%;
                    color: rgb(30, 30, 30);
                    text-decoration: none;
                }

            .event-list > li > .social > ul > li {
                padding: 0px;
            }

                .event-list > li > .social > ul > li > a {
                    padding: 3px 0px;
                }

                .event-list > li > a > .info > ul > li:hover,
                .event-list > li > .social > ul > li:hover {
                    color: rgb(30, 30, 30);
                    background-color: rgb(200, 200, 200);
                }

@media (min-width: 768px) {
    .event-list > li {
        position: relative;
        display: block;
        width: 100%;
        height: 117px;
        padding: 0px;
    }

        .event-list > li > a > time, .event-list > li > img {
            display: inline-block;
        }

        .event-list > li > a > time, .event-list > li > img {
            width: 120px;
            float: left;
        }

        .event-list > li > a > time, .event-list > li > img {
            width: 120px;
            height: 117px;
            padding: 0px;
            margin: 0px;
        }

        .event-list > li > a > .info {
            position: relative;
            height: 117px;
            text-align: left;
            padding-right: 40px;
        }
            /*.event-list > li > .info > .title, .event-list > li > .info > .desc {}*/
            .event-list > li > a > .info > ul {
                position: absolute;
                left: 0px;
                bottom: 0px;
            }

        .event-list > li > .social {
            position: absolute;
            top: 0px;
            right: 0px;
            display: block;
            width: 40px;
        }

            .event-list > li > .social > ul {
                border-left: 1px solid rgb(230, 230, 230);
            }

                .event-list > li > .social > ul > li {
                    display: block;
                    padding: 0px;
                }

                    .event-list > li > .social > ul > li > a {
                        display: block;
                        width: 40px;
                        padding: 10px 0px 9px;
                    }
}


div.listing h4 {
    margin: 0;
    padding: .5rem;
    color: #fff;
    background-color: #00536C;
}

.topnavlistborder {
    border-left-width: 1.5rem;
    border-left-style: solid;
}

.government {
    border-left-color: #00536C;
}

.topnav-list h3 {
    color: #000
}

.topnav-list > li > .government:hover, .topnav-list > li > .government:hover * h3.government {
    background-color: #00536C !important;
    color: #fff;
}

.departments {
    border-left-color: #510043;
}

.topnav-list > li > .departments:hover, .topnav-list > li > .departments:hover * h3.departments {
    background-color: #510043 !important;
    color: #fff;
}

.community {
    border-left-color: #2A602B;
}

.topnav-list > li > .community:hover, .topnav-list > li > .community:hover * h3.community {
    background-color: #2A602B !important;
    color: #fff;
}

.businesses {
    border-left-color: #910035;
}

.topnav-list > li > .businesses:hover, .topnav-list > li > .businesses:hover * h3.businesses {
    background-color: #910035 !important;
    color: #fff;
}

.fun {
    border-left-color: #883E02;
}

.topnav-list > li > .fun:hover, .topnav-list > li > .fun:hover * h3.fun {
    background-color: #883E02 !important;
    color: #fff;
}

/*	----------------------------------------------------------------------------------------------------
	2.0 HEADER
	---------------------------------------------------------------------------------------------------- */

header {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    width: 100%;
    /*min-height:90px;*/
    z-index: 500;
    overflow: visible;
    background-color: #ffffff;
    background-color: rgba(255,255,255,.95);
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    box-shadow: 0 1px 0 rgba(0,0,0,0.1);
    -webkit-transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
    -moz-transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
    -ms-transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
    transition: background-color 0.3s ease-in-out 0s, height 0.3s ease-in-out 0s, top 0.3s ease-in-out 0s, bottom 0.3s ease-in-out 0s, box-shadow 0.3s ease-in-out 0s;
}

html.reveal-out header {
    bottom: 0;
    height: 100%;
    max-height: 100%;
    overflow: auto;
    padding: 90px 0 20px;
}

html.nav-up header {
    top: -95px;
}

html.nav-down header {
    top: 0;
}



html.nav-down.reached-top header {
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
    -moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
    -ms-box-shadow: 0 1px 0 rgba(0,0,0,0);
    box-shadow: 0 1px 0 rgba(0,0,0,0);
}

html.reveal-out header, html.nav-down.reached-top.reveal-out header {
    background-color: #181818;
    background-color: rgba(24,24,24,1);
}


@media (min-width:768px) {
    header {
        -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0);
        -moz-box-shadow: 0 1px 0 rgba(0,0,0,0);
        -ms-box-shadow: 0 1px 0 rgba(0,0,0,0);
        box-shadow: 0 1px 0 rgba(0,0,0,0);
    }

    html.reveal-out header {
        padding: 0;
        overflow: visible;
        bottom: auto;
    }

    header .container {
        position: relative;
    }

    header #logo {
        top: 20px;
    }
}

.navtopmarginpad {
    margin-top: 10.5rem
}

nav.sitemap {
    overflow: hidden;
    height: 100%;
    position: relative;
}

    nav.sitemap ul {
        margin: 0;
        padding: 0 0 8px;
    }

        nav.sitemap ul li {
            display: block;
            padding: 0;
            margin: 0;
            background: url('/images/bg/sitemap-line.png') no-repeat left -31px;
        }

        nav.sitemap ul ul {
            margin-left: 16px;
        }

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.accordsubli, .accordexpand {
    color: #696969 !important;
    background: none !important;
    display: inline !important;
    font-size: 1.2rem !important;
    padding: 0 !important;
}

.accordsublimobile, .accordexpandmobile {
    color: rgba(255, 255, 255, 0.7) !important;
    background: none !important;
    display: inline !important;
    font-size: 1rem !important;
}

.accordexpandmobile {
    padding: 0px !important;
}



.accordsubcontent {
    background: none !important;
    padding: 0px !important;
}

.accordsubcontentmobile ul {
    list-style: none;
    margin-left: 0;
}

    .accordsubcontentmobile ul li {
        border: none;
    }

        .accordsubcontentmobile ul li a {
            padding-left: 1.25rem;
        }

li a.accordexpand i:first-child {
    display: inline-block;
}

li a.accordexpand i:last-child {
    display: none;
}

li.active a.accordexpand i:first-child {
    display: none;
}

li.active a.accordexpand i:last-child {
    display: inline-block;
}

li a.accordexpandmobile i:first-child {
    display: inline-block;
}

li a.accordexpandmobile i:last-child {
    display: none;
}

li.active a.accordexpandmobile i:first-child {
    display: none;
}

li.active a.accordexpandmobile i:last-child {
    display: inline-block;
}

li a.accordexpand span:first-child {
    display: inline-block;
}

li a.accordexpand span:last-child {
    display: none;
}

li.active a.accordexpand span:first-child {
    display: none;
}

li.active a.accordexpand span:last-child {
    display: inline-block;
}

li a.accordexpandmobile span:first-child {
    display: inline-block;
}

li a.accordexpandmobile span:last-child {
    display: none;
}

li.active a.accordexpandmobile span:first-child {
    display: none;
}

li.active a.accordexpandmobile span:last-child {
    display: inline-block;
}


.accordion .accordion-navigation .content.leftaccordnav {
    display: block;
    max-height: 0;
    overflow: hidden;
    transition: ease-out .5s all;
}

.accordion .accordion-navigation .leftaccordnav.active {
    max-height: 300px;
    transition: ease 2s all;
}

.article-card {
    border: 1px solid #d7d7d7;
    margin-bottom: 1.5rem;
    box-shadow: 2px 4px 5px 0px #d7d7d7;
    overflow-wrap:break-word;
}

    .article-card .card-content {
        background: #fff;
        margin: 1.25rem;
    }

        .article-card .card-content .post-author {
            text-align: center;
        }

        .article-card .card-content .cardred {
            font-size: 1.4375rem;
            color: #CF000F;
        }

        .article-card .card-content p {
            color: #707870;
        }

        .article-card .card-content a i {
            font-weight: 300;
            color: #707870;
            margin: 0 .5rem;
            padding: 5px 7px 5px 7px;
            border: 1px solid #707870;
            border-radius: 50%;
        }

        .article-card .card-content img.post-icon {
            position: absolute;
            width: 3rem;
            border-radius: 50%;
            margin-top: -3rem;
        }

    .article-card a img, .article-card img {
        width: 100%;
    }

.cardtitle {
    line-height: 1;
}

a.cardred {
    text-decoration: none;
}

.imageRight img {
    float: right;
    vertical-align: middle;
    margin: 4px;
}

.imageLeft img {
    float: left;
    vertical-align: middle;
    margin: 4px;
}

.newsimagefloat {
    float: left;
    vertical-align: middle;
    margin: 10px;
}

.goodread {
    background-image: url("../../Content/images/icogoodreads.png");
    height: 25px;
    width: 25px;
    background-repeat: no-repeat;
    background-position: center center;
    padding-top: 28px;
}

.newsUL {
    overflow: hidden;
    padding-left: 1.1rem;
}

.selected {
    color: #00536C !important;
    font-weight: bold;
}
/*ul {list-style-position:inside;}*/
table {
    table-layout: fixed
}

.no-height {
    min-height: auto !important;
}

/* The Overlay (background) */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 95px;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(0,0,0, 0.9); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.5s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
}

/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    top: 6%; /* 25% from the top */
    width: 100%; /* 100% width */
    /*text-align: center;*/ /* Centered text/links */
    /*margin-top: 30px;*/ /* 30px top margin to avoid conflict with the close button on smaller screens */
}

/* The navigation links inside the overlay */
.overlay a {
    padding: 0 0 8px 0;
    text-decoration: none;
    font-size: 1.2rem;
    color: #fff;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

    /* When you mouse over the navigation links, change their color */
    .overlay a:hover, .overlay a:focus {
        color: #00536C;
    }

.openbtn {
    padding: 10px !important;
    position: absolute;
    top: -15px;
}

/* Position the close button (top right corner) */
.overlay .closebtn {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 60px;
}

.overlay-content ul {
    list-style: none;
}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
    .overlay a {
        font-size: 20px
    }

    .overlay .closebtn {
        font-size: 40px;
        top: 15px;
        right: 35px;
    }
}

div.ham {
    width: 35px;
    height: 5px;
    background-color: #fff;
    margin: 6px 0;
}