/*
    City of Vancouver Web Stylesheet
    Latest update 20180329 (prev production 20180215)
    Latest update 20180502
*/

/* Standardize all font sizes at the beginning */

html,
body,
form,
fieldset {
    margin: 0;
    padding: 0;
    font-size: 100%;
}

html {
    font-size: 100.01%;
    /* avoids obscure font-size bug */
    height: 100%;
    margin-bottom: 1px;
    /* avoid jumping scrollbars */
}

body {
    font-size: 81.25%;
    height: 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-size: 100%;
    font-weight: normal;
}

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

abbr,
acronym {
    border: 0;
}

/*fonts.css*/

table {
    font-size: inherit;
}

select,
input,
textarea {
    /* font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif; */
    font-family: "CoV Noto Sans", Helvetica, sans-serif;
    font-size: 1em;
}

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

body * {
    line-height: 1.4;
}

h1 {
    font-size: 1.73em;
}

h2 {
    font-size: 1.44em;
}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.14em;
}

h5,
h6,
h7 {
    font-size: 1em;
}

p,
pre {
    margin: 0 0 20px 0;
    line-height: 1.35;
}

/* Lists */

ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 20px 0 20px 1.5em;
}

ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin: .5em 0 .5em 2em;
}

ul ul {
    list-style-type: disc;
    list-style-position: outside;
    margin: 10px 0 20px 1.5em;
}

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

ol ol {
    list-style-type: decimal;
    list-style-position: outside;
    margin: .5em 0 0 2em;
}

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

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

/* quicklinks lists */
  
  .quick-links {
    display: inline-block;   
  }
  
  .quick-links > ul > li > i {
    display: none;   
  }
 .quick-links a:after {content: " (" attr(href) ")";}

/* Block Level Type Styles */

blockquote {
    margin: 1em 2em 1em 1em;
}

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

/* Inline Type Styles */

abbr,
acronym {
    border-bottom: 1px dotted #333;
    cursor: help;
}

strong {
    font-weight: bold;
}

em,
dfn,
cite {
    font-style: italic;
}

/* Tables */

table {
    margin: 5px 0 15px 0;
}

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;
    font-size: .94em;
}

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

legend {
    font-weight: bold;
    color: #444;
}

/* Clearing */

.clear {
    clear: both;
}

body {
    /* font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif; */
    font-family: "CoV Noto Sans", Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
.modHeader,
ul#topNav li a,
table th {
    /* font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif; */
    font-family: "CoV Noto Sans", Helvetica, sans-serif;
    font-weight: normal;
    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;
}

.print-logo {
    margin-right: 15px;
}

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

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

.menu {
    font-size: 0.985em;
}

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

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

.largeIconFeature h3 {
    font-size: 1em;
    margin-top: 0.8em;
}

.largeIconFeature .description {
    height: 165px;
}

.largeIconFeature h2.modHeader {
    display: none;
}

.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: 8px;
    margin-right: 8px;
}

/* font face testing BC 2017-10-11 */

.content .modContainer h2.modHeader {
    font-size: 1rem;
}

/* font face testing BC 2017-10-11 */

.content .modContainer .basicBox p,
.content .modContainer .imageList {
    font-size: 0.875rem;
}

/* font face testing BC 2017-10-11 */

.content .modContainer .basicBox ul {
    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;
}

.rssView div h3,
.rssView div p {
    font-size: 1.2em;
}

/* end */

h1 {
    margin: 0 0 15px;
}

/* module headings */

#rightRail h2,
#rightRail h3,
#rightRail h4,
#rightRail h5,
#rightRail h6,
h2.modHeader {
    font-size: 1.1em;
    color: #444444;
}

a {
    text-decoration: none;
    color: #0279B1;
}

    a:hover {
        text-decoration: underline;
    }

.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;

}

.rounded-corners-top {
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px;

}

/* backgrounds */

body {
    padding: 0;
    margin: 0;
    background-color: #F2F2F2;
}

/* site structure */

#doc {
    width: 980px;
    position: relative;
    height: auto;
    margin: 0 auto 20px;
    background: #FFFFFF;
    width: 1366px;
}

.home #doc2 {
    padding: 12px 0px 20px 0px;
}

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

.ieShadow {
    display: none;
}

/* homepage */

.home #siteAlert {
    font-size: 1.7em;
    margin: -1em 0 1em 0;
}

#siteAlert {
    /* font-family: "Gotham SSm A", "Gotham SSm B", Montserrat, Helvetica, sans-serif; */
    font-family: "CoV Noto Sans", Helvetica, sans-serif;
    border: 1px solid red;
    padding: 1em;
    background-color: #FFD4D4;
    text-align: center;
    margin: 1em 0;
    font-size: 1.3em;
    clear: both;
}

.siteAlertNotice {
    border: 1px solid #F5DE83;
    background-color: #FFFDE0;
}

#siteAlert p:first-of-type {
    margin: 0;
}

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;
}

form#search {
    display: inline;
    margin-left: 30px;
}

    form#search input.submitSearch {
        margin-left: 5px;
    }

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

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

    /* font face testing KL 2017-05-15 */

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

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

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

#destinations {
    width: 155px;
}

/* secondary landing & content pages */

#contentContainer {
    position: relative;
    width: 550px;
    float: left;
    margin-bottom: 25px;
    padding: 0;
    overflow: hidden;
}

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

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

img#landingBanner {
    margin: 0 0 1.2em;
    padding: 0;
    float: left;
    width: 520px;
    clear: none;
}

.landingBanner-group {
    position: relative;
    width: 100%;
    /* for IE 6 */
}

.landingBanner-caption {
    position: absolute;
    margin-top: 18%;
    left: 0;
    right: 0;
    text-align: right;
    padding: 1% 0 2% 0;
}

    .landingBanner-caption span {
        margin: 0px;
        padding: 2%;
        color: white;
        font-size: 150%;
        background-color: #005BA1;
        background: rgba(0, 91, 161, 0.70);
        font-family: tahoma, chicago, sans-serif;
    }

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

    .landingBanner-caption span {
        font-size: 85%;
        padding: 2%;
    }

        .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;
   
}

    #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;
        font-size: 2.4em;
        text-align: left;
        line-height: 1.3em;
        font-family: Tahoma, Geneva, sans-serif;
        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;
        font-family: Tahoma, geneva, sans-serif;
        font-size: 1.75em;
        background: url('/images/cov/icons/icons_cta_beveled.jpg') 0 0 no-repeat;
    }

        .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;
            }

/* 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,
.largeIconFeature,
.basicBox,
.googleMap,
.youTube,
.photoOfTheDay {
    background: #F8F8F8;
    float: left;
    margin-bottom: 4px;
    margin-right: 10px;
    margin-top: 7px;
    overflow: hidden;
}

.largeIconFeature {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border: #d9d9d5 1px solid;
}

    .largeIconFeature .modHeader + a {
        display: block;
    }

    .largeIconFeature img.icon {
        float: left;
        margin: 0 auto 10px;
    }

    .largeIconFeature h3 {
        margin-bottom: 0;
        /* font face testing KL 2017-10-06 */
        /* padding: 0 12px; */
        padding: 0 12px 2px 12px;
    }

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

.largeIconFeature h3 a {
    color: #0279B1;
    font-size: 1em;
    font-weight: normal;
}

.listItem {
    border-bottom: #fff solid 1px;
    clear: both;
    overflow: hidden;
}

    .listItem h3 {
        margin: 10px 0 0 0;
        padding: 0 12px;
    }

    .listItem p,
    .largeIconFeature p,
    .content .basicBox p,
    .event .basicBox p,
    #homeContent .basicBox p,
    .flickrphoto .caption,
    .flickrphoto .morephotos,
    #rightRail .basicBox p,
    .youTube p {
        /* spacing adjustment testing KL 2018-03-08 */
        /* margin: 10px 12px 10px 12px; */
        margin: 5px 12px 10px 12px;
        overflow: hidden;
    }

/* font face testing KL 2017-10-06 */

.largeIconFeature p {
    margin-top: 10px;
}

.listItem h3 a {
    color: #0279B1;
    font-size: 1em;
    font-weight: normal;
}

.smallIconList .listItem,
.mediumIconList .listItem {
    padding-bottom: 5px;
}

.mediumIconList .listItem {
    min-height: 50px;
}

    .mediumIconList .listItem a {
        padding-left: 55px;
        background-position: 0px 0px;
        background-repeat: no-repeat;
        min-height: 50px;
        display: block;
    }

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

#homeContent h2.modHeader,
.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;
    padding: 0;
}

#homeContent 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 */

/* FCV remove section's bottom margin */

