/*
    City of Vancouver Web Stylesheet
    Latest update 20140710 (prev production 20140606)
*/
/* Standardize all font sizes at the beginning */
html, body, form, fieldset {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
    margin-bottom: 1px; /* avoid jumping scrollbars */
}

body {
    /* font-size: 81.25%; */
    /* 62.5%=10px ... 68.75%=11px 75%=12px  81.25%=13px  87.5%=14px*/
    height: 100%;
    font-size: 16px;
    -webkit-text-size-adjust: 100%;
}
/*reset.css*/ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

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

fieldset, img {
    border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal;
}

ol, ul {
    list-style: none;
}

caption, th {
    text-align: left;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 500;
}

q:before, q:after {
    content: '';
}

abbr, acronym {
    border: 0;
}
/*fonts.css*/
/*
table {
    font-size: inherit;
}*/

select, input, textarea, button {
    font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif;
    font-size: 1em;
}

/*
pre, code {
    font: 115% monospace;
    font-size: 1em;
}*/

body * {
    line-height: 1.45;
}

/* Body */
:focus {
    outline: 0;
}

/* Headings */
h1, .display-1 {
    font-size: 1.75em;
}

h2, .display-2 {
    font-size: 1.44em;
}

h3, .display-3 {
    font-size: 1.25em;
}

h4, .display-4 {
    font-size: 1.13em;
}

h5, h6, h7, .display-5, .display-6, .display-7 {
    font-size: 1em;
}

/* Paragraph Text */
p, pre, .modContainer .display-standard {
    margin: 0 0 20px 0;
    line-height: 1.45;
}
/* Style headings as paragraphs */

.modContainer .display-standard {
    font-size: 1em;
}

/* Lists - JC 2018-11-26 - clean up css and standardize spacing */

/* Start of temporary css - will need to remove this css after fixing box module padding - JC - 2018-11-26 */

.contentWide .basicBox > ol:first-child, .contentWide .basicBox > ul:first-child {
    margin-top: 20px;
}

/* End of temporary css */

/* font face testing KL 2017-05-15 */
/* li {padding-left:0;padding-bottom:.3em;} */

li {
    padding-left: 0;
    padding-bottom: .5em;
}

    li:last-child {
        padding-bottom: 0;
    }

ol, ul, ol ol, ul ul {
    list-style-position: outside;
}

ol, ul {
    margin: 0 0 20px 2em;
}

    ol ol, ul ul, ol ul, ul ol {
        margin: .5em 0 0 2em;
    }

    ol, ol ol {
        list-style-type: decimal;
    }

    ul, ul ul {
        list-style-type: disc;
    }

li > ul > li:last-child, li > ol > li:last-child {
    padding-bottom: 0;
}

/* bullet list inside of table - fix top margin JC 2018-08-23 */

td > ul {
    margin-top: 4px;
}

/* lists in PD */

ul.pdSet li ul, ul.pdSet li ol {
    margin: 0 0 20px 2em;
}

ul.pdSet li > ul, ul.pdSet li > ol {
    margin: .5em 0 0 2em;
}

/* lists inside PD summary */

.pdSet .pdSummary li > ul > li:last-child, .pdSet .pdSummary li > ol > li:last-child {
    padding-bottom: 0;
}

/* End of lists */

dl {
}

dt {
    margin: .5em 0 .25em 0;
    font-weight: bold;
}

dd {
    padding: 0 0 .25em 1em;
}


/* Block Level Type Styles */ blockquote {
    margin: 1em 2em 1em 1em;
}

address {
    margin: .25em 0 1em 0;
    line-height: 1.4em;
}

del {
}

ins {
}

pre {
}
/* Inline Type Styles */ abbr, acronym {
    border-bottom: 1px dotted #333;
    cursor: help;
}

strong {
    font-weight: 500;
}

em, dfn, cite {
    font-style: italic;
}
/* Tables */ table {
    margin: 5px 0 20px 0;
}

tr {
}

th, td {
    padding: 0 .15em 0 .15em;
}

th {
    font-weight: bold;
}

caption {
    font-style: italic;
}
/* Forms */ form {
    margin: .25em 0 1em 0;
}

label {
    display: block;
}

fieldset {
    border: 1px solid #ccc;
    padding: .5em 1em;
    margin: .25em 0 1em 0;
}

legend {
    font-weight: bold;
    color: #444;
}
/*jc - 2020-10-13 - table border fix for apps 

div.form-group .ajax__combobox_textboxcontainer, 
div.form-group .ajax__combobox_buttoncontainer {
    border: none;
}
*/

/* Clearing */ .clear {
    clear: both;
}
/*
    City of Vancouver Layout Styles
    Sections
      -OLD 20150622 Green Vancouver | Page ID #4 | class .s5E53ECCF5AC443878F82677BA9E10A08
      Green Vancouver | Page ID #26621 | class .s66ED949F063F4F5186AA9B8C51ECF602
      Your Government | Page ID #46 | class .s5785640C8B3C4775A3C50AC844695609
      -OLD 20150622 Name change from "News, Calendar" to "About Vancouver"
      About Vancouver | Page ID #47 | class .s40817C78182C4DF6A38920F36FFA0369
      Parks, Recreation, and Culture | Page ID #48 | class .s3D48BA295D9A4E8FAE0F95755D65318D
      Home, Property, and Development | Page ID #45 | class .s95C37A60D9EF4577B6E4DAFDE81CD315
      People and Programs | Page ID #70 | class .sC2B4C2DC13D8429385393D092BE31D4A
      Streets and Transportation | Page ID #71 | class .sC2B4C2DC13D8429385393D092BE31D4A
      Doing Business | Page ID #72 | class .s83B05EAE7905419981E4FC0BE75FA7D8
*/
/* global */
body {
    font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif;
}

body {
    color: #444444;
}

h1, h2, h3 {
    font-weight: 500;
    margin: 0px 0 20px 0;
}

h4, h5, h6, h7 {
    font-weight: 500;
    margin: 0px 0 20px 0;
}

.imgallpadding > h2:first-child {
    margin: 20px 0 15px 0;
}

.global-cov-contact {
    text-align: center;
    margin-top: 8px;
    color: #0279B1;
    line-height: 1em;
}

/* default size for all text */
/* 
.menu,
.covPopTarget,
#cbox-title,
#leftRail,
#contentContainer,
#rightRail,
#homeContent,
#neighbourhoodsDropDown,
#search {
    font-size: 1.2em;
}
*/

.menu {
    font-size: 0.8em;
}

/*
#rightRail,
#homeContent {
    font-size: 1rem;
}
*/

/*
.lastModified {
    font-size: 1.12em;
    color: #444444;
}
*/

/*
.listItem h3,
.googleSearch h3,
.googleNews h3,
.googleEvents h3 {
    font-size: 1em;
}
*/


/* margins around headings in text blocks */
.basicBox h1,
.basicBox h2,
.basicBox h3,
.basicBox h4,
.basicBox h5,
.basicBox h6 {
    margin-left: 12px;
    margin-right: 12px;
    margin-top: 20px;
}

/* Removed this to fix font size inconsistencies | JC 2018-08-01 */
/* .content .modContainer .basicBox > p, .content .modContainer .imageList {
    font-size: 0.875rem;
} */
/* Removed this to fix font size inconsistencies | JC 2018-08-01 */
/* .content .modContainer .basicBox ul .basicBox ol{
    font-size: 0.875rem;
} */

/* list handlers */
.basicBox ul, .basicBox ol {
    margin-left: 2em;
    margin-right: 1em;
}
/* smart edit information pane */
#smartedit-info {
    font-size: 1.3em;
}

/* end */
h1 {
    margin: 0 0 15px;
}
/* module headings */
a {
    text-decoration: none;
    color: #0279B1;
}

    a:hover {
        text-decoration: underline;
    }

    a:visited {
        color: #8C53CA;
    }

.left, img[style*='left'] {
    float: left;
    margin: 0 1.2em 1em 0;
}

ul.left {
    float: left;
    margin: 0.6em 1.2em 1em 1.5em;
}

.right, img[style*='right'] {
    float: right;
    margin: 0 0 1em 1.2em;
}

.center, img[style*='center'] {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.rounded-corners {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

.rounded-corners-top {
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;
    -khtml-border-radius: 3px 3px 0px 0px;
}
/* backgrounds */
body {
    /*background: url(/images/cov/backgrounds/skyline_bkgd_blue.jpg) top center fixed no-repeat; */
    padding: 0;
    margin: 0;
    background-color: #F2F2F2;
}

/* site structure */
#doc {
    width: 980px;
    position: relative;
    height: auto;
    margin: 0 auto;
    background: #FFFFFF;
    /*background: #fff; -moz-box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.5); -webkit-box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.5); box-shadow: 3px 3px 3px 2px rgba(100, 100, 100, 0.5); */
    width: 1366px;
}

body {
    overflow-x: hidden;
}

#doc2 {
    padding: 12px 0 0 0;
    background: #fff;
    width: 1000px;
    margin: 0 auto;
}

.ieShadow {
    display: none;
}
/* homepage */
/* html5 services links box - BC09052019 */
.home .display-3 {
    font-size: 1.25rem;
}

.featureLinksBoxSetWrapper {
    padding: 60px 203px;
    margin: 0px -203px 0px -203px;
    z-index: -1;
    width: auto;
    background-size: cover;
}

.sectionSetWrapper {
    padding: 0px 203px;
    margin: 0px -203px;
    z-index: -1;
}

div#sectionSetWrapper49367.sectionSetWrapper.lazy h2 {
    color: #fff;
}

@media (min-width: 769px) {
    div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a, div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:visited {
        color: #fff;
        border: 3px solid transparent;
    }

        div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:active,
        div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:focus {
            color: #015982;
            border: 3px solid #f5a623;
            background-color: transparent;
            outline: 0;
        }

        div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:hover {
            color: #015982;
        }
}


#header {
    background: #fff;
    height: 150px;
    margin-left: 20px;
    margin-right: 20px;
}

#doc2 > nav {
    margin-left: 20px;
    margin-right: 20px;
}

#header #logo img {
    display: block;
}

a#logo {
    float: left;
    margin-bottom: 20px;
}

.lnkDropdown, a#eventsDropDown, a#initiativesDropDown {
    background: url(/images/cov/ui/lnkDropdown.png) right 5px no-repeat;
    padding-right: 20px;
    color: #5d79a1;
    text-decoration: none;
}

a.lnkArrowRight {
    clear: both;
    background: url(/images/cov/ui/arrowRight.png) right 2px no-repeat;
    padding-right: 20px;
    /* color: #0279B1; */
    display: block;
    float: right;
    text-align: right;
    margin: 8px;
}

/*
#footer {padding: 6px 15px; background: #333; color: #fff;height:13px;font-size:1.1em;clear:both;}
#footer a {color: #fff; }
*/
.footer {
    padding: 6px 15px;
    background: #fff;
    color: #524641;
    height: 13px;
    clear: both;
}

footer address {
    margin: 0;
}

.footer a {
    color: #524641;
    padding-right: 0.3em;
    padding-left: 0.3em;
}

.footer p {
    margin: 0.5em 0 0.8em 0;
}

.footerTop .left, .footerTop .right, .footerBottom .left, .footerBottom .right {
    margin-bottom: 0px !important;
}

.footerTop {
    border-top: 1px solid #cccccc;
}

/* Fixing footer icon spacing after upgrading to font awesome v. 5.5 - JC - 2018-11-29 */
#footer .fa-stack {
    width: 1.7em;
}

#destinations {
    width: 155px;
}
/* secondary landing & content pages */
#contentContainer {
    position: relative;
    width: 550px;
    float: left;
    margin-bottom: 25px;
    padding: 0;
    overflow: hidden;
    letter-spacing: 0.01em;
}

#content {
    padding: 0 20px 0 10px;
    clear: both;
}

#shareThis {
    position: absolute;
    top: 0px;
    right: 17px;
}

/*
#contentContainer img#landingBanner {border-top: 5px solid #0279B1;}

#contentContainer img#feature {border-top: 5px solid #0279B1;}

#contentContainer iframe#featurevid {
    border-top: 5px solid #0279B1;
}
*/
/* Start add extra css for landing banner icons */
.landingBanner-group {
    position: relative;
    width: 100%; /* for IE 6 */
}

    .landingBanner-group + h1 {
        clear: both;
    }

.landingBanner-caption span img {
    margin-top: 0;
    margin-bottom: -2.5%;
}

@media (max-width: 980px) {

    .landingBanner-caption span img {
        width: 6%;
        margin-bottom: -2%;
    }
}

@media screen and (max-width: 980px) and (max-width: 480px) {

    .landingBanner-caption span img {
        width: 6%;
        margin-bottom: -1.5%;
    }
}
/* End add extra css for landing banner icons */

/* homepage slideshow */
#homeSlideshow {
    position: relative;
    background: #ccc;
    height: 331px;
    width: 735px;
    margin-bottom: 7px;
    overflow: hidden;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
}

    #homeSlideshow #bottomBar {
        position: absolute;
        z-index: 110;
        width: 735px;
        height: 32px;
        bottom: 0px;
        left: 0px;
        overflow: hidden;
    }

        #homeSlideshow #bottomBar #background {
            position: absolute;
            left: 0px;
            bottom: 0;
            background: #F1F0EB;
            opacity: 0.9;
            width: 100%;
            height: 100%;
            filter: alpha(opacity=90);
        }

        #homeSlideshow #bottomBar p a {
            color: #5D79A1;
        }

        #homeSlideshow #bottomBar #nav {
            float: right;
            position: absolute;
            margin-right: 7px;
            top: 8px;
            right: 0px;
        }

            #homeSlideshow #bottomBar #nav a {
                margin-right: 4px;
            }

.crossFadeImg {
    position: absolute;
    top: 0px;
    left: 0px;
    filter: alpha(opacity=0);
    opacity: 0;
}

#holder1 {
    z-index: 1;
}

#holder2 {
    z-index: 2;
}
/* home page cta - top right corner */
.cta {
    background-image: url('/images/cov/backgrounds/cta-background.png');
    background-repeat: no-repeat;
    width: 185px;
    height: 330px;
}

p.cta-heading {
    margin: 0 12px 15px;
    border-bottom: 2px #c2e7f3 solid;
}

    p.cta-heading span {
        color: #0081C6;
        text-align: left;
        line-height: 1.3em;
        margin: 0 0 10px 0;
        font-weight: normal;
        display: block;
        padding-top: 18px;
        padding-left: 9px;
        text-shadow: 1px 1px 0px #E9E9E9;
    }

.cta hr {
    display: none;
    visibility: hidden;
}

.cta ul {
    list-style-type: none;
    margin: 0 0 0 1.2em;
}

.cta li {
    overflow: visible;
}

    .cta li a {
        color: #666;
        display: block;
        margin-left: 0;
        padding: 0 0 1.2em;
    }

        .cta li a:hover {
            color: #0081C6;
        }
        /*anchor text*/
        .cta li a div {
            display: inline-block;
            margin: 0;
            padding-left: 68px;
            padding-top: 14px;
            text-decoration: none;
            text-shadow: 1px 1px 0px #E9E9E9;
        }
        /*rollover states*/
        .cta li a.mouse {
            background-position: 0 0;
        }

            .cta li a.mouse:hover {
                background-position: 0 -110px;
            }

        .cta li a.phone {
            background-position: 0 -220px
        }

            .cta li a.phone:hover {
                background-position: 0 -330px
            }

        .cta li a.door {
            background-position: 0 -440px;
        }

            .cta li a.door:hover {
                background-position: 0 -550px;
            }


        /* hide old implementation */
        .cta li a.mouse {
            background: url('/images/cov/icons/icon_mouse.png') no-repeat 0 0;
        }

            .cta li a.mouse:hover {
                background: url('/images/cov/icons/icon_mouse-hover.png') no-repeat 0 0;
            }

        .cta li a.phone {
            background: url('/images/cov/icons/icon_phone.png') no-repeat 0 0;
        }

            .cta li a.phone:hover {
                background: url('/images/cov/icons/icon_phone-hover.png') no-repeat 0 0;
            }

        .cta li a.door {
            background: url('/images/cov/icons/icon_inperson.png') no-repeat 0 0;
        }

            .cta li a.door:hover {
                background: url('/images/cov/icons/icon_inperson-hover.png') no-repeat 0 0;
            }


/* homepage modules */
#twitter-widget-1 {
    padding-left: .7em;
}

.home .googleEvents {
    width: 185px;
    float: left;
    margin-bottom: 7px;
}

.home .googleNews {
    float: left;
    margin-left: 10px;
    width: 540px;
    margin-bottom: 7px;
}

.home .googleEvents h2, .rightRail .googleEvents h2 {
    padding: 7px;
    background: #DEDDD6;
    margin: 0px;
}

.home .listView {
    margin-right: 0;
}

.home .results, #rightRail .results {
    margin-top: 0px
}

.home .googleEvents .item {
    margin-bottom: 1px;
}

.home .googleNews .item {
    margin-bottom: 5px;
}

.dateAndQuote {
    margin-bottom: 1.5em;
    color: #aaa
}
/* modules */
.simpleList,
.imageList,
.smallIconList,
.mediumIconList,
.basicBox,
.googleMap,
.youTube,
.photoOfTheDay {
    background: #F8F8F8;
    float: left;
    margin-bottom: 20px;
    margin-right: 10px;
    margin-top: 7px;
    overflow: hidden;
}

    .photoOfTheDay h3 {
        margin-bottom: 0;
        padding: 0 8px 0 0;
    }

    .photoOfTheDay .details {
        float: right;
        margin-right: 5px;
    }

.modContainer h2.modHeader,
#rightRail h2.modHeader,
.day h2 {
    padding: 3px 8px;
    margin: 0;
    border-bottom: #FFF 2px solid;
    clear: both;
}

.modContainer h2.modEmptyHeader {
    height: 5px;
    border: 0 !important;
    padding: 0 !important;
}

.home p,
.modContainer p,
#rightRail p {
    padding: 0;
}

.rss a {
    background: url(/images/cov/ui/rssfeed.png) no-repeat 0px 0px;
    padding: 2px 0px 2px 20px;
}

.unstyledTextBlock {
    margin: 0px 10px 12px 0px;
    clear: both;
}
/* module variation */
main.home {
    float: left;
    width: 960px;
    margin-left: 20px;
}

@media (max-width: 980px) {
    main.home {
        float: none;
        margin-left: 0px;
    }
}

.flickrRequest h3 {
    background: #0279B1;
    color: #fff; /*border-color: #bdbbac;*/
    border-bottom: #fff 2px solid;
    clear: both;
}


.basicBox h2 + p {
    float: none;
    margin: 0;
    padding: 0;
}

#contentContainer .modContainer h2.modHeader {
    background: #0279B1;
    color: #fff;
    border-color: #fff;
}

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

    .modContainer .simpleList,
    .modContainer .imageList,
    .modContainer .smallIconList,
    .modContainer .mediumIconList,
    .modContainer .basicBox,
    .modContainer .googleMap,
    .modContainer .youTube,
    .modContainer .googleNews,
    .modContainer .googleInitiatives,
    .modContainer .googleEvents {
        overflow: hidden;
    }

    .modContainer .googleNews,
    .modContainer .googleInitiatives,
    .modContainer .googleEvents {
        clear: both;
    }

    .modContainer .simpleList,
    .modContainer .imageList,
    .modContainer .smallIconList,
    .modContainer .mediumIconList,
    .modContainer .basicBox {
        background-color: #F8F8F8;
        border: #D9D9D5 1px solid;
    }

    .modContainer .photoOfTheDay .details {
        width: 140px;
    }

#rightRail {
    width: 185px;
    float: right;
    position: relative;
    margin-bottom: 25px;
}

    #rightRail h2.modHeader {
        background: #0279B1;
        color: #FFF;
        border-color: #FFF;
        margin: 0;
        clear: both;
    }

    #rightRail .simpleList,
    #rightRail .imageList,
    #rightRail .smallIconList,
    #rightRail .mediumIconList,
    #rightRail .basicBox,
    #rightRail .googleMap,
    #rightRail .youTube,
    #rightRail .photoOfTheDay {
        width: 185px;
        overflow: hidden;
        background-color: #F8F8F8;
    }

        #rightRail .photoOfTheDay .details {
            width: 70px;
        }

.query input[type=text] {
    width: 170px;
    margin-right: 4px;
}

/* JMA: 3102 */
.modContainer .smallList {
    background: none repeat scroll 0 0 #F8F8F8;
    float: left;
    margin-bottom: 7px;
    margin-right: 10px;
    overflow: hidden;
    width: 48%;
    border: #D9D9D5 1px solid;
}

    .modContainer .smallList p {
        padding: 0.6em;
    }

/* JMA: 3167 */
span.date {
    color: #524761;
    font-weight: bold;
}

.googleMap .mapLegend {
    padding: 0 10px;
}

    .googleMap .mapLegend ul li ul li {
        display: block;
        clear: none;
        padding-top: 2px;
    }

.youTube .youTubeVideo .rating {
    padding: 10px;
}
/* gallery */
.galleryMask {
    background: transparent url(/images/cov/ui/overlay.png) repeat 0px 0px;
    z-index: 50000;
}
/* thumbnail view */
.gallery {
    margin: 10px 0px 0px 0px;
    clear: both;
}

    .gallery .video.over,
    .gallery .photo.over {
        background: #ccc;
    }

    .gallery .row {
        padding: 5px 0px 5px 0px;
        overflow: hidden;
        margin-bottom: 10px;
    }

    .gallery .photo, .gallery .video {
        float: left;
        display: inline;
        margin: 0px 10px 0px 0px;
        width: 114px;
        overflow: hidden;
        background: #f0efeb;
    }

.flickrGallery .gallery .photo {
    width: 114px;
}

.flickrGallery .row {
    clear: both;
}

.transcript a {
    color: #fff;
}

.fileDetails {
    color: #999;
}

.photo .fileDetails {
    color: #666;
    background: transparent;
}

.gallery .preview {
    text-align: center;
    margin-top: 6px;
    margin-bottom: 8px;
}

.gallery .caption, .gallery .credits, .gallery .fileDetails {
    margin: 0px 0px 0px 0px;
    padding: 5px;
    text-align: center;
    line-height: 1.3em;
}
/* TC20120821 HIDE element: */
.flickrRequest {
    display: none;
}
/* TC20120821 inside hidden element:
.flickrRequest {background: #f0efeb;padding:0px;width: 255px;}
.flickrRequest form {margin:0;}
.flickrRequest input[type=checkbox] {float:left;margin-right:5px;}
.flickrRequest .boxField {margin: 10px 0;}
.flickrRequest form {margin:0;padding:7px 8px 3em; }
.flickrRequest #flickrPhoto {padding: 4px; width: 225px;}
.flickrRequest input[type=checkbox] {float:left;margin-right:5px;}
.flickrRequest .boxField {margin: 10px 0;}
.flickrRequest h3 { font-size: 1.1em;padding: 3px 8px;margin: 0;border-bottom: #bdbbac 3px solid;}
*/
/* full view */
.galleryContent {
    margin-top: 20px;
    padding: 15px;
    width: 870px;
    overflow: hidden;
    background: url() #666 top left;
    z-index: 51000;
}
    /* galleryContentToolbar */
    .galleryContent .galleryContentToolbar {
        padding: 5px;
        height: 28px;
        overflow: hidden;
        border-bottom: 1px solid #666;
        background: #E6E5E5;
    }

        .galleryContent .galleryContentToolbar .previous {
            display: inline;
            float: left;
            left: 20px;
            padding: 0px 0px 0px 0px;
            height: 28px;
            width: 28px;
            overflow: hidden;
            text-indent: -5000px;
            background: transparent url(/images/cov/ui/controls-top.png) no-repeat -51px -25px;
        }

            .galleryContent .galleryContentToolbar .previous:hover {
                background-position: -51px 0;
            }

        .galleryContent .galleryContentToolbar .next {
            display: inline;
            float: left;
            margin: 0px 0px 0px 10px;
            padding: 0px 0px 0px 0px;
            width: 28px;
            height: 28px;
            overflow: hidden;
            text-indent: -5000px;
            background: transparent url(/images/cov/ui/controls-top.png) no-repeat -75px -25px;
        }

            .galleryContent .galleryContentToolbar .next:hover {
                background-position: -75px 0;
            }

        .galleryContent .galleryContentToolbar .close {
            display: inline;
            float: right;
            padding: 0px 0px 0px 0px;
            width: 28px;
            height: 28px;
            overflow: hidden;
            background: transparent url(/images/cov/ui/controls-top.png) no-repeat -100px -25px;
            text-indent: -5000px;
        }

            .galleryContent .galleryContentToolbar .close:hover {
                background-position: -100px 0;
            }

        .galleryContent .galleryContentToolbar .imageCount {
            display: inline;
            float: left;
            width: auto;
            line-height: 24px;
            height: 28px;
            overflow: hidden;
            font-weight: bold;
            color: #333;
            text-align: center;
        }
    /* galleryContent */
    .galleryContent .video, .galleryContent .photo {
        padding: 0 0px 0px 0px;
        overflow: hidden;
        text-align: center;
        background: #f1f0eb;
    }

        .galleryContent .photo img, .galleryContent .video object {
            margin: 0px auto 0px auto;
        }

        .galleryContent .photo + div {
            padding-top: 1em;
            border-top: solid 1px #666666;
        }

    .galleryContent .caption, .galleryContent .credits, .galleryContent .share, .galleryContent .download, .galleryContent .fileDetails {
        padding: .1em 1em;
        background: #E6E5E5;
    }

    .galleryContent .caption {
        overflow: hidden;
        font-weight: bold;
        color: #333;
        text-align: left;
    }

    .galleryContent .credits {
        overflow: hidden;
        font-weight: bold;
        color: #333;
        text-align: left;
        border-top: 0px solid #333;
    }

    .galleryContent .share {
        overflow: hidden;
        text-align: left;
        color: #333;
        padding-bottom: 1em;
    }

    .galleryContent .shareText {
        background-color: transparent;
        border: none;
        color: #666;
        text-align: left;
    }

    .galleryContent .download {
        overflow: hidden;
        background: #e6e5e5;
    }

        .galleryContent .download a {
            text-align: left;
            color: #5E7AA2;
        }

    .galleryContent .fileDetails {
        background: #e6e5e5;
    }
