@charset "UTF-8";
/* Pass these into the head tag to be used by js scripts, like highcharts */
head {
  font-family: '[["#00594e","#80aca7"],["#003d60","#809eb0"],["#5fabc9","#afd5e4"],["#4d2343","#a691a1"],["#f8801b","#fcc08d"],["#a91a54","#d48daa"],["#5db58f","#aedac7"],["#e9dbc9","#f4ede4"],["#555658","#aaabac"]]';
}

.performance-measure-feature__icon {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.header-user a:after, .link-with-arrow:after, .envirofact .more:after, .btn-1:after, .btn-primary:after, .gsc-search-button button:after, .engagement-project-page .form-submit:after, .engagement-project-page .sidebar #mc_embed_signup form .button:after, input[type=submit]:after,
input[type=button]:after, .btn-back:after,
.btn-success:after,
.btn-default:after,
.btn-info:after,
.btn-danger:after,
.btn-warning:after {
  content: " ›";
}

.btn-back:before {
  content: "‹ ";
}

.realtimefeed-ticker [role=tablist], #header-search form > label,
#header-search form [type=submit] span,
#header-search form [type=reset] span, .clip {
  clip: rect(0 0 0 0);
  overflow: hidden;
  position: absolute;
  height: 1px;
  width: 1px;
}

.input-group {
  display: block;
}
.input-group .form-autocomplete {
  border-bottom-right-radius: 4px !important;
  border-top-right-radius: 4px !important;
  width: auto !important;
  display: block !important;
  float: unset !important;
}
.input-group .input-group-addon {
  background-color: unset;
}
.input-group .ajax-progress-throbber:before {
  content: "\f110";
}
.input-group .input-group-addon {
  display: none;
}

nav.tabs ul.tabs--secondary li a {
  color: #00594e;
  text-decoration: none;
}
nav.tabs ul.tabs--secondary li.active a {
  color: #333;
}

.ui-menu.ui-autocomplete .ui-menu-item {
  background: initial;
  font-family: "UnitWebPro";
}
.ui-menu.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper {
  display: block;
  padding: 0.5em;
}
.ui-menu.ui-autocomplete .ui-menu-item .ui-menu-item-wrapper.ui-state-active {
  background-color: #00594e;
  border: initial;
  color: #FFFFFF;
}

.glyphicon-chevron-down:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0dd";
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-top: -0.6em;
}

.glyphicon-chevron-up:before {
  font-family: "Font Awesome 5 Free";
  content: "\f0de";
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  margin-top: 0.25em;
}

.glyphicon-ajax-progress-throbber:before {
  font-family: "Font Awesome 5 Free";
  content: "\f1ce";
  font-weight: bold;
}

@font-face {
  font-family: "UnitWebPro";
  src: url("../fonts/UnitWebPro.woff") format("woff"), url("../fonts/UnitWebPro.eot") format("embedded-opentype");
  font-weight: normal;
}
@font-face {
  font-family: "UnitWebPro";
  src: url("../fonts/UnitWebPro-Ita.woff") format("woff"), url("../fonts/UnitWebPro-Ita.eot") format("embedded-opentype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "UnitWebPro";
  src: url("../fonts/UnitWebPro-Bold.woff") format("truetype"), url("../fonts/UnitWebPro-Bold.eot") format("embedded-opentype");
  font-weight: bold;
}
@font-face {
  font-family: "UnitWebPro";
  src: url("../fonts/UnitWebPro-Light.woff") format("truetype"), url("../fonts/UnitWebPro-Light.eot") format("embedded-opentype");
  font-weight: 100;
}
#weather-dashboard #priority-grading tspan, #weather-dashboard #priority-grading span, .notify-alert .emergency-content .field--name-field-link .field__label, body {
  font-family: "UnitWebPro", sans-serif;
}

.service-status ul li .service-status-text a,
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text a, .header-topbar-title, .featured-story__title, .footer-contactinfo .inner .p-label, .branchee-theme-cos .branchee-menu-item-active, .pane-advancedbookblocks-0 a.active-trail, .navigation-primary [role=menubar] > li > ul > li > a,
.navigation-primary [role=menubar] > li > ul > li > details > summary > a, #homepage-statistics .statistic .value, .navigation-secondary a.active-trail, .alert .alert-link, b, strong, h4, .realtimefeed-content h2, .realtimefeed-content h3, .realtimefeed-content .gsc-table-result a.gs-title, .gsc-table-result .realtimefeed-content a.gs-title, .realtimefeed-content .view-id-search .views-field-title, .view-id-search .realtimefeed-content .views-field-title, .realtimefeed-content .footer-contactinfo .inner h2, .footer-contactinfo .inner .realtimefeed-content h2, .page-sidebar .block .sidebar-block-title,
.page-sidebar .block .block-title, .panel-block .panel-block-title, .section-heading-bar, .engagement-project-page .sidebar .sidebar-block-title,
.engagement-project-page .sidebar .block-title, #engagement-timeline .timeline-desc-wrap h3, #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap a.gs-title, #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .views-field-title, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap h2, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .fact, #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .fact, .field-collection-item-field-timeline .field--name-field-when, .page-sidebar .block-title, h2, .envirofact .fact, h1, .field--label, .list-stackable dt, dt, .table > thead > tr > th, .views-table > thead > tr > th {
  font-family: "UnitWebPro", sans-serif;
  font-weight: bold;
}

i, em {
  font-family: "UnitWebPro", sans-serif;
  font-style: italic;
}

.service-status ul li,
.pane-saskatoon-service-alerts-home-service-status ul li, .slick-prev:before, .slick-next:before, .carousel.tabpanels .slick-dots .slick-active button:before, .carousel.tabpanels .slick-dots .slick-active .engagement-project-page .sidebar #mc_embed_signup form .button:before, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-dots .slick-active .button:before, .carousel.tabpanels .slick-dots li button:before, .carousel.tabpanels .slick-dots li .engagement-project-page .sidebar #mc_embed_signup form .button:before, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-dots li .button:before, .carousel.tabpanels .slick-prev:before, .carousel.tabpanels .slick-next:before, #header-search form [type=submit]:before,
#header-search form [type=reset]:before, .branchee-open .branchee-toggle:before, .branchee-toggle:before, .branchee-back .branchee-pane-target:after, .branchee-pane-target:after, .engage-comment .comment_show:after, .mobilewrap .mobilelinks:before, .accordion-with-icons summary > i, .accordion summary:after, .accordion-2 summary:after, i.fa-solid, em.fa-solid, .list-by-section li:before, .landing-block ul li:before, .panel-block .panel-list li:before, .panel-block .menu li:before, .navbar-icon, .icon, .messages.error.messages-inline :first-child:before, .webform-progressbar-page.completed .webform-progressbar-page-label:after, i.fab, i.fa-brand, em.fab, em.fa-brand, .icon-brand, .icon-youtube:before, .icon-linkedin:before, .icon-facebook:before, .icon-twitter:before, .icon-form:before {
  display: inline-block;
  font-family: "Font Awesome 5 Free";
  font-style: normal;
  font-weight: bold;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

i.fab, i.fa-brand, em.fab, em.fa-brand, .icon-brand, .icon-youtube:before, .icon-linkedin:before, .icon-facebook:before, .icon-twitter:before, .icon-form:before {
  font-weight: normal;
  font-family: "Font Awesome 5 Brands" !important;
}

body {
  background: #fff;
  color: #000;
}

.inner {
  max-width: 1600px;
  margin: 0 auto;
}

.page-content,
.page-nav,
.page-sidebar {
  margin-top: 2.7777777778em;
}

.page-content {
  overflow: hidden;
}

.no-touch .l-page-nav-content-sidebar,
.no-touch .l-page-nav-content,
.no-touch .engagement-project-page,
.no-touch .l-page-nav-book-sidebar,
.no-js .l-page-nav-content-sidebar,
.no-js .l-page-nav-content,
.no-js .engagement-project-page,
.no-js .l-page-nav-book-sidebar {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
  overflow: unset;
  overflow: hidden;
}
.no-touch .l-page-nav-content-sidebar .page-nav,
.no-touch .l-page-nav-content .page-nav,
.no-touch .engagement-project-page .page-nav,
.no-touch .l-page-nav-book-sidebar .page-nav,
.no-js .l-page-nav-content-sidebar .page-nav,
.no-js .l-page-nav-content .page-nav,
.no-js .engagement-project-page .page-nav,
.no-js .l-page-nav-book-sidebar .page-nav,
.no-touch .l-page-nav-content-sidebar .page-content,
.no-touch .l-page-nav-content .page-content,
.no-touch .engagement-project-page .page-content,
.no-touch .l-page-nav-book-sidebar .page-content,
.no-js .l-page-nav-content-sidebar .page-content,
.no-js .l-page-nav-content .page-content,
.no-js .engagement-project-page .page-content,
.no-js .l-page-nav-book-sidebar .page-content {
  float: left;
}
.no-touch .l-page-nav-content-sidebar .page-nav,
.no-touch .l-page-nav-content .page-nav,
.no-touch .engagement-project-page .page-nav,
.no-touch .l-page-nav-book-sidebar .page-nav,
.no-js .l-page-nav-content-sidebar .page-nav,
.no-js .l-page-nav-content .page-nav,
.no-js .engagement-project-page .page-nav,
.no-js .l-page-nav-book-sidebar .page-nav {
  width: 30%;
  padding-right: 15px;
}
.no-touch .l-page-nav-content-sidebar .page-nav.book,
.no-touch .l-page-nav-content .page-nav.book,
.no-touch .engagement-project-page .page-nav.book,
.no-touch .l-page-nav-book-sidebar .page-nav.book,
.no-js .l-page-nav-content-sidebar .page-nav.book,
.no-js .l-page-nav-content .page-nav.book,
.no-js .engagement-project-page .page-nav.book,
.no-js .l-page-nav-book-sidebar .page-nav.book {
  background: #fff;
  position: -webkit-sticky;
  position: sticky;
  width: auto;
  top: 30px;
  padding: 0;
  z-index: 1;
}
@media (min-width: 995px) {
  .no-touch .l-page-nav-content-sidebar .page-nav.book,
  .no-touch .l-page-nav-content .page-nav.book,
  .no-touch .engagement-project-page .page-nav.book,
  .no-touch .l-page-nav-book-sidebar .page-nav.book,
  .no-js .l-page-nav-content-sidebar .page-nav.book,
  .no-js .l-page-nav-content .page-nav.book,
  .no-js .engagement-project-page .page-nav.book,
  .no-js .l-page-nav-book-sidebar .page-nav.book {
    width: 20%;
    position: unset;
    box-shadow: unset !important;
    -moz-box-shadow: unset !important;
    -webkit-box-shadow: unset !important;
    border: unset !important;
  }
}
.no-touch .l-page-nav-content-sidebar .page-content,
.no-touch .l-page-nav-content .page-content,
.no-touch .engagement-project-page .page-content,
.no-touch .l-page-nav-book-sidebar .page-content,
.no-js .l-page-nav-content-sidebar .page-content,
.no-js .l-page-nav-content .page-content,
.no-js .engagement-project-page .page-content,
.no-js .l-page-nav-book-sidebar .page-content {
  width: 100%;
}
.no-touch .l-page-nav-content-sidebar .page-sidebar,
.no-touch .l-page-nav-content .page-sidebar,
.no-touch .engagement-project-page .page-sidebar,
.no-touch .l-page-nav-book-sidebar .page-sidebar,
.no-js .l-page-nav-content-sidebar .page-sidebar,
.no-js .l-page-nav-content .page-sidebar,
.no-js .engagement-project-page .page-sidebar,
.no-js .l-page-nav-book-sidebar .page-sidebar {
  clear: both;
  margin-left: 30%;
  padding-left: 15px;
}
@media (min-width: 450px) {
  .no-touch .l-page-nav-content-sidebar,
  .no-touch .l-page-nav-content,
  .no-touch .engagement-project-page,
  .no-touch .l-page-nav-book-sidebar,
  .no-js .l-page-nav-content-sidebar,
  .no-js .l-page-nav-content,
  .no-js .engagement-project-page,
  .no-js .l-page-nav-book-sidebar {
    padding-left: 15px;
    padding-right: 15px;
  }
}
@media (min-width: 995px) {
  .no-touch .l-page-nav-content-sidebar,
  .no-touch .l-page-nav-content,
  .no-touch .engagement-project-page,
  .no-touch .l-page-nav-book-sidebar,
  .no-js .l-page-nav-content-sidebar,
  .no-js .l-page-nav-content,
  .no-js .engagement-project-page,
  .no-js .l-page-nav-book-sidebar {
    overflow: hidden;
  }
  .no-touch .l-page-nav-content-sidebar .page-content,
  .no-touch .l-page-nav-content .page-content,
  .no-touch .engagement-project-page .page-content,
  .no-touch .l-page-nav-book-sidebar .page-content,
  .no-js .l-page-nav-content-sidebar .page-content,
  .no-js .l-page-nav-content .page-content,
  .no-js .engagement-project-page .page-content,
  .no-js .l-page-nav-book-sidebar .page-content {
    width: 70%;
  }
}
@media (min-width: 1280px) {
  .no-touch .l-page-nav-content-sidebar .page-sidebar,
  .no-touch .l-page-nav-content .page-sidebar,
  .no-touch .engagement-project-page .page-sidebar,
  .no-touch .l-page-nav-book-sidebar .page-sidebar,
  .no-js .l-page-nav-content-sidebar .page-sidebar,
  .no-js .l-page-nav-content .page-sidebar,
  .no-js .engagement-project-page .page-sidebar,
  .no-js .l-page-nav-book-sidebar .page-sidebar {
    float: left;
    clear: none;
  }
  .no-touch .l-page-nav-content-sidebar .page-nav,
  .no-touch .l-page-nav-content .page-nav,
  .no-touch .engagement-project-page .page-nav,
  .no-touch .l-page-nav-book-sidebar .page-nav,
  .no-js .l-page-nav-content-sidebar .page-nav,
  .no-js .l-page-nav-content .page-nav,
  .no-js .engagement-project-page .page-nav,
  .no-js .l-page-nav-book-sidebar .page-nav {
    width: 20%;
    padding-right: 15px;
  }
  .no-touch .l-page-nav-content-sidebar .page-content,
  .no-touch .l-page-nav-content .page-content,
  .no-touch .engagement-project-page .page-content,
  .no-touch .l-page-nav-book-sidebar .page-content,
  .no-js .l-page-nav-content-sidebar .page-content,
  .no-js .l-page-nav-content .page-content,
  .no-js .engagement-project-page .page-content,
  .no-js .l-page-nav-book-sidebar .page-content {
    width: 60%;
    padding-left: 15px;
    padding-right: 3vw;
  }
  .no-touch .l-page-nav-content-sidebar .page-content-wide,
  .no-touch .l-page-nav-content .page-content-wide,
  .no-touch .engagement-project-page .page-content-wide,
  .no-touch .l-page-nav-book-sidebar .page-content-wide,
  .no-js .l-page-nav-content-sidebar .page-content-wide,
  .no-js .l-page-nav-content .page-content-wide,
  .no-js .engagement-project-page .page-content-wide,
  .no-js .l-page-nav-book-sidebar .page-content-wide {
    width: 80%;
  }
  .no-touch .l-page-nav-content-sidebar .page-sidebar,
  .no-touch .l-page-nav-content .page-sidebar,
  .no-touch .engagement-project-page .page-sidebar,
  .no-touch .l-page-nav-book-sidebar .page-sidebar,
  .no-js .l-page-nav-content-sidebar .page-sidebar,
  .no-js .l-page-nav-content .page-sidebar,
  .no-js .engagement-project-page .page-sidebar,
  .no-js .l-page-nav-book-sidebar .page-sidebar {
    width: 20%;
    padding-left: 15px;
    margin-left: 0;
  }
}

.touch .l-page-nav-content-sidebar,
.touch .l-page-nav-book-sidebar {
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 15px;
}
.touch .l-page-nav-content-sidebar .page-nav,
.touch .l-page-nav-book-sidebar .page-nav {
  display: none;
}
.touch .l-page-nav-content-sidebar .page-nav.book,
.touch .l-page-nav-book-sidebar .page-nav.book {
  display: inline-block;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 1;
}
@media (min-width: 769px) {
  .touch .l-page-nav-content-sidebar,
  .touch .l-page-nav-book-sidebar {
    overflow: hidden;
  }
  .touch .l-page-nav-content-sidebar .page-content,
  .touch .l-page-nav-book-sidebar .page-content,
  .touch .l-page-nav-content-sidebar .page-sidebar,
  .touch .l-page-nav-book-sidebar .page-sidebar {
    float: left;
  }
  .touch .l-page-nav-content-sidebar .book-nav,
  .touch .l-page-nav-book-sidebar .book-nav {
    display: block;
    position: unset;
    top: unset;
  }
  .touch .l-page-nav-content-sidebar .page-content,
  .touch .l-page-nav-book-sidebar .page-content {
    width: 80%;
    padding-right: 15px;
  }
  .touch .l-page-nav-content-sidebar .page-content.book-content,
  .touch .l-page-nav-book-sidebar .page-content.book-content {
    width: 50%;
  }
  .touch .l-page-nav-content-sidebar .page-sidebar,
  .touch .l-page-nav-book-sidebar .page-sidebar {
    width: 20%;
    padding-left: 15px;
  }
}

.touch .l-page-nav-content, .touch .engagement-project-page {
  max-width: 890px;
  margin: 0 auto;
  padding: 0 15px;
}
.touch .l-page-nav-content .page-nav, .touch .engagement-project-page .page-nav, .touch .l-page-nav-content .page-sidebar, .touch .engagement-project-page .page-sidebar {
  display: none;
}

.l-page-content-sidebar {
  max-width: 1600px;
  margin: 0 auto;
  padding: 0 15px;
}
@media (min-width: 1280px) {
  .l-page-content-sidebar {
    overflow: hidden;
  }
  .l-page-content-sidebar .page-content,
  .l-page-content-sidebar .page-sidebar {
    float: left;
  }
  .l-page-content-sidebar .page-content {
    width: 77%;
    padding-right: 15px;
  }
  .l-page-content-sidebar .page-sidebar {
    width: 23%;
    padding-left: 15px;
  }
  .l-page-content-sidebar .page-sidebar.book-sidebar {
    width: 20%;
  }
}

.l-page-content {
  padding: 0 15px;
  max-width: 1600px;
  margin: 0 auto;
}

@media (min-width: 768px) {
  .l-page-content,
  .touch .l-page-nav-content,
  .touch .engagement-project-page,
  .l-page-content-sidebar,
  .touch .l-page-nav-content-sidebar,
  .touch .l-page-nav-book-sidebar {
    padding: 0 2.5rem;
  }
}
@media (min-width: 1280px) {
  .no-touch .l-page-nav-content .page-content, .no-touch .engagement-project-page .page-content,
  .no-js .l-page-nav-content .page-content,
  .no-js .engagement-project-page .page-content {
    width: 80%;
  }
}

@media (min-width: 750px) {
  .l-col-2, .column-count-2, .l-homepage-panel {
    overflow: hidden;
  }
  .l-col-2 > *, .column-count-2 > *, .l-homepage-panel > * {
    float: left;
    width: 50%;
  }
  .l-col-2 > *.first, .column-count-2 > *.first, .l-homepage-panel > *.first {
    padding-left: 0 !important;
    padding-right: 0.8333333333em !important;
  }
  .l-col-2 > *.last, .column-count-2 > *.last, .l-homepage-panel > *.last {
    padding-left: 0.8333333333em !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 750px) {
  .l-col-3, .column-count-3 {
    overflow: hidden;
  }
  .l-col-3 > *, .column-count-3 > * {
    float: left;
    width: 33.3333%;
    padding: 0 0.8333333333em !important;
  }
  .l-col-3 > *.first, .column-count-3 > *.first {
    padding-left: 0 !important;
    padding-right: 1.6666666667em !important;
  }
  .l-col-3 > *.second, .column-count-3 > *.second {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .l-col-3 > *.last, .column-count-3 > *.last {
    padding-left: 1.6666666667em !important;
    padding-right: 0 !important;
  }
}

@media (min-width: 750px) {
  .l-homepage-panel > .first {
    width: 66.6666%;
  }
  .l-homepage-panel > .last {
    width: 33.3333%;
  }
}

#backtotop {
  bottom: 100px;
}

.l-page-nav-book-sidebar {
  overflow: unset !important;
  padding-right: 0 !important;
}
@media screen and (min-width: 995px) {
  .l-page-nav-book-sidebar {
    overflow: hidden !important;
  }
}
.l-page-nav-book-sidebar #actual-nav {
  -webkit-transition: all 1s; /* Safari prior 6.1 */
  transition: all 1s;
}
.l-page-nav-book-sidebar #actual-nav.crossed {
  visibility: hidden;
  display: none;
}
@media (min-width: 995px) {
  .l-page-nav-book-sidebar #actual-nav.crossed {
    visibility: visible !important;
    opacity: 1;
    display: block;
  }
}
.l-page-nav-book-sidebar #actual-nav.crossed.toggled {
  visibility: visible;
  display: block;
}
.l-page-nav-book-sidebar #actual-nav.expanded {
  visibility: visible;
  opacity: 1;
  display: block;
}
@media (min-width: 995px) {
  .l-page-nav-book-sidebar #actual-nav {
    visibility: visible !important;
    opacity: 1;
    display: block;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
  }
}
.l-page-nav-book-sidebar #book-drawer {
  display: none;
  opacity: 0;
  cursor: pointer;
  background: #eee;
  padding: 10px;
}
.l-page-nav-book-sidebar #book-drawer.crossed {
  visibility: visible;
  opacity: 1;
  display: inline-block;
  border: 1px solid #e0e0e0;
  box-shadow: 1px 5px 6px #8c8c8c;
  -moz-box-shadow: 1px 5px 6px #8c8c8c;
  -webkit-box-shadow: 1px 5px 6px #8c8c8c;
}
.l-page-nav-book-sidebar #book-drawer.crossed.toggled {
  padding: 6px;
  width: auto;
  font-size: 20px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  padding-right: 10px;
  color: #fff;
  background: red;
  display: inline-block;
  position: absolute;
  left: 0;
  margin-left: 100%;
  content: "X";
  box-shadow: 1px 5px 6px #8c8c8c;
  -webkit-box-shadow: 1px 5px 6px #8c8c8c;
  -moz-box-shadow: 1px 5px 6px #8c8c8c;
}
@media screen and (min-width: 995px) {
  .l-page-nav-book-sidebar #book-drawer {
    display: none !important;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
  }
}
.l-page-nav-book-sidebar #book-content.blur {
  filter: opacity(0.6);
}
@media screen and (min-width: 995px) {
  .l-page-nav-book-sidebar #book-content.blur {
    filter: unset;
  }
}
.l-page-nav-book-sidebar #book-nav-padding.toggled {
  padding: 10px;
  border: 1px solid #e0e0e0;
  box-shadow: 1px 5px 6px #8c8c8c;
  -moz-box-shadow: 1px 5px 6px #8c8c8c;
  -webkit-box-shadow: 1px 5px 6px #8c8c8c;
}
@media screen and (min-width: 995px) {
  .l-page-nav-book-sidebar #book-nav-padding.toggled {
    padding: unset;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    -moz-box-shadow: unset;
    border: unset;
  }
}

.maintenance-mode main {
  position: relative;
  top: 30px;
}
.maintenance-mode main section.alert-info {
  width: 80%;
  margin: auto;
}

.active {
  color: inherit;
}

.btn-primary:hover, .gsc-search-button button:hover, .engagement-project-page .form-submit:hover, .engagement-project-page .sidebar #mc_embed_signup form .button:hover, input[type=submit]:hover,
input[type=button]:hover, .btn-back:hover, .btn-primary:focus, .gsc-search-button button:focus, .engagement-project-page .form-submit:focus, .engagement-project-page .sidebar #mc_embed_signup form .button:focus, input[type=submit]:focus,
input[type=button]:focus, .btn-back:focus,
.btn-success:hover,
.btn-success:focus,
.btn-default:hover,
.btn-default:focus,
.btn-info:hover,
.btn-info:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-warning:hover,
.btn-warning:focus {
  background: #CBE2DA;
  color: #00594e;
  border-color: #00594e;
}

.btn-primary:active, .gsc-search-button button:active, .engagement-project-page .form-submit:active, .engagement-project-page .sidebar #mc_embed_signup form .button:active, input[type=submit]:active,
input[type=button]:active, .btn-back:active,
.btn-success:active,
.btn-default:active,
.btn-info:active,
.btn-danger:active,
.btn-warning:active {
  background: #00594e;
  color: #333;
  border-color: #333;
}

.btn-primary.disabled, .gsc-search-button button.disabled, .engagement-project-page .disabled.form-submit, .engagement-project-page .sidebar #mc_embed_signup form .disabled.button, input.disabled[type=submit],
input.disabled[type=button], .disabled.btn-back, .btn-primary.disabled:hover, .gsc-search-button button.disabled:hover, input.disabled[type=submit]:hover,
input.disabled[type=button]:hover, .disabled.btn-back:hover, .btn-primary.disabled:focus, .gsc-search-button button.disabled:focus, input.disabled[type=submit]:focus,
input.disabled[type=button]:focus, .disabled.btn-back:focus, .btn-primary.disabled:active, .gsc-search-button button.disabled:active, input.disabled[type=submit]:active,
input.disabled[type=button]:active, .disabled.btn-back:active, .btn-primary.disabled.active, .gsc-search-button button.disabled.active, input.disabled.active[type=submit],
input.disabled.active[type=button], .disabled.active.btn-back, .btn-primary[disabled], .gsc-search-button button[disabled], .engagement-project-page [disabled].form-submit, .engagement-project-page .sidebar #mc_embed_signup form [disabled].button, input[disabled][type=submit],
input[disabled][type=button], [disabled].btn-back, .btn-primary[disabled]:hover, .gsc-search-button button[disabled]:hover, input[disabled][type=submit]:hover,
input[disabled][type=button]:hover, [disabled].btn-back:hover, .btn-primary[disabled]:focus, .gsc-search-button button[disabled]:focus, input[disabled][type=submit]:focus,
input[disabled][type=button]:focus, [disabled].btn-back:focus, .btn-primary[disabled]:active, .gsc-search-button button[disabled]:active, input[disabled][type=submit]:active,
input[disabled][type=button]:active, [disabled].btn-back:active, .btn-primary[disabled].active, .gsc-search-button button[disabled].active, input[disabled].active[type=submit],
input[disabled].active[type=button], [disabled].active.btn-back,
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active {
  background: #FFFFFF;
  color: #909090;
  border-color: #c8c8c8;
}

.btn, .gsc-search-button button, .engagement-project-page .form-submit, .engagement-project-page .sidebar #mc_embed_signup form .button, input[type=submit],
input[type=button] {
  font-size: 100%;
  padding: 0.3333333333em 0.6666666667em;
  transition: background-color 0.23s ease-in-out 0s;
  margin-right: 0.5em;
}

.btn-primary, .gsc-search-button button, .engagement-project-page .form-submit, .engagement-project-page .sidebar #mc_embed_signup form .button, input[type=submit],
input[type=button], .btn-back,
.btn-success,
.btn-default,
.btn-info,
.btn-danger,
.btn-warning {
  border: 2px solid #00594e;
  color: #00594e;
  background-color: #FFFFFF;
}
.btn-primary:visited, .gsc-search-button button:visited, .engagement-project-page .form-submit:visited, .engagement-project-page .sidebar #mc_embed_signup form .button:visited, input[type=submit]:visited,
input[type=button]:visited, .btn-back:visited,
.btn-success:visited,
.btn-default:visited,
.btn-info:visited,
.btn-danger:visited,
.btn-warning:visited {
  color: #00594e;
}
.btn-primary:hover, .gsc-search-button button:hover, .engagement-project-page .form-submit:hover, .engagement-project-page .sidebar #mc_embed_signup form .button:hover, input[type=submit]:hover,
input[type=button]:hover, .btn-back:hover, .btn-primary:focus, .gsc-search-button button:focus, .engagement-project-page .form-submit:focus, .engagement-project-page .sidebar #mc_embed_signup form .button:focus, input[type=submit]:focus,
input[type=button]:focus, .btn-back:focus,
.btn-success:hover,
.btn-success:focus,
.btn-default:hover,
.btn-default:focus,
.btn-info:hover,
.btn-info:focus,
.btn-danger:hover,
.btn-danger:focus,
.btn-warning:hover,
.btn-warning:focus {
  outline-color: #00594e;
}
.btn-back {
  margin-right: 0.5em;
}
.btn-back:after {
  content: unset !important;
}

.btn-dark {
  background-color: #00594e;
  color: white;
}

.btn-1 {
  background-color: #00473e;
  border: 1px solid white;
  color: white;
}
.btn-1:visited {
  color: white;
}

/*.header {
    font-size: 1.3em;
    text-align: center;
}

.headerImg {
    width: 100%;
		max-width: 800px;
}*/
/*p {
    margin: 3px 0 3px 0;
}*/
.panel-default > .panel-heading {
  background-color: #00594E;
  border-color: #00594E;
  color: #fff;
}

.UD_Btn, #btn_DonationUpdate {
  background-color: #00594e;
  color: #fff;
}

.UD_Btn:hover, .UD_Btn:active, .UD_Btn:focus, #btn_DonationUpdate:hover, #btn_DonationUpdate:active, #btn_DonationUpdate:focus {
  background-color: #00594e;
  color: #fff;
}

.btnlowlight, .btnlowlight:hover {
  background-color: #fff !important;
  border: 1px solid #00594e;
  color: #000 !important;
}

.UD_Btn:visited, #btn_DonationUpdate:visited {
  color: #000;
}

.explanationText {
  font-size: 12pt;
}

.piTHead {
  background-color: #00a28f;
}

.aiTHead {
  background-color: #00a28f;
}

.cartTableHeader {
  background-color: #22eed3;
}

/*.piTable tr:nth-child(2n+1) {
	background-color: #edf8ea;
}*/
.cartTableSubHeader {
  background-color: #e1e6f0;
}

.form-control:focus, .engagement-project-page .sidebar #mc_embed_signup form .input:focus, .engagement-project-page .sidebar #mc_embed_signup form .email:focus, input:focus {
  border-color: #00594e;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #439295;
  outline: 0 none;
}

.PatronResultsHeader p, .PatronResultsHeader .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .PatronResultsHeader label[for=mce-EMAIL], .PatronResultsHeader .description {
  margin: 0;
  padding: 3px;
  background-color: #dcddeb;
}

.panel-heading .accordion-toggle::after, .panel-heading .accordion-toggle::before, .panel-heading .accordion-toggle {
  color: #fff;
}

#insideCart .panel-heading .accordion-toggle::after, #insideCart .panel-heading .accordion-toggle::before, #insideCart .panel-heading .accordion-toggle {
  color: #fff;
}

#btn_addAnimal {
  color: #000;
  border-color: #00594e;
}

#btn_addAnimal:hover {
  color: #000;
  background-color: #fff;
  border-color: #00594e;
}

.logotextImg {
  float: left;
  margin-bottom: 10px;
}

.logotextText {
  float: left;
  padding-top: 5%;
  padding-left: 15px;
  font-weight: bold;
}

@media screen and (max-width: 1000px) {
  .logotextImg {
    display: block;
    width: 100%;
    text-align: center;
    margin: unset;
  }
  .logotextText {
    display: block;
    width: 100%;
    text-align: center;
    padding: 0 0 10px 0;
    font-weight: bold;
  }
}
button[data-drupal-selector$=operations-remove], .engagement-project-page .sidebar #mc_embed_signup form [data-drupal-selector$=operations-remove].button {
  white-space: nowrap;
}

.webform-multiple-add {
  display: flex;
  margin-top: 0.5em !important;
}
.webform-multiple-add .btn, .webform-multiple-add .gsc-search-button button, .gsc-search-button .webform-multiple-add button, .webform-multiple-add .engagement-project-page .form-submit, .engagement-project-page .webform-multiple-add .form-submit, .webform-multiple-add .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .webform-multiple-add .button, .webform-multiple-add input[type=submit],
.webform-multiple-add input[type=button] {
  align-self: flex-start;
}

.webform-multiple-table-responsive td.webform-multiple-table--operations {
  position: unset !important;
  top: unset !important;
  right: unset !important;
}
@media screen and (max-width: 768px) {
  .webform-multiple-table-responsive td.webform-multiple-table--operations {
    height: 4em;
    padding: 1em 0.5em;
  }
}

fieldset {
  margin-top: 1.6666666667em;
  border: none;
  padding-top: 0px;
}

legend {
  width: auto;
  margin-bottom: 1.2777777778em;
  font-size: 133.3333333333%;
  float: none;
  border-bottom: 1px solid #e5e5e5;
}

label {
  font-weight: normal;
  margin-bottom: 0.2777777778em;
}

input[type=reset], input[type=button], input[type=submit] {
  height: auto;
}

input[type=radio],
input[type=checkbox] {
  margin-left: -1.1111111111em;
}

.admin-form input[type=radio],
.admin-form input[type=checkbox] {
  margin-left: 0px;
}
.admin-form .form-type-checkbox .field-name {
  margin-left: 5px;
}

label.form-required:before,
label.form-required strong.required,
legend span.form-required:before,
legend span.form-required strong.required {
  font-style: normal;
  color: #a94442;
}

.placeholder {
  color: #aaa !important;
}

.checkbox {
  text-align: left;
}

.form-group {
  margin-bottom: 0.8333333333em;
}

.form-control, .engagement-project-page .sidebar #mc_embed_signup form .input, .engagement-project-page .sidebar #mc_embed_signup form .email {
  padding: 0.3333333333em 0.6666666667em;
  font-size: 100%;
  height: 2.0555555556em;
}
.form-control:focus, .engagement-project-page .sidebar #mc_embed_signup form .input:focus, .engagement-project-page .sidebar #mc_embed_signup form .email:focus {
  border-color: #00594e;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(11, 122, 106, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(11, 122, 106, 0.6);
}

.input-group-btn {
  font-size: inherit;
}

.form-property-assessment > div {
  overflow: hidden;
}
.form-property-assessment .checkbox, .form-property-assessment input[type=submit] {
  float: right;
}
.form-property-assessment input[type=submit] {
  clear: right;
}

input#edit-back {
  margin-right: 0.5em;
}

div.url-textfield {
  display: none;
}

.views-widget {
  max-width: 100%;
}
.views-widget select {
  width: auto;
  padding-top: 7px;
}

.views-exposed-form label {
  font-weight: normal;
}

@media (max-width: 768px) {
  .views-exposed-form .views-exposed-widget {
    padding: 0;
    float: none;
  }
  .views-exposed-form .views-exposed-widget .form-submit {
    margin: 0;
  }
}
.webform-component-matrix .field-name {
  display: none;
}

.diff-revisions {
  margin: 0.8333333333em;
}
.diff-revisions .diff-revision input[type=radio] {
  margin-left: 0.8333333333em;
}
.diff-revisions thead th {
  padding: 0 0.5555555556em 0.5555555556em 0;
}

.form-submit button, .form-submit .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .form-submit .button {
  margin-right: 10px;
}

.form-item, .form-actions {
  margin-bottom: 1em;
}

.form-item label {
  font-weight: inherit;
}

.wb-frmvld label strong.error, .wb-frmvld legend .error {
  display: block;
}

#address-search-form {
  margin-bottom: 3.3333333333em;
}
#address-search-form .form-item .description {
  margin-top: 0.2777777778em;
}

html.js input.form-autocomplete,
input.form-autocomplete-dummy {
  background-image: url("../images/throbber-ring-inactive.svg");
  background-position: 100% 50%;
  background-origin: content-box;
  background-size: contain;
  background-repeat: no-repeat;
}

html.js input.throbbing,
.ajax-progress .throbber {
  background-image: url("../images/throbber-ring-active.svg");
  background-position: 100% 50%;
  background-origin: content-box;
  background-size: contain;
  background-repeat: no-repeat;
}
html.js input.throbbing.no-svg,
.ajax-progress .throbber.no-svg {
  background-image: url("../images/throbber-ring-active.gif") !important;
}

.cos-date-field .container-inline-date .date-padding {
  padding: 0px;
  float: none;
}
.cos-date-field .form-item .form-type-select label {
  font-size: 77.77778%;
  display: none;
}
.cos-date-field .form-item-date .form-control option:first-child, .cos-date-field .form-item-date .engagement-project-page .sidebar #mc_embed_signup form .input option:first-child, .engagement-project-page .sidebar #mc_embed_signup form .cos-date-field .form-item-date .input option:first-child, .cos-date-field .form-item-date .engagement-project-page .sidebar #mc_embed_signup form .email option:first-child, .engagement-project-page .sidebar #mc_embed_signup form .cos-date-field .form-item-date .email option:first-child {
  display: none;
}
.cos-date-field .form-type-select[class*=hour] {
  margin-left: 0em !important;
}
.cos-date-field .date-year,
.cos-date-field .date-month,
.cos-date-field .date-minute,
.cos-date-field .date-hour,
.cos-date-field .date-day,
.cos-date-field .date-second {
  margin-bottom: 10px;
}

.cos-form-preview {
  background-color: #ffffff;
  padding: 20px;
  border-radius: 5px;
  border: 1px solid #cfcfcf;
  margin-bottom: 1em;
  box-shadow: 1px 2px 6px #cfcfcf;
}

input[type=submit],
input[type=button] {
  border-radius: 4px;
  margin-right: 5px;
}

