/* Global Resetting */
html,
body {
    background: #ffffff;

    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

.clear {
    clear: both;
}

/* Layout CSS */
.inner {
    position: relative;

    max-width: 1320px;

    margin: 0 auto;
    padding: 24px;
}

/**** Header ****/
#Header {
    position: relative;

    border-bottom: 7px solid #37939b;
}

#Header .top-bar .inner {
    display: flex;

    height: 150px;

    padding: 36px 0 29px;

    gap: 40px;

    align-items: flex-end;
    justify-content: space-between;

    box-sizing: border-box;
}

#Header .logo {
    align-self: center;
}

#Header .logo img {
    display: block;
}

#Header .top-nav-advisories {
    display: flex;

    flex-direction: column;

    align-items: flex-end;
    align-self: stretch;

    justify-content: space-between;

    padding-bottom: 9px;
}

#Header .top-nav {
    margin-top: auto;
}

#Header .advisories ul,
#Header .advisories ul li,
#Header .top-nav ul,
#Header .top-nav ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

#Header .advisories ul,
#Header .top-nav ul {
    display: flex;

    align-items: center;

    gap: 2em;

    flex-wrap: wrap;
}

#Header .nav-search {
    background: #115e67;

    padding-top: 43px;
}

#Header #primary-search-form {
    position: relative;

    display: flex;

    max-width: 1320px;

    align-items: stretch;

    margin: 0 auto;
}

#Header #primary-search-form .floatl__label {
    top: 0;
    left: 50%;

    padding-left: 0;

    transform: translateX(-50%);
}

#Header #primary-search-form .search-input {
    flex-grow: 1;
}

#Header #primary-search-form input.search-field {
    background: #ffffff;

    border: 2px solid #37939b;
    border-right: 0;

    width: 100%;
    height: 54px;

    margin: 0;

    border: 0;
    border-bottom: 3px solid #37939b;

    vertical-align: top;

    appearance: none;

    border-radius: 4px 0 0 4px;

    box-sizing: border-box;
}

#Header #primary-search-form .search-submit {
    background: #37939b;

    width: 94px;

    border-radius: 0;

    cursor: pointer;
}

#Header #primary-search-form .search-submit:hover {
    background: #37939b;
}

#Header #primary-search-form .search-input-container {
    position: relative;
}

#Header #primary-search-form .fa-rotate-45 {
    transform: rotateZ(-45deg);
}

#Header #primary-search-form .aa-Panel {
    left: 0;
    right: 0;

    margin-top: 0;

    z-index: 99999;

    --aa-selected-color-rgb: 55, 147, 155;
    --aa-selected-color-alpha: 1;
}

#Header #primary-search-form .aa-Panel ul,
#Header #primary-search-form .aa-Panel ul li {
    margin: 0;
}


/**** Breadcrumbs ****/
#Breadcrumbs {
    max-width: 1310px;
    min-height: 24px;

    padding: 24px 6px;
}

.shadowedBox {
    padding: 24px 25px 0;
}

/** Pagination **/
#PageNumbers a {
    background: #729ea5;

    display: inline-block;

    padding: 0 9px;

    vertical-align: top;

    border-radius: 3px;
}

#PageNumbers a:hover,
#PageNumbers a:active {
    background: #4f868e;
}

#PageNumbers a + a {
    margin-left: 10px;
}

#PageNumbers strong {
    display: inline-block;

    padding: 0 8px;

    vertical-align: top;
}

.typography img.left {
    margin: 0 20px 20px 0;
}

.typography img.right {
    margin: 0 0 20px 20px;
}

.typography img.center {
    display: block;

    margin: 0 auto;
}

.typography blockquote {
    position: relative;

    margin-left: 120px;
}

.typography blockquote:before {
    background: #d1ccbd;

    position: absolute;
    left: -26px;
    top: -10px;

    content: "";

    width: 13px;
    height: 80%;
}

/**** Side Navigation ****/
#Content .sideNavigation {
    background: #f6f6f6;

    float: left;

    width: 20.8%;

    padding: 24px 0;
}

#Content .sideNavigation ul,
#Content .sideNavigation ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

#Content .sideNavigation ul li.current a, #Content .sideNavigation ul li a:hover, #Content .sideNavigation ul li a:active {
    background: #115e67;
}

#Content .sideNavigation ul li ul li.current a, #Content .sideNavigation ul li ul li a:hover, #Content .sideNavigation ul li ul li a:active {
    background: #e2ddcf;
}

#Content .sideNavigation > ul > li.last {
    border-bottom: 0;
}

#Content .sideNavigation ul li a {
    display: block;

    padding: 10px 24px;
}

#Content .sideNavigation ul li ul {
    margin-left: 24px;
}

/**** Content Column *****/
#Content .contentColumn.hasSideMenu {
    float: right;

    width: 73.5%;

    margin-left: 1.9%;
}

/**** Carousel ****/
#ContentCarousel {
    margin-bottom: 40px;
}

#ContentCarousel,
#ContentCarousel .items {
    position: relative;

    max-width: 100%;
    height: 534px;
}

#ContentCarousel .items .item img {
    display: block;

    padding: 0;

    border: 0;
}

#ContentCarousel .items .item {
    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
}

#ContentCarousel .carouselButton {
    background: #ffffff;

    position: absolute;
    left: 0;
    top: 41.2%;

    width: 42px;
    height: 94px;
}

#ContentCarousel .carouselButton i {
    position: absolute;
    top: 29px;
    left: 12px;

    width: 0;
    height: 0;
    border-style: solid;
}

#ContentCarousel #contentCarouselPrev {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

#ContentCarousel #contentCarouselNext {
    left: auto;
    right: 0;

    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

#ContentCarousel #contentCarouselPrev i {
    border-width: 19px 15px 19px 0;
    border-color: transparent #729ea5 transparent transparent;
}

#ContentCarousel #contentCarouselNext.carouselButton i {
    border-style: solid;
    border-width: 19px 0 19px 15px;
    border-color: transparent transparent transparent #729ea5;
}

#ContentCarousel .description {
    background: #f6f5f2;

    border: 1px solid #d1d1d1;
    border-top-color: #ffffff;
    border-bottom-width: 2px;

    padding: 20px;

    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;

    overflow: hidden;
}

#ContentCarousel .description p {
    margin: 0;
}

#ContentCarousel .description p.slideTitle {
    margin-bottom: 0px;
}

/**** Footer ****/
#Footer {
    background: #115E67;

    margin: 46px auto 0;
    padding: 24px;
}

#Footer .footer-columns {
    display: flex;

    align-items: flex-start;

    gap: 40px 66px;

    margin-bottom: 40px;

    flex-wrap: wrap;
}

#Footer .footer-columns .column {
    width: 280px;
}

#Footer .footer-columns ul,
#Footer .footer-columns ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

#Footer .footer-columns ul li + li {
    margin-top: 5px;
}

#Footer .footer-columns .column > *:first-child {
    margin-top: 0;
}

#Footer .footer-columns .column > *:last-child {
    margin-bottom: 0;
}

#Footer address {
    margin: 20px 0;
}

/**** Sidebar ****/
#Content .contentLeft {
    float: left;

    width: 76.2%;
}

#Content .sidebar {
    float: right;

    width: 21.4%;
}

.sidebar .WidgetHolder + .WidgetHolder {
    margin-top: 24px;
}

.sidebar .RelatedNewsWidget,
.sidebar .UpcomingMeetingsWidget {
    background: #ececec;

    padding: 14px 0;

    border: 1px solid #d1d1d1;
}