#homeContent {
    position: relative;
    width: 760px;
    float: left;
    margin-bottom: 0px;
}

    #homeContent + #rightRail {
        margin-bottom: 0px;
    }

    /* End FCV remove section's bottom margin */

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

    #homeContent .simpleList,
    #homeContent .basicBox,
    #homeContent .googleMap,
    #homeContent .youTube {
        width: 170px;
        overflow: hidden;
    }

        #homeContent .basicBox h3 {
            font-size: 1.05em;
        }

        .basicBox h2 + p,
        #homeContent .basicBox h2 + p,
        .largeIconFeature h2 + p {
            float: none;
            margin: 0;
            padding: 0;
        }

    #homeContent .largeIconFeature,
    #homeContent .photoOfTheDay {
        width: 265px;
        overflow: hidden;
    }

        #homeContent .photoOfTheDay .details {
            width: 425px;
        }

    #homeContent .imageList {
        width: 540px;
        overflow: hidden;
        float: right;
    }

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

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

    .modContainer .simpleList,
    .modContainer .imageList,
    .modContainer .smallIconList,
    .modContainer .mediumIconList,
    .modContainer .basicBox,
    .modContainer .googleMap,
    .modContainer .youTube,
    .modContainer .googleNews,
    .modContainer .googleInitiatives,
    .modContainer .googleEvents {
        width: 520px;
        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 .largeIconFeature {
        width: 253px;
        overflow: hidden;
        transition: none;
    }

        .modContainer .largeIconFeature:hover {
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
        }

    .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 .largeIconFeature,
    #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;
}

#rightRail .smallList .listItem {
    background: #F1F0EB;
}

/* 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;
    }

    .modContainer .smallList .modHeader + .listItem {
        margin-top: 0;
        padding-top: 0.25em;
    }

    .modContainer .smallList .listItem {
        border-bottom: medium none;
    }

        .modContainer .smallList .listItem h3 {
            margin: 5px 0 0;
            padding: 0 8px;
        }

    .modContainer .smallList .listItem {
        border-bottom: medium none;
        overflow: hidden;
    }

        .modContainer .smallList .listItem h3 + p {
            margin-bottom: 0.5em;
        }

        .modContainer .smallList .listItem p {
            border-bottom: 1px solid #FFFFFF;
            margin: 7px 8px 10px;
            padding-bottom: 0.5em;
        }

/* JMA: 3167 */

#homeContent .imageList .listItem {
    border-bottom: 1px solid #FFFFFF;
    overflow: hidden;
    padding-bottom: 0.25em;
}

    #homeContent .imageList .listItem h3 {
        margin: 5px 0 0;
        padding: 0 8px;
    }

        #homeContent .imageList .listItem h3 a {
            color: #0279B1;
        }

    #homeContent .imageList .listItem p {
        margin: 7px 8px 10px;
    }

    #homeContent .imageList .listItem img {
        float: left;
        margin: 0.6em 1.25em 0.6em 0.75em;
        width: 150px;
    }

span.date {
    color: #524761;
    font-weight: bold;
}

#contentContainer .imageList .listItem {
    border-bottom: 1px solid #FFFFFF;
    overflow: hidden;
    padding-bottom: 0.25em;
}

    #contentContainer .imageList .listItem h3 {
        margin: 5px 0 0;
        padding: 0 8px;
    }

        #contentContainer .imageList .listItem h3 a {
            color: #0279B1;
            font-size: 1em;
            font-weight: normal;
        }

    #contentContainer .imageList .listItem p {
        margin: 7px 8px 10px;
    }

    #contentContainer .imageList .listItem img {
        float: left;
        margin: 0.6em 1.25em 0.6em 0.75em;
    }

.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 {
        display: inline;
        margin: 0px 10px 0px 0px;
        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;
}

.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;
}

/* 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;
            left: 20px;
            padding: 0px 0px 0px 0px;
            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;
            margin: 0px 0px 0px 10px;
            padding: 0px 0px 0px 0px;
            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;
            padding: 0px 0px 0px 0px;
            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;
            line-height: 24px;
            overflow: hidden;
            font-size: 1.2em;
            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 {
        font-size: 1.2em;
        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;
 
}

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

/* 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%;
}

.eventDay h2 {
    font-size: 1.2em;
}

.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 .details p {
        font-size: 0.9em;
    }

.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: #f1f0eb;
    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;
    font-size: 1.2em;
}

#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;
        font-size: 1.2em;
        text-decoration: none;
    }

.mapArea {
    color: blue;
    font-size: 0.8em;
    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;
                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 {
    font-size: 14px;
    margin: 13px 0px;
}

#contentContainer #authorContainer h3 {
    font-size: 10px;
    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-size: 14px;
    font-weight: bold;
    text-decoration: none;
    line-height: 20px;
}

#tags {
    float: right;
    clear: right;
    font-size: 10px;
    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;
    font-size: 1.2em;
    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;
            font-size: 14px;
            line-height: 150%;
            margin-left: 60px;
        }

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

            #contentContainer #comments ul li p.date,
            #contentContainer #comments .reply,
            #contentContainer #comments .like,
            #contentContainer #comments .dislike {
                font-size: 10px;
                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;
}

.loginForm label {
    font-size: 12px;
}

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

#commentCount {
    float: left;
}

#registerForm {
    margin-left: 10px;
}

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

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 * {
    font-size: 1em;
    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 #f1f0eb 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 #f1f0eb 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 #deddd6 solid;
    background-color: #f1f0eb;
    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 #deddd6 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 #f1f0eb solid;
    border-right: 1px #f1f0eb solid;
    background-color: #f1f0eb;
    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 #fff solid;
    vertical-align: top;
    padding: 0 8px;
}

/* table heading has extra top/bottom padding and thick bottom border */

.modContainer table th {
    border-bottom: 3px #93958b solid;
    background-color: #deddd6;
    padding: 4px 8px;
    vertical-align: baseline;
}

.modContainer table td {
    padding: 4px 8px;
}

/* table heading font and margin settings*/

.modContainer table th,
.modContainer table th * {
    font-size: 1em;
    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 #f1f0eb 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 #deddd6 solid;
    background-color: #f1f0eb;
    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 #93958b solid;
    background-color: #deddd6;
    /* 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;
    vertical-align: top;
    padding: 0;
}

/* @group table list formatting */

table ul {
    margin-left: 1em;
}

/*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;
    overflow: hidden;
    padding-top: 0;
}

/*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-size: 1.7em;
    font-weight: normal;
    margin: 0 0 0.5em;
    padding-bottom: 0.5em;
    vertical-align: top;
}

#areas ul li {
    font-size: 1.2em;
    line-height: 1.4em;
    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 -*/

/* feature image list image width fix */

.listItemFeatureImage {
    width: 150px;
}

#sectionRightRail .listItemFeatureImage,
#rightRail .listItemFeatureImage {
    width: 185px;
}

.smallIconList .listItem img {
    margin-left: 0px;
    height: 11px;
    width: 14px;
}

.results {
    clear: both;
}

* + 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;
            clear: both;
        }

            .googleMap .mapLegend ul li img {
                float: left;
            }

            .googleMap .mapLegend ul li ul {
                margin: 0;
                display: inline;
                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;
    font-size: 0.9em;
    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;
    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 {
    font-family: tahoma, chicago, sans-serif;
    font-size: 0.8em;
    line-height: 0.9em;
    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;
    font-size: 1.2em;
    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;
}

    #searchInput:focus {
        outline: 2px solid #0971b2;
        outline-offset: 0;
    }

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

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

.googleSearch .details {
    border-bottom: 2px solid #F1F0EB;
    color: #BDBBAC;
    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;

    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;
   
        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: 1em 8px 8px;
}

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

.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; */
    font-family: "CoV Noto Sans", Helvetica, sans-serif;
    line-height: 1;
    color: #fff;
    float: none;
    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;
    }

    .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: #0279B1;
        border-radius: 5px;
        -moz-border-radius: 5px;
        -webkit-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;
  
    }

        .covbuttonnav span:hover,
        .covbuttoncmd span:hover {
            background: #FFFFFF;
            border: #d9d9d5 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;
 
}

.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;
  
}

    .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;
   
    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;
}

/* new 2015 button style */

input.blue-button,
a.blue-button {
    background-color: #0279B1;
    color: white;
    /* Standardize button - 2018-01-16 BC */
    /* padding: 0.5em 1.2em; */
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    line-height: 2em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border: #d9d9d5 1px solid;
    -webkit-appearance: none;
    /* font face testing BC 2017-10-11 */
    /* font-size: 0.875rem; */
}

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

input.green-button,
a.green-button {
    background-color: #5DA61B;
    color: white;
    padding: 0.5em 1.2em;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    line-height: 2em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border: #d9d9d5 1px solid;
    -webkit-appearance: none;
}

    input.green-button:hover,
    a.green-button:hover {
        background-color: #FFF;
        color: #5DA61B;
        text-decoration: none;
    }

input.white-button,
a.white-button {
    background-color: #FFF;
    color: #0279b1;
    padding: 0.5em 1.2em;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    line-height: 2em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border: #0279b1 1px solid;
    -webkit-appearance: none;
}

    input.white-button:hover,
    a.white-button:hover {
        background-color: #0279b1;
        color: #FFF;
        text-decoration: none;
    }
    /* end button handler*/
    /* do not display on print */

    ol.breadcrumb,
    #navbar,
    #bottom-navbar {
        display: none;
    }


    /*#85353 Will 12062022 edit to remove footer on print*/
    .top-section,.bottom-section {display:none;}
    .twentytwenty-handle:after {height:0px;}
    /*end 12062022*/
        /*#85481 fixing overlapping content in print of all pages*/
        #leftRail, #contentContainer {
                float: none;
                display: inline-block;
        }
        .land-acknoledgement-section, .policies {display:block; clear:both; width:100%; position:relative;}
        /*fixing extra pages prints on some of the page with interactive graph*/
        .twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after {
                height:1px!important;
            }
            .modContainer {overflow:hidden!important; height:auto;}
            #hbl-live-chat-wrapper {display:none!important;}
        /*end #85481*/
    
    