@media screen and (min-width: 995px) {
  #edit-submitted-event-requirements-would-you-like-to-invite-city-councillors-to-attend-your-event-you-can-select-multiple-councillors .form-item {
    width: 50%;
    float: left;
  }
}

.webform-progressbar {
  text-align: left;
  width: 100%;
}

.webform-progressbar-page {
  position: inherit;
  display: inline-block;
  margin: 0px -3px;
  text-align: center;
  left: 0% !important;
  width: auto;
  height: 40px;
  padding-top: 7px;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border: 1px solid #d0d0d0;
  border-radius: 0px;
  color: #868686;
  background-color: #f7f7f7;
}

.webform-progressbar-page .webform-progressbar-page-label {
  position: static;
  top: 10px;
  margin: 0;
}

.webform-progressbar-outer {
  border: none;
  margin: 0.35em -1px 1em;
  height: auto;
  border-top: 2px dotted #c1c1c1;
}

.webform-progressbar-page.current {
  background-color: #00594e;
  color: #fff;
}

.webform-progressbar-page.completed {
  background-color: #0f5d51;
  color: #fff;
  padding-right: 36px;
}

.webform-progressbar-page.completed .webform-progressbar-page-label:after {
  content: "\f00c";
  background-color: #0f5d51;
  height: 38px;
  color: #ffffff;
  width: 36px;
  padding-top: 10px;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
}

.webform-progressbar-inner {
  height: 3px;
  position: relative;
  margin-bottom: 10px;
  top: -3px;
  border-bottom: 2px solid #00594e;
  background-color: #00594e;
}

.webform-progressbar-page .webform-progressbar-page-number {
  display: inherit;
}

.webform-progressbar-page .webform-progressbar-page-number:after {
  content: ".";
}

.wb-date-wrap .input-group-btn a {
  height: 37px;
}
.wb-date-wrap .picker-toggle {
  color: #00594e;
}

.webform-component-time .form-control, .webform-component-time .engagement-project-page .sidebar #mc_embed_signup form .input, .engagement-project-page .sidebar #mc_embed_signup form .webform-component-time .input, .webform-component-time .engagement-project-page .sidebar #mc_embed_signup form .email, .engagement-project-page .sidebar #mc_embed_signup form .webform-component-time .email {
  display: inline-block;
}
.webform-component-time .form-radios {
  margin-left: 10px;
}

.messages.error.messages-inline {
  background-color: #f3e9e8;
  padding: 8px;
  border-left: 4px solid red;
  margin-bottom: 8px;
  margin-top: 10px;
}
.messages.error.messages-inline .placeholder {
  color: #000 !important;
}
.messages.error.messages-inline :first-child:before {
  content: "\f06a";
  color: #d3080c;
  padding-right: 8px;
}

.webform-progressbar {
  padding-top: 15px;
}

span[id*=cos-gps-location-status] {
  padding: 4px;
  border-radius: 5px;
  margin-top: 10px;
  display: inline-block;
}

span[id*=cos-gps-location-status].ok {
  background-color: #3ea03b;
  color: #fff;
}

span[id*=cos-gps-location-status].error {
  background-color: #b93c3c;
  color: #fff;
}

button[id*=cos-gps], .engagement-project-page .sidebar #mc_embed_signup form [id*=cos-gps].button {
  margin-right: 10px;
}

form[class^=webform-client-form] .field-prefix,
form[class^=webform-client-form] input[type=number] {
  display: inline-block;
}
form[class^=webform-client-form] label {
  display: block;
}

.single-checkbox {
  margin-left: 0 !important;
  margin-right: 5px !important;
}

.shs-wrapper-processed .ajax-progress {
  float: right;
  width: 10%;
}

.views-widget .simpler-select {
  margin-top: -5px;
  border-radius: 5px;
  padding: 10px;
  font-size: 100%;
  height: 2.05556em;
  padding-top: 7px;
}

.views-exposed-form .form-item {
  padding: 0.5em 1em 0 0;
}
.views-exposed-form .form-submit {
  margin-top: 2.1em;
}

.entity-moderation-form #edit-submit {
  margin-bottom: 1em;
}

.form-type-date label {
  display: block;
}

.cos-not-inline .form-inline .control-label {
  display: block !important;
}

.checkboxes--wrapper .fieldset-legend,
.radios-wrapper .fieldset-legend {
  font-size: 18px;
}

.node-preview-form-select {
  padding: 1em;
  display: flex;
  justify-content: center;
  gap: 1em;
}

.bef-exposed-form .form--inline .form-submit,
.bef-exposed-form .form--inline .button {
  float: left;
}

a {
  color: #00594e;
  text-decoration: none;
}
a:visited {
  color: #00594e;
}
a:hover {
  color: #00594e;
  text-decoration: underline;
}

.link-with-date {
  text-decoration: none;
}
.link-with-date .link-title {
  text-decoration: underline;
  display: block;
}
.link-with-date .link-date {
  font-size: 77.7777777778%;
}

.link-with-icon {
  position: relative;
  padding-left: 1.3888888889em;
  display: inline-block;
}
.link-with-icon i {
  position: absolute;
  top: 0.1111111111em;
  left: 0;
}

.link-with-size, .link-with-form, .link-with-rightarrow {
  position: relative;
  padding-left: 1.3888888889em;
  display: inline-block;
  margin-bottom: 1em;
}
.link-with-size i, .link-with-form i, .link-with-rightarrow i {
  position: absolute;
  top: 0.0555555556em;
  left: 0;
}
.link-with-size .meta, .link-with-form .meta, .link-with-rightarrow .meta {
  display: block;
  text-align: left;
  font-size: 83.3333333333%;
  text-transform: uppercase;
  color: #666;
}
.link-with-size:hover, .link-with-form:hover, .link-with-rightarrow:hover {
  text-decoration: none;
}
.link-with-size:hover .title, .link-with-form:hover .title, .link-with-rightarrow:hover .title {
  text-decoration: underline;
}
.link-with-size .file-icon, .link-with-form .file-icon, .link-with-rightarrow .file-icon {
  font-family: "Font Awesome 5 Free";
  font-weight: 400;
  position: absolute;
  left: 5px;
  margin-right: 10px;
  display: block;
  color: #00594e;
}

.file--x-office-spreadsheet .file-icon:before {
  content: "\f1c3";
}

.file--x-office-document .file-icon:before {
  content: "\f1c2";
}

.file--application-pdf .file-icon:before {
  content: "\f1c1";
}

.file--image .file-icon:before {
  content: "\f1c5";
}

.file--mime-text-plain .file-icon:before {
  content: "\f15c";
}

.link-with-rightarrow {
  margin-bottom: unset;
}

a.wb-sl {
  background: #00473e;
  color: white;
  text-decoration: none;
  line-height: 1.6;
  padding: 0.5555555556em;
}

.l-page-nav-content .page-content a, .engagement-project-page .page-content a,
.l-page-nav-content-sidebar .page-content a {
  text-decoration: underline;
}
.l-page-nav-content .page-content a.btn, .l-page-nav-content .page-content .engagement-project-page a.form-submit, .l-page-nav-content .page-content .engagement-project-page .sidebar #mc_embed_signup form a.button, .engagement-project-page .page-content a.btn, .engagement-project-page .page-content a.form-submit, .engagement-project-page .page-content .sidebar #mc_embed_signup form a.button, .engagement-project-page .sidebar #mc_embed_signup form .page-content a.button,
.l-page-nav-content-sidebar .page-content a.btn,
.l-page-nav-content-sidebar .page-content .engagement-project-page a.form-submit,
.l-page-nav-content-sidebar .page-content .engagement-project-page .sidebar #mc_embed_signup form a.button {
  text-decoration: none;
}
.l-page-nav-content .page-content a:hover, .engagement-project-page .page-content a:hover,
.l-page-nav-content-sidebar .page-content a:hover {
  color: #002621;
}
.l-page-nav-content .page-content a:not([href]), .engagement-project-page .page-content a:not([href]),
.l-page-nav-content-sidebar .page-content a:not([href]) {
  text-decoration: none !important;
}

.wb-tabs.carousel-s1 [role=tabpanel] a, .wb-tabs.carousel-s1 figcaption a, .wb-tabs.carousel-s2 [role=tabpanel] a, .wb-tabs.carousel-s2 figcaption a {
  color: #00594e;
}

img, media {
  max-width: 100%;
}

.img-right, .block-field-blocknodecouncillorfield-councillor-image, .img-right-50, .img-right-33 {
  float: right;
  margin-left: 0.8333333333em;
  margin-bottom: 0.5555555556em;
}

.img-left, .img-left-50, .img-left-33 {
  float: left;
  margin-right: 0.8333333333em;
  margin-bottom: 0.5555555556em;
}

.img-right-33 {
  width: 33%;
}

.img-right-50 {
  width: 50%;
}

.img-left-33 {
  width: 33%;
}

.img-left-50 {
  width: 50%;
}

.block-field-blocknodecouncillorfield-councillor-image {
  max-width: 40%;
}

.node-type-leisure-facility .page-content img {
  width: 100%;
  height: auto;
}

p img.align-left, .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] img.align-left, .description img.align-left {
  display: inline-block;
  padding-right: 20px;
  padding-bottom: 20px;
  padding-top: 5px;
}

p img.align-right, .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] img.align-right, .description img.align-right {
  display: inline-block;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-top: 5px;
}

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

.table-hours .last {
  text-align: right;
}

.table > thead, .views-table > thead {
  background-color: #F1F1F1;
}
.table label, .views-table label {
  margin: 0;
}
.table > thead > tr > th, .views-table > thead > tr > th,
.table > thead > tr > td,
.views-table > thead > tr > td,
.table > tbody > tr > th,
.views-table > tbody > tr > th,
.table > tbody > tr > td,
.views-table > tbody > tr > td,
.table > tfoot > tr > th,
.views-table > tfoot > tr > th,
.table > tfoot > tr > td,
.views-table > tfoot > tr > td {
  padding: 0.4444444444em;
}

.table-striped > tbody > tr:nth-child(odd) > td, .views-table > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th,
.views-table > tbody > tr:nth-child(odd) > th {
  background: #FFFFFF;
}

.table-striped > tbody > tr:nth-child(even) > td, .views-table > tbody > tr:nth-child(even) > td,
.table-striped > tbody > tr:nth-child(even) > th,
.views-table > tbody > tr:nth-child(even) > th {
  background-color: #F7F7F7;
}

.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #ccc;
}

.table-med {
  max-width: 504px;
}

.table-data td, .table-data th {
  text-align: right;
}
.table-data td:first-child, .table-data th:first-child {
  text-align: left;
}

table.dataTable.no-footer {
  border-bottom: none;
}

.table-hours {
  width: 100%;
  margin-bottom: 1em;
}
.table-hours td {
  vertical-align: top;
}
.table-scrollable .title-short {
  display: none;
}
@media (max-width: 750px) {
  .table-scrollable {
    position: relative;
    display: block;
  }
  .table-scrollable td, .table-scrollable th {
    border: none !important;
  }
  .table-scrollable thead {
    overflow: hidden;
    display: block;
    float: left;
    border-right: 1px solid #ccc;
    max-width: 50%;
  }
  .table-scrollable thead tr {
    display: block;
  }
  .table-scrollable thead tr th, .table-scrollable thead tr td {
    display: block;
    vertical-align: top;
    font-size: 88.8888888889%;
    height: 2.5625em;
    padding: 0.5em;
  }
  .table-scrollable thead a {
    text-decoration: none;
  }
  .table-scrollable tbody {
    display: block;
    width: auto;
    position: relative;
    overflow-x: scroll;
    white-space: nowrap;
  }
  .table-scrollable tbody tr {
    display: inline-block;
    vertical-align: top;
  }
  .table-scrollable tbody tr td {
    display: block;
    height: 2.2777777778em;
  }
  .table-scrollable.table-striped td, .table-scrollable.views-table td {
    background: none !important;
  }
  .table-scrollable.table-striped .even td, .table-scrollable.views-table .even td {
    background: #f9f9f9 !important;
  }
  .table-scrollable .title-short {
    display: block;
  }
  .table-scrollable .title-long {
    display: none;
  }
  .table-scrollable .ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .table-scrollable .ellipsis:before {
    content: ""; /* IE8+ ellipsis fix */
  }
}

.table-wide {
  position: relative;
  display: block;
  display: table;
}
.table-wide td, .table-wide th {
  border: none !important;
}
.table-wide thead {
  overflow: hidden;
  display: block;
  float: left;
  border-right: 1px solid #ccc;
  max-width: 50%;
}
.table-wide thead tr {
  display: block;
}
.table-wide thead tr th, .table-wide thead tr td {
  display: block;
  vertical-align: top;
  font-size: 88.8888888889%;
  height: 2.5625em;
  padding: 0.5em;
}
.table-wide thead a {
  text-decoration: none;
}
.table-wide tbody {
  display: block;
  width: auto;
  position: relative;
  overflow-x: scroll;
  white-space: nowrap;
}
.table-wide tbody tr {
  display: inline-block;
  vertical-align: top;
}
.table-wide tbody tr td {
  display: block;
  height: 2.2777777778em;
}
.table-wide.table-striped td, .table-wide.views-table td {
  background: none !important;
}
.table-wide.table-striped .even td, .table-wide.views-table .even td {
  background: #f9f9f9 !important;
}
.table-wide .title-short {
  display: block;
}
.table-wide .title-long {
  display: none;
}
.table-wide .ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-wide .ellipsis:before {
  content: ""; /* IE8+ ellipsis fix */
}

table .radio {
  margin: 0;
}
table .radio label {
  display: block;
}

table .form-item {
  margin: 0;
}

/*! Tablesaw - v1.0.0 - 2014-12-05
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
/*! Tablesaw - v1.0.0 - 2014-12-05
* https://github.com/filamentgroup/tablesaw
* Copyright (c) 2014 Filament Group; Licensed MIT */
table.tablesaw {
  empty-cells: show;
  max-width: 100%;
  width: 100%;
}

.tablesaw {
  border-collapse: collapse;
  width: 100%;
}

/* Structure */
.tablesaw {
  border: 0;
  padding: 0;
}

.tablesaw th,
.tablesaw td {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em 0.7em;
}

.tablesaw thead tr:first-child th {
  padding-top: 0.9em;
  padding-bottom: 0.7em;
}

/* Table rows have a gray bottom stroke by default */
.tablesaw-stack tbody tr {
  border-bottom: 1px solid #dfdfdf;
}

.tablesaw-stack td .tablesaw-cell-label,
.tablesaw-stack th .tablesaw-cell-label {
  display: none;
}

/* Mobile first styles: Begin with the stacked presentation at narrow widths */
@media only all {
  /* Show the table cells as a block level element */
  .tablesaw-stack td,
  .tablesaw-stack th {
    text-align: left;
    display: block;
  }
  .tablesaw-stack tr {
    clear: both;
    display: table-row;
  }
  /* Make the label elements a percentage width */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: block;
    padding: 0 0.6em 0 0;
    width: 30%;
    display: inline-block;
  }
  /* For grouped headers, have a different style to visually separate the levels by classing the first label in each col group */
  .tablesaw-stack th .tablesaw-cell-label-top,
  .tablesaw-stack td .tablesaw-cell-label-top {
    display: block;
    padding: 0.4em 0;
    margin: 0.4em 0;
  }
  .tablesaw-cell-label {
    display: block;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack tbody th.group {
    margin-top: -1px;
  }
  /* Avoid double strokes when stacked */
  .tablesaw-stack th.group b.tablesaw-cell-label {
    display: none !important;
  }
}
@media (max-width: 700px) {
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: none;
  }
  .tablesaw-stack tbody td,
  .tablesaw-stack tbody th {
    clear: left;
    float: left;
    width: 100%;
  }
  .tablesaw-cell-label {
    vertical-align: top;
  }
  .tablesaw-cell-content {
    max-width: 67%;
    display: inline-block;
  }
  .tablesaw-stack td:empty,
  .tablesaw-stack th:empty {
    display: none;
  }
  .tablesaw-stack {
    margin-top: 1.6666666667em;
  }
  .tablesaw-stack > tbody > tr {
    border-color: #ccc;
  }
  .tablesaw-stack > tbody > tr.odd td {
    background: none;
  }
  .tablesaw-stack > tbody > tr.even td {
    background: #eee;
  }
  .tablesaw-stack > tbody > tr:first-child {
    border-top: 1px solid #ccc;
  }
  .tablesaw-stack > tbody > tr > td {
    border-color: #eee;
  }
  .tablesaw-stack > tbody > tr > td b {
    float: left;
    width: 50%;
  }
  .tablesaw-stack > tbody > tr > td b span {
    float: left;
  }
  .tablesaw-stack > tbody > tr > td span {
    width: 50%;
  }
  .tablesaw-stack > tbody > tr > td .radio {
    margin: 0;
  }
  .tablesaw-stack > tbody > tr > td .radio label {
    padding: 0;
  }
  .tablesaw-stack > tbody > tr > td .radio input {
    position: static;
    margin: 0;
  }
  .tablesaw-stack .add-row {
    display: none;
  }
  .webform-component-matrix .tablesaw-cell-label {
    position: relative;
    top: 0.3888888889em;
  }
}
@media (min-width: 700px) {
  .tablesaw-stack tr {
    display: table-row;
  }
  /* Show the table header rows */
  .tablesaw-stack td,
  .tablesaw-stack th,
  .tablesaw-stack thead td,
  .tablesaw-stack thead th {
    display: table-cell;
    margin: 0;
  }
  /* Hide the labels in each cell */
  .tablesaw-stack td .tablesaw-cell-label,
  .tablesaw-stack th .tablesaw-cell-label {
    display: none !important;
  }
  .tablesaw-stack tbody tr {
    border-bottom: none;
  }
  .tablesaw-stack > thead tr th {
    padding: 0.4444444444em !important;
  }
  .tablesaw-stack .form-control, .tablesaw-stack .engagement-project-page .sidebar #mc_embed_signup form .input, .engagement-project-page .sidebar #mc_embed_signup form .tablesaw-stack .input, .tablesaw-stack .engagement-project-page .sidebar #mc_embed_signup form .email, .engagement-project-page .sidebar #mc_embed_signup form .tablesaw-stack .email {
    width: 100%;
  }
}
@media (min-width: 700px) {
  .table-30-70 tbody td {
    width: 70%;
  }
  .table-30-70 tbody td:first-child {
    width: 30%;
  }
}

@media (max-width: 700px) {
  .tablesaw-stack > tbody > tr > td .title {
    float: left;
    width: 100%;
    padding-right: 20px;
  }
  .tablesaw-stack > tbody > tr > td .meta {
    float: left;
    width: 100%;
  }
  .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 10px;
  }
}
.big-table-scroll {
  overflow-x: auto;
  width: 100%;
  margin: 50px auto;
  padding-left: 5px;
}
@media (max-width: 700px) {
  .big-table-scroll {
    background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0)), linear-gradient(-90deg, white 0%, rgba(255, 255, 255, 0)) 100% 0, radial-gradient(farthest-side at 0% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 100% 50%, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0)) 100% 0%;
    background-repeat: no-repeat;
    background-color: #fff;
    background-size: 100px 100%, 100px 100%, 14px 100%, 14px 100%;
    background-attachment: local, local, scroll, scroll;
  }
}

thead .views-field a[title^="sort by"]:after {
  content: "\f0dc";
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
  color: #6e6e6e;
  margin-left: 0.5em;
}
thead .views-field a:hover {
  color: #00594e !important;
}
thead .views-field a {
  text-decoration: none !important;
  color: #00594e !important;
}
thead .views-field a:has(> span.icon-after):after {
  /* hide the sort indicator when the span sortindicator is added */
  margin-left: 0;
  content: none;
}
thead .views-field .glyphicon-chevron-up {
  top: -0.5px;
}
thead .views-field .glyphicon-chevron-down {
  top: -2px;
}
thead .views-field .icon {
  text-align: unset !important;
  margin-left: 0.3em;
}

.icon {
  text-align: center;
  width: 1.25em;
}

.icon-brand, .icon-youtube:before, .icon-linkedin:before, .icon-facebook:before, .icon-twitter:before, .icon-form:before {
  font-weight: 400 !important;
}

.icon-unknown:before {
  content: "?";
}

.icon-rss:before {
  content: "\f09e";
}

.icon-search:before {
  content: "\f002";
}

.icon-email:before {
  content: "\f0e0";
}

.icon-map:before {
  content: "\f279";
}

.icon-calendar:before {
  content: "\f073";
}

.icon-transit:before {
  content: "\f55e";
}

.icon-traffic:before {
  content: "\f1b9";
}

.icon-water:before {
  content: "\f043";
}

.icon-tree:before {
  content: "\f1bb";
}

.icon-power:before {
  content: "\f0e7";
}

.icon-street-sweeping:before {
  content: "\f018";
}

.icon-garbage:before {
  content: "\f1f8";
}

.icon-compost:before {
  content: "\f06c";
}

.icon-recycling:before {
  content: "\f1b8";
}

.icon-leisure:before {
  content: "\f1ae";
}

.icon-landfill:before {
  content: "\f1f8";
}

.icon-twitter:before {
  font-family: "Font Awesome 5 Brands" !important;
  content: "\f099";
}

.icon-snow:before {
  content: "\f069";
}

.icon-running:before {
  content: "\f70c";
}

.icon-swimming:before {
  content: "\f5c4";
}

.icon-volleyball:before {
  content: "\f45f";
}

.icon-parking:before {
  content: "\f540";
}

.icon-news:before {
  content: "\f1ea";
}

.icon-fire-news:before {
  content: "\f134";
}

.icon-toggle:before {
  content: "\f13a";
}
.open .icon-toggle:before {
  content: "\f139";
}

.icon-pdf:before {
  content: "\f1c1";
}

.icon-doc:before {
  content: "\f1c2";
}

.icon-excel:before {
  content: "\f1c3";
}

.icon-image:before {
  content: "\f1c5";
}

.icon-audio:before {
  content: "\f1c7";
}

.icon-video:before {
  content: "\f1c8";
}

.icon-form:before {
  content: "\f298";
}

.icon-sun:before {
  content: "\f185";
}

.icon-online:before {
  content: "\f390";
}

.icon-phone:before {
  content: "\f095";
}

.icon-person:before {
  content: "\f007";
}

.icon-mail:before {
  content: "\f0e0";
}

.icon-subscribe:before {
  content: "\f090";
}

.icon-stride:before {
  content: "\f201";
}

.icon-globe:before {
  content: "\f0ac";
}

.icon-arrow-pointer:before {
  content: "\f245";
}

.icon-pointer:before {
  content: "\f25a";
}

.icon-bullhorn:before {
  content: "\f0a1";
}

.navbar-icon {
  text-align: center;
}

.navbar-icon-sidebar-content:before {
  content: "\f15b" !important;
  font-size: 16px;
  vertical-align: bottom;
  padding-top: 0.75em;
  width: 1.25em !important;
}

.navbar-icon-gtranslate:before {
  content: "\f1ab" !important;
  font-size: 16px;
  vertical-align: bottom;
  padding-top: 0.75em;
  width: 1.25em !important;
}

.icon-twitter:before {
  content: "\f081";
}

.icon-facebook:before {
  content: "\f082";
}

.icon-linkedin:before {
  content: "\f08c";
}

.icon-youtube:before {
  content: "\f167";
}

.icon-thumbs-up:before {
  content: "\f164";
}

.icon-check-circle:before {
  content: "\f058";
}

.icon-survey:before {
  content: "\f044";
}

.icon-bullseye:before {
  content: "\f140";
}

.icon-rightarrow:before {
  content: "\f054";
}

.icon-up:before {
  content: "\f0aa";
}

.icon-down:before {
  content: "\f0ab";
}

.icon-right:before {
  content: "\f0a9";
}

.icon-left:before {
  content: "\f0a8";
}

.icon-link:before {
  content: "\f0c1";
  transform: scale(0.9);
  display: block;
}

.icon-laptop:before {
  content: "\f109";
}

.custom-icon-svg svg {
  top: 0.2em;
  left: 0.20588em;
  font-size: 188.88889%;
  position: absolute;
  height: 25px;
  max-width: 30px;
}
.custom-icon-svg.realtime svg {
  padding-bottom: 5px;
  display: block;
  position: absolute;
  top: 0.24em;
  left: 0;
  font-size: 138.88889%;
  width: 1.2em;
}

.glyphicon {
  font-family: "Glyphicons Halflings" !important;
}

.fa-spin {
  animation: spin 2s infinite linear; /* Add spinning animation */
}

ul, ol {
  padding-left: 0;
}

ol ol {
  list-style-type: upper-alpha;
}
ol ol ol {
  list-style-type: upper-roman;
}
ol ol ol ol {
  list-style-type: lower-alpha;
}
ol ol ol ol ol {
  list-style-type: lower-roman;
}

main ul li,
main ol li,
.cke_editable ul li,
.cke_editable ol li {
  line-height: 1.55;
}
main ul + p, main .engagement-project-page .sidebar #mc_embed_signup form ul + label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form main ul + label[for=mce-EMAIL], main ul + .description,
main ol + p,
main .engagement-project-page .sidebar #mc_embed_signup form ol + label[for=mce-EMAIL],
.engagement-project-page .sidebar #mc_embed_signup form main ol + label[for=mce-EMAIL],
main ol + .description,
.cke_editable ul + p,
.cke_editable .engagement-project-page .sidebar #mc_embed_signup form ul + label[for=mce-EMAIL],
.engagement-project-page .sidebar #mc_embed_signup form .cke_editable ul + label[for=mce-EMAIL],
.cke_editable ul + .description,
.cke_editable ol + p,
.cke_editable .engagement-project-page .sidebar #mc_embed_signup form ol + label[for=mce-EMAIL],
.engagement-project-page .sidebar #mc_embed_signup form .cke_editable ol + label[for=mce-EMAIL],
.cke_editable ol + .description {
  margin-top: 1.6666666667em;
}

main ul,
.cke_editable ul {
  padding-left: 1em;
}

main ol,
.cke_editable ol {
  padding-left: 1.3888888889em;
}

.list-align {
  padding-left: 20px;
}

.landing-block ul, .list-with-icons, .realtimefeed-content ul, .realtimefeed-ticker [role=tabpanel] ul, .list-unstyled, .latest-strides, .list-with-bars, .list-basic, .list-community-associations, .list-service-alerts ul,
.list-news-releases ul {
  padding-left: 0;
  list-style: none outside none;
}

.list-with-icons > li, .realtimefeed-content ul > li, .realtimefeed-ticker [role=tabpanel] ul > li {
  position: relative;
  padding-left: 2.7777777778em;
  margin-bottom: 1em;
}
.list-with-icons > li i, .realtimefeed-content ul > li i, .realtimefeed-ticker [role=tabpanel] ul > li i {
  position: absolute;
  top: 0.24em;
  left: 0;
  font-size: 138.8888888889%;
  width: 1.2em;
}

.list-service-alerts li,
.list-news-releases li {
  overflow: hidden;
  margin-bottom: 1em;
}

.list-basic li, .list-community-associations li {
  margin-bottom: 1em;
}

.list-with-bars li {
  display: inline-block;
}

.list-horizontal li, .footer-meta .inner .footer-links li, .list-horizontal-with-bars li, .view-curbside-swap-entries .items-per-page li, .view-service-alerts .items-per-page li, .stride-updates .items-per-page li, .featured-story-archive .items-per-page li, .news-release-list .items-per-page li {
  display: inline-block;
}

.list-horizontal-with-bars li:after, .view-curbside-swap-entries .items-per-page li:after, .view-service-alerts .items-per-page li:after, .stride-updates .items-per-page li:after, .featured-story-archive .items-per-page li:after, .news-release-list .items-per-page li:after {
  content: "|";
  display: inline-block;
}
.list-horizontal-with-bars li.last:after, .view-curbside-swap-entries .items-per-page li.last:after, .view-service-alerts .items-per-page li.last:after, .stride-updates .items-per-page li.last:after, .featured-story-archive .items-per-page li.last:after, .news-release-list .items-per-page li.last:after {
  display: none;
}
.list-horizontal-with-bars a, .view-curbside-swap-entries .items-per-page a, .view-service-alerts .items-per-page a, .stride-updates .items-per-page a, .featured-story-archive .items-per-page a, .news-release-list .items-per-page a {
  display: inline-block;
  padding: 0 0.5555555556em 0 0.3888888889em;
}

.list-by-section li, .landing-block ul li, .panel-block .panel-list li, .panel-block .menu li {
  list-style: none;
  position: relative;
  padding-left: 1.9444444444em;
  line-height: 1.2;
  margin-bottom: 1em;
}
.list-by-section li:before, .landing-block ul li:before, .panel-block .panel-list li:before, .panel-block .menu li:before {
  content: "\f054";
  font-weight: bold !important;
  position: absolute;
  left: 0.2777777778em;
  top: 1px;
}
.section-1 .list-by-section li:before, .section-1 .landing-block ul li:before, .landing-block .section-1 ul li:before, .section-1 .panel-block .panel-list li:before, .panel-block .section-1 .panel-list li:before, .section-1 .panel-block .menu li:before, .panel-block .section-1 .menu li:before {
  color: #003d60;
}
.section-2 .list-by-section li:before, .section-2 .landing-block ul li:before, .landing-block .section-2 ul li:before, .section-2 .panel-block .panel-list li:before, .panel-block .section-2 .panel-list li:before, .section-2 .panel-block .menu li:before, .panel-block .section-2 .menu li:before {
  color: #5fabc9;
}
.section-3 .list-by-section li:before, .section-3 .landing-block ul li:before, .landing-block .section-3 ul li:before, .section-3 .panel-block .panel-list li:before, .panel-block .section-3 .panel-list li:before, .section-3 .panel-block .menu li:before, .panel-block .section-3 .menu li:before {
  color: #4d2343;
}
.section-4 .list-by-section li:before, .section-4 .landing-block ul li:before, .landing-block .section-4 ul li:before, .section-4 .panel-block .panel-list li:before, .panel-block .section-4 .panel-list li:before, .section-4 .panel-block .menu li:before, .panel-block .section-4 .menu li:before {
  color: #f8801b;
}
.section-5 .list-by-section li:before, .section-5 .landing-block ul li:before, .landing-block .section-5 ul li:before, .section-5 .panel-block .panel-list li:before, .panel-block .section-5 .panel-list li:before, .section-5 .panel-block .menu li:before, .panel-block .section-5 .menu li:before {
  color: #a91a54;
}
.section-6 .list-by-section li:before, .section-6 .landing-block ul li:before, .landing-block .section-6 ul li:before, .section-6 .panel-block .panel-list li:before, .panel-block .section-6 .panel-list li:before, .section-6 .panel-block .menu li:before, .panel-block .section-6 .menu li:before {
  color: #5db58f;
}
.section-7 .list-by-section li:before, .section-7 .landing-block ul li:before, .landing-block .section-7 ul li:before, .section-7 .panel-block .panel-list li:before, .panel-block .section-7 .panel-list li:before, .section-7 .panel-block .menu li:before, .panel-block .section-7 .menu li:before {
  color: #e9dbc9;
}
.section-8 .list-by-section li:before, .section-8 .landing-block ul li:before, .landing-block .section-8 ul li:before, .section-8 .panel-block .panel-list li:before, .panel-block .section-8 .panel-list li:before, .section-8 .panel-block .menu li:before, .panel-block .section-8 .menu li:before {
  color: #54565b;
}
.section-primary .list-by-section li:before, .section-primary .landing-block ul li:before, .landing-block .section-primary ul li:before, .section-primary .panel-block .panel-list li:before, .panel-block .section-primary .panel-list li:before, .section-primary .panel-block .menu li:before, .panel-block .section-primary .menu li:before {
  color: #00594e;
}
.list-by-section li a, .landing-block ul li a, .panel-block .panel-list li a, .panel-block .menu li a {
  color: inherit;
}

.list-stackable {
  margin: 0;
}
@media (min-width: 670px) {
  .list-stackable dt {
    width: 33.3333%;
    float: left;
    clear: left;
  }
  .list-stackable dd {
    width: 66.6666%;
    float: left;
  }
}

.js .select-community-associations {
  margin: 1.6666666667em 0;
}
@media (min-width: 750px) {
  .select-community-associations {
    -webkit-columns: 3;
    -moz-columns: 3;
    -ms-columns: 3;
    -o-columns: 3;
    columns: 3;
    -webkit-column-gap: 2.5em;
    -moz-column-gap: 2.5em;
    -ms-column-gap: 2.5em;
    -o-column-gap: 2.5em;
    column-gap: 2.5em;
  }
  .js .select-community-associations {
    display: none;
  }
}

.list-community-associations {
  margin-top: 1.6666666667em;
}
.js .list-community-associations {
  display: none;
}
@media (min-width: 750px) {
  .list-community-associations {
    -webkit-columns: 3;
    -moz-columns: 3;
    -ms-columns: 3;
    -o-columns: 3;
    columns: 3;
    -webkit-column-gap: 2.5em;
    -moz-column-gap: 2.5em;
    -ms-column-gap: 2.5em;
    -o-column-gap: 2.5em;
    column-gap: 2.5em;
  }
  .js .list-community-associations {
    display: block;
  }
}

.pane-home-stay-up-to-date .list-service-alerts .views-field {
  float: right;
  width: 75%;
}
.pane-home-stay-up-to-date .list-service-alerts .views-field-type {
  float: left;
  width: 20%;
}

aside.page-sidebar .block {
  position: relative;
}
aside.page-sidebar .block .more-link {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 88.8888888889%;
}
aside.page-sidebar .view-service-alerts ul,
aside.page-sidebar .view-news-releases ul {
  margin-left: 0px;
}
aside.page-sidebar .view-service-alerts ul li a,
aside.page-sidebar .view-news-releases ul li a {
  color: #00594e;
}

.field--name-field-text-select-or-other .field__items,
.field--name-field-text-select-or-other-2 .field__items,
.field--name-field-text-select-or-other-3 .field__items,
.field--name-field-blue-bin-affected-area-s- .field__items,
.field--name-field-green-bin-affected-area-s- .field__items,
.field--type-list-text .field__items {
  padding-left: 1em;
}
.field--name-field-text-select-or-other .field__item,
.field--name-field-text-select-or-other-2 .field__item,
.field--name-field-text-select-or-other-3 .field__item,
.field--name-field-blue-bin-affected-area-s- .field__item,
.field--name-field-green-bin-affected-area-s- .field__item,
.field--type-list-text .field__item {
  display: list-item;
}

.node--fire-bulletin .field--type-list-text .field__item {
  display: unset !important;
}
.node--fire-bulletin .field--type-list-text .field__items {
  padding-left: unset;
}
.node--fire-bulletin .field-collection-container {
  border-bottom: none !important;
}
.node--fire-bulletin .fire-bulletin-more-information {
  padding-left: unset !important;
  list-style: none;
}

.cos-styled-row {
  padding: 1em 0.5em;
  border-bottom: 2px solid #e3e3e3;
  margin-bottom: 1.5em;
}

.field {
  margin-bottom: 1em;
}

.node-unpublished {
  background: none;
}

body {
  font-size: 18px;
}
body.font-size-small {
  font-size: 14px;
}
body.font-size-medium {
  font-size: 18px;
}
body.font-size-large {
  font-size: 22px;
}
body.font-transition {
  -webkit-transition-property: font-size;
  -moz-transition-property: font-size;
  -o-transition-property: font-size;
  transition-property: font-size;
  -webkit-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -o-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
}

h1 {
  font-size: 233.3333333333%;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5238095238em;
}

h2, .envirofact .fact {
  font-size: 177.7777777778%;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.375em;
}

h3, .gsc-table-result a.gs-title, .view-id-search .views-field-title, .footer-contactinfo .inner h2, .footer-contactinfo .inner .envirofact .fact, .envirofact .footer-contactinfo .inner .fact {
  font-weight: normal;
  font-size: 144.4444444444%;
  line-height: 1.3;
  margin-top: 0;
  margin-bottom: 0.5em;
}

h4, .realtimefeed-content h2, .realtimefeed-content .envirofact .fact, .envirofact .realtimefeed-content .fact, .realtimefeed-content h3, .realtimefeed-content .gsc-table-result a.gs-title, .gsc-table-result .realtimefeed-content a.gs-title, .realtimefeed-content .view-id-search .views-field-title, .view-id-search .realtimefeed-content .views-field-title, .realtimefeed-content .footer-contactinfo .inner h2, .footer-contactinfo .inner .realtimefeed-content h2, .page-sidebar .block .sidebar-block-title,
.page-sidebar .block .block-title, .panel-block .panel-block-title, .section-heading-bar, .engagement-project-page .sidebar .sidebar-block-title,
.engagement-project-page .sidebar .block-title, #engagement-timeline .timeline-desc-wrap h3, #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap a.gs-title, #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .views-field-title, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap h2, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .fact, #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .fact, .field-collection-item-field-timeline .field--name-field-when, .page-sidebar .block-title {
  font-size: 122.2222222222%;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.5909090909em;
}

h5 {
  font-weight: normal;
  font-size: 122.2222222222%;
  line-height: 1.1818;
  margin-top: 0;
  margin-bottom: 0.4090909091em;
}

h6 {
  font-weight: normal;
  font-size: 100%;
  line-height: 1.3333;
  margin-top: 0;
  margin-bottom: 0.6111111111em;
}

p, .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .description {
  line-height: 1.55;
  margin-bottom: 0.8333333333em;
}

p.intro, .engagement-project-page .sidebar #mc_embed_signup form label.intro[for=mce-EMAIL], .intro.description {
  font-size: 122.2222222222%;
}