.sidebar .RelatedNewsWidget h6,
.sidebar .UpcomingMeetingsWidget h6 {
    margin-top: 0;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry,
.sidebar .UpcomingMeetingsWidget .event {
    padding: 0 14px;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry p.full-date {
    margin-bottom: 0;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry p,
.sidebar .UpcomingMeetingsWidget .event p {
    margin-top: 0;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry + .sidebar-news-entry,
.sidebar .UpcomingMeetingsWidget .event + .event {
    border-top: 1px solid #d1d1d1;

    margin-top: 15px;
    padding-top: 15px;
}

.sidebar .RelatedPageWidget,
.sidebar .RelatedLinkWidget {
    background: #d1ccbd;
}

.sidebar .RelatedPageWidget .container,
.sidebar .RelatedLinkWidget p {
    padding: 8px 14px;
}

.sidebar .RelatedPageWidget .pageTitle,
.sidebar .RelatedPageWidget .learnMore,
.sidebar .RelatedLinkWidget p {
    margin: 0;
}

.typography #Content .sidebar .RelatedPageWidget img,
.typography #Content .sidebar .RelatedLinkWidget img,
.sidebar .RelatedLinkWidget a {
    display: block;

    border: 0;

    padding: 0;
}

.sidebar .UpcomingMeetingsWidget .viewAllLink {
    border-top: 1px solid #d1d1d1;

    margin-bottom: 0;
    padding-top: 20px;
}

.sidebar .FluidSurveysWidget .fs-embed {
    visibility: hidden;
    width: auto !important;
}

.sidebar .FluidSurveysWidget .fs-embed.showing {
    visibility: visible;
}

/**** Link Button ****/
a.button {
    background: #517D8A;

    display: inline-block;

    padding: 0 9px;

    border-radius: 3px;

    vertical-align: middle;
}

a.button:hover,
a.button:active {
    background: #4f868e;
}

/**** Featured Pages Block ****/
.features .feature {
    float: left;

    width: 36.3%;

    margin-bottom: 48px;
}

.features .feature.odd {
    clear: both;

    margin-right: 10%;
}

/*** Page Title ****/
#Content .pageTitle {
    position: relative;

    max-width: 935px;
}

#Content .pageTitle img {
    display: block;

    border: 0;

    padding: 0;
}

#Content .pageTitle h1 {
    background: #000000;
    background: rgba(0, 0, 0, 0.4);

    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;

    margin: 0;
    padding: 20px;
}

/**** Councillor Page Holder ****/
.CouncillorPageHolder .councillors .councillor {
    background: #f6f5f2;

    float: left;

    width: 28.7%;

    border: 1px solid #d1d1d1;
    border-bottom-width: 2px;

    margin-bottom: 24px;
    padding: 12px 13px;

    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

.CouncillorPageHolder .councillors .councillor.highlight {
    border-color: #37939b;
}

.CouncillorPageHolder .councillors .councillor .namePosition {
    margin-top: 0;
}

.CouncillorPageHolder .councillors .councillor + .councillor {
    margin-left: 2.4%;
}

.CouncillorPageHolder .councillors .councillor.end + .councillor {
    clear: both;

    margin-left: 0;
}

.CouncillorPageHolder .councillors.masonry .councillor {
    float: none;

    margin-left: 0 !important;
}

.CouncillorPageHolder .councillors .masonry-spacer {
    width: 2.4%;
}

.CouncillorPageHolder #Content .councillors .councillor img {
    float: left;

    border: 0;

    margin: 0 15px 15px 0;
    padding: 0;

    border-radius: 2px;
}

.CouncillorPageHolder .councillors .councillor .detail {
    margin: 0;
}

.CouncillorPageHolder .councillors .councillor .fright {
    clear: right;

    float: right;

    width: 125px;
}

.CouncillorPageHolder .councillors .councillor .detail + .detail {
    margin-top: 4px;
}

.CouncillorPageHolder .councillors .councillor .detail.social a + a {
    margin-left: 10px;
}

.CouncillorPageHolder .councillors .councillor .detailList,
.CouncillorPageHolder .councillors .councillor .detailList li {
    margin: 0;
    padding: 0;
}

.CouncillorPageHolder .councillors .councillor .detailList {
    margin-left: 16px;
}

.CouncillorPageHolder .councillors .councillor .detailList.sitsOn {
    margin-top: 20px;
}

.CouncillorPageHolder .councillors .councillor .detailList li + li {
    margin-top: 4px;
}

/**** Home Page ****/
.HomePage .inner.carousel {
    margin-bottom: 24px;
    border-bottom: 0;
}

.HomePage #ContentCarousel {
    position: relative;

    width: 100%;

    margin-bottom: 0;
}

.HomePage #ContentCarousel,
.HomePage #ContentCarousel .items {
    max-width: 1320px;
    height: 374px;
}

.HomePage #ContentCarousel .homeCarouselButton {
    display: block;

    position: absolute;
    left: 24px;
    top: 50%;

    margin-top: -45px;

    z-index: 200;
}

.HomePage #ContentCarousel #contentCarouselNext {
    left: auto;
    right: 24px;
}

.HomePage #ContentCarousel .item.black {
    background: #000000;
}

.HomePage #ContentCarousel .item.lightbrown {
    background: #d1ccbd;
}

.HomePage #ContentCarousel .item.teal {
    background: #115e67;
}

.HomePage #ContentCarousel .item.teal2 {
    background: #729ea5;
}

.HomePage #ContentCarousel .item.teal3 {
    background: #4f868e;
}

.HomePage #ContentCarousel .item.orange {
    background: #da291c;
}

.HomePage #ContentCarousel .item a {
    background: url(./../images/blank.gif);

    display: block;

    position: absolute;
    top: 0;
    left: 0;

    width: 100%;
    height: 100%;

    z-index: 100;
}

.HomePage #ContentCarousel .item .itemText {
    display: block;

    position: absolute;
    left: 24px;
    right: 24px;
    top: 40px;
}

.HomePage #ContentCarousel .item .itemText span {
    display: block;
}

.HomePage #ContentCarousel .item .itemText .line1Text {
    margin-bottom: 20px;
}

.HomePage #ContentCarousel .item .ctaButton {
    background: #000000;
    background: rgba(0, 0, 0, 0.75);

    display: block;

    position: absolute;
    right: 24px;
    bottom: 24px;

    padding: 21px 32px;

    border-radius: 3px;
}

.HomePage #Content {
    background: transparent;

    max-width: 1320px;

    padding: 0;

    -webkit-box-shadow: none;
    box-shadow: none;

    border-radius: 0;
}

.HomePage .features {
    width: 100%;

    padding: 0;
}

.HomePage .features .featureColumn {
    float: left;

    width: 330px;
}

.HomePage .features .featureColumn .heading-h6 {
    background: #115e67;

    margin: 0 0 30px;
    padding: 24px;
}

.HomePage .features .featureColumn .content {
    padding: 0 24px 24px;
}

.HomePage .features .featureColumn ul,
.HomePage .features .featureColumn ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.HomePage .features .featureColumn ul li {
    position: relative;
}

.HomePage .features .featureColumn ul li + li {
    border-top: 1px dotted #959595;

    margin-top: 10px;
    padding-top: 10px;
}

.HomePage .features .featureColumn ul li a,
.HomePage .features .council ul li .date {
    position: relative;

    display: block;

    padding-left: 52px;

    z-index: 10;
}

.HomePage .features .featureColumn .moreLink {
    margin: 30px 0 0;
}

.HomePage .features .latestNews .heading-h6 {
    background: #da291c;
}

.HomePage .features .latestNews ul li .date {
    position: absolute;
    left: 0;
    top: 50%;

    margin-top: -10px;
}