/* END do not display on print */



/* email subscriptions */

.cov-subscription {
    font-size: 1em;
    margin: 1em 0 0;
    padding: 0;
}

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

#rightRail form label,
.cov-subscription label {
    font-size: 1em;
    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 ul .title {
    font-size: 1em;
}

.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 {
    font-size: 1.2em;
    font-weight: normal;
    margin-top: 0;
}

.spell {
    margin: 0 0 1.5em;
}

    .spell h3 {
        font-size: 1.2em;
        font-weight: normal;
        margin: 0.5em 0 0.25em;
    }

form#search {
    margin: 0;
}

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

form#search input.searchBox {
    background: none repeat scroll 0 0 #F1F0EB;
    border: 0 none;
    color: #5D79A1;
    padding: 4px;
    width: 225px;
}

form#search input.searchBox {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 3px solid #D0D3CF;
    height: 2em;
    color: #666666;
    margin-right: 4px;
    vertical-align: middle;
    width: 225px;
    margin-top: -30px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
  
}

form#search input.goSearch {
    height: 24px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 24px;
    margin-top: -30px;
}

form#search input.searchBoxEmpty {
    background: url("/images/cov/ui/google-logo-site-search.png") no-repeat scroll 3px 10px #FFFFFF;
    height: 2em;
    margin-top: -30px;
}

/*#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;
    font-size: 1em;
    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 {
    font-size: 1em;
    margin-right: 5px;
    margin-left: 5px;
    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 -*/

/* carousel */

#homeContent .slider-wrapper {
    width: 735px;
}

/* 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;
        font-size: .8em;
        color: #deddd6;
        text-align: right;
        text-decoration: none;
        line-height: 1.6em;
    }

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

/* 3730/3761 tabset module */

/* 3492 progressive disclosure */

.progressive-disclosure {
    display: block;
    clear: both;
}

.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 {
    float: left;
    width: 510px;
    margin: 1em 0 0 0;
}

.tabDetail .photoOfTheDay,
.tabDetail .smallList,
.tabDetail .largeIconFeature {
    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;
     
        text-decoration: none;
    }

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

/* progressive disclosure */
.pd-blk-set {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    padding-bottom: 1.2em;
}

.pd-blk-set > div {
    width: 100%;
    display: block !important;
}

.pd-blk-set > div:first-child {
    margin: 0 0 1em;
    padding: 0;
}

.pd-blk-set {
    display: block;
    clear: both;
    float: left;
    margin-top: .5em;
    margin-bottom: .5em;
}

.pd-blk-summary {
    cursor: pointer;
}

.pd-blk-summary.pd-blk-expand {	
    color: #fff;   	
}	
[class^="pd-blk-group"] {	
    display: block;	
    background-color: #fff;	
}	

/* fix tab margins */

.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,
.pd-blk-set > div:first-child + h1,
.pd-blk-set > div:first-child + h2,
.pd-blk-set > div:first-child + h3,
.pd-blk-set > div:first-child + h4,
.pd-blk-set > div:first-child + h5,
.pd-blk-set > div:first-child + h6,
.pd-blk-set > div:first-child + p,
p.pdControl + h1,
p.pdControl + h2,
p.pdControl + h3,
p.pdControl + h4,
p.pdControl + h5,
p.pdControl + h6,
p.pdControl + p {
    margin-top: 0;
}

/* PD cleanup BC01222021 */
.pd-blk-summary-content {
    display: block;
    clear: both;
    overflow-x: auto;
    overflow-y: hidden;
    margin-bottom: 0;
}

.pd-blk-summary-content p {
        clear: none;
}

body #doc #content p.pd-blk-control,	
body #doc .modContainer p.pd-blk-control {
    margin: 0;
}

body #doc .modContainer p.pd-blk-control {
    margin-top: .1em;
}

body #doc .pd-blk-control-show.btn-secondary,	
body #doc #content .pd-blk-control-show.btn-secondary,	
body #doc .modContainer .pd-blk-control-show.btn-secondary {
    color: #0279B1;
    padding: 12px 30px;
    text-decoration: none;
    border-radius: 5px;
    margin: 5px;
    line-height: 2em;
    display: inline-block;
    cursor: pointer;
    border: 0;
    border: 1px solid #d0d0d0;
    -webkit-appearance: none;
    text-align: center;
}

body #doc #content p.pd-blk-control a img,	
body #doc .modContainer p.pd-blk-control a img {
    -webkit-transition-duration: 200ms;
    -moz-transition-duration: 200ms;
    -o-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 .pd-blk-toggle a.selected {
    background-position: -1px -19px;
}

body #doc .pd-blk-summary:hover p.pd-blk-control,	
body #doc #content .pd-blk-summary:hover p.pd-blk-control,	
body #doc .modContainer .pd-blk-summary:hover p.pd-blk-control {
    background-color: #0279B1;
}

[class^="pd-blk-group"] {	
    display: block;	
    background-color: #fff;	
    padding-left: 20px	
}	
body #doc .pd-blk-toggle, body #doc #content p.pd-blk-toggle, body #doc .modContainer p.pd-blk-toggle {	
    display: none;	
}	
li:nth-last-of-type(1) .pd-blk-summary,	
a.pd-blk-summary, [class^="pd-blk-group"] {	
    border-bottom-color: #fff;
}


/* 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%;
        font-size: 1em;
        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;
    }

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

.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 label,
    #eventsDatePicker input,
    #newsDatePicker label,
    #newsDatePicker input {
        font-size: 1em;
    }

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

.datePicker {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: .8em;
    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;
        width: auto;
        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-size: 1.2em;
        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 {
    font-size: 1.1em;
    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,
#homeContent .basicBox li p,
#rightRail .basicBox li p,
.content .unstyledTextBlock li p,
#homeContent .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-size: .9em;
    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;
}

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

.cov-error {
    background: #ffc;
}

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

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

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

    .cov-dcsearch label {
        font-size: 1em;
        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;
    }

        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;
}

/* Dec 10, 2014 */

/* css style for responsive video */

.videoIframeDiv {
    position: relative;
    padding-bottom: 56%;
    max-width: 100%;
    height: auto;
    clear: both;
    overflow: hidden;
    margin: 1em 0;
}

.videoIframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}

/* June 02, 2015 */

/* css fix flexible width for table */

table.tableFlexWidth {
    width: initial;
}

/* Dec 24, 2015 */

/* archived item */

.event-title .isArchived,
.news-title .isArchived {
    font-size: .75em;
    /*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 {
    font-size: .75em;
    /*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 {
    font-size: .75em;
    background-color: rgba(246, 142, 86, 0.25);
    border-left: #F68E56 3px solid;
    padding: 2px 7px 2px 5px;
}

/* FIXES */

.left {
    float: left;
}

.right {
    float: right;
}

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

.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,
.largeIconFeature,
.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;
}

/* OSI Short Term Rental to be removed when con app control is launched */

.STR input[type=text]:focus,
.STR input[type=password]:focus,
.STR input[type=url]:focus,
.STR input[type=email]:focus,
.STR input[type=search]:focus,
.STR input[type=tel]:focus,
.STR input[type=number]:focus,
.STR textarea:focus,
.STR select:focus {
    outline: 2px solid #0971b2;
    outline-offset: 0;
}

.osi-redTextError ul,
.osi-redTextError span {
    color: #d0021b;
}

.osi-error-text-no-margin {
    margin-left: 0;
    color: #d0021b;
    font-size: 1em;
    padding: 5px 0 25px 0;
}

.osi-error-text {
    margin-left: 1.5em;
    color: #d0021b;
    font-size: 1em;
}

.STR .floatLeft.button input[type=submit]:focus {
    outline: none;
}

.osi-error-text:before {
    display: none;
}

.osi-error-text span:before {
    font-family: FontAwesome;
    content: '\f06a';
    color: #d0021b;
    margin-right: .4em;
    font-size: 1.2em;
}

.STR .error-text-eligibility:before {
    font-size: 1.2em;
}

.STR .help-text:before {
    font-size: 1.2em;
}

.osi-error-text span {
    padding: 5px 0 30px 0px;
    display: inline-block;
}

.osi-error-text-no-margin span {
    padding: 5px 0 30px 0px;
    display: inline;
}

.STR .editApplicationEntry .applicationLeft {
    width: 120px;
}

.osi-radio-label label,
.osi-checkbox-label {
    font-size: 1em;
}

/* FCV #homeContent */

body #homeContent * {
    box-sizing: border-box
}

#homeContent h2 {
    font-size: 2.25rem;
    font-weight: 500;
}

#homeContent h2 {
    font-size: 1.625rem;
    font-weight: 500;
    /*    text-transform: lowercase;*/
    line-height: 1.35em;
}

    #homeContent h2::first-line {
        line-height: 1.3rem;
    }

    #homeContent h2:first-letter {
        text-transform: uppercase;
    }