/* menus */
.rounded-corners-mainNav {
    border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -khtml-border-radius: 0 0 3px 3px;
}

ul.breadcrumb, ol.breadcrumb {
    display: block;
    font-size: 0.88em;
}

    ul.breadcrumb li, ol.breadcrumb li {
        display: inline;
        margin-right: 5px;
    }

        ol.breadcrumb li i {
            margin-left: 5px;
        }

        ul.breadcrumb, ul.breadcrumb li i, ol.breadcrumb {
            margin-left: 0;
        }

ul#topNav {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    font-size: 0.8em;
}

    ul#topNav li {
        float: left;
        margin: 0;
        padding: 0;
        position: relative;
    }

        ul#topNav li a {
            float: left;
            height: 37px;
            overflow: hidden;
            margin-right: 4px;
            text-decoration: none;
            padding: 11px 20px 0px 3px;
        }

            ul#topNav li a:hover {
                color: #fff;
            }

body.settings ul#topNav li a:hover {
    color: #333;
}

#leftRail {
    position: relative;
    overflow: hidden;
    font-size: 0.88em;
}


    #leftRail ul {
        margin: 0;
        padding-left: 3px;
    }

    #leftRail > ul {
        margin-right: 40px;
    }

    #leftRail ul li ul {
        border-top: 0px solid #fff;
    }


#leftRail {
    width: 250px;
    float: left;
    border-right: 2px #D9D9D5 solid;
    margin-bottom: 25px;
    margin-left: 20px;
    margin-right: 38px;
}

    #leftRail ul li.isLast.notSelected a:visited {
        color: #8C53CA;
    }

/* topNav */
ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a, ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602-ON a,
ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602-ON a:hover, ul#topNav li.s66ED949F063F4F5186AA9B8C51ECF602 a:focus {
    width: 80px;
}

ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a, ul#topNav li.s5785640C8B3C4775A3C50AC844695609-ON a,
ul#topNav li.s5785640C8B3C4775A3C50AC844695609-ON a:hover, ul#topNav li.s5785640C8B3C4775A3C50AC844695609 a:focus {
    width: 93px;
}

ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a, ul#topNav li.s40817C78182C4DF6A38920F36FFA0369-ON a,
ul#topNav li.s40817C78182C4DF6A38920F36FFA0369-ON a:hover, ul#topNav li.s40817C78182C4DF6A38920F36FFA0369 a:focus {
    widtH: 75px;
}

ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a, ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D-ON a,
ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D-ON a:hover, ul#topNav li.s3D48BA295D9A4E8FAE0F95755D65318D a:focus {
    width: 125px;
}

ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a, ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315-ON a,
ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315-ON a:hover, ul#topNav li.s95C37A60D9EF4577B6E4DAFDE81CD315 a:focus {
    width: 131px;
}

ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a, ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A-ON a,
ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A-ON a:hover, ul#topNav li.sC2B4C2DC13D8429385393D092BE31D4A a:focus {
    width: 86px;
}

ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a, ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A-ON a, ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A-ON a:hover, ul#topNav li.s1B48E3BC89AD4680B2E902C48640C64A a:focus {
    width: 106px;
}

ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a,
ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a:hover,
ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8 a:focus,
ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8-ON a,
ul#topNav li.s83B05EAE7905419981E4FC0BE75FA7D8-ON a:hover,
ul#topNav li.isParent.isSelected.s83B05EAE7905419981E4FC0BE75FA7D8 a {
    margin-right: 0;
    width: 52px;
}

ul#topNav li a {
    color: #444444;
    border-top: 2px solid #444444;
}

    ul#topNav li a:focus, ul#topNav li.isParent.isSelected a:focus, ul#topNav li.isSelected a:focus,
    ul#topNav li[class$="-ON"] a, ul#topNav li[class$="-ON"] a:hover, ul#topNav li[class$="-ON"] a:focus, ul#topNav li.isParent.isSelected a:hover {
        background: #0279B1;
        color: #FFF;
        border-top: 2px solid #015982;
        padding-top: 11px;
        padding-bottom: 0;
    }

ul#topNav li.isParent.isSelected a, ul#topNav li.isSelected a {
    border-top: 6px solid #3C6C12;
    padding-top: 7px;
    background-color: #4B8516;
    color: #FFF;
}

    ul#topNav li a:hover, ul#topNav li.isParent.isSelected a:hover {
        border-top: 2px solid #015982;
        padding-top: 11px;
        padding-bottom: 0;
        background: #0279b1;
    }

/* MegaMenu PART 1*/
.menu {
    position: absolute;
    display: block;
    top: 0px;
    left: 0px;
    max-width: 910px;
    z-index: 100;
    /* border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;-khtml-border-radius: 5px; */
    filter: alpha(opacity=100);
    margin: 0;
    padding: .5em;
    background: #444444;
    border: 0px solid #444444;
}

    .menu .row {
        display: flex;
        margin: 0;
        padding: 0 .5em 1.5em 0;
        position: relative;
        overflow: visible;
        /* provides IE7 something to measure */
        border: 1px #444444 solid;
    }

    .menu .column {
        display: block;
        position: relative;
        float: left;
        margin: 0;
        padding: 0 0 0 .5em;
        width: auto;
        /* provides IE7 something to measure */
        border: 1px #444444 solid;
    }

        .menu .column .background {
            display: none;
        }

        .menu .column ul {
            display: block;
            position: relative;
            margin: 0;
            padding: 0 .5em 0 0;
            width: 180px;
            z-index: 100;
            float: left;
            overflow: hidden;
            list-style: none;
            /* provides IE7 something to measure */
            border: 1px #444444 solid;
        }

            .menu .column ul li {
                margin: 0;
                padding: 0 0 .2em;
            }

        .menu a,
        .menu .column a,
        .menu .subColumn a {
            display: block;
            margin: 0;
            padding: .2em .5em;
            color: #fff;
            background-color: #444444;
            text-decoration: none;
            border: 1px #444444 solid;
            /* border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; */
        }

    .menu .subColumn {
        float: left;
        display: block;
        margin-right: 0px;
        margin-left: 0px;
        overflow: hidden;
        border-top: 1px #cfcfcc solid;
    }

        .menu .subColumn ul {
            margin: 0px;
            padding: 3px 0 0 0;
            overflow: hidden;
            list-style: none;
        }

            .menu .subColumn ul li {
                margin: 0;
                padding: 0;
                overflow: visible;
                text-transform: none;
                border: none;
            }

        .menu .subColumn .showMoreItem {
            color: #B2B2B2;
        }

            .menu .subColumn .showMoreItem:hover {
                color: #FFF;
            }

            .menu .subColumn .showMoreItem li {
                cursor: pointer;
            }
/* application styles*/
.listView {
    margin-right: 10px;
}

    .listView div.day {
        width: 100%;
    }

.navigation {
    float: right;
}

    .navigation ul li {
        display: inline;
        margin-left: 10px;
    }

.item, .noItem {
    padding: 8px;
    background: #F8F8F8;
    margin-bottom: 5px;
    overflow: hidden;
}

    .item h3 {
        margin-top: 0px;
    }

    .item p {
        padding: 0;
    }

.dayView .navigation {
    float: right;
    margin-right: 20px;
    margin-top: 7px;
}

.searchForm {
    float: left;
    margin-top: 4px;
}

    .searchForm div {
        display: block;
        float: left;
    }

.typeFilter {
    clear: both;
}

    .typeFilter ul {
        display: block;
        float: left;
        margin: 8px 0;
    }

        .typeFilter ul li {
            display: inline;
            margin: 0;
        }

            .typeFilter ul li a {
                display: block;
                float: left;
                color: #fff;
                margin-right: 5px;
                padding: 8px 10px;
                width: 125px;
                border-radius: 4px;
                -moz-border-radius: 4px;
                -webkit-border-radius: 4px;
                text-align: center;
            }

#eventsDropDown {
    float: left;
    margin-left: 10px;
}

.searchDetails {
    clear: both;
    float: left;
    margin-top: 6px;
}

.googleNews .item img {
    float: left;
    margin: 3px 8px 8px 0px;
    clear: both;
}

.shareText {
    width: 100%;
}

.seLabel {
    font-weight: bold;
}

.googleSearch .details {
    margin-bottom: 1em;
    color: #999;
}

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

    .googleSearch .links ul li {
        margin-bottom: 1em;
    }

    .googleSearch .links ul .url {
        color: #999;
    }

.googleSearch .navigation ul {
    margin-left: 0px;
    text-align: center;
}

.lastModified {
    clear: both;
    margin: 0 auto 25px;
    padding-right: 20px;
    text-align: right;
    width: 540px;
}

.url a {
    background: url(/images/cov/ui/link.png) no-repeat 0px 0px;
    padding: 1px 0px 2px 23px;
}

.tabDetail {
    clear: both;
}

.googleInitiatives .details {
    float: right;
    width: 110px;
}

.googleInitiatives .initiative {
    float: left;
    width: 230px;
}

.googleInitiatives .item img {
    float: left;
    margin-right: 10px;
}

.googleInitiatives .item {
    clear: both;
    overflow: hidden;
}

#content .quote {
    display: block;
    margin: 0 0 1.2em;
    padding: .6em .8em;
    background: #f9fafb;
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.4
}

.addCalendar a, .contactEmail a {
    background: url(/images/cov/ui/calendar.png) no-repeat 0px 2px;
    padding: 1px 0 0 23px;
    display: inline-block;
    height: 18px;
}

.fbEvent {
    background: url(/images/cov/icons/icon_facebook_16x16.png) no-repeat top right;
    padding-right: .5em;
    padding-left: .5em;
    width: 16px;
    margin-left: .5em;
}

.typeFilter ul {
    height: 24px;
}
/* neighbourhood map footer */
#neighbourhoodMap #neighborhoodNav h1 {
    color: #333333;
    font-weight: normal;
    margin-bottom: 7px;
    margin-right: 20px;
}

#neighbourhoodMap #neighborhoodNav a {
    color: #FFFFFF;
    line-height: 1.4em;
}

    #neighbourhoodMap #neighborhoodNav a:hover {
        color: #FF9A00;
    }

    #neighbourhoodMap #neighborhoodNav a.hovered {
        color: #FF9A00;
        text-decoration: underline;
    }

#neighbourhoodMap #neighborhoodNav .listing {
    border-top: 1px solid #333;
    padding-top: 10px;
}

    #neighbourhoodMap #neighborhoodNav .listing ul {
        list-style: none;
        margin: 0px 0px 0px 0px;
        width: 150px;
    }

    #neighbourhoodMap #neighborhoodNav .listing #doubleList {
        width: 300px;
    }

    #neighbourhoodMap #neighborhoodNav .listing ul li {
        float: left;
        display: block;
        width: 150px;
        line-height: 1.4em;
        padding: 0px;
    }

.areaHolder {
    position: relative;
    float: left;
    background: aqua;
}

    .areaHolder a {
        color: #FF9A00;
        text-decoration: underline;
        text-decoration: none;
    }

        .areaHolder a:hover {
        }

.mapArea {
    color: blue;
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
    background: #4E6586;
    padding: 6px;
}
/* Bullet list styles */
ul.green-checkmark {
    list-style-type: none
}

    ul.green-checkmark li {
        background-image: url(/images/cov/icons/green-checkmark-10x10.png);
        background-repeat: no-repeat;
        background-position: 0px center;
        padding-left: 20px;
    }

ul.red-x {
    list-style-type: none
}

    ul.red-x li {
        background-image: url(/images/cov/icons/red-x-10x10.png);
        background-repeat: no-repeat;
        background-position: 0px center;
        padding-left: 20px;
    }
/* Tab module */
#btn_tab4 {
    margin-right: 0px;
}

.modContainer .tabSection {
    clear: both;
    float: left;
    width: 100%;
    margin: 1.2em 0;
}

    .modContainer .tabSection .nav {
        overflow: hidden;
    }

        .modContainer .tabSection .nav ul {
            margin: 0;
        }

        .modContainer .tabSection .nav li {
            width: 127px;
            float: left;
            text-align: center;
            list-style-type: none;
            padding: 0;
        }

            .modContainer .tabSection .nav li a {
                background-color: #F1F0EB;
                padding: 8px 4px /* 3761 */;
                display: block;
                /*
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    */
                color: #000;
                margin-right: 4px;
            }

            .modContainer .tabSection .nav li a {
                background-color: #0279B1;
                color: #fff;
            }

            .modContainer .tabSection .nav li .selected, .modContainer .tabSection .nav li a {
                background-color: #0279B1;
                border-top: solid 1px #DEDDD6;
                border-right: solid 1px #DEDDD6;
                border-left: solid 1px #DEDDD6;
                text-decoration: none;
            }

                .modContainer .tabSection .nav li a:hover {
                    background-color: #0279B1;
                    color: #fff;
                    opacity: .80;
                    filter: alpha(opacity=80);
                }

    .modContainer .tabSection .tabDetail {
        margin-top: -1px;
        border: solid 1px #DEDDD6;
        padding: 16px 8px;
    }

    .modContainer .tabSection .tabDetail,
    .modContainer .tabSection .nav li .selected,
    .modContainer .tabSection .nav li a {
        border-color: #0279B1;
    }

#contentContainer ul.star-rating {
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 130px;
    height: 22px;
    position: relative;
    background: url(/images/cov/ui/stars.gif) top left repeat-x;
    float: right;
}

    #contentContainer ul.star-rating li {
        padding: 0px;
        margin: 0px;
        float: left;
    }

        #contentContainer ul.star-rating li a {
            display: block;
            width: 26px;
            height: 22px;
            line-height: 22px;
            text-decoration: none;
            text-indent: -9000px;
            z-index: 20;
            position: absolute;
            padding: 0px;
            overflow: hidden;
        }

            #contentContainer ul.star-rating li a:hover {
                background: url(/images/cov/ui/stars.gif) left center;
                z-index: 2;
                left: 0px;
                border: none;
            }

            #contentContainer ul.star-rating li a.one-star {
                left: 0px;
            }

                #contentContainer ul.star-rating li a.one-star:hover {
                    width: 26px;
                }

            #contentContainer ul.star-rating li a.two-stars {
                left: 26px;
            }

                #contentContainer ul.star-rating li a.two-stars:hover {
                    width: 52px;
                    left: 0;
                }

            #contentContainer ul.star-rating li a.three-stars {
                left: 52px;
            }

                #contentContainer ul.star-rating li a.three-stars:hover {
                    width: 78px;
                    left: 0;
                }

            #contentContainer ul.star-rating li a.four-stars {
                left: 78px;
            }

                #contentContainer ul.star-rating li a.four-stars:hover {
                    width: 104px;
                    left: 0;
                }

            #contentContainer ul.star-rating li a.five-stars {
                left: 104px;
            }

                #contentContainer ul.star-rating li a.five-stars:hover {
                    width: 130px;
                    left: 0;
                }

        #contentContainer ul.star-rating li.current-rating {
            background: url(/images/cov/ui/stars.gif) left bottom;
            position: absolute;
            height: 22px;
            display: block;
            text-indent: -9000px;
            z-index: 1;
        }

#pageMeta {
    background: #E5E5E5;
    overflow: hidden;
    padding: 5px;
    margin-bottom: 1em;
    height: 1%;
    width: 510px;
    margin-left: 10px;
}

    #pageMeta img {
        float: left;
        margin-right: 10px;
    }

#authorContainer {
    float: left;
    width: 250px;
}

#contentContainer #authorContainer h2 {
    margin: 13px 0px;
}

#contentContainer #authorContainer h3 {
    text-transform: uppercase;
    line-height: 14px;
}

#ratingContainer {
    float: right;
    width: 250px;
    margin-top: 3px;
}

    #ratingContainer span {
        float: right;
        margin-left: 10px;
    }

#contentContainer #ratingContainer span a {
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
}

#tags {
    float: right;
    clear: right;
    text-transform: uppercase;
    font-weight: bold;
    width: 250px;
    text-align: right;
}

#contentContainer #tags a {
    color: #406216;
    text-decoration: none;
}

    #contentContainer #tags a:hover, body.content #body #ratingContainer span a:hover {
        text-decoration: underline;
    }

#commentWrapper {
    width: 520px;
    margin-left: 10px;
}

#comment textarea {
    width: 665px;
    height: 156px;
}

#comment input[type=checkbox] {
    float: left;
}

#comment input[type=submit] {
    border: none;
    background: #406216;
    color: #fff;
    text-transform: uppercase;
    padding: 3px 10px;
}

#contentContainer #comment p {
    clear: both;
    margin-top: 1em;
}

#contentContainer #comments ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    overflow: hidden;
    clear: both;
}

    #contentContainer #comments ul li {
        padding: 0;
        overflow: auto;
        position: relative;
        margin-bottom: 10px;
    }

        #contentContainer #comments ul li.even div {
            background: #fff;
        }

        #contentContainer #comments ul li div {
            padding: 8px;
            background: #E5E5E5;
            overflow: auto;
            position: relative;
            height: 1%;
        }

        #contentContainer #comments ul li img {
            float: left;
            position: relative;
        }

        #contentContainer #comments ul li p, body.content #body #comments ul li h4 {
            margin-left: 60px;
        }

        #contentContainer #comments ul li h4 {
            margin-top: 0;
            margin-bottom: 0;
            line-height: 150%;
            margin-left: 60px;
        }

        #contentContainer #comments ul li p, #comments ul li h4 {
            line-height: 150%;
        }

            #contentContainer #comments ul li p.date, #contentContainer #comments .reply, #contentContainer #comments .like, #contentContainer #comments .dislike {
                line-height: 100%;
                margin-top: 0;
                font-weight: bold;
                text-transform: uppercase;
                height: 14px;
                overflow: hidden;
            }

        #contentContainer #comments ul li ul {
            margin-left: 30px;
        }

            #contentContainer #comments ul li ul li div {
                padding-right: 0px;
                padding-bottom: 0px;
            }

#contentContainer #comments .reply, #contentContainer #comments .like, #contentContainer #comments .dislike {
    float: right;
    text-decoration: none;
    background: #406216;
    padding: 3px 10px;
    color: #fff;
    margin-left: 5px;
}

    #contentContainer #comments .reply:hover {
        background-color: #7E9E19;
    }

#contentContainer #comments .like {
    background: url(/images/cov/ui/thumb_up.png) 0px 2px no-repeat #666;
    padding-left: 28px;
}

    #contentContainer #comments .like:hover, #contentContainer #comments .dislike:hover {
        background-color: #333;
    }

#contentContainer #comments .dislike {
    background: url(/images/cov/ui/thumb_down.png) 0px 2px no-repeat #666;
    padding-left: 28px;
}

.errorText {
    margin: 10px;
    color: red;
    font-weight: bold;
}

#commentCount {
    float: left;
}

#registerForm {
    margin-left: 10px;
}

hr {
    border: 1px solid #CCC;
    margin: 20px 0;
}

    /* Add dotted blue hr when a page has a category - JC 23/7/2018 */
    .superwide--category hr, hr.separator--dotted {
        background-color: transparent;
        border-top: 5px dotted #015982;
        border-bottom: none;
        margin: 20px 4em;
        clear: both;
        flex: 1 0 auto;
    }

div.replyForm {
    display: none;
}

a.reply {
    display: none;
}

#loginButtons {
    margin: 8px 0px;
    overflow: hidden;
}

    #loginButtons a.twitterLogin {
        width: 0px;
        height: 22px;
        background: url(/images/cov/ui/signin_twitter.png) top center no-repeat;
        display: block;
        float: left;
        margin-right: 5px;
        padding-left: 150px;
        overflow: hidden
    }

        #loginButtons a.twitterLogin:hover {
            background-position: 0px -24px;
        }

        #loginButtons a.twitterLogin:active {
            background-position: 0px -48px;
        }

    #loginButtons a.facebookLogin {
        width: 0px;
        height: 22px;
        background: url(/images/cov/ui/signin_facebook.png) top center no-repeat;
        display: block;
        float: left;
        margin-right: 5px;
        padding-left: 150px;
        overflow: hidden
    }

        #loginButtons a.facebookLogin:hover {
            background-position: 0px -24px;
        }

        #loginButtons a.facebookLogin:active {
            background-position: 0px -48px;
        }

    #loginButtons a.register {
        width: 0px;
        height: 22px;
        background: url(/images/cov/ui/signin_register.png) top center no-repeat;
        display: block;
        float: left;
        margin-right: 5px;
        padding-left: 150px;
        overflow: hidden
    }

        #loginButtons a.register:hover {
            background-position: 0px -24px;
        }

        #loginButtons a.register:active {
            background-position: 0px -48px;
        }
/* table_styles */
/* table heading font and margin reset */
table {
    border-collapse: collapse;
    width: 100%;
}

#content table th,
#content table th *,
.tabDetail table th,
.tabDetail table th *,
#rightRail table th,
#rightRail table th * {
    margin-top: 0;
    margin-bottom: 0;
}
/* content and unstyled text block area tables */
#content table td,
#content table th,
.modContainer .unstyledTextBlock table td,
.modContainer .unstyledTextBlock table th,
.modContainer .floating-box table td,
.modContainer .floating-box table th,
.modContainer .floating-box-noborder table td,
.modContainer .floating-box-noborder table th,
.modContainer .card-grid-panels table td,
.modContainer .card-grid-panels table th,
.modContainer .pdSection table td,
.modContainer .pdSection table th {
    border: 1px #d9d9d5 solid;
    border-collapse: collapse;
    vertical-align: top;
    padding: 0 8px;
}

#content table td,
.modContainer .unstyledTextBlock table td,
.modContainer .floating-box table td,
.modContainer .floating-box-noborder table td,
.modContainer .card-grid-panels table td,
.modContainer .pdSection table td {
    border: 1px #d9d9d5 solid;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 8px;
}
/* table heading has extra top/bottom padding and thick bottom border */
#content table th,
.modContainer .unstyledTextBlock table th,
.modContainer .floating-box table th,
.modContainer .floating-box-noborder table th,
.modContainer .card-grid-panels table th,
.modContainer .pdSection table th {
    border-bottom: 3px #b2b2b2 solid;
    background-color: #d9d9d5;
    padding: 4px 8px;
}