p + p.intro, .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + p.intro, .engagement-project-page .sidebar #mc_embed_signup form p + label.intro[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + label.intro[for=mce-EMAIL], .description + p.intro, .engagement-project-page .sidebar #mc_embed_signup form .description + label.intro[for=mce-EMAIL], p + .intro.description, .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .intro.description, .description + .intro.description {
  margin-top: 1.3636363636em;
}

p.note, .engagement-project-page .sidebar #mc_embed_signup form label.note[for=mce-EMAIL], .description {
  font-size: 77.7777777778%;
  margin-bottom: 0.6666666667em;
}

hr {
  border-top: 1px solid #ccc;
}

hr.alt {
  border-style: dashed;
}

main .page-content p + h2, main .page-content .envirofact p + .fact, .envirofact main .page-content p + .fact, main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h2, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .envirofact label[for=mce-EMAIL] + .fact, .envirofact main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + h2, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .envirofact label[for=mce-EMAIL] + .fact, .envirofact .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .fact, main .page-content .description + h2, main .page-content .envirofact .description + .fact, .envirofact main .page-content .description + .fact, main .page-content ul + h2, main .page-content .envirofact ul + .fact, .envirofact main .page-content ul + .fact, main .page-content ol + h2, main .page-content .envirofact ol + .fact, .envirofact main .page-content ol + .fact {
  margin-top: 0.8125em;
}
main .page-content p + h3, main .page-content .gsc-table-result p + a.gs-title, .gsc-table-result main .page-content p + a.gs-title, main .page-content .view-id-search p + .views-field-title, .view-id-search main .page-content p + .views-field-title, main .page-content .footer-contactinfo .inner p + h2, .footer-contactinfo .inner main .page-content p + h2, main .page-content .footer-contactinfo .inner .envirofact p + .fact, .footer-contactinfo .inner .envirofact main .page-content p + .fact, main .page-content .envirofact .footer-contactinfo .inner p + .fact, .envirofact .footer-contactinfo .inner main .page-content p + .fact, main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h3, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + a.gs-title, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .views-field-title, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner label[for=mce-EMAIL] + h2, .footer-contactinfo .inner main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h2, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner .envirofact label[for=mce-EMAIL] + .fact, .footer-contactinfo .inner .envirofact main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .envirofact .footer-contactinfo .inner label[for=mce-EMAIL] + .fact, .envirofact .footer-contactinfo .inner main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + h3, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + a.gs-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .views-field-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .footer-contactinfo .inner label[for=mce-EMAIL] + h2, .footer-contactinfo .inner .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + h2, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .footer-contactinfo .inner .envirofact label[for=mce-EMAIL] + .fact, .footer-contactinfo .inner .envirofact .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .envirofact .footer-contactinfo .inner label[for=mce-EMAIL] + .fact, .envirofact .footer-contactinfo .inner .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .fact, main .page-content .description + h3, main .page-content .gsc-table-result .description + a.gs-title, .gsc-table-result main .page-content .description + a.gs-title, main .page-content .view-id-search .description + .views-field-title, .view-id-search main .page-content .description + .views-field-title, main .page-content .footer-contactinfo .inner .description + h2, .footer-contactinfo .inner main .page-content .description + h2, main .page-content .footer-contactinfo .inner .envirofact .description + .fact, .footer-contactinfo .inner .envirofact main .page-content .description + .fact, main .page-content .envirofact .footer-contactinfo .inner .description + .fact, .envirofact .footer-contactinfo .inner main .page-content .description + .fact, main .page-content ul + h3, main .page-content .gsc-table-result ul + a.gs-title, .gsc-table-result main .page-content ul + a.gs-title, main .page-content .view-id-search ul + .views-field-title, .view-id-search main .page-content ul + .views-field-title, main .page-content .footer-contactinfo .inner ul + h2, .footer-contactinfo .inner main .page-content ul + h2, main .page-content .footer-contactinfo .inner .envirofact ul + .fact, .footer-contactinfo .inner .envirofact main .page-content ul + .fact, main .page-content .envirofact .footer-contactinfo .inner ul + .fact, .envirofact .footer-contactinfo .inner main .page-content ul + .fact, main .page-content ol + h3, main .page-content .gsc-table-result ol + a.gs-title, .gsc-table-result main .page-content ol + a.gs-title, main .page-content .view-id-search ol + .views-field-title, .view-id-search main .page-content ol + .views-field-title, main .page-content .footer-contactinfo .inner ol + h2, .footer-contactinfo .inner main .page-content ol + h2, main .page-content .footer-contactinfo .inner .envirofact ol + .fact, .footer-contactinfo .inner .envirofact main .page-content ol + .fact, main .page-content .envirofact .footer-contactinfo .inner ol + .fact, .envirofact .footer-contactinfo .inner main .page-content ol + .fact {
  margin-top: 1.1538461538em;
}
main .page-content p + h4, main .page-content .realtimefeed-content p + h2, .realtimefeed-content main .page-content p + h2, main .page-content .realtimefeed-content .envirofact p + .fact, .realtimefeed-content .envirofact main .page-content p + .fact, main .page-content .envirofact .realtimefeed-content p + .fact, .envirofact .realtimefeed-content main .page-content p + .fact, main .page-content .realtimefeed-content p + h3, main .page-content .realtimefeed-content .gsc-table-result p + a.gs-title, .gsc-table-result main .page-content .realtimefeed-content p + a.gs-title, main .page-content .realtimefeed-content .view-id-search p + .views-field-title, .view-id-search main .page-content .realtimefeed-content p + .views-field-title, .realtimefeed-content main .page-content p + h3, .realtimefeed-content main .page-content .gsc-table-result p + a.gs-title, .gsc-table-result .realtimefeed-content main .page-content p + a.gs-title, .realtimefeed-content main .page-content .view-id-search p + .views-field-title, .view-id-search .realtimefeed-content main .page-content p + .views-field-title, main .page-content .page-sidebar .block p + .sidebar-block-title, .page-sidebar .block main .page-content p + .sidebar-block-title, main .page-content .panel-block p + .panel-block-title, .panel-block main .page-content p + .panel-block-title, main .page-content p + .section-heading-bar, main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h4, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content label[for=mce-EMAIL] + h2, .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h2, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content .envirofact label[for=mce-EMAIL] + .fact, .realtimefeed-content .envirofact main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .envirofact .realtimefeed-content label[for=mce-EMAIL] + .fact, .envirofact .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content label[for=mce-EMAIL] + h3, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content label[for=mce-EMAIL] + a.gs-title, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search main .page-content .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content label[for=mce-EMAIL] + .views-field-title, .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h3, .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + a.gs-title, .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search .realtimefeed-content main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .views-field-title, main .page-content .engagement-project-page .sidebar #mc_embed_signup form .panel-block label[for=mce-EMAIL] + .panel-block-title, .panel-block main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .panel-block-title, main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .section-heading-bar, .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + h4, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content label[for=mce-EMAIL] + h2, .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + h2, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content .envirofact label[for=mce-EMAIL] + .fact, .realtimefeed-content .envirofact .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .envirofact .realtimefeed-content label[for=mce-EMAIL] + .fact, .envirofact .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content label[for=mce-EMAIL] + h3, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content label[for=mce-EMAIL] + a.gs-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search .engagement-project-page .sidebar #mc_embed_signup form main .page-content .realtimefeed-content label[for=mce-EMAIL] + .views-field-title, .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + h3, .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + a.gs-title, .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .views-field-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .panel-block label[for=mce-EMAIL] + .panel-block-title, .panel-block .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .panel-block-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .section-heading-bar, main .page-content .engagement-project-page .sidebar p + .sidebar-block-title, main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .sidebar-block-title, .engagement-project-page .sidebar main .page-content p + .sidebar-block-title, .engagement-project-page .sidebar main .page-content #mc_embed_signup form label[for=mce-EMAIL] + .sidebar-block-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .sidebar-block-title,
main .page-content .engagement-project-page .sidebar p + .block-title,
main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .block-title,
.engagement-project-page .sidebar main .page-content p + .block-title,
.engagement-project-page .sidebar main .page-content #mc_embed_signup form label[for=mce-EMAIL] + .block-title,
.engagement-project-page .sidebar #mc_embed_signup form main .page-content label[for=mce-EMAIL] + .block-title, main .page-content #engagement-timeline .timeline-desc-wrap p + h3, main .page-content #engagement-timeline .timeline-desc-wrap .gsc-table-result p + a.gs-title, .gsc-table-result main .page-content #engagement-timeline .timeline-desc-wrap p + a.gs-title, main .page-content #engagement-timeline .timeline-desc-wrap .view-id-search p + .views-field-title, .view-id-search main .page-content #engagement-timeline .timeline-desc-wrap p + .views-field-title, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner p + h2, .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap p + h2, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact p + .fact, .footer-contactinfo .inner .envirofact main .page-content #engagement-timeline .timeline-desc-wrap p + .fact, main .page-content #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner p + .fact, .envirofact .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap p + .fact, main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h3, main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + a.gs-title, main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .views-field-title, main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner label[for=mce-EMAIL] + h2, .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h2, main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner .envirofact label[for=mce-EMAIL] + .fact, .footer-contactinfo .inner .envirofact main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form .envirofact .footer-contactinfo .inner label[for=mce-EMAIL] + .fact, .envirofact .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap label[for=mce-EMAIL] + h3, .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap label[for=mce-EMAIL] + a.gs-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap label[for=mce-EMAIL] + .views-field-title, .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner label[for=mce-EMAIL] + h2, .footer-contactinfo .inner .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap label[for=mce-EMAIL] + h2, .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact label[for=mce-EMAIL] + .fact, .footer-contactinfo .inner .envirofact .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner label[for=mce-EMAIL] + .fact, .envirofact .footer-contactinfo .inner .engagement-project-page .sidebar #mc_embed_signup form main .page-content #engagement-timeline .timeline-desc-wrap label[for=mce-EMAIL] + .fact, #engagement-timeline .timeline-desc-wrap main .page-content p + h3, #engagement-timeline .timeline-desc-wrap main .page-content .gsc-table-result p + a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap main .page-content p + a.gs-title, #engagement-timeline .timeline-desc-wrap main .page-content .view-id-search p + .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap main .page-content p + .views-field-title, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner p + h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content p + h2, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner .envirofact p + .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap main .page-content p + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .envirofact .footer-contactinfo .inner p + .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content p + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h3, #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + a.gs-title, #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .views-field-title, #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner label[for=mce-EMAIL] + h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + h2, #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner .envirofact label[for=mce-EMAIL] + .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form .envirofact .footer-contactinfo .inner label[for=mce-EMAIL] + .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content label[for=mce-EMAIL] + h3, .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content .gsc-table-result label[for=mce-EMAIL] + a.gs-title, .gsc-table-result .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content label[for=mce-EMAIL] + a.gs-title, .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content .view-id-search label[for=mce-EMAIL] + .views-field-title, .view-id-search .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content label[for=mce-EMAIL] + .views-field-title, .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner label[for=mce-EMAIL] + h2, .footer-contactinfo .inner .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content label[for=mce-EMAIL] + h2, .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner .envirofact label[for=mce-EMAIL] + .fact, .footer-contactinfo .inner .envirofact .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content label[for=mce-EMAIL] + .fact, .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content .envirofact .footer-contactinfo .inner label[for=mce-EMAIL] + .fact, .envirofact .footer-contactinfo .inner .engagement-project-page .sidebar #mc_embed_signup form #engagement-timeline .timeline-desc-wrap main .page-content label[for=mce-EMAIL] + .fact, main .page-content .field-collection-item-field-timeline p + .field--name-field-when, main .page-content .field-collection-item-field-timeline .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .field--name-field-when, .engagement-project-page .sidebar #mc_embed_signup form main .page-content .field-collection-item-field-timeline label[for=mce-EMAIL] + .field--name-field-when, .field-collection-item-field-timeline main .page-content p + .field--name-field-when, .field-collection-item-field-timeline main .page-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] + .field--name-field-when, .engagement-project-page .sidebar #mc_embed_signup form .field-collection-item-field-timeline main .page-content label[for=mce-EMAIL] + .field--name-field-when, main .page-content .description + h4, main .page-content .realtimefeed-content .description + h2, .realtimefeed-content main .page-content .description + h2, main .page-content .realtimefeed-content .envirofact .description + .fact, .realtimefeed-content .envirofact main .page-content .description + .fact, main .page-content .envirofact .realtimefeed-content .description + .fact, .envirofact .realtimefeed-content main .page-content .description + .fact, main .page-content .realtimefeed-content .description + h3, main .page-content .realtimefeed-content .gsc-table-result .description + a.gs-title, .gsc-table-result main .page-content .realtimefeed-content .description + a.gs-title, main .page-content .realtimefeed-content .view-id-search .description + .views-field-title, .view-id-search main .page-content .realtimefeed-content .description + .views-field-title, .realtimefeed-content main .page-content .description + h3, .realtimefeed-content main .page-content .gsc-table-result .description + a.gs-title, .gsc-table-result .realtimefeed-content main .page-content .description + a.gs-title, .realtimefeed-content main .page-content .view-id-search .description + .views-field-title, .view-id-search .realtimefeed-content main .page-content .description + .views-field-title, main .page-content .page-sidebar .block .description + .sidebar-block-title, .page-sidebar .block main .page-content .description + .sidebar-block-title, main .page-content .panel-block .description + .panel-block-title, .panel-block main .page-content .description + .panel-block-title, main .page-content .description + .section-heading-bar, main .page-content .engagement-project-page .sidebar .description + .sidebar-block-title, .engagement-project-page .sidebar main .page-content .description + .sidebar-block-title,
main .page-content .engagement-project-page .sidebar .description + .block-title,
.engagement-project-page .sidebar main .page-content .description + .block-title, main .page-content #engagement-timeline .timeline-desc-wrap .description + h3, main .page-content #engagement-timeline .timeline-desc-wrap .gsc-table-result .description + a.gs-title, .gsc-table-result main .page-content #engagement-timeline .timeline-desc-wrap .description + a.gs-title, main .page-content #engagement-timeline .timeline-desc-wrap .view-id-search .description + .views-field-title, .view-id-search main .page-content #engagement-timeline .timeline-desc-wrap .description + .views-field-title, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .description + h2, .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap .description + h2, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .description + .fact, .footer-contactinfo .inner .envirofact main .page-content #engagement-timeline .timeline-desc-wrap .description + .fact, main .page-content #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .description + .fact, .envirofact .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap .description + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .description + h3, #engagement-timeline .timeline-desc-wrap main .page-content .gsc-table-result .description + a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap main .page-content .description + a.gs-title, #engagement-timeline .timeline-desc-wrap main .page-content .view-id-search .description + .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap main .page-content .description + .views-field-title, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner .description + h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content .description + h2, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner .envirofact .description + .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap main .page-content .description + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .envirofact .footer-contactinfo .inner .description + .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content .description + .fact, main .page-content .field-collection-item-field-timeline .description + .field--name-field-when, .field-collection-item-field-timeline main .page-content .description + .field--name-field-when, main .page-content .page-sidebar p + .block-title, .page-sidebar main .page-content p + .block-title, main .page-content .page-sidebar .description + .block-title, .page-sidebar main .page-content .description + .block-title, main .page-content ul + h4, main .page-content .realtimefeed-content ul + h2, .realtimefeed-content main .page-content ul + h2, main .page-content .realtimefeed-content .envirofact ul + .fact, .realtimefeed-content .envirofact main .page-content ul + .fact, main .page-content .envirofact .realtimefeed-content ul + .fact, .envirofact .realtimefeed-content main .page-content ul + .fact, main .page-content .realtimefeed-content ul + h3, main .page-content .realtimefeed-content .gsc-table-result ul + a.gs-title, .gsc-table-result main .page-content .realtimefeed-content ul + a.gs-title, main .page-content .realtimefeed-content .view-id-search ul + .views-field-title, .view-id-search main .page-content .realtimefeed-content ul + .views-field-title, .realtimefeed-content main .page-content ul + h3, .realtimefeed-content main .page-content .gsc-table-result ul + a.gs-title, .gsc-table-result .realtimefeed-content main .page-content ul + a.gs-title, .realtimefeed-content main .page-content .view-id-search ul + .views-field-title, .view-id-search .realtimefeed-content main .page-content ul + .views-field-title, main .page-content .page-sidebar .block ul + .sidebar-block-title, .page-sidebar .block main .page-content ul + .sidebar-block-title, main .page-content .panel-block ul + .panel-block-title, .panel-block main .page-content ul + .panel-block-title, main .page-content ul + .section-heading-bar, main .page-content .engagement-project-page .sidebar ul + .sidebar-block-title, .engagement-project-page .sidebar main .page-content ul + .sidebar-block-title,
main .page-content .engagement-project-page .sidebar ul + .block-title,
.engagement-project-page .sidebar main .page-content ul + .block-title, main .page-content #engagement-timeline .timeline-desc-wrap ul + h3, main .page-content #engagement-timeline .timeline-desc-wrap .gsc-table-result ul + a.gs-title, .gsc-table-result main .page-content #engagement-timeline .timeline-desc-wrap ul + a.gs-title, main .page-content #engagement-timeline .timeline-desc-wrap .view-id-search ul + .views-field-title, .view-id-search main .page-content #engagement-timeline .timeline-desc-wrap ul + .views-field-title, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner ul + h2, .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap ul + h2, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact ul + .fact, .footer-contactinfo .inner .envirofact main .page-content #engagement-timeline .timeline-desc-wrap ul + .fact, main .page-content #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner ul + .fact, .envirofact .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap ul + .fact, #engagement-timeline .timeline-desc-wrap main .page-content ul + h3, #engagement-timeline .timeline-desc-wrap main .page-content .gsc-table-result ul + a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap main .page-content ul + a.gs-title, #engagement-timeline .timeline-desc-wrap main .page-content .view-id-search ul + .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap main .page-content ul + .views-field-title, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner ul + h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content ul + h2, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner .envirofact ul + .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap main .page-content ul + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .envirofact .footer-contactinfo .inner ul + .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content ul + .fact, main .page-content .field-collection-item-field-timeline ul + .field--name-field-when, .field-collection-item-field-timeline main .page-content ul + .field--name-field-when, main .page-content .page-sidebar ul + .block-title, .page-sidebar main .page-content ul + .block-title, main .page-content ol + h4, main .page-content .realtimefeed-content ol + h2, .realtimefeed-content main .page-content ol + h2, main .page-content .realtimefeed-content .envirofact ol + .fact, .realtimefeed-content .envirofact main .page-content ol + .fact, main .page-content .envirofact .realtimefeed-content ol + .fact, .envirofact .realtimefeed-content main .page-content ol + .fact, main .page-content .realtimefeed-content ol + h3, main .page-content .realtimefeed-content .gsc-table-result ol + a.gs-title, .gsc-table-result main .page-content .realtimefeed-content ol + a.gs-title, main .page-content .realtimefeed-content .view-id-search ol + .views-field-title, .view-id-search main .page-content .realtimefeed-content ol + .views-field-title, .realtimefeed-content main .page-content ol + h3, .realtimefeed-content main .page-content .gsc-table-result ol + a.gs-title, .gsc-table-result .realtimefeed-content main .page-content ol + a.gs-title, .realtimefeed-content main .page-content .view-id-search ol + .views-field-title, .view-id-search .realtimefeed-content main .page-content ol + .views-field-title, main .page-content .page-sidebar .block ol + .sidebar-block-title, .page-sidebar .block main .page-content ol + .sidebar-block-title, main .page-content .panel-block ol + .panel-block-title, .panel-block main .page-content ol + .panel-block-title, main .page-content ol + .section-heading-bar, main .page-content .engagement-project-page .sidebar ol + .sidebar-block-title, .engagement-project-page .sidebar main .page-content ol + .sidebar-block-title,
main .page-content .engagement-project-page .sidebar ol + .block-title,
.engagement-project-page .sidebar main .page-content ol + .block-title, main .page-content #engagement-timeline .timeline-desc-wrap ol + h3, main .page-content #engagement-timeline .timeline-desc-wrap .gsc-table-result ol + a.gs-title, .gsc-table-result main .page-content #engagement-timeline .timeline-desc-wrap ol + a.gs-title, main .page-content #engagement-timeline .timeline-desc-wrap .view-id-search ol + .views-field-title, .view-id-search main .page-content #engagement-timeline .timeline-desc-wrap ol + .views-field-title, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner ol + h2, .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap ol + h2, main .page-content #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact ol + .fact, .footer-contactinfo .inner .envirofact main .page-content #engagement-timeline .timeline-desc-wrap ol + .fact, main .page-content #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner ol + .fact, .envirofact .footer-contactinfo .inner main .page-content #engagement-timeline .timeline-desc-wrap ol + .fact, #engagement-timeline .timeline-desc-wrap main .page-content ol + h3, #engagement-timeline .timeline-desc-wrap main .page-content .gsc-table-result ol + a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap main .page-content ol + a.gs-title, #engagement-timeline .timeline-desc-wrap main .page-content .view-id-search ol + .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap main .page-content ol + .views-field-title, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner ol + h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content ol + h2, #engagement-timeline .timeline-desc-wrap main .page-content .footer-contactinfo .inner .envirofact ol + .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap main .page-content ol + .fact, #engagement-timeline .timeline-desc-wrap main .page-content .envirofact .footer-contactinfo .inner ol + .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap main .page-content ol + .fact, main .page-content .field-collection-item-field-timeline ol + .field--name-field-when, .field-collection-item-field-timeline main .page-content ol + .field--name-field-when, main .page-content .page-sidebar ol + .block-title, .page-sidebar main .page-content ol + .block-title {
  margin-top: 0.7727272727em;
}

.thin-font {
  font-weight: 100 !important;
}

/**
 * Visual styles for fields.
 */
.field--label {
  font-weight: bold;
}

.field--label-inline .field--label,
.field--label-inline .field--items {
  float: left; /*LTR*/
}

.field--label-inline .field--label,
.field--label-inline > .field--item,
.field--label-inline .field--items {
  padding-right: 0.5em;
}

[dir=rtl] .field--label-inline .field--label,
[dir=rtl] .field--label-inline .field--items {
  padding-left: 0.5em;
  padding-right: 0;
  float: right; /*RTL*/
}

.accordion summary, .accordion-2 summary {
  color: inherit !important;
  position: relative;
  padding: 0.5555555556em 2.4444444444em 0.5555555556em 0.8333333333em !important;
  margin: 0;
}
.accordion summary::-webkit-details-marker, .accordion-2 summary::-webkit-details-marker {
  display: none;
}
.accordion summary:hover, .accordion-2 summary:hover, .accordion summary:focus, .accordion-2 summary:focus {
  background: none;
  color: inherit;
}
.accordion summary:before, .accordion-2 summary:before {
  display: none;
}
.accordion summary:after, .accordion-2 summary:after {
  content: "\f078";
  position: absolute;
  right: 0.8333333333em;
  top: 0.7222222222em;
}
.accordion details > *, .accordion-2 details > * {
  margin: 0;
}
.accordion details[open], .accordion-2 details[open] {
  padding-bottom: 0;
}
.accordion details[open] > summary:after, .accordion-2 details[open] > summary:after {
  content: "\f077";
}
.accordion .accordion-content, .accordion-2 .accordion-content {
  overflow: hidden;
  padding: 0.5555555556em 2.7777777778em 1px 0.8333333333em;
}
.accordion .accordion-content-wide, .accordion-2 .accordion-content-wide {
  padding: 0;
}
.accordion .accordion-content-wide table, .accordion-2 .accordion-content-wide table {
  margin: 0;
}

.accordion-2 {
  margin-bottom: 1em;
}

.accordion details {
  margin-bottom: 1em;
}
.accordion details summary {
  border: 2px solid transparent !important;
  background-color: #EEE;
}
.accordion details summary:hover, .accordion details summary:focus {
  background-color: #ccc;
}
.accordion details[open] {
  border: 3px solid #ddd;
}
.accordion details[open] summary {
  border: none;
}
.accordion details:not([open]) {
  border: 3px solid #ddd;
}

.accordion-with-icons details {
  margin-bottom: 1em;
}
.accordion-with-icons details[open] > summary {
  box-shadow: 0px 5px 11px 0px rgba(221, 221, 221, 0.78);
}
.accordion-with-icons details[open] {
  border: 2px solid #909090;
}
.accordion-with-icons summary {
  border: 2px solid #ddd;
  display: block !important;
}
.accordion-with-icons summary, .accordion-with-icons .accordion-content {
  padding: 1.6666666667em 3.3333333333em !important;
}
.accordion-with-icons summary:after {
  right: 1em;
  top: 1.7777777778em;
}
.accordion-with-icons .highlight,
.accordion-with-icons .highlight:hover,
.accordion-with-icons .highlight:focus {
  background: #ccc;
}
.accordion-with-icons summary > i {
  position: absolute;
  top: 1em;
  left: 0.3em;
  font-size: 188.8888888889%;
  transform: scale(0.7);
}
.accordion-with-icons #social-buttons i {
  position: static;
}
.accordion-with-icons .note a, .accordion-with-icons .description a {
  display: block;
}
@media (min-width: 450px) {
  .accordion-with-icons .note a, .accordion-with-icons .description a {
    display: inline-block;
  }
}

summary i:before {
  content: "\f071";
}

details summary {
  border: 1px solid #ddd;
  border-radius: 4px;
  color: #000;
  padding: 5px 15px;
}

#profile-reminders td img {
  height: 100%;
}
#profile-reminders .reminder-name {
  float: none !important;
  white-space: nowrap;
}
#profile-reminders .image-part {
  width: 50px;
  display: inline-block;
  float: none !important;
}
@media (max-width: 700px) {
  #profile-reminders .image-part {
    width: 1.6666666667em;
    margin-right: 1em;
  }
}

#collection-placeholder .collection-item {
  margin-bottom: 0.5em;
}
#collection-placeholder .custom-icon-svg svg {
  position: unset;
  height: 20px;
  max-width: 20px;
}

.overlay-def header {
  background-color: #00594e;
}
.overlay-def .modal-title {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

@media (min-width: 768px) {
  .modal-dialog {
    width: 768px;
  }
}
.accordion-with-icons i .social {
  position: static;
  font-size: 1.7777777778em;
  padding-right: 0.2777777778em;
  width: auto;
}

#social-buttons i {
  font-size: 1.8888888889em;
  padding-right: 0.1111111111em;
  width: 1.1em;
}
#social-buttons a :hover {
  color: #074b41;
}

.alert {
  padding: 0.8333333333em;
  margin-bottom: 1.2777777778em;
  outline: none;
}
.alert ul, .alert ol {
  padding-left: 2em;
}
.alert > :first-child:before {
  font-family: "Font Awesome 5 Free";
  font-weight: bold;
}
.alert a {
  font-weight: bold;
}
.alert .placeholder {
  color: #000 !important;
  background: rgba(255, 255, 255, 0.4117647059);
  padding: 0 0.24em;
}

.alert-success > :first-child:before {
  content: "\f058";
}

.alert-info > :first-child:before {
  content: "\f05a";
}

.alert-warning > :first-child:before {
  content: "\f071";
}

.alert-danger > :first-child:before {
  content: "\f06a";
}

.alert-archive > :first-child:before {
  color: #54565b;
  content: "\f187";
}

.alert-archive {
  background: #f4efe5;
  border-color: #54565b;
}

.notify-alert {
  display: table;
  min-height: 6.9444444444em;
  width: 100%;
}
.notify-alert > div {
  display: table-cell;
  height: 100%;
  padding: 1.1111111111em;
  vertical-align: middle;
}
.notify-alert .emergency {
  background-color: rgb(158, 22, 30);
  color: white;
  width: 100%;
  float: left;
}
.notify-alert .emergency i {
  display: inline;
}
.notify-alert .emergency h3, .notify-alert .emergency .gsc-table-result a.gs-title, .gsc-table-result .notify-alert .emergency a.gs-title, .notify-alert .emergency .view-id-search .views-field-title, .view-id-search .notify-alert .emergency .views-field-title, .notify-alert .emergency .footer-contactinfo .inner h2, .footer-contactinfo .inner .notify-alert .emergency h2, .notify-alert .emergency .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .notify-alert .emergency .fact, .notify-alert .emergency .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .notify-alert .emergency .fact {
  display: inline;
  padding: 0.5555555556em;
}
@media screen and (min-width: 768px) {
  .notify-alert .emergency {
    width: 25%;
    float: none;
    text-align: center;
  }
}
.notify-alert .emergency-content {
  background-color: rgb(244, 233, 231);
  width: 100%;
  float: left;
}
.notify-alert .emergency-content .date-display-single {
  font-size: 83.3333333333%;
}
.notify-alert .emergency-content .field--name-field-link > div {
  display: inline-block;
}
.notify-alert .emergency-content .field--name-field-published-on {
  margin-bottom: 0px;
}
@media screen and (min-width: 768px) {
  .notify-alert .emergency-content {
    width: 50%;
    float: none;
  }
}
.notify-alert .emergency-signup {
  background-color: #54565b;
  text-align: center;
  width: 100%;
  float: left;
}
.notify-alert .emergency-signup p, .notify-alert .emergency-signup .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .notify-alert .emergency-signup label[for=mce-EMAIL], .notify-alert .emergency-signup .description {
  color: white;
}
.notify-alert .emergency-signup .notify {
  color: white;
  background-color: #00594e;
}
.notify-alert .emergency-signup .btn-primary:after, .notify-alert .emergency-signup .gsc-search-button button:after, .gsc-search-button .notify-alert .emergency-signup button:after, .notify-alert .emergency-signup .engagement-project-page .form-submit:after, .engagement-project-page .notify-alert .emergency-signup .form-submit:after, .notify-alert .emergency-signup .engagement-project-page .sidebar #mc_embed_signup form .button:after, .engagement-project-page .sidebar #mc_embed_signup form .notify-alert .emergency-signup .button:after, .notify-alert .emergency-signup .btn-back:after, .notify-alert .emergency-signup input[type=submit]:after,
.notify-alert .emergency-signup input[type=button]:after {
  content: none;
}
@media screen and (min-width: 768px) {
  .notify-alert .emergency-signup {
    width: 25%;
    float: none;
  }
}

.cke_editable #ck-sk-alert {
  border: 2px solid black;
}

.cke_editable #ck-sk-alert .alert > :first-child:before {
  padding-right: 14px;
}

.alert-danger a {
  color: #843534;
}

.alert-success a {
  color: #2b542c;
}

.alert-warning a {
  color: #66512c;
}

.alert-info a {
  color: #245269;
}

.alert-archive a {
  color: #54565b;
}

.main_messages .item--message {
  margin-left: 15px;
}
.main_messages .item-list--messages {
  padding-left: 0 !important;
}

.pane-node-field-editor-notes h2:first-child, .pane-node-field-editor-notes .envirofact .fact:first-child, .envirofact .pane-node-field-editor-notes .fact:first-child {
  display: none;
}
.pane-node-field-editor-notes .alert > :first-child {
  font-size: 22px;
}
.pane-node-field-editor-notes .table, .pane-node-field-editor-notes .views-table {
  margin-bottom: 0px !important;
}

.pane-node-field-editor-notes,
#formatted_notes_field_editor_notes {
  position: relative !important;
}

#homepage-my-saskatoon .icon {
  margin-right: 0.5em;
  vertical-align: top;
}
#homepage-my-saskatoon .my-sasaktoon-dates {
  display: inline-block;
}
#homepage-my-saskatoon .my-sasaktoon-dates p, #homepage-my-saskatoon .my-sasaktoon-dates .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #homepage-my-saskatoon .my-sasaktoon-dates label[for=mce-EMAIL], #homepage-my-saskatoon .my-sasaktoon-dates .description {
  white-space: normal;
}
#homepage-my-saskatoon .my-saskatoon-wrapper {
  padding-left: 1em;
}
#homepage-my-saskatoon .my-saskatoon-wrapper .image-part {
  width: 20px;
  display: inline-block;
}
#homepage-my-saskatoon .my-saskatoon-wrapper .image-part i {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  font-size: 20px;
}
#homepage-my-saskatoon .my-saskatoon-wrapper .item {
  margin-bottom: 0.5em;
}
#homepage-my-saskatoon .my-saskatoon-wrapper .item:last-child {
  margin-bottom: 1em;
}
#homepage-my-saskatoon .dashboard-control {
  text-align: right;
}
#homepage-my-saskatoon .note, #homepage-my-saskatoon .description {
  font-size: 0.8em;
}
.pane-advancedbookblocks-0 {
  margin-top: -1rem;
}

#autocomplete {
  background: white;
  border: 1px solid #ccc;
}
#autocomplete li {
  padding: 0.2777777778em 0.7222222222em;
}
#autocomplete .selected {
  background: #00594e;
  color: white;
}

.ajax-throbber .sk-bounce-dot {
  background-color: #005147 !important;
}

#engage-display, #engagement-main-page {
  max-width: 1600px;
  margin: 0 auto;
  overflow: hidden;
}
@media (min-width: 550px) and (max-width: 775px) {
  #engage-display .pane-engagement-projects, #engagement-main-page .pane-engagement-projects {
    margin-left: 10%;
    margin-right: 10%;
  }
}
#engage-display .pane-engagement-projects .row, #engagement-main-page .pane-engagement-projects .row {
  margin-left: unset;
  margin-right: unset;
  display: table;
  border-spacing: 15px;
}
@media (max-width: 776px) {
  #engage-display .pane-engagement-projects .row, #engagement-main-page .pane-engagement-projects .row {
    display: block;
    border-spacing: 10px;
  }
}
#engage-display .pane-engagement-projects .row:after, #engagement-main-page .pane-engagement-projects .row:after, #engage-display .pane-engagement-projects .row:before, #engagement-main-page .pane-engagement-projects .row:before {
  display: unset;
}
#engage-display .pane-engagement-projects .row [class*=col-], #engagement-main-page .pane-engagement-projects .row [class*=col-] {
  float: none;
  display: table-cell;
  vertical-align: top;
  border: 2px solid #efefef;
  padding: 0;
  overflow: hidden;
}
@media (min-width: 777px) {
  #engage-display .pane-engagement-projects .row [class*=col-], #engagement-main-page .pane-engagement-projects .row [class*=col-] {
    width: 33.3333333333%;
  }
}
@media (max-width: 776px) {
  #engage-display .pane-engagement-projects .row [class*=col-], #engagement-main-page .pane-engagement-projects .row [class*=col-] {
    display: block;
    margin-bottom: 20px;
  }
}
#engage-display .pane-engagement-projects .row [class*=col-]:hover, #engagement-main-page .pane-engagement-projects .row [class*=col-]:hover {
  background-color: #f0f0f0;
}

#engagement-main-page .td-wrap:hover,
#engagement-main-page .td-wrap:focus {
  border-color: #5db58f !important;
}
#engagement-main-page .td-wrap:hover img,
#engagement-main-page .td-wrap:focus img {
  transform: scale(1.05);
  filter: brightness(1.05);
}
#engagement-main-page .td-wrap:hover .imgwrap-hover:before,
#engagement-main-page .td-wrap:focus .imgwrap-hover:before {
  content: "View Project";
  background-color: rgba(9, 79, 68, 0.78);
  opacity: 1 !important;
  box-shadow: 0 1.5px 2px 0px #9f9f9f;
  width: 100%;
  height: auto;
  position: absolute;
  margin-top: -37px;
  color: #ffffff;
  text-align: center;
  font-size: 1.2777777778em;
  padding-top: 2px;
  padding-bottom: 2px;
  z-index: 3;
}
@media (min-width: 767px) and (max-width: 1060px) {
  #engagement-main-page .td-wrap:hover .imgwrap-hover:before,
  #engagement-main-page .td-wrap:focus .imgwrap-hover:before {
    font-size: 1em;
    padding-top: 0px;
    padding-bottom: 0px;
    margin-top: -25px;
  }
}
#engagement-main-page .td-wrap:hover .views-field-changed,
#engagement-main-page .td-wrap:focus .views-field-changed {
  visibility: hidden !important;
}
#engagement-main-page a:focus, #engagement-main-page a:hover {
  text-decoration: none !important;
}
#engagement-main-page .views-field-title {
  color: #00594e !important;
}
#engagement-main-page .panels-flexible-region-14761-center {
  width: 100%;
}
#engagement-main-page .sidebar-block-title,
#engagement-main-page .block-title {
  border-bottom: 0.13636em solid #00594e;
}
#engagement-main-page .view-id-engagement_projects .content-section {
  padding: 0px 10px 0px 10px;
  word-wrap: break-word;
}
#engagement-main-page .view-id-engagement_projects .view-content {
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
@media (max-width: 776px) {
  #engagement-main-page .view-id-engagement_projects .view-content {
    width: 100%;
  }
}
#engagement-main-page .view-id-engagement_projects .view-content img {
  width: 100%;
  height: auto;
  transition: all 0.25s ease-in-out;
}
#engagement-main-page .view-id-engagement_projects .view-content .views-view-grid td {
  padding: 0px 20px 60px 20px;
  max-width: 600px;
}
#engagement-main-page .view-id-engagement_projects .view-content .views-field-title {
  margin-top: 10px;
  margin-bottom: 10px;
}
#engagement-main-page .view-id-engagement_projects .view-content .views-field-title h2, #engagement-main-page .view-id-engagement_projects .view-content .views-field-title .envirofact .fact, .envirofact #engagement-main-page .view-id-engagement_projects .view-content .views-field-title .fact {
  font-weight: normal;
  font-size: 144.4444444444%;
  line-height: 1.3;
}
#engagement-main-page .view-id-engagement_projects .view-content .td-wrap {
  max-width: 700px;
  transition: all 1s;
}
#engagement-main-page .view-id-engagement_projects .view-content .imgwrap {
  width: 100%;
  overflow: hidden;
}
#engagement-main-page .view-id-engagement_projects .view-content .imgwrap-hover:after {
  transition: all 1s;
  visibility: hidden;
  opacity: 0;
}
#engagement-main-page .view-id-engagement_projects .view-content .td-wrap-inner {
  position: relative;
}
#engagement-main-page .view-id-engagement_projects .view-content .views-field-changed {
  position: absolute;
  z-index: 1;
  float: right;
  margin-top: -32px;
  right: 0;
}
#engagement-main-page .view-id-engagement_projects .view-content .views-field-changed .field-content {
  font-size: 0.7222222222em;
  text-transform: uppercase;
  padding: 6px;
  background-color: rgba(0, 89, 78, 0.9);
  color: white;
  box-shadow: -1px -2px 1px 0px rgba(0, 0, 0, 0.3098039216);
}
@media (max-width: 766px) {
  #engagement-main-page .view-id-engagement_projects .view-content .views-field-changed .field-content {
    font-size: 0.7777777778em;
    padding: 8px;
  }
}
@media (min-width: 767px) and (max-width: 1060px) {
  #engagement-main-page .view-id-engagement_projects .view-content .views-field-changed .field-content {
    font-size: 0.6666666667em;
    padding: 2px;
  }
}