.HomePage .features .projects ul li + li {
    margin-top: 20px;
    padding-top: 0;
}

.HomePage #Content .features .projects ul li img,
.HomePage #Content .features .projects ul li .svg-inline--fa {
    display: block;

    position: absolute;
    left: 10px;
    top: 0;

    border: 0;

    padding: 0;
}

.HomePage .features .projects ul li a {
    min-height: 54px;

    padding-left: 84px;
}

.HomePage .features .projects ul li + li {
    border-top: 0;
}

.HomePage .features .projects ul li .far {
    position: absolute;
    left: 10px;
    top: 50%;

    transform: translateY(-50%);
}

.HomePage .features .projects .heading-h6 {
    background: #333333;
}

.HomePage .features .council .councilDesc {
    margin: 15px 0;
}

.HomePage .features .events .heading-h6 {
    background: #e2ddcf;
}

.HomePage .features .council ul li a,
.HomePage .features .events ul li a {
    display: inline;

    min-height: 0;

    padding-left: 0;
}

.HomePage .features .events ul li abbr {
    border-bottom: 0;
}

.HomePage .features .events ul li .date,
.HomePage .features .council ul li .date {
    margin: 10px 0 0;
}

.HomePage .socialFeed {
    float: right;
    width: 305px;

    margin: 56px auto 0;
    padding: 0 0 0 25px;
}

.HomePage .socialFeed > .heading-h6 {
    margin: 0 0 74px;
    text-transform: uppercase;
    font-weight: bold;
    color: #414042;
}

.HomePage .socialFeed ul {
    margin: 0px;
    padding: 0px;
}

.HomePage .socialFeed ul li {
    background: #fff;
    list-style: none;
    margin: 0 0 10px 0;
    padding: 14px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 2px 1.98px 0.02px rgba(0, 0, 0, 0.28);
    box-shadow: 0px 2px 1.98px 0.02px rgba(0, 0, 0, 0.28);
}

.HomePage .socialFeed ul .svg-inline--fa {
    color: #959595;
    float: left;
    height: 55px;
    margin: 0 16px 0 0;
    width: 55px;
    text-align: center;
}

.HomePage .socialFeed ul p.content {
    margin: 0px;
}

.HomePage .socialFeed ul p.small {
    margin-bottom: 0px;
}

.HomePage .quickLinksBlock {
    margin: 56px auto 0;
    padding: 0;

    float: left;
    width: 915px;
}

.HomePage .quickLinksBlock .quickLinksHeader {
    margin: 0 0 74px;
}

.HomePage .quickLinksBlock .quickLink {
    background: transparent;

    float: left;

    position: relative;

    width: 274px;
    min-height: 197px;

    margin-bottom: 46px;
    padding: 0;
}

.HomePage .quickLinksBlock .quickLink + .quickLink {
    margin-left: 46px;
}

.HomePage .quickLinksBlock .quickLink.desktop-end + .quickLink {
    clear: both;

    margin-left: 0;
}

.HomePage #Content .quickLinksBlock .quickLink img {
    display: block;

    width: 100%;

    border: 0;

    padding: 0;

    border-radius: 3px;
}

.HomePage .quickLinksBlock .quickLink p {
    margin: 14px 0 0;
}

.HomePage .quickLinksBlock .quickLink .title + .description {
    margin-top: 7px;
}

.HomePage .videoBox {
    position: relative;

    height: 376px;

    margin-top: 29px;
    padding-top: 36px;
}

.HomePage .videoBox .overlay {
    background: url(./../images/video-frame.png) no-repeat;

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    z-index: 10;
}

.HomePage #Content .videoBox img.videoThumbnail {
    display: block;

    border: 0;

    padding: 0;
}

.HomePage #Content .videoBox a.videoTrigger {
    display: block;

    position: absolute;
    left: 0;
    top: 36px;

    width: 812px;
    height: 376px;

    z-index: 20;
}

.HomePage #Content .videoBox a.videoTrigger .fa-play-circle {
    position: absolute;
    top: 50%;
    left: 50%;

    margin-top: -66px;
    margin-left: -66px;

    opacity: 0.56;

    color: #000;
}

.HomePage #Content .videoBox a.videoTrigger .fa-play-circle:hover {
    opacity: 0.8;
}

.HomePage #squamish-nation {

    text-align: center;
}

.HomePage #Content #squamish-nation.no-banner {
    padding-bottom: 24px;
}

.HomePage #squamish-nation strong {
    color: #115e67;
}

/**** Shadowbox ****/
#sb-container {
    z-index: 9999;
}

#sb-container #sb-nav-close,
#sb-container #sb-nav-next,
#sb-container #sb-nav-previous,
#sb-container #sb-nav-play,
#sb-container #sb-nav-pause {
    background: transparent;

    display: inline-block;
}

#sb-container #sb-nav {
    height: 32px;
}

#sb-container #sb-info,
#sb-container #sb-info-inner {
    height: 26px;
}

#sb-container #sb-nav-play,
#sb-container #sb-nav-pause {
    width: 26px;
    height: 26px;
}

/**** ArchivedCouncilMeetingPage ****/
.ArchivedCouncilMeetingPage #video-container iframe {
    display: block;

    margin: 40px auto 0;
}

.ArchivedCouncilMeetingPage #video-container > div {
    margin: 40px auto 0;
}

#Form_VideoSelectForm_VideoID {
    width: 100%;
    max-width: 500px;
}

/**** Department Page ****/
.DepartmentPage .contacts-list-container dl,
.DepartmentPage .contacts-list-container dt,
.DepartmentPage .contacts-list-container dd {
    margin: 0;
    padding: 0;
}

.DepartmentPage .contacts-list-container dd + dt {
    border-top: 1px solid #d1ccbd;

    margin-top: 20px;
    padding-top: 20px;
}

.DepartmentPage .contacts-list-container dd {
    margin-left: 40px;
}

.DepartmentPage .contact-cell {
    margin-bottom: 10px;
}

.DepartmentPage .contact-cell p {
    margin: 0;
}

/**** FAQ Page ****/
.FAQPage .faq-list,
.FAQPage .faq-list dt,
.FAQPage .faq-list dd {
    margin: 0;
    padding: 0;
}

.FAQPage .faq-list.top > dd {
    margin-left: 40px;
}

.FAQPage .faq-list dd .faq-list {
    margin: 20px 0 60px;
}

.FAQPage .faq-list dd .faq-list dd + dt {
    border-top: 1px solid #d1ccbd;

    margin-top: 20px;
    padding-top: 20px;
}

/**** Gallery Page ****/
.GalleryPage #slideshow {
    position: relative;

    max-width: 100%;
    height: 458px;
}

.GalleryPage #slideshow .cycle-slide {
    position: absolute;
    left: 0;
    top: 0;

    max-width: 100%;
}

.GalleryPage #slideshow img {
    display: block;

    border: 0;

    padding: 0;
}

.GalleryPage .slideshow-wrapper #caption {
    background: #f6f5f2;

    height: 92px;

    border: 1px solid #d1d1d1;
    border-top-color: #ffffff;
    border-bottom-width: 2px;

    padding: 24px 24px 10px;

    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;

    overflow: hidden;
}

.GalleryPage .slideshow-wrapper #caption p {
    margin: 0;
}

.GalleryPage #slideshow .slideshowButton {
    background: #ffffff;

    position: absolute;
    left: 0;
    top: 41.2%;

    width: 42px;
    height: 94px;

    z-index: 400;
}

.GalleryPage #slideshow .slideshowButton i {
    position: absolute;
    top: 29px;
    left: 12px;

    width: 0;
    height: 0;
    border-style: solid;
}