.modContainer .unstyledTextBlock table.stacked_table tr.st-head-first-row, .modContainer .floating-box table.stacked_table tr.st-head-first-row, .modContainer .floating-box-noborder table.stacked_table tr.st-head-first-row, .modContainer .card-grid-panels table.stacked_table tr.st-head-first-row {
    border-top: 3px #d9d9d5 solid;
}

#content table th.cov-vertical,
.modContainer .unstyledTextBlock table th.cov-vertical,
.modContainer .floating-box table th.cov-vertical,
.modContainer .floating-box-noborder table th.cov-vertical,
.modContainer .card-grid-panels table th.cov-vertical,
.modContainer .pdSection table th.cov-vertical {
    border-bottom: 1px #b2b2b2 solid;
    border-right: 1px #d9d9d5 solid;
    background-color: #d9d9d5;
    padding-top: 8px;
    vertical-align: top;
}

#content table th.cov-vertical-apex,
.modContainer .unstyledTextBlock table th.cov-vertical-apex,
.modContainer .floating-box table th.cov-vertical-apex,
.modContainer .floating-box-noborder table th.cov-vertical-apex,
.modContainer .card-grid-panels table th.cov-vertical-apex,
.modContainer .pdSection table th.cov-vertical-apex {
    border: none;
    background-color: inherit;
}
/* modContainer area tables */
.modContainer table td,
.modContainer table th {
    border: 1px #d9d9d5 solid;
    vertical-align: top;
    padding: 0 8px;
}
/* table heading has extra top/bottom padding and thick bottom border */
.modContainer table th {
    border-bottom: 3px #b2b2b2 solid;
    background-color: #d9d9d5;
    padding: 4px 8px;
    vertical-align: baseline;
}

.modContainer table td {
    padding: 4px 8px;
}
/* table heading font and margin settings*/
.modContainer table th,
.modContainer table th * {
    margin-top: 0;
    margin-bottom: 0;
}

    .modContainer table th.cov-vertical {
        border-bottom: 1px #fff solid;
        border-right: 1px #fff solid;
        padding-top: 8px;
        vertical-align: top;
    }

    .modContainer table th.cov-vertical-apex {
        border: none;
        background-color: inherit;
    }
/* @end */
/* @group tabDetail area tables */
.tabDetail table th,
.tabDetail table td {
    border: 1px #d9d9d5 solid;
    border-collapse: collapse;
    vertical-align: top;
    padding: 0 8px;
}
/* table heading has extra top/bottom padding and thick bottom border */
.tabDetail table th {
    border-bottom: 3px #b2b2b2 solid;
    background-color: #d9d9d5;
    padding: 4px 8px;
}

    .tabDetail table th.cov-vertical-apex {
        background-color: inherit;
    }
/* rightRail area tables */
/* table heading has extra top/bottom padding and thick bottom border */
#rightRail table td,
#rightRail table th {
    border: 1px #fff solid;
    border-collapse: collapse;
    vertical-align: top;
    padding: 4px 8px;
}
/* table heading has extra top/bottom padding and thick bottom border */
#rightRail table th {
    border-bottom: 3px #b2b2b2 solid;
    background-color: #d9d9d5;
    /* padding: 4px 8px; */
    vertical-align: bottom;
}

    #rightRail table th.cov-vertical {
        border-bottom: 1px #fff solid;
        border-right: 1px #fff solid;
        padding-top: 8px;
        vertical-align: top;
    }

    #rightRail table th.cov-vertical-apex {
        border: none;
        background-color: inherit;
    }
/* @group tables without borders */
.cov-noborder th,
.cov-noborder td {
    border: none !important;
    vertical-align: top;
    padding: 0;
}
/* @group table list formatting */
table ul table ol {
    margin-left: 2em;
}

/*3044 related style +*/
#leftRail ul li {
    border-top: 1px solid #fff;
    list-style: none;
    padding: 0px;
    overflow: hidden;
    display: block;
}

    #leftRail ul li ul li {
        padding: 0 0 0 12px;
    }

    #leftRail ul li a div {
        height: 20px;
        width: 12px;
        float: left;
    }

    #leftRail ul li.isParent.notSelected a div {
        background: url("/images/cov/ui/parent_closed.png") no-repeat scroll 0 8px transparent;
        cursor: pointer;
    }

    #leftRail ul li.isSelected.isParent > a div, #leftRail ul li.isCurrent.isParent > a div {
        background: url("/images/cov/ui/parent_open.png") no-repeat scroll 0 8px transparent;
        cursor: pointer;
    }

    #leftRail ul li.isCurrent > a.menulink, a.topmenulink.isCurrent {
        color: #fff;
        background-color: #4B8516;
        outline: 0;
    }

        a.topmenulink.isCurrent:hover, a.topmenulink.isCurrent:focus, a.topmenulink.isCurrent:active {
            color: #fff;
        }


    #leftRail ul li a.menulink {
        display: block;
        padding: 3px 0 3px 5px;
        margin: 0;
        overflow: hidden;
    }

        #leftRail ul li a.menulink:focus, #leftRail ul li a.menulink:active {
            outline: 0;
        }
/*3044 #leftRail ul li li li a {margin-left:20px;} */
/*3044 #leftRail ul li li li li a {margin-left:30px;} */
/*3044 #leftRail ul li li li li li a {margin-left:40px;} */
/*3044 #leftRail ul li li li li li li a {margin-left:50px;} */
/*3044 #leftRail ul li li li li li li li a {margin-left:50px;} */
/*3044 #leftRail ul li li li li li li li li a {margin-left:50px;}*/
/*3044 #leftRail ul li.isParent.isCurrent a,#leftRail ul li.isParent.isCurrent a:hover {background: url(/images/cov/ui/arrowWhiteDown.png) 10px 9px no-repeat;color: #fff; }*/

/*3044#leftRail ul li.isParent a,#leftRail ul li.isParent a:hover {background: url(/images/cov/ui/arrowWhiteRight.png) 10px 8px no-repeat;color: #fff; }*/
/*#leftRail ul li.isParent a.menulink,#leftRail ul li.isParent a.menulink:hover {color: #fff; }*/
/*3044 #leftRail ul li.isParent.isSelected a {background:url(/images/cov/ui/arrowWhiteDown.png) 10px 9px no-repeat;padding-left: 25px;color: #fff;}*/
/*3044 #leftRail ul li.isParent.notSelected a {background:url(/images/cov/ui/arrowBlueRight.png) 10px 8px no-repeat;padding-left: 25px;color: #5E7AA2;}*/
/*
    #leftRail ul li.isParent.notSelected a.menulink {
        color: #0279B1;
    }
    */
/*3044 #leftRail ul li.isParent.notSelected a:hover {background: url(/images/cov/ui/arrowWhiteRight.png) 10px 8px no-repeat;color: #fff; }*/

/*3044#leftRail ul li.isLast.notSelected a:hover {color: #fff;}*/

/*2990 +*/
/*2990 #neighbourhoodMap #vanMap{ float:right; display: inline; overflow: hidden; }*/
#neighbourhoodMap #vanMap {
    height: 370px;
    position: absolute;
    right: 0;
    top: 0;
    width: 482px;
}
/*2990 #neighbourhoodMap #neighborhoodNav{float:left; width: 575px; padding-top: 15px;margin-left:21px; display: inline; overflow: hidden; }*/
#neighbourhoodMap #neighborhoodNav {
    background-color: #828679;
    display: inline;
    float: left;
    overflow: hidden;
    padding-top: 0;
    width: 100%;
}
/*2990 #neighbourhoodMap {clear: both; background: #828679; color: #fff; font-size: 1.0em; width: 930px; overflow: hidden; }*/
#neighbourhoodMap {
    background-color: #828679;
    left: 0;
    position: relative;
    clear: both;
    color: #FFFFFF;
    overflow: hidden;
    width: 930px;
}
/*2990 #areas {width:300px;}*/
/*3504 #areas {display: block; position: relative; float: left;} padding: 1.25em 0.75em 2em from 1.25em 0.75em 0.5em*/
#areas {
    display: block;
    position: relative;
    float: left;
    left: 10px;
    margin: 0;
    padding: 1.25em 0.75em 2em;
    width: 550px;
    z-index: 10;
}

    #areas ul, #areas .col3 {
        float: left;
        list-style: none outside none;
        margin: 0 0 1em;
        padding-right: 0.5em;
        width: 128px;
    }

#neighborhoodNav #areas h1 {
    border-bottom: 1px solid #deddd6;
    color: #f1f0eb;
    font-weight: normal;
    margin: 0 0 0.5em;
    padding-bottom: 0.5em;
    vertical-align: top;
}

#areas ul li {
    padding-bottom: 0;
    vertical-align: top;
}

#areas li a {
    color: #FFFFFF;
    display: block;
    width: 100%;
}
/*#neighbourhoodMap #neighborhoodNav .col{ float: left; margin-right:59px;  }*/
#neigh1Div {
    left: 618px;
    top: -144px;
}
/*arbutus*/
#neigh9Div {
    left: 710px;
    top: -244px;
}
/*downtown*/
#neigh11Div {
    left: 555px;
    top: -120px;
}
/* dunbar */
#neigh12Div {
    left: 680px;
    top: -205px;
}
/* fairview */
#neigh16Div {
    left: 803px;
    top: -85px;
}
/*fraserview -- close to 51*/
#neigh18Div {
    left: 795px;
    top: -190px;
}
/* grandview */
#neigh20Div {
    left: 780px;
    top: -250px;
}
/* hastings */
#neigh24Div {
    left: 790px;
    top: -130px;
}
/* kensington */
#neigh25Div {
    left: 610px;
    top: -90px;
}
/* kerrisdale */
#neigh37Div {
    left: 700px;
    top: -120px;
}
/* Oakridge*/
#neigh27Div {
    left: 610px;
    top: -215px;
}
/* kits */
#neigh26Div {
    left: 852px;
    top: -65px;
}
/* killarney */
#neigh35Div {
    left: 750px;
    top: -215px;
}
/* mt pleasant */
#neigh33Div {
    left: 690px;
    top: -60px;
}
/* marpole */
#neigh38Div {
    left: 545px;
    top: -224px;
}
/* pt grey */
#neigh40Div {
    left: 857px;
    top: -135px;
}
/* renfrew */
#neigh41Div {
    left: 760px;
    top: -145px;
}
/* riley - try 24*/
#neigh42Div {
    left: 648px;
    top: -157px;
}
/* shaughnesy */
#neigh50Div {
    left: 865px;
    top: -250px;
}
/* sunrise*/
#neigh51Div {
    left: 740px;
    top: -85px;
}
/*sunset*/
#neigh53Div {
    left: 670px;
    top: -284px;
}
/* west end */
/*2990 -*/
/*3220 +*/
/* .smallIconList .listItem a {padding-left: 23px;background-position: 0px 1px; background-repeat: no-repeat;display:block;}*/
/*.smallIconList .listItem a
 {
 background-repeat: no-repeat;
 background-position: right;
 padding-right: 23px;
 }
*/
/*.listItem img {float: left; margin: 0 15px 8px 0;}*/
/*.listItem img {margin-left: 23px;}*/

/*.results{clear:both;margin-top:3em;}*/
.results {
    clear: both;
}
/*3220 -*/
/*3093 +*/
.imgallpadding img {
}
/*3093 -*/
/*2930 +*/
* + html .googleMap .mapLegend {
    width: 90%;
}
    /*.googleMap .mapLegend ul {margin:0 0 10px 0; list-style:none;float:left;}*/
    .googleMap .mapLegend ul {
        margin: 0 0 10px 0;
        list-style: none;
    }
        /*.googleMap .mapLegend ul li {list-style:none;display:inline; clear:both;padding-top:10px;}*/
        .googleMap .mapLegend ul li {
            list-style: none;
            clear: both;
        }
            /*.googleMap .mapLegend ul li img {float:left;margin-right:5px;}*/
            .googleMap .mapLegend ul li img {
                float: left;
            }
            /*.googleMap .mapLegend ul li ul {margin:0;display:inline;overflow:hidden;float:left;}*/
            .googleMap .mapLegend ul li ul {
                margin: 0;
                display: inline;
                overflow: hidden;
            }
/*2930 -*/
/*2975 +*/
.modContainer h2.modHeader, .photoOfTheDay h2.modHeader,
#rightRail h2.modHeader,
.day h2 {
}
/*.modContainer .photoOfTheDay
{width: 255px;overflow:hidden;}*/
.photoOfTheDay {
    margin-bottom: 4px;
    overflow: hidden;
    width: 100%;
}

.half-left {
    float: left;
    /*margin: 0 23px 23px 0px;*/
    width: 255px;
}

.half-right {
    float: right;
    /*margin: 0 0 23px 23px;*/
    width: 255px;
}

.photoOfTheDay .photo {
    float: none;
    margin: 0 0 8px;
    overflow: hidden;
}

    .photoOfTheDay .photo img {
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

.photoOfTheDay p {
    margin: 0 0 7px;
    padding: 0 4px;
}
/*.photoOfTheDay .credits {clear:both;font-size:0.9em;padding:5px 8px 0 8px;}*/
.photoOfTheDay .credits {
    clear: none;
    float: right;
    padding: 0;
}

.photoOfTheDay .photo img {
    width: 100%;
}

.modContainer .photoOfTheDay h2.modHeader a {
    color: #fff;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

a.photoArrowRight {
    background: url("/images/cov/ui/arrowRight.png") no-repeat scroll right 2px transparent;
    color: #5D79A1;
    display: block;
    float: right;
    margin: 0;
    padding-right: 17px;
    text-align: right;
    cursor: pointer;
    margin-top: -14px;
}

.photoOfTheDay .morephotos {
    padding-top: 8px;
}

span.photoSubmit, span.photoLeft {
    padding-top: 8px;
    margin-left: 0;
    width: 140px;
    clear: both;
    overflow: visible;
}

/* modify the CSS to add feature image photo credit */
/*img#feature {display: none; float: right; margin: 0 0 25px 25px;  } */
/*height: 160px;width: 290px;*/
img#feature {
    display: none;
    padding: 0 0 5px 0;
    /*    margin-left: 25px;
    float: right;*/
}

.featureImgDiv {
    float: right;
    padding: 0px 0 18px 10px;
    text-align: right;
    width: 100%;
    max-width: 290px;
}

.featureImgCaption {
    color: #B9B9B9;
}


/*2975 -*/
/*3046 +*/
/*#homeSlideshow #bottomBar p{ position:relative;float:left; width:600px; margin-left:8px; color:#5D79A1; display:block; font-size:1.2em;filter:alpha(opacity=100); }*/
#homeSlideshow #bottomBar p {
    height: 18px;
    position: relative;
    float: left;
    width: 600px;
    margin-left: 8px;
    color: #5D79A1;
    display: block;
    filter: alpha(opacity=100);
}
/*3046 -*/
/*#3096 +*/
.contactEmail a {
    background: url(/images/cov/ui/email.png) no-repeat center left;
}

.contactPhone {
    background: url(/images/cov/ui/phone.png) no-repeat center left;
    padding: 1px 0px 2px 23px;
}

.addCalendar a {
    background: url(/images/cov/ui/calendar_add.png) no-repeat center left;
}
/*#2985 +*/
.googleSearch {
    width: 520px;
    float: left;
}

#searchInput {
    float: left;
    height: 30px;
    line-height: 20px;
    margin-right: 8px;
    padding-left: 2px;
    width: 400px;
    -webkit-appearance: none;
    border: 2px solid #d9d9d5;
}

    #searchInput:focus {
        outline: 3px solid #F5A623;
        outline-offset: 0;
    }

#searchNews {
    background: url("/images/cov/ui/bg_button.png") repeat scroll 0 0 #FFFFFF;
    border: medium none;
    height: 30px;
    width: 80px;
}

/* search page items */
.searchContainer {
    background-color: #F8F8F8;
    float: left;
    margin-bottom: 1em;
    overflow: hidden;
    padding: 1em;
    width: 500px;
}

    .searchContainer input[type="radio"] + label {
        display: flex;
        font-weight: 400;
        margin-right: 30px;
    }

    .searchContainer input[type="radio"]:checked,
    .searchContainer input[type="radio"]:not(:checked) {
        /*position: absolute;*/
        opacity: 0;
        margin-right: 25px;
    }

        .searchContainer input[type="radio"]:checked + span,
        .searchContainer input[type="radio"]:not(:checked) + span,
        .searchContainer input[type="radio"]:checked + label,
        .searchContainer input[type="radio"]:not(:checked) + label {
            position: relative;
            cursor: pointer;
            display: inline-block;
            color: #444;
            margin-right: 10px;
        }

    .searchContainer input[type="radio"] + span::before,
    .searchContainer input[type="radio"] + label::before {
        content: '' !important;
        margin: 0 -25px 0 0;
        position: relative;
        left: -40px;
    }

    .searchContainer input[type="radio"]:checked + span::before,
    .searchContainer input[type="radio"]:checked + label::before {
        content: '' !important;
        background-color: #0279B1;
    }

    .searchContainer input[type="radio"] + span::before,
    .searchContainer input[type="radio"] + label::before {
        background-clip: content-box;
        border: 2px solid #D9D9D5;
        border-radius: 50%;
        content: "" !important;
        display: inline-block;
        height: 15px;
        padding: 3px;
        vertical-align: middle;
        min-width: 15px;
        margin-top: 0.25em;
        margin-bottom: 0.25em;
    }


    .searchContainer fieldset {
        border: none;
        margin-bottom: 20px;
        padding: 0;
    }

        .searchContainer fieldset label {
            padding-right: 40px;
        }

        .searchContainer fieldset legend {
            margin-bottom: 10px;
        }

        .searchContainer fieldset br {
            display: none;
        }

@media (max-width: 599px) {
    .searchContainer fieldset br {
        display: block;
    }
}

.googleSearch .details {
    border-bottom: 2px solid #F1F0EB;
    /* color: #BDBBAC; */
    color: #444;
    font-size: 1em;
    margin: 0 0 1em;
    padding: 0 0 1em 1em;
}
/* search buttons */
/* form buttons we control */
.covbl .button {
    float: left;
}

.covbr .button,
.covbc .button {
    float: right;
    margin-bottom: 6px;
}

.button,
.flickrRequest .buttons {
    /*background: transparent url(/images/cov/ui/cov-button-cmd.png) left -70px no-repeat;*/
    background: #0279B1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border: #d9d9d5 1px solid;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: 0 0 0 4px;
    /* IE */
    padding-left: 0;
}

    .button input,
    .flickrRequest .buttons input {
        /* background: transparent url(/images/cov/ui/cov-button-cmd.png) right top no-repeat; */
        background: #0279B1;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
        border: none;
        color: #fff;
        margin: 0;
        padding: 5px 14px 5px 10px;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .button span {
        margin: 0;
        padding: 0;
    }

    .button:hover,
    .flickrRequest .buttons:hover {
        /*background-position: left -104px;*/
        background: #FFFFFF;
        color: #0279B1;
    }

        .button:hover input,
        .flickrRequest .buttons:hover input {
            /* background-position: right -34px; */
            background: #FFFFFF;
            color: #0279B1;
        }
/* button margins and spacing */
#doc2 .covbl,
#doc2 .covbr,
#doc2 .covbc {
    clear: both;
    padding: .5em 0; /* this changed when margins added to right rail */
    margin: 1em 0 0 0;
    overflow: visible;
}

#doc2 .modContainer .covbc, #doc2 .modContainer .covbr, #doc2 .modContainer .covbl {
    clear: inherit;
}

.covbl {
    text-align: left;
}

.covbr {
    text-align: right;
}

.covbc {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
}
/* button margins in text blocks */
#doc2 .basicBox .covbl,
#doc2 .basicBox .covbr {
    clear: both;
    margin: 0 10px 20px 10px;
}

#doc2 .basicBox .covbc {
    clear: both;
    margin-bottom: 8px;
}

a.covbuttonnav,
a.covbuttoncmd {
    color: #fff;
}

.covbuttonnav,
.covbuttoncmd {
    background-position: left -70px;
    background-repeat: no-repeat;
    text-decoration: none;
    display: inline;
    font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif;
    line-height: 1;
    color: #fff;
    float: none;
    /* remove padding from IE only */
    padding-top: 0;
}

    .covbuttonnav span,
    .covbuttoncmd span {
        background-position: right 0;
        background-repeat: no-repeat;
        margin: 0;
        display: inline;
        float: none;
        padding: 4px 14px 5px 12px;
    }
    /*
.covbuttoncmd span {
    padding-right: 14px;
}
*/
    .covbuttonnav:hover,
    .covbuttoncmd:hover {
        background-position: left -104px;
        text-decoration: none;
    }

        .covbuttonnav:hover span,
        .covbuttoncmd:hover span {
            background-position: right -34px;
        }
    /* default image */
    .covbuttonnav,
    .covbuttonnav span {
        /* background-image: url(/images/cov/ui/cov-button-nav.png); */
        background: #0279B1;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }

        .covbuttonnav span i {
            padding-left: 8px;
        }

    .covbuttoncmd,
    .covbuttoncmd span {
        /* background-image: url(/images/cov/ui/cov-button-cmd.png); */
        background: #0279B1;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        -khtml-border-radius: 5px;
    }

        .covbuttonnav span:hover,
        .covbuttoncmd span:hover {
            background: #FFFFFF;
            /* change border colour - JC 2018/10/16 */
            border: #b2b2b2 1px solid;
            color: #0279B1;
            padding: 3px 13px 4px 11px;
        }
/* register image */
.register .covbuttonnav,
.register .covbuttonnav span {
    /* background-image: url(/images/cov/ui/cov-buttonreg-nav.png); */
    background: #F5A623;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

.register .covbuttoncmd,
.register .covbuttoncmd span {
    /* background-image: url(/images/cov/ui/cov-buttonreg-cmd.png); */
    background: #F5A623;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
}

    .register .covbuttonnav span:hover,
    .register .covbuttoncmd span:hover {
        background: #FFFFFF;
        border: #d9d9d5 1px solid;
        color: #F5A623;
        padding: 3px 13px 4px 11px;
    }

/* google button handler (duplicate Safari Go button) */
/* .googleNews .buttons input[type=submit], */
.googleEvents .buttons input[type=submit],
.googleInitiatives .buttons input[type=submit]
/* 20120803 ADD: constant contact handler */,
form input.submit {
    /* background: url(/images/cov/ui/button_go.png) no-repeat scroll left top transparent; */
    background: #0279B1;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    cursor: pointer;
    border: medium none;
    color: #FFFFFF;
    height: 24px;
    padding: 4px 8px;
    text-align: center;
    width: 38px;
}
    /* Google boxes and constant contact handler */
    /* .googleNews .buttons input[type=submit]:hover, */
    .googleEvents .buttons input[type=submit]:hover,
    .googleInitiatives .buttons input[type=submit]:hover,
    form input.submit:hover {
        /* background-position: 0 -29px; */
        background: #FFFFFF;
        border: #d9d9d5 1px solid;
        color: #0279B1;
        padding: 3px 8px;
    }
/* Safari activity filter IE fixes */
#activitylist .covbuttoncmd,
#activitylist .covbuttonnav {
    display: inline-block;
    padding-top: 4px;
}

input.blue-button, a.blue-button, input.green-button, a.green-button, input.white-button, a.white-button, input.white-button--blue-bg, a.white-button--blue-bg {
    padding: 13px 13px;
    text-decoration: none;
    border-radius: 5px;
    line-height: 1.4em;
    display: inline-block;
    margin: 5px;
    cursor: pointer;
    border: 0;
    -webkit-appearance: none;
    box-sizing: border-box;
    max-width: 300px;
    text-align: center;
    font-weight: 500;
}

.contentWide .module-one-third-width [class*='-button'],
.contentWide .module-one-half-width [class*='-button'],
.contentWide .module-one-half-width-right [class*='-button'],
.contentWide .module-one-third-width [class*='-button'],
.contentWide .module-one-third-width-right [class*='-button'] {
    width: calc(100% - 9px);
    max-width: calc(100% - 9px);
    text-decoration: none;
}

input.blue-button, a.blue-button {
    background-color: #0279B1;
    color: white;
    border: #0279B1 1px solid;
}

    input.blue-button:hover, a.blue-button:hover {
        background-color: #FFF;
        color: #0279B1;
        text-decoration: none;
        border: #B2B2B2 1px solid;
    }

input.green-button, a.green-button {
    background-color: #4B8516;
    color: white;
    border: #4B8516 1px solid;
}

    input.green-button:hover, a.green-button:hover {
        background-color: #FFF;
        color: #4B8516;
        text-decoration: none;
        border: #B2B2B2 1px solid;
    }

input.white-button, a.white-button {
    background-color: #FFF;
    color: #0279b1;
    border: #b2b2b2 1px solid;
}

    input.white-button:hover, a.white-button:hover {
        background-color: #0279b1;
        color: #FFF;
        text-decoration: none;
        border: #0279b1 1px solid;
    }

input.white-button--blue-bg, a.white-button--blue-bg {
    background-color: #FFF;
    color: #0279b1;
    border: #fff 1px solid;
}

    input.white-button--blue-bg:hover, a.white-button--blue-bg:hover {
        background-color: #015982;
        color: #FFF !important;
        text-decoration: none;
        border: #fff 1px solid;
    }


/* end button handler*/

/* News page styles - JC - 2019/02/06 */

.extendedSubtitle {
    font-size: 1.25em;
    font-weight: 500;
    margin: 0px 0 20px 0;
}

.date__news {
    color: #444;
    font-weight: bold;
}

.imgallpadding > span.date__news + * {
    display: inline;
}

.news-title ~ .imgallpadding > *:nth-child(3) {
    margin-top: 20px;
}

/* end of news page styles */

/* email subscriptions */
.cov-subscription {
    margin: 1em 0 0;
    padding: 0;
}

    .cov-subscription input[type='text'], .cov-subscription input[type='email'] {
        width: calc(100% - 5px);
        max-width: 300px;
    }

#rightRail .basicBox form p {
    overflow: visible;
}