#homeContent *:before,
#homeContent *:after {
    box-sizing: border-box
}

#homeContent img {
    max-width: 100%;
    height: auto;
}

/* End FCV #homeContent */

/* FCV list */

#homeContent ul,
#homeContent ol {
    margin-left: 10px
}

    #homeContent ul ul,
    #homeContent ul ol,
    #homeContent ol ul,
    #homeContent ol ol {
        padding-left: 10px
    }

    #homeContent ol ol {
        list-style-type: lower-alpha
    }

/* end FCV list */

/* FCV Large icon flag */

.largeIconFeature a {
    cursor: pointer;
}

.largeIconFeature .flag {
    position: absolute;
    text-align: center;
    color: #fff;
    background: #5da61b;
    padding: 5px 10px;
    top: 10px;
    right: 10px;
    line-height: 1;
    /*    font-family: GothamBook;*/
    font-size: 1rem
}

.largeIconFeature {
    border: solid 1px #d9d9d5;
    transition: all .25s ease-out;
    position: relative;
    background: #f8f8f8;
}

/* end FCV Large icon flag */

/* 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 hightlight header */

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

.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;
        }

    .highlight-header.highlight-header--home {
        background-size: cover;
        padding: 0px 0
    }

        .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;
            }

        .highlight-header.highlight-header--home .list--plain {
            /* kelvin - home page content */
            /* width: 100%  */
            width: inherit;
        }

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

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

    .highlight-header .each .columnTop .description {
        font-size: 1rem;
        /* font-family: GothamBook; */
        margin: 20px 0
    }

    .highlight-header .each .columnTop a {
        display: block
    }

    .highlight-header li {
        margin-bottom: 20px;
        text-align: left;
        font-size: 1rem;
        line-height: 1.4rem;
    }

    .highlight-header a {
        color: #fff
    }

    .highlight-header p {
        line-height: 120%;
        font-size: 1.1428571429rem
    }

.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
        }

    .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
        }

    .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;
            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-size: 1.4285714286rem;*/
            /*    font-family: GothamMedium;*/
            font-size: 1.25rem;
            font-weight: 500;
            margin-bottom: 0
        }

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

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

        .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
            }

        .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;
    }

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

    .highlight-header .layout-container {
        margin-bottom: 0;
        padding: 0 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
    }

.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;
        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
    }

    .highlight-header--home .each .each__column {
        background: none;
        padding: 0
    }

    .highlight-header--home .each .columnTop p {
        text-align: center;
        margin-bottom: 0
    }

    .highlight-header--home .each:hover .columnTop p {
        color: #444
    }

    .highlight-header--home .each.toggled .columnTop p {
        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
    }

/* FCV editorial blocks */

.editorial-block h5,
.editorial-block--secondary h5 {
    margin: 0;
    color: #0279b1;
    font-size: 18px;
    line-height: 125%
}

.editorial-block p,
.editorial-block--secondary p {
    margin: 25px 0 0 0;
    color: #444;
    font-size: 16px;
    line-height: 125%;
    /*    font-family: GothamBook*/
}

.editorial-block .date,
.editorial-block--secondary .date {
    color: #444;
    font-size: 14px;
    margin-top: 20px;
    display: block;
    /*    font-family: GothamBook*/
}

.editorial-block li,
.editorial-block a,
.editorial-block p,
.editorial-block--secondary li,
.editorial-block--secondary a,
.editorial-block--secondary p {
    font-size: 1.1428571429rem
}

.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
}

.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
    }

.editorial-blocks .slick-dots {
    bottom: -40px
}

    .editorial-blocks .slick-dots li {
        margin: 0 10px
    }

        .editorial-blocks .slick-dots li button:before {
            font-size: 26px
        }

.editorial-blocks .block--panel {
    transition: box-shadow .25s ease-out
}

.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*/

#homeContent {
    width: 960px;
}

    #homeContent .primary-block .block--panel a img {
        width: 100%;
    }

    #homeContent .block--half:first-child {
        margin-top: 0
    }

    #homeContent .block--half {
        width: 100%;
        margin: 20px auto 0
    }

.block.block--half:first-child {
    margin-top: 0
}

#homeContent .block--half {
    max-width: calc(50% - 11px);
    margin: 0 10px;
    flex: 1 0 calc(50% - 11px);
}

#homeContent .block.block--half:first-child {
    margin-left: 0
}

#homeContent .block.block--half:last-child {
    margin-right: 0
}

.block--half:first-child {
    margin-left: 0;
}

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

.editorial-block .each:nth-child(2n+1),
.editorial-block--secondary .each:nth-child(2n+1) {
    margin-left: 0;
}

.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
    }

#homeContent .section.highlight-header .label:hover,
#homeContent .section.highlight-header .svc-item:hover .label {
    color: #444;
}

#homeContent .section:not(.highlight-header):nth-child(even) {
    background-color: #f8f8f8;
}

    #homeContent .section:not(.highlight-header):nth-child(even) .svc-item {
        background-color: #fff;
    }

#homeContent > .section:nth-child(3) h2 {
    display: none;
}

#homeContent .subsection {
    clear: left;
    float: left;
    width: 100%;
    /*887px*/
    padding: 0 0;
    /*22px*/
}

#homeContent .svc-item {
    float: left;
    min-height: 185px;
    vertical-align: middle;
    cursor: pointer;
    color: #0279B1;
    background-color: #f8f8f8;
    width: 100%;
    margin: 0 10% 25px 10%;
    text-align: left;
    padding: 20px;
    border: solid 1px #d9d9d5;
    cursor: inherit;
}

    #homeContent .svc-item:hover {
        color: #FFF;
        background-color: #0279B1;
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
        color: #0279B1;
        background-color: #f8f8f8;
    }

    #homeContent .svc-item .item-img {
        display: block;
    }

        #homeContent .svc-item .item-img img {
            max-height: 50px;
        }

.mps #homeContent .svc-item {
    width: 75px;
    height: 55px;
}

#homeContent .svc-item .label {
    margin: .5em 0.1em;
    font-size: 1.4285714286rem;
    font-weight: bold;
    padding: 0 7px;
    margin: .5em 0em;
    padding: 0;
    color: #444444;
}

#homeContent .svc-item .content {
    display: inherit;
}

    #homeContent .svc-item .content p {
        margin: 1em 0;
        font-size: 1.1em;
        font: 12px/1.3 Arial, sans-serif;
        color: #444444;
    }

    #homeContent .svc-item .content a {
        font-size: 1.2em;
    }

        #homeContent .svc-item .content a:active,
        #homeContent .svc-item .content a:focus {
            text-decoration: underline;
        }

#homeContent.searching .svc-item img,
#homeContent.searching .svc-item .label {
    opacity: .25;
}

#homeContent.searching .svc-item.found img,
#homeContent.searching .svc-item.found .label {
    opacity: 1;
}

#homeContent.searching .svc-item img,
#homeContent.searching .svc-item {
    opacity: .25;
}

    #homeContent.searching .svc-item img,
    #homeContent.searching .svc-item.found {
        opacity: 1;
    }

#homeContent.blur .svc-item img,
#homeContent.blur .svc-item .label {
    opacity: .25;
}

.item-img svg {
    display: block;
    width: 55px;
    height: 55px;
    fill: #B2B2B2;
}

svg:not(:root) {
    overflow: hidden;
}

#homeContent .section.highlight-header .svc-item {
    color: #FFF;
}

    #homeContent .section.highlight-header .svc-item .label {
        text-align: center;
    }

#homeContent .section.highlight-header .item-img svg {
    width: 100px;
    height: 100px;
    fill: #fff;
    margin: 0 auto;
}

.svc-item.found .item-img svg,
.svc-item:hover .item-img svg,
#homeContent .section.highlight-header .svc-item:hover .item-img svg,
#homeContent .section.highlight-header .svc-item.foundCard .item-img svg {
    fill: #0279b1;
}

#homeContent .section.highlight-header {
    background: rgba(2, 121, 177, 0.95);
    margin-bottom: 25px;
    width: 100%;
    height: auto;
    padding-right: 60px;
}

    #homeContent .section.highlight-header .svc-item,
    #homeContent .section.highlight-header .item-img svg,
    #homeContent .section.highlight-header .svc-item a:hover {
        color: #0279b1;
        fill: #0279b1;
    }

        #homeContent .section.highlight-header .svc-item.foundCard {
            background-color: #f8f8f8;
        }

            #homeContent .section.highlight-header .svc-item.foundCard .label,
            #homeContent .section.highlight-header .svc-item.foundCard .content p,
            #homeContent .section.highlight-header .svc-item.foundCard a {
                color: #0279B1;
            }

        #homeContent .section.highlight-header .svc-item .item-img {
            text-align: center;
        }

        #homeContent .section.highlight-header .svc-item:hover,
        #homeContent .section.highlight-header .svc-item:hover p,
        #homeContent .section.highlight-header .svc-item:hover a {
            color: #0279B1;
        }

.section.highlight-header > div.svc-item:nth-of-type(4n) {
    border: 0;
}

#homeContent .section h2 {
    margin-left: 0;
}

#homeContent .section.highlight-header {
    width: auto;
}