.cos-engagement-banner-image, .cos-engagement-project-banner-image {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
.cos-engagement-banner-image span.sub-heading, .cos-engagement-project-banner-image span.sub-heading {
  font-weight: normal;
  font-size: 122.2222222222%;
  line-height: 1.1818;
  margin-top: 0;
  margin-bottom: 0.4090909091em;
}

.view-engagement-homepage-banner {
  max-height: 400px;
  overflow: hidden;
}

.view-engagement-projects .view-header {
  margin-left: auto;
  margin-right: auto;
  width: 90%;
  padding: 40px 20px 0px 0px;
  margin-top: 40px;
  border-top: 2px solid #f3f3f3;
}

#cos-engagement-header-info-wrap, #cos-engagement-project-header-info-wrap {
  position: relative;
  left: 0px;
  padding: 20px;
  margin-top: 9em;
  color: white;
  max-width: 40em;
  background-color: rgba(30, 32, 33, 0.9);
  transition: all 0.5s ease;
  word-wrap: break-word;
}

@media (max-width: 1024px) {
  #cos-engagement-header-info-wrap, #cos-engagement-project-header-info-wrap {
    font-size: 1em;
  }
}
@media (max-width: 737px) {
  #cos-engagement-header-info-wrap, #cos-engagement-project-header-info-wrap {
    margin-top: 9em !important;
    max-width: 100% !important;
    font-size: 0.8888888889em;
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media (max-width: 350px) {
  #cos-engagement-header-info-wrap, #cos-engagement-project-header-info-wrap {
    top: -28em !important;
    max-width: 100% !important;
    font-size: 0.7777777778em;
    margin-left: 20px;
    margin-right: 20px;
  }
  #cos-engagement-header-info-wrap h1, #cos-engagement-project-header-info-wrap h1 {
    font-size: 200% !important;
  }
  .td-wrap:hover .imgwrap-hover:after,
  .td-wrap:focus .imgwrap-hover:after {
    font-size: 1.3333333333em !important;
  }
}
#block-saskatoon-engagement-engagement-project-banner {
  max-height: 400px;
}
#block-saskatoon-engagement-engagement-project-banner .block__content {
  max-height: inherit;
}

#engagement-timeline {
  list-style: none;
  margin: 0;
  padding-left: 10px;
}
#engagement-timeline .timeline-wrap {
  padding-left: 10px;
}
#engagement-timeline .timeline-wrap.completed {
  border-left: 4px solid #00594e;
}
#engagement-timeline .timeline-wrap.completed .timeline-status-icon {
  color: #00594e;
}
#engagement-timeline .timeline-wrap.active {
  border-left: 4px dotted #00594e;
}
#engagement-timeline .timeline-wrap.active .timeline-status-icon {
  color: #00594e;
}
#engagement-timeline .timeline-wrap.inactive {
  border-left: 4px solid #9e9e9e;
}
#engagement-timeline .timeline-wrap.inactive .timeline-status-icon {
  color: #9e9e9e;
}
#engagement-timeline li:last-child .timeline-wrap {
  border-left: none !important;
  margin-left: 4px;
}
#engagement-timeline .timeline-status-icon {
  position: relative;
  left: -28px;
  width: 33px;
  text-align: center;
  padding-top: 0px;
  height: 40px;
  background-color: #ffffff;
  font-size: 1.7777777778em;
}
#engagement-timeline .timeline-desc-wrap {
  position: relative;
  top: -30px;
  left: 10px;
}
#engagement-timeline i {
  font-size: 0.9em;
}
#engagement-timeline li {
  margin-bottom: -1em;
}

.engagement-project-page {
  padding: 2.7em 25px 0px 25px !important;
}
.engagement-project-page .pane-node-field-body {
  padding-top: 35px;
}
.engagement-project-page .sidebar {
  padding-left: 2em;
}
.engagement-project-page .sidebar .block {
  margin-top: 3.33333em;
}
.engagement-project-page .sidebar .block:first-child {
  margin-top: 1.5em;
}
.engagement-project-page .sidebar .sidebar-block-title,
.engagement-project-page .sidebar .block-title {
  border-bottom: 0.13636em solid #00594e;
  margin-bottom: 1.09091em;
  padding-right: 3.18182em;
  padding-bottom: 0.22727em;
}
.engagement-project-page .sidebar .field--name-field-engage-related-pages .field--item {
  margin-bottom: 1.33333em !important;
}
.engagement-project-page .sidebar #mc_embed_signup form {
  display: block;
  position: relative;
  text-align: left;
  padding: 0px !important;
  font-family: "UnitWebPro", sans-serif !important;
}
.engagement-project-page .sidebar #mc_embed_signup form .button {
  height: auto !important;
}
.engagement-project-page .sidebar #mc_embed_signup form .email {
  font-family: "UnitWebPro", sans-serif !important;
}
.engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] {
  font-size: 1em !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

@media (max-width: 768px) {
  .engagement-project-page {
    padding: 1em 0.5em 0px 0.5em !important;
  }
  .engagement-project-page .sidebar,
  .engagement-project-page .panels-flexible-column-first {
    width: 100%;
  }
  .engagement-project-page .sidebar {
    padding-left: 0px;
  }
}
.panels-flexible-region-engagement-project-page-center {
  padding-left: 7px !important;
}

#page-tabs .page-content {
  width: 100%;
  padding: 0px;
  padding-top: 10px;
  margin-top: 0px;
}
#page-tabs .page-content header {
  display: none;
}
#page-tabs .page-nav {
  display: none;
  width: 0;
  padding: 0;
}
#page-tabs .l-page-nav-content, #page-tabs .engagement-project-page {
  padding: 0;
}

#page-tabs {
  padding-top: 4px;
  overflow: hidden;
}
#page-tabs .tablinks {
  background: #f9f9f9;
  padding: 10px 15px 10px 15px;
  font-size: 112%;
  cursor: pointer;
  border: 1px solid #cccccc;
  vertical-align: bottom;
}
#page-tabs button:hover, #page-tabs .engagement-project-page .sidebar #mc_embed_signup form .button:hover, .engagement-project-page .sidebar #mc_embed_signup form #page-tabs .button:hover {
  background-color: #fff;
}
#page-tabs button.active, #page-tabs .engagement-project-page .sidebar #mc_embed_signup form .active.button, .engagement-project-page .sidebar #mc_embed_signup form #page-tabs .active.button {
  background-color: #00594e;
  border-color: #00594e;
  color: #fff;
}
#page-tabs .tabcontent {
  display: none;
  padding: 12px 0px;
  border-top: 3px solid #00594e !important;
}
#page-tabs .mobiletab {
  display: none;
}

.mobilewrap .mobilelinks:before {
  font-size: 110%;
  padding-right: 10px;
  padding-left: 5px;
  position: relative;
  top: 1px;
}

@media screen and (max-width: 991px) {
  #page-tabs {
    border-radius: 5px;
    border: 1px solid #c3c3c3;
    padding-top: 2px;
    bottom: 2px;
  }
  #page-tabs button.active, #page-tabs .engagement-project-page .sidebar #mc_embed_signup form .active.button, .engagement-project-page .sidebar #mc_embed_signup form #page-tabs .active.button {
    background-color: #fff;
    color: #00594e;
  }
  #page-tabs .tablinks {
    display: none !important;
  }
  #page-tabs .page-content {
    padding: 10px;
  }
  #page-tabs .tabcontent {
    border-top: none !important;
  }
  #page-tabs .mobiletab {
    display: block;
    border-bottom: 1px solid #bbbbbb;
    border-top: 1px solid #bbb;
  }
  #page-tabs .mobiletab.first {
    border-top: none !important;
  }
  #page-tabs .mobilewrap .mobilelinks {
    width: 100%;
    background-color: #fff;
    color: #00594e;
    padding-top: 5px;
    padding-bottom: 5px;
    border: none;
    text-align: left;
  }
  #page-tabs .mobilewrap .mobilelinks:before {
    content: "\f0da";
  }
  #page-tabs .mobilewrap .mobilelinks.active {
    border-color: #00594e;
    background-color: #00594e;
    color: #fff;
  }
  #page-tabs .mobilewrap .mobilelinks.active:before {
    content: "\f0d7";
  }
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 {
  text-align: center;
  margin-top: 20px;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 {
  background-color: #ffffff;
  padding-bottom: 5px;
  padding-top: 9px;
  width: 80% !important;
  color: #000;
  display: inline-block;
  text-align: center;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 label,
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 .views-widget {
  display: inline-block;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 label {
  padding-right: 10px;
  padding-top: 5px;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 .views-exposed-form .views-exposed-widget {
  padding-right: 10px;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 .views-exposed-form {
  color: inherit;
  display: inline-block;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 #edit-title {
  background-color: inherit;
  color: inherit;
  border: none;
  border-bottom: 2px #00594e solid;
  border-radius: 0;
  box-shadow: none;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 .views-widget select {
  background-color: inherit;
  border-radius: 0;
  border: 2px solid #00594e;
  color: inherit;
}
.pane-views-179a213775ea2d8ff0a64324e99dc5f7 #views-exposed-form-engagement-projects-block-1 ::-webkit-input-placeholder { /* WebKit browsers */
  color: inherit;
  opacity: 1 !important;
}

@media (max-width: 540px) {
  #engagement-main-page .view-content,
  #engagement-main-page .view-header {
    width: 98%;
  }
}
.saskatoon-engagement-project-search-form {
  text-align: center;
  background-color: #fff;
  color: #000;
  padding-top: 20px;
  font-size: 1em;
}
.saskatoon-engagement-project-search-form .form-item-category,
.saskatoon-engagement-project-search-form .form-item-title,
.saskatoon-engagement-project-search-form .form-item-location {
  display: inline-block;
  text-align: left;
}
.saskatoon-engagement-project-search-form .input-section {
  display: inline-block;
}
@media (max-width: 760px) {
  .saskatoon-engagement-project-search-form .input-section {
    display: block;
  }
}
.saskatoon-engagement-project-search-form .form-control, .saskatoon-engagement-project-search-form .engagement-project-page .sidebar #mc_embed_signup form .email, .engagement-project-page .sidebar #mc_embed_signup form .saskatoon-engagement-project-search-form .email, .saskatoon-engagement-project-search-form .engagement-project-page .sidebar #mc_embed_signup form .input, .engagement-project-page .sidebar #mc_embed_signup form .saskatoon-engagement-project-search-form .input,
.saskatoon-engagement-project-search-form label {
  display: inline-block;
}
.saskatoon-engagement-project-search-form .cos-form-button {
  display: inline-block;
  margin-right: 10px;
}
.saskatoon-engagement-project-search-form .cos-form-button input {
  border-radius: 0px !important;
}
.saskatoon-engagement-project-search-form #edit-category,
.saskatoon-engagement-project-search-form #edit-title,
.saskatoon-engagement-project-search-form #edit-location {
  background: inherit;
  color: inherit;
  border: 0;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 2px solid #00594e;
  margin-right: 5px;
}
.saskatoon-engagement-project-search-form #edit-category,
.saskatoon-engagement-project-search-form #edit-location {
  border: 2px solid #00594e;
}
.saskatoon-engagement-project-search-form label {
  height: 1px;
  width: 1px;
  overflow: hidden;
}
.saskatoon-engagement-project-search-form ::-webkit-input-placeholder { /* WebKit browsers */
  color: inherit;
  opacity: 1 !important;
}

.engage-comment .fullname {
  font-weight: bold;
  color: #303e3c;
}
.engage-comment .created {
  font-size: 0.7777777778em;
}
.engage-comment .comment_show {
  font-size: 0.8333333333em;
  color: #00594e;
  font-weight: bold;
}
.engage-comment .comment_show:after {
  content: "  \f078";
}
.engage-comment .new {
  background-color: #a91a54;
  color: white;
  padding: 2px 5px 2px 5px;
  border-radius: 5px;
}

.indented .engage-comment .comment_forbidden {
  display: none !important;
}

.engagement-project-page .comments__title {
  display: none;
}
.engagement-project-page #comments {
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}
.engagement-project-page #comments .toggle-comment {
  margin-right: 5px;
  cursor: pointer;
  color: #003d60;
}
.engagement-project-page #comments .mini .content {
  display: none;
}
.engagement-project-page #comments .comment {
  margin-bottom: 10px;
  background-color: #F5F5F5;
  padding: 10px;
}
.engagement-project-page #comments .indented {
  border-left: 1px solid #cccccc;
  padding-left: 5px;
}
.engagement-project-page #comments .indented .comment:last-child {
  margin-bottom: 20px;
}
@media (max-width: 540px) {
  .engagement-project-page #comments .indented {
    padding-left: 1px;
    margin-left: 5px;
  }
}
.engagement-project-page .comments__title {
  font-size: 120%;
}
.engagement-project-page .comment-accordion .accordion-content {
  padding: 10px 5px 5px 5px !important;
}
.engagement-project-page .comment-accordion .accordion-content div[id^=edit-author-] {
  margin-bottom: 0 !important;
}
.engagement-project-page .comment-accordion details summary {
  background-color: #00594e;
  color: #fff !important;
}
.engagement-project-page .comment-accordion details {
  border: none !important;
}
.engagement-project-page .comment-accordion details[open] {
  border: none !important;
}
.engagement-project-page .form-submit {
  border-radius: 5px;
}

img[role=discovery-avatar], img[role=user-avatar] {
  display: none !important;
  width: 0 !important;
  height: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
}

#disqus-toggle {
  margin-bottom: 1em;
}

.engagement-project-page-main {
  float: left;
  width: 63%;
}
.engagement-project-page-main .wb-mltmd iframe {
  min-height: 350px;
}

.engagement-project-page-sidebar {
  float: left;
  width: 37%;
}

@media (min-width: 550px) and (max-width: 775px) {
  #engagement-main-page {
    margin-left: 10%;
    margin-right: 10%;
  }
}
@media (max-width: 550px) {
  #engagement-main-page {
    padding: 0 25px;
  }
}

.saskatoon-engagement-filter-form #edit-title--2 {
  margin-right: 1em;
}

.engagement-project-page #disqus_recommendations {
  display: none;
}

.navigation-secondary {
  border-left: 1px solid #EEE;
}
.navigation-secondary ul {
  padding: 0;
  margin: 0;
}
.navigation-secondary a {
  color: inherit;
  padding-top: 0.2777777778em;
  padding-bottom: 0.2777777778em;
  display: block;
  line-height: 1.1;
}
.navigation-secondary a:hover {
  background-color: #CBE2DA;
}
.navigation-secondary li {
  list-style-type: none;
}
.navigation-secondary li a {
  padding-left: 1.1111111111em;
}
.navigation-secondary li li a {
  padding-left: 1.9444444444em;
}
.navigation-secondary li li li a {
  padding-left: 2.7777777778em;
}
.navigation-secondary li li li li a {
  padding-left: 3.6111111111em;
}
.navigation-secondary .highlight.active-trail {
  color: #00594e;
  -webkit-box-shadow: inset 0.5555555556em 0 0 0 #00594e;
  -moz-box-shadow: inset 0.5555555556em 0 0 0 #00594e;
  box-shadow: inset 0.5555555556em 0 0 0 #00594e;
}
.lt-ie9 .navigation-secondary .highlight.active-trail {
  text-indent: -0.5555555556em;
  border-left: 0.5555555556em solid #00594e;
  box-shadow: none;
}
.navigation-secondary .leaf {
  list-style-type: none;
  list-style-image: none;
}

#homepage-statistics {
  text-align: center;
  margin: 1.6666666667em auto;
}
#homepage-statistics .statistic {
  margin-bottom: 1.6666666667em;
}
#homepage-statistics .statistic .value {
  font-size: 277.7777777778%;
  line-height: 1.2;
}
@media (min-width: 768px) {
  #homepage-statistics {
    display: table;
    width: 100%;
  }
  #homepage-statistics .statistic {
    display: table-cell;
    width: 33%;
    vertical-align: top;
  }
}
@media (min-width: 1024px) {
  #homepage-statistics .statistic .value {
    font-size: 388.8888888889%;
  }
}
@media (min-width: 1400px) {
  #homepage-statistics .statistic .value {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    padding: 0 30px;
  }
  #homepage-statistics .statistic .title {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    padding-top: 10px;
    width: 50%;
  }
}

.section-heading-bar {
  color: white;
  padding: 0.7222222222em 1em;
  background-color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.section-1 .section-heading-bar {
  background-color: #003d60;
}
.section-2 .section-heading-bar {
  background-color: #5fabc9;
  color: #000000;
}
.section-3 .section-heading-bar {
  background-color: #4d2343;
}
.section-4 .section-heading-bar {
  background-color: #f8801b;
  color: #000000;
}
.section-5 .section-heading-bar {
  background-color: #a91a54;
}
.section-6 .section-heading-bar {
  background-color: #5db58f;
  color: #000000;
}
.section-7 .section-heading-bar {
  background-color: #e9dbc9;
  color: #000000;
}
.section-8 .section-heading-bar {
  background-color: #54565b;
}
.section-primary .section-heading-bar {
  background-color: #00594e;
}

.envirofact {
  padding: 0.8333333333em 0;
  position: relative;
}
.envirofact i {
  display: none;
  position: absolute;
  top: 0.025em;
  left: 0;
  font-size: 444.4444444444%;
}
.envirofact .fact {
  margin-bottom: 0.4444444444em;
}
@media (min-width: 550px) {
  .envirofact {
    padding-left: 6.3888888889em;
  }
  .envirofact i {
    display: block;
  }
}

.navigation-primary {
  background: white !important;
}
.touch .navigation-primary {
  display: none !important;
}
.navigation-primary [role=menubar] {
  display: table !important;
  width: 100% !important;
  margin: 0 !important;
}
.navigation-primary [role=menubar] > li {
  display: table-cell;
  float: none;
  width: 14.2857142857%;
  padding-right: 1px;
}
.navigation-primary [role=menubar] > li.section-1 > a, .navigation-primary [role=menubar] > li.section-1 > ul {
  border-color: #003d60 !important;
}
.navigation-primary [role=menubar] > li.section-1 > ul {
  background-color: #d9e2e7 !important;
}
.navigation-primary [role=menubar] > li.section-1.active > a, .navigation-primary [role=menubar] > li.section-1.active-trail > a {
  background-color: #d9e2e7 !important;
}
.navigation-primary [role=menubar] > li.section-1.sm-open > a {
  border-color: #d9e2e7 !important;
}
.navigation-primary [role=menubar] > li.section-1.sm-open > ul {
  border-bottom: 11px solid #003d60 !important;
}
.navigation-primary [role=menubar] > li.section-2 > a, .navigation-primary [role=menubar] > li.section-2 > ul {
  border-color: #5fabc9 !important;
}
.navigation-primary [role=menubar] > li.section-2 > ul {
  background-color: #e7f2f7 !important;
}
.navigation-primary [role=menubar] > li.section-2.active > a, .navigation-primary [role=menubar] > li.section-2.active-trail > a {
  background-color: #e7f2f7 !important;
}
.navigation-primary [role=menubar] > li.section-2.sm-open > a {
  border-color: #e7f2f7 !important;
}
.navigation-primary [role=menubar] > li.section-2.sm-open > ul {
  border-bottom: 11px solid #5fabc9 !important;
}
.navigation-primary [role=menubar] > li.section-3 > a, .navigation-primary [role=menubar] > li.section-3 > ul {
  border-color: #4d2343 !important;
}
.navigation-primary [role=menubar] > li.section-3 > ul {
  background-color: #e4dee3 !important;
}
.navigation-primary [role=menubar] > li.section-3.active > a, .navigation-primary [role=menubar] > li.section-3.active-trail > a {
  background-color: #e4dee3 !important;
}
.navigation-primary [role=menubar] > li.section-3.sm-open > a {
  border-color: #e4dee3 !important;
}
.navigation-primary [role=menubar] > li.section-3.sm-open > ul {
  border-bottom: 11px solid #4d2343 !important;
}
.navigation-primary [role=menubar] > li.section-4 > a, .navigation-primary [role=menubar] > li.section-4 > ul {
  border-color: #f8801b !important;
}
.navigation-primary [role=menubar] > li.section-4 > ul {
  background-color: #feecdd !important;
}
.navigation-primary [role=menubar] > li.section-4.active > a, .navigation-primary [role=menubar] > li.section-4.active-trail > a {
  background-color: #feecdd !important;
}
.navigation-primary [role=menubar] > li.section-4.sm-open > a {
  border-color: #feecdd !important;
}
.navigation-primary [role=menubar] > li.section-4.sm-open > ul {
  border-bottom: 11px solid #f8801b !important;
}
.navigation-primary [role=menubar] > li.section-5 > a, .navigation-primary [role=menubar] > li.section-5 > ul {
  border-color: #a91a54 !important;
}
.navigation-primary [role=menubar] > li.section-5 > ul {
  background-color: #f2dde5 !important;
}
.navigation-primary [role=menubar] > li.section-5.active > a, .navigation-primary [role=menubar] > li.section-5.active-trail > a {
  background-color: #f2dde5 !important;
}
.navigation-primary [role=menubar] > li.section-5.sm-open > a {
  border-color: #f2dde5 !important;
}
.navigation-primary [role=menubar] > li.section-5.sm-open > ul {
  border-bottom: 11px solid #a91a54 !important;
}
.navigation-primary [role=menubar] > li.section-6 > a, .navigation-primary [role=menubar] > li.section-6 > ul {
  border-color: #5db58f !important;
}
.navigation-primary [role=menubar] > li.section-6 > ul {
  background-color: #e7f4ee !important;
}
.navigation-primary [role=menubar] > li.section-6.active > a, .navigation-primary [role=menubar] > li.section-6.active-trail > a {
  background-color: #e7f4ee !important;
}
.navigation-primary [role=menubar] > li.section-6.sm-open > a {
  border-color: #e7f4ee !important;
}
.navigation-primary [role=menubar] > li.section-6.sm-open > ul {
  border-bottom: 11px solid #5db58f !important;
}
.navigation-primary [role=menubar] > li.section-7 > a, .navigation-primary [role=menubar] > li.section-7 > ul {
  border-color: #e9dbc9 !important;
}
.navigation-primary [role=menubar] > li.section-7 > ul {
  background-color: #fcfaf7 !important;
}
.navigation-primary [role=menubar] > li.section-7.active > a, .navigation-primary [role=menubar] > li.section-7.active-trail > a {
  background-color: #fcfaf7 !important;
}
.navigation-primary [role=menubar] > li.section-7.sm-open > a {
  border-color: #fcfaf7 !important;
}
.navigation-primary [role=menubar] > li.section-7.sm-open > ul {
  border-bottom: 11px solid #e9dbc9 !important;
}
.navigation-primary [role=menubar] > li.section-8 > a, .navigation-primary [role=menubar] > li.section-8 > ul {
  border-color: #555658 !important;
}
.navigation-primary [role=menubar] > li.section-8 > ul {
  background-color: #e6e6e6 !important;
}
.navigation-primary [role=menubar] > li.section-8.active > a, .navigation-primary [role=menubar] > li.section-8.active-trail > a {
  background-color: #e6e6e6 !important;
}
.navigation-primary [role=menubar] > li.section-8.sm-open > a {
  border-color: #e6e6e6 !important;
}
.navigation-primary [role=menubar] > li.section-8.sm-open > ul {
  border-bottom: 11px solid #555658 !important;
}
.navigation-primary [role=menubar] > li a {
  color: #54565b !important;
}
.navigation-primary [role=menubar] > li > a {
  white-space: pre;
  border-bottom: 0.6111111111em solid transparent;
  border-left: none !important;
  padding: 0.9473684211em 0.6631578947em 0.6842105263em;
  line-height: 1.3;
  font-size: 105.5555555556%;
  text-align: left;
}
.navigation-primary [role=menubar] > li > a:hover {
  text-decoration: underline !important;
  cursor: pointer !important;
}
.navigation-primary [role=menubar] > li > a .glyphicon {
  display: none;
}
.navigation-primary [role=menubar] > li > ul > li > a,
.navigation-primary [role=menubar] > li > ul > li > details > summary > a {
  font-size: 111.1111111111%;
  line-height: 1.2;
}
.navigation-primary [role=menubar] li li a:hover {
  text-decoration: underline;
}
.navigation-primary [role=menubar] li li li {
  display: block !important;
}
.navigation-primary [role=menubar] li li li a {
  padding: 0.5em 1em;
}
.navigation-primary [role=menubar] li li li ul {
  display: none !important;
}
.navigation-primary ul {
  padding: 0;
}
.navigation-primary .sm.open {
  background: #54565b;
  width: 100%;
  display: table;
  left: 0;
}
.navigation-primary .sm.open li {
  display: table-cell;
  vertical-align: top;
}
.navigation-primary .container, .navigation-primary .row {
  width: auto;
  padding: 0;
  margin: 0;
}
.navigation-primary details {
  visibility: visible !important;
  padding-bottom: 0;
}
.navigation-primary details summary {
  background: none;
  color: inherit;
}
.navigation-primary details summary::-webkit-details-marker {
  display: none;
}
.navigation-primary details > * {
  display: block !important;
}
.navigation-primary details > summary:before, .navigation-primary details[open] > summary:before {
  content: "" !important;
}

#navigation-mobile {
  font-size: 122.2222222222%;
  display: none;
}
.touch #navigation-mobile {
  display: block;
}

details {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

details > summary {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

details summary {
  padding: 0px 0px !important;
  margin-bottom: 0px !important;
}

#wb-sm .menu > li > a.wb-navcurr, #wb-sm .sm.open li a.wb-navcurr, #wb-sm .sm.open li a:focus, #wb-sm .sm.open li a:hover, #wb-sm .sm.open li summary.wb-navcurr, #wb-sm .sm.open li summary:focus, #wb-sm .sm.open li summary:hover {
  background: none;
  color: inherit;
  text-decoration: underline;
}

#wb-sm .sm.open li a, #wb-sm .sm.open li summary {
  padding: 9px 10px;
}

#wb-sm .sm.open > li {
  padding-top: 10px;
}

#wb-sm .menu {
  margin-bottom: 0;
  text-shadow: none !important;
}
#wb-sm .menu ul {
  padding: 5px 10px;
}

#wb-sm .menu > li.active > a, #wb-sm .menu > li > a:hover {
  background: none !important;
}

@media screen and (max-width: 995px) {
  #navigation-mobile {
    font-size: 122.22222%;
    display: block;
  }
  .header-topbar-inner .create-account {
    display: none;
  }
  .navigation-primary {
    display: none !important;
  }
  .l-page-nav-content-sidebar .page-nav,
  .l-page-nav-content .page-nav,
  .engagement-project-page .page-nav {
    display: none !important;
  }
  .l-page-nav-content-sidebar .page-content {
    width: 100% !important;
  }
  .no-touch .l-page-nav-content-sidebar .page-sidebar,
  .no-touch .l-page-nav-content .page-sidebar,
  .no-touch .engagement-project-page .page-sidebar,
  .no-js .l-page-nav-content-sidebar .page-sidebar,
  .no-js .l-page-nav-content .page-sidebar,
  .no-js .engagement-project-page .page-sidebar {
    padding-left: 0px !important;
    margin-right: 0px;
    margin-left: 0px;
  }
}
#wb-sm .menu > li:last-child > a {
  border-right: none !important;
}

#wb-bar {
  border-bottom: none !important;
}
#wb-bar.zoomed-text #navigation-mobile {
  font-size: 122.22222%;
  display: block;
}
#wb-bar.zoomed-text .header-topbar-inner .create-account {
  display: none;
}
#wb-bar.zoomed-text .navigation-primary {
  display: none !important;
}
#wb-bar.zoomed-text .l-page-nav-content-sidebar .page-nav,
#wb-bar.zoomed-text .l-page-nav-content .page-nav,
#wb-bar.zoomed-text .engagement-project-page .page-nav {
  display: none !important;
}
#wb-bar.zoomed-text .l-page-nav-content-sidebar .page-content {
  width: 100% !important;
}
#wb-bar.zoomed-text .no-touch .l-page-nav-content-sidebar .page-sidebar,
#wb-bar.zoomed-text .no-touch .l-page-nav-content .page-sidebar,
#wb-bar.zoomed-text .no-touch .engagement-project-page .page-sidebar,
#wb-bar.zoomed-text .no-js .l-page-nav-content-sidebar .page-sidebar,
#wb-bar.zoomed-text .no-js .l-page-nav-content .page-sidebar,
#wb-bar.zoomed-text .no-js .engagement-project-page .page-sidebar {
  padding-left: 0px !important;
  margin-right: 0px;
  margin-left: 0px;
}

.navigation-secondary .unpublished {
  color: lightgrey;
}
.navigation-secondary .unpublished:hover {
  color: black;
}

.hide-menu-link {
  display: none !important;
}

#ss-container {
  margin-top: 60px;
  padding-bottom: 30px;
}
#ss-container .ssn-label {
  font-weight: bold;
  font-size: 30px;
}
#ss-container .ss-item {
  padding: 15px;
  padding-top: 10px;
  padding-bottom: 10px;
  border: 1px solid #eaeaea;
  border-radius: 5px;
  box-shadow: 1px 1px 6px #b7b7b7;
  margin-bottom: 30px;
}
#ss-container .ss-item p, #ss-container .ss-item .description, #ss-container .ss-item .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #ss-container .ss-item label[for=mce-EMAIL] {
  margin-bottom: 0px;
  font-size: 17px;
}
#ss-container .ss-item p.note, #ss-container .ss-item .engagement-project-page .sidebar #mc_embed_signup form label.note[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #ss-container .ss-item label.note[for=mce-EMAIL], #ss-container .ss-item .description, #ss-container .ss-item .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL].description, .engagement-project-page .sidebar #mc_embed_signup form #ss-container .ss-item label[for=mce-EMAIL].description {
  margin-bottom: 2px;
}
#ss-container .ss-item .fa {
  font-size: 20px;
  padding: 2px;
  padding-right: 5px;
}
#ss-container .ss-item .fa-exclamation-circle {
  color: #d3080c;
}
#ss-container .ss-item .fa-check-circle {
  color: #278400;
}
#ss-container .ss-item .fa-info-circle {
  color: #269abc;
}
#ss-container .ss-item .ss-group {
  font-size: 25px;
  font-weight: bold;
  display: block;
  margin-bottom: -22px;
}
#ss-container .ss-item .main-date {
  font-size: 20px;
  margin-top: 5px;
  display: block;
}
#ss-container .ss-item .main-comments {
  font-size: 17px;
  margin-left: 25px;
  display: block;
  padding-top: 5px;
}
#ss-container .exceptions-header {
  font-weight: bold;
  font-size: 20px !important;
  margin-top: 15px;
  border-top: 1px solid #dadada;
  padding-top: 10px;
}
#ss-container .seg-item {
  margin-bottom: 15px;
  margin-top: 5px;
}
#ss-container .seg-item .seg-subheading,
#ss-container .seg-item .seg-comments {
  font-size: 15px !important;
  margin-left: 10px;
  padding-left: 5px;
}
#ss-container .seg-item .seg-heading {
  border-left: 2px solid #b3b3b3;
  padding-left: 5px;
  background-color: #fbfbfb;
  padding-top: 2px;
}
#ss-container .seg-item .seg-heading.schedule {
  background: #d7faff;
  border-color: #269abc;
}
#ss-container .seg-item .seg-heading.postpone {
  background: #f3e9e8;
  border-color: #d3080c;
}
#ss-container .seg-item .seg-heading.complete {
  background: #d8eeca;
  border-color: #278400;
}
#ss-container .completed-areas {
  border-top: 1px solid #e2e2e2;
  background-color: whitesmoke;
  padding: 7px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

#cos-ss {
  padding-top: 10px;
}

#occuring-today a {
  text-decoration: unset;
}

.today-card {
  padding: 5px 10px 5px 10px;
  width: auto;
  display: inline-block;
  font-size: 16px;
  border-radius: 5px;
  box-shadow: 1px 1px 1px 2px #f1f1f1;
  margin-bottom: 5px;
  margin-right: 5px;
  margin-left: 5px;
}

.today-card:first-child {
  margin-left: 0 !important;
}

.pane-street-sweeping .alert {
  font-size: 15px;
}

#map-it {
  display: inline-block;
  position: relative;
  margin-bottom: 10px;
  top: -5px;
  margin-left: 10px;
}

.panel-block {
  margin-bottom: 40px;
  margin-bottom: 1.6666666667em;
}
.panel-block .panel-block-title {
  color: white;
  padding: 0.7272727273em 0.8181818182em;
  background-color: black;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-bottom: 1.2727272727em;
  border-top-left-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 15px;
}
.section-1 .panel-block .panel-block-title {
  background-color: #003d60;
}
.section-2 .panel-block .panel-block-title {
  background-color: #5fabc9;
  color: #000000;
}
.section-3 .panel-block .panel-block-title {
  background-color: #4d2343;
}
.section-4 .panel-block .panel-block-title {
  background-color: #f8801b;
  color: #000000;
}
.section-5 .panel-block .panel-block-title {
  background-color: #a91a54;
}
.section-6 .panel-block .panel-block-title {
  background-color: #5db58f;
  color: #000000;
}
.section-7 .panel-block .panel-block-title {
  background-color: #e9dbc9;
  color: #000000;
}
.section-8 .panel-block .panel-block-title {
  background-color: #54565b;
}
.section-primary .panel-block .panel-block-title {
  background-color: #00594e;
}
.panel-block .panel-block-title a {
  color: white;
}
.panel-block .menu {
  margin-bottom: 0;
}
.panel-block .menu li {
  margin-bottom: 1.5555555556em;
}
.landing-block {
  margin-top: 2.0555555556em;
}
.landing-block img {
  width: 100%;
  display: none;
}
.landing-block .landing-block-title {
  border-top: 0.375em solid black;
  padding-top: 0.875em;
  margin-bottom: 0.53125em;
}
.section-1 .landing-block .landing-block-title {
  border-top-color: #003d60;
}
.section-2 .landing-block .landing-block-title {
  border-top-color: #5fabc9;
}
.section-3 .landing-block .landing-block-title {
  border-top-color: #4d2343;
}
.section-4 .landing-block .landing-block-title {
  border-top-color: #f8801b;
}
.section-5 .landing-block .landing-block-title {
  border-top-color: #a91a54;
}
.section-6 .landing-block .landing-block-title {
  border-top-color: #5db58f;
}
.section-7 .landing-block .landing-block-title {
  border-top-color: #e9dbc9;
}
.section-8 .landing-block .landing-block-title {
  border-top-color: #54565b;
}
.section-primary .landing-block .landing-block-title {
  border-top-color: #00594e;
}
.landing-block a {
  color: inherit;
  text-decoration: none !important;
}
.landing-block a:hover {
  text-decoration: underline !important;
}
@media (min-width: 700px) {
  .landing-block img {
    display: block;
  }
  .pane-landing-page-level-1 .landing-block {
    width: 50%;
    float: left;
  }
  .pane-landing-page-level-1 .landing-block.col-1 {
    padding-right: 15px;
    clear: left;
  }
  .pane-landing-page-level-1 .landing-block:nth-child(2n-1) {
    padding-right: 15px;
    clear: left;
  }
  .pane-landing-page-level-1 .landing-block.col-2 {
    padding-left: 15px;
  }
  .pane-landing-page-level-1 .landing-block:nth-child(2n) {
    padding-left: 15px;
  }
  .pane-landing-page-level-1 .landing-block ul {
    -webkit-columns: 2;
    -moz-columns: 2;
    -ms-columns: 2;
    -o-columns: 2;
    columns: 2;
    padding-bottom: 1.6111111111em;
    margin-bottom: 4px;
  }
}

