/**
 * This typography file is included in the WYSIWYG editor
 */
.typography * {
    font-family: Lato, Arial, sans-serif;
}

.fa, .fas, .fal, .far {
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
}

.far {
    font-weight:400;
}

.fab {
    font-family: "Font Awesome 5 Brands";
}

.fa-stack-2x, .fa-stack-2x * {
    font-size: 2em !important;
}

.typography blockquote {
    font-size: 24px;
    font-weight: 300;
    font-style: italic;
}

.typography hr {
    padding: 0;
    margin: 20px 0;

    border: 0;

    border-bottom: 3px solid #D1CCBD;
}

.typography p,
.typography ul li,
.typography ol li,
.typography a {
    font-size: 16px;
    color: #000000;
}

.typography p {
    margin: 20px 0;
}

.typography small {
	font-size: 0.9em;
}

.typography pre {
    white-space: pre-wrap;       /* css-3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

/** CMS LIST STYLES **/
.typography ul,
.typography ol {
    margin-left: 10px;
    margin-bottom: 20px;
}

    .typography ul li,
    .typography ol li {
        margin: 4px 10px;
    }

        .typography ul > li {
            list-style-type: disc;
        }

        .typography ol > li {
            list-style-type: decimal;
        }

/* HEADER STYLES */
.typography h1,
.typography .heading-h1,
.typography h2,
.typography .heading-h2,
.typography h3,
.typography .heading-h3,
.typography h4,
.typography .heading-h4,
.typography h5,
.typography .heading-h5,
.typography h6,
.typography .heading-h6 {
    font-weight: normal;
    color: #000000;

    margin: 20px 0;
}

.typography h1,
.typography .heading-h1 {
    font-size: 40px;
    font-weight: 300;
}

.typography h2,
.typography .heading-h2 {
    font-size: 28px;
}

.typography h3,
.typography .heading-h3 {
    font-size: 22px;
}

.typography h4,
.typography .heading-h4 {
    font-size: 22px;
    font-weight: 300;
}

.typography h5,
.typography .heading-h5 {
    font-size: 18px;
    font-weight: bold;
}

.typography h6,
.typography .heading-h6 {
    font-size: 18px;
}


/* LINK STYLES */
.typography a {
    color: #4A7683;
    font-size: 1em;
    text-decoration: none;
    font-weight: 600;
}

    .typography a:hover {
        text-decoration: underline;
    }

.typography table tr td {
    padding: 3px 5px;
}


/* WYSIWYG EDITOR ALIGNMENT CLASSES */
.typography .text-left,
.typography .left {
    text-align:left;
}

.typography .text-center,
.typography .center {
    text-align:center;
}

.typography .text-right,
.typography .right {
    text-align:right;
}

.typography img.right {
    float:right;
}

.typography img.left {
    float:left;
}

.typography .captionImage {
    text-align: center;
}

.typography .captionImage img {
    margin-bottom: 10px;
}

.typography .captionImage p {
    margin-top: 0px;
    font-style: italic;
}

.typography .captionImage.center {
    width: auto !important;
}

.typography .captionImage.right {
    float: right;
}

.typography .captionImage.right .right {
    text-align: center;
    clear: right;
}

.typography p.MsoNormal, .typography p.MsoBodyText {
    margin: 0;
}

/** Pagination **/
#PageNumbers a, #PageNumbers strong {
    font-size: 16px;
    font-weight: bold;
    color: #FFFFFF;

    line-height: 23px;
}

#PageNumbers a:hover, #PageNumbers a:active {
    text-decoration: none;
}

#PageNumbers strong {
    color: #6E6E6E;
}


/**** Header ****/
#Header .top-nav a {
    font-size: 18px;
    color: #444444;
}

#Header #primary-search-form input.search-field {
    font-size: 18px;
    color: #444444;

    text-align: center;
}

#Header #primary-search-form input.search-field::-webkit-placeholder,
#Header #primary-search-form input.search-field::-moz-placeholder,
#Header #primary-search-form input.search-field::placeholder,
#Header #primary-search-form input.search-field:placeholder-shown {
    color: #444444 !important;
}

#Header #primary-search-form .search-submit {
    font-size: 26px;
}

#Header #primary-search-form .floatl__label {
    color: #707070;
}

#Header #primary-search-form .floatl--focused .floatl__label {
    color: #006A71;
}

#Header #primary-search-form .aa-Panel ul li[aria-selected=true] {
    color: #FFFFFF;
}


/**** Breadcrumbs ****/
#Breadcrumbs {
    font-size: 14px;
    color: #767676;

    line-height: 24px;
}


/**** Side Navigation ****/
#Content .sideNavigation ul li.current a, #Content .sideNavigation ul li a:hover, #Content .sideNavigation ul li a:active {
    color: #FFFFFF;
}

#Content .sideNavigation ul li ul li.current a, #Content .sideNavigation ul li ul li a:hover, #Content .sideNavigation ul li ul li a:active {
    color: #333333;
}

#Content .sideNavigation ul li a:hover, #Content .sideNavigation ul li a:active {
    text-decoration: none;
}