#homeContent .svc-item {
    margin: 0 20px 25px 0px;
  

    flex: 1 0 calc(40%);
    max-width: calc(40% - 2px);
}

#homeContent .section > div.svc-item:nth-of-type(2n),
#homeContent .section.highlight-header > div.svc-item:nth-of-type(2n) {
    margin: 0 1px 25px 0px;
}

#homeContent .section.highlight-header .svc-item {
    color: #f8f8f8;
    border: 0;
    border-right: solid 1px #d9d9d5;
    background: rgba(2, 121, 177, 0);
    max-width: calc(18% - 3px);
    margin: 0;
    padding-left: 3.5%;
    padding-right: 3.5%;
}

#homeContent .section.highlight-header .label {
    color: #FFF;
}

#homeContent .section.highlight-header .item-img svg {
    fill: #f8f8f8;
}

#homeContent .section.highlight-header .svc-item .content p,
#homeContent .section.highlight-header .svc-item a {
    color: #f8f8f8;
}

#homeContent .section.highlight-header {
    padding-left: 40px;
    padding-right: 40px;
}

#homeContent .section {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
}

#homeContent .svc-item {
  
   
    flex: 1 0 calc(17%);
    max-width: calc(17% - 2px);
}

#homeContent .section > div.svc-item:nth-of-type(n) {
    margin: 0 20px 25px 0px;
}

#homeContent .section.highlight-header > div.svc-item:nth-of-type(n) {
    margin: 0 0px 0px 0px;
}

#homeContent .section > div.svc-item:nth-of-type(4n) {
    margin: 0 0px 25px 0px;
}

/* 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;
        font-size: 18px;
        line-height: 125%
    }

    .block--panel p {
        margin: 25px 0 0 0;
        color: #444;
        font-size: 16px;
        line-height: 125%;
        /*    font-family: GothamBook*/
    }

    .block--panel .date {
        color: #444;
        font-size: 14px;
        margin-top: 20px;
        display: block;
        /*    font-family: GothamBook*/
    }

    .block--panel li,
    .block--panel a,
    .block--panel p {
        font-size: 1.1428571429rem
    }

    .block--panel ul {
        list-style: none;
        padding-left: 0
    }

    .block--panel.each--noIcon h1 {
        margin-top: 0
    }

    .block--panel svg {
        fill: #acaca8
    }

    .block--panel a:hover a {
        text-decoration: underline
    }

    .block--panel:hover {
        box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3)
    }

.block--panel {
    height: 100%
}

.alt-bg .block--panel {
    background-color: #fff;
    transition: all .25s ease-out
}

    .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: #5da61b;
    padding: 5px 10px;
    top: 10px;
    right: 10px;
    line-height: 1;
    /*    font-family: GothamBook;*/
    font-size: 1rem;
    margin-left: 10px;
}

.block--panel ul {
    margin: 20px 0 0
}

    .block--panel ul li:last-child {
        margin: 0
    }

.block--panel li a {
    /*    font-family: GothamMedium*/
    font-weight: 500;
}

/* end FCV block--panel */

/* FCV alt-bg */

div#homeContent section.alt-bg:nth-child(odd),
div#homeContent div.alt-bg:nth-child(odd) {
    background-color: #fff;
}

    div#homeContent section.alt-bg:nth-child(even),
    div#homeContent div.alt-bg:nth-child(even),
    div#homeContent section.alt-bg:nth-child(odd) .block--panel,
    div#homeContent div.alt-bg:nth-child(odd) .block--panel {
        background-color: #f8f8f8;
    }

div#homeContent section.alt-bg:nth-child(odd),
div#homeContent div.alt-bg:nth-child(odd) {
    margin: 0;
    /*	margin-bottom: 60px;*/
    padding: 0;
}

div#homeContent section.alt-bg:nth-child(even),
div#homeContent div.alt-bg:nth-child(even) {
    margin: 0;
    padding: 0;
}

/* end FCV alt-bg */

/* FCV block wrapper 3 col */

.block-wrapper--3-col {
    width: 100%
}

.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
    }

    .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
        }

    .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;
    font-size: 18px;
    line-height: 125%
}

    .block h5 a {
        font-size: 1.125rem;
        font-weight: 500;
    }

.block.primary-block h5 a {
    font-size: 1.25rem;
}

.block p {
    margin: 25px 0 0 0;
    color: #444;
    font-size: 16px;
    line-height: 1.5rem;
    /*    font-family: GothamBook*/
}

.block li,
.block a,
.block p {
    /*    font-size: 1.1428571429rem */
    font-size: 1rem;
}

.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
}

/* FCV highlight-content*/

.highlight-content {
    width: 100%;
    background-size: cover;
    position: relative
}

.highlight-content {
    /*        min-height: 480px;*/
    min-height: 450px;
    overflow: hidden
}

    .highlight-content .section-title--wrapper {
        position: relative;
        z-index: 2
    }

    .highlight-content .main {
        position: relative;
        z-index: 2;
        float: left;
        width: 400px
    }

        .highlight-content .main li {
            margin-bottom: 20px
        }

    .highlight-content .secondary .highlight-content--title a {
        color: #fff
    }

    .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 {
                /*    font-family: GothamMedium;*/
                /*    font-size: 1.1428571429rem;*/
                font-size: 1rem;
                margin-bottom: 15px;
                font-weight: 500;
            }

            .highlight-content .secondary div p {
                /*    font-family: GothamBook;*/
                margin: 0
            }

    .highlight-content .park-rec-bg {
        display: none;
    }

/* FCV Section title */

.section {
    margin: auto;
    max-width: 1366px;
    padding: 0px 0 40px 0
}

    .section h1 {
        font-size: 2.5714285714rem;
        margin: 0 0 40px
    }

    .section:nth-child(odd) {
        background: #fff
    }

    .section .each {
        position: relative
    }

    .section .link-more {
        color: #0279b1;
        font-size: 1.2857142857rem;
        margin: .67em 0;
        display: none
    }

.section-title {
    line-height: .8;
    margin: 20px 0
}

.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;
    }

/* FCV before / after */

.featured-content *,
.featured-content *:before,
.featured-content *:after {
    box-sizing: border-box;
}

/* End FCV before / after */

/* FCV list--plain */

.list--plain {
    margin-top: 0;
    list-style: none;
    padding-left: 0
}

#homeContent section.each__column ul.list--plain li {
    padding-bottom: 0px;
    margin-bottom: 15px;
}

#homeContent ul li,
#homeContent ol li {
    padding-bottom: 15px;
    margin-bottom: 0px
}


/* End FCV list--plain */

/* FCV main */

main {
    padding-bottom: 40px
}

/* end FCV main */

.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
    }

.highlight-header .fluid_wrapper {
    background: none;
    display: flex;
    flex: 4
}

.eventWrapper .fluid_wrapper {
    -webkit-flex: 1;
    flex: 1
}

/* End FCV fluid header */

/* FCV Layout Container */

.layout-container {
    padding: 20px;
    margin: 0 auto;
}

.page-title.layout-container h1 {
    margin: 0
}

.layout-container {
    /*		padding: 20px 20px 0;*/
    padding: 20px 0 20px 0;
    padding-top: 20px;
    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
}

.content__detail.layout-container {
    padding-top: 0
}

.layout-container:after {
    content: '';
    display: block;
    clear: both
}

.layout-container.no-title {
    margin-top: 20px
}

/* End FCV Layout Container*/

/* FCV block--wrapper--2-col  */

.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
        }

    .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
        }

    .block-wrapper--2-col > .block {
        width: 100%;
        margin: 20px auto 0
    }

        .block-wrapper--2-col > .block:first-child {
            margin-top: 0
        }

    .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
        }

    .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
    }

    .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;
}

.newsWrapper .block-wrapper--2-row .block:last-child {
    margin-bottom: 0
}

.section-title--link a {
    font-size: 1rem
}

.eventWrapper .events {
    margin: 0
}

.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;
}

/* end FCV Twitter section */

/* end homepage FCV 05-2017*/

/* homepage Banner FCV 05-2017*/

#homeBanner .sectionTitle {
    font-size: 2.5714285714rem;
    color: #444;
}

/* end homepage Banner FCV 05-2017*/

/* FCV event scroller */

#homeContent .verticalCarouselGroup {
    margin-left: 0px
}

    #homeContent .verticalCarouselGroup li {
        background: #f8f8f8;
    }

.news__main .event__summary .date,
.events .event__summary .date {
    margin-top: 0
}

.pull-left {
    float: left;
}

.block .date {
    color: #444;
    font-size: 14px;
    margin-top: 20px;
    display: block;
    /*    font-family: GothamBook*/
}

.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 {
    /*    font-size: 2.2857142857rem;*/
    font-size: 2.29em;
    display: block;
}

.events .month {
    font-size: 1.125rem;
}

.events .name {
    margin: 0;
    color: #0279b1;
    font-size: 18px;
    margin-bottom: 15px;
    font-weight: 500
}

.events .location {
    margin: 0;
    display: block;
    /*    font-family: GothamBook;*/
    font-size: 0.875rem;
    line-height: 1.4em;
}

    .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%;
        font-size: 1rem
    }

        .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;
}*/

.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;
}

    .verticalCarouselGroup.vc_list > li h4 {
        margin: 0px 0px 15px;
    }
