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