#Content .sideNavigation ul li ul a {
    font-size: 14px;
}


/**** Content Carousel ****/
#ContentCarousel .description p {
    color: #525252;
}

#ContentCarousel .description p.slideTitle {
    font-weight: bold;
}


/**** Footer ****/
#Footer * {
    color: #FFFFFF;
}

#Footer a {
    font-weight: normal;
}

#Footer .copyright {
    font-size: 14px;

    margin: 20px 0 0;
}

#Footer .column-heading {
    font-size: 20px;
    font-weight: bold;
    color: #d1ccbd;
}

#Footer address {
    font-style: normal;
    font-weight: normal;
}


/**** Sidebar ****/
.sidebar h6,
.sidebar h2 {
    font-size: 14px;
    font-weight: bold;
    color: #115E67;

    text-align: center;
    text-transform: uppercase;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry p, .sidebar .UpcomingMeetingsWidget .event p {
    font-size: 14px;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry .full-date, .sidebar .UpcomingMeetingsWidget .event .date {
    color: #6B6B6B;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry .full-date, .sidebar .RelatedNewsWidget .sidebar-news-entry .articleTitle, .sidebar .UpcomingMeetingsWidget .event .eventTitle {
    font-size: 16px;
}

.sidebar .RelatedNewsWidget .sidebar-news-entry .articleTitle, .sidebar .UpcomingMeetingsWidget .event .eventTitle {
    font-weight: bold;
}

.sidebar .RelatedPageWidget .pageTitle, .sidebar .RelatedLinkWidget a {
    font-size: 18px;
    font-weight: bold;
    color: #000000;
}

.sidebar .RelatedPageWidget a {
    font-size: 14px;
    color: #000000;
}

.sidebar .UpcomingMeetingsWidget .viewAllLink {
    font-size: 14px;

    text-align: center;
}


/*** Page Title ****/
#Content .pageTitle h1 {
    font-weight: normal;
    color: #FFFFFF;
}


/**** Link Button ****/
.typography a.button {
    font-size: 14px;
    color: #FFFFFF;

    line-height: 23px;
}

.typography a.button:hover, .typography a.button:active {
    text-decoration: none;
}


/**** Councillor Page Holder ****/
.CouncillorPageHolder .councillors .councillor .namePosition {
    font-size: 16px;
}

.CouncillorPageHolder .councillors .councillor .namePosition span {
    font-size: 16px;
    font-weight: bold;
    color: #115E67;
}

.CouncillorPageHolder .councillors .councillor .detail {
    font-size: 14px;
}

.CouncillorPageHolder .councillors .councillor .detail .fa {
    font-size: 1.36em !important;
}

.CouncillorPageHolder .councillors .councillor .detail.social a {
    color: #000000;
}

.CouncillorPageHolder .councillors .councillor .detailTitle {
    font-size: 16px;
    font-weight: bold;
}

.CouncillorPageHolder .councillors .councillor .detailList li {
    font-size: 14px;
}


/**** Home Page ****/
.HomePage #ContentCarousel .homeCarouselButton {
    font-size: 90px;
    color: #FFFFFF;

    text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.35);
}

.HomePage #ContentCarousel .item .itemText {
    text-align: center;
}

.HomePage #ContentCarousel .item .itemText span {
    color: #FFFFFF;

    text-shadow: 0px 2px 7px rgba(0, 0, 0, 0.35);
    text-transform: uppercase;
}

.HomePage #ContentCarousel .item .itemText .line1Text {
    font-size: 42px;
    font-weight: bold;
}

.HomePage #ContentCarousel .item .itemText .line2Text {
    font-size: 36px;
}

.HomePage #ContentCarousel .item .ctaButton {
    font-size: 18px;
    font-weight: bold;
    color: #FFFE9E;

    text-transform: uppercase;

    line-height: 22px;
}

.HomePage #ContentCarousel .item .ctaButton .fa {
    font-size: 24px !important;
}

.HomePage .features .featureColumn .heading-h6 {
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;

    text-transform: uppercase;
}

.HomePage .features .latestNews ul li a {
    font-size: 15px;

    line-height: 20px;
}

.HomePage .features .latestNews ul li .date {
    font-size: 14px;
    color: #959595;

    line-height: 20px;
}

.HomePage .features .featureColumn .moreLink a {
    font-size: 14px;
    font-weight: bold;

    text-transform: uppercase;
}

.HomePage #Content .features .projects ul li .fa-paper-plane {
    font-size: 32px;
}

.HomePage #Content .features .projects ul li .fa-paper-plane {
    color: #959595;
}

.HomePage #Content .features .projects ul li .fa.fa-stack-1x {
    color: #FFFFFF;
}

.HomePage .features .events .heading-h6 {
    color: #333333;
}

.HomePage .features .events ul li abbr {
    text-decoration: none;
}

.HomePage .features .events ul li .date, .HomePage .features .events ul li .date *, .HomePage .features .featureColumn ul li .date {
    font-size: 14px;
    color: #707070;
}