/* disable line for every 3rd li */

.events li:nth-child(3n+0) {
    border-bottom: none;
}

/* End FCV event scroller */

/* FCV Alert */

body #doc .modContainer .alert--orange p,
body #doc .modContainer .alert--red p {
    font-size: 1.44rem;
    line-height: 1.88rem;
}

.alert--orange,
.alert--red {
    padding: 20px;
    border-radius: 5px;
    margin: 0 auto 20px;
    border-radius: 5px;
    font-size: 1.44rem;
    font-weight: 500;
    display: flex;
    line-height: 1.88rem;
    flex-direction: row;
}

.alert--orange {
    background-color: #F5A623;
    color: #222222;
}

.alert--red {
    background-color: #D0021B;
    color: #ffffff;
}

.alert__icon {
    padding-right: 20px;
}
    
    .alert--orange p,
    .alert--red p {
        margin: 0;
        max-width: 100%;
        box-sizing: border-box;
    }

    .alert--red a {
        color: #fff;
        text-decoration: underline;
    }

.alert--orange a {
    color: #222;
    text-decoration: underline;
}

.alert--orange p span,
.alert--red p span {
    display: block;
    font-size: 1rem;
}

/*
    ------------------- copy from layout-wide.css
*/

/*
    City of Vancouver Web Stylesheet (Wide)
    Latest update 20130924
*/

/* wide templates */

.contentWide #contentContainer {
    width: 735px;
}

.contentWide #content {
    padding-right: .3em;
}

.contentWide .modContainer {
    padding-right: .3em;
}

    .contentWide .modContainer .basicBox,
    .contentWide .modContainer .googleEvents,
    .contentWide .modContainer .googleNews,
    .contentWide .modContainer .imageList,
    .contentWide .modContainer .simpleList,
    .contentWide .modContainer .smallIconList,
    .contentWide .modContainer .smallList,
    .contentWide .modContainer .mediumIconList,
    .contentWide .modContainer .unstyledTextBlock {
        width: 100%;
        padding-right: 0;
    }

.contentWide .tabDetail .imageList,
.contentWide .tabDetail .basicBox,
.contentWide .tabDetail .unstyledTextBlock,
.contentWide .tabDetail .mediumIconList,
.contentWide .tabDetail .simpleList,
.tabDetail .smallIconList,
.tabDetail .youTube {
    width: 704px;
}

.contentWide .lastModified {
    width: 100%;
}

/* wide template enhancement 20150310 */

img#landingBanner {
    margin: 0 1px 0.4em;
    padding: 0;
    /*    float: none; 
    clear: none;*/
    width: 720px;
    border-top: 0px !important;
    /* border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px; */
    /*height: 250px;*/
}

/* Start add extra css for landing banner icons */

.landingBanner-group {
    position: inherit;
    width: 100%;
    /* for IE 6 */
    /* spacing adjustment testing KL 2018-03-08 */
    margin-bottom: 20px;
    /* spacing adjustment testing KL 2018-03-08 */
    float: left;
}

.landingBanner-caption {
    position: absolute;
    margin-top: 27%;
    left: 0;
    right: 4px;
    text-align: right;
    padding: 1% 0 2% 0;
}

    .landingBanner-caption span {
        margin: 0px;
        padding: 2%;
        color: white;
        font-size: 150%;
        background-color: #015982;
  
        background: rgba(1, 89, 130, 0.70);
        font-family: tahoma, chicago, sans-serif;
    }

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

/* End add extra css for landing banner icons */

/* Start add extra css for landing banner caption */

.landingBanner-credit {
    position: absolute;
    background: #fff;
    z-index: 90;
    height: 18px;
    overflow: hidden;
    opacity: 0.85;
    padding: 5px 20px;
    /* font face testing KL 2018-03-06 */
    /* margin-top: 35%; */
    margin-top: calc(35% + 5px);
    width: 100%;
}

    .landingBanner-credit span {
        float: right;
        padding-right: 4em;
    }

@media screen and (max-width: 980px) and (max-width: 480px) {
    .landingBanner-credit {
        height: 1em;
        overflow: hidden;
        opacity: 0.85;
        padding: 5px 20px;
        margin-top: 37%;
        width: 100%;
    }

        .landingBanner-credit span {
            font-size: 10px;
        }
}

/* End add extra css for landing banner caption */

/* font face testing BC 2017-10-04 */

.modContainer .largeIconFeatureNoImg {
    height: 169px;
}

/* font face testing KL 2017-10-06 */

.modContainer .largeIconFeature .largeIconFeatureDescription {
    min-height: 145px;
}

.modContainer .largeIconFeature p {
    /*margin: 10px 12px 5px 12px;*/
    /* font face testing KL 2017-05-15 */
    /* height: 65px; */
    height: 95px;
    text-overflow: ellipsis;
    overflow: hidden;
    /* font face testing KL 2017-05-15 */
    font-size: 0.8em;
}

.modContainer .largeIconFeature h3 {
    /* height: 1.2em; */
    /* font face testing KL 2017-05-15 */
    /* height: 2em; */
    height: 2.4em;
    /* font face testing BC 2017-10-04 */
    min-height: 1.2em;
    max-height: 2.4em;
    overflow: hidden;
}

/* font face testing KL 2017-10-06 */

@media screen and (max-width: 980px) {
    .modContainer .largeIconFeature .largeIconFeatureDescription {
        min-height: 120px;
    }

    .modContainer .largeIconFeature h3 {
        padding-left: 8px;
    }

    .modContainer .largeIconFeature p {
        height: 70px;
    }
}

/* font face testing KL 2017-10-06 */

@media screen and (max-width: 620px) {
    .modContainer .largeIconFeature .largeIconFeatureDescription {
        height: auto;
    }

    .modContainer .largeIconFeature p {
        height: auto;
    }
}

.contentWide .modContainer h2.modHeader {
    padding: 8px 12px 6px 12px;
    margin: 0;
    border-bottom: #0279B1 3px solid;
    clear: both;
    /* font face testing KL 2017-10-06 */
    /* font-size: 1.22em; */
    /* font face testing BC 2017-10-11 */
    /* font-size: 1.1rem; */
    font-size: 1rem;
}

.contentWide .modContainer a.largeIconFeatureLink:hover {
    text-decoration: none;
}

.contentWide .info-notice-box {
    /* font face testing KL 2017-05-15 */
    /* font-size: 150%; */
    font-size: 120%;
    line-height: 1.3em;
    background: #FFF;
    margin: 1.3em 10%;
    padding: .2em 1em;
}

.contentWide .floating-box-right,
.contentWide .info-notice-box-right {
    float: right;
    width: 23%;
    margin: 0 0 .7em 1em;
    min-width: 170px;
}

.contentWide .floating-box-left,
.contentWide .info-notice-box-left {
    float: left;
    width: 23%;
    margin: 0 1em .7em 0;
    min-width: 170px;
}

.contentWide .floating-box-one-third-left {
    float: left;
    width: 27%;
    /* font face testing KL 2017-05-15 */
    /* margin: .3em 1em .7em 0; */
    margin: 0 0.5em .7em 0;
    min-width: 170px;
}

.contentWide .floating-box-one-third-right {
    float: right !important;
    width: 27% !important;
    /* font face testing KL 2017-05-15 */
    /* margin: .3em 0 .7em 1em; */
    margin: 0 0 .7em 10px;
    min-width: 170px;
}

.contentWide .floating-box-one-half-left {
    float: left;
    /* font face testing BC 2017-09-15 width: 44%; */
    width: 42%;
    margin: 0 1em .7em 0;
    min-width: 170px;
}

.contentWide .floating-box-one-half-right {
    float: right;
    /* font face testing BC 2017-09-15 width: 44%; */
    width: 42%;
    margin: 0 0 .7em 1em;
    min-width: 170px;
}

.contentWide .floating-box-one-half-left-last-item {
    /*    float: right;*/
    margin-right: 0;
}

.contentWide .floating-box,
.contentWide .example-box {
    padding: 1.1em;
    border: 1px solid #d9d9d5;
}

.contentWide .floating-box-noborder {
    border: 0px solid #93958b;
    padding: 1.1em;
}

.contentWide .floating-box p {
    line-height: 1.22em !important;
}

.contentWide .floating-box-feature-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0.5em;
    max-width: 170px;
}

.contentWide .floating-box-title {
    font-weight: bold;
    margin-top: 0;
}

.contentWide .floating-box.box-link:hover,
.contentWide .example-box.box-link:hover {
    opacity: 0.8;
    box-shadow: 0px 4px 31px -9px rgba(0, 0, 0, 0.75);
}

.contentWide .floating-box-no-border {
    border: 0px;
}

.contentWide .info-notice-box {
    border-left: 7px #5DA61B solid;
}

.contentWide .info-notice-box-left {
    border-right: 7px #5DA61B solid;
    border-left: 0px;
}

.contentWide .top-bottom-bar {
    border-left: 0px !important;
    border-right: 0px !important;
    border-top: 4px #0279B1 solid;
    border-bottom: 4px #0279B1 solid;
}