.GalleryPage #slideshow #cycle-prev {
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
}

.GalleryPage #slideshow #cycle-next {
    left: auto;
    right: 0;

    border-top-left-radius: 2px;
    border-bottom-left-radius: 2px;
}

.GalleryPage #slideshow #cycle-prev i {
    border-width: 19px 15px 19px 0;
    border-color: transparent #729ea5 transparent transparent;
}

.GalleryPage #slideshow #cycle-next i {
    border-style: solid;
    border-width: 19px 0 19px 15px;
    border-color: transparent transparent transparent #729ea5;
}

.GalleryPage .slideshow-wrapper #cycle-pager {
    max-width: 612px;

    margin: 40px auto;
}

.GalleryPage .slideshow-wrapper #cycle-pager .pager-cell {
    float: left;

    margin-bottom: 20px;
}

.GalleryPage .slideshow-wrapper #cycle-pager .pager-cell + .pager-cell {
    margin-left: 30px;
}

.GalleryPage .slideshow-wrapper #cycle-pager .pager-cell.end + .pager-cell {
    margin-left: 0;
}

.GalleryPage
    .slideshow-wrapper
    #cycle-pager
    .pager-cell.cycle-pager-active
    img {
    border-color: #115e67;
}

/**** Gallery Page Holder ****/
.GalleryPageHolder #thumbnail-container .thumbnail-item {
    float: left;

    width: 30.9%;

    margin-bottom: 30px;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item + .thumbnail-item {
    margin-left: 2.3%;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item.end + .thumbnail-item {
    clear: both;

    margin-left: 0;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item h5 {
    margin: 0 0 10px;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item a {
    position: relative;

    display: block;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item img {
    display: block;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item a:hover:before {
    background: #296e76;

    position: absolute;
    top: 0;
    left: 0;

    content: "View Gallery";

    width: 100%;
    height: 55%;

    padding: 45% 0 0;
}

.GalleryPageHolder #thumbnail-container .thumbnail-item img {
    border: 0;

    padding: 0;
}

/**** Garbage Lookup Page ****/
.GarbageLookupPage #powered-by-recollect img {
    border: 0;

    padding: 0;
}

/**** Print Gis Map Holder ****/
.PrintGisMapHolder #Form_filter fieldset {
    float: left;
}

.PrintGisMapHolder #Form_filter .btn-toolbar {
    float: left;

    margin: 40px 0 0 30px;
}

.PrintGisMapHolder #Form_filter .btn-toolbar input {
    padding: 6px 9px;
}

/**** Gis Map Page ****/
.GisMapPage .map-frame {
    display: block;

    width: 100%;
    height: 700px;

    border: 0;
}

/**** News Page Holder ****/
.SilverStripe_Blog_Model_Blog .newsSummary {
    margin-top: 30px;
}

.SilverStripe_Blog_Model_Blog .newsSummary .postTitle {
    margin: 0;
}

.SilverStripe_Blog_Model_Blog .newsSummary .postDate {
    margin-bottom: 20px;
}

.SilverStripe_Blog_Model_Blog .newsSummary + .newsSummary {
    border-top: 1px solid #d1ccdb;
    padding-top: 30px;
}

.SilverStripe_Blog_Model_Blog #news-filters {
    margin-bottom: 40px;
}

.SilverStripe_Blog_Model_Blog #news-filters p {
    margin: 0;
}

.SilverStripe_Blog_Model_Blog #news-filters fieldset {
    display: inline-block;

    vertical-align: bottom;
}

.SilverStripe_Blog_Model_Blog #news-filters .btn-toolbar {
    display: inline-block;
}

.SilverStripe_Blog_Model_Blog #news-filters .btn-toolbar input {
    margin: 0 0 4px 20px;

    padding: 6px 9px;

    vertical-align: bottom;
}

/**** Social Buttons ****/
.social-media {
    margin: 20px 0;
}

.social-media .fb-like,
.social-media .twitter,
.social-media .g-plusone {
    display: inline-block;

    margin-right: 20px;

    vertical-align: bottom;
}

/**** Contact Feedback Page ****/
.ContactFeedbackPage #Content .column.mapColumn img {
    border: 0;

    margin-top: 30px;
    padding: 0;
}

.ContactFeedbackPage #general-inquires,
.ContactFeedbackPage #contact-list-container {
    margin-bottom: 60px;
}

.ContactFeedbackPage .column p {
    margin: 0;
}

.ContactFeedbackPage .column .colTitle {
    margin-bottom: 20px;
}

.ContactFeedbackPage #general-inquires .column p.phone {
    margin-top: 20px;
}

.ContactFeedbackPage #contact-list-container {
    position: relative;
}

.ContactFeedbackPage #contact-list-container .contact {
    display: inline-block;
    vertical-align: top;

    width: 31%;
    margin-right: 3%;
}

.ContactFeedbackPage #contact-list-container .contact.column-0 {
    margin-right: 0px;
}

.ContactFeedbackPage .contact .heading-h5 {
    background: #729ea5;

    position: relative;

    color: #ffffff;

    padding: 8px 50px 8px 10px;

    border-radius: 3px;

    cursor: pointer;
}

.ContactFeedbackPage .contact .heading-h5:before {
    display: block;

    position: absolute;
    right: 10px;
    top: 50%;

    font: normal normal normal 14px/1 "Font Awesome 5 Pro";
    font-size: inherit;

    content: "\f077";

    margin-top: -12px;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
}

.ContactFeedbackPage .contact.collapsed .heading-h5:before {
    content: "\f078";
}

.ContactFeedbackPage #contact-list-container .contact .colTitle {
    margin-bottom: 10px;
}

.ContactFeedbackPage .contact .contact-cell {
    padding: 0 10px;
}

.ContactFeedbackPage .contact.collapsed .contact-cell {
    display: none;
}

.ContactFeedbackPage
    #contact-list-container
    .contact
    .contact-cell
    + .contact-cell {
    margin-top: 30px;
}

.ContactFeedbackPage
    #contact-list-container
    #contact-list-masonry.masonry
    .contact {
    float: none;

    width: 31%;
}

.ContactFeedbackPage
    #contact-list-container
    #contact-list-masonry.masonry
    .masonry-spacer {
    width: 3%;
}

.ContactFeedbackPage #feedback .requiredNote {
    width: 408px;
    max-width: 100%;

    margin-bottom: 0;
}

/**** Search Results ****/
.SearchResult ul.searchResults,
.SearchResult ul.searchResults li {
    margin: 40px 0 0;
    padding: 0;

    list-style-type: none;
}

.SearchResult ul.searchResults li + li {
    border-top: 1px dotted #959595;

    padding-top: 40px;
}

.SearchResult ul.searchResults li h3 {
    margin-top: 0;
}

/**** Squamish Calendar ****/
.SquamishCalendar ul.days,
.SquamishCalendar ul.days li,
.SquamishCalendar .mode ul,
.SquamishCalendar .mode ul li,
.FestivalCalendar ul.days,
.FestivalCalendar ul.days li,
.FestivalCalendar .mode ul,
.FestivalCalendar .mode ul li,
.CouncilMeetingsCalendar ul.days,
.CouncilMeetingsCalendar ul.days li,
.CouncilMeetingsCalendar .mode ul,
.CouncilMeetingsCalendar .mode ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.SquamishCalendar #Form_filter div.field,
.FestivalCalendar #Form_filter div.field,
.CouncilMeetingsCalendar #Form_filter div.field {
    clear: none;

    float: left;

    width: 40%;
}

.SquamishCalendar #Form_filter div.field + div.field,
.FestivalCalendar #Form_filter div.field + div.field,
.CouncilMeetingsCalendar #Form_filter div.field + div.field {
    margin-left: 5%;
}