#rightRail form label,
.cov-subscription label {
    margin-bottom: .25em;
}
/* constant contact generated forms */
#rightRail input[type='text'] {
    width: 120px;
    height: 16px;
    margin-top: .25em;
    padding: 2px;
    color: #444444;
}

#rightRail .cov-subscription input[type='text'] {
    width: 160px;
    height: 16px;
    padding: 2px;
    color: #444444;
}

#doc2 .basicBox .cov-subscription .covbl,
#doc2 .basicBox .cov-subscription .covbr,
#doc2 .basicBox .cov-subscription .covbc {
    margin-bottom: 0;
}
/* search council reports */
#searchCouncilRail,
#searchCouncilBody {
    border: 1px transparent solid;
    white-space: nowrap;
}

    #searchCouncilRail input {
        vertical-align: bottom;
        vertical-align: middle;
    }

        #searchCouncilRail input[type='text'] {
            width: 130px;
            margin: 0 2px 0 0;
        }

    #searchCouncilBody input[type='text'] {
        width: 340px;
        height: 16px;
        padding: 2px;
        float: left;
        margin-right: 6px;
    }

    #searchCouncilBody .button {
        float: left;
    }

.googleSearch .links span.url {
    color: #6CB33F;
}

.googleSearch .links .size {
    color: #BDBBAC;
}

.googleSearch .navigation {
    float: none;
    height: 18px;
    line-height: 18px;
    margin-bottom: 12px;
    margin-top: 5px;
}

.googleSearch h3 {
    margin-top: 0;
    margin-bottom: 0;
}

.spell {
    margin: 0 0 1.5em;
}

    .spell h3 {
        margin: 0.5em 0 0.25em;
    }

#meta img.searchImg {
    padding-right: 5px;
    margin-bottom: 2px;
}

form#search input.searchBoxEmpty {
    height: 2em;
}
/*#meta {width: 425px; float: right;margin-top: 25px;}*/
#meta {
    float: right;
    margin-top: 25px;
    text-align: right;
    width: 450px;
}

#neighbourhoodsDropDown {
    background: url("/images/cov/ui/lnkDropdown.png") no-repeat right 9px transparent;
    float: left;
    padding: 5px 16px 0 1em;
}

#neighbourhoodsDropDownMenu ul {
    /* extra breathings space */
    margin: 0 .5em .6em;
}
/* google search boxes */
div.query input.query {
    width: 140px;
    height: 22px;
    margin-right: 4px;
    padding: 0 2px;
    color: #444444;
    border: 1px solid #0081c6;
    vertical-align: middle;
}

div.neighbourhoods select {
    margin-left: 6px;
    height: 24px;
    padding-top: 2px;
    color: #444444;
    border: 1px solid #0081c6;
}
/* #3116 searchBoxInitiatives bg image */
.googleEvents input.query, .googleNews input.query, .googleInitiatives input.query {
    background: url() no-repeat scroll 3px 4px #fff;
}

.dayView .navigation {
    margin-right: 5px;
    margin-top: 4px;
    margin-left: 5px;
    height: 35px;
    display: inline;
}

    .dayView .navigation a {
        line-height: 31px;
    }

.googleInitiatives input.searchBoxEmpty {
    background-image: url(/images/cov/ui/initSearch.png);
}

.googleNews input.searchBoxEmpty {
    background-image: url(/images/cov/ui/newsSearch.png);
}

.googleEvents input.searchBoxEmpty {
    background-image: url(/images/cov/ui/eventSearch.png);
}
/* #3116 -*/
/* addThis - share button */
#content #addThisDiv {
    width: auto;
    float: right;
    margin: 0 -.5em 1em 1em;
    text-align: right;
    white-space: nowrap;
}

    #content #addThisDiv a {
        float: left;
        color: #deddd6;
        text-align: right;
        text-decoration: none;
    }

.atlbl .at16nc {
    margin-right: .35em;
}

/* 3730/3761 tabset module */
/* 3492 progressive disclosure */
.progressive-disclosure {
    clear: both;
    width: calc(99% - 20px);
}

.tabDetail {
    /* expand tab detail to content height */
    float: left;
}

.tabSection .nav {
    /* positions tabs on top of tab detail to hide top border 
   under selected tab only */
    position: relative;
}

.tabDetail .imageList, .tabDetail .basicBox, .tabDetail .unstyledTextBlock,
.tabDetail .mediumIconList, .tabDetail .simpleList,
.tabDetail .smallIconList, .tabDetail .youTube, .tabDetail .pdSet {
    float: left;
    width: 510px;
    margin: 1em 0 0 0;
}

.tabDetail .photoOfTheDay, .tabDetail .smallList {
    width: 245px;
    float: left;
}

/* fix iframes in tabs */
.tabDetail > iframe,
.pdSection > iframe {
    display: block;
    clear: both;
    margin: 1em 0 0 0;
}

/* 3-1-1 header */
#cov-cta {
    display: block;
    position: absolute;
    top: 32px;
    left: 440px;
}

    #cov-cta a {
        display: block;
        height: 0;
        float: left;
        background: url('/images/cov/icons/icon-311.png') 2px -34px no-repeat;
        margin: 0;
        padding: 0 68px 22px 0;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        -khtml-border-radius: 4px;
        text-decoration: none;
    }

        #cov-cta a:hover {
            background-position: 2px 2px;
            text-decoration: none;
        }

/* Google Events day view and list view */
.dayViewList {
    margin: 0;
    padding: 0;
}
/* search box on event calendar */
.quinput {
    display: block;
    width: 30em;
    margin-left: 1em;
}

    .quinput label {
        display: block;
        clear: both;
        width: 100%;
        margin: 0;
        padding: .2em 0;
    }

    .quinput .keywords,
    .quinput .filters {
        display: block;
        margin: 0;
        padding: 0;
    }

    .quinput .keywords {
        margin-top: .7em;
    }

        .quinput .keywords input {
            margin: 0;
            padding: .6em .2em;
            height: 1em;
            /* width: 24.3em; */
            vertical-align: middle;
        }

    .quinput .filters select {
        margin: 0;
        padding: .2em 0;
        height: 2.2em;
        width: 10.5em;
    }

    .quinput .keywords input,
    .quinput .filters select {
        border: 1px #0081c6 solid;
    }

    .quinput .neighbourhoods,
    .quinput .eventtype {
        margin-top: .6em;
        margin-right: .6em;
    }

    .quinput .buttons {
        /* margin: 2.3em 0 0; */
        margin: 20px 0 0;
    }

        .quinput .buttons input[type='submit'] {
            margin-right: .6em;
        }

.dayViewList .navigation {
    /* margin: -1.22em 0 0; */
}

.dayViewList .results {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin-top: 1em;
}

/* embedded (not popup) date picker */
#eventsDatePicker,
#newsDatePicker {
    float: left;
    margin-top: 0;
    padding-top: .9em;
    width: 11.25em;
}

    #eventsDatePicker input,
    #newsDatePicker input {
        margin: .2em 0 0;
        padding: .45em .2em;
        border: 1px #0081c6 solid;
    }

.datePicker {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    background: #fff;
    border: 1px #bdbbac solid;
    width: 14.1em; /* ie6-7 only */
}

    .datePicker .toolbar,
    .datePicker .picker,
    .datePicker table {
        clear: left;
        float: left;
        margin: 0;
        padding: 0;
        width: 100%;
        height: auto;
        border: none;
    }

    .datePicker .toolbar {
        /* use relative positioning so controls can be absolutely placed */
        display: block;
        position: relative;
        text-align: center;
    }

    .datePicker table,
    .datePicker table tr,
    .datePicker table th,
    .datePicker table td,
    .datePicker td.weekday,
    .datePicker td.empty,
    .datePicker td a {
        margin: 0;
        padding: 0;
        text-align: center;
        height: auto;
        background: #fff;
    }

    .datePicker th,
    .datePicker td {
        border: 1px #fff solid;
    }

        .datePicker td.weekday,
        .datePicker td a {
            /* rows with text full height */
            padding: 3px;
        }

        .datePicker td.empty {
            padding: 0;
            /* option 1: rows without links full height
    line-height: 1.6; */
            /* option 2: hide empty rows - calendar may move */
            line-height: 0;
        }

        .datePicker td.weekday {
            color: #444444;
            background-color: #bdbbac;
            font-weight: bold;
        }

        .datePicker td a {
            display: block;
            font-weight: bold;
            color: #444444;
            background-color: #f1f0eb;
        }

            .datePicker td a:hover {
                background-color: #bdbbac;
                text-decoration: none;
            }

    .datePicker .current a,
    .datePicker .current a:hover {
        color: #fff;
        background-color: #0279B1;
        text-decoration: none;
    }

    .datePicker .thisMonth {
        width: 100%;
        position: relative;
        text-align: center;
        font-weight: normal;
        margin: 0 auto;
        padding: 3px 0;
        color: #fff;
        background-color: #0279B1;
    }

    .datePicker .previousMonth,
    .datePicker .nextMonth {
        display: block;
        position: absolute;
        margin: 0;
        padding: 1px 4px;
        top: 0;
        width: auto;
        height: auto;
        font-weight: normal;
        z-index: 99;
        color: #fff;
        background-color: #0279B1;
    }

    .datePicker a.previousMonth:hover,
    .datePicker a.nextMonth:hover {
        color: #fff;
        background-color: #2e3c50;
        text-decoration: none;
    }

    .datePicker a.previousMonth {
        left: 0;
    }

    .datePicker a.nextMonth {
        right: 0;
    }

    .datePicker .close {
        display: none;
    }

.dayViewList div.day {
    width: 100%;
}

.dayViewList .day h2 {
    color: #fff;
    /* border-radius: 3px 3px 0 0; */
}

.dayViewList .item,
.dayViewList .noItem {
    display: block;
    position: relative;
    clear: both;
    background-color: #f1f0eb;
    margin: 0 0 .5em;
    padding: 0 0 .6em;
    /*border-radius: 3px;*/
    overflow: hidden;
}

/*
.dayViewList .items .item,
.dayViewList .items .noItem {
    border-radius: 0 0 3px 3px;
}
*/

.dayViewList .noItem {
    padding: .6em;
}

.dayViewList .item h3 {
    margin: .7em 7em .6em;
}

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

    .dayViewList .item ul li {
        display: block;
        margin: 0;
    }

.dayViewList .item .evtime {
    position: absolute;
    margin: 0;
    padding: 0;
    width: 5.5em;
    top: .7em;
    left: .5em;
}

.dayViewList .description {
    margin: 0 1.5em;
}
/* left margin set */
.dayViewList .item h3,
.dayViewList .item ul li,
.dayViewList .description {
    margin-left: 7em;
}
/* ie6 fix */
* html .dayViewList .item .evtime {
    left: -7em; /* ie 6 only */
}

.dayViewList .evicons {
    position: absolute;
    top: .6em;
    right: .5em;
    z-index: 1;
}

    .dayViewList .evicons ul {
        display: block;
        list-style: none;
        margin: 0;
        padding: 0;
    }

        .dayViewList .evicons ul li {
            display: block;
            float: left;
            width: 16px;
            height: 16px;
            margin: 0;
            padding: 0;
            overflow: hidden;
            zoom: 1;
            white-space: nowrap;
        }

            .dayViewList .evicons ul li + li {
                margin-left: .38em;
            }

            .dayViewList .evicons ul li a {
                padding: 4em;
                background-color: transparent;
                background-position: left 4em;
                background-repeat: no-repeat;
            }

                .dayViewList .evicons ul li a:hover {
                    background-color: #fff;
                }

.icon_fb a {
    background-image: url('/images/cov/icons/icon_facebook_16x16.png');
}

.icon_url a {
    background-image: url('/images/cov/ui/link.png');
}

.icon_mail a {
    background-image: url('/images/cov/ui/email.png');
}

.icon_cal a {
    background-image: url('/images/cov/ui/calendar_add.png');
}
/* Common tasks 20140708 */
.basicBox .commonTasks {
    list-style: none;
    margin-left: .8em;
    margin-right: .6em;
    padding: 0;
}

    .basicBox .commonTasks li a {
        display: block;
        padding: .4em 1.2em .4em 0;
        background: url('/images/cov/ui/arrowRight.png') right .7em no-repeat;
    }

/* WebDocs styles 20140708 */
/* file types - universal code */
.content .basicBox li p, #rightRail .basicBox li p,
.content .unstyledTextBlock li p, #rightRail .unstyledTextBlock li p {
    /* clear left margin if P inside LI element */
    margin-left: 0;
    overflow: visible;
}

/* file type spacing and colour */
a[rel=alternate] {
    /* apply spacing to link element NOT .file element, to prevent indent on line wrap */
    margin-right: 0.5em;
}

.file {
    font-style: italic; /* or font-style: normal for non-italic */
    color: #808285;
}

    .file span {
        white-space: nowrap;
    }
/* icon images */
.file {
    background-repeat: no-repeat;
    background-position: 0 0em;
    padding-left: 1.5em;
    background-image: url('/images/cov/icons/icon_document.gif');
}

    .file.PDF {
        /* Adobe reader files */
        background-image: url('/images/cov/icons/icon_pdf.gif');
    }

    .file.Office.Document, .file.DOC, .file.DOCX, .file.DOCM, .file.DOCM.file.DOT, .file.DOTX, .file.DOTM {
        /* Word documents require multiple handlers, VanDocs calls them "Office Document" */
        background-image: url('/images/cov/icons/icon_word.gif');
    }

    .file.XLS, .file.XLSX, .file.XLSM {
        /* Excel documents */
        background-image: url('/images/cov/icons/icon_excel.gif');
    }

    .file.PPT, .file.PPTX, .file.PPTM {
        /* Powerpoint documents */
        background-image: url('/images/cov/icons/icon_powerpoint.gif');
    }

    .file.image {
        /* refers to photographic image */
        background-image: url('/images/cov/icons/icon_image_photo.gif');
    }

    .file.PNG, .file.GIF, .file.BMP {
        /* refers to rasterized bitmap images */
        background-image: url('/images/cov/icons/icon_image.gif');
    }

    .file.Compressed, .file.ZIP, .file.RAR {
        /* refers to all archive types */
        background-image: url('/images/cov/icons/icon_archive.gif');
    }

/* WebDocs lists */
.expired {
    background: #fdd;
}

.notpublished {
    background: #ffc;
}

.covhidden {
    display: none !important;
}

p.cov-inactive {
    font-style: italic;
}

.cov-error {
    background: #ffc;
}

.cov-doclist-set {
    clear: both;
    float: left;
    width: 98%;
}

.cov-doclist .inactivetoggle {
    float: right;
    margin: 0 0 1em;
}

.cov-dcsearch {
    clear: both;
    float: left;
    width: 98%;
    margin-bottom: 0;
}

    .cov-dcsearch label {
        margin-bottom: .2em;
    }

    .cov-dcsearch #cov-dc-search {
        padding: 0.3em;
        width: 70%;
    }

    .cov-dcsearch #cov-dc-sortby {
        width: 10em;
    }

    .cov-dcsearch #cov-dc-sortdir {
        width: 10em;
    }

    .cov-dcsearch select {
        padding: 0;
    }

        .cov-dcsearch select option {
            padding: .1em.3em;
        }

    .cov-dcsearch .left span.button {
        margin-top: 1.3em;
    }

.cov-doclist {
    clear: both;
}

    .cov-doclist ul {
        clear: both;
        list-style: disc;
    }

        .cov-doclist ul li {
            margin-bottom: 0;
        }

            .cov-doclist ul li p {
                margin-top: 0;
                margin-bottom: 0;
            }

                .cov-doclist ul li p.cov-summary {
                    margin-top: .2em;
                    margin-bottom: .4em;
                }

p.covDownloadFiles {
    height: 2em;
}

.cov-doclist ul.dcdownload {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

    .cov-doclist ul.dcdownload li p {
        margin-left: 1.8em;
        text-indent: -1.8em;
    }

        .cov-doclist ul.dcdownload li p.cov-summary {
            text-indent: 0;
        }

        .cov-doclist ul.dcdownload li p input {
            margin-right: .75em;
            vertical-align: middle;
        }

/* pagination */
.covPagerContainer {
    padding-top: 1%;
}

.covPageSelector {
    display: block;
    float: left;
    margin: 0 0 1em;
    padding: 0;
}

    .covPageSelector label {
        display: block;
        float: left;
        font-size: 1em;
        color: #444444;
        margin: .2em .3em 0 0;
    }

ul.covPagerNav {
    clear: none;
    float: right;
    list-style: none;
    margin: .1em 0 1em;
    padding: 0;
}

    ul.covPagerNav li {
        display: inline;
        margin-right: 10px;
        float: left;
    }

        ul.covPagerNav li.currentPage a {
            font-weight: bold;
        }

/* right rail */
#rightRail .cov-doclist {
    padding-bottom: .5em;
}

    #rightRail .cov-doclist ul li {
        padding: 0;
    }

#rightRail .basicBox .cov-doclist label {
    margin-left: .7em;
}

#rightRail .basicBox .cov-doclist ul.dcdoclist {
    margin: 0;
    padding-left: 1.8em;
}

#rightRail .basicBox .cov-doclist ul.dcdownload {
    margin-left: 2.5em;
    margin-right: 0;
}

#rightRail .cov-doclist ul li p {
    margin-left: 0;
    overflow: visible;
}

#rightRail .cov-doclist ul.dcdoclist p {
    margin-left: .3em;
}

/* mobile add-on */
@media screen and (max-width: 980px) {
    body #doc .cov-doclist li p {
        margin-bottom: 0;
        margin-top: .2em;
    }

    /* pagination */
    body #doc .covPagerContainer select {
        width: auto;
    }

    ul.covPagerNav {
        float: right;
        list-style: none;
        margin: 0 0 .5em;
        padding: 0;
    }

        ul.covPagerNav li {
            display: inline;
            margin: 0 4px 10px 0;
            float: left;
            min-width: 24px;
        }

            ul.covPagerNav li a {
                padding: 3px 8px;
                font-size: 14px;
                font-weight: bold;
                border: 1px solid #ddd;
                background: #fff;
                border-radius: 4px;
                -webkit-border-radius: 4px;
                -moz-border-radius: 4px;
            }

            ul.covPagerNav li.currentPage a {
                background: #f0f0f0;
                border-color: #ccc;
                text-decoration: none;
            }

    body #doc .cov-doclist li p {
        margin-bottom: 0;
        margin-top: .2em;
    }

    body #doc .cov-doclist li em.file {
        padding-left: 1.2em;
    }
}

@media screen and (max-width: 620px) {
    body #doc #cov-dc-title {
        width: 95%;
    }

    body #doc form p.left {
        float: none;
        width: 99%;
    }

    body #doc form select {
        width: 100%;
    }
}

/* June 02, 2015 */
/* css fix flexible width for table */
table.tableFlexWidth {
    width: initial;
}

/* Dec 24, 2015 */
/* archived item */
.event-title .isArchived, .news-title .isArchived {
    /*background-color: rgba(158, 129, 181, 0.29);
    border-left: #56406a 3px solid;*/
    background-color: rgba(178, 178, 178, 0.25);
    border-left: #B2B2B2 3px solid;
    padding: 2px 7px 2px 5px;
}

/* Jan 08, 2016 */
.googleSearch .isArchived, .googleNews .isArchived, .googleEvents .isArchived {
    /*background-color: rgba(158, 129, 181, 0.29);
    border-left: #56406a 3px solid;*/
    background-color: rgba(178, 178, 178, 0.25);
    border-left: #B2B2B2 3px solid;
    padding: 2px 7px 2px 5px;
}

/* Oct 31, 2016 */
.googleSearch .search-result-pdf {
    background-color: rgba(246, 142, 86, 0.25);
    border-left: #F68E56 3px solid;
    padding: 2px 7px 2px 5px;
}

.nivoSlider a.nivo-imageLink {
}

/* HEADER */
#header #cov-cta {
    display: none;
}

#header .tools {
    float: right;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-top: 5px;
    margin-right: -5px;
    font-size: 20px;
}

    #header .tools div {
        height: 28px;
        margin: 4px;
        padding: 5px 10px;
        display: inline-block;
    }

    #header .tools > a {
        float: right;
    }
    /*
#header .tools #search {
  background-color: #4B8516;
  color: #fff;
}

#header .tools #search form {
  opacity: 0;
  display: none;
  float: left;
  margin-right: 10px;
}

#header .tools #search form .query {
  border: 0;
  background-color: #fff;
  height: 34px;
  font-size: 65%;
  padding-left: 10px;
  margin-top: -3px;
  margin-left: -8px;
}

#header .tools #search.open {
  z-index: 30;
}

#header .tools #search.open form {
  display: block;
  opacity: 1;
}
*/
    #header .tools #phone, #header .tools #phone a {
        background-color: #0279B1;
        color: #fff;
    }

        #header .tools #phone:hover, #header .tools #phone a:hover, #header .tools div#apps:hover {
            /*background-color: #93958b;*/
            background-color: #F1F0EB;
            /*transition: all 0.5s ease;*/
        }

        #header .tools #phone:hover, #header .tools #phone a:hover, #header .tools div#apps:hover {
            color: #0279B1;
        }

    #header .tools div#apps:hover {
        color: #4B8516;
    }

    #header .tools #phone a:hover, #header .tools #apps a:hover {
        text-decoration: none;
    }

    #header .tools #apps, #header .tools #apps a {
        background-color: #4B8516;
        color: #fff;
    }

#header #search {
    width: 300px;
    padding: 0 !important;
    height: 32px !important;
}

#header form.header-searchbox {
    margin: 0;
}

    #header form.header-searchbox i {
        padding-top: 5px;
    }

#header .header-searchbox {
    position: relative;
    min-width: 36px;
    width: 0;
    float: right;
    overflow: hidden;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s;
    z-index: 30;
    border: 3px #4B8516 solid;
}

#header .header-searchbox-icon,
#header .searchbox-submit {
    width: 36px;
    height: 34px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    margin: 0;
    border: 0;
    text-align: center;
    cursor: pointer;
    color: #fff;
    background: #4B8516;
    -webkit-appearance: none;
}

#header .header-searchbox-icon {
    background: #4B8516;
    color: #fff;
}

    #header .header-searchbox-icon:hover {
        background-color: #D9D9D5;
        color: #4B8516;
        /*transition: all 0.5s ease;*/
    }

/*
#header .searchbox-submit{
    margin-top: -2px;

    background:#fff;
    color:#6eb349;
}
*/
#header .searchbox-submit:hover {
    background-color: #D9D9D5;
    color: #4B8516;
}