.contentWide .example-quote {
    border-left: 0px !important;
    border-right: 0px !important;
}

    .contentWide .example-quote:before {
        content: open-quote;
        font-size: 2.5em;
        position: relative;
        top: 15px;
    }

    .contentWide .example-quote:after {
        content: close-quote;
        font-size: 2.5em;
        position: relative;
        top: 15px;
        line-height: 0em;
    }

    .contentWide .example-quote:before,
    .contentWide .example-quote:after {
        color: #0279B1;
    }

/* add to enhance module different width */

.contentWide .imgallpadding {
    margin-right: 10px;
}

.contentWide .module-one-half-width {
    float: left;
    width: 48% !important;
    margin: 0 10px .7em 1px;
    min-width: 170px !important;
}

.contentWide .module-one-half-width-right {
    float: right;
    width: 48% !important;
    margin: 0 0em .7em 10px;
    min-width: 170px;
}

.contentWide .module-one-third-width {
    float: left;
    width: 31.5% !important;
    margin: 0 10px .7em 1px;
    min-width: 170px;
}

.contentWide .module-one-third-width-right {
    float: right;
    width: 31.5% !important;
    margin: 0 0em .7em 10px;
    min-width: 170px;
}

.contentWide .module-two-third-width {
    float: left;
    width: 64% !important;
    margin: 0 10px .7em 1px;
    min-width: 170px;
}

.contentWide .module-two-third-width-right {
    float: right;
    width: 64% !important;
    margin: 0 0em .7em 10px;
    min-width: 170px;
}

.contentWide .floating-box.module-two-third-width,
.contentWide .floating-box.module-two-third-width-right,
.contentWide .floating-box-noborder.module-two-third-width,
.contentWide .floating-box-noborder.module-two-third-width-right {
    /* font face testing KL 2017-10-06 */
    /* width: 60%!important; */
    width: calc(60% - 10px) !important;
}

/* 3 col to wide template */

.bottomPanel {
    clear: both;
    padding-top: 10px;
}

    .bottomPanel .basicBox,
    .contentWide .modContainer .bottomPanel .basicBox,
    .contentWide .modContainer .bottomPanel .googleEvents,
    .contentWide .modContainer .bottomPanel .googleNews,
    .contentWide .modContainer .bottomPanel .imageList,
    .contentWide .modContainer .bottomPanel .simpleList,
    .contentWide .modContainer .bottomPanel .smallIconList,
    .contentWide .modContainer .bottomPanel .smallList,
    .contentWide .modContainer .bottomPanel .mediumIconList,
    .contentWide .modContainer .bottomPanel .unstyledTextBlock {
        width: 31.5% !important;
        float: left;
        margin-top: 7px;
    }

.content3ColToWide .largeIconFeature h2 {
    height: 37px;
}

.content3ColToWide .largeIconFeature p {
    /* font face testing KL 2017-05-15 */
    /* height: 98px; */
    /* font face testing KL 2017-05-15 */
    margin-top: 10px;
}

body #doc .content3ColToWide .bottomPanel .imageList .listItem img {
    width: 92% !important;
}

.bottomPanel .bottom3item {
    clear: left;
}

.modContainer .largeIconFeature {
    width: 225px !important;
    overflow: hidden;
    float: left !important;
    margin-top: 3px;
    margin-bottom: 20px;
    /*margin-right: 13px;*/
    margin-right: 12.5px;
}

/*
 ------------- TF  start Print ------------------
*/

/*
    City of Vancouver Print Stylesheet
    Latest update 20140709 (after 20130121)
*/

/******TF: 20180321 **********/

/* @page {margin: 1.2em 2em;} */

@page {
    size: 21cm 29.7cm;
    margin: 30mm;
    /* change the margins as you want them to be. */
}

body {
    background: none;
}

/* font size may not apply due to responsive.css */

body {
    font-size: 62.5%;
    /*9.5pt*/
    line-height: 1.3;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

/* standardize font size between browsers */

/* IE */

body {
    font-size: 66%\9;
}

html body {
    padding-top: 0;
}

/* Chrome, Safari, Opera */

@media print and (-webkit-min-device-pixel-ratio:0) {
    @page {
        margin-right: .5cm;
    }

    body {
        font-size: 66%;
    }
}

#doc {
    border: none;
    border-width: 0 0 0 0;
}

#header,
#menuHolder,
.crumbNav,
#leftRail,
#neighbourhoodMap,
#addThisDiv,
.ieShadow {
    display: none;
}

#doc,
#doc2 {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#doc,
#doc2 {
    text-align: left;
    width: 100%;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin-left: 0;
}

#contentContainer {
    padding: 1em 0 0 0;
    position: relative;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#content {
    padding: 0;
    margin: 0 0;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    overflow: hidden;
}

html body #mobile-header {
    display: none;
}

#rightRail {
    position: absolute;
    right: 0;
    top: 1em;
    width: 12.5em;
    padding: 1em 0;
    background: #fff;
}

.lastModified {
    float: left;
    width: 95%;
    text-align: left;
    font-size: .9em;
    height: 12pt;
    margin: .5em 0;
    padding: .5em 0;
    margin-right: 0;
}

#content #landingBanner {
    padding: 0 0 0 0;
    max-width: 100%;
    margin-bottom: 6pt;
}

#feature,
#featurevid {
    display: block;
    margin: 0 0 1em .8em;
    padding: 0;
    width: 18em;
}

#content .imgallpadding {
    margin-top: 1em;
    margin-bottom: 1em;
    clear: none;
    /* clear: both;*/
}

#content p {
    margin-top: 4pt;
    margin-bottom: 6pt;
}

#content ul {
    width: 90%;
}

h1,
h2,
h3,
h4,
h5,
h6,
h7,
.modHeader,
table th {
    font-weight: normal;
    color: #524641;
}

h1 {
    font-size: 1.7em;
    /*18pt;*/
}

h2 {
    font-size: 1.5em;
    /*12pt;*/
}

h3 {
    font-size: 1.3em /*10pt;*/
}

/* changed from 1.1em */

h4,
h5,
h6,
h7 {
    font-size: 1em;
    /*9.5pt;*/
    font-weight: bold;
}

#contentContainer p,
#contentContainer li {
    font-size: 16px;
    line-height: 1.3;
}

.basicBox h1,
.basicBox h2,
.basicBox h3,
.basicBox h4,
.basicBox h5,
.basicBox h6 {
    margin-left: 4pt;
    margin-right: 4pt;
}

#rightRail .basicBox {
    margin-bottom: 8pt;
    margin-right: 0;
}

    #rightRail .basicBox p {
        margin: 3pt 0 0;
        line-height: 1.2 /*12pt*/
        ;
    }

#rightRail a.lnkArrowRight {
    color: #5d79a1;
    margin: 6pt;
    text-align: left;
    padding-right: 14pt;
}

a.lnkArrowRight {
    color: #5d79a1;
    margin: 6pt;
    text-align: left;
    padding-right: 10pt;
}

.modContainer .largeIconFeature {
    width: 47%;
    height: auto;
    float: left;
}

    .modContainer .largeIconFeature .icon {
        width: 100%;
    }

    .modContainer .largeIconFeature h2.modHeader {
        font-size: 1.1em /*11pt*/
        ;
    }

    .modContainer .largeIconFeature h3 {
        margin-bottom: 0;
        font-size: 1em;
        /*9.5pt*/
        padding: 2pt 4pt;
    }

.modContainer h2.modHeader {
    background: #d3ddd6;
    color: #524641;
    border-color: #93958b;
}

.modContainer .imageList .listItem {
    margin: .5em 0 .5em 0;
    overflow: visible;
    clear: both;
}

/* .modContainer .imageList .listItem img { min-height: 82px; } */

.googleInitiatives .initiative {
    width: 50%;
    margin-bottom: 4pt;
}

.googleInitiatives .item,
.googleInitiatives .noitem {
    padding: 8pt 0;
    margin-bottom: 2pt;
}

.item,
.noItem {
    padding: 3pt 0;
}

.modContainer h2.modHeader,
.day h2 {
    padding: 2pt 4pt;
    margin: 0;
    border-bottom: 1px #93958b solid;
}

.modContainer .smallList {
    width: 47%;
}

.half-right {
    width: 47%;
}

.results {
    width: 100%;
    clear: both;
}

div.day {
    width: 32%;
}

#contentContainer .modContainer .googleEvents .day h2 {
    font-size: .85em /*8pt*/
    ;
}

#contentContainer .modContainer .googleEvents .item,
.noItem {
    padding: 3pt 0;
    font-size: .85em /*8pt*/
    ;
}

#contentContainer .modContainer .googleEvents .dayView .navigation,
#contentContainer .modContainer .googleEvents .datePicker a {
    float: left;
}

#rightRail h2.modHeader {
    background: #deddd6;
    color: #524641;
    border-color: #93958b;
}

#rightRail .listItem {
    border-bottom: none;
    clear: none;
    overflow: visible;
}

.listItem h3 {
    margin: 6pt 0 0 5pt;
    padding: 0;
}

.smallIconList .listItem a {
    padding-left: 0;
    background-position: 0px 1px;
    background-repeat: no-repeat;
    display: block;
}

.listItem p,
.largeIconFeature p,
.content .basicBox p,
.flickrphoto .caption,
.flickrphoto .morephotos,
#rightRail .basicBox p,
.youTube p {
    margin: 4pt 5pt 6pt;
}

