/* Global Resetting */
html,
body {
    background: #e8e8e8 url(./../images/background.jpg);

    margin: 0;
    padding: 0;
}

a img {
    border: 0;
}

*:focus {
    outline: 0;
}

.clear {
    clear: both;
}

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

    max-width: 1272px;

    margin: 0 auto;
    padding: 24px;
}

/**** Header ****/
#Header {
    background: #ffffff;
}

#Header .inner {
    height: 232px;

    border-bottom: 5px solid #115e67;

    padding: 0 24px;
}

#Header h2.logo {
    margin: 0;
}

#Header h2.logo a {
    background: url(./../images/logo.svg) no-repeat;
    background-size: contain;
    display: block;

    position: absolute;
    left: 24px;
    top: 28px;

    width: 217px;
    height: 107px;
}

#Header .socialLinks {
    position: absolute;
    right: 40px;
    top: 26px;
}

#Header .socialLinks a {
    margin-left: 4px;
}

#Header .socialLinks a.newsletter {
    background: url(./../images/newsletter-icon.png) no-repeat;

    display: inline-block;

    width: 36px;
    height: 35px;

    vertical-align: bottom;
}

#Header .quickLinks {
    position: absolute;
    right: 326px;
    top: 72px;

    z-index: 3500;
}

#Header .quickLinks ul.menu-bar li .quickLinksToggle {
    width: 135px;

    padding: 0 37px 0 10px;

    border: 2px solid #37939b;
}

#Header .quickLinks .quickLinksToggle .fa-cog,
#Header .quickLinks .quickLinksToggle i {
    margin-right: 8px;
}

#Header .quickLinks .quickLinksToggle:before {
    position: absolute;
    right: 7px;
    top: 13px;

    content: "";

    width: 0;
    height: 0;

    border-style: solid;
    border-width: 11px 6px 0 6px;
    border-color: #006a72 transparent transparent transparent;
}

#Header .quickLinks .quickLinksToggle span {
    position: relative;

    padding: 0;
}

#Header .quickLinks ul.menu-bar li ul {
    width: 220px;
}

#Header .quickLinks ul.menu-bar li:hover ul,
#Header .quickLinks ul.menu-bar li a:hover ul {
    top: 39px;
}

#Header .quickLinks ul.menu-bar li:hover ul li:hover ul,
#Header .quickLinks ul.menu-bar li a:hover ul li a:hover ul {
    top: 0;
    left: 220px;
}

#Header #primary-search-form {
    position: absolute;
    right: 40px;
    top: 72px;
    z-index: 3000;
}

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

    border: 2px solid #37939b;

    width: 147px;
    height: 36px;

    margin: 0;
    padding: 0 20px 0 38px;

    vertical-align: top;

    -webkit-appearance: none;

    border-radius: 0;
}

#Header #primary-search-form .fa-search {
    position: absolute;
    left: 6px;
    top: 2px;
    line-height: 36px;
}

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

    width: 38px;
    height: 40px;

    vertical-align: top;

    border-radius: 0;

    cursor: pointer;
}

#Header #primary-search-form input.search-submit:hover {
    background: #4f868e;
}

#Header #primary-search-form .options {
    display: none;
    position: absolute;
    background: #37939b;
    padding: 10px 10px;
    left: -39px;
    width: 266px;
}

#Header #primary-search-form .options span.message {
    width: auto;
    margin-bottom: 5px !important;
}

#Header #primary-search-form .options input {
    float: left;
    clear: left;
}

#Header #primary-search-form .options label {
    color: #fff;
    font-size: 14px;
    margin: 0 0 5px 0;
    padding-left: 20px;
}

#Header #primary-search-form .options label span {
    font-size: 12px;
}

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

    padding: 24px 6px;
}

#Content,
.shadowedBox {
    background: #ffffff url(./../images/content-bg.jpg) no-repeat bottom right;

    padding-bottom: 205px;

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

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

.shadowedBox {
    background-image: none;

    padding: 24px 25px;

    padding-bottom: 0;
}

/** Pagination **/
.comments-pagination a,
#PageNumbers a {
    background: #729ea5;

    display: inline-block;

    padding: 0 9px;

    vertical-align: top;

    border-radius: 3px;
}

.comments-pagination a:hover,
.comments-pagination a:active,
#PageNumbers a:hover,
#PageNumbers a:active {
    background: #4f868e;
}

.comments-pagination a + a,
#PageNumbers a + a {
    margin-left: 10px;
}

.comments-pagination strong,
#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: #115e67;

    float: left;

    width: 20.8%;

    padding: 1.9%;
}

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

    list-style-type: none;
}

#Content .sideNavigation > ul > li {
    border-bottom: 1px solid #0e4b52;
}

#Content .sideNavigation > ul > li + li {
    border-top: 1px solid #296e76;
}

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

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

    padding: 10px 0;
}

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

    max-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-size: 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 {
    margin: 46px auto;
    padding: 0 24px;
}

#Footer .footerLogo {
    background: url(./../images/footer-logo.png) no-repeat;

    display: block;

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

    width: 190px;
    height: 74px;
}