#header .searchbox-open {
    width: 100%;
}

#header .lnkDropdown {
    background: none;
}

/* FCV Header */
/* FCV header BC 07062018 */
#header .header-searchbox {
    border: none;
}

    #header .header-searchbox input {
        padding: 10px 50px 10px 10px;
        position: relative;
        width: 100%;
        max-height: 40px;
        overflow: hidden;
        -webkit-transition: width 0.3s;
        -moz-transition: width 0.3s;
        -ms-transition: width 0.3s;
        -o-transition: width 0.3s;
        transition: width 0.3s;
        z-index: 30;
        border: 2px #0279b1 solid;
        box-sizing: border-box;
        border-radius: 0px;
        min-height: 40px;
        margin: 3px 0;
    }

#header .header-searchbox-input {
    top: 0;
    right: 0;
    border: 0;
    outline: 0;
    /*background:#dcddd8;*/
    width: 100%;
    height: 100% !important;
    margin: 0;
    padding: 0px 45px 0px 12px;
    font-size: 0.88em;
    color: #666666;
    -webkit-appearance: none;
    margin: 3px;
}


#header #search {
    width: 100%;
    padding: 0 !important;
    height: 40px !important;
}

#header .header-searchbox {
    border: none;
    padding: 0 0 6px 0;
}

form.header-searchbox button i {
    font-size: 20px;
    color: #0279B1;
}

ul#topNav li {
    margin-bottom: 17px;
}

.search-wrapper {
    margin: 6px;
    width: 100%;
}

#header form.header-searchbox {
    margin-bottom: 17px;
    padding: 0 6px;
}

.search-wrapper button, .search button {
    padding: 9px;
    fill: #008ac9;
    border: none;
    background: none;
    cursor: pointer;
    margin: 9px 12px;
}

.search-wrapper button {
    display: block;
    height: 40px;
    padding: 0 10px;
    position: absolute;
    margin: 3px 0 0 0;
    top: 0;
    right: 7px;
    z-index: 31;
}

    .search-wrapper button svg, button.goSearch svg {
        width: 20px;
        height: 20px;
        display: block;
    }

.utility-nav {
    padding-top: 20px;
}

    .utility-nav svg {
        display: inline-block;
        height: 20px;
        width: 25px;
        margin-right: 2px;
        position: relative;
        top: 2px;
        fill: #acaca8
    }

    .utility-nav .list--plain {
        margin-bottom: 0
    }

        .utility-nav .list--plain li {
            padding-right: 8px;
            font-size: 0.88em;
            display: inline;
        }

            .utility-nav .list--plain li a {
                color: #444;
                display: inline-block;
            }

            .utility-nav .list--plain li:last-child {
                padding-right: 5px
            }

            .utility-nav .list--plain li a:active > svg,
            .utility-nav .list--plain li a:focus > svg {
                fill: #444;
            }


@media (max-width: 980px) {
    .search-wrapper, .utility-nav {
        display: none;
    }
}

.header-searchbox-input {
    box-shadow: none;
}

    .header-searchbox-input:focus, .search-wrapper button:focus, #sidr-main form button.goSearch:focus,
    .header-searchbox-input:active, .search-wrapper button:active, #sidr-main form button.goSearch:active,
    .search button:focus, .search button:active {
        box-shadow: 0 0 0 3px #f5a623;
        box-sizing: border-box;
    }

/* MODULES */
#footer .row {
    clear: both;
    display: block;
    background-color: #fff;
    margin: 0 -204px;
    padding: 0 204px;
}

    #footer .row:after {
        clear: both;
    }

#footer .fullWidth {
    margin: 0;
    padding: 0;
}

/* FOOTER */
#footer {
    width: auto;
    display: block;
    margin: -20px 20px;
    clear: both;
    font-size: 0.8em;
}

    #footer hr {
        margin: 0;
        border-right: 2px #e5e5e4 solid;
        opacity: 0.25;
        filter: alpha(opacity=25); /* For IE8 and earlier */
    }

    #footer .seperator {
        background-color: #0279B1;
    }

    #footer h2 {
        font-size: 16px;
        text-transform: uppercase;
        letter-spacing: 1.3px;
        padding-bottom: 5px;
    }

    #footer ul {
        list-style-type: none;
        padding: 0px;
        margin: 10px 0;
    }

    #footer p, #footer a, #footer h2, #footer h3 {
        color: #fff;
    }

        #footer p img {
            vertical-align: middle;
            /* padding-left:16px */
        }

    #footer .top {
        background-color: #0279B1;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: table;
        width: 100%;
    }

    #footer div.top {
        padding-top: 40px;
    }

    #footer div.clearfix {
        padding-top: 0;
    }

    #footer .top div > img.pull-left {
        padding-top: 15px;
    }

    #footer .row.bottom.clearfix {
        padding-top: 20px;
        padding-bottom: 35px;
    }

    #footer .top div p.apps-download {
        padding: 0px 0px 10px 0px;
        margin-top: 0;
    }
    /* jc - 2019-05-15 */
    #footer .top .pull-left {
        margin-top: 0;
    }

    #footer .top div > :first-child {
        /* footer 3 levels */
        /* width: initial; */
        padding: 0;
        /* display: block; - jc - to be removed for new footer style - 2019-05-15 */
    }

    #footer .top div div {
        padding-right: 15px;
    }

    #footer .top .footer-311 {
        text-decoration: none;
    }

    #footer .top div {
        display: table-cell;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
        /*padding: 5px 25px 25px 25px;*/
        padding: 10px 25px 10px 25px;
        /*width: 27%;*/
        /* width: 33%; - jc - to be removed for new footer style - 2019-05-15 */
        vertical-align: top;
    }

    #footer .top.footerMiddle div {
        vertical-align: middle;
    }

    #footer .row.top div:last-child {
        padding-right: 0px;
    }

    #footer .row.top div:first-child {
        padding-left: 0;
    }

    #footer .row .bottom div:last-child {
        padding-right: 0;
    }

    #footer .row .top div:first-child {
        padding-left: 0;
    }

    #footer .top div p {
        margin: 0.8em 0;
    }

    #footer .cov-logo {
        height: 70px;
    }

    #footer .top .footer-map-img {
        float: left;
        /*
  width: 80%;*/
        width: inherit;
    }

    #footer .top .footer-map {
        float: left;
        margin-top: 10px;
        /* width: 50%; */
        width: 40%;
        padding-left: 10px;
    }

    #footer .top .footer-map-link {
        display: none;
    }

    #footer .top .footer-address {
        float: left;
        width: 50%;
    }

        #footer .top .footer-address p {
            line-height: 1.6em;
        }

    #footer .bottom {
        background-color: #0279B1;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        display: block;
    }

        #footer .bottom div:after {
            clear: both;
        }

        #footer .bottom .copyright {
            float: left;
            color: #fff;
            padding-bottom: 5px;
        }

    #footer .lookingfor {
        float: right;
        display: flex;
    }

        #footer .lookingfor ul {
            display: table-cell;
            display: -webkit-flex;
            display: -ms-flexbox;
            display: flex;
            text-align: right;
        }

            #footer .lookingfor ul li {
                float: left;
                margin: 0 5px;
            }

    #footer .bottom .lookingfor p a {
        margin-left: 25px;
    }
    /*
#footer .fa-inverse {
  color: #2374a2;
}
*/
    #footer a {
        text-decoration: underline;
        border: 3px solid transparent;
    }

a.footer-img__phone, a.footer-img__map {
    border: 3px solid transparent;
    display: inline-block;
}

a.footer-img__phone {
    margin-top: 10px;
}

.footer-img__logo {
    display: inline-block;
}

#footer a:hover {
    color: #D9D9D5;
}

#footer a:focus, #footer a:active {
    color: #D9D9D5;
    border: 3px solid #F5A623;
    outline: 0;
    background-color: #0279B1;
}

a.footer-img__phone:active, a.footer-img__phone:focus, a.footer-img__map:active, a.footer-img__map:focus {
    border: 3px solid #F5A623;
    outline: 0;
}

#footer a:hover .fa-inverse, #footer .footer-social-media a:hover img,
#footer a:active .fa-inverse, #footer .footer-social-media a:active img,
#footer a:focus .fa-inverse, #footer .footer-social-media a:focus img {
    opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

#footer .footer-social-media a:hover {
    color: #93958b;
}

#footer .top div > :first-child.footer-social-media {
    padding-top: 10px;
}

/* Items */
/*#homeContent .listItem {
  margin-top: 10px;
}

#homeContent .listItem p {
  margin: 0 0 10px 0;
}
*/
/* FIXES */
.left {
    float: left;
}

.right {
    float: right;
}

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

/* RESPONSIVE (MOBILE) */
@media (max-width: 980px) {
    #header .tools {
        display: none;
    }
}

@media (max-width: 979px) {
    body #doc .home {
        width: initial;
    }

    .banner {
        display: block;
    }

        .banner .carousel {
            /*width: 100%;*/
            /*height: 300px;*/
            -webkit-order: 1;
            -ms-flex-order: 1;
            order: 1;
            /*display: table-header-group;*/
            display: none;
        }

    .newsAndEvents {
        margin-right: 0;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: auto;
        padding: 0 25px;
        display: table-footer-group;
    }

    .news, .events {
        display: block;
        width: auto;
        margin: 35px 25px 0 25px;
        padding: 0;
    }

    .alertsAndTwitter {
        margin-bottom: 0;
        padding: 0 25px;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1;
        display: table-header-group;
        width: auto;
    }

    .alerts {
        display: block;
        width: auto;
        margin: 35px 25px 0 25px;
    }

    .twitter {
        display: none;
    }

    .talkmenu {
        display: block;
    }

    .card {
        display: block;
        width: auto;
        border-radius: 5px;
        margin: 25px;
        margin-top: 0;
    }

    #footer {
        -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-left: 0;
    }

        #footer .top div:nth-child(2) {
            width: auto;
        }

        #footer .top div div {
            padding-right: 0px;
        }

        #footer .top div:nth-child(3) {
            /*padding: 5px 20px 25px 25px;*/
            padding: 25px 20px 25px 25px;
            /* width: 32%; - jc - to be removed for new footer style - 2019-05-15 */
        }

        #footer .bottom div {
            display: block;
            width: initial;
            text-align: center;
            width: 100%;
            padding-bottom: 15px;
        }

        #footer .lookingfor img {
            margin: 15px 25px;
        }

        #footer p img {
            padding-left: 0px
        }
}
/* to be removed for new footer style - jc - 2019-05-15
@media (max-width: 600px) {
    #footer .top div {
        width: 100% !important;
    }
}
*/
@media (max-width: 780px) {

    #footer .top > div {
        display: block !important;
        width: initial;
        clear: both;
    }

    #footer .top div:nth-child(3), #footer .top > div {
        padding-left: 0;
    }

    #footer .top .apps-download {
        float: left;
        clear: none;
    }

    #footer .bottom div {
        text-align: left;
    }

    #footer .bottom .lookingfor p a {
        float: left;
        clear: left;
        display: block;
        margin-top: 5px;
        margin-left: 0px;
    }

    #footer .top .footer-map {
        display: none;
    }
    /* jc - 2019-05-15 - to be removed for new header style
    #footer .top div, #footer .top div:nth-child(3) {
        width: 100%;
    }
*/
    #footer .top .footer-map-link {
        display: inline;
        text-decoration: underline;
    }

    #footer .top .footer-address {
        width: 100%;
    }

    #footer .lookingfor {
        text-align: center;
    }

    .footerMiddle div:nth-child(2) {
        padding-top: 0 !important;
        padding-bottom: 0 !important;
    }

    .footerMiddle div:first-child {
        padding-bottom: 0 !important;
    }

    #footer {
        margin: 0;
    }
}

@media (max-width: 980px) {
    .iconList {
        display: block;
    }
}

/* end Jan 2016 - New design */

.hidden {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#rightRail h2.modHeader {
    background: #F8F8F8;
    color: #015982;
    font-weight: bold;
    border: 0;
    padding-top: 5px;
}

#rightRail .smallList, #rightRail .simpleList, .imageList, .smallIconList, .mediumIconList, .basicBox, .googleMap, .youTube, .photoOfTheDay {
    background: #F8F8F8;
    border: #D9D9D5 1px solid;
    float: left;
    width: 100%;
}

#rightRail.homeRightRail h2.modHeader {
    background: #0279B1;
    color: #FFF;
    font-weight: normal;
    border: 0;
}

.ios-only, .android-only, .mobile-only {
    display: none;
}


.old3ColTemplate {
    /* background-color: #8b2518; */
}

/* FCV doc2 mobile top padding */
@media(max-width: 768px) {
    .home #doc2 {
        padding-top: 0;
    }
}
/* end FCV doc2 mobile top padding */

/* FCV #homeContent */
body .home * {
    box-sizing: border-box
}

.home h2:first-letter {
    text-transform: uppercase;
}

.home *:before, .home *:after {
    box-sizing: border-box
}

.home img {
    max-width: 100%;
    height: auto
}
/* End FCV #homeContent */

/* FCV list */
main.home ul,
main.home ol {
    margin-left: 10px
}

    main.home ul ul,
    main.home ul ol,
    main.home ol ul,
    main.home ol ol {
        padding-left: 10px
    }

    main.home ol ol {
        list-style-type: lower-alpha
    }
/* end FCV list */

/* FCV section margin*/
.block-wrapper--2-row > .block {
    height: calc(50% - 10px);
    margin-top: 20px
}

    .block-wrapper--2-row > .block:first-child {
        margin-top: 0
    }
/* End FCV section margin */

/* FCV hide last child of secionts */
@media (max-width: 768px) {
    .home .featured-content .block--panel:nth-last-child(2) {
        display: block;
    }
}
/* End FCV hide last child of secionts */

@media (max-width: 980px) {
    .home #doc2 {
        width: calc(100% - 40px);
        padding: 12px 10px 0 10px;
    }
}

@media (max-width: 1366px) and (min-width: 1025px) {
    .home #doc {
        width: 100% !important;
    }
}

@media (max-width: 768px) {
    .home #doc2 {
        width: 100%;
        padding: 0;
    }
}
/* End FCV homepage doc2 - override responsive.js line 1812 */

/* FCV hightlight header */
.highlight-header {
    margin: 0 auto;
    background: rgba(2, 121, 177, 0.95);
    width: 100%;
    padding: 40px 0 10px
}

@media (min-width: 769px) {
    .highlight-header {
        padding: 0;
        box-sizing: content-box
    }
}

.highlight-header.highlight-header--home {
    padding: 40px 0 10px
}

    /* kelvin - home page content */
    .highlight-header.highlight-header--home .section-title {
        color: #fff;
        margin-top: 0;
        margin-bottom: 25px;
    }


@media (min-width: 769px) {
    .highlight-header.highlight-header--home {
        background-size: cover;
        padding: 0px 0
    }
}

@media (min-width: 769px) {
    .highlight-header.highlight-header--home .highlight-header--highlight {
        /* kelvin - home page content */
        /* padding: 40px 40px 0; */
        padding: 30px 40px 0;
        overflow: hidden
    }

        /* kelvin - home page content */
        .highlight-header.highlight-header--home .highlight-header--highlight svg {
            display: none;
        }
}

@media (max-width: 768px) {
    .highlight-header--highlight .fluid_wrapper {
        background-color: #01577f !important;
    }
}

@media (min-width: 769px) {
    .highlight-header.highlight-header--home .list--plain {
        /* kelvin - home page content */
        /* width: 100% !important */
        width: inherit;
    }
}

@media (max-width: 768px) {
    .highlight-header.highlight-header--home .list--plain {
        background: #fff
    }

        .highlight-header.highlight-header--home .list--plain li {
            padding-left: 20px
        }
}

@media (max-width: 768px) {
    .highlight-header.highlight-header--home .each .list--plain li {
        padding-left: 20px
    }
}

.highlight-header .each .mobile svg {
    width: 20px;
    height: 20px;
    stroke-width: 11px;
    stroke: #fff
}

@media (min-width: 769px) {
    .highlight-header .each .mobile svg {
        display: none
    }
}

.highlight-header .each .columnTop .description {
    margin: 20px 0
}

@media (min-width: 769px) {
    .highlight-header .each .columnTop a {
        display: block
    }
}

.highlight-header li {
    margin-bottom: 20px;
    text-align: left;
}

.highlight-header--home a {
    color: #fff
}


@media (min-width: 769px) {
    .highlight-header {
        text-align: center
    }
}

.highlight-header .fluid_wrapper {
    position: relative;
    width: 100%;
    transition: padding .25s ease-out
}

    .highlight-header .fluid_wrapper:after {
        content: '';
        display: block;
        clear: both
    }

    .highlight-header .fluid_wrapper.paddingAdjustment {
        padding-bottom: 150px
    }

@media (min-width: 769px) {
    .highlight-header .fluid_wrapper {
        background: none;
        display: flex;
        flex: 4
    }
}

.highlight-header .each {
    z-index: 3;
    transition: margin-bottom .25s ease-out;
    width: 100%;
    float: left;
    margin-bottom: 0;
    transition: background .45s ease-out, fill .45s ease-out;
    color: #fff;
    background-size: 15px
}

    .highlight-header .each .each__column {
        flex-direction: column;
        display: flex;
        border-bottom: solid 1px #419ac4;
        fill: white;
        padding: 20px 10px
    }

    .highlight-header .each:last-child .each__column {
        border-bottom: none
    }

@media (min-width: 769px) {
    .highlight-header .each {
        width: 20%;
        min-height: 320px;
        padding: 0 3.5% 0;
        border-right: 1px solid #f8f8f8;
        flex: 1;
        background: none;
        flex-direction: row
    }

        .highlight-header .each .mobile {
            display: none
        }

        .highlight-header .each .list--plain {
            display: block !important;
            margin-bottom: 0
        }

            .highlight-header .each .list--plain a {
                /*   font-family: GothamMedium */
                font-weight: 500;
            }

        .highlight-header .each .each__column {
            border-bottom: 0;
            background: none;
            padding: 20px 0 0 0
        }
}

.highlight-header .each .columnTop p {
    font-weight: 500;
    margin-bottom: 0
}

@media (min-width: 769px) {
    .highlight-header .each .columnTop {
        margin-bottom: 20px
    }
}

.highlight-header .each svg {
    width: 75px;
    height: 75px;
    display: none;
    fill: #fff;
    margin: 0 auto
}

@media (min-width: 769px) {
    .highlight-header .each svg {
        display: block;
        width: 100px;
        height: 100px;
        margin: 30px auto
    }
}

.highlight-header .each.opened {
    background-color: #fff;
    box-shadow: -4px 4px 31px -9px rgba(0, 0, 0, 0.75)
}

    .highlight-header .each.opened p,
    .highlight-header .each.opened a {
        color: #0279b1
    }

    .highlight-header .each.opened a {
        cursor: pointer
    }

    .highlight-header .each.opened svg {
        fill: #0279b1
    }

@media (min-width: 769px) {
    .highlight-header .each:hover {
        background-color: #fff;
        box-shadow: -4px 4px 31px -9px rgba(0, 0, 0, 0.75)
    }

        .highlight-header .each:hover p,
        .highlight-header .each:hover a {
            color: #0279b1
        }

        .highlight-header .each:hover a {
            cursor: pointer
        }

        .highlight-header .each:hover svg {
            fill: #0279b1
        }

    .highlight-header .layout-container {
        padding: 0 !important;
    }
}

.highlight-header .each:nth-child(4) {
    border: 0
}

.highlight-header .layout-container {
    margin-bottom: 0;
    padding: 0 20px
}