.SquamishCalendar #Form_filter div.field select,
.FestivalCalendar #Form_filter div.field select,
.CouncilMeetingsCalendar #Form_filter div.field select {
    max-width: 100%;
}

.SquamishCalendar #Form_filter .Actions,
.FestivalCalendar #Form_filter .Actions,
.CouncilMeetingsCalendar #Form_filter .Actions {
    clear: both;
}

.SquamishCalendar .mode,
.FestivalCalendar .mode,
.CouncilMeetingsCalendar .mode {
    border-bottom: 1px solid #517D8A;

    margin: 60px 0 30px;
}

.SquamishCalendar .mode ul li,
.FestivalCalendar .mode ul li,
.CouncilMeetingsCalendar .mode ul li {
    float: left;

    margin-right: 2px;
}

.SquamishCalendar .mode li a,
.FestivalCalendar .mode li a,
.CouncilMeetingsCalendar .mode li a {
    background: #517D8A;

    display: block;

    padding: 4px 20px;

    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.SquamishCalendar .mode li a:hover,
.SquamishCalendar .mode li a:active,
.FestivalCalendar .mode li a:hover,
.FestivalCalendar .mode li a:active,
.CouncilMeetingsCalendar .mode li a:hover,
.CouncilMeetingsCalendar .mode li a:active,
.SquamishCalendar .mode li.selected a,
.SquamishCalendar .mode li.selected a,
.FestivalCalendar .mode li.selected a,
.FestivalCalendar .mode li.selected a,
.CouncilMeetingsCalendar .mode li.selected a,
.CouncilMeetingsCalendar .mode li.selected a {
    background: #115e67;
}

.SquamishCalendar ul.days > li + li,
.FestivalCalendar ul.days > li + li,
.CouncilMeetingsCalendar ul.days > li + li {
    margin-top: 30px;
    padding-top: 30px;
}

.SquamishCalendar ul.days li .month-day,
.FestivalCalendar ul.days li .month-day,
.CouncilMeetingsCalendar ul.days li .month-day {
    border-bottom: 1px solid #d1ccbd;

    padding-bottom: 10px;
}

.SquamishCalendar ul.days li p.date,
.FestivalCalendar ul.days li p.date,
.CouncilMeetingsCalendar ul.days li p.date {
    margin: 0;
}

.SquamishCalendar ul.days li p.where,
.FestivalCalendar ul.days li p.where,
.CouncilMeetingsCalendar ul.days li p.where {
    margin-top: 0;
}

.SquamishCalendar .calendar .header,
.FestivalCalendar .calendar .header,
.CouncilMeetingsCalendar .calendar .header {
    background: #115e67;

    position: relative;

    height: 50px;
}

.SquamishCalendar .calendar .header .arrow,
.FestivalCalendar .calendar .header .arrow,
.CouncilMeetingsCalendar .calendar .header .arrow {
    display: block;

    position: absolute;
    left: 10px;
    top: 10px;

    width: 30px;
}

.SquamishCalendar .calendar .header .arrow.next,
.FestivalCalendar .calendar .header .arrow.next,
.CouncilMeetingsCalendar .calendar .header .arrow.next {
    left: auto;
    right: 10px;
}

.SquamishCalendar .calendar table,
.FestivalCalendar .calendar table,
.CouncilMeetingsCalendar .calendar table {
    border-collapse: collapse;

    width: 100%;
}

.SquamishCalendar .calendar table thead th,
.FestivalCalendar .calendar table thead th,
.CouncilMeetingsCalendar .calendar table thead th {
    background: #d1ccbd;

    width: 14.29%;

    border-bottom: 1px dotted #9a9588;
}

.SquamishCalendar .calendar table thead th.first,
.FestivalCalendar .calendar table thead th.first,
.CouncilMeetingsCalendar .calendar table thead th.first {
    border-left: 1px solid #d1ccbd;
}

.SquamishCalendar .calendar table thead th.last,
.FestivalCalendar .calendar table thead th.last,
.CouncilMeetingsCalendar .calendar table thead th.last {
    border-right: 1px solid #d1ccbd;
}

.SquamishCalendar .calendar table thead th + th,
.FestivalCalendar .calendar table thead th + th,
.CouncilMeetingsCalendar .calendar table thead th + th {
    border-left: 1px dotted #b5b0a2;
}

.SquamishCalendar .calendar table td,
.FestivalCalendar .calendar table td,
.CouncilMeetingsCalendar .calendar table td {
    position: relative;

    border: 1px dotted #b5b0a2;

    min-height: 14%;

    padding: 28px 5px 5px;
}

.SquamishCalendar .calendar td .tdWrapper,
.FestivalCalendar .calendar td .tdWrapper,
.CouncilMeetingsCalendar .calendar td .tdWrapper {
    position: relative;

    width: 100%;

    height: 100%;
    min-height: 80px;
}

.SquamishCalendar .calendar td .day,
.FestivalCalendar .calendar td .day,
.CouncilMeetingsCalendar .calendar td .day {
    display: block;

    position: absolute;
    top: 3px;
    right: 5px;
}

.SquamishCalendar .calendar td .event,
.FestivalCalendar .calendar td .event,
.CouncilMeetingsCalendar .calendar td .event {
    position: relative;
}

.SquamishCalendar .calendar td .popup,
.FestivalCalendar .calendar td .popup,
.CouncilMeetingsCalendar .calendar td .popup {
    background: #f9f4e5;

    display: none;

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 150px;

    margin-left: -85px;
    padding: 10px;

    border-radius: 4px;

    box-shadow: 0 2px 1.98px 0.02px rgba(0, 0, 0, 0.28);

    z-index: 10;
}

.SquamishCalendar .calendar td .popup:after,
.FestivalCalendar .calendar td .popup:after,
.CouncilMeetingsCalendar .calendar td .popup:after {
    position: absolute;
    top: 100%;
    left: 50%;

    border: 10px solid transparent;

    content: " ";

    width: 0;
    height: 0;

    border-top-color: #f9f4e5;

    margin-left: -10px;
}

.SquamishCalendar #MobileEventsPopup,
.FestivalCalendar #MobileEventsPopup,
.CouncilMeetingsCalendar #MobileEventsPopup,
.SquamishCalendar #MobileEventsOverlay,
.FestivalCalendar #MobileEventsOverlay,
.CouncilMeetingsCalendar #MobileEventsOverlay {
    display: none;
}

/**** FAQ Page ****/
.FAQPage ul.faq-list,
.FAQPage ul.faq-list > li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.FAQPage ul.faq-list {
    margin-bottom: 80px;
}

.FAQPage ul.faq-list > li .faqContent {
    margin-left: 40px;
}

.FAQPage ul.faq-list > li + li {
    margin-top: 20px;
}

.FAQPage ul.faq-list > li .faqTrigger a {
    display: block;

    position: relative;

    padding-left: 1.28571em;
}

.FAQPage ul.faq-list > li .faqTrigger .fa {
    position: absolute;
    left: 0;
    top: 0;
}

/*** epact form page ***/
#Form_ePACTForm {
    max-width: 400px;
}

#Form_ePACTForm_groupNames_chzn {
    max-width: 100%;
}

div.chzn-drop {
    width: 100% !important;
}

/*** PanelPage ***/
.PanelPage #Header .inner,
.PanelSubpage #Header .inner,
.EDResourceCenterPage #Header .inner {
    border-bottom: none;
}

.PanelPage #Content,
.PanelSubpage #Content,
.EDResourceCenterPage #Content,
.ElementalPage #Content {
    background: #fff;
    padding-bottom: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.PanelPage .element,