.page-sidebar .block {
  margin-top: 3.3333333333em;
}
.page-sidebar .block .sidebar-block-title,
.page-sidebar .block .block-title {
  border-bottom: 0.1363636364em solid black;
  margin-bottom: 1.0909090909em;
  padding-right: 3rem;
  padding-bottom: 0.2272727273em;
}
.section-1 .page-sidebar .block .sidebar-block-title,
.section-1 .page-sidebar .block .block-title {
  border-color: #003d60;
}
.section-2 .page-sidebar .block .sidebar-block-title,
.section-2 .page-sidebar .block .block-title {
  border-color: #5fabc9;
}
.section-3 .page-sidebar .block .sidebar-block-title,
.section-3 .page-sidebar .block .block-title {
  border-color: #4d2343;
}
.section-4 .page-sidebar .block .sidebar-block-title,
.section-4 .page-sidebar .block .block-title {
  border-color: #f8801b;
}
.section-5 .page-sidebar .block .sidebar-block-title,
.section-5 .page-sidebar .block .block-title {
  border-color: #a91a54;
}
.section-6 .page-sidebar .block .sidebar-block-title,
.section-6 .page-sidebar .block .block-title {
  border-color: #5db58f;
}
.section-7 .page-sidebar .block .sidebar-block-title,
.section-7 .page-sidebar .block .block-title {
  border-color: #e9dbc9;
}
.section-8 .page-sidebar .block .sidebar-block-title,
.section-8 .page-sidebar .block .block-title {
  border-color: #54565b;
}
.section-primary .page-sidebar .block .sidebar-block-title,
.section-primary .page-sidebar .block .block-title {
  border-color: #00594e;
}
.page-sidebar .block ul {
  margin-left: 0px;
  list-style-type: none;
}
.page-sidebar .block ul li {
  margin-bottom: 1.3333333333em;
}

.field--name-field-sidebar-block > .field--item {
  margin-top: 3.3333333333em;
}

.field--name-field-sidebar-block > .field--item:first-child {
  margin-top: 0;
}

.community-association .sidebar-block-title {
  border-bottom: 0.1363636364em solid #f8801b;
}

.page-sidebar .block.page-feature {
  margin-top: 20px;
}

.page-feature {
  margin-top: 25px;
  max-width: 225px;
}
.page-feature img {
  height: auto;
  margin-bottom: 20px;
}

.page-feature.sidebar-block {
  max-width: inherit;
}

.page-sidebar .view-id-news_releases .list-basic ul, .page-sidebar .view-id-news_releases .list-community-associations ul {
  padding-left: 0px;
}

.page-sidebar .list-basic li .icon-rightarrow:before, .page-sidebar .list-community-associations li .icon-rightarrow:before {
  color: #00594e;
  position: relative;
  right: -3px;
  font-size: 13px;
}

.page-sidebar > .block:first-child {
  margin-top: 0;
}

.block .contact-councillor {
  margin-top: -3.33333em;
}

.light-shadow, .zoo-animal-grids .zoo-animal-link, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link {
  box-shadow: rgba(60, 64, 67, 0.31) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 16px 2px;
}

.dark-shadow, .zoo-animal-grids .zoo-animal-link:hover, .zoo-animal-grids .zoo-animal-link:focus {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

.view-events .form-group {
  overflow: hidden;
}
.view-events .form-group .views-exposed-widget {
  float: left;
  margin-right: 0.5555555556em;
  max-width: 100%;
}
.view-events .form-group .views-submit-button {
  margin-top: 1.5em;
}

.events-calendar-listing summary span {
  font-size: 53.8461538462%;
  display: block;
}
.events-calendar-listing .on-page-event {
  margin-bottom: 1em;
}
.events-calendar-listing .event-title {
  margin: 0;
}
.events-calendar-listing .event-day-week {
  font-size: 133.3333333333%;
}
.events-calendar-listing .event-day-month {
  font-size: 222.2222222222%;
}
.events-calendar-listing .event-time-place {
  margin-top: 16px;
}
.events-calendar-listing .event-tags {
  font-size: 16px;
  display: block;
}
.events-calendar-listing .accordion-content {
  border-top: 0.0555555556em solid #dddddd;
}
.events-calendar-listing .event-day {
  margin-top: 1em;
  margin-bottom: 1em;
}
@media (min-width: 768px) {
  .events-calendar-listing summary span {
    display: inline;
  }
  .events-calendar-listing .event-day, .events-calendar-listing .event-details {
    display: table-cell;
    vertical-align: top;
  }
  .events-calendar-listing .event-day {
    width: 185px;
    padding-right: 32px;
    text-align: right;
  }
  .events-calendar-listing .event-details {
    padding-top: 7px;
  }
}

.event-description div,
.related-events div {
  padding-left: 0;
}
.event-description .btn, .event-description .gsc-search-button button, .gsc-search-button .event-description button, .event-description input[type=submit],
.event-description input[type=button], .event-description .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .event-description .button, .event-description .engagement-project-page .form-submit, .engagement-project-page .event-description .form-submit,
.related-events .btn,
.related-events .gsc-search-button button,
.gsc-search-button .related-events button,
.related-events input[type=submit],
.related-events input[type=button],
.related-events .engagement-project-page .sidebar #mc_embed_signup form .button,
.engagement-project-page .sidebar #mc_embed_signup form .related-events .button,
.related-events .engagement-project-page .form-submit,
.engagement-project-page .related-events .form-submit {
  margin-bottom: 20px;
  width: 100%;
}

@media (min-width: 750px) {
  .event-description .btn, .event-description .gsc-search-button button, .gsc-search-button .event-description button, .event-description input[type=submit],
  .event-description input[type=button], .event-description .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .event-description .button, .event-description .engagement-project-page .form-submit, .engagement-project-page .event-description .form-submit, .related-events .btn, .related-events .gsc-search-button button, .gsc-search-button .related-events button, .related-events input[type=submit],
  .related-events input[type=button], .related-events .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .related-events .button, .related-events .engagement-project-page .form-submit, .engagement-project-page .related-events .form-submit {
    margin-bottom: 1em;
    display: inline-block;
    width: auto;
  }
  .event-description .event-actions, .related-events .event-actions {
    text-align: right;
  }
}
.event-description {
  border-bottom: 1px solid black;
  padding: 0 0 30px 0;
}
.event-description .event-date-time,
.event-description .field--name-field-location {
  font-weight: bold;
  font-size: 122.2222222222%;
}

.related-events {
  padding: 30px 0 0 0;
}
.related-events p, .related-events .description, .related-events .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .related-events label[for=mce-EMAIL], .related-events h4, .related-events .realtimefeed-content h2, .realtimefeed-content .related-events h2, .related-events .realtimefeed-content .envirofact .fact, .realtimefeed-content .envirofact .related-events .fact, .related-events .envirofact .realtimefeed-content .fact, .envirofact .realtimefeed-content .related-events .fact, .related-events .realtimefeed-content h3, .related-events .realtimefeed-content .gsc-table-result a.gs-title, .gsc-table-result .related-events .realtimefeed-content a.gs-title, .related-events .realtimefeed-content .view-id-search .views-field-title, .view-id-search .related-events .realtimefeed-content .views-field-title, .realtimefeed-content .related-events h3, .realtimefeed-content .related-events .gsc-table-result a.gs-title, .gsc-table-result .realtimefeed-content .related-events a.gs-title, .realtimefeed-content .related-events .view-id-search .views-field-title, .view-id-search .realtimefeed-content .related-events .views-field-title, .related-events .page-sidebar .block-title, .page-sidebar .related-events .block-title, .related-events .field-collection-item-field-timeline .field--name-field-when, .field-collection-item-field-timeline .related-events .field--name-field-when, .related-events #engagement-timeline .timeline-desc-wrap h3, .related-events #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, .gsc-table-result .related-events #engagement-timeline .timeline-desc-wrap a.gs-title, .related-events #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, .view-id-search .related-events #engagement-timeline .timeline-desc-wrap .views-field-title, .related-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, .footer-contactinfo .inner .related-events #engagement-timeline .timeline-desc-wrap h2, .related-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .related-events #engagement-timeline .timeline-desc-wrap .fact, .related-events #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .related-events #engagement-timeline .timeline-desc-wrap .fact, #engagement-timeline .timeline-desc-wrap .related-events h3, #engagement-timeline .timeline-desc-wrap .related-events .gsc-table-result a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap .related-events a.gs-title, #engagement-timeline .timeline-desc-wrap .related-events .view-id-search .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .related-events .views-field-title, #engagement-timeline .timeline-desc-wrap .related-events .footer-contactinfo .inner h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .related-events h2, #engagement-timeline .timeline-desc-wrap .related-events .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .related-events .fact, #engagement-timeline .timeline-desc-wrap .related-events .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .related-events .fact, .related-events .engagement-project-page .sidebar .sidebar-block-title, .engagement-project-page .sidebar .related-events .sidebar-block-title,
.related-events .engagement-project-page .sidebar .block-title,
.engagement-project-page .sidebar .related-events .block-title, .related-events .section-heading-bar, .related-events .panel-block .panel-block-title, .panel-block .related-events .panel-block-title, .related-events .page-sidebar .block .sidebar-block-title, .page-sidebar .block .related-events .sidebar-block-title {
  margin-bottom: 0;
}
.related-events h4, .related-events .realtimefeed-content h2, .realtimefeed-content .related-events h2, .related-events .realtimefeed-content .envirofact .fact, .realtimefeed-content .envirofact .related-events .fact, .related-events .envirofact .realtimefeed-content .fact, .envirofact .realtimefeed-content .related-events .fact, .related-events .realtimefeed-content h3, .related-events .realtimefeed-content .gsc-table-result a.gs-title, .gsc-table-result .related-events .realtimefeed-content a.gs-title, .related-events .realtimefeed-content .view-id-search .views-field-title, .view-id-search .related-events .realtimefeed-content .views-field-title, .realtimefeed-content .related-events h3, .realtimefeed-content .related-events .gsc-table-result a.gs-title, .gsc-table-result .realtimefeed-content .related-events a.gs-title, .realtimefeed-content .related-events .view-id-search .views-field-title, .view-id-search .realtimefeed-content .related-events .views-field-title, .related-events .page-sidebar .block-title, .page-sidebar .related-events .block-title, .related-events .field-collection-item-field-timeline .field--name-field-when, .field-collection-item-field-timeline .related-events .field--name-field-when, .related-events #engagement-timeline .timeline-desc-wrap h3, .related-events #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, .gsc-table-result .related-events #engagement-timeline .timeline-desc-wrap a.gs-title, .related-events #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, .view-id-search .related-events #engagement-timeline .timeline-desc-wrap .views-field-title, .related-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, .footer-contactinfo .inner .related-events #engagement-timeline .timeline-desc-wrap h2, .related-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .related-events #engagement-timeline .timeline-desc-wrap .fact, .related-events #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .related-events #engagement-timeline .timeline-desc-wrap .fact, #engagement-timeline .timeline-desc-wrap .related-events h3, #engagement-timeline .timeline-desc-wrap .related-events .gsc-table-result a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap .related-events a.gs-title, #engagement-timeline .timeline-desc-wrap .related-events .view-id-search .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .related-events .views-field-title, #engagement-timeline .timeline-desc-wrap .related-events .footer-contactinfo .inner h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .related-events h2, #engagement-timeline .timeline-desc-wrap .related-events .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .related-events .fact, #engagement-timeline .timeline-desc-wrap .related-events .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .related-events .fact, .related-events .engagement-project-page .sidebar .sidebar-block-title, .engagement-project-page .sidebar .related-events .sidebar-block-title,
.related-events .engagement-project-page .sidebar .block-title,
.engagement-project-page .sidebar .related-events .block-title, .related-events .section-heading-bar, .related-events .panel-block .panel-block-title, .panel-block .related-events .panel-block-title, .related-events .page-sidebar .block .sidebar-block-title, .page-sidebar .block .related-events .sidebar-block-title, .related-events .read-more {
  margin-top: 15px;
}
.related-events h2, .related-events .envirofact .fact, .envirofact .related-events .fact {
  margin-bottom: 30px;
}
.related-events .tags {
  font-size: 77.7777777778%;
  margin: 0.4285714286em 0;
  line-height: 1.2;
}
.related-events .event-date {
  margin-bottom: 40px;
  word-wrap: break-word;
}
.related-events .event-date .date {
  display: inline-block;
  padding-top: 5px;
  color: #fff;
  background-color: #4d2343;
}
.related-events .event-date .date > span {
  font-size: 24px;
  display: inline-block;
  padding: 0 5px 0 12px;
  text-align: center;
  line-height: 1.5em;
}
.related-events .event-date .date > span:nth-child(2) {
  font-size: 36px;
  padding: 0 12px 0 5px;
}

.archive-pagination {
  text-align: center;
}

.event-year {
  clear: both;
}
.event-year .table th, .event-year .views-table th {
  background-color: transparent;
}

#homepage-events .icon,
#sidebar-events .icon {
  margin-right: 0.5em;
  vertical-align: top;
}
#homepage-events .saskatoon-events-list,
#sidebar-events .saskatoon-events-list {
  display: inline-block;
}
#homepage-events .saskatoon-events-list p, #homepage-events .saskatoon-events-list .description, #homepage-events .saskatoon-events-list .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #homepage-events .saskatoon-events-list label[for=mce-EMAIL],
#sidebar-events .saskatoon-events-list p,
#sidebar-events .saskatoon-events-list .description,
#sidebar-events .saskatoon-events-list .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL],
.engagement-project-page .sidebar #mc_embed_signup form #sidebar-events .saskatoon-events-list label[for=mce-EMAIL] {
  white-space: normal;
}
#homepage-events .saskatoon-events-wrapper,
#sidebar-events .saskatoon-events-wrapper {
  padding-left: 1em;
}

#sidebar-events .saskatoon-events-list {
  width: 85%;
}

#homepage-events .saskatoon-events-list {
  width: 90%;
}
#homepage-events .dashboard-control {
  text-align: right;
}
#homepage-events .panel-block-title {
  text-shadow: none;
  color: black;
}

.view-on-page-events h4 span, .view-on-page-events .realtimefeed-content h2 span, .realtimefeed-content .view-on-page-events h2 span, .view-on-page-events .realtimefeed-content .envirofact .fact span, .realtimefeed-content .envirofact .view-on-page-events .fact span, .view-on-page-events .envirofact .realtimefeed-content .fact span, .envirofact .realtimefeed-content .view-on-page-events .fact span, .view-on-page-events .realtimefeed-content h3 span, .view-on-page-events .realtimefeed-content .gsc-table-result a.gs-title span, .gsc-table-result .view-on-page-events .realtimefeed-content a.gs-title span, .view-on-page-events .realtimefeed-content .view-id-search .views-field-title span, .view-id-search .view-on-page-events .realtimefeed-content .views-field-title span, .realtimefeed-content .view-on-page-events h3 span, .realtimefeed-content .view-on-page-events .gsc-table-result a.gs-title span, .gsc-table-result .realtimefeed-content .view-on-page-events a.gs-title span, .realtimefeed-content .view-on-page-events .view-id-search .views-field-title span, .view-id-search .realtimefeed-content .view-on-page-events .views-field-title span, .view-on-page-events .page-sidebar .block-title span, .page-sidebar .view-on-page-events .block-title span, .view-on-page-events .field-collection-item-field-timeline .field--name-field-when span, .field-collection-item-field-timeline .view-on-page-events .field--name-field-when span, .view-on-page-events #engagement-timeline .timeline-desc-wrap h3 span, .view-on-page-events #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title span, .gsc-table-result .view-on-page-events #engagement-timeline .timeline-desc-wrap a.gs-title span, .view-on-page-events #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title span, .view-id-search .view-on-page-events #engagement-timeline .timeline-desc-wrap .views-field-title span, .view-on-page-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2 span, .footer-contactinfo .inner .view-on-page-events #engagement-timeline .timeline-desc-wrap h2 span, .view-on-page-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact span, .footer-contactinfo .inner .envirofact .view-on-page-events #engagement-timeline .timeline-desc-wrap .fact span, .view-on-page-events #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact span, .envirofact .footer-contactinfo .inner .view-on-page-events #engagement-timeline .timeline-desc-wrap .fact span, #engagement-timeline .timeline-desc-wrap .view-on-page-events h3 span, #engagement-timeline .timeline-desc-wrap .view-on-page-events .gsc-table-result a.gs-title span, .gsc-table-result #engagement-timeline .timeline-desc-wrap .view-on-page-events a.gs-title span, #engagement-timeline .timeline-desc-wrap .view-on-page-events .view-id-search .views-field-title span, .view-id-search #engagement-timeline .timeline-desc-wrap .view-on-page-events .views-field-title span, #engagement-timeline .timeline-desc-wrap .view-on-page-events .footer-contactinfo .inner h2 span, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .view-on-page-events h2 span, #engagement-timeline .timeline-desc-wrap .view-on-page-events .footer-contactinfo .inner .envirofact .fact span, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .view-on-page-events .fact span, #engagement-timeline .timeline-desc-wrap .view-on-page-events .envirofact .footer-contactinfo .inner .fact span, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .view-on-page-events .fact span, .view-on-page-events .engagement-project-page .sidebar .sidebar-block-title span, .engagement-project-page .sidebar .view-on-page-events .sidebar-block-title span,
.view-on-page-events .engagement-project-page .sidebar .block-title span,
.engagement-project-page .sidebar .view-on-page-events .block-title span, .view-on-page-events .section-heading-bar span, .view-on-page-events .panel-block .panel-block-title span, .panel-block .view-on-page-events .panel-block-title span, .view-on-page-events .page-sidebar .block .sidebar-block-title span, .page-sidebar .block .view-on-page-events .sidebar-block-title span {
  font-size: 15px;
  font-weight: 100;
}
.view-on-page-events .event-day {
  width: 150px;
  padding-right: 20px;
  text-align: right;
}
.view-on-page-events .on-page-event {
  border-bottom: 1px solid #e1e1e1;
  margin-bottom: 1em;
  padding-bottom: 1em;
}
.view-on-page-events .on-page-event:not(:first-child) {
  border-top: 0.05556em solid #dddddd;
  padding-top: 20px;
  margin-top: 20px;
}
.view-on-page-events .on-page-event:last-child {
  padding-bottom: 20px;
}
.view-on-page-events .event-title {
  font-size: 24px;
}
.view-on-page-events .event-title a {
  text-decoration: unset;
}
.view-on-page-events .event-time-place {
  font-weight: bold;
  margin-top: 5px;
  display: block;
}
.view-on-page-events .event-day {
  text-align: left;
}
.view-on-page-events .more-link {
  margin-left: 10px;
}

@media (min-width: 750px) {
  .view-on-page-events .event-day {
    text-align: right;
  }
}
.block-saskatoon-on-page-events {
  margin-top: 50px;
}
.block-saskatoon-on-page-events .block-title {
  border-bottom: 0.13636em solid black;
  padding-right: 3.18182em;
  padding-bottom: 0.22727em;
}
.block-saskatoon-on-page-events h4 span, .block-saskatoon-on-page-events .realtimefeed-content h2 span, .realtimefeed-content .block-saskatoon-on-page-events h2 span, .block-saskatoon-on-page-events .realtimefeed-content .envirofact .fact span, .realtimefeed-content .envirofact .block-saskatoon-on-page-events .fact span, .block-saskatoon-on-page-events .envirofact .realtimefeed-content .fact span, .envirofact .realtimefeed-content .block-saskatoon-on-page-events .fact span, .block-saskatoon-on-page-events .realtimefeed-content h3 span, .block-saskatoon-on-page-events .realtimefeed-content .gsc-table-result a.gs-title span, .gsc-table-result .block-saskatoon-on-page-events .realtimefeed-content a.gs-title span, .block-saskatoon-on-page-events .realtimefeed-content .view-id-search .views-field-title span, .view-id-search .block-saskatoon-on-page-events .realtimefeed-content .views-field-title span, .realtimefeed-content .block-saskatoon-on-page-events h3 span, .realtimefeed-content .block-saskatoon-on-page-events .gsc-table-result a.gs-title span, .gsc-table-result .realtimefeed-content .block-saskatoon-on-page-events a.gs-title span, .realtimefeed-content .block-saskatoon-on-page-events .view-id-search .views-field-title span, .view-id-search .realtimefeed-content .block-saskatoon-on-page-events .views-field-title span, .block-saskatoon-on-page-events .page-sidebar .block-title span, .page-sidebar .block-saskatoon-on-page-events .block-title span, .block-saskatoon-on-page-events .field-collection-item-field-timeline .field--name-field-when span, .field-collection-item-field-timeline .block-saskatoon-on-page-events .field--name-field-when span, .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap h3 span, .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title span, .gsc-table-result .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap a.gs-title span, .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title span, .view-id-search .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .views-field-title span, .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2 span, .footer-contactinfo .inner .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap h2 span, .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact span, .footer-contactinfo .inner .envirofact .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .fact span, .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact span, .envirofact .footer-contactinfo .inner .block-saskatoon-on-page-events #engagement-timeline .timeline-desc-wrap .fact span, #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events h3 span, #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .gsc-table-result a.gs-title span, .gsc-table-result #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events a.gs-title span, #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .view-id-search .views-field-title span, .view-id-search #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .views-field-title span, #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .footer-contactinfo .inner h2 span, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events h2 span, #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .footer-contactinfo .inner .envirofact .fact span, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .fact span, #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .envirofact .footer-contactinfo .inner .fact span, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .block-saskatoon-on-page-events .fact span, .block-saskatoon-on-page-events .engagement-project-page .sidebar .sidebar-block-title span, .engagement-project-page .sidebar .block-saskatoon-on-page-events .sidebar-block-title span,
.block-saskatoon-on-page-events .engagement-project-page .sidebar .block-title span,
.engagement-project-page .sidebar .block-saskatoon-on-page-events .block-title span, .block-saskatoon-on-page-events .section-heading-bar span, .block-saskatoon-on-page-events .panel-block .panel-block-title span, .panel-block .block-saskatoon-on-page-events .panel-block-title span, .block-saskatoon-on-page-events .page-sidebar .block .sidebar-block-title span, .page-sidebar .block .block-saskatoon-on-page-events .sidebar-block-title span {
  font-size: 15px;
  font-weight: 100;
}

.event-node .field--name-field-date-time,
.event-node .field--name-field-date-time-end {
  display: inline-block;
}
.event-node .event-description .repeat-info {
  margin-top: -1em;
}

.news-release-list .news-release-item {
  margin-bottom: 1.6666666667em;
}
.news-release-list .news-release-item .views-field-created {
  margin-right: 1.1111111111em;
}
.news-release-list .news-release-item .views-field-term-node-tid .field-content span {
  margin-right: 1.1111111111em;
}
.news-release-list .accordion-2 summary h2, .news-release-list .accordion-2 summary .envirofact .fact, .envirofact .news-release-list .accordion-2 summary .fact {
  font-size: 122.2222222222%;
}
@media (min-width: 700px) {
  .news-release-list .controls {
    overflow: hidden;
  }
  .news-release-list .pagination {
    float: left;
  }
  .news-release-list .items-per-page {
    float: right;
  }
}
.news-release-list .items-per-page {
  margin-top: 0.5555555556em;
}

.news-release-detail .release-info {
  margin-top: 1.1111111111em;
  margin-bottom: 1.1111111111em;
}
.news-release-detail .tags span {
  margin-right: 0.5555555556em;
}
.news-release-detail .tags a {
  margin-right: 1.1111111111em;
}

div.node--news-release {
  border-bottom: 1px solid #ccc;
  padding-bottom: 50px;
  width: 100% !important;
}

#views-exposed-form-news-releases-page,
#views-exposed-form-news-releases-page-2 {
  display: inline-block;
  margin-right: 100px;
}

.view-id-news_releases .service-alert-feed-icon,
.view-display-id-page_2 .service-alert-feed-icon {
  display: inline-block;
  text-align: left;
  vertical-align: top;
}

.field--name-field-dispatched-to-the-scene {
  margin-top: 0.5em;
}
.field--name-field-dispatched-to-the-scene .field--label:first-child {
  margin-bottom: 1em;
}
.field--name-field-dispatched-to-the-scene .paragraph {
  margin-left: 1em;
}
.field--name-field-dispatched-to-the-scene .paragraph .field--item {
  display: inline-block;
}
.field--name-field-dispatched-to-the-scene .paragraph .field--label {
  display: inline-block;
}
.field--name-field-dispatched-to-the-scene .paragraph .field {
  margin-bottom: 0;
}

.view-news-releases #edit-items-per-page,
.view-service-alerts #edit-items-per-page {
  width: 100%;
}
.view-news-releases .service-alert-feed-icon,
.view-service-alerts .service-alert-feed-icon {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  align-items: center;
}
.view-news-releases .subscribe-section .btn, .view-news-releases .subscribe-section .gsc-search-button button, .gsc-search-button .view-news-releases .subscribe-section button, .view-news-releases .subscribe-section input[type=submit],
.view-news-releases .subscribe-section input[type=button], .view-news-releases .subscribe-section .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .view-news-releases .subscribe-section .button, .view-news-releases .subscribe-section .engagement-project-page .form-submit, .engagement-project-page .view-news-releases .subscribe-section .form-submit,
.view-service-alerts .subscribe-section .btn,
.view-service-alerts .subscribe-section .gsc-search-button button,
.gsc-search-button .view-service-alerts .subscribe-section button,
.view-service-alerts .subscribe-section input[type=submit],
.view-service-alerts .subscribe-section input[type=button],
.view-service-alerts .subscribe-section .engagement-project-page .sidebar #mc_embed_signup form .button,
.engagement-project-page .sidebar #mc_embed_signup form .view-service-alerts .subscribe-section .button,
.view-service-alerts .subscribe-section .engagement-project-page .form-submit,
.engagement-project-page .view-service-alerts .subscribe-section .form-submit {
  margin-right: 1em;
}
.view-news-releases .subscribe-section .multiple-btn,
.view-service-alerts .subscribe-section .multiple-btn {
  display: inline-block;
  vertical-align: top;
}
.view-news-releases .bef-exposed-form,
.view-service-alerts .bef-exposed-form {
  width: 100%;
}

.pane-meter-read iframe {
  width: 100%;
  min-height: 1150px;
  border: none;
}

.pane-node-field-publication-parent .pane-title {
  display: none;
}

.pane-advancedbookblocks-0 {
  border-left: 1px solid #EEE;
}
.pane-advancedbookblocks-0 ul {
  padding: 0;
  margin: 0;
}
.pane-advancedbookblocks-0 a {
  color: inherit;
  padding-top: 0.2777777778em;
  padding-bottom: 0.2777777778em;
  display: block;
  line-height: 1.1;
}
.pane-advancedbookblocks-0 a:hover {
  background-color: #CBE2DA;
}
.pane-advancedbookblocks-0 li {
  list-style-type: none;
}
.pane-advancedbookblocks-0 li.collapsed {
  list-style-image: none !important;
  list-style-type: none !important;
}
.pane-advancedbookblocks-0 li a {
  padding-left: 1.1111111111em;
}
.pane-advancedbookblocks-0 li li a {
  padding-left: 1.9444444444em;
}
.pane-advancedbookblocks-0 li li li a {
  padding-left: 2.7777777778em;
}
.pane-advancedbookblocks-0 li li li li a {
  padding-left: 3.6111111111em;
}
.pane-advancedbookblocks-0 .highlight.active-trail {
  color: #00594e;
  -webkit-box-shadow: inset 0.5555555556em 0 0 0 #00594e;
  -moz-box-shadow: inset 0.5555555556em 0 0 0 #00594e;
  box-shadow: inset 0.5555555556em 0 0 0 #00594e;
}
.lt-ie9 .pane-advancedbookblocks-0 .highlight.active-trail {
  text-indent: -0.5555555556em;
  border-left: 0.5555555556em solid #00594e;
  box-shadow: none;
}
.pane-advancedbookblocks-0 .leaf {
  list-style-type: none;
  list-style-image: none;
}

.ez-container {
  padding: 20px;
  overflow-x: hidden;
}
.ez-container #edit-body-format {
  display: none;
}
.ez-container .vertical-tabs {
  display: none !important;
}
.ez-container .text-format-wrapper .filter-wrapper {
  display: none;
}
.ez-container .field-edit-link {
  display: none;
}
.ez-container .ckeditor_links {
  margin-bottom: 20px;
  display: block;
}
.ez-container input[type=file] {
  margin-bottom: 5px;
}
.ez-container #edit-field-active-now {
  display: none;
}
.ez-container #edit-field-publish-time {
  display: none;
}
.ez-container label {
  font-weight: bold;
}

#cos-orgchart ul {
  line-height: 1.5;
}
#cos-orgchart ul:not(:first-child) {
  padding-left: 50px;
}
#cos-orgchart li {
  margin-bottom: 10px;
}
#cos-orgchart .person-name {
  display: block;
  font-weight: normal;
  padding: 10px 10px 0 10px;
  text-align: center;
}
#cos-orgchart .block-name {
  display: block;
}
#cos-orgchart .name-part {
  font-weight: bold !important;
}
#cos-orgchart .person-part {
  font-weight: normal !important;
  display: block;
}
#cos-orgchart hr {
  margin: 0px;
  margin-bottom: 10px;
  margin-top: 10px;
}

#page-tabs {
  margin-bottom: 30px;
}
#page-tabs .tabbed-icon {
  height: 100%;
  width: auto;
  padding-bottom: 5px;
  display: block;
}
#page-tabs .icon-placeholder {
  height: 40px;
  max-width: 40px;
  display: block;
  margin: auto;
  margin-bottom: 10px;
}
#page-tabs .tab-icon {
  display: block;
  cursor: pointer;
  background-color: #717171;
  height: 100%;
}
#page-tabs svg,
#page-tabs .svg-fallback {
  height: 100%;
  width: 100%;
  pointer-events: none;
  user-select: none;
}
#page-tabs svg {
  fill: #6f6f6f;
}
#page-tabs .active svg,
#page-tabs .active svg path,
#page-tabs .active svg polygon,
#page-tabs .active svg rect,
#page-tabs .active svg circle,
#page-tabs .active svg ellipse,
#page-tabs .active svg polyline {
  fill: #fff;
}
#page-tabs .svg-fallback {
  display: none;
}
#page-tabs .mobilewrap .icon-placeholder {
  display: inline-block !important;
  float: left;
  margin-right: 2px;
}

@media screen and (max-width: 991px) {
  #page-tabs .tabcontent {
    padding: 10px;
  }
  #page-tabs .icon-placeholder {
    max-height: 30px;
    max-width: 30px;
    display: block;
    margin: auto;
    margin-bottom: 0px;
  }
}
/**
 * branchee.css
 * version: 1.0.0
 * author: dubbs
 * license: MIT
 */
.branchee-menu {
  position: relative;
  display: none;
  overflow: hidden;
}

.branchee-menu-pane {
  position: absolute;
  top: 0;
  width: 100%;
  left: 100%;
}

.branchee-menu-pane-active {
  position: relative;
  left: 0;
}

.branchee-open .branchee-menu {
  display: block;
}

.branchee-theme-base .branchee-toggle:before, .branchee-theme-cos .branchee-toggle:before, .branchee-theme-base .branchee-pane-target, .branchee-theme-cos .branchee-pane-target {
  background: #f3f3f3;
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-align: center;
}

.branchee-theme-base ul, .branchee-theme-cos ul {
  margin: 0;
}
.branchee-theme-base li, .branchee-theme-cos li {
  list-style: none;
}
.branchee-theme-base .branchee-pane-target:after, .branchee-theme-cos .branchee-pane-target:after {
  content: "›";
}
.branchee-theme-base .branchee-back .branchee-pane-target:after, .branchee-theme-cos .branchee-back .branchee-pane-target:after {
  content: "‹";
}
.branchee-theme-base .branchee-toggle:before, .branchee-theme-cos .branchee-toggle:before {
  content: "☰";
}
.branchee-theme-base.branchee-open .branchee-toggle:before, .branchee-open.branchee-theme-cos .branchee-toggle:before {
  content: "✖";
}

.branchee-theme-cos .branchee-menu-pane a, .branchee-theme-cos .branchee-toggle {
  line-height: 1;
  padding: 0.7em;
  display: block;
  position: relative;
}

.branchee-theme-cos .branchee-menu-pane a .branchee-pane-target, .branchee-theme-cos .branchee-toggle:before {
  position: absolute;
  height: 100%;
  width: 2em;
  line-height: 2.25;
  top: 0;
}