@media (max-width: 768px) {
    .highlight-header.highlight-header--stacked.highlight-no-bg {
        padding-bottom: 40px
    }

        .highlight-header.highlight-header--stacked.highlight-no-bg a {
            color: #0279b1
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg p {
            color: #444
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .each {
            background: #fff;
            margin: 10px 0;
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3)
        }

            .highlight-header.highlight-header--stacked.highlight-no-bg .each:first-child {
                margin-top: 0
            }

            .highlight-header.highlight-header--stacked.highlight-no-bg .each:last-child {
                margin-bottom: 0
            }

            .highlight-header.highlight-header--stacked.highlight-no-bg .each .each__column {
                padding: 30px 20px;
                border: none
            }

            .highlight-header.highlight-header--stacked.highlight-no-bg .each .columnTop {
                display: block
            }

                .highlight-header.highlight-header--stacked.highlight-no-bg .each .columnTop p {
                    display: block
                }

                .highlight-header.highlight-header--stacked.highlight-no-bg .each .columnTop .description {
                    margin: 10px 0 30px
                }

            .highlight-header.highlight-header--stacked.highlight-no-bg .each svg {
                margin: 0 0 20px;
                display: block;
                width: 50px;
                height: 50px;
                fill: #0279b1
            }

            .highlight-header.highlight-header--stacked.highlight-no-bg .each .list--plain {
                display: block;
                transform: none;
                padding: 0
            }

                .highlight-header.highlight-header--stacked.highlight-no-bg .each .list--plain li {
                    padding: 0
                }

                .highlight-header.highlight-header--stacked.highlight-no-bg .each .list--plain a {
                    /*        font-family: GothamMedium;*/
                    font-weight: 500;
                    color: #0279b1
                }

        .highlight-header.highlight-header--stacked.highlight-no-bg .mobile svg {
            display: none
        }
}

@media (min-width: 600px) and (max-width: 768px) {
    .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each {
        width: 100%;
        max-width: calc(50% - 11px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(50% - 11px);
        flex: 1 0 calc(50% - 11px)
    }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:first-child {
            margin-left: 0;
            margin-top: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:last-child {
            margin-right: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:nth-child(2n) {
            margin-right: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:nth-child(2n+1) {
            margin-left: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:nth-child(n+3) {
            margin-top: 20px
        }
}

.highlight-header--home .each {
    z-index: 3;
    transition: margin-bottom .25s ease-out;
    width: 50%;
    float: left;
    margin-bottom: 0;
    transition: background .45s ease-out, fill .45s ease-out;
    color: #fff
}

    .highlight-header--home .each .each__column {
        flex-direction: column;
        display: flex;
        border-bottom: solid 1px #419ac4;
        fill: white;
        padding: 20px 10px
    }

    .highlight-header--home .each:last-child .each__column {
        border-bottom: none
    }

@media (min-width: 769px) {
    .highlight-header--home .each {
        width: 20%;
        /* kelvin - home page content */
        /*min-height: 320px;*/
        min-height: 220px;
        /* kelvin - home page content */
        /* padding: 0 3.5% 0; */
        padding: 1% 2.5% 0;
        border-right: 1px solid #f8f8f8;
        flex: 1;
        background: none;
        flex-direction: row
    }

        .highlight-header--home .each .mobile {
            display: none
        }

        .highlight-header--home .each .list--plain {
            display: block !important;
            margin-bottom: 0
        }

            .highlight-header--home .each .list--plain a {
                /*    font-family: GothamMedium */
                font-weight: 500;
            }

        .highlight-header--home .each .each__column {
            border-bottom: 0;
            background: none;
            padding: 20px 0 0 0
        }
}

.highlight-header--home .each svg {
    display: block
}

.highlight-header--home .each .each__column {
    background: #01577f;
    border: none;
    padding: 20px 0
}

@media (min-width: 769px) {
    .highlight-header--home .each .each__column {
        background: none;
        padding: 0
    }
}

/* html5 services links box - BC09052019 */
.highlight-header--home .each .columnTop h2 {
    text-align: center;
    margin-bottom: 0
}

@media (max-width: 768px) {
    .highlight-header--home .each .mobile {
        display: block
    }

    .highlight-header--home .each:nth-child(3n) {
        clear: left
    }
}

@media (min-width: 769px) {
    .highlight-header--home .each:hover .columnTop h2 {
        color: #444
    }
}

.highlight-header--home .each.toggled .columnTop h2 {
    color: #444
}

.bt-more {
    border: 1px solid #fff;
    border-radius: 3px;
    color: #fff;
    clear: both;
    display: block;
    margin: 30px auto;
    padding: 15px 0;
    text-align: center;
    width: 31.3%
}

    .bt-more:hover {
        text-decoration: none;
        background: white;
        color: #0279b1
    }

@media (max-width: 768px) {
    .highlight-header .bt-more {
        border: 1px solid #fff;
        border-radius: 3px;
        color: #fff;
        clear: both;
        display: block;
        margin: 30px auto;
        padding: 15px 0;
        text-align: center;
        width: 100%;
        line-height: 18px
    }

        .highlight-header .bt-more:hover {
            text-decoration: none;
            background: white;
            color: #0279b1
        }

    .highlight-header .mobile {
        display: inline-block
    }

        .highlight-header .mobile svg {
            display: block
        }

    .highlight-header .each svg {
        transition: transform .45s ease-out, fill .45s ease-out
    }

    .highlight-header .each.opened .arrow-up {
        display: block !important
    }

    .highlight-header .each.opened .arrow-down {
        display: none
    }

    .highlight-header .each .list--plain {
        width: 100%;
        display: none;
        position: relative;
        z-index: 2000;
        padding: 20px 0;
        transform: translate(0, 20px);
        margin: 0 !important;
        left: 0
    }

        .highlight-header .each .list--plain li {
            animation: fadeInDown 1s 1 forwards;
            padding: 0 0 0 5px
        }

            .highlight-header .each .list--plain li:last-child {
                margin: 0
            }

        .highlight-header .each .list--plain a {
            color: #0279b1
        }

    .highlight-header .each.toggled .mobile svg {
        transform: rotateZ(-180deg);
        stroke: #0279b1
    }

    .highlight-header .each.toggled svg {
        fill: #0279b1
    }

    .highlight-header .each.toggled p {
        color: #0279b1
    }

    .highlight-header .each.toggled a {
        color: #0279b1
    }

    .highlight-header .each.toggled .each__column {
        background: #fff
    }

    .highlight-header .each .each__column {
        transition: background .4s linear
    }

    .highlight-header.highlight-no-bg .columnTop {
        display: table;
        width: 100%
    }

        .highlight-header.highlight-no-bg .columnTop p {
            display: table-cell
        }

        .highlight-header.highlight-no-bg .columnTop .mobile {
            display: table-cell;
            vertical-align: middle
        }

            .highlight-header.highlight-no-bg .columnTop .mobile svg {
                float: right;
                transform: rotate(180deg);
                transition: transform .25s ease-out
            }

    .highlight-header.highlight-no-bg .toggled .columnTop .mobile svg {
        transform: rotate(0deg)
    }

    .highlight-header.highlight-header--home .columnTop p {
        margin: 10px 0
    }

    .highlight--toggler {
        cursor: pointer
    }
}
/* End FCV hightlight header */

/* FCV editorial blocks */
.editorial-block h5,
.editorial-block--secondary h5 {
    margin: 0;
    color: #0279b1;
}

.editorial-block p,
.editorial-block--secondary p {
    margin: 25px 0 0 0;
    color: #444;
}

.editorial-block .date,
.editorial-block--secondary .date {
    color: #444;
    margin-top: 20px;
    display: block;
}

.editorial-block ul,
.editorial-block--secondary ul {
    list-style: none;
    padding-left: 0
}

.editorial-block.each--noIcon h1,
.editorial-block--secondary.each--noIcon h1 {
    margin-top: 0
}

.editorial-block svg,
.editorial-block--secondary svg {
    fill: #acaca8
}

@media (min-width: 769px) {
    .editorial-block .each,
    .editorial-block--secondary .each {
        max-width: calc(50% - 10px);
        margin-left: 20px;
        height: auto;
        float: left
    }

        .editorial-block .each:nth-child(2n+1),
        .editorial-block--secondary .each:nth-child(2n+1) {
            margin-left: 0
        }
}

@media (max-width: 768px) {
    .editorial-blocks .block--half {
        max-width: 100%
    }

    .editorial-blocks .block--panel {
        margin: 0
    }

        .editorial-blocks .block--panel p {
            display: none
        }
}

.editorial-blocks .slick-dots {
    bottom: -40px
}

    .editorial-blocks .slick-dots li {
        margin: 0 10px
    }

        .editorial-blocks .slick-dots li button:before {
            font-size: 26px
        }

@media (min-width: 769px) {
    .editorial-blocks .block--panel {
        transition: box-shadow .25s ease-out
    }
}

@media (min-width: 769px) {
    .editorial-block--secondary .each:nth-child(2n+1) {
        clear: left
    }

    .editorial-block--secondary .each:nth-child(n+3) {
        margin-top: 20px
    }
}
/* end FCV editorial blocks */

/* homepage FCV 05-2017*/
@media (max-width: 980px) {
    .home {
        width: 100% !important;
    }
}

.home .primary-block .block--panel a img {
    width: 100%;
}

.home .block--half:first-child {
    margin-top: 0
}


.home .block--half {
    width: 100%;
    margin: 20px auto 0
}

.home .block.block--half:first-child {
    margin-top: 0
}

@media (min-width: 769px) {
    .home .block--half {
        max-width: calc(50% - 11px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(33.3333333333% - 11px);
        flex: 1 0 calc(50% - 11px);
    }

    .home .block.block--half:first-child {
        margin-left: 0
    }

    .home .block.block--half:last-child {
        margin-right: 0
    }

    .home .block--half:first-child {
        margin-left: 0;
    }

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

@media (max-width: 768px) {
    .home .block--half {
        margin-top: 0
    }
}

@media (min-width: 769px) {
    .home .editorial-block .each:nth-child(2n+1), .home .editorial-block--secondary .each:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media (min-width: 769px) {
    .home .editorial-blocks .block--panel {
        transition: box-shadow .25s ease-out;
    }
}

@media (min-width: 769px) {
    .home .editorial-block .each, .home .editorial-block--secondary .each {
        max-width: calc(50% - 10px);
        margin-left: 20px;
        height: auto;
        float: left;
    }

        .home .editorial-block .each:nth-child(2n+1),
        .home .editorial-block--secondary .each:nth-child(2n+1) {
            margin-left: 0
        }
}

.home > .section:nth-child(3) h2 {
    display: none;
}

.home .subsection {
    clear: left;
    float: left;
    width: 100%; /*887px*/
    padding: 0 0; /*22px*/
}

/* comment out width and height to standardize SVG size - JC - 2018-12-11 */
.item-img svg {
    display: block;
    /* width: 55px; */
    /* height: 55px; */
    fill: #B2B2B2;
}

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

.svc-item.found .item-img svg, .svc-item:hover .item-img svg {
    fill: #0279b1;
}

/* FCV block--panel from main.css line 2089 - 2189 */
.block--panel {
    border: solid 1px #d9d9d5;
    transition: all .25s ease-out;
    position: relative;
    background: #f8f8f8
}


    .block--panel h5 {
        margin: 0;
        color: #0279b1;
    }

    .block--panel p {
        margin: 25px 0 0 0;
        color: #444;
    }

    .block--panel .date {
        color: #444;
        margin-top: 20px;
        display: block;
    }

    .block--panel ul {
        list-style: none;
        padding-left: 0
    }

    .block--panel.each--noIcon h1 {
        margin-top: 0
    }

    .block--panel svg {
        fill: #acaca8
    }

@media (min-width: 769px) {
    .block--panel a:hover a {
        text-decoration: underline
    }

    .block--panel:hover {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3)
    }
}

@media (min-width: 769px) {
    .block--panel {
        height: 100%
    }
}

.alt-bg .block--panel {
    background-color: #fff;
    transition: all .25s ease-out
}

@media (min-width: 769px) {
    .alt-bg .block--panel a:hover a {
        text-decoration: underline
    }

    .alt-bg .block--panel:hover {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3)
    }
}

.block--panel h5 + a {
    margin-top: 20px
}

.block--panel a {
    cursor: pointer;
    display: block
}

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

.block--panel .block--panel--title {
    padding: 20px 20px;
}

.block--panel .flag {
    position: absolute;
    text-align: center;
    color: #fff;
    background: #4B8516;
    padding: 5px 10px;
    top: 10px;
    right: 10px;
    line-height: 1;
    margin-left: 10px;
}

.block--panel ul {
    margin: 20px 0 0
}

    .block--panel ul li:last-child {
        margin: 0
    }

.block--panel li a {
    font-weight: 500;
}

/* end FCV block--panel */

/* FCV alt-bg */
main.home section.alt-bg:nth-child(odd), main.home div.alt-bg:nth-child(odd) {
    background-color: #fff;
}

    main.home section.alt-bg:nth-child(even), main.home div.alt-bg:nth-child(even),
    main.home section.alt-bg:nth-child(odd) .block--panel, main.home div.alt-bg:nth-child(odd) .block--panel,
    main.home div.alt-bg-emerg {
        background-color: #f8f8f8;
    }

@media (min-width: 769px) {
    main.home section.alt-bg:nth-child(odd), main.home div.alt-bg:nth-child(odd),
    main.home div.alt-bg-emerg {
        margin: 0 -203px;
        /*	margin-bottom: 60px;*/
        padding: 0 203px;
    }

    main.home section.alt-bg:nth-child(even), main.home div.alt-bg:nth-child(even) {
        margin: 0 -203px;
        padding: 0 203px;
    }
}
/* end FCV alt-bg */

/* FCV block wrapper 3 col */
.block-wrapper--3-col {
    width: 100%
}

@media (min-width: 769px) {
    .block-wrapper--3-col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .block-wrapper--3-col .block {
            height: auto
        }
}

@media (min-width: 600px) and (max-width: 768px) {
    .block-wrapper--3-col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .block-wrapper--3-col > .block {
        width: 100%;
        max-width: calc(50% - 11px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(50% - 11px);
        flex: 1 0 calc(50% - 11px)
    }

        .block-wrapper--3-col > .block:first-child {
            margin-left: 0;
            margin-top: 0
        }

        .block-wrapper--3-col > .block:last-child {
            margin-right: 0
        }

        .block-wrapper--3-col > .block:nth-child(2n) {
            margin-right: 0
        }

        .block-wrapper--3-col > .block:nth-child(2n+1) {
            margin-left: 0
        }
}

@media (max-width: 768px) {
    .block-wrapper--3-col > .block:nth-child(n+3) {
        display: none;
    }
}

@media (min-width: 769px) {
    .block-wrapper--3-col > .block {
        width: 100%;
        max-width: calc(33.3333333333% - 14.3333333333px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(33.3333333333% - 14.3333333333px);
        flex: 1 0 calc(33.3333333333% - 14.3333333333px)
    }

        .block-wrapper--3-col > .block:first-child {
            margin-left: 0;
            margin-top: 0
        }

        .block-wrapper--3-col > .block:last-child {
            margin-right: 0
        }

        .block-wrapper--3-col > .block:nth-child(3n) {
            margin-right: 0
        }

        .block-wrapper--3-col > .block:nth-child(3n+1) {
            margin-left: 0
        }

        .block-wrapper--3-col > .block:nth-child(n+4) {
            margin-top: 20px
        }
}

@media (min-width: 769px) {
    .block-wrapper--3-col.multi-row > .block:nth-child(3n) {
        margin-right: 0
    }

    .block-wrapper--3-col.multi-row > .block:nth-child(3n+1) {
        margin-left: 0
    }

    .block-wrapper--3-col.multi-row > .block:nth-child(n+4) {
        margin-top: 20px
    }
}
/* end FCV block wrapper 3 col */

/* FCV block */
.block h5 {
    margin: 0;
    color: #0279b1;
    line-height: 125%
}

.block p {
    margin: 25px 0 0 0;
    color: #444;
}

.block ul {
    list-style: none;
    padding-left: 0
}

.block.each--noIcon h1 {
    margin-top: 0
}

.block svg {
    fill: #acaca8
}

.block .block--icon-title h5 {
    margin-top: 20px
}
/* end FCV block */

/* FCV links line 2697 - 2741 from main.css */
.links.btn-style a svg {
    display: none
}

@media (min-width: 769px) {
    .links.btn-style a {
        background: #fff;
        border: 1px solid #acaca8;
        color: #0279b1;
        display: inline-block;
        max-width: 300px;
        padding: 13px 7px 13px 13px;
        width: 100%;
        border-radius: 5px;
        background-clip: padding-box;
        text-decoration: none;
    }

        .links.btn-style a svg {
            display: block
        }

        .links.btn-style a svg {
            padding: 0;
            float: right;
            fill: #0279b1;
            width: 30px;
            height: 22px
        }

        .links.btn-style a:after {
            color: #0279b1;
            float: right
        }

        .links.btn-style a:hover {
            background: #0279b1;
            color: #fff;
            text-decoration: none
        }

            .links.btn-style a:hover svg {
                fill: #fff
            }

            .links.btn-style a:hover:after {
                color: #fff
            }

    .block-wrapper--3-col .links.btn-style a {
        max-width: 100%
    }
}
/* end FCV links */

/* FCV highlight-content*/
.highlight-content {
    width: 100%;
    background-size: cover;
    position: relative
}

@media (min-width: 600px) {
    .highlight-content {
        /*        min-height: 480px;*/
        min-height: 450px;
        overflow: hidden
    }
}

@media (min-width: 769px) {
    .highlight-content .section-title--wrapper {
        position: relative;
        z-index: 2
    }
}

@media (min-width: 769px) {
    .highlight-content .main {
        position: relative;
        z-index: 2;
        float: left;
        width: 400px
    }
}

.highlight-content .secondary .highlight-content--title a {
    color: #fff
}

/*jc - 2019-09-09 - updating highlight content from link to button*/
a.white-button--blue-bg:link {
    text-decoration: none;
}

@media (min-width: 769px) {
    .highlight-content .secondary {
        float: right;
        width: 300px
    }
}

.highlight-content .secondary img {
    display: block
}

.highlight-content .secondary div {
    background: #0279b1;
    color: #fff;
    padding: 25px 20px;
    position: relative;
    z-index: 2
}

    .highlight-content .secondary div .highlight-content--title {
        margin-bottom: 15px;
        font-weight: 500;
    }

    .highlight-content .secondary div p {
        /*    font-family: GothamBook;*/
        /* margin: 0 jc removed to accommodate button at bottom of paragraph 2019-09-16 */
    }

.highlight-content .secondary a.white-button--blue-bg {
    width: 100%;
    margin: 0;
}

@media (min-width: 769px) {
    .highlight-content .park-rec-bg {
        display: none !important;
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .highlight-content__container {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .highlight-content__container .main,
        .highlight-content__container .secondary {
            width: 100%;
            max-width: calc(50% - 11px);
            margin: 0 10px;
            -webkit-flex: 1 0 calc(50% - 11px);
            flex: 1 0 calc(50% - 11px)
        }

            .highlight-content__container .main:first-child,
            .highlight-content__container .secondary:first-child {
                margin-left: 0;
                margin-top: 0
            }

            .highlight-content__container .main:last-child,
            .highlight-content__container .secondary:last-child {
                margin-right: 0
            }

            .highlight-content__container .main:nth-child(2n),
            .highlight-content__container .secondary:nth-child(2n) {
                margin-right: 0
            }

            .highlight-content__container .main:nth-child(2n+1),
            .highlight-content__container .secondary:nth-child(2n+1) {
                margin-left: 0
            }

            .highlight-content__container .main:nth-child(n+3),
            .highlight-content__container .secondary:nth-child(n+3) {
                margin-top: 20px
            }
}
/* end FCV highlight-content */

/* FCV Section title */
.section-title {
    margin: 20px 0
}

@media (min-width: 769px) {
    .section-title {
        margin: 40px 0 35px
    }
}

.section-title--wrapper {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    align-items: baseline
}

    .section-title--wrapper a {
        /*    font-family: GothamMedium*/
        font-weight: 500;
    }

        .section-title--wrapper a:visited {
            color: #0279B1;
        }

@media (max-width: 768px) {
    .with-title-link .section-title--link {
        position: absolute;
        left: 20px;
        bottom: 40px;
        width: calc(100% - 40px);
        text-align: center
    }

    div#sectionSetWrapper49367.sectionSetWrapper.lazy h2 {
        color: #444;
        text-shadow: none;
    }

    .home .with-title-link .section-title--link a,
    div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a {
        background: #fff;
        border: 1px solid #acaca8;
        color: #0279b1;
        display: inline-block;
        max-width: 100%;
        padding: 13px 7px 13px 13px;
        width: 100%;
        border-radius: 5px;
        background-clip: padding-box;
        text-decoration: none;
    }

    .home .with-title-link .section-title--link a,
    div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a {
        background: #fff;
        border: 1px solid #acaca8;
        color: #0279b1;
        display: inline-block;
        max-width: 100%;
        padding: 13px 7px 13px 13px;
        width: 100%;
        border-radius: 5px;
        background-clip: padding-box;
        text-decoration: none;
    }

    .with-title-link .section-title--link a {
        background: #fff;
        border: 1px solid #acaca8;
        color: #0279b1;
        display: inline-block;
        max-width: 100%;
        padding: 13px 7px 13px 13px;
        width: 100%;
        /*        font-size: 1.1428571429rem;*/
        font-size: 1em;
        border-radius: 5px;
        background-clip: padding-box
    }

        .with-title-link .section-title--link a svg {
            padding: 0;
            float: right;
            fill: #0279b1;
            width: 30px;
            height: 24px
        }

        .with-title-link .section-title--link a:after {
            color: #0279b1;
            float: right
        }

        .with-title-link .section-title--link a:active,
        .with-title-link .section-title--link a:focus,
        .with-title-link .section-title--link a:hover,
        div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:active,
        div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:focus,
        div#sectionSetWrapper49367.sectionSetWrapper.lazy div.section-title--link.flex-item--right a:hover {
            background: #0279b1;
            color: #fff;
            text-decoration: none
        }

            .with-title-link .section-title--link a:hover svg {
                fill: #fff
            }

            .with-title-link .section-title--link a:hover:after {
                color: #fff
            }

    .layout-container .with-title-link .section-title--link {
        left: 0
    }
}
/* end FCV Section title */

/* FCV before / after */
.featured-content *,
.featured-content *:before,
.featured-content *:after {
    box-sizing: border-box;
}

.home .featured-content div.block--panel--title p, .home .featured-content div.block.block--panel p {
    display: none;
}
/* End FCV before / after */

/* FCV list--plain */
.list--plain {
    margin-top: 0;
    list-style: none;
    padding-left: 0
}

.home section.each__column ul.list--plain li {
    padding-bottom: 0px;
    /* kelvin - home page content */
    /* margin-bottom: 20px; */
    margin-bottom: 15px;
}

body.home ul li, body.home ol li {
    padding-bottom: 0;
}

main.home ul li, main.home ol li {
    padding-bottom: 15px;
    margin-bottom: 0px
}

.list--plain li {
}
/* End FCV list--plain */

/* FCV main */
main {
    padding-bottom: 40px
}

@media (min-width: 769px) {
    main {
        padding-bottom: 60px
    }
}

@media (max-width: 768px) {
    div[id^="homepageAlert"] + main.home {
        padding-top: 20px
    }
}
/* end FCV main */
/* end homepage FCV 05-2017*/

/* FCV fluid header */
@media (min-width: 769px) {
    .fluid_wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
        -webkit-flex: 1;
        flex: 1;
        -webkit-flex-direction: row;
        flex-direction: row;
    }

        .fluid_wrapper h1 {
            -webkit-flex: 1;
            flex: 1
        }
}

.fluid__heading:after {
    content: '';
    display: block;
    clear: both
}

.fluid__heading {
    width: 100%
}

    .fluid__heading h1 {
        float: left;
        margin: 0;
        width: 60%
    }

    .fluid__heading p {
        padding: 10px 15px 0 0;
        text-align: right;
        float: left;
        margin: 0;
        width: 40%
    }

.fluid__heading {
    margin-bottom: 40px
}

.block--padding .fluid__heading {
    margin-bottom: 40px
}

.highlight-header .fluid_wrapper {
    position: relative;
    width: 100%;
    transition: padding .25s ease-out
}

    .highlight-header .fluid_wrapper:after {
        content: '';
        display: block;
        clear: both
    }

    .highlight-header .fluid_wrapper.paddingAdjustment {
        padding-bottom: 150px
    }


@media (min-width: 769px) {
    .highlight-header .fluid_wrapper {
        background: none;
        display: flex;
        flex: 4
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each {
        width: 100%;
        max-width: calc(50% - 11px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(50% - 11px);
        flex: 1 0 calc(50% - 11px)
    }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:first-child {
            margin-left: 0;
            margin-top: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:last-child {
            margin-right: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:nth-child(2n) {
            margin-right: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:nth-child(2n+1) {
            margin-left: 0
        }

        .highlight-header.highlight-header--stacked.highlight-no-bg .fluid_wrapper > .each:nth-child(n+3) {
            margin-top: 20px
        }
}

.eventWrapper .fluid_wrapper {
    -webkit-flex: 1;
    flex: 1
}
/* Fluid_wrapper tab order change */
.fluid_wrapper > * {
    flex: 1 100%;
}

.featured-content .fluid_wrapper, .highlight-content .fluid_wrapper, .eventWrapper.fluid_wrapper, .newsWrapper.fluid_wrapper {
    align-items: center;
}

.flex-item--left {
    order: 1;
}

.flex-item--right {
    order: 3;
    margin-right: 7px;
}

.flex-item--content {
    order: 2;
}

.newsWrapper .flex-item--right, .eventWrapper .flex-item--right {
    margin-right: 0;
}

.flex-item--right.section-title--link a, .flex-item--right.section-title--link a span {
    line-height: 1.45em;
    margin-top: 10px;
}

.newsWrapper.block .flex-item--left {
    flex: 1 1 50%;
}

.newsWrapper.block .flex-item--right {
    flex: 1 1 50%;
}

.eventWrapper.block .flex-item--left {
    flex: 1 1 102px;
}

.eventWrapper.block .flex-item--right {
    flex: 1 1 115px
}

.block.news-half-containers {
    height: auto !important;
}

.section-title--link {
    display: block;
    text-align: left;
}

/* End FCV fluid header */

/* FCV Layout Container */

.layout-container {
    padding: 20px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    header .layout-container {
        padding: 0 20px
    }
}

.page-title.layout-container h1 {
    margin: 0
}

@media (min-width: 769px) {
    .layout-container {
        /*		padding: 20px 20px 0;*/
        padding: 20px 0 20px 0;
        padding-top: 20px !important;
        margin-bottom: 60px
    }

    .page-title.layout-container {
        margin-bottom: 40px;
        padding-top: 0
    }

        .page-title.layout-container h1 {
            margin-top: 15px
        }

    .highlight-header--home .layout-container {
        margin-bottom: 0;
        padding-top: 0
    }

    .alt-bg .layout-container {
        margin-bottom: 0;
        padding-bottom: 60px
    }

    .alt-bg.statistics .layout-container {
        margin-bottom: -60px;
        padding-bottom: 60px
    }

    header .layout-container,
    footer .layout-container,
    .highlight-content .layout-container,
    .last-row .layout-container {
        margin-bottom: 0
    }
}

@media (min-width: 769px) and (max-width: 768px) {
    .last-row--mobile .layout-container {
        margin-bottom: 0
    }
}

.content__detail.layout-container {
    padding-top: 0
}

.layout-container:after {
    content: '';
    display: block;
    clear: both
}

.layout-container.no-title {
    margin-top: 20px
}

@media (min-width: 769px) {
    .layout-container.no-title {
        margin-top: 40px
    }
}

@media (max-width: 768px) {
    .with-title-link {
        padding-bottom: 100px;
        position: relative
    }
}
/* End FCV Layout Container*/

/* FCV block--wrapper--2-col  */
.block-wrapper--2-col {
}

@media (min-width: 769px) {
    .block-wrapper--2-col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: row wrap;
        flex-flow: row wrap
    }

        .block-wrapper--2-col .block {
            height: auto
        }
}

.block-wrapper--2-col > .block {
    width: 100%;
    margin: 20px auto 0
}

    .block-wrapper--2-col > .block:first-child {
        margin-top: 0
    }

@media (min-width: 769px) {
    .block-wrapper--2-col > .block {
        max-width: calc(50% - 11px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(33.3333333333% - 11px);
        flex: 1 0 calc(50% - 11px)
    }

        .block-wrapper--2-col > .block:first-child {
            margin-left: 0
        }

        .block-wrapper--2-col > .block:last-child {
            margin-right: 0
        }
}

@media (min-width: 769px) {
    .block-wrapper--2-col > .block {
        width: 100%;
        margin: 20px auto 0
    }

        .block-wrapper--2-col > .block:first-child {
            margin-top: 0
        }
}

@media (min-width: 769px) and (min-width: 769px) {
    .block-wrapper--2-col > .block {
        max-width: calc(50% - 11px);
        margin: 0 10px;
        -webkit-flex: 1 0 calc(33.3333333333% - 11px);
        flex: 1 0 calc(50% - 11px)
    }

        .block-wrapper--2-col > .block:first-child {
            margin-left: 0
        }

        .block-wrapper--2-col > .block:last-child {
            margin-right: 0
        }
}

@media (min-width: 769px) {
    .block-wrapper--2-col.multi-row > .block:nth-child(2n) {
        margin-right: 0
    }

    .block-wrapper--2-col.multi-row > .block:nth-child(2n+1) {
        margin-left: 0
    }

    .block-wrapper--2-col.multi-row > .block:nth-child(n+3) {
        margin-top: 20px
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .block-wrapper--2-col div.eventWrapper {
        margin: 0
    }
}

@media (min-width: 769px) {
    .block-wrapper--2-col .newsWrapper {
        -webkit-flex: 2;
        flex: 2;
        max-width: 100%
    }

    .block-wrapper--2-col .eventWrapper {
        -webkit-flex: 1;
        flex: 1;
        max-width: 100%
    }
}

/* For news on Home page */
.news-main-container {
    display: flex;
    width: 100%;
    height: auto;
}

.news-left-container {
    flex: 0 1 50%;
    max-width: 50%;
}

.news-right-container {
    flex: 0 1 50%;
    display: flex;
    max-width: 50%;
    flex-wrap: wrap;
}

.news-half-containers {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0.5em;
}


@media (max-width: 768px) {
    .newsWrapper .news-main-container {
        display: block;
    }

    .newsWrapper .news-left-container {
        max-width: 100%;
    }

    .newsWrapper .news-right-container {
        max-width: 100%;
    }

    .newsWrapper .block-wrapper--2-row {
        /*    margin-top: 20px; */
        width: 100%;
        height: 100%
    }

        .newsWrapper .block-wrapper--2-row > .block {
            height: auto;
        }

        .newsWrapper .block-wrapper--2-row .block:last-child {
            display: none
        }
}

@media (min-width: 769px) {
    .newsWrapper .block-wrapper--2-row .block:last-child {
        margin-bottom: 0
    }
}

@media (min-width: 600px) and (max-width: 768px) {
    .newsWrapper .block-wrapper--2-col {
        display: -webkit-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap
    }

        .newsWrapper .block-wrapper--2-col > .block {
            width: 100%;
            max-width: calc(50% - 11px);
            margin: 0 10px;
            -webkit-flex: 1 0 calc(50% - 11px);
            flex: 1 0 calc(50% - 11px)
        }

            .newsWrapper .block-wrapper--2-col > .block:first-child {
                margin-left: 0;
                margin-top: 0
            }

            .newsWrapper .block-wrapper--2-col > .block:last-child {
                margin-right: 0
            }

            .newsWrapper .block-wrapper--2-col > .block:nth-child(2n) {
                margin-right: 0
            }

            .newsWrapper .block-wrapper--2-col > .block:nth-child(2n+1) {
                margin-left: 0
            }

            .newsWrapper .block-wrapper--2-col > .block:nth-child(n+3) {
                margin-top: 20px
            }
}

@media (max-width: 768px) {
    .newsWrapper,
    .eventWrapper {
        padding-bottom: 70px
    }

        .newsWrapper .section-title--link,
        .eventWrapper .section-title--link {
            width: 100%;
            bottom: 0
        }
}

.eventWrapper .events {
    margin: 0
}

@media (max-width: 768px) {
    .eventWrapper .section-title {
        margin-top: 40px
    }

    .eventWrapper .events {
        margin-left: 0
    }
}

@media (min-width: 600px) {
    .block-wrapper--2-col .newsWrapper {
        margin-right: 5px;
        -webkit-flex: 1 0 calc(33.3333333333% + 5px);
        flex: 1 0 calc(33.3333333333% + 5px)
    }

    .block-wrapper--2-col .eventWrapper {
        margin-left: 13.333px
    }
}
/* end FCV block--wrapper--2-col  */

/* FCV Twitter section */
.tweets__tweet {
    background: #fff;
    padding: 20px 20px 70px;
    border: solid 1px #d9d9d5;
    position: relative
}

.tweets__tweet {
    padding: 20px;
}

@media (min-width: 769px) {
    .tweetCOV {
        width: 65%;
    }

    .tweetCOVUpdate {
        width: 32%;
        margin-left: 20px;
    }
}

@media (max-width: 768px) {
    .tweetCOV {
        width: 48%;
    }

    .tweetCOVUpdate {
        width: 48%;
        margin-left: 20px;
    }
}

@media (max-width: 599px) {
    .tweetCOV {
        width: 100%;
    }

    .tweetCOVUpdate {
        width: 100%;
        margin-left: 0;
        margin-top: 20px;
    }
}

.tweetCOVUpdate {
    border-color: #F5A623;
}

/* end FCV Twitter section */

/* end homepage FCV 05-2017*/

/* FCV event scroller */
.home .verticalCarouselGroup {
    margin-left: 0px
}

    .home .verticalCarouselGroup li {
        background: #f8f8f8;
    }

.news__main .event__summary .date,
.events .event__summary .date {
    margin-top: 0
}

.pull-left {
    float: left !important;
}

.block .date {
    color: #444;
    margin-top: 20px;
    display: block;
}

.events ul {
    margin: 0
}

.events li {
    border-bottom: 1px solid #d9d9d5;
    color: #444;
    margin: auto;
    display: block
}

.events p {
    margin-bottom: 0
}

.events .date {
    width: 20%;
    padding: 0;
    text-align: left;
    /*    font-family: GothamBook*/
}

.events .event__details {
    width: 80%;
    padding-left: 10px;
}

.events .day {
    display: block;
}

.events .name {
    margin: 0;
    color: #0279b1;
    margin-bottom: 15px;
    font-weight: 500;
    max-height: 3.5em;
    overflow: hidden;
}

.events .location {
    margin: 0;
    display: block;
}

    .events .location:after {
        content: '';
        display: block;
        clear: both
    }

    .events .location svg {
        padding-top: 1px;
        display: block;
        width: 14px;
        float: left;
        height: 14px;
        fill: #0279b1
    }

    .events .location span {
        display: block;
        float: left;
        width: 90%;
    }

        .events .location span:hover {
            text-decoration: underline
        }
/*!
 * jQuery Vertical Carousel
 * https://github.com/haripaddu/jQuery-Vertical-Carousel
 * Version: 1.0
 * License: MIT
 */
/* line 10, ../sass/jQuery.verticalCarousel.scss */

/** {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/

/* line 14, ../sass/jQuery.verticalCarousel.scss */
.vc_goUp, .vc_goDown {
    display: block;
}
    /* line 16, ../sass/jQuery.verticalCarousel.scss */
    .vc_goUp.isDisabled, .vc_goDown.isDisabled, .vc_headerUp.isDisabled, .vc_footerDown.isDisabled {
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
        opacity: 0.3;
        cursor: not-allowed;
        box-shadow: none;
    }

/* line 21, ../sass/jQuery.verticalCarousel.scss */
.vc_container {
    overflow: hidden;
    -moz-transition: height 0.2s ease-in;
    -o-transition: height 0.2s ease-in;
    -webkit-transition: height 0.2s ease-in;
    transition: height 0.2s ease-in;
}

/* line 25, ../sass/jQuery.verticalCarousel.scss */
.vc_list {
    margin: 0;
    padding: 0;
    list-style: none;
    -moz-transition: -moz-transform 0.2s ease-in;
    -o-transition: -o-transform 0.2s ease-in;
    -webkit-transition: -webkit-transform 0.2s ease-in;
    transition: transform 0.2s ease-in;
}

/** {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}*/


@media (min-width: 769px) {
    .alt-bg .verticalCarousel {
        margin-bottom: 60px;
    }
}

.verticalCarousel {
    border: solid 1px #d9d9d5;
}

.verticalCarouselGroup.event__summary {
    border: none;
    background: none;
}

.verticalCarouselHeader {
    border-bottom: solid 1px #d9d9d5;
    transition: all .25s ease-out;
    position: relative;
    background: #f8f8f8;
    cursor: pointer;
}

.verticalCarouselFooter {
    border-top: solid 1px #d9d9d5;
    transition: all .25s ease-out;
    position: relative;
    background: #f8f8f8;
    cursor: pointer;
}

    .verticalCarouselHeader:hover, .verticalCarouselFooter:hover {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3)
    }

.verticalCarouselHeader:after {
    content: "";
    display: block;
    clear: both;
}

.verticalCarouselHeader h3 {
    float: left;
    margin: 0px;
}

.verticalCarouselHeader .vc_goUp, .verticalCarouselFooter .vc_goDown {
    display: block;
    width: 25px;
    height: 25px;
    text-align: center;
    color: #000;
    margin: auto;
}

    .verticalCarouselHeader .vc_goUp:active, .verticalCarouselHeader .vc_goUp:active {
        -moz-transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
    }

    .verticalCarouselHeader .vc_goUp:active, .verticalCarouselFooter .vc_goDown:active {
        -moz-transform: scale(0.7, 0.7);
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
    }

.verticalCarouselGroup.vc_list > li {
    padding: 20px;
    height: 132px;
}

@media (max-width: 374px) {
    .verticalCarouselGroup.vc_list > li {
        padding: 20px;
        height: 150px;
    }
}

.verticalCarouselGroup.vc_list > li h4 {
    margin: 0px 0px 15px;
}

.verticalCarouselGroup.vc_list > li p {
    /*  margin: 0px 0px 0px;*/
}

/* disable line for every 3rd li */
.events li:nth-child(3n+0) {
    border-bottom: none;
}
/* End FCV event scroller */

.home div[class^="alert-"] div {
    margin-bottom: 0px;
}

div[class^="alert--"], .notice--green {
    padding: 20px 20px 20px 30px;
    margin: 20px 0 0 0;
    display: inline-flex;
    line-height: 1.45em;
    flex-direction: row;
    width: calc(100% - 50px);
}

.alert__icon {
    font-size: 36px !important;
    margin-right: 20px;
}

.alert--orange {
    background-color: #F5A623;
    color: #222222;
}

.alert--red {
    background-color: #D0021B;
    color: #ffffff;
}

.alert--election {
    background: #e60050;
    color: #ffffff;
}

.notice--green {
    background-color: #96BF50;
    color: #222222;
}

    div[class^="alert--"]:before, .notice--green:before {
        font-family: 'Font Awesome 5 Pro';
        font-size: 40px;
        margin-right: 20px;
        margin-top: 2px;
    }

    .notice--green:before {
        content: '\f00c';
    }

    div[class^="alert--"] p, .notice--green p {
        margin: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

.alert--election:before {
    /* content: ' '; -- JC - comment this out to upgrade FA - 2018-11-20 */
    margin-right: 5px;
}

.alert--red a, .alert--election a {
    color: #fff;
    text-decoration: underline;
}

.alert--orange a, .notice--green a {
    color: #222;
    text-decoration: underline;
}

div[class^="alert--"] p span, .notice--green p span {
    display: block;
}

div[class^="alert--"] a:focus, .notice--green a:focus,
div[class^="alert--"] a:active, .notice--green a:active {
    outline: 3px solid #fff;
    outline-offset: 0;
}

/* add hightlight header for home/SW pages */
.section.highlight-header {
    padding: 20px 40px;
    display: flex;
    text-align: center;
    flex-wrap: wrap;
}

.highlight-header .svc-item.highlight-item {
    padding: 20px;
    flex: 1 0 25%;
    width: calc(25%);
    max-width: 25%;
    border-right: 1px solid #f8f8f8;
    box-sizing: border-box;
}

.section.highlight-header .highlight-item:nth-child(4) {
    border: 0;
}

.section.highlight-header .highlight-item .label {
    color: #ffffff;
    font-size: 1.25em;
    margin: 10px auto;
    font-weight: 500;
    min-height: 56px;
}

.highlight-item .content {
    text-align: left;
}

.highlight-item svg {
    max-width: 100%;
    color: #fff;
    fill: #fff;
    margin: auto;
    max-height: 75px;
}

.highlight-item:hover {
    background-color: #fff;
    box-shadow: -4px 4px 31px -9px rgba(0, 0, 0, 0.75);
}

.section.highlight-header .highlight-item:hover .label {
    color: #444444;
}

.section.highlight-header .highlight-item a {
    display: inline-block;
}

    .section.highlight-header .highlight-item a:visited {
        color: #fff;
    }

.section.highlight-header .highlight-item:hover a:visited {
    color: #8C53CA;
}

.highlight-item:hover a {
    color: #0279B1;
}

    .highlight-item:hover a:hover {
        color: #015982;
    }

.section.highlight-header .highlight-item a:active, .section.highlight-header .highlight-item a:focus,
.section.highlight-header .highlight-item a:active:visited, .section.highlight-header .highlight-item a:focus:visited {
    background: none;
    color: #D9D9D5;
    border-color: #f8c165;
}

.section.highlight-header .highlight-item:hover a:active,
.section.highlight-header .highlight-item:hover a:focus {
    background-color: #f8c165;
    color: #015982;
    border-color: #f8c165;
}

.highlight-item:hover svg {
    color: #0279b1;
    fill: #0279b1;
}

.section.highlight-header .blue-button {
    border: #FFF 1px solid;
    margin: 20px auto 0 auto;
}

.section.highlight-header .white-button {
    margin: 20px auto 0 auto;
}

/* warning section */

.section.highlight-header.warning {
    background-color: #F5A623;
}

    .section.highlight-header.warning .highlight-item .label {
        color: #222;
    }

    .section.highlight-header.warning .highlight-item a {
        color: #222;
    }


    .section.highlight-header.warning .highlight-item:hover a {
        color: #0279B1;
    }

        .section.highlight-header.warning .highlight-item:hover a:visited {
            color: #8C53CA;
        }


        .section.highlight-header.warning .highlight-item:hover a:hover {
            color: #015982;
        }

    .section.highlight-header.warning .highlight-item:not(:hover) a:active,
    .section.highlight-header.warning .highlight-item:not(:hover) a:focus {
        background-color: #E0900A;
        outline: 3px solid #fff;
        color: #444;
    }

@media (max-width: 768px) {
    .section.highlight-header {
        padding: 20px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .highlight-header .svc-item.highlight-item {
        flex: 1 0 calc(50% - 40px);
        width: calc(50% - 40px);
        max-width: calc(50%);
        background-color: #fff;
        margin: 0 20px 20px 0;
    }

    section .section.highlight-header .svc-item, section .section.highlight-header .item-img svg, section .section.highlight-header .svc-item a {
        color: #0279b1;
        fill: #0279b1;
    }

    section .section.highlight-header .highlight-item a {
        color: #0279B1;
    }

    .section.highlight-header .highlight-item a:visited {
        color: #8C53CA;
    }

    .highlight-item svg {
        color: #0279b1;
        fill: #0279b1;
    }

    .section.highlight-header .highlight-item .label {
        color: #444444;
    }

    /* warning */

    .section.highlight-header.warning {
        background-color: transparent;
    }

        .section.highlight-header.warning .highlight-item a {
            color: #0279B1;
        }

            .section.highlight-header.warning .highlight-item a:visited {
                color: #8C53CA;
            }

            .section.highlight-header.warning .highlight-item a:hover {
                color: #015982;
            }
}


@media (max-width: 599px) {
    .section.highlight-header {
        padding: 0;
        flex-wrap: wrap;
    }


    .highlight-header .svc-item.highlight-item {
        flex: 1 0 100%;
        width: 100%;
        max-width: 100%;
        margin: 0 0 20px 0;
    }
}

/* end add hightlight header for home/SW pages */

/* tabindex and focus */
a[tabindex="-1"]:focus, a[tabindex="-1"]:active {
    outline: none;
}

table td a:focus img, table td a:active img {
    height: fit-content;
}

#topNav a:focus, #topNav a:active,
article > a:focus, article > a:active,
#menuHolder a:focus, #menuHolder a:active,
#addThisDiv a:focus, #addThisDiv a:active,
#footer a:focus, #footer a:active,
th a:focus, th a:active,
a[href^="javascript"]:focus, a[href^="javascript"]:active,
a[href^="email-error"]:focus, a[href^="email-error"]:active {
    outline: 0 !important;
}

.shortcut-content .basicBox li a:focus, .shortcut-content .basicBox li a:active {
    outline: 0;
    border: 3px solid rgb(245, 166, 35);
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 1px 0;
}

/* Fix jumping when focusing on left nav | JC 2018-08-22 */

#leftRail ul li a.menulink, #leftRail a.topmenulink, .shortcut-content .basicBox li a, .shortcut-content .basicBox li a {
    outline: 0;
    border: 3px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    padding: 1px 0;
}

a.topmenulink {
    font-weight: 500;
    font-size: 1.28em;
    padding: 3px 10px 3px 8px;
    margin: 0 40px 5px 0;
    outline: 0;
    border: 3px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
}

a[class*='-button']:visited, a.white-button:visited:hover, a.white-button:visited:focus, a.white-button:visited:active {
    color: #fff;
}

a.white-button:focus:visited, a.white-button:active:visited, a.white-button:visited {
    color: #0279b1;
}

a.white-button--blue-bg:focus:visited, a.white-button--blue-bg:active:visited, a.white-button--blue-bg:visited {
    color: #fff;
}

a.white-button--blue-bg:visited {
    color: #0279b1;
}

.blue-button:focus, .blue-button:active, a.blue-button:focus, a.blue-button:active, .bt-more:focus, .bt-more:active {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
    background-color: rgb(255, 255, 255);
    color: rgb(2, 121, 177);
    border: #b2b2b2 1px solid;
    padding: 13px;
}

.green-button:focus, .green-button:active, a.green-button:focus, a.green-button:active {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
    background-color: rgb(255, 255, 255);
    color: #4B8516;
    border: #B2B2B2 1px solid;
    padding: 13px;
}

.white-button:focus, .white-button:active, a.white-button:focus, a.white-button:active, .links.btn-style a:focus, .links.btn-style a:active {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
    background-color: rgb(2, 121, 177);
    color: #fff !important;
    border: #0279b1 1px solid;
    padding: 13px;
}

.white-button--blue-bg:focus, .white-button--blue-bg:active, a.white-button--blue-bg:focus, a.white-button--blue-bg:active {
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
    background-color: #015982;
    color: #fff !important;
    border: #fff 1px solid;
    padding: 13px;
}

.home .links.btn-style a:focus, .home .links.btn-style a:active {
    padding: 13px 7px 13px 13px;
}

.tabSection .nav a:focus, .tabSection .nav a:active {
    background-color: rgb(255, 255, 255) !important;
    color: rgb(0, 0, 0) !important;
    box-shadow: 0 0 0 3px rgb(245, 166, 35) inset;
    outline: none;
}

.links.btn-style a:focus svg, .links.btn-style a:active svg {
    fill: rgb(255, 255, 255);
}

a.covbuttonnav, a.covbuttoncmd {
    display: inline-flex;
}

.covbuttonnav span, .covbuttoncmd span {
    border: 1px solid #0279b1;
}

.covbuttonnav:hover,
.covbuttoncmd:hover {
    background-position: left -104px;
}

    .covbuttonnav:hover span,
    .covbuttoncmd:hover span {
        background-position: right -34px;
    }


.imgallpadding .covbuttoncmd:active span,
.imgallpadding .covbuttonnav:active span,
.imgallpadding .covbuttoncmd:focus span,
.imgallpadding .covbuttonnav:focus span,
.imgallpadding .covbuttoncmd:hover span,
.imgallpadding .covbuttonnav:hover span,
.modContainer .covbuttoncmd:active span,
.modContainer .covbuttonnav:active span,
.modContainer .covbuttoncmd:focus span,
.modContainer .covbuttonnav:focus span,
.modContainer .covbuttoncmd:hover span,
.modContainer .covbuttonnav:hover span {
    background-color: #fff;
    border: #B2B2B2 1px solid;
    color: #0279b1;
    padding: 4px 14px 5px 12px;
}

.covbuttoncmd:focus, .covbuttoncmd:active {
    outline: none;
}

.imgallpadding a.covbuttoncmd:focus .fa,
.imgallpadding a.covbuttonnav:focus .fa,
.imgallpadding a.covbuttoncmd:active .fa,
.imgallpadding a.covbuttonnav:active .fa,
.modContainer a.covbuttoncmd:focus .fa,
.modContainer a.covbuttonnav:focus .fa,
.modContainer a.covbuttoncmd:active .fa,
.modContainer a.covbuttonnav:active .fa {
    background-color: transparent;
}

a.covbuttonnav:visited span,
a.covbuttoncmd:visited span {
    color: #fff;
}

a.covbuttonnav:hover:visited span,
a.covbuttoncmd:hover:visited span {
    color: #0279b1;
}

a.covbuttonnav:hover, a.covbuttoncmd:hover,
a.covbuttonnav:focus, a.covbuttonnav:active,
a.covbuttoncmd:focus, a.covbuttoncmd:active {
    outline: 0;
    text-decoration: none;
}

    a.covbuttonnav:focus span, a.covbuttonnav:active span,
    a.covbuttoncmd:focus span, a.covbuttoncmd:active span {
        background: #FFFFFF;
        color: #0279B1;
    }

.float-right {
    position: absolute;
    top: 50%;
    right: 5px;
    margin-top: -5px;
}

a.anchor {
    display: inline-block;
    position: relative;
    top: -65px;
    visibility: hidden;
}

.section-anchor {
    width: calc(100% - 20px);
    flex: 0 1 calc(100% - 20px);
}

/* 09062018 progressive disclosure */
.pdControl_show, .pdControl_hide {
    margin: 3px !important;
}

    .pdControl_show.white-button, .pdControl_hide.white-button {
        width: auto;
    }

.pdSet {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 1.2em;
    margin: 0;
    list-style-type: none;
}
/* removed to fix spacing inconsistancies in bullet lists - JC - 2018-12-13
    .pdSet li {
        padding-bottom: 0;
    }
*/
ul.pdSet {
    box-sizing: border-box;
    display: block;
    text-size-adjust: 100%;
    display: block;
}

    ul.pdSet > li {
        box-sizing: border-box;
        margin: 0;
        padding: 0;
    }

.pdSet div.group {
    width: 100%;
    padding-left: 65px;
    padding-right: 40px;
    background-color: #f8f8f8;
    border: #d9d9d5 1px solid;
    border-bottom: #f8f8f8 1px solid;
    border-top: #f8f8f8 1px solid;
    box-sizing: border-box;
    display: none;
}

.pdSet > div {
    width: 99%;
    box-sizing: border-box;
}

    .pdSet > div:first-child {
        margin: 0 0 1em;
        padding: 0;
    }

.pdSummary {
    cursor: pointer;
    border: 1px #d9d9d5 solid;
    padding: 20px;
    border-bottom-color: #f8f8f8;
    background-color: #fff;
    width: 100%;
    text-align: left;
    font-family: "Gotham SSm A", "Gotham SSm B", arial, helvetica, helv, sans-serif;
    margin: 0;
    color: #444;
}

.pdSet .pdSummary li {
    padding-left: 0;
    padding-bottom: .5em;
}
/* comment this out to fix spacing in bullet lists in pd summary - JC 2018-11-26
.pdSet .pdSummary ul {
	margin: 20px 0 20px 1.5em;
}
*/
.pdExpand {
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8 !important;
}

.fa.pdIcon, button .pdIcon {
    font-size: 2.5em;
    padding-right: 20px;
    width: 1.5em;
    text-align: center;
    color: #444;
}

#progressive_disclosure h2 {
    clear: both;
}

.pdSummary:hover, .pdSummary:focus {
    background-color: #f8f8f8;
}

li:nth-last-of-type(1) .pdSummary {
    border-bottom: 1px #d0d0d0 solid;
}

li:nth-last-of-type(1) .group {
    border-bottom: 1px #d0d0d0 solid !important;
}

.tabDetail > .unstyledTextBlock, .tabDetail > .unstyledTextBlock h1:first-child, .tabDetail > .unstyledTextBlock h2:first-child, .tabDetail > .unstyledTextBlock h3:first-child, .tabDetail > .unstyledTextBlock h4:first-child, .tabDetail > .unstyledTextBlock h5:first-child, .tabDetail > .unstyledTextBlock h6:first-child, .tabDetail > .unstyledTextBlock h6:first-child, .tabDetail > .unstyledTextBlock p:first-child, pdSet > div:first-child + h1, pdSet > div:first-child + h2, pdSet > div:first-child + h3, pdSet > div:first-child + h4, pdSet > div:first-child + h5, pdSet > div:first-child + h6, pdSet > div:first-child + p, .pdControl + h1, .pdControl + h2, .pdControl + h3, .pdControl + h4, .pdControl + h5, .pdControl + h6, .pdControl + p {
    margin-top: 0;
}

.pdSection {
    display: block;
    clear: both;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0;
}

    .pdSection p {
        clear: none;
    }

body #doc #content .pdControl, body #doc #content .pdControl_remote, body #doc .modContainer .pdControl, body #doc .modContainer .pdControl_remote {
    float: left;
    margin: 0;
}

body #doc .modContainer .pdControl_remote {
    margin-top: .1em;
}

    body #doc .pdControl_remote .white-button, body #doc #content .pdControl_remote .white-button, body #doc .modContainer .pdControl_remote .white-button {
        color: #0279B1;
        padding: 13px 30px;
        text-decoration: none;
        border-radius: 5px;
        margin: 5px;
        line-height: 2em;
        display: inline-block;
        cursor: pointer;
        border: 0;
        /* change border colour - JC 2018/10/16 */
        border: 1px solid #B2B2B2;
        -webkit-appearance: none;
        width: 137px;
        text-align: center;
    }

        body #doc .pdControl_remote .white-button:hover, body #doc #content .pdControl_remote .white-button:hover, body #doc .modContainer .pdControl_remote .white-button:hover,
        body #doc .pdControl_remote .white-button:focus {
            color: #F8F8F8;
            /* change border colour - JC 2018/10/16 */
            border: 1px solid #0279B1;
        }

    body #doc #content .pdControl_remote a.white-button:first-child, body #doc .modContainer .pdControl_remote a.white-button:first-child {
        margin-left: 0;
    }

body #doc #content .pdControl a img, body #doc .modContainer .pdControl a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

body #doc .modContainer .pdControl a.selected {
    background-position: -1px -19px;
}

    body #doc .pdControl a.selected img, body #doc #content .pdControl a.selected img, body #doc .modContainer .pdControl a.selected img {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }

body #doc .pdSummary:hover .pdControl, body #doc #content .pdSummary:hover .pdControl, body #doc .modContainer .pdSummary:hover .pdControl,
body #doc .pdSummary:focus .pdControl, body #doc #content .pdSummary:focus .pdControl, body #doc .modContainer .pdSummary:focus .pdControl {
    background-color: #fff;
}

body #doc .pdControl, body #doc #content .pdControl, body #doc .modContainer .pdControl {
    background-color: #0279b1;
    border: 1px #d0d0d0 solid;
    border-radius: 15px;
    margin-right: 20px !important;
    margin-top: 2px;
    padding: 2px
}

body #doc .modContainer a.pdControl_show {
    padding-left: 1.2em;
    padding-right: .3em;
}

body #doc .modContainer a.pdControl_hide {
    padding-left: 1.5em;
}

@media screen and (max-width: 620px) {
    body #doc .pdControl, body #doc .pdControl_remote, body #doc #content .pdControl, body #doc #content .pdControl_remote, body #doc .modContainer .pdControl, body #doc .modContainer .pdControl_remote {
        float: left;
        margin: 0;
    }

    body #doc #doc2 .pdControl_remote, body #doc #doc2 #content .pdControl_remote, body #doc #doc2 .modContainer .pdControl_remote {
        white-space: nowrap !important;
        width: auto;
    }

    body #doc .pdControl_remote a, body #doc #content .pdControl_remote a, body #doc .modContainer .pdControl_remote a {
        background-image: none;
        padding: 3px;
        border: 1px #ddd solid;
        border-radius: 4px;
        text-decoration: none;
    }

        body #doc .pdControl_remote a:hover, body #doc .pdControl_remote a:active, body #doc #content .pdControl_remote a:hover, body #doc #content .pdControl_remote a:active, body #doc .modContainer .pdControl_remote a:hover, body #doc .modContainer .pdControl_remote a:active {
            background-color: #f1f0eb;
            text-decoration: none;
        }

    body #doc .pdSummary p:not(.pdControl), body #doc .pdSummary ul, body #doc #content .pdSummary p:not(.pdControl), body #doc #content .pdSummary ul, body #doc .modContainer .pdSummary p:not(.pdControl), body #doc .modContainer .pdSummary ul {
        padding-left: 0px;
    }

    body #doc .pdControl a.selected, body #doc #content .pdControl a.selected, body #doc .modContainer .pdControl a.selected {
        background-position: 0px -66px;
    }

    body #doc .pdControl, body #doc .pdControl_remote, body #doc #content .pdControl, body #doc #content .pdControl_remote, body #doc .modContainer .pdControl, body #doc .modContainer .pdControl_remote {
    }

    body #doc #doc2 .pdSet p, body #doc #doc2 #content .pdSet p, body #doc #doc2 .modContainer .pdSet p {
        margin-bottom: 14px;
    }
}