.PanelSubpage .element,
.EDResourceCenterPage .element,
.ElementalPage .element {
    border-radius: 5px;
}

/*** PanelSubpage ***/

.fullBlock {
    width: 100%;
}
.panel-subpage-hero {
    color: #fff;
}

.panel-subpage-hero .flexWrap {
    flex-direction: row;
    padding-top: 145px;
}

.panel-subpage-hero .textBlock {
    position: relative;
    width: 100%;
}

.panel-subpage-hero .textBlock:after {
    content: "";
    display: block;
    position: absolute;
    width: 6px;
    background: #fff;
    top: 9px;
    bottom: 15px;
    left: 50%;
    margin-left: -3px;
}

.panel-subpage-hero .no-summary .textBlock:after {
    display: none;
}

.panel-subpage-hero .col-1 {
    float: left;
    text-align: right;
    padding: 0 25px 0 0;
    width: 50%;
    box-sizing: border-box;
}

.panel-subpage-hero .no-summary .col-1 {
    width: auto;
    text-align: center;
    width: 100%;
}

.panel-subpage-hero .col-2 {
    float: left;
    padding: 5px 25px 0;
    width: 50%;
    box-sizing: border-box;
}

.typography .panel-subpage-hero h5,
.typography .panel-subpage-hero h6,
.typography .panel-subpage-hero p {
    margin-bottom: 0px;
}

.typography .panel-subpage-hero h5,
.typography .panel-subpage-hero h5 strong {
    font-size: 24px;
    font-weight: 300;
    line-height: normal;
    color: #d1d1d1;
}

.typography .panel-subpage-hero h5 strong {
    font-weight: 600;
}

.typography .panel-subpage-hero h6 {
    font-size: 45px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: normal;
    text-shadow: 1px 2px 1.98px rgba(0, 0, 0, 0.3);
    color: #fff;
}

.typography .panel-subpage-hero p {
    margin: 0px;
    color: #b2b2b2;
}

.sibling-menu {
    position: relative;
    z-index: 15;
    padding-top: 40px;
    width: 100%;
}

.typography .sibling-menu ul {
    text-align: center;
    margin: 0px 20px;
    padding: 0px;
}

.typography .sibling-menu li {
    display: inline-block;
    list-style: none;
    margin: 4px 0px 20px;
    padding: 0 15px;
}

.sibling-menu li > a {
    font-size: 18px;
    font-weight: bold;
    color: #d1d1d1;
    text-transform: uppercase;
    padding: 0 2px 10px;
}

.sibling-menu li.current > a,
.sibling-menu li.section > a,
.sibling-menu li > a:hover {
    color: #79d9e9;
    text-decoration: none;
    border-bottom: 1px solid #79d9e9;
}

.typography .sibling-menu li.home-link {
    border-right: 1px solid #d1d1d1;
}

.contact-link {
    text-align: center;
    position: relative;
    z-index: 15;
    margin-top: 20px;
}

.contact-link hr {
    display: none;
}

.typography .contact-link a {
    color: #d1d1d1;
}

.hero-summary {
    display: none;
    background-color: #d1d1d1;
    border-bottom: 1px solid #a8a8a8;
    padding: 20px;
}

.typography .hero-summary p {
    color: #565656;
}

#scroll-spy-nav {
    background: #2a4b51;
    height: 57px;
    overflow: hidden;
}

#scroll-spy-nav.stuck {
    position: fixed;
    z-index: 2000;
    top: 0px;
    width: 100%;
}

#scroll-spy-nav ul {
    text-align: center;
    margin: 0px;
    padding: 0px;
}

#scroll-spy-nav ul .slick-prev {
    left: 5px;
}

#scroll-spy-nav ul .slick-next {
    right: 5px;
}

#scroll-spy-nav li {
    display: inline-block;
    list-style: none;
    margin: 0 12px;
}

#scroll-spy-nav li > a {
    font-size: 18px;
    line-height: 57px;
    color: #708c91;
    font-weight: 600;
    text-decoration: none;
}

#scroll-spy-nav.stuck li.active > a,
#scroll-spy-nav li > a:hover {
    color: #fff;
}

/*** back to top button ***/
.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 10px;
    z-index: 100;
    display: none;
    font-size: 30px;
}

.admin .back-to-top {
    bottom: 40px;
}

.typography .back-to-top a {
    color: #8c8c8c;
}

/*** ED Resource Center Page ***/
.EDResourceCenterPage .panel-subpage-hero .flexWrap {
    padding-top: 45px;
    padding-bottom: 65px;
}

.EDResourceCenterPage .panel-subpage-hero .textBlock::after {
    top: 5px;
    bottom: 5px;
}

.EDResourceCenterPage .panel-subpage-hero .col-2 {
    padding-top: 0px;
}

.EDResourceCenterPage .panel-subpage-hero .scroll-down {
    display: none;
}

span.resource-center-wrap-bg {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0%;
    background: #d1d1d1;
    height: 100%;
    margin-right: 50%;
    display: block;
}

span.resource-container-bg {
    background: #e1e1e1;
    position: absolute;
    z-index: 1;
    top: 0px;
    right: 0px;
    height: 100%;
    width: 79%;
}

#resource-center-wrap {
    background: #e1e1e1;
    position: relative;
}

#resource-center-wrap .container {
    max-width: 1220px;
    margin: 0 auto;
    position: relative;
}

.resource-filter {
    background: #d1d1d1;
    float: left;
    width: 21%;
    padding: 70px 15px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}

.resource-filter .title {
    text-transform: uppercase;
    color: #565656;
    font-size: 18px;
    font-weight: 600;
}

.resource-filter .title .svg-inline--fa {
    display: none;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.resource-filter .title.open .svg-inline--fa {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#Form_ResourceFilterForm fieldset {
    border-top: 1px solid #a8a8a8;
    border-bottom: 1px solid #a8a8a8;
}

#Form_ResourceFilterForm div.checkboxset {
    border-top: 1px solid #bdbdbd;
    margin: 0px;
    padding: 10px 0;
}

#Form_ResourceFilterForm div.checkboxset:first-child {
    border-top: none;
}

#Form_ResourceFilterForm label {
    text-transform: uppercase;
    color: #565656;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

#Form_ResourceFilterForm label .svg-inline--fa {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

#Form_ResourceFilterForm .open label .svg-inline--fa {
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

#Form_ResourceFilterForm .checkboxset .middleColumn {
    display: none;
    margin: 0px;
}

#Form_ResourceFilterForm .checkboxset.open .middleColumn {
    display: block;
}

#Form_ResourceFilterForm ul.checkboxset {
    margin: 10px 0 5px 0;
}

#Form_ResourceFilterForm ul.checkboxset label {
    color: #115e67;
    font-weight: 400;
}

#Form_ResourceFilterForm .btn-toolbar {
    text-align: center;
}

#Form_ResourceFilterForm .btn-toolbar input {
    font-size: 16px;
    font-weight: bold;
    background: #4f868e;
    padding: 11px 35px;
    text-transform: uppercase;
    cursor: pointer;
}

#Form_ResourceFilterForm .btn-toolbar input:hover {
    background: #5b9ba4;
}

.resource-list {
    background: #e1e1e1;
    float: left;
    width: 79%;
    padding: 70px 16px;
    box-sizing: border-box;
    position: relative;
    z-index: 5;
}

.resource-list .results-info {
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #565656;
    margin-left: 20px;
}

.resource-list .results-info span {
    color: #4f868e;
}

.resource-list .results-info span.tags {
    color: #8d8a80;
    font-style: italic;
    font-weight: 400;
    text-transform: none;
}