.branchee-theme-cos a {
  color: #54565b;
  background: #fff;
}
.branchee-theme-cos .branchee-toggle {
  padding-left: 2.5em;
}
.branchee-theme-cos .branchee-toggle:before {
  left: 0;
}
.branchee-theme-cos .branchee-toggle:after {
  content: "";
  display: block;
  height: 5px;
  background: #ccc;
  background: linear-gradient(to right, #003d60 0%, #003d60 14.2857142857%, #5fabc9 14.2857142857%, #5fabc9 28.5714285714%, #4d2343 28.5714285714%, #4d2343 42.8571428571%, #f8801b 42.8571428571%, #f8801b 57.1428571429%, #a91a54 57.1428571429%, #a91a54 71.4285714286%, #5db58f 71.4285714286%, #5db58f 85.7142857143%, #e9dbc9 85.7142857143%, #e9dbc9 100%);
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.branchee-theme-cos.branchee-open .branchee-toggle:after {
  display: none;
}
.branchee-theme-cos .branchee-menu-pane {
  background: white;
  min-height: 17.0454545455em;
  border-bottom: 1px solid #ddd;
}
.branchee-theme-cos .branchee-menu-pane li {
  border-top: 1px solid #ddd;
}
.branchee-theme-cos .branchee-menu-pane a {
  border-left-width: 10px;
  border-left-style: solid;
  border-left-color: white;
  padding-right: 2.5em;
}
.branchee-theme-cos .branchee-menu-pane a .branchee-pane-target {
  right: 0;
}
.branchee-theme-cos .branchee-menu-pane .section-1-highlight {
  border-color: #003d60;
}
.branchee-theme-cos .branchee-menu-pane .section-2-highlight {
  border-color: #5fabc9;
}
.branchee-theme-cos .branchee-menu-pane .section-3-highlight {
  border-color: #4d2343;
}
.branchee-theme-cos .branchee-menu-pane .section-4-highlight {
  border-color: #f8801b;
}
.branchee-theme-cos .branchee-menu-pane .section-5-highlight {
  border-color: #a91a54;
}
.branchee-theme-cos .branchee-menu-pane .section-6-highlight {
  border-color: #5db58f;
}
.branchee-theme-cos .branchee-menu-pane .section-7-highlight {
  border-color: #e9dbc9;
}
.branchee-theme-cos .branchee-back .section-1-highlight {
  background-color: #d9e2e7;
}
.branchee-theme-cos .branchee-back .section-2-highlight {
  background-color: #e7f2f7;
}
.branchee-theme-cos .branchee-back .section-3-highlight {
  background-color: #e4dee3;
}
.branchee-theme-cos .branchee-back .section-4-highlight {
  background-color: #feecdd;
}
.branchee-theme-cos .branchee-back .section-5-highlight {
  background-color: #f2dde5;
}
.branchee-theme-cos .branchee-back .section-6-highlight {
  background-color: #e7f4ee;
}
.branchee-theme-cos .branchee-back .section-7-highlight {
  background-color: #fcfaf7;
}
.branchee-theme-cos .branchee-back .branchee-pane-target {
  background: none;
}
.branchee-menu-pane {
  -webkit-animation-duration: 0.35s;
  -webkit-animation-timing-function: ease-in-out;
  animation-duration: 0.35s;
  animation-timing-function: ease-in-out;
}

@-webkit-keyframes exitleft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@keyframes exitleft {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
@-webkit-keyframes exitright {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@keyframes exitright {
  0% {
    left: 0;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes enterright {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@keyframes enterright {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes enterleft {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
@keyframes enterleft {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}
.branchee-transition-exitleft {
  -webkit-animation-name: exitleft;
  animation-name: exitleft;
}

.branchee-transition-exitright {
  -webkit-animation-name: exitright;
  animation-name: exitright;
}

.branchee-transition-enterright {
  -webkit-animation-name: enterright;
  animation-name: enterright;
}

.branchee-transition-enterleft {
  -webkit-animation-name: enterleft;
  animation-name: enterleft;
}

.branchee-pane-target:after {
  content: "\f054" !important;
  font-size: 60%;
}

.branchee-back .branchee-pane-target:after {
  content: "\f053" !important;
}

.branchee-toggle:before {
  content: "\f0c9" !important;
}

.branchee-open .branchee-toggle:before {
  content: "\f00d" !important;
}

.branchee-toggle {
  font-weight: bold !important;
}

.footer-contactinfo {
  background: #54565b;
}
.footer-contactinfo .inner {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.0555555556em 0.8333333333em 1em;
  margin-top: 3.3333333333em;
}
.footer-contactinfo .inner, .footer-contactinfo .inner a {
  color: white;
}
.footer-contactinfo .inner > div {
  margin-top: 1.7777777778em;
}
.footer-contactinfo .inner .footer-connect-with-us li {
  list-style-type: none;
  margin-bottom: 0.8888888889em;
}
.footer-contactinfo .inner .footer-connect-with-us a {
  white-space: nowrap;
}
.footer-contactinfo .inner .footer-connect-with-us i {
  width: 1.1111111111em;
  text-align: center;
  margin-right: 0.5555555556em;
  font-size: 1.7777777778em;
  float: left;
}
.footer-contactinfo .inner .footer-connect-with-us ul {
  min-height: 2.6666666667em;
}
.footer-contactinfo .inner .footer-quicklinks {
  clear: left;
}
.footer-contactinfo .inner .footer-quicklinks li {
  list-style-type: none;
}
.footer-contactinfo .inner .footer-quicklinks a {
  white-space: nowrap;
}
.footer-contactinfo .inner .footer-address .p-time {
  white-space: nowrap;
}
.footer-contactinfo .inner .footer-address .p-hours {
  display: block;
  margin-bottom: -18px;
}
@media (min-width: 768px) {
  .footer-contactinfo .inner {
    overflow: hidden;
  }
  .footer-contactinfo .inner > div {
    float: left;
    margin-right: 2%;
    padding-top: 0.8888888889em;
    border-top: white 2px solid;
  }
  .footer-contactinfo .inner .footer-address {
    width: 15%;
  }
  .footer-contactinfo .inner .footer-phone {
    width: 37%;
  }
  .footer-contactinfo .inner .footer-connect-with-us {
    width: 25%;
  }
  .footer-contactinfo .inner .footer-connect-with-us i {
    font-size: 1em;
    float: none;
  }
  .footer-contactinfo .inner .footer-quicklinks {
    clear: none;
    width: 15%;
  }
  .footer-contactinfo .inner .footer-quicklinks li {
    margin-bottom: 1em;
  }
}
@media (min-width: 1280px) {
  .footer-contactinfo .inner > div {
    margin-right: 2%;
  }
  .footer-contactinfo .inner .footer-address {
    width: 12%;
  }
  .footer-contactinfo .inner .footer-phone {
    width: 50%;
  }
  .footer-contactinfo .inner .footer-phone p, .footer-contactinfo .inner .footer-phone .description, .footer-contactinfo .inner .footer-phone .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner .footer-phone label[for=mce-EMAIL] {
    display: inline-block;
    vertical-align: top;
  }
  .footer-contactinfo .inner .footer-phone p span, .footer-contactinfo .inner .footer-phone .description span, .footer-contactinfo .inner .footer-phone .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL] span, .engagement-project-page .sidebar #mc_embed_signup form .footer-contactinfo .inner .footer-phone label[for=mce-EMAIL] span {
    white-space: nowrap;
  }
  .footer-contactinfo .inner .footer-phone .phone-inner {
    display: grid;
    gap: 2vw;
    row-gap: 15px;
    grid-template-columns: auto auto auto;
  }
  .footer-contactinfo .inner .footer-connect-with-us {
    width: 18%;
  }
  .footer-contactinfo .inner .footer-quicklinks {
    width: 12%;
  }
}

.footer-meta {
  background: #00594e;
}
.footer-meta .inner {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 3em 1.1111111111em 1.7777777778em;
}
.footer-meta .inner, .footer-meta .inner a {
  color: white;
}
.footer-meta .inner p, .footer-meta .inner .description, .footer-meta .inner .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .footer-meta .inner label[for=mce-EMAIL], .footer-meta .inner ul {
  margin: 0;
}
.footer-meta .inner .footer-links {
  font-size: 88.8888888889%;
  margin-top: 1em;
}
.footer-meta .inner .footer-links li:first-child {
  padding-right: 30px;
}
.footer-meta .inner .footer-logo a {
  display: inline-block;
  width: 8.6666666667em;
  height: 2.1666666667em;
  background-repeat: no-repeat;
}
.footer-meta .inner .footer-logo img {
  margin-bottom: 0.6666666667em;
}
@media (min-width: 670px) {
  .footer-meta .inner {
    position: relative;
  }
  .footer-meta .inner .footer-links {
    position: absolute;
    bottom: 0;
    right: 0.8333333333em;
    margin-top: 0;
    margin-bottom: 2em;
  }
}
@media (min-width: 800px) {
  .footer-meta .inner .footer-links {
    font-size: 100%;
    margin-bottom: 1.7777777778em;
  }
}

.pagination {
  margin: 0;
}
.pagination [aria-hidden=true] {
  display: none;
}

.pagination > .active > a,
.pagination > .active > a:hover,
.pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
  background-color: #D8D8D8;
  color: #54565b;
  border-color: #CBCBCB;
}

.pagination > li > a,
.pagination > li > span {
  padding: 0.5555555556em 0.8888888889em;
}

.pagination > li > a,
.pagination > li > span {
  color: #00594e;
  background-color: white;
  border: 1px solid #CBCBCB;
}

.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
  color: inherit;
  background-color: #D8D8D8;
  border-color: #CBCBCB;
}

.pagination [rel=first]:before,
.pagination [rel=prev]:before,
.pagination [rel=next]:after,
.pagination [rel=last]:after {
  display: inline-block;
  font-style: normal;
  font-weight: bold;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Font Awesome 5 Free" !important;
  position: static !important;
  margin: 0 !important;
}

.pagination [rel=first]:before {
  content: "\f100" !important;
}

.pagination [rel=prev]:before {
  content: "\f104" !important;
}

.pagination [rel=next]:after {
  content: "\f105" !important;
}

.pagination [rel=last]:after {
  content: "\f101" !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button,
.dataTables_wrapper .dataTables_paginate .paginate_button > a,
.dataTables_wrapper .dataTables_paginate .paginate_button > span {
  color: #00594e !important;
  background-color: white !important;
  border: 1px solid #CBCBCB !important;
  padding: 0.5555555556em 0.8888888889em;
}
.dataTables_wrapper .dataTables_paginate .current,
.dataTables_wrapper .dataTables_paginate .current > a,
.dataTables_wrapper .dataTables_paginate .current > a:hover,
.dataTables_wrapper .dataTables_paginate .current > a:focus,
.dataTables_wrapper .dataTables_paginate .current > span,
.dataTables_wrapper .dataTables_paginate .current > span:hover,
.dataTables_wrapper .dataTables_paginate .current > span:focus {
  background-color: #D8D8D8 !important;
  color: #54565b !important;
  border-color: #CBCBCB !important;
}
.dataTables_wrapper .dataTables_paginate span span {
  padding: 0.5555555556em 0.8888888889em;
  border: 1px solid #CBCBCB;
  display: inline-block;
  line-height: 1.4375;
  margin-bottom: 0.5em;
  margin-left: -1px;
  position: relative;
  text-decoration: none;
}

.paginate_button .wb-inv {
  display: none !important;
}

.tabbed-content {
  margin-bottom: 40px;
}
.tabbed-content ul.tabs {
  margin-bottom: 20px;
  padding: 0px;
  list-style: none;
}
.tabbed-content ul.tabs li {
  background: none;
  color: #222;
  display: inline-block;
  padding: 10px 15px;
  cursor: pointer;
}
.tabbed-content ul.tabs li.current {
  background: #ededed;
}
.tabbed-content .tab-content {
  display: none;
}
.tabbed-content .tab-content.current {
  display: inherit;
}

.tabs--primary {
  margin-top: 1em;
}

.tabs-tax-assessment details {
  padding: 0 !important;
}
.tabs-tax-assessment details > * {
  margin: 24px 18px;
}

.wb-tabs [role=tabpanel] {
  -webkit-overflow-scrolling: scroll;
}

.wb-tabs [role=tablist] > li.active a {
  border-color: #00594e !important;
  background-color: #00594e !important;
  border-style: solid;
  border-width: 4px 0 0;
  color: #fff !important;
  cursor: default;
  padding-top: 6px;
}

.wb-tabs [role=tablist] > li.active {
  background: #00594e !important;
}

.wb-tabs [role=tablist] > li a {
  background-color: #ececec !important;
  padding-right: 15px;
  padding-left: 15px;
}

@media screen and (max-width: 991px) {
  .wb-tabs > .tabpanels > details, .wb-tabs > details {
    border: 0;
    border-bottom: #ccc solid 1px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    padding: 10px !important;
  }
}
.tabpanels details summary.tgl-tab {
  color: #00594e !important;
}

.tabpanels li[role=presentation]:hover:not(.active) a,
[role=tablist] li[role=presentation]:hover:not(.active) a {
  background-color: #fff !important;
}

.wb-tabs [role=tablist] > li,
.wb-tabs [role=tablist] > li:focus, .wb-tabs [role=tablist] > li:hover {
  background: #ececec;
}

.wb-tabs [role=tablist].generated li {
  display: inline-block;
  font-size: 112%;
}

.wb-tabs [role=tablist] > li a {
  background-color: #f9f9f9 !important;
}

.breadcrumb {
  background: #EEE;
  font-size: 88.8888888889%;
  border-radius: 0;
  padding: 0.9375em;
  margin-bottom: 0;
}
.breadcrumb > li + li:before {
  content: "›";
  color: #333;
}
.breadcrumb > li.active {
  color: #333;
}

.view-gallery #gallery-flex .flex-nav-prev,
.view-gallery #gallery-flex .flex-nav-next {
  line-height: 40px;
  margin-top: -60px;
}
.view-gallery #gallery-flex-navigation .flex-nav-prev,
.view-gallery #gallery-flex-navigation .flex-nav-next {
  line-height: 40px;
}
.view-gallery .flex-direction-nav a:before {
  color: #000;
  text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.8);
}

@media (min-width: 480px) {
  .flexslider {
    width: 71%;
    margin-left: auto;
    margin-right: auto;
  }
}
.performance-homepage-feature {
  max-width: 33.3333333333em;
}
@media (min-width: 768px) {
  .performance-homepage-feature {
    float: left;
    width: 28%;
    margin-left: 8%;
  }
  .performance-homepage-feature:first-child {
    margin-left: 0;
  }
}

.performance-homepage-link {
  display: none;
}
@media (min-width: 768px) {
  .performance-homepage-link {
    float: right;
    display: block;
    position: relative;
    top: -0.8333333333em;
  }
}

@media (min-width: 768px) {
  .performance-homepage-link-text {
    display: none;
  }
}

.performance-homepage-title {
  margin-top: 1.6666666667em;
}

@media (min-width: 768px) {
  .performance-goal-listing {
    margin: 0 -0.8333333333em;
    overflow: hidden;
  }
  .performance-goal-listing .col-1 {
    clear: left;
  }
}

.performance-goal-feature {
  margin-bottom: 30px;
}
@media (min-width: 768px) {
  .performance-goal-feature {
    float: left;
    padding: 0.8333333333em;
    width: 50%;
  }
}
.performance-goal-feature:nth-child(2n-1) {
  clear: left;
}

.performance-goal-feature__image {
  position: relative;
}

.performance-goal-feature__bg {
  display: none;
}
@media (min-width: 768px) {
  .performance-goal-feature__bg {
    display: block;
    width: 100%;
  }
}

.performance-goal-feature__icon {
  float: left;
  width: 2.2222222222em;
  position: relative;
  top: -0.2222222222em;
  margin-right: 4px;
}
@media (min-width: 768px) {
  .performance-goal-feature__icon {
    float: none;
    width: auto;
    position: absolute;
    bottom: 1.1111111111em;
    right: 1.1111111111em;
    top: auto;
    margin-right: 0px;
  }
}

@media (min-width: 768px) {
  .performance-goal-feature__title {
    padding-top: 0.875em;
    margin-left: auto;
  }
}

.node-pip-goal .page-content {
  overflow: visible;
}
.node-pip-goal h1 img {
  width: 1.3095238095em;
  height: auto;
  margin-right: 0.3095238095em;
  position: relative;
  top: -0.0714285714em;
}
.node-pip-goal .field--field-goal-image img {
  height: auto;
}
.node-pip-goal .field--name-body {
  margin-bottom: 1.6666666667em;
}

.performance-measure-listing {
  overflow: hidden;
  margin-bottom: 1.6666666667em;
}
@media (min-width: 768px) {
  .performance-measure-listing {
    margin-left: -0.8333333333em;
    margin-right: -0.8333333333em;
  }
  .performance-measure-listing .col-1 {
    clear: left;
  }
}

@media (min-width: 768px) {
  .performance-measure-item {
    float: left;
    padding: 0 0.8333333333em;
    width: 50%;
  }
}
.performance-measure-item:nth-child(2n-1) {
  clear: left;
}

.performance-measure-feature {
  margin-bottom: 1.6666666667em;
}

.performance-measure-feature__image {
  position: relative;
}

.performance-measure-feature__icon {
  width: 100%;
}

.performance-measure-feature__bg {
  width: 100%;
}

.performance-measure-feature__title {
  border-top: 0.375em solid black;
  padding-top: 0.875em;
  margin-bottom: 0.53125em;
}
.performance-measure-feature--watching .performance-measure-feature__title {
  border-top-color: #1C626E;
}
.performance-measure-feature--on-track .performance-measure-feature__title {
  border-top-color: #7AB15A;
}
.performance-measure-feature--needs-improvement .performance-measure-feature__title {
  border-top-color: #C33C41;
}
.performance-measure-feature--neutral .performance-measure-feature__title {
  border-top-color: #EFAE12;
}

.performance-story-feature__image {
  position: relative;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.performance-story-feature__image img {
  visibility: hidden;
}

.performance-story-feature__title {
  border-top: 0.375em solid black;
  padding-top: 0.875em;
  margin-bottom: 0.53125em;
}
.performance-story-feature .performance-story-feature__title {
  border-top-color: #00594e;
}

.pip-measure-data {
  overflow-x: auto !important;
}

.pip-contact-form {
  margin-top: 3.3333333333em;
}

.featured-story__title {
  font-size: 100%;
  margin-bottom: 0;
}

.featured-story__image img {
  width: 100%;
  height: auto;
}

.latest-strides p, .latest-strides .description, .latest-strides .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .latest-strides label[for=mce-EMAIL],
.latest-strides .field {
  margin: 0.2777777778em 0;
}
.latest-strides li {
  margin-bottom: 1em;
}

.feature-story-image,
.field--field-goal-image {
  margin-bottom: 0.8888888889em;
}
.feature-story-image img,
.field--field-goal-image img {
  height: auto;
}

.featured-story-archive .items-per-page {
  float: right;
  margin-top: 0.5555555556em;
}

.featured-story-archive-listing {
  overflow: hidden;
}

.featured-story-archive-item {
  clear: both;
  margin-bottom: 1.6666666667em;
  border-top: 1px solid #dddddd;
}

.featured-story-archive-item__image {
  display: none;
}
@media (min-width: 768px) {
  .featured-story-archive-item__image {
    display: block;
    float: right;
    width: 40%;
    margin: 0 0 1em 1em;
  }
  .featured-story-archive-item__image img {
    width: 100%;
    height: auto;
  }
}

.stride-updates .items-per-page {
  float: right;
  margin-top: 0.5555555556em;
}
.stride-updates .accordion-with-icons details {
  border: none;
}
.stride-updates .accordion-with-icons summary {
  cursor: default;
}
.stride-updates .accordion-with-icons summary:after {
  display: none;
}

.performance-generic-feature {
  margin-bottom: 60px;
}
@media (min-width: 768px) {
  .performance-generic-feature {
    float: left;
    padding: 0.8333333333em;
    width: 50%;
    margin-bottom: 30px;
  }
}
.performance-generic-feature:nth-child(2n-1) {
  clear: left;
}

.performance-generic-feature__image {
  position: relative;
}

.performance-generic-feature__bg {
  display: none;
}
@media (min-width: 768px) {
  .performance-generic-feature__bg {
    display: block;
    width: 100%;
  }
}

.performance-generic-feature__icon {
  float: left;
  width: 2.2222222222em;
  position: relative;
  top: -0.2222222222em;
}
@media (min-width: 768px) {
  .performance-generic-feature__icon {
    float: none;
    width: auto;
    position: absolute;
    bottom: 1.1111111111em;
    right: 1.1111111111em;
    top: auto;
  }
}

@media (min-width: 768px) {
  .performance-generic-feature__title {
    padding-top: 0.875em;
    margin-left: auto;
  }
}

.node-pip-generic .page-content {
  overflow: visible;
}
.node-pip-generic h1 img {
  width: 1.3095238095em;
  height: auto;
  margin-right: 0.3095238095em;
  position: relative;
  top: -0.0714285714em;
}
.node-pip-generic .field--field-generic-image img {
  height: auto;
}
.node-pip-generic .field--name-body {
  margin-bottom: 1.6666666667em;
}

#saskatoon-tax-assessment-address-search-form,
#saskatoon-tax-assessment-roll-search-form {
  margin: 1em;
}

#tax-assessment-print {
  margin: 1em 0;
}

.tax-assessment-results {
  margin-top: 1em;
}

.tax-assessment-results .print-disclaimer {
  display: none;
}

@media only screen and (min-width: 450px) {
  #bp-last-updated span {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 6px;
    color: #515151;
  }
  #bp-last-updated.recent span {
    background-color: #fffbd9;
    border: 1px solid;
    border-color: #fadb61;
    color: #000;
  }
}
@media only screen and (max-width: 450px) {
  #bp-last-updated {
    background-color: #f2f2f2;
    border-radius: 5px;
    padding: 6px;
    color: #515151;
  }
  #bp-last-updated.recent {
    background-color: #fffbd9;
    border: 1px solid;
    border-color: #fadb61;
    color: #000;
  }
}
.gtp-widget > .row {
  margin-right: -50px;
}
.gtp-widget > .row > .col-xs-12 {
  padding: 15px 30px;
}
.gtp-widget > .row > .col-xs-12:first-child {
  border-bottom: 2px solid #555;
}
.gtp-widget .tp-date {
  float: left;
}
.gtp-widget .tp-date > input {
  min-width: 125px;
}
.gtp-widget .tp-time {
  margin-left: 135px;
}
.gtp-widget .tp-time > div > input {
  float: left;
}
.gtp-widget .tp-time > div > select {
  position: relative;
  left: 10px;
}

#profile-info,
#profile-reminders,
#profile-leisure {
  margin-top: 1.6666666667em;
  margin-bottom: 1.6666666667em;
}

#profile-info {
  position: relative;
}
#profile-info h2, #profile-info .envirofact .fact, .envirofact #profile-info .fact {
  padding-right: 2.5em;
}

#profile-info-edit {
  position: absolute;
  top: -4px;
  right: 0;
}

#profile-reminders img {
  width: 1.6666666667em;
  display: inline-block;
}
#profile-reminders td {
  vertical-align: middle;
  height: 3.2222222222em;
}
#profile-reminders .custom-icon-svg svg {
  position: relative;
}

#profile-leisure #map-canvas {
  margin-bottom: 0.8333333333em;
  width: 100%;
  height: 270px;
}

@media (min-width: 990px) {
  .l-profile {
    overflow: hidden;
  }
  .profile-content {
    float: left;
    width: 70%;
    padding-right: 1.6666666667em;
  }
  .profile-sidebar {
    float: right;
    width: 30%;
  }
  #profile-leisure {
    margin-top: 0;
  }
}
#terms-of-use-modal .modal-body {
  padding: 25px;
}
#terms-of-use-modal .modal-body .btn-primary:after, #terms-of-use-modal .modal-body .gsc-search-button button:after, .gsc-search-button #terms-of-use-modal .modal-body button:after, #terms-of-use-modal .modal-body .btn-back:after, #terms-of-use-modal .modal-body input[type=submit]:after,
#terms-of-use-modal .modal-body input[type=button]:after, #terms-of-use-modal .modal-body .engagement-project-page .sidebar #mc_embed_signup form .button:after, .engagement-project-page .sidebar #mc_embed_signup form #terms-of-use-modal .modal-body .button:after, #terms-of-use-modal .modal-body .engagement-project-page .form-submit:after, .engagement-project-page #terms-of-use-modal .modal-body .form-submit:after {
  content: "";
}
#terms-of-use-modal .modal-body ol {
  margin-left: 25px;
}
#terms-of-use-modal .modal-body ol ol {
  margin-left: 40px;
}
#terms-of-use-modal .modal-body ol > li {
  margin-bottom: 10px;
}

.career-entry {
  display: inline-block;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  padding-bottom: 10px;
  width: 100%;
}
.career-entry .subdetails {
  color: #4c4c4c;
}
.career-entry .btn, .career-entry .gsc-search-button button, .gsc-search-button .career-entry button, .career-entry input[type=submit],
.career-entry input[type=button], .career-entry .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .career-entry .button, .career-entry .engagement-project-page .form-submit, .engagement-project-page .career-entry .form-submit {
  display: inline-block;
  float: right;
}
.career-entry .details p, .career-entry .details .description, .career-entry .details .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .career-entry .details label[for=mce-EMAIL] {
  display: block;
  padding-right: 20px;
}
.career-entry h3, .career-entry .gsc-table-result a.gs-title, .gsc-table-result .career-entry a.gs-title, .career-entry .view-id-search .views-field-title, .view-id-search .career-entry .views-field-title, .career-entry .footer-contactinfo .inner h2, .footer-contactinfo .inner .career-entry h2, .career-entry .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .career-entry .fact, .career-entry .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .career-entry .fact {
  margin-bottom: 0px;
}
.career-entry .new-job {
  padding-right: 10px;
  padding-left: 10px;
  background-color: #00594e;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  border-radius: 10px;
  position: relative;
  top: -4px;
  margin-right: 4px;
}
.career-entry .title-area .title {
  display: inline-block;
  margin-right: 13px;
}
.career-entry .posted-on {
  float: right;
}

.posting-options .apply-now, .posting-options .print-posting, .posting-options .back-to-post {
  display: none;
}

@media (min-width: 750px) {
  .posting-options {
    text-align: right;
  }
}
.posting-options {
  text-align: left;
  margin-bottom: 20px;
}
.posting-options .btn, .posting-options .gsc-search-button button, .gsc-search-button .posting-options button, .posting-options input[type=submit],
.posting-options input[type=button], .posting-options .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .posting-options .button, .posting-options .engagement-project-page .form-submit, .engagement-project-page .posting-options .form-submit {
  margin: 5px;
}

.careers-apply-form #apply {
  outline: none;
}

.form-hidden-data {
  display: none !important;
}

.view-employment-opportunities {
  margin-top: 2.5555555556em;
}

@media (min-width: 915px) {
  .career-entry .details p, .career-entry .details .description, .career-entry .details .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .career-entry .details label[for=mce-EMAIL] {
    display: inline-block;
  }
}
.jobs-rss {
  float: right;
}

.l-page-nav-content .page-content .jobs-rss a, .engagement-project-page .page-content .jobs-rss a {
  text-decoration: none;
}
.l-page-nav-content .page-content .jobs-rss a:hover, .engagement-project-page .page-content .jobs-rss a:hover {
  text-decoration: underline;
}

.expired-posting {
  border-radius: 5px;
  background-color: #f5f5f5;
  color: #949494;
  padding: 20px;
  transition: color 0.5s ease;
}

.expired-posting:hover {
  color: #4a4a4a;
}

#banner {
  background-position: center;
  background-size: cover;
  padding-bottom: 0px;
  margin-bottom: 0px;
  border-radius: 0px;
}

#header {
  background: #00594e;
}

.header-topbar a {
  color: white;
}

.header-logo {
  display: block;
  padding: 0.5555555556em 0.8333333333em;
  overflow: hidden;
}
@media (min-width: 768px) {
  .header-logo:not(.zoomed-text) {
    float: left;
  }
}
.header-logo a {
  display: block;
  width: 8.6666666667em;
  height: 2.1666666667em;
  background-repeat: no-repeat;
}

.header-topbar-inner {
  background-color: #00473e;
  position: relative;
  padding: 0 1.1666666667em 0 0.8333333333em;
  text-align: right;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
@media (min-width: 768px) {
  .header-topbar-inner:not(.zoomed-text) {
    float: right;
    background: none;
    clear: none;
  }
}

.header-user {
  float: left;
  line-height: 3.25;
  margin-right: 1.1111111111em;
}
.header-user .username {
  display: none;
}
.header-user a:first-child:after {
  content: "";
}
.header-user i {
  font-size: 1.2em;
}
@media (min-width: 768px) {
  .header-user .username {
    display: inline-block;
  }
  .header-user a:first-child i {
    display: none;
  }
}
.header-user a {
  display: inline-block;
  margin-right: 0.5555555556em;
}
@media (max-width: 500px) {
  .header-user a.username, .header-user a.create {
    display: none;
  }
}

.header-icon {
  display: inline-block;
  line-height: 3.25;
}
.header-icon a {
  display: inline-block;
  line-height: 1;
}
@media (min-width: 768px) {
  .header-icon a {
    line-height: 3.25;
    padding: 0 0.4444444444em;
  }
}
.header-icon i {
  font-size: 1.2em;
  line-height: 1.1;
  padding: 0.4333333333em 0.4333333333em;
  margin: 0 -0.1666666667em;
}
@media (min-width: 768px) {
  .header-icon i {
    display: none;
  }
}
.header-icon span {
  display: none;
}
@media (min-width: 768px) {
  .header-icon span {
    display: inline;
  }
}

.header-topbar-dresser {
  color: white;
  clear: both;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.header-topbar-drawer {
  display: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  transition: opacity 0.2s ease-out;
}
.header-topbar-drawer.active {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
@media (min-width: 768px) {
  .header-topbar-drawer {
    text-align: right;
  }
}

.header-topbar-title {
  display: block;
}

.header-language {
  display: inline-block;
  margin-bottom: 1em;
  margin-top: 0.25em;
  margin-left: 0.8333333333em;
}
@media (min-width: 768px) {
  .header-language {
    margin-bottom: 0.25em;
  }
}
.header-language .header-topbar-title {
  display: none;
  margin: 0.5em 0 0.4em;
}

.header-topbar-drawer-toggle.active {
  background-color: #00594e;
  color: white;
  transition: background-color 0.4s ease-in-out;
}
@media (min-width: 768px) {
  .header-topbar-drawer-toggle.active {
    background-color: #00473e;
  }
}

#header-search #wb-srch {
  padding-right: 0;
  padding-top: 0;
}
#header-search #wb-srch .form-group {
  width: 100% !important;
}

#header-search form {
  position: relative;
  display: inline-block;
  padding-top: 1em;
}
#header-search form [type=search] {
  width: 100%;
  border: none;
  padding: 0 2.3111111111em;
  height: 2.5333333333em;
  line-height: 1;
  font-size: 125%;
  color: #00473e;
  background-color: white;
}
.lt-ie9 #header-search form [type=search] {
  line-height: 2.3em;
}
#header-search form [type=search]::-webkit-input-placeholder {
  color: #c8c8c8;
}
#header-search form [type=search]:-moz-placeholder {
  color: #c8c8c8;
}
#header-search form [type=search]::-moz-placeholder {
  color: #c8c8c8;
}
#header-search form [type=search]:-ms-input-placeholder {
  color: #c8c8c8;
}
#header-search form [type=search]:-webkit-autofill {
  -webkit-text-fill-color: #00473e;
  -webkit-box-shadow: 0 0 0px 1.6666666667em white inset;
}
#header-search form [type=search]::-ms-clear {
  display: none;
}
#header-search form [type=submit],
#header-search form [type=reset] {
  position: absolute;
  top: 0;
  padding: 0.8055555556em;
  text-decoration: none;
  font-size: 100%;
  line-height: 1;
}
#header-search form [type=submit]:before,
#header-search form [type=reset]:before {
  font-size: 125%;
  color: #00473e;
}
#header-search form [type=submit] {
  left: 0;
}
#header-search form [type=submit]:before {
  content: "\f002";
}
#header-search form [type=reset] {
  right: 0;
  display: inline-block;
}
#header-search form [type=reset].disabled {
  display: none;
}
#header-search form [type=reset]:before {
  content: "\f00d";
}
.header-banner {
  height: 130px;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  display: none;
}
@media (min-width: 995px) {
  .header-banner {
    display: block;
  }
}

#wb-sm {
  background: #0e4164;
  color: unset !important;
}
#wb-sm .we-mega-menu-submenu {
  color: #000 !important;
}

#wb-sm .menu > li > a {
  border-left: 1px solid #999;
  color: #000 !important;
}

#spotlight-category h3, #spotlight-category .gsc-table-result a.gs-title, .gsc-table-result #spotlight-category a.gs-title, #spotlight-category .view-id-search .views-field-title, .view-id-search #spotlight-category .views-field-title, #spotlight-category .footer-contactinfo .inner h2, .footer-contactinfo .inner #spotlight-category h2, #spotlight-category .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact #spotlight-category .fact, #spotlight-category .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner #spotlight-category .fact {
  font-weight: bold;
  color: #00594e;
  font-size: 20px;
}

#block-saskatoon-ca-gtranslateblock,
#block-gtranslate-gtranslate {
  display: none;
}

#languageContainer {
  display: none;
}

.gtranslate_wrapper select {
  color: #00594e;
  padding: 5px;
  max-width: 7.1em;
}

div.skiptranslate {
  display: none;
}

.carousel.tabpanels {
  margin: 0 auto;
  width: 100%;
}
.carousel.tabpanels img {
  width: 100%;
}
.carousel.tabpanels .slick-slide {
  padding: 0 10px 0 10px;
  position: relative;
}
.carousel.tabpanels .slick-slide img {
  margin-bottom: 15px;
}
.carousel.tabpanels .slick-slide button, .carousel.tabpanels .slick-slide .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-slide .button {
  bottom: 0;
  position: relative;
}
.carousel.tabpanels .slick-next, .carousel.tabpanels .slick-prev {
  height: 25px;
  width: 25px;
}
.carousel.tabpanels .slick-next:before {
  color: black;
  content: "\f054";
  font-size: 25px;
}
.carousel.tabpanels .slick-prev:before {
  color: black;
  content: "\f053";
  font-size: 25px;
}
.carousel.tabpanels .slick-dots {
  bottom: -53px;
  position: static;
}
.carousel.tabpanels .slick-dots li button:before, .carousel.tabpanels .slick-dots li .engagement-project-page .sidebar #mc_embed_signup form .button:before, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-dots li .button:before {
  color: black;
  content: "\f111";
  font-weight: 100;
  font-size: 25px;
  line-height: 20px;
  opacity: 0.25;
}
.carousel.tabpanels .slick-dots .slick-active button:before, .carousel.tabpanels .slick-dots .slick-active .engagement-project-page .sidebar #mc_embed_signup form .button:before, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-dots .slick-active .button:before {
  content: "\f111";
  font-size: 25px;
  line-height: 20px;
  opacity: 0.25;
}

@media (min-width: 480px) {
  .carousel.tabpanels {
    width: 90%;
  }
}
@media (min-width: 768px) {
  .carousel.tabpanels .slick-next:before {
    padding: 0;
  }
  .carousel.tabpanels .slick-prev:before {
    padding: 0;
  }
  .carousel.tabpanels .slick-dots {
    bottom: -45px;
  }
  .carousel.tabpanels .slick-dots li button:before, .carousel.tabpanels .slick-dots li .engagement-project-page .sidebar #mc_embed_signup form .button:before, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-dots li .button:before {
    font-size: 15px;
  }
  .carousel.tabpanels .slick-dots .slick-active button:before, .carousel.tabpanels .slick-dots .slick-active .engagement-project-page .sidebar #mc_embed_signup form .button:before, .engagement-project-page .sidebar #mc_embed_signup form .carousel.tabpanels .slick-dots .slick-active .button:before {
    font-size: 15px;
  }
}
.slick-slider {
  margin-top: 18px;
}

.mobile-controls {
  position: relative;
  top: -25px;
}
.mobile-controls .slick-next {
  height: 25px;
  right: 0;
}
.mobile-controls .slick-prev {
  height: 25px;
  left: 0;
}

.slick-next:before {
  color: black;
  content: "\f054";
  font-size: 25px;
}

.slick-prev:before {
  color: black;
  content: "\f053";
  font-size: 25px;
}

#homepage-my-saskatoon .controls {
  margin-bottom: 2em;
}

@media (min-width: 540px) {
  .pane-home-popular .section-1 .menu {
    -webkit-columns: 2;
    -moz-columns: 2;
    -ms-columns: 2;
    -o-columns: 2;
    columns: 2;
  }
}

.homepage_border_radius, .l-homepage-panel .panel-block-title,
.pane-home-service .panel-block-title {
  border-top-left-radius: 15px;
  border-top-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 15px;
}

.realtimefeed {
  position: relative;
  border-bottom: 1px solid #eee;
  overflow: hidden;
  background: white;
}
.realtimefeed .realtimefeed-content {
  display: none;
}
.realtimefeed.open {
  box-shadow: 0px 8px 12px #ddd;
  margin-bottom: 1.5em;
}
.realtimefeed.open .realtimefeed-content {
  display: block;
}
.realtimefeed [data-action=toggle] {
  cursor: pointer;
}
.realtimefeed .icon-toggle {
  position: absolute;
  top: 0.75em;
  right: 0.75em;
  font-size: 111.1111111111%;
}
.realtimefeed .social .form-type-item {
  display: none;
}
.realtimefeed .social .tweet-homepage-text {
  margin-bottom: 1em;
}

.realtimefeed-ticker {
  padding: 10px 15px;
  display: block;
}
.open .realtimefeed-ticker {
  display: none;
}
.realtimefeed-ticker .wb-tabs.carousel-s1 [role=tablist] {
  display: none;
}

.realtimefeed-ticker .wb-tabs {
  margin-bottom: 0;
  width: 90%;
}

.realtimefeed-ticker [role=tablist] {
  position: absolute !important;
  bottom: auto;
  left: auto;
}

.realtimefeed-ticker [role=tabpanel] ul {
  margin-right: 2.2222222222em;
  margin-bottom: 0;
  background: white;
}

.realtimefeed-ticker [role=tabpanel] ul > li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2;
  padding-left: 2.2222222222em;
  margin-bottom: 0;
}
.realtimefeed-ticker [role=tabpanel] ul > li:before {
  content: ""; /* IE8+ ellipsis fix */
}

.realtimefeed-ticker .tabpanels {
  -webkit-perspective: 400;
  -moz-perspective: 400;
  -ms-perspective: 400;
  -o-perspective: 400;
  perspective: 400;
}

.realtimefeed-content h2, .realtimefeed-content .envirofact .fact, .envirofact .realtimefeed-content .fact {
  padding: 0.7727272727em 1em 0.6818181818em;
  margin: 0;
  position: relative;
}
.realtimefeed-content ul {
  padding-left: 0.7222222222em;
  padding-right: 0.7222222222em;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
}
.realtimefeed-content p, .realtimefeed-content .description, .realtimefeed-content .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content label[for=mce-EMAIL] {
  margin-bottom: 0.5555555556em;
}
.realtimefeed-content .view-all {
  margin-left: 1.2222222222em;
}
.realtimefeed-content .view-empty {
  padding-left: 1.2222222222em;
}
.realtimefeed-content .view-empty p, .realtimefeed-content .view-empty .description, .realtimefeed-content .view-empty .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .realtimefeed-content .view-empty label[for=mce-EMAIL] {
  margin: 0;
}
.realtimefeed-content .view-empty + a {
  margin-top: 0.5555555556em;
}
.realtimefeed-content section {
  padding-bottom: 1.6666666667em;
}

@media (min-width: 1000px) {
  .realtimefeed-content li {
    padding-right: 1.1111111111em;
  }
  .realtimefeed-content ul {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.l-tree-detail {
  overflow: hidden;
}
.l-tree-detail img {
  width: 100%;
  height: auto;
}
.l-tree-detail .tree-photo-bark {
  float: left;
  width: 50%;
  padding-right: 7px;
}
.l-tree-detail .tree-photo-leaf {
  float: right;
  width: 50%;
  padding-left: 7px;
}
@media (min-width: 600px) {
  .l-tree-detail .tree-content {
    float: left;
    width: 45%;
  }
  .l-tree-detail .tree-photos {
    float: right;
    width: 50%;
  }
}

.overlay-def .modal-header {
  padding: 1em 44px 0 1em;
}
.overlay-def button, .overlay-def .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .overlay-def .button {
  margin: 0.7em;
}

.node-section-1 .node-tier-1 > div {
  background: #003d60;
  border: 3px solid #003d60;
  color: #333;
}
.node-section-1 .node-tier-2 > div {
  background: rgba(0, 61, 96, 0.5);
  border: 3px solid #003d60;
  color: #333;
}
.node-section-1 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #003d60;
}

.node-section-2 .node-tier-1 > div {
  background: #5fabc9;
  border: 3px solid #5fabc9;
  color: #333;
}
.node-section-2 .node-tier-2 > div {
  background: rgba(95, 171, 201, 0.5);
  border: 3px solid #5fabc9;
  color: #333;
}
.node-section-2 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #5fabc9;
}

.node-section-3 .node-tier-1 > div {
  background: #4d2343;
  border: 3px solid #4d2343;
  color: #333;
}
.node-section-3 .node-tier-2 > div {
  background: rgba(77, 35, 67, 0.5);
  border: 3px solid #4d2343;
  color: #333;
}
.node-section-3 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #4d2343;
}

.node-section-4 .node-tier-1 > div {
  background: #f8801b;
  border: 3px solid #f8801b;
  color: #333;
}
.node-section-4 .node-tier-2 > div {
  background: rgba(248, 128, 27, 0.5);
  border: 3px solid #f8801b;
  color: #333;
}
.node-section-4 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #f8801b;
}

.node-section-5 .node-tier-1 > div {
  background: #a91a54;
  border: 3px solid #a91a54;
  color: #333;
}
.node-section-5 .node-tier-2 > div {
  background: rgba(169, 26, 84, 0.5);
  border: 3px solid #a91a54;
  color: #333;
}
.node-section-5 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #a91a54;
}

.node-section-6 .node-tier-1 > div {
  background: #5db58f;
  border: 3px solid #5db58f;
  color: #333;
}
.node-section-6 .node-tier-2 > div {
  background: rgba(93, 181, 143, 0.5);
  border: 3px solid #5db58f;
  color: #333;
}
.node-section-6 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #5db58f;
}

.node-section-7 .node-tier-1 > div {
  background: #e9dbc9;
  border: 3px solid #e9dbc9;
  color: #333;
}
.node-section-7 .node-tier-2 > div {
  background: rgba(233, 219, 201, 0.5);
  border: 3px solid #e9dbc9;
  color: #333;
}
.node-section-7 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #e9dbc9;
}