.pdControl + div.pdSummaryBlock {
    display: block;
}

.pdSummaryBlock {
    width: 100%;
    margin-bottom: -20px;
}

.pdControl + div {
    display: flex;
    flex-direction: row;
    align-items: normal;
}

@media (min-width: 600px) and (max-width: 980px) {
    .pdSummary span + .pdSummaryBlock {
        margin-left: 20px;
    }
}

@media (max-width: 599px) {
    .pdControl + div {
        display: flex;
        flex-direction: column;
        align-items: initial;
    }

        .pdControl + div span {
            display: none;
        }

    i.pdIcon {
        display: none;
    }
}

body #doc p.pdControl, body #doc #content p.pdControl, body #doc .modContainer p.pdControl {
    height: 20px;
}

body #doc .modContainer p.pdControl_remote {
    margin-bottom: 20px;
}

body #doc p.pdControl, body #doc #content p.pdControl, body #doc .modContainer p.pdControl {
    padding: 3px;
}

.pdSummary:focus, .pdSummary:active {
    box-shadow: inset 0 0 0 3px rgb(245, 166, 35);
}

.parentImg:focus, .pdSummary p:focus, .pdSummary div:focus, .pdSummary img:focus {
    box-shadow: none;
}

.pdSummary div span img {
    margin-right: 20px;
}