.HomePage .features .events ul li .date strong {
    text-transform: uppercase;
}

.HomePage .features .council .councilDesc {
    font-size: 14px;
    color: #707070;
}

.HomePage .features .council ul li .fa {
    font-size: 14px !important;
    color: #4F868E;
}

.HomePage .quickLinksBlock .quickLinksHeader {
    font-size: 18px;
    font-weight: bold;

    color: #414042;

    text-transform: uppercase;
}

.HomePage .quickLinksBlock .quickLink .title {
    font-size: 14px;
    font-weight: bold;
    color: #115e67;

    text-transform: uppercase;
}

.HomePage .quickLinksBlock .quickLink .description {
    font-size: 14px;
    color: #5B5B5B;
}

.HomePage #Content .videoBox a.videoTrigger {
    font-size: 66px;

    text-align: center;
}

.HomePage #Content .videoBox a.videoTrigger .fa-circle {
    color: #000000;
}

.HomePage #Content .videoBox a.videoTrigger .fa-play {
    color: #FFFFFF;
}


/**** Shadowbox ****/
#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 {
    font: normal normal normal 14px/1 'Font Awesome 5 Pro';
    font-size: 30px;
    color: #FFFFFF;


    text-align: center;

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

#sb-container #sb-nav-close:hover, #sb-container #sb-nav-next:hover, #sb-container #sb-nav-previous:hover, #sb-container #sb-nav-play:hover, #sb-container #sb-nav-pause:hover,
#sb-container #sb-nav-close:active, #sb-container #sb-nav-next:active, #sb-container #sb-nav-previous:active, #sb-container #sb-nav-play:hover, #sb-container #sb-nav-pause:active {
    text-decoration: none;
}

#sb-container #sb-nav-close:before {
    content: "\f00d";
}

#sb-container #sb-nav-next:before {
    content: "\f054";
}

#sb-container #sb-nav-previous:before {
    content: "\f053";
}

#sb-container #sb-nav-play:before {
    content: "\f04b";
}

#sb-container #sb-nav-pause:before {
    content: "\f04c";
}

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

#sb-container #sb-nav-play, #sb-container #sb-nav-pause {
    font-size: 24px;
}


/**** Department Page ****/
.DepartmentPage .contacts-list-container dt {
    font-weight: bold;
}

.DepartmentPage .contact-cell p {
    font-size: 16px;
}

.DepartmentPage .contacts-container .contact-cell .title {
    font-size: 20px;
}


/**** FAQ Page ****/
.FAQPage .faq-list.top > dt {
    font-size: 22px;
    font-weight: bold;
}

.FAQPage .faq-list dd .faq-list dt {
    font-weight: bold;
    font-style: italic;
}


/**** Gallery Page Holder ****/
.GalleryPageHolder #thumbnail-container .thumbnail-item a:hover:before {
    color: #FFFFFF;

    text-align: center;
}


/**** News Page Holder ****/
.Blog .newsSummary .postDate {
    font-size: 16px;
    color: #6E6E6E;
}


/**** Contact Feedback Page ****/
.ContactFeedbackPage .column .colTitle {
    font-weight: bold;
}

.ContactFeedbackPage .column p, .ContactFeedbackPage .column p * {
    font-size: 16px;
}


/**** Squamish Calendar ****/
.SquamishCalendar .mode p, .FestivalCalendar .mode p, .CouncilMeetingsCalendar .mode p {
    font-weight: bold;
}

.SquamishCalendar .mode li a, .FestivalCalendar .mode li a, .CouncilMeetingsCalendar .mode li a {
    color: #FFFFFF;
}

.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 a.current,
.FestivalCalendar .mode li a.current,
.CouncilMeetingsCalendar .mode li a.current {
    color: #FFFFFF;

    text-decoration: none;
}

.SquamishCalendar .calendar .header, .FestivalCalendar .calendar .header, .CouncilMeetingsCalendar .calendar .header,
.SquamishCalendar .calendar .header span, .FestivalCalendar .calendar .header span, .CouncilMeetingsCalendar .calendar .header span {
    font-size: 24px;
    color: #FFFFFF;

    text-align: center;

    line-height: 50px;
}

.SquamishCalendar .calendar .header .arrow, .FestivalCalendar .calendar .header .arrow, .CouncilMeetingsCalendar .calendar .header .arrow {
    color: #FFFFFF;

    line-height: 30px;
}

.SquamishCalendar .calendar table thead th, .FestivalCalendar .calendar table thead th, .CouncilMeetingsCalendar .calendar table thead th {
    line-height: 30px;
}

body .calendar-widget-table tbody .out-of-month {
    color: #6B6B6B;
}

body .calendar-widget-table tbody .today {
    color: #4A7683;
}


/**** FAQ Page ****/
.FAQPage ul.faq-list > li .faqTrigger span {
    font-size: 1.4em;
}

.FAQPage ul.faq-list > li .faqTrigger a:hover, .FAQPage ul.faq-list > li .faqTrigger a:active {
    color: #115E67;

    text-decoration: none;
}