#Footer .footerNav,
#Footer .copyright,
#Footer .shareThisPage {
    clear: right;

    float: right;

    max-width: 77%;
}

#Footer .shareThisPage {
    margin: 0 0 20px;
}

#Footer .shareThisPage .fa {
    vertical-align: bottom;
}

/**** 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: #729ea5;

    display: inline-block;

    padding: 0 9px;

    border-radius: 3px;

    vertical-align: middle;
}

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

/**** Featured Pages Block ****/
.features {
}

.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 .menuwrapper {
    left: 0;
    right: 0;
    bottom: 374px;

    border-bottom: 5px solid #115e67;
}

.HomePage #Header .inner {
    height: 610px;

    margin-bottom: 24px;
}

.HomePage #Header .inner {
    border-bottom: 0;
}

.HomePage #Header #ContentCarousel {
    position: absolute;
    left: 0;
    bottom: 0;

    width: 100%;

    margin-bottom: 0;
}

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

.HomePage #Header #ContentCarousel .homeCarouselButton {
    display: block;

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

    margin-top: -45px;

    z-index: 200;
}

.HomePage #Header #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 {
    padding: 0;
}

.HomePage .features .featureColumn {
    float: left;

    width: 282px;

    padding: 24px;

    border-top: 8px solid #115e67;
}

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

.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 {
    border-top-color: #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 .council {
    border-top-color: #729ea5;
}

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

    margin-top: -7px;
}

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

.HomePage .features .events {
    border-top-color: #4f868e;
}

.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: left;
    width: 305px;

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

.HomePage .socialFeed > 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 25px;

    float: left;
    width: 915px;
}

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

.HomePage .quickLinksBlock .quickLink {
    float: left;

    position: relative;

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

    margin-bottom: 46px;
    padding: 0;

    border-radius: 3px;
}

.HomePage .quickLinksBlock .quickLink a {
    background: url(./../images/blank.gif);

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

    width: 100%;
    height: 100%;
}

.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-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

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

.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 #squamish-nation strong {
    color: #115e67;
}

/**** Comments UI ****/
.comments-holder-container {
    border-top: 3px solid #d1ccbd;

    margin-top: 30px;
}

#comment-form-container h6 {
    margin: 0;
}

.comments-holder-container ul.comments-list,
.comments-holder-container ul.comments-list li {
    margin: 0;
    padding: 0;
}

.comments-holder ul.comments-list li.comment {
    margin-bottom: 40px;
}

.comment .date {
    border-left: 1px solid #d1ccbd;

    margin-left: 13px;
    padding-left: 13px;
}

.comments-holder ul.comments-list > li + li {
    border-top: 1px solid #d1ccbd;

    padding-top: 40px;
}

.comments-holder-container ul.comments-list li ul.comments-list,
.comments-holder-container ul.comments-list li .comments-pagination {
    margin: 40px 0 0 80px;
}

.comment-moderation-options a {
    background: #d1ccbd none repeat scroll 0 0;

    padding: 4px 10px;
}

.comments-holder-container form input.text,
.comments-holder-container form textarea {
    box-sizing: border-box;
    max-width: none;
    width: 100%;
}

.comment .comment-text {
    border: none;
    padding: 0px;
    white-space: normal;
}

.comment-action-links {
    overflow: auto;
}

.comment .comment-replies-container {
    margin-top: 0px;
}

/**** 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-size: 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 h5 {
    background: #729ea5;

    position: relative;

    color: #ffffff;

    padding: 8px 50px 8px 10px;

    border-radius: 3px;

    cursor: pointer;
}

.ContactFeedbackPage .contact 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 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 #729ea5;

    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: #729ea5;

    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 {
    background: #4f868e;
}

.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: #4f868e;
}

.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: #d1ccbd;

    display: none;

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

    width: 150px;

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

    border-radius: 4px;

    -webkit-box-shadow: 0 2px 1.98px 0.02px rgba(0, 0, 0, 0.28);
    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: #d1ccbd;

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

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

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

/*comments*/
.comment {
    clear: both;
    list-style-type: none;
    overflow: hidden;
    padding: 20px 0 20px 0;
    position: relative;
}

.comment .comment-text {
    background-color: #fff;
    border: 1px solid #ddd;
    box-shadow: none;
    margin: 0;
    padding: 0 20px 0 20px;
    min-height: 130px;
    white-space: pre;
    white-space: pre-wrap;
    white-space: pre-line;
    word-wrap: break-word;
}

.comments-holder-container .num,
.comments-holder-container .author {
    font-size: 1.3em;
}

.comment .info {
    margin-bottom: 10px;
}

.comments-holder-container .num,
.comments-holder-container .author {
    font-size: 1.3em;
}

.comment .date::before {
    content: "\0000a0\0000a0\0000a0\0000a0";
}

.comment-action-links {
    margin: 20px 0 10px;
}

.comment-moderation-options {
    float: left;
}

.comment-action-links a:not(:last-child) {
    margin-right: 12px;
}

.comment-reply-link {
    float: right;
}

.comment .comment-replies-container {
    clear: both;
    padding-left: 10px;
    margin: 80px 0 0 0;
    border-left: 1px dashed #999;
}

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