.node-section-8 .node-tier-1 > div {
  background: #555658;
  border: 3px solid #555658;
  color: #333;
}
.node-section-8 .node-tier-2 > div {
  background: rgba(85, 86, 88, 0.5);
  border: 3px solid #555658;
  color: #333;
}
.node-section-8 .node-tier-3 > div {
  background: #FFFFFF;
  border: 3px solid #555658;
}

.node {
  color: #333;
}

.node-tier-1 > div {
  padding: 1.6666666667em 3.3333333333em;
  font-size: 166.6666666667%;
  text-align: center;
}

.node-tier-2 > div {
  padding: 0.9444444444em 1.8888888889em;
  font-size: 111.1111111111%;
  text-align: center;
}

.node-centered {
  position: absolute;
  left: 50%;
}

.node-centered > div {
  position: relative;
  left: -50%;
}

#chart1 {
  position: relative;
  height: 700px;
}
#chart1 #node1 {
  top: 0;
}
#chart1 #node2 {
  top: 4%;
  left: 0;
}
#chart1 #node3 {
  top: 30%;
}
#chart1 #node4 {
  top: 50%;
  right: 58%;
}
#chart1 #node5 {
  top: 50%;
  left: 58%;
}
#chart1 #node6 {
  top: 0;
  right: 0;
  max-width: 204px;
}

.legend-item-1 {
  stroke: #80aca7;
  stroke-width: 4;
}

#example-pie path:nth-child(1) {
  stroke: #80aca7;
}

.legend-item-2 {
  stroke: #809eb0;
  stroke-width: 4;
}

#example-pie path:nth-child(2) {
  stroke: #809eb0;
}

.legend-item-3 {
  stroke: #afd5e4;
  stroke-width: 4;
}

#example-pie path:nth-child(3) {
  stroke: #afd5e4;
}

.legend-item-4 {
  stroke: #a691a1;
  stroke-width: 4;
}

#example-pie path:nth-child(4) {
  stroke: #a691a1;
}

.legend-item-5 {
  stroke: #fcc08d;
  stroke-width: 4;
}

#example-pie path:nth-child(5) {
  stroke: #fcc08d;
}

.legend-item-6 {
  stroke: #d48daa;
  stroke-width: 4;
}

#example-pie path:nth-child(6) {
  stroke: #d48daa;
}

.legend-item-7 {
  stroke: #aedac7;
  stroke-width: 4;
}

#example-pie path:nth-child(7) {
  stroke: #aedac7;
}

.legend-item-8 {
  stroke: #f4ede4;
  stroke-width: 4;
}

#example-pie path:nth-child(8) {
  stroke: #f4ede4;
}

.legend-item-9 {
  stroke: #aaabac;
  stroke-width: 4;
}

#example-pie path:nth-child(9) {
  stroke: #aaabac;
}

#tax-assessment-charts {
  overflow: hidden;
}
#tax-assessment-charts #tax-assessment-chart {
  float: left;
  width: 75%;
}
#tax-assessment-charts #tax-assessment-pie {
  float: left;
  width: 25%;
}

#tax-assessment-chart {
  margin-bottom: 1.6666666667em;
}

.MsoListParagraph1 {
  margin-left: 2.5em;
  padding-left: 0;
  margin-bottom: 2px;
  display: list-item;
  list-style-type: disc;
}

.MsoListParagraph2 {
  margin-left: 3.5em !important;
  display: list-item;
  list-style-type: circle;
  margin-bottom: 0;
}

.MsoListParagraph3 {
  margin-left: 4.5em !important;
  display: list-item;
  list-style-type: square;
}

.MsoListNumbered {
  margin-left: 1.5em !important;
  list-style-type: none !important;
}

.MsoListUppercase {
  margin-left: 1.5em !important;
  list-style-type: none !important;
}

.MsoListLowercase {
  margin-left: 2.5em !important;
  list-style-type: none !important;
}

.view-id-search .views-row {
  margin-bottom: 2em;
}
.view-id-search .views-field-title {
  margin-bottom: 0px;
}
.view-id-search .views-field-url {
  font-size: 77.7777777778%;
}
.view-id-search .views-exposed-form .views-exposed-widget .form-submit {
  margin: 0;
}
.view-id-search #edit-search-term {
  width: 100%;
  background-position: 10px 50% !important;
  outline: none;
  background: rgb(255, 255, 255);
  text-indent: 0px;
}
.view-id-search #edit-search-term-wrapper {
  width: 70%;
}

@media (max-width: 768px) {
  .view-id-search .views-exposed-widget .views-submit-button {
    padding: 0.5em 1em 0 0;
    float: left !important;
  }
  .view-id-search .views-exposed-form .views-exposed-widget {
    padding: 0.5em 1em 0 0;
    float: left !important;
  }
}
.utility-table td,
.utility-table td,
.utility-table td,
.utility-table td,
.utility-table td {
  white-space: nowrap;
}

.account-selection-form .form-item-customer-data-service-account,
.account-selection-form .form-item-customer-data-meter {
  margin-bottom: 0;
}

.table-xl {
  overflow: auto;
}

.print-download {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.print-download .print-button,
.print-download .download-button {
  margin: 0em 0.5em 1em 0.5em;
  text-align: right;
  display: inline-block;
}
.print-download .print-button .btn, .print-download .print-button .gsc-search-button button, .gsc-search-button .print-download .print-button button, .print-download .print-button input[type=submit],
.print-download .print-button input[type=button], .print-download .print-button .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .print-download .print-button .button, .print-download .print-button .engagement-project-page .form-submit, .engagement-project-page .print-download .print-button .form-submit,
.print-download .download-button .btn,
.print-download .download-button .gsc-search-button button,
.gsc-search-button .print-download .download-button button,
.print-download .download-button input[type=submit],
.print-download .download-button input[type=button],
.print-download .download-button .engagement-project-page .sidebar #mc_embed_signup form .button,
.engagement-project-page .sidebar #mc_embed_signup form .print-download .download-button .button,
.print-download .download-button .engagement-project-page .form-submit,
.engagement-project-page .print-download .download-button .form-submit {
  display: inline-block;
}
@media (max-width: 700px) {
  .print-download .print-button,
  .print-download .download-button {
    width: 100%;
  }
}

.ebill-signup-remove {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.ebill-signup-remove .ebill-submit,
.ebill-signup-remove .ebill-signup,
.ebill-signup-remove .ebill-remove {
  display: inline-block;
  margin-right: 1em;
}

@media (min-width: 700px) {
  #account-selection-form table td {
    overflow: hidden;
    white-space: normal;
  }
}
@media (max-width: 700px) {
  #account-selection-form table td {
    overflow: hidden;
  }
  #account-selection-form table td .tablesaw-cell-content {
    white-space: normal;
    max-width: 50%;
    overflow: hidden;
  }
}
@media (max-width: 700px) {
  .account-summary-table .tablesaw-cell-label, #account-selection-form .tablesaw-cell-label {
    width: 50% !important;
    display: inline-block;
    white-space: normal;
  }
}
.block-saskatoon-utility-account table a {
  white-space: nowrap;
}

.view-utility-ad .views-field-field-image {
  margin-bottom: 1em;
}

div.utility-promoted-action {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
div.utility-promoted-action a.btn, div.utility-promoted-action .engagement-project-page a.form-submit, .engagement-project-page div.utility-promoted-action a.form-submit,
div.utility-promoted-action button,
div.utility-promoted-action .engagement-project-page .sidebar #mc_embed_signup form .button,
.engagement-project-page .sidebar #mc_embed_signup form div.utility-promoted-action .button, div.utility-promoted-action input[type=submit], div.utility-promoted-action input[type=button] {
  white-space: nowrap;
  margin-right: 1em;
  min-width: fit-content;
}

.column-count-1 {
  -webkit-columns: 1 !important;
  -moz-columns: 1 !important;
  -ms-columns: 1 !important;
  -o-columns: 1 !important;
  columns: 1 !important;
}

.landing-banner {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  display: inline-block;
  min-height: 400px;
  overflow: hidden;
  position: relative;
  vertical-align: middle;
  width: 100%;
}
@media (min-width: 995px) {
  .landing-banner {
    display: block;
  }
}

#landing-page-info-wrap {
  position: relative;
  left: 0px;
  padding: 20px;
  margin-top: 10em;
  padding-bottom: 10px;
  color: white;
  max-width: 40em;
  background-color: rgba(30, 32, 33, 0.9);
  transition: all 0.5s ease;
  word-wrap: break-word;
}
#landing-page-info-wrap .desc {
  padding-bottom: 10px;
}

.gsc-search-box {
  width: 100%;
  margin: 1em auto;
}
.gsc-search-box td.gsc-input {
  width: 100%;
  padding-right: 10px;
}
.gsc-search-box td.gsc-input input {
  width: 100%;
  background-position: 10px 50% !important;
}
.gsc-search-box .gsc-branding {
  display: none;
}

.gssb_c {
  background-color: white;
}

#gsc-sortby, #gsc-categories {
  display: none;
  margin-right: 24px;
}
.gsc-results-wrapper-visible #gsc-sortby, .gsc-results-wrapper-visible #gsc-categories {
  display: inline-block;
}

.gsc-above-wrapper-area {
  clear: both;
  margin-bottom: 30px;
}

.gsc-orderby-container {
  display: none;
}

.gsc-tabsArea {
  display: none;
}

.gsc-tabsAreaInvisible {
  display: none;
}

.gsc-orderby-invisible {
  display: none;
}

.gsc-resultsbox-invisible {
  display: none;
}

.gsc-adBlock,
.gcsc-branding {
  display: none;
}

.gsc-cursor {
  display: table;
  border-collapse: collapse;
  margin: 0 auto;
}
.gsc-cursor .gsc-cursor-page {
  display: table-cell;
  color: #00594e;
  background-color: white;
  border: 1px solid #CBCBCB;
  padding: 10px 16px;
  cursor: pointer;
}
.gsc-cursor .gsc-cursor-page.gsc-cursor-current-page, .gsc-cursor .gsc-cursor-page:hover {
  background-color: #D8D8D8;
  color: #54565b;
  border-color: #CBCBCB;
}
@media (max-width: 490px) {
  .gsc-cursor .gsc-cursor-page:nth-child(n+6) {
    display: none;
  }
}

.gsc-resultsRoot .gsc-resultsHeader {
  display: none;
}
.gsc-resultsRoot.gsc-tabdInactive {
  display: none;
}
.gsc-resultsRoot .gsc-thumbnail-inside,
.gsc-resultsRoot .gsc-url-top,
.gsc-resultsRoot .gs-watermark {
  display: none;
}

.gsc-table-result {
  margin-bottom: 2em;
}
.gsc-table-result .gs-image-box,
.gsc-table-result .gs-visibleUrl-short {
  display: none;
}
@media (min-width: 600px) {
  .gsc-table-result .gs-image-box {
    display: block;
    width: 150px;
    margin-right: 20px;
    max-height: 150px;
    overflow: hidden;
  }
}
.gsc-table-result .gs-visibleUrl-long {
  font-size: 77.7777777778%;
  margin-bottom: 0.6666666667em;
}
.gsc-table-result .gs-fileFormat {
  font-size: 77.7777777778%;
}

.gcsc-find-more-on-google,
.gsc-refinementHeader {
  display: none;
}

.gsc-results-wrapper-visible {
  padding-left: 0.5em;
}

input.gsc-input {
  border: 1px solid #ccc !important;
  border-radius: 4px !important;
  padding: 1em 0.86667em !important;
  font-size: 160% !important;
  height: 1.5em !important;
  background: #fff !important;
}
input.gsc-input::placeholder {
  font-size: inherit !important;
}

.gsc-input-box .gsib_b {
  display: none;
}

.gsc-search-button button, .gsc-search-button .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .gsc-search-button .button {
  min-width: 4em;
  border-radius: 4px;
}
.gsc-search-button button:after, .gsc-search-button .engagement-project-page .sidebar #mc_embed_signup form .button:after, .engagement-project-page .sidebar #mc_embed_signup form .gsc-search-button .button:after {
  content: "";
}
.gsc-search-button svg {
  height: 1em;
  transform: scale(1.7);
  fill: #00594e;
  margin-top: 0.2em;
  margin-bottom: -0.2em;
}
.gsc-search-button .gsc-refinementsArea {
  display: none;
}
.gsc-search-button .gsc-sortby {
  clear: right;
}

.gsc-webResult .gsc-result {
  margin-top: 1em;
}

#wb-srch.header-search svg {
  transform: scale(2.5);
}
#wb-srch.header-search #cse-search-box {
  width: 100%;
  display: block;
  flex-wrap: nowrap;
  justify-content: flex-end;
  background: #00473e;
  float: right;
}
#wb-srch.header-search #___gcse_0 {
  width: 50vw;
  min-width: 350px;
  float: right;
}
#wb-srch.header-search .gsc-search-button {
  border: none;
  height: 4em;
  padding-top: 5px;
  margin-right: 12px;
  position: absolute;
  right: 0;
  background-color: rgba(255, 255, 255, 0);
}
#wb-srch.header-search .gsc-search-box tr:first-of-type {
  display: flex;
  justify-content: flex-end;
  flex-wrap: nowrap;
  flex-direction: row;
  align-items: flex-start;
}
#wb-srch.header-search input {
  margin: 0px;
  outline: none;
  width: 100%;
  height: 2.5333333333em !important;
  line-height: 1;
  color: #005147;
  padding: 0 2em 0 0.5em !important;
  box-shadow: -1px 5px 8px 1px rgba(0, 0, 0, 0.3098039216);
}
#wb-srch.header-search form, #wb-srch.header-search table {
  margin: 0;
}
@media screen and (max-width: 768px) {
  #wb-srch.header-search {
    padding-right: 0;
  }
  #wb-srch.header-search input {
    padding-right: 0;
  }
  #wb-srch.header-search #___gcse_0 {
    width: 100% !important;
  }
  #wb-srch.header-search .gsc-input {
    width: 100%;
    padding-right: 0;
  }
}

table.gstl_50.gssb_c,
table.gstl_52.gssb_c {
  font-size: 1.2em;
}
table.gstl_50.gssb_c .gsc-completion-selected,
table.gstl_52.gssb_c .gsc-completion-selected {
  background: #dfdfdf;
}
table.gstl_50.gssb_c .gssb_a,
table.gstl_52.gssb_c .gssb_a {
  padding: 0.4em 9px;
}
table.gstl_50.gssb_c .gssb_a,
table.gstl_50.gssb_c .gssb_a td,
table.gstl_52.gssb_c .gssb_a,
table.gstl_52.gssb_c .gssb_a td {
  line-height: unset !important;
}

#rCw {
  margin-bottom: 10px;
  padding-bottom: 200px;
}

.community-association-events .field--type-list-string ul {
  list-style-type: none;
  padding-left: 0;
}

.saskatoon-ca-user-login-form-wrapper a {
  margin-right: 20px;
}

.community-association-search-form > div {
  position: relative;
  border-collapse: separate;
  max-width: 44.4444444444em;
}
.community-association-search-form > div input {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
  border-radius: 0;
  border: 0.0909090909em solid #00594e;
  padding: 0.4090909091em 0.6818181818em;
  height: 2.4090909091em;
}
.community-association-search-form > div label {
  font-size: 81.8181818182%;
}
.community-association-search-form > div i {
  position: relative;
  left: -1px;
}
.community-association-search-form > div .form-item, .community-association-search-form > div .btn-wrap {
  display: table-cell;
  font-size: 122.2222222222%;
}
.community-association-search-form > div .btn-wrap {
  width: 1%;
  white-space: nowrap;
  vertical-align: bottom;
  white-space: nowrap;
}
.community-association-search-form > div .btn-wrap button, .community-association-search-form > div .btn-wrap .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .community-association-search-form > div .btn-wrap .button {
  border-radius: 0;
  border: none;
  padding: 0.5em 0.9090909091em;
}
.community-association-search-form > div button > span, .community-association-search-form > div .engagement-project-page .sidebar #mc_embed_signup form .button > span, .engagement-project-page .sidebar #mc_embed_signup form .community-association-search-form > div .button > span {
  display: none;
}
.community-association-search-form > div h4, .community-association-search-form > div .page-sidebar .block-title, .page-sidebar .community-association-search-form > div .block-title, .community-association-search-form > div .field-collection-item-field-timeline .field--name-field-when, .field-collection-item-field-timeline .community-association-search-form > div .field--name-field-when, .community-association-search-form > div #engagement-timeline .timeline-desc-wrap h3, #engagement-timeline .timeline-desc-wrap .community-association-search-form > div h3, .community-association-search-form > div .engagement-project-page .sidebar .sidebar-block-title, .engagement-project-page .sidebar .community-association-search-form > div .sidebar-block-title,
.community-association-search-form > div .engagement-project-page .sidebar .block-title,
.engagement-project-page .sidebar .community-association-search-form > div .block-title, .community-association-search-form > div .section-heading-bar, .community-association-search-form > div .panel-block .panel-block-title, .panel-block .community-association-search-form > div .panel-block-title, .community-association-search-form > div .page-sidebar .block .sidebar-block-title, .page-sidebar .block .community-association-search-form > div .sidebar-block-title, .community-association-search-form > div #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .community-association-search-form > div h2, .community-association-search-form > div .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .community-association-search-form > div h2, .community-association-search-form > div #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .community-association-search-form > div .fact, .community-association-search-form > div .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .community-association-search-form > div .fact, .community-association-search-form > div #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .community-association-search-form > div .fact, .community-association-search-form > div .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .community-association-search-form > div .fact, .community-association-search-form > div .realtimefeed-content h2, .realtimefeed-content .community-association-search-form > div h2, .community-association-search-form > div .realtimefeed-content .envirofact .fact, .realtimefeed-content .envirofact .community-association-search-form > div .fact, .community-association-search-form > div .envirofact .realtimefeed-content .fact, .envirofact .realtimefeed-content .community-association-search-form > div .fact, .community-association-search-form > div .realtimefeed-content h3, .realtimefeed-content .community-association-search-form > div h3, .community-association-search-form > div #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, #engagement-timeline .timeline-desc-wrap .view-id-search .community-association-search-form > div .views-field-title, .community-association-search-form > div .view-id-search #engagement-timeline .timeline-desc-wrap .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .community-association-search-form > div .views-field-title, .community-association-search-form > div .realtimefeed-content .view-id-search .views-field-title, .realtimefeed-content .view-id-search .community-association-search-form > div .views-field-title, .community-association-search-form > div .view-id-search .realtimefeed-content .views-field-title, .view-id-search .realtimefeed-content .community-association-search-form > div .views-field-title, .community-association-search-form > div #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, #engagement-timeline .timeline-desc-wrap .gsc-table-result .community-association-search-form > div a.gs-title, .community-association-search-form > div .gsc-table-result #engagement-timeline .timeline-desc-wrap a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap .community-association-search-form > div a.gs-title, .community-association-search-form > div .realtimefeed-content .gsc-table-result a.gs-title, .realtimefeed-content .gsc-table-result .community-association-search-form > div a.gs-title, .community-association-search-form > div .gsc-table-result .realtimefeed-content a.gs-title, .gsc-table-result .realtimefeed-content .community-association-search-form > div a.gs-title {
  margin-top: 1.1111111111em;
}
@media (min-width: 750px) {
  .community-association-search-form > div button > span, .community-association-search-form > div .engagement-project-page .sidebar #mc_embed_signup form .button > span, .engagement-project-page .sidebar #mc_embed_signup form .community-association-search-form > div .button > span {
    display: inline-block;
  }
  .community-association-search-form > div i {
    display: none;
  }
}

body {
  min-width: 320px !important;
}

#weather-dashboard .inline-items {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  flex-wrap: nowrap;
}
#weather-dashboard #weather-conditions {
  margin-right: 2em;
}
#weather-dashboard .dash-label {
  font-weight: bold;
  display: block;
  font-size: 21px;
}
#weather-dashboard #dash-info {
  font-size: 15px;
}
#weather-dashboard #dash-info p, #weather-dashboard #dash-info .description, #weather-dashboard #dash-info .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #weather-dashboard #dash-info label[for=mce-EMAIL] {
  line-height: 1;
  padding: 0;
}
#weather-dashboard #weather-widget {
  padding-right: 3em;
}
#weather-dashboard #weather-widget iframe {
  min-height: 200px;
  margin-bottom: -16px;
}
#weather-dashboard .fall-amount {
  padding: 1em 1em 0.5em 0em;
  width: fit-content;
  margin-bottom: 1em;
}
#weather-dashboard .fall-amount p, #weather-dashboard .fall-amount .description, #weather-dashboard .fall-amount .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #weather-dashboard .fall-amount label[for=mce-EMAIL] {
  margin-bottom: 0.2em;
}
#weather-dashboard .fall-amount i {
  margin-right: 0.4em;
  width: 1em;
}
#weather-dashboard .weather-section {
  background: #fff;
  padding: 1.5em 1.5em;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  box-shadow: 3px 9px 11px 1px rgba(187, 187, 187, 0.46), 1px 1px 5px 0px #cbcbcb;
  margin-bottom: 2.6em;
  border-top: 2px solid #e3e3e3;
}
#weather-dashboard .weather-type {
  display: flex;
}
#weather-dashboard .weather-type .fa-exclamation-circle {
  color: #d12d2d;
}
#weather-dashboard .weather-type span {
  overflow-wrap: anywhere;
}
#weather-dashboard .weather-type.active {
  color: #232323;
  box-shadow: 0px 1px 2px #cecece;
}
#weather-dashboard .weather-type i {
  margin-right: 0.4em;
}
#weather-dashboard .weather-type .fa-check-circle {
  color: #00594e;
}
#weather-dashboard .weather-type .fa-exclamation-circle {
  color: #d12d2d;
}
#weather-dashboard #equipment-info {
  padding: 5px;
  padding-bottom: 20px;
  padding-top: 10px;
  text-align: center;
}
#weather-dashboard #equipment-info i {
  font-size: 35px;
}
#weather-dashboard #equipment-info .equipment-detail {
  display: inline-block;
  position: relative;
  margin-right: 40px;
}
#weather-dashboard #equipment-info .equipment-detail svg {
  height: 90px;
  width: 120px;
}
@media (max-width: 670px) {
  #weather-dashboard #equipment-info .equipment-detail {
    margin-right: 20px;
    margin-left: 20px;
  }
  #weather-dashboard #equipment-info .equipment-detail svg {
    height: 60px;
    width: 60px;
  }
}
#weather-dashboard #equipment-info .equipment-type {
  display: block;
  margin-top: -20px;
  text-align: center;
}
@media (max-width: 670px) {
  #weather-dashboard #equipment-info .equipment-type {
    margin-top: -15px;
    font-size: 15px;
  }
}
#weather-dashboard #equipment-info .equipment-amount {
  font-weight: bold;
  font-size: 14px;
  position: absolute;
  top: 10px;
  right: 0;
  background: #d12d2d;
  color: #fff;
  padding: 2px 10px 2px 10px;
  border-radius: 40px;
}
#weather-dashboard #equipment-info .equipment-amount.inactive {
  background: #a5a2a2;
}
@media (max-width: 670px) {
  #weather-dashboard #equipment-info .equipment-amount {
    font-size: 12px;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
    top: 5px;
    right: -10px;
  }
}
#weather-dashboard .priority-chart {
  height: 200px;
}
#weather-dashboard #priority-grading {
  border-radius: 5px;
  text-align: center;
}
#weather-dashboard h5 {
  font-weight: bold;
}
#weather-dashboard .priority-wrap1,
#weather-dashboard .priority-wrap2,
#weather-dashboard .priority-wrap3 {
  padding: 0px 20px 0px 0px;
  width: 30%;
  display: inline-block;
}
@media (max-width: 670px) {
  #weather-dashboard .weather-section {
    box-shadow: 0px 3px 7px 0px rgba(187, 187, 187, 0.46);
    margin-bottom: 2.6em;
    border: 1px solid #cbcbcb;
  }
  #weather-dashboard .inline-items {
    display: unset;
  }
  #weather-dashboard #weather-widget {
    padding-right: unset;
  }
  #weather-dashboard .priority-wrap1 {
    width: 100%;
    display: block;
    margin-bottom: -40px;
  }
  #weather-dashboard .priority-wrap2,
  #weather-dashboard .priority-wrap3 {
    width: 49%;
    padding: 0px;
  }
  #weather-dashboard #priority2 tspan,
  #weather-dashboard #priority3 tspan {
    font-size: 15px;
  }
}
#weather-dashboard li {
  list-style: disc !important;
}

.pane-contact-city-hall #map-canvas {
  height: 300px;
}
.pane-contact-city-hall .map-info {
  min-width: 150px;
}

@media (min-width: 540px) {
  .pane-contact-popular .section-1 .menu {
    -webkit-columns: 2;
    -moz-columns: 2;
    -ms-columns: 2;
    -o-columns: 2;
    columns: 2;
  }
}

.contact-options {
  max-width: 800px;
  margin-bottom: 1em;
}
@media (min-width: 750px) {
  .contact-options {
    overflow: hidden;
  }
  .contact-options dt {
    float: left;
    width: 20%;
  }
  .contact-options dd {
    float: left;
    width: 30%;
    min-height: 3.5555555556em;
  }
}

.contact-map {
  display: none;
}
@media (min-width: 750px) {
  .contact-map {
    display: block;
  }
}

#lot-drainage .link-with-size, #lot-drainage .link-with-rightarrow, #lot-drainage .link-with-form {
  text-decoration: none !important;
}

.view-service-alerts .accordion-2 summary h2, .view-service-alerts .accordion-2 summary .envirofact .fact, .envirofact .view-service-alerts .accordion-2 summary .fact {
  font-size: 122.2222222222%;
}
@media (min-width: 700px) {
  .view-service-alerts .controls {
    overflow: hidden;
  }
  .view-service-alerts .pagination {
    float: left;
  }
  .view-service-alerts .items-per-page {
    float: right;
  }
}
.view-service-alerts .items-per-page {
  margin-top: 0.5555555556em;
}

.service-alert-feed-icon {
  margin-top: 1em;
  text-align: right;
}

.field--name-field-estimated-time-restore ul {
  list-style: none;
  padding-left: 0;
}

.view-webform-submission-stat table {
  min-width: 1320px;
  border-collapse: collapse;
  table-layout: fixed;
  width: 90%;
  margin-bottom: -30px;
}
.view-webform-submission-stat table td {
  border: solid 1px #cfcfcf;
  width: 10%;
  word-wrap: break-word;
}
.view-webform-submission-stat table td:first-child {
  width: 20%;
  white-space: normal;
}
.view-webform-submission-stat table .wide {
  width: 220px;
}
.view-webform-submission-stat .view-content table:not(:first-child) thead {
  display: none !important;
}

.tos {
  border: 0.2777777778em solid #eee;
  margin-bottom: 1em;
  padding: 1.6666666667em;
}

.terms-agreement {
  text-align: right;
}
.terms-agreement label {
  display: block;
}
.terms-agreement label input {
  margin-right: 10px;
}

.deadline {
  border: 1px solid black;
  margin-bottom: 30px;
  margin-top: 30px;
  padding: 15px;
}

.contact-topics {
  -webkit-columns: 2;
  -moz-columns: 2;
  -ms-columns: 2;
  -o-columns: 2;
  columns: 2;
}

.contact-us-map {
  margin-bottom: 20px;
}

iframe.live-video {
  width: 525px;
  height: 400px;
}

article.node--service-alert-power-outages, article.node--service-alert-traffic-detours, article.node--service-alert-street-sweeping, article.node--service-alert-garbage-collection, article.node--service-recycling-collecti {
  border-bottom: 1px solid #ccc;
  padding: 25px;
}

#map-canvas img {
  max-width: none;
  height: 100%;
}
#map-canvas .map-info {
  padding-right: 0.75em;
  margin-right: 0.75em;
}

.service-status .panel-block-title,
.pane-saskatoon-service-alerts-home-service-status .panel-block-title {
  background-color: #00594e;
}
.service-status ul,
.pane-saskatoon-service-alerts-home-service-status ul {
  list-style: none;
  padding: 0;
}
.service-status ul li,
.pane-saskatoon-service-alerts-home-service-status ul li {
  display: list-item;
  min-height: 2.7777777778em;
  width: 100%;
}
.service-status ul li.city-hall span,
.pane-saskatoon-service-alerts-home-service-status ul li.city-hall span {
  color: #000000;
  margin-top: 0.5em;
}
.service-status ul li.city-hall a,
.pane-saskatoon-service-alerts-home-service-status ul li.city-hall a {
  padding-left: 5px;
}
.service-status ul li .service-status-text,
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text {
  display: inline-block;
  width: 100%;
  min-width: 50%;
  max-width: 60%;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  vertical-align: middle;
}
.service-status ul li .service-status-text p, .service-status ul li .service-status-text .description, .service-status ul li .service-status-text .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .service-status ul li .service-status-text label[for=mce-EMAIL],
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text p,
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .description,
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL],
.engagement-project-page .sidebar #mc_embed_signup form .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text label[for=mce-EMAIL] {
  font-weight: normal !important;
}
.service-status ul li .service-status-text .desktop-alert-link,
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .desktop-alert-link {
  display: none;
}
.service-status ul li .service-status-text .badge,
.pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .badge {
  background-color: #00594e;
  border-radius: 0.7222222222em;
  font-size: 0.8333333333em;
  padding: 0.3333333333em 0.5em;
  margin-left: 0.3333333333em;
}
.service-status ul li:before,
.pane-saskatoon-service-alerts-home-service-status ul li:before {
  display: inline-block;
  font-size: 1.6666666667em;
  position: relative;
  text-align: center;
  vertical-align: middle;
  width: 2em;
}
.service-status ul .power:before,
.pane-saskatoon-service-alerts-home-service-status ul .power:before {
  content: "\f0e7";
}
.service-status ul .transit:before,
.pane-saskatoon-service-alerts-home-service-status ul .transit:before {
  content: "\f207";
}
.service-status ul .city-hall:before,
.pane-saskatoon-service-alerts-home-service-status ul .city-hall:before {
  content: "\f0f7";
}
.service-status ul .traffic:before,
.pane-saskatoon-service-alerts-home-service-status ul .traffic:before {
  content: "\f1b9";
}
.service-status ul .leisure:before,
.pane-saskatoon-service-alerts-home-service-status ul .leisure:before {
  content: "\f1ae";
}
.service-status ul .street-sweeping:before,
.pane-saskatoon-service-alerts-home-service-status ul .street-sweeping:before {
  content: "\f018";
}
.service-status ul .water:before,
.pane-saskatoon-service-alerts-home-service-status ul .water:before {
  content: "\f043";
}
.service-status ul .snow:before,
.pane-saskatoon-service-alerts-home-service-status ul .snow:before {
  content: "\f069";
}
.service-status ul .compost:before,
.pane-saskatoon-service-alerts-home-service-status ul .compost:before {
  content: "\f06c";
}
.service-status ul .garbage:before,
.pane-saskatoon-service-alerts-home-service-status ul .garbage:before {
  content: "\f1f8";
}
.service-status ul .landfill:before,
.pane-saskatoon-service-alerts-home-service-status ul .landfill:before {
  content: "\f1f8";
}
.service-status ul .recycling:before,
.pane-saskatoon-service-alerts-home-service-status ul .recycling:before {
  content: "\f1b8";
}
.service-status ul .custom-icon a,
.pane-saskatoon-service-alerts-home-service-status ul .custom-icon a {
  position: relative;
  top: 10px;
}
.service-status ul .service-status-custom-icon,
.pane-saskatoon-service-alerts-home-service-status ul .service-status-custom-icon {
  width: 45px;
  top: 5px;
  font-size: 188.88889%;
  position: relative;
  height: 30px;
  margin-right: 4px;
}
.service-status ul .service-status-custom-icon svg,
.pane-saskatoon-service-alerts-home-service-status ul .service-status-custom-icon svg {
  width: 100%;
  height: 100%;
}
@media (min-width: 1135px) {
  .service-status ul .service-status-custom-icon,
  .pane-saskatoon-service-alerts-home-service-status ul .service-status-custom-icon {
    width: 60px;
    margin-right: 0px;
  }
}
@media (min-width: 1135px) {
  .service-status ul li,
  .pane-saskatoon-service-alerts-home-service-status ul li {
    display: inline-block;
    min-height: 4em;
    padding-bottom: 0.8333333333em;
    padding-right: 0.8333333333em;
    width: 50%;
    vertical-align: top;
  }
  .service-status ul li.city-hall a,
  .pane-saskatoon-service-alerts-home-service-status ul li.city-hall a {
    padding-left: 0;
  }
  .service-status ul li .service-status-text a span,
  .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text a span {
    display: none;
  }
  .service-status ul li .service-status-text p, .service-status ul li .service-status-text .description, .service-status ul li .service-status-text .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .service-status ul li .service-status-text label[for=mce-EMAIL],
  .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text p,
  .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .description,
  .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL],
  .engagement-project-page .sidebar #mc_embed_signup form .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text label[for=mce-EMAIL] {
    line-height: 1;
  }
  .service-status ul li .service-status-text .desktop-alert-link,
  .pane-saskatoon-service-alerts-home-service-status ul li .service-status-text .desktop-alert-link {
    display: block;
    font-family: "UnitWebPro", sans-serif;
    font-size: 0.8333333333em;
    margin-top: 0.5555555556em;
  }
  .service-status ul li:before,
  .pane-saskatoon-service-alerts-home-service-status ul li:before {
    width: 2em;
  }
}

.webform .panel-title {
  font-size: 1.3em;
}
.webform .panel-body {
  padding: 1.5em 1.5em;
}
.webform fieldset.radios--wrapper legend {
  font-size: 1em;
  color: #000;
}
.webform .progress-step.is-active .progress-marker::before {
  background-color: #00594e;
}
.webform .progress-marker::before {
  width: 2.3em;
  height: 1.7em;
  border-radius: unset;
  border-top-left-radius: 0.6em;
  border-bottom-right-radius: 0.6em;
}
.webform .webform-progress-tracker .progress-step:not(.is-active) .progress-text {
  color: #54565b;
}

.webform .form-inline .form-control, .webform .form-inline .engagement-project-page .sidebar #mc_embed_signup form .email, .engagement-project-page .sidebar #mc_embed_signup form .webform .form-inline .email, .webform .form-inline .engagement-project-page .sidebar #mc_embed_signup form .input, .engagement-project-page .sidebar #mc_embed_signup form .webform .form-inline .input {
  display: block !important;
}
.webform .js-form-type-processed-text label {
  display: none;
}

.webform-button--previous:after {
  content: unset !important;
}

.js-form-managed-file .js-form-submit {
  margin-bottom: 1em;
  margin-left: 0.5em;
}

.type-fieldset fieldset {
  margin-top: 0;
}
.type-fieldset fieldset legend {
  background: #00594e;
  padding: 0.5em;
  color: #fff;
  width: 100%;
  margin-bottom: 0;
}

@media (min-width: 700px) {
  .view-curbside-swap-entries .controls {
    overflow: hidden;
  }
  .view-curbside-swap-entries .pagination {
    float: left;
  }
  .view-curbside-swap-entries .items-per-page {
    float: right;
  }
}
.view-curbside-swap-entries .items-per-page {
  margin-top: 0.5555555556em;
}

.cse-filter-map-wrap {
  clear: both;
}