.resource-list .message.warning {
    width: auto;
}

.resource-list .resource {
    box-sizing: border-box;

    float: left;
    width: 33.3333%;
    padding: 0 20px 20px;
    margin-bottom: 20px;
}

.resource-list .resource:nth-child(3n) + .resource {
    clear: left;
}

.resource-list .resource-inner {
    position: relative;
    background: #fff;
    box-shadow: 1px 2px 1.98px 0.02px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 1px 2px 1.98px 0.02px rgba(0, 0, 0, 0.15);
    border-radius: 5px;
    min-height: 340px;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.resource-list .resource-inner:hover {
    -webkit-box-shadow: 3px 5px 1.98px 0.02px rgba(0, 0, 0, 0.25);
    box-shadow: 3px 5px 1.98px 0.02px rgba(0, 0, 0, 0.25);
}

.resource-list .resource a {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 10;
}

.resource-list .resource .imgWrap {
    position: relative;
}

.resource-list .resource .imgWrap .placeholder {
    width: 100%;
    height: 109px;
    background: #8d8a80;
}

.resource-list .resource .imgWrap .placeholder.link {
    background: #4f868e;
}

.resource-list .resource .imgWrap img {
    display: block;
    width: 100%;
}

.resource-list .resource .imgWrap span {
    position: absolute;
    z-index: 5;
    right: 0px;
    bottom: 0px;
    color: #a8a8a8;
    font-size: 12px;
    background: #575757;
    display: block;
    padding: 5px;
}

.resource-list .resource .textWrap {
    padding: 0 20px 20px;
}

.resource-list .resource h5 a {
    color: #4c4c4c;
    text-transform: uppercase;
}

.resource-list .resource p {
    color: #4c4c4c;
    margin-bottom: 0px;
}

.resource-list .resource .cta:hover {
    background: #5b9ba4;
}

.resource-list #PageNumbers {
    text-align: center;
}

.hasEvents {
    vertical-align: top;
}

.hasEvents .event:not(:last-child) a {
    margin-bottom: 15px;
    display: block;
}

.bang-the-table-banner {
    background-color: #4a2c64;
    padding: 10px 10px 10px 15px;
    border-radius: 3px;
    background-position: center;

    display: flex;
    flex-direction: row;
    align-items: center;
}

.bang-the-table-banner__column-one {
    margin-right: 44px;
}

.bang-the-table-banner__column-two p:first-of-type {
    margin-top: 0px;
}

.bang-the-table-banner__column-two p:last-of-type {
    margin-bottom: 0px;
}

.typography .bang-the-table-banner__column-two * {
    font-size: 24px;
    line-height: normal;
    color: #fff;
}

.typography .bang-the-table-banner__column-two a {
    color: #a9eef6;
    font-weight: 700;
}

.typography .bang-the-table-banner__column-two a:after {
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    content: " \f105";
}

/** Cookiebar **/
.SquamishCookiebar {
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 10000;
    background-color: #115e67;
    padding: 20px;

    display: none;
    box-sizing: border-box;
}

.SquamishCookiebar--active {
    display: block;
}

.SquamishCookiebar .SquamishCookiebar__message {
    margin: 0;
    font-size: 20px;
}

.SquamishCookiebar .SquamishCookiebar__message span {
    color: #fff;
}

.SquamishCookiebar .SquamishCookiebar__message a {
    color: #a9eef6;
    font-weight: 700;
}

.SquamishCookiebar  .SquamishCookiebar__closeButton {
    background: #517D8A;
    color: #ffffff;
    border: 0;
    padding: 4px 9px;
    border-radius: 3px;
    vertical-align: middle;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    margin-left: 15px;
    font-size: 20px;
}

.SquamishCookiebar  .SquamishCookiebar__closeButton:hover {
    background: #4f868e;
}

/*** skip to main content ***/
a.skip-main {
    left: -999px;
    position: absolute;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
    z-index: -999;
}
a.skip-main:focus,
a.skip-main:active {
    color: #fff;
    background-color: #000;
    left: auto;
    top: auto;
    width: 30%;
    height: auto;
    overflow: auto;
    margin: 10px 35%;
    padding: 5px;
    border-radius: 15px;
    border: 4px solid yellow;
    text-align: center;
    font-size: 1.2em;
    z-index: 999;
}

.d-block {
    display: block;
}

/** multi file upload **/
.multifileupload--holder {
    max-width: 100%;
    width: 400px;
    margin-bottom: 20px;
    border-radius: 5px;
    border: black solid 1px;
    padding: 20px;
    margin-top: 10px;
}

.multifileupload--max-files {
    display: block;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    font-size: 14px !important;
    line-height: normal;
    font-style: italic;
}

.multifileupload--max-files span {
    font-style: normal;
    font-weight: 600;
}

input.multifileupload::file-selector-button {
    background: #37939b;
    cursor: pointer;
    font-weight: normal;
    color: #FFFFFF;
    border: 0;
    padding: 4px 9px;
}

input.multifileupload::file-selector-button:hover {
    background: #4f868e;
}

.file-list ul {
    padding-left: 20px;
}

.file-list li {
    margin: 0;
    font-size: 14px !important;
}

.calendar-widget-table {
    aspect-ratio: 1 / 0.7;
}

.calendar-widget-table thead th {
    height: 2em;
}

.calendar-widget-table .calendar-header {
    height: 2em;
}

.calendar-widget-table .calendar-day {
    vertical-align: top;
}

.typography .event-calendar-events-list ul,
.typography .event-calendar-events-list ul li {
    margin: 0;
    padding: 0;

    list-style-type: none;
}

.typography .event-calendar-events-list ul li + li {
    border-top: 1px solid #d1ccbd;

    margin-top: 12px;
    padding-top: 12px;
}


/**** Capital Projects Page ****/
.DevelopmentProjectsPage .development-projects-wrapper,
.CapitalProjectsPage .capital-projects-wrapper {
    display: flex;

    gap: 40px 30px;

    margin: 60px 0;
}

.DevelopmentProjectsPage .development-projects-filters,
.CapitalProjectsPage .capital-projects-filters {
    width: 290px;

    flex-grow: 1;
}

.DevelopmentProjectsPage .development-projects-filters fieldset > *:first-child,
.CapitalProjectsPage .capital-projects-filters fieldset > *:first-child {
    margin-top: 0;
}

.DevelopmentProjectsPage .development-projects-filters input.text,
.DevelopmentProjectsPage .development-projects-filters select,
.CapitalProjectsPage .capital-projects-filters input.text,
.CapitalProjectsPage .capital-projects-filters select {
    width: 100%;

    box-sizing: border-box;
}

.DevelopmentProjectsPage .development-projects-filters ul.inline-options,
.CapitalProjectsPage .capital-projects-filters ul.inline-options {
    display: flex;

    gap: 2em;

    flex-wrap: wrap;
}

.DevelopmentProjectsPage .development-projects-filters ul.inline-options li,
.CapitalProjectsPage .capital-projects-filters ul.inline-options li {
    margin: 0;
}

.DevelopmentProjectsPage .development-projects-filters .btn-toolbar,
.CapitalProjectsPage .capital-projects-filters .btn-toolbar {
    display: flex;

    gap: 10px;

    align-items: center;
    justify-content: space-between;

    flex-wrap: wrap;
}

.DevelopmentProjectsPage .development-projects-filters .btn-toolbar .action,
.CapitalProjectsPage .capital-projects-filters .btn-toolbar .action {
    padding: 10px 14px;
}

.DevelopmentProjectsPage .development-projects-grid,
.CapitalProjectsPage .capital-projects-grid {
    display: grid;

    gap: 30px;

    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
}