.pdSummary.pdExpand {
    background-color: #f8f8f8;
}

/* html5 pd - BC 07302019 */
.pd__control-remote {
    white-space: nowrap;
}

.pd__summary div span img {
    margin-right: 20px;
}

.pd__summary .icon--plus {
    width: 0px;
    height: 0px;
    background: url('/images/cov/ui/PD-white-s.png');
    padding: 10px;
}

.pd__summary:hover .icon--plus, .pd__summary:focus .icon--plus {
    background: url('/images/cov/ui/PD-blue-s.png');
}

a.pd__summary:focus, a.pd__summary:active {
    padding: 20px;
}

.pd--set, .pd__summary {
    box-sizing: border-box;
    width: 520px;
}

.pd__control {
    margin-top: .1em;
}

[class^="pd__control__"].white-button {
    /* can remove .white-button after clean up */
    padding: 13px 30px;
    width: 137px;
    line-height: 2em;
}

[class^="pd__set"] {
    box-sizing: border-box;
    text-size-adjust: 100%;
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 1.2em;
    margin: 0;
    list-style-type: none;
}

[class^="pd__group"] {
    width: 100%;
    padding-left: 65px;
    padding-right: 20px;
    background-color: #f8f8f8;
    border: #d9d9d5 1px solid;
    border-bottom: #f8f8f8 1px solid;
    border-top: #f8f8f8 1px solid;
    box-sizing: border-box;
    display: none;
}

    [class^="pd__group"] img {
        max-width: 100%;
        height: auto;
    }

.modContainer a.pd__summary {
    cursor: pointer;
    border: 1px #d9d9d5 solid;
    padding: 20px;
    border-bottom-color: #f8f8f8;
    background-color: #fff;
    width: 100%;
    text-align: left;
    margin: 0;
    color: #444;
    text-decoration: none;
    display: block;
}

body #doc .pd__summary:hover .pd__control, body #doc #content .pd__summary:hover .pd__control, body #doc .modContainer .pd__summary:hover .pd__control, body #doc .pd__summary:focus .pd__control, body #doc #content .pd__summary:focus .pd__control, body #doc .modContainer .pd__summary:focus .pd__control {
    background-color: #fff;
}

.modContainer a.pd__summary:focus img:not(.icon--plus), .modContainer a.pd__summary:active img:not(.icon--plus),
.modContainer a.pd__summary:focus [class^="fa"], .modContainer a.pd__summary:active [class^="fa"] {
    background-color: #f8f8f8;
}

.modContainer .pd__summary.pd--expand {
    background-color: #f8f8f8;
    border-bottom-color: #f8f8f8;
}

.modContainer a.pd__summary:focus, .modContainer a.pd__summary:active {
    box-shadow: inset 0 0 0 3px rgb(245, 166, 35);
}

.modContainer a.pd__summary:hover, .modContainer a.pd__summary:focus, .modContainer a.pd__summary:active {
    outline: none;
    background-color: #f8f8f8;
    color: #444;
}

li:nth-last-of-type(1) [class^="pd__group"] {
    border-bottom: 1px #d0d0d0 solid !important;
}

.pd__control {
    background-color: #0279b1;
    border: 1px #d0d0d0 solid;
    border-radius: 15px;
    margin-right: 20px;
    margin-top: 2px;
    padding: 2px;
    float: left;
    height: 20px;
}

.pd__summary:hover .pd__control, .pd__summary:focus .pd__control {
    background-color: #fff;
}

li:nth-last-of-type(1) .pd__summary {
    border-bottom: 1px #d0d0d0 solid;
}

[class^="pd__set"] li ul, [class^="pd__set"] li ol {
    margin: 0 0 20px 2em;
}

[class^="pd__set"] li > ul, [class^="pd__set"] li > ol {
    margin: .5em 0 0 2em;
}

[class^="pd__set"] > li {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

.pd__control img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-transition-duration: 200ms;
    -ms-transition-duration: 200ms;
    transition-duration: 200ms;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

s.pd__control a.selected {
    background-position: -1px -19px;
}

.pd__control.selected img {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.pdControl + div.pdSummaryBlock {
    display: block;
}

.pd__summary-content {
    width: 100%;
    margin-bottom: -20px;
}

.pd__control + div {
    display: flex;
    flex-direction: row;
    align-items: normal;
}

.pd__icon {
    font-size: 2.5em;
    padding-right: 20px;
    width: 1.5em;
    text-align: center;
}

/* TF: GSA search replace */
div.googleSearch div.links em {
    font-weight: bold;
}

.googleSearch em {
    font-style: normal;
}

/* ------------------------------------------- Start unstyleTextBlock element standard ------------------------------------------- */
/*
.unstyledTextBlock>.blk--one-third {
    float: right;
    width: calc(33% - 20px);
    margin: 0 0 20px 20px;
}

.unstyledTextBlock>.blk--half {
    float: right;
    width: calc(50% - 20px);
    margin: 0 0 20px 20px;
    min-width: 170px;
}

.unstyledTextBlock>.blk--two-third {
    float: right;
    width: calc(66% - 20px);
    margin: 0 0 20px 20px;
    min-width: 170px;
}
*/
/* ------------------------------------------- End unstyleTextBlock element standard ------------------------------------------- */

#leftRail ul li.isCurrent > a.menulink, #leftRail a.topmenulink.isCurrent {
    color: #fff;
    background-color: #4B8516;
    outline: 0;
}

    #leftRail ul li.isCurrent > a.menulink:hover, #leftRail a.topmenulink.isCurrent:hover {
        text-decoration: underline;
    }

a {
    text-decoration: none;
    color: #0279B1;
}

    a:visited {
        color: #8C53CA;
    }

        a:hover, a:focus, a:active, a:visited:hover, a:focus:visited, a:active:visited {
            color: #015982;
            text-decoration: underline;
        }

    a:not([class*='-button']):focus, a:not([class*='-button']):active {
        color: #015982;
    }

    a[class*='-button']:hover:visited,
    a[class*='-button']:focus, a[class*='-button']:active,
    a[class*='-button']:focus:visited, a[class*='-button']:active:visited {
        text-decoration: none;
        color: #0279b1;
    }

    a.white-button:hover:visited,
    a.white-button:focus, a.white-button:active,
    a.white-button:focus:visited, a.white-button:active:visited {
        text-decoration: none;
        color: #fff;
        background-color: #0279b1;
    }

    a:focus, a:active {
        background-color: #f8c165;
        outline-offset: 0;
        outline: 3px solid #f8c165;
        padding: 0;
    }

.alert--red a:visited, .alert--election a:visited {
    color: #fff
}

.alert--orange a:visited {
    color: #222;
}

.menu a:hover, .menu a:focus, .menu a:active,
.menu .column a:hover,
.menu .subColumn a:hover,
.menu li:hover a {
    color: #B2B2B2;
}

.menu a:focus, .menu a:active {
    box-shadow: inset 0 0 0 3px #F5A623;
}

.home a, .modContainer a, .imgallpadding a {
    text-decoration: underline;
}

    .imgallpadding a:focus, .imgallpadding a:active,
    .modContainer a:focus, .modContainer a:active {
        box-shadow: 0 0 0 3px #f8c165;
    }

    .imgallpadding a[tabindex='-1']:focus, .imgallpadding a[tabindex='-1']:active,
    .modContainer a[tabindex='-1']:focus, .modContainer a[tabindex='-1']:active {
        box-shadow: none;
        background-color: transparent;
    }

    .imgallpadding a[class*='-button'], .imgallpadding input.query[class*='-button'],
    .modContainer a[class*='-button'], .modContainer input.query[class*='-button'] {
        text-decoration: none;
    }

.modContainer .download-buttons-desktop a:focus {
    outline: none;
}

    .modContainer a.blue-button:focus em, .modContainer a.blue-button:active em,
    .modContainer a.blue-button:focus i, .modContainer a.blue-button:focus span, .modContainer a.blue-button:active i, .modContainer a.blue-button:active span,
    .modContainer .download-buttons-desktop a:focus i, .modContainer .download-buttons-desktop a:active i {
        background: transparent;
    }


.modContainer a.post-overlay:focus .fas, .modContainer a.post-overlay:active .fas {
    background: transparent;
}

.modContainer a:focus img, .modContainer a:active img, .modContainer a:focus .fa, .modContainer a:active .fa,
.modContainer a:focus [class^="fa"], .modContainer a:active [class^="fa"] {
    background: #f8c165;
}

.imgallpadding a.covbuttonnav,
.imgallpadding a.covbuttoncmd,
.modContainer a.covbuttonnav,
.modContainer a.covbuttoncmd {
    text-decoration: none;
}

a.lnkArrowRight:focus, a.lnkArrowRight:active {
    padding-right: 20px;
}

.alert--orange a:focus, .alert--orange a:active {
    background-color: #E0900A;
    outline: 3px solid #E0900A;
    color: #444;
}

.alert--red a:focus, .alert--red a:active {
    background-color: #BD0218;
    outline: 3px solid #BD0218;
    color: #D9D9D5;
}

.alert--election a:focus, .alert--election a:active {
    background-color: #D20049;
    outline: 3px solid #D20049;
    color: #D9D9D5;
}

.notice--green a:focus, .notice--green a:active {
    background-color: #87B33A;
    outline: 3px solid #87B33A;
    color: #444;
}

.alert--orange a:hover, .notice--green a:hover {
    color: #444;
}

.alert--red a:hover, .alert--election a:hover {
    color: #D9D9D5;
}

/* classes to use DSG colours for fonts */

.font-white {
    color: #ffffff;
}

.font-light-grey {
    color: #f8f8f8;
}

.font-medium-grey {
    color: #d9d9d5;
}

.font-dark-grey {
    color: #b2b2b2;
}

.font-charcoal {
    color: #444444;
}

.font-light-green {
    color: #96BF50;
}

.font-medium-green {
    color: #4B8516;
}

.font-dark-green {
    color: #3C6C12;
}

.font-teal {
    color: #367C77;
}

.font-blue {
    color: #0279B1;
}

.font-dark-blue {
    color: #015982;
}

.font-alert-red {
    color: #D0021B;
}

.font-alert-orange {
    color: #F5A623;
}

.font-agreement-orange {
    color: #FF5000;
}

.font-violet {
    color: #8C53CA;
}

/* Non-DSG colours */

.font-ba8209 {
    color: #ba8209;
}

.font-f6b332 {
    color: #f6b332;
}

.font-5ab6b2 {
    color: #5ab6b2;
}

.font-1e366c {
    color: #1e366c;
}

.block--panel h3 a:focus, .block--panel h3 a:active {
    display: inline-block;
}

.block--panel--title a:focus, .block--panel--title a:active, .home .events a:focus, .home .events a:active {
    background-color: #f8c165;
    box-shadow: 0 0 0 3px #f8c165;
}

.home .highlight-header--home a {
    text-decoration: underline;
}

    .home .highlight-header--home a:visited {
        color: #fff;
    }

.home .highlight-content--title a:link {
    text-decoration: underline;
}

.home .highlight-content--title a:hover {
    color: #d9d9d5;
}

section .section.highlight-header .svc-item:not(:hover) a:focus, section .section.highlight-header .svc-item:not(:hover) a:active,
.home .highlight-content--title a:focus, .home .highlight-content--title a:active,
.home .highlight-header--home a:focus, .home .highlight-header--home a:active {
    background: none;
    color: #d9d9d5;
    outline: 3px solid #F5A623;
    box-shadow: none;
}

.home .highlight-header--home a:hover, .highlight-header .each:hover a:visited {
    color: #0279b1;
}

.highlight-header .each:hover a:focus, .highlight-header .each:hover a:active {
    background: #f8c165;
    color: #015982;
    outline: 3px solid #f8c165;
    box-shadow: 0 0 0 3px #f8c165;
}

a.bt-more:link {
    text-decoration: none;
}

.home a.bt-more:focus, .home a.bt-more:active, .home a.bt-more:hover:focus, .home a.bt-more:hover:active {
    padding: 15px 13px;
    color: #0279b1;
    background: #fff;
    box-shadow: 0 0 0 3px rgb(245, 166, 35);
}

a.link--img-only {
    margin: 3px 0 0 3px;
    display: inline-block;
}

    a.link--img-only:focus, a.link--img-only:focus img,
    a.link--img-only:active, a.link--img-only:active img {
        background-color: transparent;
    }

.modContainer a.link--img-only:focus, .modContainer a.link--img-only:active {
    box-shadow: none;
}

.home .featured-content h3 {
    font-size: 1.125rem;
    margin-bottom: 0;
}

.home .section-title {
    font-size: 1.625rem;
}

.home .columnTitle {
    font-size: 1.25em;
    line-height: 1.25em;
}

.home .primary-block p {
    line-height: 1.5em;
}

.home .primary-block h3 {
    font-size: 1.25rem;
}

.home .secondary-block h3 {
    font-size: 1.125rem;
}

.home .newsWrapper h3 {
    font-size: 1.125rem;
}

.home .newsWrapper .date {
    font-size: 0.88rem;
}

.home .events .location {
    font-size: 0.88em;
    line-height: 1.4em;
    max-height: 2.8em;
    overflow: hidden;
}

.home .events .day {
    font-size: 2rem;
}

.home .events .month {
    font-size: 1.14rem;
}

.home .events a {
    font-size: 1rem;
    display: block;
}

body #doc .home p.highlight-content--title, .home .list--plain, .home .section-title--link a {
    font-size: 1rem;
}

@media (max-width: 768px) {
    .home .section-title--link a {
        font-size: 1em;
    }
}

.home .utility-nav .list--plain li a {
    text-decoration: none;
}

    .home .utility-nav .list--plain li a:hover, .home .utility-nav .list--plain li a:focus, .home .utility-nav .list--plain li a:active {
        text-decoration: underline;
    }

.accessibility .skip-links a:focus, .accessibility .skip-links a:active {
    outline: 0 !important;
}

.accessibility {
    position: absolute;
    width: 100%;
}

    .accessibility .skip-links {
        position: absolute;
        left: 157px;
        z-index: 999;
    }

    .accessibility h2, .accessibility h3, .accessibility p {
        position: absolute;
        left: -9999em;
    }

    .accessibility .skip-links ul, .accessibility .skip-links ul li {
        list-style: none;
        margin: 0;
        padding: 0;
    }


@media (min-width: 981px) {
    body.home .accessibility .skip-links ul li:nth-child(3), body.cov-super-wide .accessibility .skip-links ul li:nth-child(3),
    body.cov-online-services .accessibility .skip-links ul li:nth-child(3), body.cov-404 .accessibility .skip-links ul li:nth-child(3) {
        display: none;
    }
}

.accessibility .skip-links a:link, .accessibility .skip-links a:visited {
    position: absolute;
    height: 1px;
    left: 0;
    top: -500px;
    display: block;
}

.accessibility .skip-links a:focus, .accessibility .skip-links a:active,
a.skip-links--twitter:focus, a.skip-links--twitter:active {
    position: static;
    width: auto;
    height: auto;
    color: #fff;
    background-color: #0279b1;
    padding: 5px 10px;
    text-decoration: none;
    text-align: center;
}

.accessibility .skip-links a:focus {
    box-shadow: inset 0 0 0 3px rgb(245, 166, 35);
}

.accessibility {
    display: block
}

    .accessibility .skip-links {
        display: block
    }

a.skip-links--twitter:focus, a.skip-links--twitter:active {
    display: inline-block;
    margin-bottom: 5px;
}

/* campayn subscription box module */

.error-summary {
    border: 2px solid #d0021b;
    border-radius: 5px;
    padding: 1em;
    margin: 0.5em;
    background-color: #febfc7;
}

    .error-summary h1, .formMessage h1 {
        font-size: 1.1rem;
        margin: 0;
        padding: 0;
    }

    .error-summary a {
        color: #d0021b;
    }

input.error {
    border: 2px solid #d0021b;
    margin-bottom: 0;
}

.error-text {
    display: block;
    margin: 0.33em 0 0 1.5em;
    text-indent: -1.5em;
    color: #d0021b;
}

    .error-text:before {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        content: '\f06a';
        color: #d0021b;
        margin-right: .6em;
    }

.instant-error-text {
    display: block;
    margin: 0.33em 0 0 1.5em;
    text-indent: -1.5em;
    color: #d0021b;
    font-size: 1.29em;
}

    .instant-error-text:before {
        font-family: 'Font Awesome 5 Pro';
        font-weight: 700;
        content: '\f06a';
        color: #d0021b;
        margin-right: .6em;
    }

.formMessage {
    border: 2px solid #f5a623;
    border-radius: 5px;
    margin: 0.5em;
    padding: 1em;
    background-color: #fce3b9;
}

    .formMessage p {
        padding: 0;
        margin: 0 !important;
    }

.formMessageHide {
    display: none;
}

.sr-only {
    color: transparent;
}

/*** responsive ***/
/*** mobile nav, desktop body ***/
@media screen and (max-width: 980px) {
}

/*** tablet ***/
@media screen and (max-width: 768px) {
}

@media screen and (max-width: 768px) and (min-width: 600px) {
}

/*** mobile ***/
@media screen and (max-width: 599px) {
    /* breadcrumb */
    ol.breadcrumb li {
        display: none;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }

        ol.breadcrumb li:nth-last-of-type(-n+3):not(:last-of-type) {
            display: block;
        }

            ol.breadcrumb li:nth-last-of-type(-n+3):not(:last-of-type):before {
                content: "\f104";
                font-family: "Font Awesome 5 Pro";
                margin-right: 5px;
            }

        ol.breadcrumb li:nth-last-of-type(-n+2) {
            margin-left: 10px;
        }

        ol.breadcrumb li i {
            display: none;
        }
}