#curbside-listing-block #curbside-listing-view .form-inline,
#curbside-listing-block #curbside-listing-view .form-item {
  display: block !important;
  float: none !important;
}
#curbside-listing-block #curbside-listing-view button, #curbside-listing-block #curbside-listing-view .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form #curbside-listing-block #curbside-listing-view .button {
  float: none;
  display: inline-block;
  clear: both;
  margin-right: 0.5em;
  margin-top: 1em;
}
#curbside-listing-block #curbside-listing-view .form-type-entity-autocomplete {
  width: 100%;
}
#curbside-listing-block #curbside-listing-view #edit-field-cs-start-date-value-wrapper {
  width: 100%;
  border: none;
  background: unset;
  padding-left: 0;
}
#curbside-listing-block #curbside-listing-view #edit-field-cs-start-date-value-wrapper .panel-heading {
  background: unset;
  color: #000;
  border: none;
  padding-left: 0;
}
#curbside-listing-block #curbside-listing-view #edit-field-cs-start-date-value-wrapper .panel-body {
  padding-left: 0;
}
#curbside-listing-block #curbside-listing-view .views-exposed-form {
  width: 40%;
  display: inline-block;
  float: left;
}
#curbside-listing-block #curbside-listing-view .views-exposed-form label {
  margin-bottom: 5px;
}
#curbside-listing-block #curbside-listing-view .views-exposed-form div.description.help-block {
  color: #54565b;
}
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-value-wrapper,
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-2-wrapper {
  display: inline-block;
}
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-1-wrapper,
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-2-wrapper {
  width: 100%;
  padding-top: 0;
  margin-bottom: 10px;
}
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-neighbourhood-value-wrapper .note, #curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-neighbourhood-value-wrapper .description,
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-1-wrapper .note,
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-1-wrapper .description,
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-2-wrapper .note,
#curbside-listing-block #curbside-listing-view .views-exposed-form #edit-field-cs-start-date-value-2-wrapper .description {
  margin-bottom: 0px !important;
}
#curbside-listing-block #curbside-listing-view #autocomplete li {
  white-space: normal !important;
}
#curbside-listing-block #curbside-listing-view .cse-details {
  display: inline-block;
  width: 65%;
}
#curbside-listing-block #curbside-listing-view .cse-location-info {
  display: inline-block;
  float: left;
  padding-right: 10px;
}
#curbside-listing-block #curbside-listing-view .cse-location-info .cse-address {
  font-size: 20px;
}
#curbside-listing-block #curbside-listing-view .cse-location-info .cse-neighbourhood {
  font-size: 15px;
  color: #616161;
}
#curbside-listing-block #curbside-listing-view .cse-location-info .cse-date {
  font-weight: bold;
  font-size: 15px;
  color: #000;
  margin-bottom: 0.5em;
}
#curbside-listing-block #curbside-listing-view .table-hover > tbody > tr:hover > td, #curbside-listing-block #curbside-listing-view .table-hover > tbody > tr:hover > th {
  background-color: #f9f9f9;
}
#curbside-listing-block #curbside-listing-view td {
  padding: 20px;
}
#curbside-listing-block #curbside-listing-view table {
  border-bottom: none !important;
}
#curbside-listing-block #curbside-listing-view th {
  display: none !important;
}
#curbside-listing-block #filterpart .views-exposed-form {
  margin-top: 10px;
  border: 1px solid #e6e6e6;
  margin-bottom: 20px;
  border-radius: 5px;
  background-color: #f3f3f3;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0.2em 1em;
}
#curbside-listing-block #filterpart #edit-submit-curbside-swap-entries {
  margin-top: 5px !important;
  margin-left: -10px;
}
#curbside-listing-block .cse-row-wrap {
  clear: both;
}
#curbside-listing-block .cse-row-wrap .table-responsive {
  width: 100%;
}
#curbside-listing-block .cse-row-wrap .views-row {
  border-bottom: 1px solid #dfdfdf;
  display: grid;
  padding: 1em;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 1em;
}
#curbside-listing-block .clickpart {
  display: none;
  background-color: #e4e4e4;
  width: 100%;
  padding: 10px;
  margin-bottom: 10px;
}
#curbside-listing-block .clickpart :hover {
  cursor: pointer;
}
#curbside-listing-block .clickpart i {
  float: right;
  font-size: 24px;
}
#curbside-listing-block .showfilter {
  display: block !important;
}
#curbside-listing-block .read-more .hide {
  display: none;
}
#curbside-listing-block table {
  width: 100%;
}
#curbside-listing-block .views-widget {
  line-height: 0 !important;
}
#curbside-listing-block .location-iconset {
  display: inline-block;
  padding-top: 5px;
}
#curbside-listing-block .add-entry {
  float: right;
  padding-left: 20px;
}
#curbside-listing-block .views-exposed-form .views-exposed-widget {
  padding: 0.5em 0 0em 10px;
}
#curbside-listing-block .views-exposed-widget.views-submit-button {
  margin-top: 5px !important;
  padding-top: 0px;
  margin-left: 10px;
}
#curbside-listing-block .btn-primary, #curbside-listing-block .btn-back, #curbside-listing-block input[type=submit],
#curbside-listing-block input[type=button], #curbside-listing-block .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form #curbside-listing-block .button, #curbside-listing-block .engagement-project-page .form-submit, .engagement-project-page #curbside-listing-block .form-submit, #curbside-listing-block .gsc-search-button button, .gsc-search-button #curbside-listing-block button {
  display: inline-block;
}
#curbside-listing-block .btn-primary :after, #curbside-listing-block .btn-back :after, #curbside-listing-block input[type=submit] :after,
#curbside-listing-block input[type=button] :after, #curbside-listing-block .engagement-project-page .sidebar #mc_embed_signup form .button :after, .engagement-project-page .sidebar #mc_embed_signup form #curbside-listing-block .button :after, #curbside-listing-block .engagement-project-page .form-submit :after, .engagement-project-page #curbside-listing-block .form-submit :after, #curbside-listing-block .gsc-search-button button :after, .gsc-search-button #curbside-listing-block button :after {
  content: "";
}
#curbside-listing-block .btn-reset {
  display: inline-block;
  margin-top: 5px;
  margin-left: 5px;
}
#curbside-listing-block .btn-reset,
#curbside-listing-block .btn-primary,
#curbside-listing-block .btn-back,
#curbside-listing-block input[type=submit],
#curbside-listing-block input[type=button],
#curbside-listing-block .engagement-project-page .sidebar #mc_embed_signup form .button,
.engagement-project-page .sidebar #mc_embed_signup form #curbside-listing-block .button,
#curbside-listing-block .engagement-project-page .form-submit,
.engagement-project-page #curbside-listing-block .form-submit,
#curbside-listing-block .gsc-search-button button,
.gsc-search-button #curbside-listing-block button {
  margin-top: 5px !important;
  margin-left: 5px;
}

#map-canvas {
  width: 60%;
  float: right;
  z-index: 1;
  display: inline-block;
  height: 637px;
  margin-top: 10px;
  border: 0.05556em solid #d6d6d6;
  border-left: 0px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
#map-canvas .map-info p, #map-canvas .map-info .description, #map-canvas .map-info .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form #map-canvas .map-info label[for=mce-EMAIL] {
  margin-bottom: 0 !important;
}
#map-canvas .map-info hr {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
#map-canvas .map-info img {
  max-width: none;
  height: 100%;
}
.cse-location-info a {
  margin-right: 0.5em;
}

@media (max-width: 700px) {
  .views-row {
    padding: 0;
    grid-template-columns: 1fr 2fr;
  }
  .cse-location-info {
    float: none !important;
    width: 100%;
    padding-bottom: 3px;
    margin-bottom: 10px;
  }
  .cse-details {
    width: 100%;
  }
  .clickpart {
    margin-top: 10px;
    display: block !important;
  }
  #filterpart {
    padding-top: 10px;
    display: none;
  }
  #edit-submit-curbside-swap-entries {
    margin-left: 0px !important;
  }
  .views-exposed-form, #map-canvas {
    width: 100% !important;
    float: none !important;
  }
  #map-canvas {
    max-height: 18em !important;
    border-radius: 0px !important;
    border: 0.05556em solid #d6d6d6 !important;
  }
}
.media-callout {
  border: 1px solid grey;
  width: 50%;
  float: left;
  margin-bottom: 1em;
}
.media-callout img {
  width: 100%;
}

#services {
  overflow: hidden;
}
#services .l-content {
  width: 65.9574468085%;
  clear: right;
  float: left;
  margin-left: 0;
  margin-right: 2.1276595745%;
  clear: both;
}
#services .l-sidebar {
  width: 31.914893617%;
  clear: right;
  float: right;
  margin-right: 0;
}

.our-services-row {
  padding: 10px 5px 15px 15px;
  width: 100%;
}
.our-services-row.views-row-odd {
  float: left;
}
.our-services-row.views-row-even {
  float: right;
}
.views-row-last .our-services-row {
  float: none;
}

@media screen and (min-width: 768px) {
  .our-services-row {
    width: 50%;
  }
  .view-our-services-view .accordion-content .col-1 {
    padding: 5px 0px 5px 0px !important;
  }
  .view-our-services-view .accordion-content .col-2 {
    padding: 5px 0px 5px 20px !important;
  }
}
.view-our-services-view .views-view-grid .field-content {
  padding-bottom: 20px;
}
.view-our-services-view .views-view-grid .row-last .field-content {
  padding-bottom: 40px;
}
.view-our-services-view .accordion {
  padding: 10px;
}
.view-our-services-view .accordion-content tr td {
  vertical-align: top;
  width: 100%;
  float: left !important;
}
@media screen and (min-width: 768px) {
  .view-our-services-view .accordion-content tr td {
    width: 50%;
    float: none !important;
  }
}
.view-our-services-view .accordion-content .col-1 {
  padding: 5px 0px 5px 0px;
}
.view-our-services-view .accordion-content .col-2 {
  padding: 5px 0px 5px 0px;
}

.views-view-grid .views-row {
  margin-bottom: 1em;
}

.views-exposed-form .form-item {
  display: inline-block;
}

.view-online-services .accordion summary.wb-toggle h2, .view-online-services .accordion summary.wb-toggle .envirofact .fact, .envirofact .view-online-services .accordion summary.wb-toggle .fact {
  font-size: 100%;
}
.view-online-services .accordion .accordion-content .views-field-title h3, .view-online-services .accordion .accordion-content .views-field-title .footer-contactinfo .inner h2, .footer-contactinfo .inner .view-online-services .accordion .accordion-content .views-field-title h2, .view-online-services .accordion .accordion-content .views-field-title .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .view-online-services .accordion .accordion-content .views-field-title .fact, .view-online-services .accordion .accordion-content .views-field-title .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .view-online-services .accordion .accordion-content .views-field-title .fact, .view-online-services .accordion .accordion-content .views-field-title .view-id-search .views-field-title, .view-id-search .view-online-services .accordion .accordion-content .views-field-title .views-field-title, .view-online-services .accordion .accordion-content .views-field-title .gsc-table-result a.gs-title, .gsc-table-result .view-online-services .accordion .accordion-content .views-field-title a.gs-title {
  font-size: 18px;
  line-height: 1;
}
.view-online-services .views-col {
  width: 100% !important;
  margin-bottom: 2em !important;
}
.view-online-services .views-col.col-1 {
  padding-right: 2em;
}
.view-online-services .views-view-grid .views-row {
  margin-bottom: unset !important;
}

@media (min-width: 776px) {
  .view-online-services .views-col {
    width: 50% !important;
  }
}
.heritage-building #main-content #building_related {
  clear: both;
}
.heritage-building #main-content section .block-views-blockheritage-related-buildings--block-1 {
  padding: 0px 15px;
}
.heritage-building #main-content .field--name-field-status li {
  list-style: none;
}
.heritage-building #main-content #building_images {
  display: flex;
}
.heritage-building #main-content #building_images section {
  margin-right: 1em;
}
.heritage-building #main-content #building_images section img {
  border-radius: 5px;
  border: 1px solid rgba(135, 135, 135, 0.8);
}
.heritage-building #main-content .view-heritage-related-buildings- ul {
  list-style: none;
}
@media screen and (min-width: 500px) {
  .heritage-building #main-content .view-heritage-related-buildings- ul {
    columns: 2;
    -webkit-columns: 2;
    -moz-columns: 2;
  }
}

.skip-link:focus {
  color: #00594e !important;
  display: inline-block !important;
  text-align: center !important;
  width: 100% !important;
}

#text-size-adjustments {
  display: inline-block;
  margin-left: 0.4444444444em;
  padding-top: 0.35em;
  padding-bottom: 0.45em;
  position: static;
  vertical-align: middle;
}
#text-size-adjustments .text-size-button {
  display: inline-block;
  color: #00594e;
}
#text-size-adjustments .text-size-button span.letter {
  position: relative;
  font-size: smaller;
  top: 0.2222222222em;
}
#text-size-adjustments .text-size-button span.btnaction {
  position: relative;
}
#text-size-adjustments .text-size-button.text-size-increase {
  margin-right: 0.4444444444em;
}

div.view-id-mapping_applications .field-content.mapping-image {
  display: inline-block;
  padding-right: 10px;
}
div.view-id-mapping_applications .mapping-description {
  display: inline-block;
  vertical-align: top;
  max-width: 580px;
}
div.view-id-mapping_applications .views-row {
  margin-bottom: 3.5rem;
}

.webform-submission-candidate-profile-creation-form textarea {
  width: 100%;
}
.webform-submission-candidate-profile-creation-form #character-counter {
  margin-top: -0.9em;
  font-size: 0.9em;
  text-align: right;
}
.webform-submission-candidate-profile-creation-form #character-counter.exceeded {
  color: #c60303;
  font-weight: bold;
}
@media screen and (max-width: 500px) {
  .webform-submission-candidate-profile-creation-form #character-counter {
    margin-top: 1em;
  }
}
.webform-submission-candidate-profile-creation-form input[type=file] {
  display: inline-block;
  vertical-align: top;
}
.webform-submission-candidate-profile-creation-form div[id^=edit-picture-upload] {
  /* Your styles here */
  display: inline-block;
  vertical-align: top;
}
.webform-submission-candidate-profile-creation-form button[name=picture_upload_button], .webform-submission-candidate-profile-creation-form .engagement-project-page .sidebar #mc_embed_signup form [name=picture_upload_button].button, .engagement-project-page .sidebar #mc_embed_signup form .webform-submission-candidate-profile-creation-form [name=picture_upload_button].button {
  /* Your styles here */
  display: inline-block !important;
}
.webform-submission-candidate-profile-creation-form button[name=picture_upload_button].js-hide, .webform-submission-candidate-profile-creation-form .engagement-project-page .sidebar #mc_embed_signup form [name=picture_upload_button].js-hide.button, .engagement-project-page .sidebar #mc_embed_signup form .webform-submission-candidate-profile-creation-form [name=picture_upload_button].js-hide.button {
  display: inline-block !important;
}

.candidate-profiles-page .code-wrap {
  background: #ededed;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.candidate-profiles-page .code-wrap p, .candidate-profiles-page .code-wrap .description, .candidate-profiles-page .code-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .candidate-profiles-page .code-wrap label[for=mce-EMAIL] {
  margin-bottom: 0;
  padding: 0;
}
.candidate-profiles-page .code-wrap a {
  font-size: 90%;
  display: inline;
}

.candidate-profiles-preview .form-item label {
  font-weight: bold;
}
.candidate-profiles-preview .form-item label:after {
  content: ":";
}
.candidate-profiles-preview .code-wrap {
  background: #ededed;
  padding: 1rem;
  margin-bottom: 1rem;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
}
.candidate-profiles-preview .code-wrap p, .candidate-profiles-preview .code-wrap .description, .candidate-profiles-preview .code-wrap .engagement-project-page .sidebar #mc_embed_signup form label[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .candidate-profiles-preview .code-wrap label[for=mce-EMAIL] {
  margin-bottom: 0;
  padding: 0;
}
.candidate-profiles-preview .code-wrap a {
  font-size: 90%;
  display: inline;
}
.candidate-profiles-preview .biography-preview {
  background: #ffffff;
  border-radius: 10px;
  padding: 2rem;
  width: 100%;
  border: 1px dashed #7f7f7f;
  word-wrap: break-word;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section {
  display: flex;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section .alert {
  height: fit-content;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section .inner-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-right: 1em;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section .inner-wrap .img-wrap {
  position: relative;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section .inner-wrap .img-wrap.large:before {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 4px dashed #ff0000;
  display: block;
  position: absolute;
  top: 16%;
  opacity: 0.8;
  background: white;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section .inner-wrap .img-wrap.large:after {
  content: "";
  width: 100%;
  height: 1px;
  border-bottom: 4px dashed #ff0000;
  display: block;
  position: absolute;
  bottom: 31%;
  opacity: 0.8;
  background: white;
}
.candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section .inner-wrap .large-avatar {
  max-height: 280px;
  max-width: 200px;
}
@media screen and (max-width: 500px) {
  .candidate-profiles-preview #candidate_profile_creation--picture_and_biography .picture-section {
    display: block;
  }
}
.candidate-profiles-preview .avatar-wrap {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  width: 100px;
  height: 120px;
  overflow: hidden;
  background: #ffffff;
}
.candidate-profiles-preview .avatar-wrap img {
  width: 120px;
  height: 130px;
  object-fit: cover;
  object-position: center -2px;
}

.node-candidate-profiles .field--name-field-cpf-biography {
  max-width: 650px;
}

#candidate-profile {
  display: grid;
  grid-template-columns: auto;
}
#candidate-profile #profile-image .avatar-wrap {
  border: 2px solid #272727;
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 110px;
  height: 130px;
  background-image: url(/themes/saskatoon_ca/images/candidate_profiles/candidate_no_picture.png);
  overflow: hidden;
  background-size: cover;
  background-position-y: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
#candidate-profile #profile-image img {
  width: 120px;
  height: auto;
}
#candidate-profile #left-side {
  padding-left: 2.5rem;
}
#candidate-profile #left-side .social-media {
  display: none;
}
#candidate-profile #left-side .link-with-icon {
  line-height: 1.3;
}
#candidate-profile #right-side {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 4px 2rem;
}
#candidate-profile #right-side #name {
  display: flex;
  gap: 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  flex-wrap: wrap;
  font-size: 100% !important;
  margin-top: 1rem;
}
#candidate-profile #right-side #name h1 {
  margin-bottom: 0.25em;
  font-size: clamp(3rem, 4.5vw, 5rem);
}
#candidate-profile #right-side #name .thin-font {
  display: inline-block;
}
#candidate-profile #right-side #name .running-for {
  margin-top: -0.9rem;
  margin-bottom: 0;
}
#candidate-profile #right-side #name a {
  text-decoration: none;
}
#candidate-profile #right-side #name .contacts {
  display: flex;
  flex-direction: row;
  gap: 2rem;
  flex-wrap: wrap;
}
#candidate-profile #right-side #name .contacts span {
  font-size: 16px;
}
@media screen and (min-width: 600px) {
  #candidate-profile #right-side #name .contacts {
    display: flex;
    grid-template-columns: auto;
    justify-content: flex-start;
    flex-direction: row;
  }
}
#candidate-profile #right-side #biography {
  margin-top: 2rem;
  margin-bottom: 2rem;
}
#candidate-profile #right-side #mobile-underbar {
  border-top-left-radius: 15px;
  border-bottom-right-radius: 15px;
  width: 100%;
}
#candidate-profile #right-side #mobile-underbar h2, #candidate-profile #right-side #mobile-underbar .envirofact .fact, .envirofact #candidate-profile #right-side #mobile-underbar .fact {
  font-size: 122.2222222222%;
  line-height: 1;
  margin-top: 0;
}
#candidate-profile #right-side #mobile-underbar a {
  text-decoration: none !important;
}
#candidate-profile #right-side #mobile-underbar i:before {
  font-size: 15px;
}
@media screen and (min-width: 600px) {
  #candidate-profile {
    display: flex;
    grid-template-columns: auto;
    justify-content: flex-start;
    flex-direction: row;
  }
  #candidate-profile #left-side {
    grid-column: 1;
    background: #f5f5f5;
    border-top-left-radius: 15px;
    border-bottom-right-radius: 15px;
    padding: 0.5rem;
    margin-left: 0;
    margin-right: 0;
    height: fit-content;
    max-width: 219px;
  }
  #candidate-profile #left-side .social-media {
    margin-left: 1rem;
    display: flex;
    align-content: flex-end;
    align-items: flex-start;
    flex-direction: column;
    margin-top: 2rem;
    margin-bottom: 0;
    font-size: 16px;
  }
  #candidate-profile #left-side #profile-image .avatar-wrap {
    width: 160px;
    height: 180px;
  }
  #candidate-profile #left-side #profile-image img {
    width: 170px;
    height: auto;
    margin-top: 20px;
  }
  #candidate-profile #left-side a {
    text-decoration: none;
    word-break: break-all;
  }
  #candidate-profile #right-side {
    max-width: 650px;
  }
  #candidate-profile #right-side #profile-image,
  #candidate-profile #right-side #mobile-underbar {
    display: none;
  }
  #candidate-profile #right-side a {
    text-decoration: none;
  }
  #candidate-profile #right-side #name {
    width: 100%;
    font-size: 120% !important;
    gap: 1.5rem;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-top: 0;
  }
  #candidate-profile #right-side #name h1 {
    margin-bottom: 0;
    text-align: left;
  }
  #candidate-profile #right-side #name .running-for {
    margin-top: -1rem;
    margin-bottom: 0;
  }
  #candidate-profile #right-side #name .thin-font {
    display: block;
  }
  #candidate-profile #right-side #mobile-profile-image .avatar-wrap {
    width: 160px;
    height: 180px;
  }
  #candidate-profile #right-side #mobile-profile-image .secondary {
    display: grid;
  }
}

#candidate-sidebar .primary,
#candidate-sidebar .secondary {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 1rem;
  word-wrap: break-word;
  word-break: break-all;
  padding-right: 15px;
}
#candidate-sidebar i {
  margin-right: 1rem;
}
#candidate-sidebar a {
  display: grid;
  grid-template-columns: auto auto;
  justify-content: start;
}

.view-candidate-profiles-listing .accordion {
  margin-bottom: 4em;
}

.candidate-profile-accordion {
  margin-bottom: 3rem;
  border: 2px solid black !important;
}
.candidate-profile-accordion h2, .candidate-profile-accordion .envirofact .fact, .envirofact .candidate-profile-accordion .fact {
  font-size: 140%;
}
.candidate-profile-accordion[open] {
  border: none !important;
}
.candidate-profile-accordion[open] .cp-summary {
  background: none;
  background: #fff;
  color: #000 !important;
  margin-bottom: 0;
  padding-bottom: 0;
  border: none !important;
}
.candidate-profile-accordion .candidate-listing-rows {
  display: grid;
  grid-template-columns: 100%;
  grid-row-gap: 3rem;
  padding: 1.5rem;
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: none !important;
  max-width: 450px;
}
.candidate-profile-accordion .candidate-listing-rows .candidate-listing-link {
  overflow: hidden;
  border-radius: 15px;
  text-decoration: none !important;
  border: 2px solid transparent;
  transition: 0.25s all ease-in-out;
}
.candidate-profile-accordion .candidate-listing-rows .candidate-listing-link:focus {
  color: #00594e;
}
.candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h3, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .footer-contactinfo .inner h2, .footer-contactinfo .inner .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h2, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .view-id-search .views-field-title, .view-id-search .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .views-field-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .gsc-table-result a.gs-title, .gsc-table-result .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link a.gs-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h4, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .page-sidebar .block-title, .page-sidebar .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .block-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .field-collection-item-field-timeline .field--name-field-when, .field-collection-item-field-timeline .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .field--name-field-when, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link #engagement-timeline .timeline-desc-wrap h3, #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h3, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .engagement-project-page .sidebar .sidebar-block-title, .engagement-project-page .sidebar .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .sidebar-block-title,
.candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .engagement-project-page .sidebar .block-title,
.engagement-project-page .sidebar .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .block-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .section-heading-bar, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .panel-block .panel-block-title, .panel-block .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .panel-block-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .page-sidebar .block .sidebar-block-title, .page-sidebar .block .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .sidebar-block-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h2, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h2, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .realtimefeed-content h2, .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link h2, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .realtimefeed-content .envirofact .fact, .realtimefeed-content .envirofact .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .envirofact .realtimefeed-content .fact, .envirofact .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .fact, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, #engagement-timeline .timeline-desc-wrap .view-id-search .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .views-field-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .view-id-search #engagement-timeline .timeline-desc-wrap .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .views-field-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, #engagement-timeline .timeline-desc-wrap .gsc-table-result .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link a.gs-title, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link .gsc-table-result #engagement-timeline .timeline-desc-wrap a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link a.gs-title {
  color: #000 !important;
  margin-bottom: 0;
}
.candidate-profile-accordion .candidate-listing-rows .candidate-listing-link:hover, .candidate-profile-accordion .candidate-listing-rows .candidate-listing-link:focus {
  cursor: pointer;
  border: 2px solid #00594e;
  outline: none !important;
}
@media screen and (min-width: 740px) {
  .candidate-profile-accordion .candidate-listing-rows {
    max-width: unset;
    grid-template-columns: 47% 47%;
    grid-column-gap: 6%;
  }
}
.candidate-profile-accordion .candidate-listing-rows .avatar-wrap {
  border-radius: 10px;
  width: 100px;
  height: 120px;
  overflow: hidden;
  background: #ffffff;
}
.candidate-profile-accordion .candidate-listing-rows .avatar-wrap img {
  width: 120px;
  height: 130px;
  object-fit: cover;
  object-position: center -2px;
}
.candidate-profile-accordion .candidate-listing-rows .placeholder-image {
  background-image: url(/themes/saskatoon_ca/images/candidate_profiles/candidate_no_picture.png);
  background-position-y: center;
  width: 100px;
  height: 120px;
  background-size: cover;
}
.candidate-profile-accordion .candidate-listing-rows .img-responsive {
  height: unset !important;
  max-width: unset !important;
}
.candidate-profile-accordion .candidate-listing-rows .views-row {
  display: flex;
  padding: 0.4rem 0.9rem;
  justify-content: flex-start;
  background: #fff;
  position: relative;
  flex-direction: row;
  min-height: 140px;
  align-items: center;
}
.candidate-profile-accordion .candidate-listing-rows .views-row > .views-field-fieldset {
  flex-grow: 1;
}
.candidate-profile-accordion .candidate-listing-rows .views-row .right-side {
  display: flex;
  flex-direction: column;
  padding: 0.8rem 0.5rem 0.5rem 1rem;
  justify-content: space-between;
  max-width: 65%;
  overflow-wrap: break-word;
  align-self: stretch;
}
.candidate-profile-accordion .candidate-listing-rows .views-row .right-side .lname {
  display: block;
  max-height: 62px;
}
.candidate-profile-accordion .candidate-listing-rows .views-row .right-side .fname {
  display: block;
  font-size: 85%;
  font-weight: 100;
}
.candidate-profile-accordion .candidate-listing-rows .views-row h4, .candidate-profile-accordion .candidate-listing-rows .views-row .page-sidebar .block-title, .page-sidebar .candidate-profile-accordion .candidate-listing-rows .views-row .block-title, .candidate-profile-accordion .candidate-listing-rows .views-row .field-collection-item-field-timeline .field--name-field-when, .field-collection-item-field-timeline .candidate-profile-accordion .candidate-listing-rows .views-row .field--name-field-when, .candidate-profile-accordion .candidate-listing-rows .views-row #engagement-timeline .timeline-desc-wrap h3, #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .views-row h3, .candidate-profile-accordion .candidate-listing-rows .views-row .engagement-project-page .sidebar .sidebar-block-title, .engagement-project-page .sidebar .candidate-profile-accordion .candidate-listing-rows .views-row .sidebar-block-title,
.candidate-profile-accordion .candidate-listing-rows .views-row .engagement-project-page .sidebar .block-title,
.engagement-project-page .sidebar .candidate-profile-accordion .candidate-listing-rows .views-row .block-title, .candidate-profile-accordion .candidate-listing-rows .views-row .section-heading-bar, .candidate-profile-accordion .candidate-listing-rows .views-row .panel-block .panel-block-title, .panel-block .candidate-profile-accordion .candidate-listing-rows .views-row .panel-block-title, .candidate-profile-accordion .candidate-listing-rows .views-row .page-sidebar .block .sidebar-block-title, .page-sidebar .block .candidate-profile-accordion .candidate-listing-rows .views-row .sidebar-block-title, .candidate-profile-accordion .candidate-listing-rows .views-row #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner h2, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .candidate-profile-accordion .candidate-listing-rows .views-row h2, .candidate-profile-accordion .candidate-listing-rows .views-row .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap h2, .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .views-row h2, .candidate-profile-accordion .candidate-listing-rows .views-row #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .fact, #engagement-timeline .timeline-desc-wrap .footer-contactinfo .inner .envirofact .candidate-profile-accordion .candidate-listing-rows .views-row .fact, .candidate-profile-accordion .candidate-listing-rows .views-row .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .fact, .footer-contactinfo .inner .envirofact #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .views-row .fact, .candidate-profile-accordion .candidate-listing-rows .views-row #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .fact, #engagement-timeline .timeline-desc-wrap .envirofact .footer-contactinfo .inner .candidate-profile-accordion .candidate-listing-rows .views-row .fact, .candidate-profile-accordion .candidate-listing-rows .views-row .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .fact, .envirofact .footer-contactinfo .inner #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .views-row .fact, .candidate-profile-accordion .candidate-listing-rows .views-row .realtimefeed-content h2, .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .views-row h2, .candidate-profile-accordion .candidate-listing-rows .views-row .realtimefeed-content .envirofact .fact, .realtimefeed-content .envirofact .candidate-profile-accordion .candidate-listing-rows .views-row .fact, .candidate-profile-accordion .candidate-listing-rows .views-row .envirofact .realtimefeed-content .fact, .envirofact .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .views-row .fact, .candidate-profile-accordion .candidate-listing-rows .views-row .realtimefeed-content h3, .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .views-row h3, .candidate-profile-accordion .candidate-listing-rows .views-row #engagement-timeline .timeline-desc-wrap .view-id-search .views-field-title, #engagement-timeline .timeline-desc-wrap .view-id-search .candidate-profile-accordion .candidate-listing-rows .views-row .views-field-title, .candidate-profile-accordion .candidate-listing-rows .views-row .view-id-search #engagement-timeline .timeline-desc-wrap .views-field-title, .view-id-search #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .views-row .views-field-title, .candidate-profile-accordion .candidate-listing-rows .views-row .realtimefeed-content .view-id-search .views-field-title, .realtimefeed-content .view-id-search .candidate-profile-accordion .candidate-listing-rows .views-row .views-field-title, .candidate-profile-accordion .candidate-listing-rows .views-row .view-id-search .realtimefeed-content .views-field-title, .view-id-search .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .views-row .views-field-title, .candidate-profile-accordion .candidate-listing-rows .views-row #engagement-timeline .timeline-desc-wrap .gsc-table-result a.gs-title, #engagement-timeline .timeline-desc-wrap .gsc-table-result .candidate-profile-accordion .candidate-listing-rows .views-row a.gs-title, .candidate-profile-accordion .candidate-listing-rows .views-row .gsc-table-result #engagement-timeline .timeline-desc-wrap a.gs-title, .gsc-table-result #engagement-timeline .timeline-desc-wrap .candidate-profile-accordion .candidate-listing-rows .views-row a.gs-title, .candidate-profile-accordion .candidate-listing-rows .views-row .realtimefeed-content .gsc-table-result a.gs-title, .realtimefeed-content .gsc-table-result .candidate-profile-accordion .candidate-listing-rows .views-row a.gs-title, .candidate-profile-accordion .candidate-listing-rows .views-row .gsc-table-result .realtimefeed-content a.gs-title, .gsc-table-result .realtimefeed-content .candidate-profile-accordion .candidate-listing-rows .views-row a.gs-title {
  line-height: 1.2;
  margin-bottom: 0;
}
.candidate-profile-accordion .views-field-field-cpf-last-name {
  flex-grow: 1;
}
.candidate-profile-accordion .views-field-field-cpf-last-name > .field-content {
  display: flex;
  justify-content: space-between;
  height: 100%;
  flex-direction: column;
  position: relative;
}
.candidate-profile-accordion .views-field-nothing {
  text-align: right;
  position: relative;
  left: 90%;
  padding: 0;
  width: fit-content;
}
.candidate-profile-accordion .views-field-nothing a {
  margin-right: 1rem;
}
.candidate-profile-accordion p.ward, .candidate-profile-accordion .ward.description, .candidate-profile-accordion .engagement-project-page .sidebar #mc_embed_signup form label.ward[for=mce-EMAIL], .engagement-project-page .sidebar #mc_embed_signup form .candidate-profile-accordion label.ward[for=mce-EMAIL] {
  margin-bottom: 0;
  color: #575757;
  font-size: 18px;
  position: relative;
  left: 0;
  margin-right: 1em;
  bottom: -7px;
}
.candidate-profile-accordion .view-profile-link {
  position: absolute;
  right: 0;
  bottom: 3px;
  font-size: 18px;
  margin-right: 0.8em;
  text-decoration: none !important;
}
.candidate-profile-accordion .view-profile-link:after {
  content: "\f054";
  font-weight: bold;
  font-family: "Font Awesome 5 Free";
  margin-left: 0.5em;
}

#views-exposed-form-candidate-profiles-listing-block-1 .form--inline {
  display: flex;
  flex-wrap: wrap;
}
#views-exposed-form-candidate-profiles-listing-block-1 .form-item {
  margin-bottom: 0;
}

.candidate-sidebar-info {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: nowrap;
}

#view-other-candidates {
  float: right;
  margin-top: 1em;
  margin-bottom: 1em;
}

.block-field-blocknodewardfield-councillor .field--name-field-councillor-image .img-responsive {
  width: 140px;
}
@media screen and (min-width: 500px) {
  .block-field-blocknodewardfield-councillor .field--name-field-councillor-image {
    float: right;
    margin-left: 0.8333333333em;
    margin-bottom: 0.5555555556em;
  }
  .block-field-blocknodewardfield-councillor .field--name-field-councillor-image .img-responsive {
    width: 100%;
  }
}

.zoo-animal-grids {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 3rem;
  margin-top: 3rem;
  justify-content: start;
}
@media screen and (min-width: 680px) {
  .zoo-animal-grids {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media screen and (min-width: 1500px) {
  .zoo-animal-grids {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.zoo-animal-grids .zoo-animal-link {
  width: fit-content;
  display: block;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  height: fit-content;
  max-width: 250px;
  text-decoration: none !important;
}
.zoo-animal-grids .zoo-animal-link:hover, .zoo-animal-grids .zoo-animal-link:focus {
  outline: 3px solid #373737;
  margin: 0;
}
.zoo-animal-grids .animal-description {
  background: #00594e;
  color: white;
  padding: 1rem 1.5rem 0.5rem 1.5rem;
}
.zoo-animal-grids .iucn-status {
  display: none;
  position: absolute;
  color: white;
  background: rgba(225, 134, 36, 0.9098039216);
  bottom: 3rem;
  border-radius: 50%;
  /* padding: 4px; */
  height: 25px;
  line-height: 25px;
  width: 25px;
  font-size: 12px;
  text-align: center;
  vertical-align: middle;
  right: 0;
  margin-right: 1rem;
  margin-bottom: 1rem;
}
.zoo-animal-grids .animal-class {
  position: relative;
  bottom: 3.4rem;
  background: rgba(0, 0, 0, 0);
  padding: 10px;
  text-shadow: rgba(22, 22, 22, 0.5803921569) 2px 1px 2px;
  margin-left: 0;
  left: -10px;
  box-shadow: none;
  font-weight: 100;
}
.zoo-animal-grids .animal-title {
  position: relative;
  /* left: 10px; */
  bottom: 1rem;
  width: fit-content;
  display: block;
  margin-top: -15px;
  font-size: 120%;
}

.view-zoo-animal-search .view-content {
  padding-left: 4px;
  padding-right: 4px;
}

.block-field-blocknodewardfield-ward-areas {
  margin-top: 0 !important;
}

.ward-areas-list {
  list-style-type: disc !important;
}
.ward-areas-list li {
  margin-bottom: 0 !important;
}

#pollfinder-results form {
  display: flex;
  align-content: flex-end;
  align-items: flex-end;
  flex-direction: row;
  gap: 1em;
  flex-wrap: wrap;
}
#pollfinder-results #inner-results {
  margin-top: 1em;
}
#pollfinder-results input {
  margin-right: 2rem;
}
#pollfinder-results h3, #pollfinder-results .footer-contactinfo .inner h2, .footer-contactinfo .inner #pollfinder-results h2, #pollfinder-results .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact #pollfinder-results .fact, #pollfinder-results .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner #pollfinder-results .fact, #pollfinder-results .view-id-search .views-field-title, .view-id-search #pollfinder-results .views-field-title, #pollfinder-results .gsc-table-result a.gs-title, .gsc-table-result #pollfinder-results a.gs-title {
  margin-bottom: 1em;
}

.station-data {
  list-style: none;
  display: flex;
  flex-direction: row;
  gap: 2rem;
  margin-bottom: 2em;
}
.station-data:last-child {
  border-bottom: none;
}
.station-data h3, .station-data .footer-contactinfo .inner h2, .footer-contactinfo .inner .station-data h2, .station-data .footer-contactinfo .inner .envirofact .fact, .footer-contactinfo .inner .envirofact .station-data .fact, .station-data .envirofact .footer-contactinfo .inner .fact, .envirofact .footer-contactinfo .inner .station-data .fact, .station-data .view-id-search .views-field-title, .view-id-search .station-data .views-field-title, .station-data .gsc-table-result a.gs-title, .gsc-table-result .station-data a.gs-title {
  margin-bottom: 0 !important;
}
.station-data .station {
  height: 46px;
  min-width: 46px;
  vertical-align: middle;
  display: flex;
  line-height: 23px;
  flex-direction: column;
  align-items: center;
  border-radius: 50%;
  border: 1px solid #000;
  justify-content: center;
}
.station-data .location-name {
  font-size: 27px;
  margin-bottom: 0.8rem;
}
.station-data .station-address-link {
  display: block;
}
.station-data .station-address-link a {
  text-decoration: none;
  font-size: 16px;
}
.station-data .station-address {
  font-size: 20px;
  margin-bottom: 0;
}
.station-data .station-number {
  color: #000;
  font-weight: 100;
  font-size: 16px;
}

.your-ward {
  font-weight: 100;
  margin-top: 20px;
  font-size: 19px;
}

.ward-highlight {
  font-weight: 500;
  background: #7f3e98;
  color: white;
  padding: 5px 10px;
  border-radius: 5px;
}

.advanced-map-link {
  display: block;
}

.wb-mltmd .btn, .wb-mltmd input[type=submit],
.wb-mltmd input[type=button], .wb-mltmd .engagement-project-page .sidebar #mc_embed_signup form .button, .engagement-project-page .sidebar #mc_embed_signup form .wb-mltmd .button, .wb-mltmd .engagement-project-page .form-submit, .engagement-project-page .wb-mltmd .form-submit, .wb-mltmd .gsc-search-button button, .gsc-search-button .wb-mltmd button {
  padding: 6px 12px;
  margin-right: unset;
}
.wb-mltmd .btn::after, .wb-mltmd input[type=submit]::after,
.wb-mltmd input[type=button]::after, .wb-mltmd .engagement-project-page .sidebar #mc_embed_signup form .button::after, .engagement-project-page .sidebar #mc_embed_signup form .wb-mltmd .button::after, .wb-mltmd .engagement-project-page .form-submit::after, .engagement-project-page .wb-mltmd .form-submit::after, .wb-mltmd .gsc-search-button button::after, .gsc-search-button .wb-mltmd button::after {
  display: none;
}

/*# sourceMappingURL=saskatoon_ca.styles.css.map */