.DevelopmentProjectsPage .development-projects-grid.featured,
.CapitalProjectsPage .capital-projects-grid.featured {
    grid-template-columns: repeat(auto-fill, minmax(380px, 1fr));
}

.DevelopmentProjectsPage .development-projects-grid .project,
.CapitalProjectsPage .capital-projects-grid .project {
    box-shadow: 0 1px 2px 0.5px rgba(0, 0, 0, 0.28);

    display: flex;

    flex-direction: column;

    border-radius: 4px;

    box-sizing: border-box;
}

.DevelopmentProjectsPage .project-detail-page .project-title,
.DevelopmentProjectsPage .development-projects-grid .project .icon-status,
.CapitalProjectsPage .project-detail-page .project-title,
.CapitalProjectsPage .capital-projects-grid .project .icon-status {
    display: flex;

    align-items: center;
    justify-content: space-between;
}

.DevelopmentProjectsPage .project-detail-page .project-status,
.DevelopmentProjectsPage .development-projects-grid .project .status,
.CapitalProjectsPage .project-detail-page .project-status,
.CapitalProjectsPage .capital-projects-grid .project .status {
    background: #115e67;

    margin-left: 1em;
    padding: 2px 8px;

    border-radius: 10px;
}

.DevelopmentProjectsPage .project-detail-page .project-status.status-complete,
.DevelopmentProjectsPage .development-projects-grid .project .status.status-complete,
.CapitalProjectsPage .project-detail-page .project-status.status-complete,
.CapitalProjectsPage .capital-projects-grid .project .status.status-complete {
    background: #d1ccbd;
}

.DevelopmentProjectsPage .project-detail-page .project-status.status-new,
.DevelopmentProjectsPage .development-projects-grid .project .status.status-new,
.CapitalProjectsPage .project-detail-page .project-status.status-upcoming,
.CapitalProjectsPage .capital-projects-grid .project .status.status-upcoming {
    background: #4a2c64;
}

.DevelopmentProjectsPage .development-projects-grid .project .feature-image,
.CapitalProjectsPage .capital-projects-grid .project .feature-image {
    position: relative;
}

.DevelopmentProjectsPage .development-projects-grid .project .feature-image img,
.CapitalProjectsPage .capital-projects-grid .project .feature-image img {
    display: block;

    width: 100%;
    height: 200px;

    object-fit: cover;
    object-position: center center;

    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.DevelopmentProjectsPage .development-projects-grid .project .feature-image::before,
.CapitalProjectsPage .capital-projects-grid .project .feature-image::before {
    background: linear-gradient(to top,rgba(0, 0, 0, 0.6) 0%,rgba(0, 0, 0, 0.2) 60%, rgba(0, 0, 0, 0) 100%);

    display: block;

    position: absolute;
    bottom: 0;
    left: 0;

    content: "";

    width: 100%;
    height: 100%;
}

.DevelopmentProjectsPage .development-projects-grid .project .feature-image .status,
.CapitalProjectsPage .capital-projects-grid .project .feature-image .status {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

.DevelopmentProjectsPage .development-projects-grid .project .project-content,
.CapitalProjectsPage .capital-projects-grid .project .project-content {
    padding: 10px 15px;

    box-sizing: border-box;
}

.DevelopmentProjectsPage .development-projects-grid .project .top-contents,
.CapitalProjectsPage .capital-projects-grid .project .top-contents {
    position: relative;

    display: flex;

    flex-direction: column;

    flex-grow: 1;
}

.DevelopmentProjectsPage .development-projects-grid .project .top-contents .project-content,
.CapitalProjectsPage .capital-projects-grid .project .top-contents .project-content {
    display: flex;

    flex-direction: column;

    flex-grow: 1;
}

.DevelopmentProjectsPage .development-projects-grid .project .details-link,
.DevelopmentProjectsPage .development-projects-grid .project .details-toggle,
.CapitalProjectsPage .capital-projects-grid .project .details-link,
.CapitalProjectsPage .capital-projects-grid .project .details-toggle {
    background: transparent;

    position: absolute;
    left: 0;
    top: 0;

    width: 100%;
    height: 100%;

    padding: 0;

    border: 0;
}

.DevelopmentProjectsPage .development-projects-grid .project .view-details-link,
.CapitalProjectsPage .capital-projects-grid .project .view-details-link {
    margin-top: auto;
}

.DevelopmentProjectsPage .project-detail-page .project-detail-list,
.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list,
.CapitalProjectsPage .project-detail-page .project-detail-list,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list {
    margin: 1em 0 0;
}

.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list {
    margin: 0;
}

.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list > div,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list > div {
    padding: 10px 0;
}

.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list > div + div,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list > div + div {
    border-top: 1px solid #e1e1e1;
}

.DevelopmentProjectsPage .project-detail-page .project-detail-list dd,
.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list dd,
.CapitalProjectsPage .project-detail-page .project-detail-list dd,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list dd {
    margin-left: 0;
}

.DevelopmentProjectsPage .project-detail-page .project-detail-list dd > *:first-child,
.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list dd > *:first-child,
.CapitalProjectsPage .project-detail-page .project-detail-list dd > *:first-child,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list dd > *:first-child {
    margin-top: 0;
}

.DevelopmentProjectsPage .project-detail-page .project-detail-list dd > *:last-child,
.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list dd > *:last-child,
.CapitalProjectsPage .project-detail-page .project-detail-list dd > *:last-child,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list dd > *:last-child {
    margin-bottom: 0;
}

.DevelopmentProjectsPage .project-detail-page .project-detail-list .inline-item dt,
.DevelopmentProjectsPage .project-detail-page .project-detail-list .inline-item dd,
.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list .inline-item dt,
.DevelopmentProjectsPage .development-projects-grid .project .project-detail-list .inline-item dd,
.CapitalProjectsPage .project-detail-page .project-detail-list .inline-item dt,
.CapitalProjectsPage .project-detail-page .project-detail-list .inline-item dd,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list .inline-item dt,
.CapitalProjectsPage .capital-projects-grid .project .project-detail-list .inline-item dd {
    display: inline;
}

.DevelopmentProjectsPage .development-projects-heading,
.CapitalProjectsPage .capital-projects-heading {
    margin-top: 0;

    border-bottom: 1px solid #e1e1e1;
}

.DevelopmentProjectsPage .development-projects-grid +  .capital-projects-heading,
.CapitalProjectsPage .capital-projects-grid +  .capital-projects-heading {
    margin-top: 40px;
}

.DevelopmentProjectsPage .project-detail-page .project-status,
.CapitalProjectsPage .project-detail-page .project-status {
    margin-left: 0;
}

.DevelopmentProjectsPage .project-detail-page .project-detail-list > div,
.CapitalProjectsPage .project-detail-page .project-detail-list > div {
    padding: 5px 0;
}

.DevelopmentProjectsPage .project-detail-page .map-frame,
.CapitalProjectsPage .project-detail-page .map-frame {
    display: block;

    width: 100%;
    height: 700px;

    border: 0;

    margin-top: 2em;
}

.DevelopmentProjectsPage .project-detail-page .arcgis-embedded-map,
.CapitalProjectsPage .project-detail-page .arcgis-embedded-map {
    margin-top: 2em;
}

/**** Development Projects Page ****/
.DevelopmentProjectsPage .development-projects-grid .project-title {
    margin-bottom: 0;
}

.DevelopmentProjectsPage .development-projects-grid .project-file-number {
    margin-top: 0;
}

.DevelopmentProjectsPage .project-detail-page .project-status.status-in-progress,
.DevelopmentProjectsPage .development-projects-grid .project .status.status-in-progress {
    background: #a9eef6;
}