p a {
    word-wrap: break-word;
}

a {
    color: #000;
}

img {
    border: none;
}

.mediumIconList .listItem a {
    display: block;
    height: auto;
}

.mediumIconList .listItem {
    min-height: 0;
}

#contentContainer .modContainer .googleInitiatives .item,
#contentContainer .modContainer .googleInitiatives .noitem {
    border: solid 1px transparent;
    padding: 4pt 0;
    margin-bottom: 4pt;
}

.googleInitiatives .item {
    margin-bottom: 10pt;
}

    .googleInitiatives .item img {
        margin-right: 10pt;
        margin-bottom: 15pt;
        padding: 0;
    }

    .googleInitiatives .item .initiative {
        margin-left: 5pt;
        padding: 0;
        border: solid 1px transparent;
        font-size: .8em /*8pt*/
        ;
    }

    .googleInitiatives .item .details {
        width: 15%;
        margin: 0;
        padding: 0;
        font-size: .8em /*8pt*/
        ;
        border: solid 1px transparent;
    }

/* tabbed modules */

.tabSection #btn_tab1,
.tabSection #btn_tab2,
.tabSection #btn_tab3,
.tabSection #btn_tab4 {
    margin: 0;
    padding: 4pt 0;
    height: auto;
    width: auto;
    border: 1px #93958b solid;
    font-size: .95em /*9pt*/
    ;
}

.tabSection .nav ul li {
    height: auto;
    max-width: 23%;
}

.tabSection #tab1,
.tabSection #tab2,
.tabSection #tab3,
.tabSection #tab4 {
    padding: 0 6pt 6pt;
    border: 1px #93958b solid;
}

#doc2 .tabSection .nav li a {
    background-color: #f1f0eb;
    color: #93958b;
}

    #doc2 .tabSection .nav li a.selected {
        background-color: #fff;
        color: #524641;
        font-weight: bold;
    }

    #doc2 .tabSection .nav li a:after {
        content: "";
    }

/* hide fluid surveys as they don't print anyway */

#doc2 .tabDetail iframe[src*=fluidsurveys] {
    display: none;
}

.tabSection #tab1 h2,
.tabSection #tab2 h2,
.tabSection #tab3 h2,
.tabSection #tab4 h2 {
    font-size: 1.5em /*11pt*/
    ;
}

.tabSection #tab1 h3,
.tabSection #tab2 h3,
.tabSection #tab3 h3,
.tabSection #tab4 h3 {
    font-size: 1.3em /*10pt*/
    ;
}

.modContainer .tabSection .tabDetail {
    margin-top: 0;
    border: none;
    padding: 16px 8px;
}

.tabDetail table th,
.tabDetail table td {
    padding: 3pt 4pt;
    vertical-align: middle;
}

table,
table td,
table th {
    font-size: .9em /*9pt*/
    ;
}

#content table th,
.tabDetail table th,
.modContainer table th,
#rightRail table th {
    font-size: .9em /*9pt*/
    ;
}

/*********************** home page ***************************/

#siteAlert {
    display: none;
}

.home #rightRail {
    display: none;
}

#homeContent .largeIconFeature {
    width: 31.25%;
    float: left;
}

#homeContent .imageList {
    width: 39.5em;
}

#homeContent .rounded-corners h3 {
    margin: 4pt 0;
}

#homeContent .basicBox h3 {
    margin-left: 5pt;
}

    #homeContent .basicBox h3,
    #homeContent .basicBox h3 a {
        padding: 0;
    }

#homeContent .rounded-corners p {
    margin: 5pt;
}

#homeContent h2.modHeader {
    background: #deddd6;
    color: #524641;
    border-color: #93958b;
}

#featureLinksBoxSetWrapper48864 {
    padding: 0 !important;
    margin: 0 !important;
}

#sectiionSetWrapper48880 {
    background: none !important;
}

/** ask, tell, connect **/

#basicBox9898 {
    display: none;
}

/* fix for chrome missing pages issue */

@media print {
    #contentContainer .imageList .listItem img {
        float: none;
        margin: 0;
    }

    body #doc .imageList .listItem img,
    body #doc .largeIconFeature img {
        float: none;
        width: 150px;
    }

    body {
        font-size: 100%;
    }

    div.imageList {
        width: 60%;
    }
    
    footer {
        font-size: 14px;
    }
    
    .cov-progressbar {
        display: none !important;
    }
    
    .progressHeight {
        min-height: 0px !important;
    }
}

@media print {
    #contentContainer {
        overflow: visible;
        display: block;
    }

    .showOnPrint {
        display: block;
        overflow: visible;
    }
    /******TF: 20180321 **********/
    table.stacktable {
        display: none;
    }

    table.collapse,
    div.pdWrapper div.pdSection {
        display: block !important;
    }

    html,
    body {
        border: 1px solid white;
        height: 99%;
        page-break-after: avoid;
        page-break-before: avoid;
    }
}

/******TF: 20180321 **********/

* {
    transition: none !important;
}

.contentWide .modContainer .largeIconFeature img.icon {
    float: none !important;
    margin: 0 !important;
    width: 100% !important;
    height: 129px !important;
}

#contentContainer .imageList .listItem img {
    float: left !important;
    margin: 0.6em 1.25em 0.6em 0.75em;
}

div#featureLinksBoxSetWrapper48864,
.highlight-header,
.highlight-header.highlight-header--home .highlight-header--highlight,
.highlight-header--home .each,
.highlight-header a,
.highlight-header .each .list--plain,
.highlight-header--highlight .fluid_wrapper,
.highlight-header--home .each .each__column {
    color: #000;
    background: #fff;
}

    a.blue-button,
    .highlight-header.highlight-header--home .highlight-header--highlight svg,
    div.section-title--link,
    slick-dots,
    ul.slick-dots,
    a.bt-more,
    p.pdControl_remote,
    div#floatingBox42085,
    div#sidr-main,
    div#skip-links {
        display: none !important;
    }

section.editorial-block.block--panel.slick-slide.slick-current.slick-active,
section.editorial-block.block--panel.slick-slide.slick-current,
div.each.block--panel.slick-slide.slick-current.slick-active,
div.each.block--panel.slick-slide.slick-current {
    width: 600px !important;
}

div.tweets__tweet.tweetCOV {
    width: 600px !important;
}

div#whatsNew48874,
div#basicBox42547 {
    page-break-inside: avoid;
}

div.largeIconFeature {
    height: auto !important;
}

/* PULL QUOTE BOXES - enhancement done Jan 2019 - JC */

/* all versions of the module */

.blockquote__line, .blockquote__quote-marks, .blockquote__quote-marks--no-attribution {
    background-color: #f9fafb;
    padding: 20px;
}

p.blockquote__quote-marks--quote, p.blockquote__quote-marks--attribution, p.blockquote__line--quote, p.blockquote__quote-marks--quote-only {
    display: block;
    margin: 0 !important;
    font-size: 14px;
    font-style: italic;
    line-height: 1.4;
}

/* box with line */

.blockquote__line {
    border: 1px #337d78 solid;
    border-left: 10px #337d78 solid !important;
    margin-bottom: 20px;
    margin-right: 25px !important;
    float: left;
    width: calc(99% - 70px);
}

/* box with quote marks and news page */

/* remove borders from quote box and add extra margin to make space for quotes to stick out */
div.blockquote__quote-marks {
    border: 0px !important;
    margin-top: 25px !important;
    margin-bottom: 37px !important;
    padding: 15px 10px;
}

p.blockquote__quote-marks--quote, p.blockquote__quote-marks--attribution, p.blockquote__quote-marks--quote-only {
    text-align: center;
}

p.blockquote__quote-marks--quote {
    padding: 20px 30px 5px 30px;
}

p.blockquote__quote-marks--attribution {
    padding: 5px 30px 20px 30px;
    font-weight: 500;
}

/* style quote padding when there is no quote attribution */
p.blockquote__quote-marks--quote-only {
    padding: 20px 30px;
}



/* style SVGs */

div.blockquote__quote-marks > svg, div.blockquote__quote-marks--no-attribution > svg {
    height: 34px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    /* width: 90%;
    position: absolute; */
}

    div.blockquote__quote-marks > svg:first-child, div.blockquote__quote-marks--no-attribution > svg:first-child {
        margin-top: -32px;
    }

    div.blockquote__quote-marks > svg:last-child, div.blockquote__quote-marks--no-attribution > svg:last-child {
        margin-bottom: -32px;
        margin-top: 0px;
    }

@-moz-document url-prefix() {
    div.blockquote__quote-marks > svg, div.blockquote__quote-marks--no-attribution > svg {
        margin: 0 48%;
    }
}
/* header (CoV image) */
@media print {
  .site-alert {
    display: none;
  }

/* body */

div.landingBanner-group,
div.slider-wrapper,
a.pd__summary::after {
  display: none;
}


/* footer */
  #footer > div:not(:last-child) {
    display: none;
  }

  #footer > div:last-child {
    width: 735px;
  }
  div.lookingfor a {
    margin-right: 10px;
  }

  .videoIframeDiv {
    display: none;
  }
    div.cc-window{
      display:none;
  }
}