@charset "UTF-8";
html {
  box-sizing: border-box; }

*, *::after, *::before {
  box-sizing: inherit; }

/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/**
 * Remove default margin.
 */
body {
  margin: 0; }

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11 and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none; }

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0; }

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden; }

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold; }

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

/*
@mixin negative-margin ($value) {
  margin: - ($value);
}
*/
.container {
  padding: 0.9375rem; }
  @media screen and (min-width: 48rem) {
    .container {
      padding: 1.25rem; } }
  @media screen and (min-width: 81.25rem) {
    .container {
      padding: 3.125rem; } }

.page-header .page-title h1 {
  font-size: 28px;
  font-size: 1.75rem; }
  @media screen and (min-width: 48rem) {
    .page-header .page-title h1 {
      font-size: 32px;
      font-size: 2rem; } }
  @media screen and (min-width: 64rem) {
    .page-header .page-title h1 {
      font-size: 38px;
      font-size: 2.375rem; } }

h2, .user-content .component-address-book tr.title h2, .component-sessions h3, .component-bids h3 {
  font-size: 24px;
  font-size: 1.5rem; }
  @media screen and (min-width: 48rem) {
    h2, .user-content .component-address-book tr.title h2, .component-sessions h3, .component-bids h3 {
      font-size: 26px;
      font-size: 1.625rem; } }
  @media screen and (min-width: 64rem) {
    h2, .user-content .component-address-book tr.title h2, .component-sessions h3, .component-bids h3 {
      font-size: 32px;
      font-size: 2rem; } }

.module-archive .component-archive h3, .module-contact h2, h3, .component-subpages h3, .component-subpages-photos h3, .component-subpages-photos-only h3, .component-subpages-icons-only h3, .component-subpages-titles-only h3, .user-content .component-address-book .meta-title, .component-news-regular .featured h3, .component-questions h3, .component-questions h4, .component-councillor-questions h3, .featured-rich-content .title {
  font-size: 20px;
  font-size: 1.25rem; }
  @media screen and (min-width: 48rem) {
    .module-archive .component-archive h3, .module-contact h2, h3, .component-subpages h3, .component-subpages-photos h3, .component-subpages-photos-only h3, .component-subpages-icons-only h3, .component-subpages-titles-only h3, .user-content .component-address-book .meta-title, .component-news-regular .featured h3, .component-questions h3, .component-questions h4, .component-councillor-questions h3, .featured-rich-content .title {
      font-size: 22px;
      font-size: 1.375rem; } }
  @media screen and (min-width: 64rem) {
    .module-archive .component-archive h3, .module-contact h2, h3, .component-subpages h3, .component-subpages-photos h3, .component-subpages-photos-only h3, .component-subpages-icons-only h3, .component-subpages-titles-only h3, .user-content .component-address-book .meta-title, .component-news-regular .featured h3, .component-questions h3, .component-questions h4, .component-councillor-questions h3, .featured-rich-content .title {
      font-size: 24px;
      font-size: 1.5rem; } }

.accessible-maps .popup-info h3, .component-news h3, .component-sessions footer h3, .component-city-districts h3 {
  font-size: 16px;
  font-size: 1rem; }
  @media screen and (min-width: 48rem) {
    .accessible-maps .popup-info h3, .component-news h3, .component-sessions footer h3, .component-city-districts h3 {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 64rem) {
    .accessible-maps .popup-info h3, .component-news h3, .component-sessions footer h3, .component-city-districts h3 {
      font-size: 20px;
      font-size: 1.25rem; } }

.introductory-text p, .module-article > .summary p {
  font-size: 18px;
  font-size: 1.125rem;
  color: #333; }
  @media screen and (min-width: 81.25rem) {
    .introductory-text p, .module-article > .summary p {
      font-size: 22px;
      font-size: 1.375rem; } }

.summary p {
  font-size: 15px;
  font-size: 0.9375rem;
  color: #2f2f2f; }
  @media screen and (min-width: 48rem) {
    .summary p {
      font-size: 16px;
      font-size: 1rem; } }
  @media screen and (min-width: 64rem) {
    .summary p {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 81.25rem) {
    .summary p {
      font-size: 19px;
      font-size: 1.1875rem; } }

[role="secondary"] .component-title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #333;
  background: #ddd;
  text-transform: uppercase;
  font-weight: 400;
  padding: 0.625rem; }
  @media screen and (min-width: 64rem) {
    [role="secondary"] .component-title {
      padding: 0.8333333333rem 1.25rem; } }

[role="main"] .component-title {
  font-size: 14px;
  font-size: 0.875rem;
  color: #fff;
  background-color: #555;
  background-image: -webkit-linear-gradient(#555, #3c3c3c);
  background-image: linear-gradient(#555, #3c3c3c);
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0.625rem 0.9375rem; }
  @media screen and (min-width: 48rem) {
    [role="main"] .component-title {
      font-size: 22px;
      font-size: 1.375rem;
      padding: 0.9375rem 1.25rem; } }
  @media screen and (min-width: 64rem) {
    [role="main"] .component-title {
      font-size: 24px;
      font-size: 1.5rem; } }

.component-contact h3, .component-cv h3, .component-text h3, .component-sessions footer h2 {
  font-size: 12px;
  font-size: 0.75rem;
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #888;
  text-transform: uppercase; }

.component-news-regular .component-content > .meta.date, .component-archive small, .component-search-results small, .component-sessions small, .component-questions small, .component-councillor-questions small, .component-bids small {
  font-size: 14px;
  font-size: 0.875rem; }

p, li, table {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5; }
  @media screen and (min-width: 48rem) {
    p, li, table {
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media screen and (min-width: 64rem) {
    p, li, table {
      font-size: 17px;
      font-size: 1.0625rem;
      line-height: 1.6; } }
  @media screen and (min-width: 81.25rem) {
    p, li, table {
      font-size: 18px;
      font-size: 1.125rem; } }

.user-content blockquote p {
  font-size: 16px;
  font-size: 1rem;
  font-style: italic;
  color: #cd352f; }
  @media screen and (min-width: 48rem) {
    .user-content blockquote p {
      font-size: 17px;
      font-size: 1.0625rem; } }
  @media screen and (min-width: 64rem) {
    .user-content blockquote p {
      font-size: 19px;
      font-size: 1.1875rem;
      line-height: 1.6; } }
  @media screen and (min-width: 81.25rem) {
    .user-content blockquote p {
      font-size: 20px;
      font-size: 1.25rem; } }

.user-content blockquote p + p:last-child {
  font-size: 13px;
  font-size: 0.8125rem;
  font-style: normal;
  color: #666;
  text-transform: uppercase; }
  @media screen and (min-width: 64rem) {
    .user-content blockquote p + p:last-child {
      font-size: 14px;
      font-size: 0.875rem; } }
  @media screen and (min-width: 81.25rem) {
    .user-content blockquote p + p:last-child {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.6; } }

.user-content .wp-caption p, .user-content .wp-caption .wp-caption-dd {
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 1.25;
  text-transform: uppercase;
  font-weight: 700;
  color: #cd352f; }
  @media screen and (min-width: 48rem) {
    .user-content .wp-caption p, .user-content .wp-caption .wp-caption-dd {
      font-size: 13px;
      font-size: 0.8125rem; } }

.note p {
  color: #555; }
  .note p strong, .note p a {
    color: #333; }
  .note p a {
    text-decoration: underline; }
  @media screen and (min-width: 48rem) {
    .note p {
      font-size: 16px;
      font-size: 1rem; } }
  @media screen and (min-width: 64rem) {
    .note p {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 81.25rem) {
    .note p {
      font-size: 20px;
      font-size: 1.25rem; } }

.content-block h2 {
  background: #cd352f;
  color: #fff;
  padding: 0.3125rem;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: .3px;
  font-weight: 700;
  text-transform: uppercase; }
  @media screen and (min-width: 48rem) {
    .content-block h2 {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 64rem) {
    .content-block h2 {
      font-size: 22px;
      font-size: 1.375rem; } }

.content-block .block-introductory p {
  font-size: 16px;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.3;
  color: #333; }
  @media screen and (min-width: 48rem) {
    .content-block .block-introductory p {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 64rem) {
    .content-block .block-introductory p {
      font-size: 22px;
      font-size: 1.375rem; } }

.component-filter legend {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.2;
  color: #333;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -0.075px; }

label {
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: 700;
  color: #555;
  text-transform: uppercase; }
  @media screen and (min-width: 48rem) {
    label {
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media screen and (min-width: 64rem) {
    label {
      font-size: 16px;
      font-size: 1rem;
      text-transform: none; } }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.25;
  padding: 0.5625rem 0.75rem; }
  @media screen and (min-width: 48rem) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
      font-size: 17px;
      font-size: 1.0625rem;
      padding: 0.625rem 0.75rem; } }
  @media screen and (min-width: 64rem) {
    input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
      font-size: 19px;
      font-size: 1.1875rem; } }

* {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

body {
  background: #eee; }

.wrapper {
  overflow-x: hidden;
  width: 100%; }

.container {
  max-width: 75rem;
  margin: 0 auto;
  *zoom: 1; }
  .container:before, .container:after {
    content: '';
    display: table; }
  .container:after {
    clear: both; }

.skip-links {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.visually-hidden {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden; }

.spacer {
  width: 100%;
  text-align: center; }
  .spacer:before {
    content: "★★★";
    font-size: 16px;
    font-size: 1rem;
    color: #009bdf; }
  .spacer * {
    display: none; }

#page-main {
  box-shadow: 0 0.25rem 0.9375rem rgba(17, 17, 17, 0.25);
  background: #fff; }
  @media screen and (min-width: 48rem) {
    #page-main .main-content {
      float: left;
      width: 70%; }
    #page-main .secondary-content {
      float: right;
      width: 30%;
      padding-left: 1.25rem; }
      #page-main .secondary-content:before {
        display: none; }
    .full-width #page-main .main-content, body.homepage #page-main .main-content {
      width: 100%; } }
  @media screen and (min-width: 64rem) {
    #page-main .main-content {
      width: 62%; }
    #page-main .secondary-content {
      width: 38%;
      padding-left: 3.125rem; }
    body.homepage #page-main .main-content {
      width: 70%; }
    body.homepage #page-main .secondary-content {
      width: 30%;
      padding-left: 1.25rem; } }

.secondary-content:before {
  content: "";
  display: block;
  border: none;
  border-top: 5px solid #ddd;
  width: 100%;
  margin: 0.9375rem auto; }

.page-header {
  background-color: #555;
  background-image: -webkit-linear-gradient(#555, #3c3c3c);
  background-image: linear-gradient(#555, #3c3c3c);
  margin: -0.9375rem;
  margin-bottom: 0.9375rem;
  padding: 0.9375rem; }
  .page-header.background-photo {
    background: none;
    position: relative;
    overflow: hidden;
    padding-top: 12.5rem; }
    .page-header.background-photo .image {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 1;
      margin: 0; }
      .page-header.background-photo .image img {
        min-height: 100%;
        min-width: 100%;
        z-index: 2;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); }
      .page-header.background-photo .image .overlay {
        background: red;
        z-index: 2;
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 50%;
        margin: 0;
        background-color: transparent;
        background-image: -webkit-linear-gradient(transparent, rgba(17, 17, 17, 0.9));
        background-image: linear-gradient(transparent, rgba(17, 17, 17, 0.9)); }
    .page-header.background-photo .page-title, .page-header.background-photo .breadcrumbs {
      z-index: 3;
      position: relative; }
  @media screen and (min-width: 48rem) {
    .page-header {
      margin: -1.25rem;
      margin-bottom: 1.25rem;
      padding: 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .page-header {
      padding: 1.25rem;
      margin-bottom: 1.25rem;
      width: 300%;
      padding-left: 100%;
      padding-right: 100%;
      margin-left: -100%; }
      .page-header.background-photo .image img {
        min-width: 60%;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%); } }
  @media screen and (min-width: 81.25rem) {
    .page-header {
      margin-top: -3.125rem;
      padding: 3.125rem;
      margin-bottom: 3.125rem;
      padding-left: 100%;
      padding-right: 100%; } }
  .page-header div {
    margin-top: 0.9375rem; }
    .page-header div:last-child {
      margin-bottom: 0.9375rem; }
  .page-header .page-title h1 {
    margin: 0;
    color: #fff;
    text-shadow: 0 0.125rem 0.125rem rgba(17, 17, 17, 0.5); }
  .page-header .page-title p, .page-header .page-title small {
    color: #888;
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem; }
  .page-header .page-title a {
    color: #888;
    border-bottom: 1px solid #555555; }

.breadcrumbs ul {
  list-style: none;
  margin: 0;
  padding: 0; }
  .breadcrumbs ul:before {
    content: "";
    display: block;
    border: none;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    width: 10%;
    margin: 0; }
  .breadcrumbs ul:before {
    padding-top: 0.9375rem; }

.breadcrumbs li {
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #888;
  padding: 0.125rem 0; }
  .breadcrumbs li:last-child a:before {
    display: none; }

.breadcrumbs a {
  color: #eeeeee;
  display: inline-block;
  position: relative; }
  .breadcrumbs a:before {
    position: absolute;
    right: -0.75rem;
    top: 0.4375rem;
    font-size: 8px;
    font-size: 0.5rem; }
  .breadcrumbs a:hover {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    color: white; }

@media screen and (min-width: 48rem) {
  .breadcrumbs {
    margin: 1.25rem 0 0 !important;
    background: rgba(17, 17, 17, 0.25);
    width: 300%;
    padding: 0.625rem 100%;
    position: relative;
    left: -100%;
    bottom: -1.25rem; }
    .breadcrumbs ul:before {
      display: none; }
    .breadcrumbs li {
      display: inline-block;
      padding-right: 0.625rem; } }

@media screen and (min-width: 64rem) {
  .breadcrumbs {
    bottom: -1.25rem;
    padding: 0.625rem 100%; } }

@media screen and (min-width: 81.25rem) {
  .breadcrumbs {
    margin: 0 !important;
    bottom: -3.125rem;
    padding: 0.78125rem 100%; } }

.accessible-maps {
  /*
	position: relative;
	overflow: hidden;
*/
  width: auto !important;
  margin: -0.9375rem;
  margin-bottom: 0.9375rem;
  position: relative; }
  .accessible-maps > div {
    min-height: 18.75rem; }
  .accessible-maps form div {
    position: absolute; }
  .accessible-maps .map-button {
    width: 2rem;
    height: 2rem;
    background: #cd352f;
    border: 0;
    color: #fff;
    border-radius: 0.1875rem;
    margin: 0.0625rem;
    padding: 0;
    font-size: 20px;
    font-size: 1.25rem; }
    .accessible-maps .map-button i {
      display: none; }
  .accessible-maps .control-pan {
    bottom: 0.9375rem;
    left: 0.9375rem;
    width: 6.375rem;
    height: 4.25rem; }
    .accessible-maps .control-pan .map-button {
      position: absolute; }
    .accessible-maps .control-pan .pan-up {
      left: 2.125rem; }
    .accessible-maps .control-pan .pan-right {
      top: 2.125rem;
      left: 4.25rem; }
    .accessible-maps .control-pan .pan-bottom {
      top: 2.125rem;
      left: 2.125rem; }
    .accessible-maps .control-pan .pan-left {
      top: 2.125rem; }
    .accessible-maps .control-pan .center {
      display: none; }
  .accessible-maps .control-zoom {
    top: 0.9375rem;
    left: 0.9375rem; }
    .accessible-maps .control-zoom .map-button {
      position: absolute; }
    .accessible-maps .control-zoom .zoom-in {
      top: 0; }
    .accessible-maps .control-zoom .zoom-out {
      top: 2.125rem; }
  .accessible-maps .control-marker {
    bottom: 0.9375rem;
    right: 0.9375rem; }
  .accessible-maps .popup-info * {
    margin: 0;
    padding: 0; }
  .accessible-maps .popup-info p {
    font-size: 14px;
    font-size: 0.875rem;
    font-family: "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }
  @media screen and (min-width: 48rem) {
    .accessible-maps {
      margin: -1.25rem;
      margin-bottom: 1.25rem; }
      .accessible-maps .control-pan {
        top: 1.25rem;
        left: 1.25rem;
        bottom: auto; }
        .accessible-maps .control-pan .pan-bottom {
          top: 4.25rem; }
        .accessible-maps .control-pan .center {
          display: block;
          top: 2.125rem;
          left: 2.125rem; }
      .accessible-maps .control-zoom .map-button, .accessible-maps .control-marker .map-button {
        position: relative;
        top: auto;
        width: 2.5rem;
        height: 2.5rem;
        font-size: 24px;
        font-size: 1.5rem;
        margin: 0.125rem; }
      .accessible-maps .control-zoom {
        top: auto;
        bottom: 1.1875rem;
        left: 1.1875rem; }
      .accessible-maps .control-marker {
        bottom: 1.1875rem;
        right: 1.1875rem; } }
  @media screen and (min-width: 64rem) {
    .accessible-maps {
      width: 100vw !important;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      margin: -3.125rem;
      margin-left: 50%;
      margin-bottom: 3.125rem; } }
  @media screen and (min-width: 81.25rem) {
    .accessible-maps {
      margin: -3.125rem;
      margin-left: 50%;
      margin-bottom: 3.125rem; }
      .accessible-maps > div {
        min-height: 31.25rem; } }

.introductory-text {
  margin: -0.9375rem;
  margin-bottom: 0.9375rem;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#fff, #ddd);
  background-image: linear-gradient(#fff, #ddd);
  padding: 0.9375rem;
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }
  @media screen and (min-width: 48rem) {
    .introductory-text {
      margin: -1.25rem;
      margin-bottom: 1.25rem;
      padding: 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .introductory-text {
      padding: 1.25rem;
      margin-bottom: 1.25rem;
      width: 300%;
      padding-left: 100%;
      padding-right: 100%;
      margin-left: -100%; } }
  @media screen and (min-width: 81.25rem) {
    .introductory-text {
      margin-top: -3.125rem;
      padding: 1.25rem 3.125rem;
      margin-bottom: 3.125rem;
      padding-left: 100%;
      padding-right: 100%; } }

.featured-image img {
  width: 120%;
  margin: -0.9375rem;
  margin-bottom: 1px; }

@media screen and (min-width: 48rem) {
  .featured-image img {
    width: 100%;
    margin: 0; } }

.user-content {
  *zoom: 1; }
  .user-content:before, .user-content:after {
    content: '';
    display: table; }
  .user-content:after {
    clear: both; }
  .user-content table {
    border: 0;
    padding: 0;
    margin: 0 0 0.9375rem;
    width: 100%;
    border-collapse: collapse;
    border: 1px solid #ddd; }
    .user-content table * {
      margin: 0;
      padding: 0;
      font-size: 95%; }
    .user-content table strong {
      color: #cd352f; }
  .user-content th, .user-content td {
    padding: 0.25rem 0.375rem; }
  .user-content tr:nth-child(even) th, .user-content tr:nth-child(even) td {
    background: #efefef; }
  .user-content blockquote {
    position: relative;
    padding: 0 1.40625rem 0 1.875rem; }
    .user-content blockquote:before {
      content: "“";
      position: absolute;
      top: 0;
      left: 0;
      font-size: 54px;
      font-size: 3.375rem;
      color: #555;
      line-height: 1; }
    .user-content blockquote p {
      margin: 0.625rem 0; }
    @media screen and (min-width: 64rem) {
      .user-content blockquote {
        padding: 0.625rem 3.125rem;
        padding-right: 0;
        margin-left: 1.25rem; }
        .user-content blockquote:before {
          font-size: 80px;
          font-size: 5rem;
          left: 0.5rem;
          top: 0.25rem;
          color: #555; } }
  .user-content img {
    max-width: 100%;
    height: auto;
    display: block;
    margin-bottom: 0.9375rem; }
  .user-content .wp-caption {
    max-width: 100%;
    margin: 0 0 0.9375rem; }
    .user-content .wp-caption:after {
      content: "";
      display: block;
      border: none;
      border-bottom: 3px solid #ddd;
      width: 10%;
      margin: 0; }
    .user-content .wp-caption img {
      max-width: 100%; }
  @media screen and (min-width: 48rem) {
    .user-content .alignleft, .user-content .alignright {
      position: relative;
      top: 0.375rem; }
    .user-content .alignleft {
      float: left;
      margin: 0 1.25rem 0.8333333333rem 0; }
    .user-content .alignright {
      float: right;
      margin: 0 0 0.8333333333rem 1.25rem; }
    .user-content .size-medium {
      max-width: 50%; }
      .user-content .size-medium.wp-caption {
        max-width: 100%;
        margin-bottom: 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .user-content .size-medium, .user-content .wp-caption.size-medium {
      max-width: 60%; } }
  @media screen and (min-width: 81.25rem) {
    .user-content .alignleft {
      margin-left: -10%;
      margin-bottom: 0.8333333333rem; }
      .user-content .alignleft.wp-caption {
        margin-bottom: 0; }
    .user-content .wp-caption:after {
      display: none; } }

.gallery {
  margin-bottom: 0.9375rem;
  *zoom: 1; }
  .gallery:before, .gallery:after {
    content: '';
    display: table; }
  .gallery:after {
    clear: both; }
  .gallery dl {
    margin: 0; }
  .gallery img {
    margin: 0;
    width: 100%;
    height: auto;
    border: 0; }
  .gallery.gallery-columns-3 dl {
    float: left;
    width: 32%;
    margin: 0 0 2% 2%; }
    .gallery.gallery-columns-3 dl:nth-of-type(3n+1) {
      margin-left: 0;
      clear: both; }

#hero .container {
  padding: 0;
  max-width: none; }

#hero .slider .slides {
  width: 1000%; }

#hero .slider article {
  width: 10%;
  float: left;
  position: relative;
  max-height: 12.5rem;
  overflow: hidden; }
  #hero .slider article img {
    width: 300%;
    position: relative;
    left: -100%;
    display: block; }
  #hero .slider article .slide-content {
    position: absolute;
    bottom: 0.9375rem;
    left: 0.9375rem;
    right: 0.9375rem; }
    #hero .slider article .slide-content h2 {
      margin: 0;
      font-weight: 700;
      line-height: 1.2;
      color: #cd352f;
      background: rgba(255, 255, 255, 0.9);
      padding: 0.9375rem;
      display: block;
      position: relative; }
      #hero .slider article .slide-content h2:before {
        font-size: 24px;
        font-size: 1.5rem;
        position: absolute;
        top: 50%;
        right: 0.9375rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        color: #cd352f; }

#hero .slider .slide-nav {
  display: none; }

@media screen and (min-width: 48rem) {
  #hero .slider article {
    min-height: 18.75rem; }
    #hero .slider article img {
      position: absolute;
      min-width: 100%;
      min-height: 100%;
      height: auto;
      width: auto;
      left: 0; }
    #hero .slider article .slide-content {
      width: auto;
      right: auto;
      bottom: auto;
      top: 50%;
      left: 1.25rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); }
      #hero .slider article .slide-content h2 {
        padding-right: 3.75rem;
        display: inline-block; } }

@media screen and (min-width: 56.25rem) {
  #hero .slider article {
    min-height: 25rem; } }

@media screen and (min-width: 64rem) {
  #hero .slider article .slide-content {
    left: 50%;
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -ms-transform: translate(-50%);
    -o-transform: translate(-50%);
    transform: translate(-50%);
    width: 100%;
    max-width: 75rem;
    margin-left: 1.25rem; } }

@media screen and (min-width: 81.25rem) {
  #hero .slider article .slide-content {
    margin-left: 3.125rem; } }

#quick-links {
  background: #ddd; }
  #quick-links ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #quick-links li {
    width: 48%;
    float: left;
    margin: 0 0 2% 2%; }
    #quick-links li:nth-of-type(2n+1) {
      clear: both;
      margin-left: 0; }
  #quick-links a {
    background: #fff;
    display: block;
    padding: 1.25rem;
    padding-top: 4.25rem;
    text-align: center;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif !important;
    font-weight: 400;
    color: #888;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.3;
    font-weight: 400;
    position: relative;
    transition: all 0.2s ease-in-out; }
    #quick-links a:hover {
      color: #333; }
      #quick-links a:hover svg {
        /*
				-webkit-filter: drop-shadow(0 0 rem(20) transparent-color($grey, 0.5));
				filter: drop-shadow(0 0 rem(10) transparent-color($grey, 0.25));
*/ }
      #quick-links a:hover path {
        fill: #333; }
  #quick-links svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.75rem;
    height: 1.75rem;
    margin-top: -0.875rem;
    transition: all 0.2s ease-in-out; }
  #quick-links path {
    transition: all 0.2s ease-in-out;
    fill: #cd352f; }
  @media screen and (min-width: 37.5rem) {
    #quick-links li {
      width: 32.5%;
      margin: 0 0 1.25% 1.25%; }
      #quick-links li:nth-of-type(2n+1) {
        clear: none;
        margin-left: 1.25%; }
      #quick-links li:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; }
    #quick-links a {
      font-size: 16px;
      font-size: 1rem; } }
  @media screen and (min-width: 56.25rem) {
    #quick-links li {
      width: 24.5%;
      margin: 0 0 0.66666666666667% 0.66666666666667%; }
      #quick-links li:nth-of-type(2n+1), #quick-links li:nth-of-type(3n+1) {
        clear: none;
        margin-left: 0.66666666666667%; }
      #quick-links li:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 64rem) {
    #quick-links {
      background-color: #f5f5f5;
      background-image: -webkit-linear-gradient(#f5f5f5, #ddd);
      background-image: linear-gradient(#f5f5f5, #ddd); }
      #quick-links .container {
        max-width: 100rem;
        padding-top: 0;
        padding-bottom: 0; }
      #quick-links ul {
        text-align: center; }
      #quick-links li {
        width: 12.5%;
        float: none;
        display: inline-block;
        margin: 0 -0.125rem !important;
        margin-bottom: -0.4375rem !important; }
      #quick-links a {
        background: none;
        padding: 1.875rem 1.25rem;
        padding-top: 5.75rem;
        border-left: 1px solid rgba(17, 17, 17, 0.1);
        box-shadow: inset 1px 0 0 #fff;
        font-size: 18px;
        font-size: 1.125rem;
        line-height: 1.2;
        color: #555;
        font-weight: 400;
        display: block;
        width: 100%;
        float: left; }
      #quick-links li:last-child a {
        border-right: 1px solid rgba(17, 17, 17, 0.1);
        box-shadow: inset 1px 0 0 #fff, 1px 0 0 #fff; }
      #quick-links svg {
        margin-top: -1.3125rem;
        width: 2.625rem;
        height: 2.625rem; } }

#breaking {
  background: #fff;
  position: relative;
  z-index: 100; }
  #breaking .container {
    padding-bottom: 0; }

.module-homepage-news .component-news {
  border: 0 !important;
  padding: 0 !important; }

.module-homepage-news .component-news-regular {
  margin-bottom: 1.25rem; }

@media screen and (min-width: 48rem) {
  .module-homepage-news .component-news-regular {
    float: left;
    width: 55%; }
  .module-homepage-news .component-news-featured {
    float: right;
    width: 45%;
    padding-left: 1.25rem !important; } }

@media screen and (min-width: 81.25rem) {
  .module-homepage-news .component-content > .meta.date {
    position: absolute;
    right: 100%;
    padding-right: 1.25rem;
    text-align: right;
    white-space: nowrap;
    padding-top: 0.9375rem; }
    .module-homepage-news .component-content > .meta.date:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #cd352f !important;
      width: 1.875rem !important;
      margin: 0; }
    .module-homepage-news .component-content > .meta.date:before {
      position: absolute;
      top: 0;
      right: 1.25rem; }
    .module-homepage-news .component-content > .meta.date br {
      display: inline-block !important; } }

.module-archive .component-archive {
  border: 0 !important;
  padding: 0 !important; }
  .module-archive .component-archive article:before {
    content: "";
    display: block;
    border: none;
    border-top: 0.0625rem solid #ddd;
    width: 100%;
    margin: 1.25rem 0; }
  .module-archive .component-archive article:first-of-type:before {
    display: none; }
  @media screen and (min-width: 48rem) {
    .module-archive .component-archive article:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #ddd;
      width: 100%;
      margin: 1.875rem 0; } }

.module-cv .councillor-image img {
  float: left;
  max-width: 50%;
  margin: 0 0.9375rem 0.46875rem 0; }

.module-contact {
  border: 1px solid #ddd;
  padding: 0.625rem;
  margin-bottom: 0.625rem;
  *zoom: 1; }
  .module-contact:before, .module-contact:after {
    content: '';
    display: table; }
  .module-contact:after {
    clear: both; }
  .module-contact h2 {
    background-color: #888;
    background-image: -webkit-linear-gradient(#888, #3c3c3c);
    background-image: linear-gradient(#888, #3c3c3c);
    color: #fff;
    padding: 0.625rem;
    margin: -0.625rem;
    margin-bottom: 0.625rem; }
  .module-contact .image {
    display: none; }
  .module-contact .component-contact ul:first-child {
    margin-top: 0; }
  @media screen and (min-width: 26.5625rem) {
    .module-contact .component-contact {
      float: left;
      width: 49%; }
      .module-contact .component-contact + .component-contact {
        margin-left: 2%; } }
  @media screen and (min-width: 48rem) {
    .module-contact .component-contact {
      border: 0;
      padding: 0;
      width: 48%; }
      .module-contact .component-contact + .component-contact {
        margin-left: 4%; } }
  @media screen and (min-width: 64rem) {
    .module-contact .image, .module-contact .component-contact {
      width: 33.33333333333333%;
      padding-left: 1.25rem;
      margin: 0 !important;
      float: left;
      clear: none; }
    .module-contact .image {
      padding-left: 0;
      display: block; }
      .module-contact .image img {
        max-width: 100%; }
    .module-contact .component-contact li {
      word-break: break-all; } }

.module-landing hr {
  border: 0;
  border-top: 1px solid #ddd;
  width: 300%;
  margin: 1.25rem auto;
  margin-left: -100%; }

@media screen and (min-width: 48rem) {
  .module-landing hr {
    margin: 3.125rem auto;
    margin-left: -100%; } }

.content-block h2 {
  margin: 0; }

.content-block strong {
  color: #cd352f;
  text-transform: uppercase;
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }

.content-block .block-introductory strong {
  font-size: 90%; }

.content-block p {
  margin: 0.46875rem 0; }

.content-block > *:last-child {
  margin-bottom: 0; }

@media screen and (min-width: 48rem) {
  .content-block {
    padding: 1.25rem 15%; } }

@media screen and (min-width: 48rem) {
  .content-block {
    padding: 1.25rem 20%; } }

@media screen and (min-width: 26.5625rem) {
  .content-block-text.has-image img {
    max-width: 50%; }
  .content-block-text.has-image.content-left img {
    float: right;
    margin: 0 0 0.625rem 1.25rem; }
  .content-block-text.has-image.content-right img {
    float: left;
    margin: 0 1.25rem 0.625rem 0; } }

@media screen and (min-width: 31.25rem) {
  .content-block-text.has-image img {
    max-width: 60%;
    position: relative;
    margin-top: 0.3125rem !important; } }

@media screen and (min-width: 48rem) {
  .content-block-text.content-left img {
    margin-right: -15% !important; }
  .content-block-text.content-right img {
    margin-left: -15% !important; }
  .content-block-text.has-image img {
    margin-top: 0.5rem !important; } }

.content-block-facts .block-content strong {
  display: block;
  font-size: 120%;
  color: #333;
  margin: 0.9375rem 0 0; }

.content-block-facts .block-content ul, .content-block-facts .block-content ol {
  list-style: none;
  margin: 0;
  padding: 0; }
  .content-block-facts .block-content ul li, .content-block-facts .block-content ol li {
    padding-left: 1.5rem;
    margin-bottom: 0.1875rem; }

.content-block-facts .block-content ul li:before {
  content: "";
  display: block;
  background: #cd352f;
  width: 0.875rem;
  height: 0.1875rem;
  float: left;
  margin-left: -1.5rem;
  top: 0.5625rem;
  position: relative; }

.content-block-facts .block-content ol {
  counter-reset: counter; }
  .content-block-facts .block-content ol li:before {
    content: counter(counter);
    counter-increment: counter;
    font-size: 14px;
    font-size: 0.875rem;
    width: 1.125rem;
    line-height: 1.125rem;
    display: block;
    text-align: center;
    float: left;
    margin-left: -1.5rem;
    font-weight: 700;
    background: #cd352f;
    color: #fff; }

@media screen and (min-width: 48rem) {
  .content-block-facts .block-content ol li:before {
    width: 1.25rem;
    line-height: 1.25rem;
    font-size: 16px;
    font-size: 1rem; } }

@media screen and (min-width: 64rem) {
  .content-block-facts .block-content ul li, .content-block-facts .block-content ol li {
    padding-left: 1.875rem;
    margin-bottom: 0.3125rem; }
  .content-block-facts .block-content ul li:before {
    width: 1.125rem;
    height: 0.25rem;
    top: 0.75rem;
    margin-left: -1.875rem; }
  .content-block-facts .block-content ol li:before {
    width: 1.5rem;
    line-height: 1.5rem;
    margin-left: -1.875rem;
    margin-top: 0.0625rem; } }

.content-block-gallery .gallery img {
  margin: 0 0 0.46875rem;
  display: block; }

@media screen and (min-width: 31.25rem) {
  .content-block-gallery .gallery .block-photo img {
    width: 49.5%;
    float: left;
    margin: 0 0 1% 1%;
    background: yellow; }
  .content-block-gallery .gallery .block-photo:nth-of-type(2n+1) img {
    clear: both;
    margin-left: 0; } }

@media screen and (min-width: 48rem) {
  .content-block-gallery .gallery {
    width: 160%;
    margin-left: -30%; }
    .content-block-gallery .gallery .block-photo img {
      width: 33%;
      margin: 0 0 .5% .5%; }
    .content-block-gallery .gallery .block-photo:nth-of-type(2n+1) img {
      clear: none;
      margin-left: .5%; }
    .content-block-gallery .gallery .block-photo:nth-of-type(3n+1) img {
      clear: both;
      margin-left: 0; } }

#survicate-feedback {
  top: 250px !important; }

a {
  color: #cd352f;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  border-bottom: 1px solid transparent; }
  a:hover {
    color: #333;
    border-bottom: 1px solid #ddd; }

body {
  font: 100%/1.5 "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  color: #666; }

h1, h2, h3, h4, h5, h6, p, ul, ol, table, blockquote {
  margin: 0.9375rem 0; }

h1, h2, h3, h4 {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  line-height: 1.3;
  font-weight: 400;
  margin-top: 1.875rem;
  color: #333; }

.module-article > .summary:after {
  content: "";
  display: block;
  border: none;
  border-bottom: 0.3125rem solid #ddd;
  width: 20%;
  margin: 1.875rem 0; }

.module-article > .summary p {
  font-weight: 700;
  line-height: 1.4; }

.user-content > :first-child {
  margin-top: 0; }

@media screen and (min-width: 48rem) {
  h1, h2, h3 {
    margin-top: 2.5rem; }
  .module-article .summary:after {
    content: "";
    display: block;
    border: none;
    border-bottom: 0 solid transparent;
    width: 100%;
    margin: 1.25rem 0; }
  .module-article .summary:after {
    display: none; } }

@media screen and (min-width: 64rem) {
  h1, h2, h3, h4, h5, h6, p, ul, ol, table, blockquote {
    margin: 1.25rem 0; } }

@font-face {
  font-family: 'icomoon';
  src: url("../../fonts/icomoon.eot?d747na");
  src: url("../../fonts/icomoon.eot?d747na#iefix") format("embedded-opentype"), url("../../fonts/icomoon.woff2?d747na") format("woff2"), url("../../fonts/icomoon.ttf?d747na") format("truetype"), url("../../fonts/icomoon.woff?d747na") format("woff"), url("../../fonts/icomoon.svg?d747na#icomoon") format("svg");
  font-weight: normal;
  font-style: normal; }

[class^="icon-"], [class*=" icon-"], .icon, .breadcrumbs a:before, .accessible-maps .map-button, #hero .slider article .slide-content h2:before, .component-subpages-titles-only article:before, .component-sitemap li.page_item_has_children:before, .component-session li > h3:before, .component-pagination .prev:before, .component-pagination .next:before, .featured-links a:before, .featured-subpages a:before, .featured-pages a:before, .component-banners .banner .button:before, .component-banners .banner .component-breaking .more a:before, .component-breaking .more .component-banners .banner a:before, .component-banners .banner .component-pagination a:before, .component-pagination .component-banners .banner a:before, .component-banners .banner .component-pagination span:before, .component-pagination .component-banners .banner span:before, .component-social a:before, footer[role="contentinfo"] .social a:before {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

.icon-map-zoom-in:before, .accessible-maps .map-button.zoom-in:before {
  content: "\e914"; }

.icon-map-zoom-out:before, .accessible-maps .map-button.zoom-out:before {
  content: "\e915"; }

.icon-map-prev:before, .accessible-maps .map-button.prev-marker:before {
  content: "\e916"; }

.icon-map-next:before, .accessible-maps .map-button.next-marker:before {
  content: "\e917"; }

.icon-map-center:before, .accessible-maps .map-button.center:before {
  content: "\e918"; }

.icon-map-arrow-left:before, .accessible-maps .map-button.pan-left:before {
  content: "\e919"; }

.icon-map-arrow-down:before, .accessible-maps .map-button.pan-bottom:before {
  content: "\e91a"; }

.icon-map-arrow-up:before, .accessible-maps .map-button.pan-up:before {
  content: "\e91b"; }

.icon-map-arrow-right:before, .accessible-maps .map-button.pan-right:before {
  content: "\e91c"; }

.icon-social-email-symbol:before, .component-social li.email a:before {
  content: "\e90e"; }

.icon-social-facebook-symbol:before, .component-social li.facebook a:before {
  content: "\e90f"; }

.icon-social-twitter-symbol:before, .component-social li.twitter a:before {
  content: "\e910"; }

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

.icon-social-facebook:before, footer[role="contentinfo"] .social li.facebook a:before {
  content: "\e912"; }

.icon-social-twitter:before, footer[role="contentinfo"] .social li.twitter a:before {
  content: "\e913"; }

.icon-social-youtube:before, footer[role="contentinfo"] .social li.youtube a:before {
  content: "\e91d"; }

.icon-social-instagram:before, footer[role="contentinfo"] .social li.instagram a:before {
  content: "\e91e"; }

.icon-arrow-down-bold:before {
  content: "\e906"; }

.icon-arrow-down-semibold:before {
  content: "\e907"; }

.icon-arrow-down:before, .component-sitemap li.page_item_has_children:before, .component-session .is-collapsed h3:before {
  content: "\e902"; }

.icon-arrow-left-bold:before {
  content: "\e908"; }

.icon-arrow-left-semibold:before, .component-pagination .prev:before {
  content: "\e909"; }

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

.icon-arrow-right-bold:before {
  content: "\e90a"; }

.icon-arrow-right-semibold:before, .component-pagination .next:before {
  content: "\e90b"; }

.icon-arrow-right:before, .breadcrumbs a:before, #hero .slider article .slide-content h2:before, .component-subpages-titles-only article:before, .featured-links a:before, .featured-subpages a:before, .featured-pages a:before, .component-banners .banner .button:before, .component-banners .banner .component-breaking .more a:before, .component-breaking .more .component-banners .banner a:before, .component-banners .banner .component-pagination a:before, .component-pagination .component-banners .banner a:before, .component-banners .banner .component-pagination span:before, .component-pagination .component-banners .banner span:before {
  content: "\e904"; }

.icon-arrow-up-bold:before {
  content: "\e90c"; }

.icon-arrow-up-semibold:before {
  content: "\e90d"; }

.icon-arrow-up:before, .component-session li > h3:before, header[role="banner"] nav .is-active > a:before {
  content: "\e905"; }

.icon-close:before, header[role="banner"] .nav-toggle .icon.icon-close:before, header[role="banner"] .nav-toggle .breadcrumbs a.icon-close:before, .breadcrumbs header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .accessible-maps .icon-close.map-button:before, .accessible-maps header[role="banner"] .nav-toggle .icon-close.map-button:before, header[role="banner"] .nav-toggle #hero .slider article .slide-content h2.icon-close:before, #hero .slider article .slide-content header[role="banner"] .nav-toggle h2.icon-close:before, header[role="banner"] .nav-toggle .component-subpages-titles-only article.icon-close:before, .component-subpages-titles-only header[role="banner"] .nav-toggle article.icon-close:before, header[role="banner"] .nav-toggle .component-sitemap li.icon-close.page_item_has_children:before, .component-sitemap header[role="banner"] .nav-toggle li.icon-close.page_item_has_children:before, header[role="banner"] .nav-toggle .component-session li > h3.icon-close:before, .component-session header[role="banner"] .nav-toggle li > h3.icon-close:before, header[role="banner"] .nav-toggle .component-pagination .icon-close.prev:before, .component-pagination header[role="banner"] .nav-toggle .icon-close.prev:before, header[role="banner"] .nav-toggle .component-pagination .icon-close.next:before, .component-pagination header[role="banner"] .nav-toggle .icon-close.next:before, header[role="banner"] .nav-toggle .featured-links a.icon-close:before, .featured-links header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .featured-subpages a.icon-close:before, .featured-subpages header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .featured-pages a.icon-close:before, .featured-pages header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-banners .banner .icon-close.button:before, .component-banners .banner header[role="banner"] .nav-toggle .icon-close.button:before, header[role="banner"] .nav-toggle .component-banners .banner .component-breaking .more a.icon-close:before, .component-banners .banner .component-breaking .more header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-breaking .more .component-banners .banner a.icon-close:before, .component-breaking .more .component-banners .banner header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-banners .banner .component-pagination a.icon-close:before, .component-banners .banner .component-pagination header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-pagination .component-banners .banner a.icon-close:before, .component-pagination .component-banners .banner header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-banners .banner .component-pagination span.icon-close:before, .component-banners .banner .component-pagination header[role="banner"] .nav-toggle span.icon-close:before, header[role="banner"] .nav-toggle .component-pagination .component-banners .banner span.icon-close:before, .component-pagination .component-banners .banner header[role="banner"] .nav-toggle span.icon-close:before, header[role="banner"] .nav-toggle .component-social a.icon-close:before, .component-social header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle footer[role="contentinfo"] .social a.icon-close:before, footer[role="contentinfo"] .social header[role="banner"] .nav-toggle a.icon-close:before {
  content: "\e901"; }

.icon-menu:before {
  content: "\e900"; }

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], input:not([type]), textarea {
  border: 1px solid #ddd;
  display: block;
  width: 100%;
  color: #333;
  box-shadow: inset 1px 2px 3px rgba(17, 17, 17, 0.15);
  transition: all 0.2s ease-in-out;
  box-sizing: border-box; }
  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, input:not([type])::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #888; }
  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, input:not([type])::-moz-placeholder, textarea::-moz-placeholder {
    color: #888; }
  input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, input:not([type]):-moz-placeholder, textarea:-moz-placeholder {
    color: #888; }
  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, input:not([type]):-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #888; }
  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, input:not([type]):focus, textarea:focus {
    box-shadow: inset 1px 2px 3px rgba(17, 17, 17, 0.05), 0 0 5px rgba(0, 191, 243, 0.5);
    outline: none; }

textarea {
  min-height: 6.25rem; }

label {
  display: block;
  cursor: pointer; }
  .required label {
    color: #ff5300; }

@media screen and (min-width: 64rem) {
  textarea {
    min-height: 9.375rem; } }

button, input[type="button"], input[type="reset"], input[type="submit"], .button, .component-breaking .more a, .component-pagination a, .component-pagination span {
  display: inline-block;
  background: #cd352f;
  color: #fff;
  font-size: 13px;
  font-size: 0.8125rem;
  padding: 0.4166666667rem 0.625rem;
  border: 0;
  transition: all 0.2s ease-in-out; }
  button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .component-breaking .more a:hover, .component-pagination a:hover, .component-pagination span:hover {
    background-color: #333 !important;
    color: #fff !important; }
  button.button-white, input[type="button"].button-white, input[type="reset"].button-white, input[type="submit"].button-white, .button.button-white, .component-breaking .more a, .component-pagination a.button-white, .component-pagination span.button-white {
    background: #fff;
    color: #555; }
  button.button-grey, .component-councillor-questions .actions button.button, input[type="button"].button-grey, .component-councillor-questions .actions input[type="button"].button, input[type="reset"].button-grey, .component-councillor-questions .actions input[type="reset"].button, input[type="submit"].button-grey, .component-councillor-questions .actions input[type="submit"].button, .button.button-grey, .component-breaking .more a.button-grey, .component-councillor-questions .actions .button, .component-councillor-questions .actions .component-breaking .more a, .component-breaking .more .component-councillor-questions .actions a, .component-councillor-questions .actions .component-pagination a, .component-pagination .component-councillor-questions .actions a, .component-councillor-questions .actions .component-pagination span, .component-pagination .component-councillor-questions .actions span, .component-pagination a.button-grey, .component-pagination span.button-grey {
    background: #888;
    color: #fff; }
  button.button-lightgrey, input[type="button"].button-lightgrey, input[type="reset"].button-lightgrey, input[type="submit"].button-lightgrey, .button.button-lightgrey, .component-breaking .more a.button-lightgrey, .component-breaking .more .component-pagination a, .component-pagination .component-breaking .more a, .component-pagination a, .component-pagination span.button-lightgrey {
    background: #bbbbbb;
    color: #fff; }
  button.button-medium, .component-filter button.button, input[type="button"].button-medium, .component-filter input[type="button"].button, input[type="reset"].button-medium, .component-filter input[type="reset"].button, input[type="submit"].button-medium, .component-filter input[type="submit"].button, .button.button-medium, .component-breaking .more a.button-medium, .component-pagination a.button-medium, .component-pagination span.button-medium, .component-filter .button, .component-filter .component-breaking .more a, .component-breaking .more .component-filter a, .component-filter .component-pagination a, .component-pagination .component-filter a, .component-filter .component-pagination span, .component-pagination .component-filter span {
    font-size: 15px;
    font-size: 0.9375rem;
    padding: 0.625rem 0.78125rem; }
  button.button-large, input[type="button"].button-large, input[type="reset"].button-large, input[type="submit"].button-large, .button.button-large, .component-breaking .more a.button-large, .component-pagination a.button-large, .component-pagination span.button-large {
    padding: 0.78125rem 0.9375rem; }
  @media screen and (min-width: 48rem) {
    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .component-breaking .more a, .component-pagination a, .component-pagination span {
      font-size: 14px;
      font-size: 0.875rem; }
      button.button-medium, .component-filter button.button, input[type="button"].button-medium, .component-filter input[type="button"].button, input[type="reset"].button-medium, .component-filter input[type="reset"].button, input[type="submit"].button-medium, .component-filter input[type="submit"].button, .button.button-medium, .component-breaking .more a.button-medium, .component-pagination a.button-medium, .component-pagination span.button-medium, .component-filter .button, .component-filter .component-breaking .more a, .component-breaking .more .component-filter a, .component-filter .component-pagination a, .component-pagination .component-filter a, .component-filter .component-pagination span, .component-pagination .component-filter span {
        font-size: 15px;
        font-size: 0.9375rem;
        padding: 0.625rem 0.9375rem; }
      button.button-large, input[type="button"].button-large, input[type="reset"].button-large, input[type="submit"].button-large, .button.button-large, .component-breaking .more a.button-large, .component-pagination a.button-large, .component-pagination span.button-large {
        font-size: 16px;
        font-size: 1rem;
        padding: 0.9375rem 1.09375rem; } }
  @media screen and (min-width: 64rem) {
    button, input[type="button"], input[type="reset"], input[type="submit"], .button, .component-breaking .more a, .component-pagination a, .component-pagination span {
      padding: 0.5rem 0.78125rem; }
      button.button-medium, .component-filter button.button, input[type="button"].button-medium, .component-filter input[type="button"].button, input[type="reset"].button-medium, .component-filter input[type="reset"].button, input[type="submit"].button-medium, .component-filter input[type="submit"].button, .button.button-medium, .component-breaking .more a.button-medium, .component-pagination a.button-medium, .component-pagination span.button-medium, .component-filter .button, .component-filter .component-breaking .more a, .component-breaking .more .component-filter a, .component-filter .component-pagination a, .component-pagination .component-filter a, .component-filter .component-pagination span, .component-pagination .component-filter span {
        font-size: 17px;
        font-size: 1.0625rem;
        padding: 0.625rem 1.09375rem; }
      button.button-large, input[type="button"].button-large, input[type="reset"].button-large, input[type="submit"].button-large, .button.button-large, .component-breaking .more a.button-large, .component-pagination a.button-large, .component-pagination span.button-large {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 1.09375rem 1.25rem; } }

[role="secondary"] .component {
  border: 1px solid #ddd;
  padding: 0.625rem;
  margin-bottom: 0.625rem; }

[role="secondary"] .component-header {
  margin: -0.625rem;
  margin-bottom: 0.625rem; }

[role="secondary"] .component-title {
  margin-top: 0; }

@media screen and (min-width: 48rem) {
  .component {
    border: 1px solid #ddd;
    padding: 0.625rem;
    margin-bottom: 0.625rem; } }

@media screen and (min-width: 64rem) {
  [role="secondary"] .component {
    padding: 1.25rem;
    margin-bottom: 1.25rem; }
  [role="secondary"] .component-header {
    margin: -1.25rem;
    margin-bottom: 1.25rem; } }

.component-video {
  border: 0 !important;
  padding: 0 !important; }
  .component-video ol {
    list-style: none;
    margin: 0;
    padding: 0; }
  .component-video li {
    margin: 0; }
  .component-video iframe {
    width: 100%;
    height: auto !important; }

.component-subpages {
  border: 0 !important;
  padding: 0 !important; }
  .component-subpages article {
    border: 1px solid #ddd;
    padding: 0.625rem;
    margin-bottom: 0.625rem; }
  .component-subpages h3 {
    background-color: #888;
    background-image: -webkit-linear-gradient(#888, #3c3c3c);
    background-image: linear-gradient(#888, #3c3c3c);
    color: #fff;
    padding: 0.625rem;
    margin: -0.625rem;
    margin-bottom: 0.625rem; }
    .component-subpages h3 a {
      color: #fff; }
  @media screen and (min-width: 37.5rem) {
    .component-subpages article {
      padding: 1.25rem;
      float: left;
      width: 49%;
      margin-left: 2%;
      margin-bottom: 2%; }
      .component-subpages article:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; }
    .component-subpages h3 {
      padding: 0.8333333333rem 1.25rem;
      margin: -1.25rem;
      margin-bottom: 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .component-subpages article {
      width: 32%; }
      .component-subpages article:nth-of-type(2n+1) {
        clear: none;
        margin-left: 2%; }
      .component-subpages article:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; } }

.component-subpages-photos {
  border: 0 !important;
  padding: 0 !important; }
  .component-subpages-photos article {
    border: 1px solid #ddd;
    padding: 1.25rem;
    margin-bottom: 0.625rem; }
  .component-subpages-photos article header {
    margin: -1.25rem;
    margin-bottom: 0;
    padding: 1.875rem 1.25rem;
    position: relative;
    overflow: hidden;
    text-align: center; }
    .component-subpages-photos article header img {
      position: absolute;
      top: 50%;
      left: 50%;
      z-index: 5;
      -webkit-transform: translate(-50%, -50%);
      -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      -o-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      min-width: 100%; }
  .component-subpages-photos h3 {
    margin: 0;
    padding: 0.625rem;
    background: rgba(17, 17, 17, 0.9);
    text-align: center;
    position: relative;
    z-index: 10;
    display: inline-block; }
    .component-subpages-photos h3 a {
      color: #fff; }
  @media screen and (min-width: 31.25rem) {
    .component-subpages-photos article {
      padding: 1.875rem; }
    .component-subpages-photos article header {
      margin: -1.875rem;
      margin-bottom: 0;
      padding: 3.125rem 1.875rem; }
    .component-subpages-photos h3 {
      max-width: 70%; } }
  @media screen and (min-width: 48rem) {
    .component-subpages-photos article {
      float: left;
      width: 49%;
      margin: 0 0 2% 2%; }
      .component-subpages-photos article:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; }
      .component-subpages-photos article header {
        min-height: 13.75rem; }
      .component-subpages-photos article h3 {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        min-width: 70%;
        display: block; } }

.component-subpages-photos-only {
  border: 0 !important;
  padding: 0 !important; }
  .component-subpages-photos-only article {
    margin-bottom: 0.625rem;
    position: relative;
    overflow: hidden;
    cursor: pointer; }
    .component-subpages-photos-only article:before {
      content: "";
      position: absolute;
      z-index: 6;
      width: 100%;
      height: 100%;
      bottom: 0;
      left: 0;
      background-color: transparent;
      background-image: -webkit-linear-gradient(transparent, rgba(17, 17, 17, 0.9));
      background-image: linear-gradient(transparent, rgba(17, 17, 17, 0.9));
      transition: all 0.2s ease-in-out; }
    .component-subpages-photos-only article:hover img {
      min-height: 107%;
      min-width: 107%; }
  .component-subpages-photos-only img {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 5;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    min-height: 100%;
    min-width: 100%;
    transition: all 0.5s ease-in-out; }
  .component-subpages-photos-only h3 {
    z-index: 10;
    position: relative;
    margin: 1.25rem;
    margin-top: 3.75rem; }
    .component-subpages-photos-only h3 a {
      color: #fff; }
  @media screen and (min-width: 26.5625rem) {
    .component-subpages-photos-only h3 {
      margin-top: 6.25rem; } }
  @media screen and (min-width: 37.5rem) {
    .component-subpages-photos-only article {
      float: left;
      width: 49%;
      margin-left: 2%;
      margin-bottom: 2%; }
      .component-subpages-photos-only article:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 48rem) {
    .component-subpages-photos-only h3 {
      margin-top: 8.75rem; } }
  @media screen and (min-width: 64rem) {
    .component-subpages-photos-only article {
      width: 32%; }
      .component-subpages-photos-only article:nth-of-type(2n+1) {
        clear: none;
        margin-left: 2%; }
      .component-subpages-photos-only article:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; } }

.component-subpages-icons-only {
  border: 0 !important;
  padding: 0 !important; }
  .component-subpages-icons-only article {
    display: block;
    text-align: center;
    margin: 0 0 0.46875rem;
    border: 1px solid #ddd;
    border-left: 6px solid #ddd;
    box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
    padding: 5.625rem 0.8333333333rem 1.25rem;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff, #f2f2f2);
    background-image: linear-gradient(#fff, #f2f2f2);
    position: relative;
    cursor: pointer;
    transition: all 0.2s ease-in-out; }
    .component-subpages-icons-only article:hover {
      border-left: 6px solid #aaaaaa;
      box-shadow: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.1); }
      .component-subpages-icons-only article:hover path {
        fill: #333; }
      .component-subpages-icons-only article:hover h3 a {
        color: #333; }
    .component-subpages-icons-only article:nth-of-type(2n+1) {
      clear: both;
      margin-left: 0; }
  .component-subpages-icons-only svg {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 3rem;
    height: 3rem;
    margin-top: -0.875rem; }
  .component-subpages-icons-only path {
    fill: #cd352f;
    transition: all 0.2s ease-in-out; }
  .component-subpages-icons-only h3 {
    line-height: 1.2;
    z-index: 10;
    position: relative;
    margin: 0; }
    .component-subpages-icons-only h3 a {
      color: #555; }
  @media screen and (min-width: 31.25rem) {
    .component-subpages-icons-only article {
      float: left;
      width: 49%;
      margin-left: 2%;
      margin-bottom: 2%; }
      .component-subpages-icons-only article:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 48rem) {
    .component-subpages-icons-only article {
      width: 33%;
      margin-left: .5%;
      margin-bottom: .5%;
      padding: 7.5rem 0.8333333333rem 1.25rem; }
      .component-subpages-icons-only article:nth-of-type(2n+1) {
        clear: none;
        margin-left: .5%; }
      .component-subpages-icons-only article:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; }
    .component-subpages-icons-only svg {
      width: 4rem;
      height: 4rem; } }
  @media screen and (min-width: 81.25rem) {
    .component-subpages-icons-only article {
      width: 24%;
      margin-left: 1%;
      margin-bottom: 1%;
      padding: 7.5rem 0.8333333333rem 1.25rem; }
      .component-subpages-icons-only article:nth-of-type(2n+1), .component-subpages-icons-only article:nth-of-type(3n+1) {
        clear: none;
        margin-left: 1%; }
      .component-subpages-icons-only article:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0; }
    .component-subpages-icons-only svg {
      width: 4rem;
      height: 4rem; } }

.component-subpages-titles-only {
  border: 0 !important;
  padding: 0 !important; }
  .component-subpages-titles-only article {
    margin-bottom: 0.625rem;
    position: relative;
    overflow: hidden;
    padding: 1.40625rem 0.9375rem;
    padding-right: 2.5rem;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: 1px solid #ddd;
    border-left: 6px solid #ddd;
    background-color: #fff;
    background-image: -webkit-linear-gradient(#fff, #f2f2f2);
    background-image: linear-gradient(#fff, #f2f2f2);
    box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1); }
    .component-subpages-titles-only article:hover {
      border-left: 6px solid #aaaaaa;
      box-shadow: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.1); }
      .component-subpages-titles-only article:hover:before {
        color: #333; }
      .component-subpages-titles-only article:hover h3 a {
        color: #333; }
    .component-subpages-titles-only article:before {
      color: #888;
      font-size: 20px;
      font-size: 1.25rem;
      position: absolute;
      top: 50%;
      right: 0.9375rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      transition: all 0.2s ease-in-out; }
    .component-subpages-titles-only article:hover:before {
      right: 0.46875rem; }
  .component-subpages-titles-only h3 {
    z-index: 10;
    position: relative;
    margin: 0; }
  @media screen and (min-width: 26.5625rem) {
    .component-subpages-titles-only article {
      padding: 1.875rem 1.25rem;
      padding-right: 3.75rem; }
      .component-subpages-titles-only article:before {
        right: 1.25rem; }
      .component-subpages-titles-only article:hover:before {
        right: 0.625rem; } }
  @media screen and (min-width: 31.25rem) {
    .component-subpages-titles-only article {
      float: left;
      width: 49%;
      margin-left: 2%;
      margin-bottom: 2%;
      padding-top: 1.25rem;
      padding-bottom: 1.25rem; }
      .component-subpages-titles-only article:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 64rem) {
    .component-subpages-titles-only article {
      width: 32%;
      padding-top: 1.875rem;
      padding-bottom: 1.875rem; }
      .component-subpages-titles-only article:nth-of-type(2n+1) {
        clear: none;
        margin-left: 2%; }
      .component-subpages-titles-only article:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; } }

.component-sitemap {
  border: 0 !important;
  padding: 0 !important; }
  .component-sitemap ul {
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom: 1; }
    .component-sitemap ul:before, .component-sitemap ul:after {
      content: '';
      display: table; }
    .component-sitemap ul:after {
      clear: both; }
    .component-sitemap ul ul {
      display: none; }
  .component-sitemap li {
    position: relative; }
    .component-sitemap li.page_item_has_children:before {
      color: #888;
      font-size: 16px;
      font-size: 1rem;
      line-height: 1;
      position: absolute;
      top: 0.125rem;
      right: 0.125rem;
      transition: all 0.2s ease-in-out;
      padding: 0.9375rem;
      z-index: 1000;
      cursor: pointer; }
    .component-sitemap li a {
      margin-bottom: 0.625rem;
      overflow: hidden;
      padding: 0.625rem 0.9375rem;
      padding-right: 2.5rem;
      transition: all 0.2s ease-in-out;
      cursor: pointer;
      border: 1px solid #ddd;
      border-left: 6px solid #ddd;
      background-color: #fff;
      background-image: -webkit-linear-gradient(#fff, #f2f2f2);
      background-image: linear-gradient(#fff, #f2f2f2);
      box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
      font-size: 18px;
      font-size: 1.125rem;
      display: block; }
      .component-sitemap li a:hover {
        border-left: 6px solid #aaaaaa;
        box-shadow: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.1);
        color: #333; }
        .component-sitemap li a:hover:before {
          color: #333; }
    .component-sitemap li.is-open > ul {
      display: block;
      padding-left: 0.625rem; }
  .component-sitemap li li.page_item_has_children:before {
    padding: 0.3125rem 0.9375rem;
    top: 0.1875rem; }
  .component-sitemap li li.is-open > ul {
    display: block;
    padding-left: 1.25rem;
    margin-bottom: 0.625rem; }
  .component-sitemap li li a {
    background: none;
    padding: 0.234375rem 0.9375rem;
    padding-right: 2.5rem;
    font-size: 15px;
    font-size: 0.9375rem;
    color: #333; }
  .component-sitemap li li li {
    padding: 0.125rem 0.625rem 0 0; }
    .component-sitemap li li li:before {
      display: none; }
    .component-sitemap li li li a {
      background: none;
      box-shadow: none;
      border: 0;
      padding: 0;
      color: #888;
      border-bottom: 1px solid #ddd;
      border-left: 0 !important;
      display: inline;
      margin: 0;
      font-size: 14px;
      font-size: 0.875rem; }

.component-navigation {
  border: 1px solid #ddd;
  padding: 0.625rem;
  margin-bottom: 0.9375rem; }
  .component-navigation .component-content {
    margin: -0.625rem; }
  .component-navigation ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    .component-navigation ul ul {
      border-top: 0; }
  .component-navigation a {
    display: block;
    padding: 0.4166666667rem 0.625rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.3;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    color: #555;
    border-bottom: 1px solid #ddd !important; }
    .component-navigation a:hover {
      background: #f5f5f5;
      color: #cd352f; }
  .component-navigation .current_page_item {
    background: #f5f5f5; }
  .component-navigation .current_page_item > a {
    background: #cd352f;
    color: #fff; }
  .component-navigation li li a {
    padding: 0.2083333333rem 0.625rem;
    font-size: 14px;
    font-size: 0.875rem;
    color: #7b7b7b;
    line-height: 1.3; }
  @media screen and (min-width: 64rem) {
    .component-navigation {
      padding: 1.25rem;
      margin-bottom: 1.25rem; }
      .component-navigation .component-content {
        margin: -1.25rem; }
      .component-navigation a {
        padding: 0.5rem 1.25rem;
        font-size: 18px;
        font-size: 1.125rem; }
      .component-navigation li li a {
        padding: 0.4166666667rem 1.25rem;
        font-size: 16px;
        font-size: 1rem; } }
  .component-navigation ul ul {
    display: none; }
  .component-navigation .current_page_item.page_item_has_children > ul {
    display: block; }

.component-contact ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0.625rem;
  *zoom: 1; }
  .component-contact ul:before, .component-contact ul:after {
    content: '';
    display: table; }
  .component-contact ul:after {
    clear: both; }

.component-contact h3 {
  margin: 0.625rem 0 0.3125rem;
  word-break: break-word; }

.component-contact li {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3; }

@media screen and (min-width: 64rem) {
  .component-contact li {
    font-size: 18px;
    font-size: 1.125rem; } }

.component-councillors {
  border: 0 !important;
  padding: 0 !important; }
  .component-councillors * {
    margin: 0;
    padding: 0; }
  .component-councillors ol {
    list-style: none;
    margin-bottom: 0.9375rem;
    *zoom: 1; }
    .component-councillors ol:before, .component-councillors ol:after {
      content: '';
      display: table; }
    .component-councillors ol:after {
      clear: both; }
  .component-councillors li {
    width: 100%;
    float: left;
    margin-bottom: 0.9375rem;
    text-align: center; }
  .component-councillors img {
    width: 100%; }
  .component-councillors .meta {
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.3;
    color: #888;
    margin-top: 0.3125rem; }
    .component-councillors .meta.council-position {
      text-transform: uppercase; }
  @media screen and (min-width: 26.5625rem) {
    .component-councillors li {
      width: 49%;
      margin: 0 0 2% 2%; }
      .component-councillors li:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 48rem) {
    .component-councillors li {
      width: 32%; }
      .component-councillors li:nth-of-type(2n+1) {
        clear: none;
        margin-left: 2%; }
      .component-councillors li:nth-of-type(3n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 64rem) {
    .component-councillors li {
      width: 23.5%; }
      .component-councillors li:nth-of-type(3n+1) {
        clear: none;
        margin-left: 2%; }
      .component-councillors li:nth-of-type(4n+1) {
        clear: both;
        margin-left: 0; } }
  @media screen and (min-width: 81.25rem) {
    .component-councillors li {
      width: 18.4%; }
      .component-councillors li:nth-of-type(4n+1) {
        clear: none;
        margin-left: 2%; }
      .component-councillors li:nth-of-type(5n+1) {
        clear: both;
        margin-left: 0; } }

.component-councillors-graphic {
  border: 0 !important;
  padding: 0 !important; }
  .component-councillors-graphic article {
    margin-bottom: 0.46875rem;
    background-color: #fff;
    background-image: -webkit-linear-gradient(right, #fff, #ddd);
    background-image: linear-gradient(to left,#fff, #ddd);
    padding: 1.40625rem;
    *zoom: 1; }
    .component-councillors-graphic article:before, .component-councillors-graphic article:after {
      content: '';
      display: table; }
    .component-councillors-graphic article:after {
      clear: both; }
    .component-councillors-graphic article * {
      margin: 0; }
  .component-councillors-graphic h3 {
    font-size: 18px;
    font-size: 1.125rem;
    margin-bottom: 0.46875rem;
    color: #555; }
  .component-councillors-graphic ul {
    width: 100% !important;
    list-style: none;
    margin: 0;
    padding: 0; }
  .component-councillors-graphic a {
    display: block;
    width: 100%;
    height: 100%; }
  .component-councillors-graphic li {
    float: left;
    margin: 0.125rem;
    border-radius: 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    position: relative; }
    .component-councillors-graphic li .image {
      display: block;
      overflow: hidden;
      width: 3.75rem;
      height: 3.75rem;
      border-radius: 3rem;
      border: 5px solid #fff;
      box-shadow: 0 0.25rem 0.9375rem rgba(17, 17, 17, 0.25);
      position: absolute;
      bottom: 90%;
      left: 50%;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      visibility: hidden;
      opacity: 0;
      transition: all 0.2s ease-in-out; }
      .component-councillors-graphic li .image img {
        width: 130%;
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translate(-50%, -10%);
        -moz-transform: translate(-50%, -10%);
        -ms-transform: translate(-50%, -10%);
        -o-transform: translate(-50%, -10%);
        transform: translate(-50%, -10%); }
    .component-councillors-graphic li a {
      display: block; }
    .component-councillors-graphic li .additional-info {
      display: block;
      position: absolute;
      bottom: 90%;
      left: 50%;
      margin-bottom: 3.75rem;
      -webkit-transform: translateX(-50%);
      -moz-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
      -o-transform: translateX(-50%);
      transform: translateX(-50%);
      font-size: 13px;
      font-size: 0.8125rem;
      color: #555;
      background: #fff;
      box-shadow: 0 0.25rem 0.9375rem rgba(17, 17, 17, 0.25);
      padding: 0.9375rem;
      z-index: 10;
      min-width: 12.5rem;
      line-height: 1.3;
      visibility: hidden;
      opacity: 0;
      transition: all 0.2s ease-in-out;
      -webkit-transition-delay: 0.05s;
      -moz-transition-delay: 0.05s;
      transition-delay: 0.05s; }
      .component-councillors-graphic li .additional-info:before {
        content: "";
        height: 0;
        width: 0;
        border-left: 0.625rem solid transparent;
        border-right: 0.625rem solid transparent;
        border-top: 0.625rem solid #fff;
        position: absolute;
        bottom: -0.625rem;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%); }
      .component-councillors-graphic li .additional-info span {
        display: block; }
      .component-councillors-graphic li .additional-info .councillor-name {
        font-size: 18px;
        font-size: 1.125rem;
        font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }
    .component-councillors-graphic li a:hover .image, .component-councillors-graphic li a:hover .additional-info {
      opacity: 1;
      visibility: visible; }
    .component-councillors-graphic li a:hover .image {
      bottom: 110%; }
    .component-councillors-graphic li a:hover .additional-info {
      bottom: 110%; }

.component-cv ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: 0.625rem;
  *zoom: 1; }
  .component-cv ul:before, .component-cv ul:after {
    content: '';
    display: table; }
  .component-cv ul:after {
    clear: both; }

.component-cv li:first-child h3 {
  margin-top: 0; }

.component-cv h3 {
  margin: 1.25rem 0 0.3125rem; }

.component-cv p {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  margin: 0; }

@media screen and (min-width: 64rem) {
  .component-cv h3 {
    margin-top: 1.5625rem; }
  .component-cv p {
    font-size: 18px;
    font-size: 1.125rem; } }

.component-text h3 {
  margin: 1.25rem 0 0.3125rem; }

.component-text p {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.3;
  margin: 0; }

@media screen and (min-width: 64rem) {
  .component-text h3 {
    margin-top: 1.5625rem; }
  .component-text p {
    font-size: 18px;
    font-size: 1.125rem; } }

.component-address-book {
  border: 0 !important;
  padding: 0 !important; }
  .component-address-book table {
    width: 100%;
    text-align: left; }
  .component-address-book thead {
    display: none; }
    .component-address-book thead th {
      font-size: 13px;
      font-size: 0.8125rem;
      text-transform: uppercase; }
  .component-address-book th, .component-address-book td {
    display: block; }
  .component-address-book tr {
    border-bottom: 1px solid #ddd; }
    .component-address-book tr :first-child {
      padding-top: 0.625rem !important; }
    .component-address-book tr :last-child {
      padding-bottom: 0.625rem !important; }
    .component-address-book tr.title th {
      padding: 0 !important; }
  .component-address-book h2, .component-address-book h3 {
    margin: 0;
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1;
    color: #555; }
  @media screen and (min-width: 48rem) {
    .component-address-book th, .component-address-book td {
      display: table-cell;
      padding: 0.625rem 0.3125rem;
      vertical-align: top;
      font-size: 15px;
      font-size: 0.9375rem;
      font-weight: 400; }
      .component-address-book th:first-child, .component-address-book td:first-child {
        padding-left: 0; }
      .component-address-book th:last-child, .component-address-book td:last-child {
        padding-right: 0; }
    .component-address-book h2, .component-address-book h3 {
      font-weight: 400;
      margin-top: 0.625rem; }
    .component-address-book h2 {
      font-size: 20px;
      font-size: 1.25rem; }
    .component-address-book h3 {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 64rem) {
    .component-address-book h2 {
      font-size: 22px;
      font-size: 1.375rem; } }
  .user-content .component-address-book {
    /*
		@include media($media-medium) {
			th, td {
				display: block;
			}
		}
		@include media($media-large) {
			tr {
				th, td {
					padding: $spacing-xs/2 $spacing-xs $spacing-xs/2 0 !important;
				}
			}
			th, td {
				display: inline-block;
				font-size: 90%;
				white-space: nowrap;
				width: 33.3%;
			}
			table {
				width: auto !important;
				background: yellow;
			}
		}
*/ }
    .user-content .component-address-book table {
      border: 0; }
    .user-content .component-address-book table * {
      font-size: 100%; }
    .user-content .component-address-book tr {
      border: 1px solid #ddd;
      margin-bottom: 0.9375rem;
      display: block;
      padding: 0.625rem; }
      .user-content .component-address-book tr:nth-child(2n+1) {
        background: #f1f1f1; }
      .user-content .component-address-book tr th, .user-content .component-address-book tr td {
        background: none;
        padding: 0 !important; }
      .user-content .component-address-book tr.title {
        border: 0;
        padding: 0;
        background: none; }
        .user-content .component-address-book tr.title h2 {
          font-weight: 400; }
    .user-content .component-address-book .meta-title {
      line-height: 1.3;
      margin-bottom: 0.3125rem;
      font-weight: 400;
      font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }
    @media screen and (min-width: 48rem) {
      .user-content .component-address-book tr {
        padding: 1.25rem;
        /*
				width: 49%;
				float: left;
				margin-left: 2%;
				&.title {
					display: none;
				}
				&:nth-of-type(2n+1) {
					clear: both;
					margin-left: 0;
				}
*/ }
      .user-content .component-address-book th, .user-content .component-address-book td {
        display: block; } }

.component-breaking {
  border: 0 !important;
  padding: 0 !important; }
  .component-breaking:last-of-type {
    margin-bottom: 0; }
  .component-breaking article {
    background: #ff5300;
    padding: 1.25rem; }
    .component-breaking article * {
      margin: 0; }
  .component-breaking .meta {
    color: rgba(17, 17, 17, 0.6); }
  .component-breaking h3 {
    margin-bottom: 0.46875rem; }
  .component-breaking a {
    color: #fff; }
  @media screen and (min-width: 48rem) {
    .component-breaking article {
      padding: 2.5rem;
      padding-right: 30%;
      position: relative; }
    .component-breaking .meta {
      position: absolute;
      top: 1.25rem; }
    .component-breaking h3 {
      margin: 0;
      font-size: 28px;
      font-size: 1.75rem; }
    .component-breaking .more a {
      position: absolute;
      top: 50%;
      right: 1.875rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); } }
  @media screen and (min-width: 64rem) {
    .component-breaking article {
      padding: 3.125rem;
      padding-right: 30%; }
    .component-breaking .meta {
      top: 1.875rem;
      font-size: 14px;
      font-size: 0.875rem; }
    .component-breaking .more a {
      right: 3.125rem; } }

.component-news-regular .component-content {
  margin-top: 1.40625rem;
  position: relative; }
  .component-news-regular .component-content:first-of-type {
    margin-top: 0; }

.component-news-regular .component-content > .meta.date {
  display: block;
  margin-bottom: 0.9375rem; }
  .component-news-regular .component-content > .meta.date:before {
    content: "";
    display: block;
    border: none;
    border-top: 0.1875rem solid #888;
    width: 10%;
    margin: 0 0 0.46875rem; }
  .component-news-regular .component-content > .meta.date br {
    display: none; }

.component-news-regular article {
  margin-top: 0.9375rem;
  position: relative;
  cursor: pointer; }
  .component-news-regular article:first-of-type {
    margin-top: 0; }

.component-news-regular h3 {
  margin: 0;
  padding: 0 0 0 0.9375rem; }

.component-news-regular .featured img {
  width: 100%;
  display: block; }

.component-news-regular .featured:before {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 80%;
  background-color: transparent;
  background-image: -webkit-linear-gradient(transparent, rgba(17, 17, 17, 0.95));
  background-image: linear-gradient(transparent, rgba(17, 17, 17, 0.95)); }

.component-news-regular .featured h3 {
  margin: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 0.9375rem; }
  .component-news-regular .featured h3 a {
    color: #fff; }

.component-news-featured article {
  position: relative;
  margin-top: 0.9375rem;
  cursor: pointer; }
  .component-news-featured article:first-of-type {
    margin-top: 0; }

.component-news-featured h3 {
  margin: 0; }

.component-news-featured .long-term {
  overflow: hidden; }
  .component-news-featured .long-term h3 {
    padding: 2.5rem 1.875rem; }
    .component-news-featured .long-term h3:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: rgba(0, 155, 223, 0.75); }
    .component-news-featured .long-term h3 a {
      color: #fff;
      position: relative;
      z-index: 100; }
  .component-news-featured .long-term img {
    min-height: 100%;
    min-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    position: absolute; }

.component-news-featured .information {
  border: 1px solid #ddd;
  padding: 0.9375rem 1.875rem; }
  .component-news-featured .information .headline {
    background: #cd352f;
    color: #fff;
    text-transform: uppercase;
    padding: 0.25rem 0.375rem;
    font-size: 12px;
    font-size: 0.75rem;
    top: -1.125rem;
    position: relative; }
  .component-news-featured .information .date {
    display: block;
    color: #888;
    margin-top: -0.46875rem;
    margin-bottom: 0.125rem; }
  .component-news-featured .information a {
    color: #555; }

@media screen and (min-width: 48rem) {
  .component-news-featured .information .headline {
    font-size: 13px;
    font-size: 0.8125rem;
    top: -1.0625rem; } }

.component-archive article {
  margin-top: 0.625rem; }
  .component-archive article:first-of-type {
    margin-top: 0; }

.component-archive small {
  color: #888; }

.component-archive h3 {
  margin: 0; }

.component-archive p {
  margin: 0.46875rem 0; }
  .component-archive p.more {
    margin-bottom: 0; }

@media screen and (min-width: 64rem) {
  .component-archive article {
    margin-top: 1.25rem; } }

.user-content .component-archive {
  border: 0 !important;
  padding: 0 !important; }
  .user-content .component-archive article:before {
    content: "";
    display: block;
    border: none;
    border-top: 0.0625rem solid #ddd;
    width: 100%;
    margin: 1.25rem 0; }
  .user-content .component-archive article:first-of-type:before {
    display: none; }
  @media screen and (min-width: 48rem) {
    .user-content .component-archive article:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #ddd;
      width: 100%;
      margin: 1.875rem 0; } }

.component-search-form {
  border: 0 !important;
  padding: 0 !important;
  margin-bottom: 0.9375rem;
  *zoom: 1;
  background: #fffaaa;
  padding: 0.9375rem !important; }
  .component-search-form:before, .component-search-form:after {
    content: '';
    display: table; }
  .component-search-form:after {
    clear: both; }
  .component-search-form form {
    padding-right: 2.5rem; }
  .component-search-form input[type="search"] {
    width: 100%;
    float: left;
    display: block; }
  .component-search-form button {
    float: right;
    margin-right: -2.5rem;
    display: block;
    background: #cd352f url("../../../assets/images/search-icon.png") center center no-repeat;
    width: 2.5rem;
    height: 2.5rem;
    text-indent: -800px;
    cursor: pointer; }
  @media screen and (min-width: 48rem) {
    .component-search-form form {
      padding-right: 2.625rem; }
    .component-search-form button {
      margin-right: -2.625rem;
      height: 2.6875rem;
      width: 2.625rem; } }
  @media screen and (min-width: 64rem) {
    .component-search-form form {
      padding-right: 2.75rem; }
    .component-search-form button {
      margin-right: -2.75rem;
      height: 2.8125rem;
      width: 2.75rem; } }

.component-search-results {
  border: 0 !important;
  padding: 0 !important; }
  .component-search-results article {
    margin-top: 0.625rem;
    border: 1px solid #ddd;
    padding: 0.9375rem;
    padding-top: 1.875rem;
    position: relative; }
    .component-search-results article:first-of-type {
      margin-top: 0; }
    .component-search-results article.type-page .meta.date {
      display: none; }
  .component-search-results small {
    color: #888;
    display: block; }
    .component-search-results small.type {
      position: absolute;
      top: 0;
      left: 0.9375rem;
      background: #ddd;
      padding: 0.15625rem 0.3125rem;
      text-transform: uppercase;
      font-size: 12px;
      font-size: 0.75rem; }
  .component-search-results h3 {
    margin: 0; }
  .component-search-results p {
    margin: 0.46875rem 0; }
    .component-search-results p.more {
      margin-bottom: 0; }
  @media screen and (min-width: 64rem) {
    .component-search-results article {
      margin-top: 1.25rem;
      padding: 1.25rem;
      padding-top: 2.5rem; } }
  .user-content .component-search-results {
    border: 0 !important;
    padding: 0 !important; }
    .user-content .component-search-results article:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #ddd;
      width: 100%;
      margin: 1.25rem 0; }
    .user-content .component-search-results article:first-of-type:before {
      display: none; }
    @media screen and (min-width: 48rem) {
      .user-content .component-search-results article:before {
        content: "";
        display: block;
        border: none;
        border-top: 0.0625rem solid #ddd;
        width: 100%;
        margin: 1.875rem 0; } }

.component-session {
  border: 0 !important;
  padding: 0 !important; }
  .component-session ol, .component-session ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .component-session ol > li {
    cursor: pointer; }
  .component-session li li {
    font-size: 12px;
    font-size: 0.75rem;
    color: #888;
    margin-top: 0.25rem;
    padding-left: 0.75rem; }
    .component-session li li:before {
      content: "";
      display: block;
      background: #333;
      width: 0.3125rem;
      height: 0.3125rem;
      float: left;
      margin-left: -0.75rem;
      position: relative;
      top: 0.5rem; }
  .component-session li > h3 {
    text-transform: uppercase;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 400;
    color: #333;
    background: #ddd;
    padding: 0.625rem;
    margin-top: 0;
    position: relative; }
    .component-session li > h3:before {
      position: absolute;
      top: 50%;
      right: 0.9375rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%);
      color: #9d9d9d; }
  .component-session .is-collapsed .item-documents {
    display: none; }
  .component-session a {
    font-size: 14px;
    font-size: 0.875rem; }
  .component-session a:after {
    content: "";
    display: block; }
  .component-session .item-documents {
    margin-bottom: 1.25rem; }
    .component-session .item-documents + .item-documents:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #ddd;
      width: 50%;
      margin: 1.25rem 0; }
  @media screen and (min-width: 48rem) {
    .component-session li li {
      font-size: 13px;
      font-size: 0.8125rem; }
    .component-session a {
      font-size: 15px;
      font-size: 0.9375rem; }
      .component-session a:after {
        display: none; } }

.component-sessions {
  border: 0 !important;
  padding: 0 !important; }
  .component-sessions .component-content > article {
    border: 1px solid #ddd;
    padding: 0.9375rem;
    margin-top: 0.9375rem;
    background: #fff;
    box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1); }
    .component-sessions .component-content > article:first-of-type {
      margin-top: 0 !important; }
  .component-sessions article * {
    margin: 0; }
  .component-sessions h3 {
    margin: 0 0 0.46875rem; }
  .component-sessions footer {
    margin-top: 0.9375rem; }
    .component-sessions footer:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #ddd;
      width: 100%;
      margin: 1.40625rem 0; }
    .component-sessions footer h2 {
      margin-bottom: 0.9375rem; }
  @media screen and (min-width: 48rem) {
    .component-sessions .component-content > article {
      padding: 0 !important;
      *zoom: 1; }
      .component-sessions .component-content > article:before, .component-sessions .component-content > article:after {
        content: '';
        display: table; }
      .component-sessions .component-content > article:after {
        clear: both; }
    .component-sessions article header, .component-sessions article footer {
      width: 50%;
      padding: 1.25rem; }
    .component-sessions article header {
      float: left;
      border-right: 1px solid #ddd; }
    .component-sessions article footer {
      float: right;
      margin: 0;
      border-left: 1px solid #ddd;
      position: relative;
      left: -0.0625rem; }
      .component-sessions article footer:before {
        display: none; } }

.component-questions {
  border: 0 !important;
  padding: 0 !important; }
  .component-questions article {
    border: 1px solid #ddd;
    margin-top: 0.9375rem;
    background: #fff;
    box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1); }
    .component-questions article:first-of-type {
      margin-top: 0 !important; }
    .component-questions article header {
      background-color: #555;
      background-image: -webkit-linear-gradient(#555, #3c3c3c);
      background-image: linear-gradient(#555, #3c3c3c); }
    .component-questions article header, .component-questions article footer {
      padding: 0.9375rem; }
    .component-questions article * {
      margin: 0; }
  .component-questions h3 {
    color: #fff; }
    .component-questions h3 a {
      color: #fff; }
  .component-questions small {
    color: #888; }
    .component-questions small a {
      color: #ddd;
      border-bottom: 1px solid #aaaaaa; }
  .component-questions h4 {
    margin: 0 0 0.46875rem; }
  .component-questions p {
    font-size: 14px;
    font-size: 0.875rem; }
  .component-questions .actions {
    margin-top: 0.46875rem; }
  @media screen and (min-width: 48rem) {
    .component-questions article header, .component-questions article footer {
      padding: 1.25rem; }
    .component-questions p {
      font-size: 15px;
      font-size: 0.9375rem; } }
  @media screen and (min-width: 64rem) {
    .component-questions article {
      margin-top: 1.25rem; }
      .component-questions article header {
        padding-right: 30%;
        position: relative; }
      .component-questions article small {
        position: absolute;
        top: 50%;
        right: 1.25rem;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%); }
    .component-questions p {
      font-size: 16px;
      font-size: 1rem; } }

.component-councillor-questions {
  border: 1px solid #ddd; }
  .component-councillor-questions .component-title {
    margin: 0; }
  .component-councillor-questions .component-footer {
    padding: 0.9375rem; }
  .component-councillor-questions article {
    border-bottom: 1px solid #ddd;
    padding: 0.9375rem; }
    .component-councillor-questions article * {
      margin: 0; }
  .component-councillor-questions h3 {
    margin: 0 0 0.46875rem; }
  @media screen and (min-width: 48rem) {
    .component-councillor-questions {
      padding: 0; }
      .component-councillor-questions .component-footer {
        padding: 1.25rem; }
      .component-councillor-questions article {
        padding: 1.25rem; } }
  @media screen and (min-width: 64rem) {
    .component-councillor-questions article {
      padding-right: 30%;
      *zoom: 1;
      position: relative; }
      .component-councillor-questions article:before, .component-councillor-questions article:after {
        content: '';
        display: table; }
      .component-councillor-questions article:after {
        clear: both; }
    .component-councillor-questions .actions {
      position: absolute;
      top: 50%;
      right: 1.25rem;
      -webkit-transform: translateY(-50%);
      -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      -o-transform: translateY(-50%);
      transform: translateY(-50%); } }

.component-city-districts {
  border: 0 !important;
  padding: 0 !important; }
  .component-city-districts article {
    border-top: 1px solid #ddd;
    padding: 0.9375rem 0; }
    .component-city-districts article:first-of-type {
      border-top: 0; }
  .component-city-districts h3 {
    margin: 0; }
  .component-city-districts p {
    margin: 0;
    font-size: 14px;
    font-size: 0.875rem; }
  @media screen and (min-width: 26.5625rem) {
    .component-city-districts {
      margin: -0.9375rem; }
      .component-city-districts article {
        float: left;
        border: 0;
        border-left: 1px solid #ddd;
        width: 50%;
        padding: 1.40625rem;
        position: relative; }
        .component-city-districts article:before {
          content: "";
          display: block;
          border: none;
          border-top: 1px solid #ddd;
          width: 200%;
          margin: 0; }
        .component-city-districts article:nth-of-type(2n+1) {
          border-left: 0;
          clear: both; }
          .component-city-districts article:nth-of-type(2n+1):before {
            display: block; }
        .component-city-districts article:first-of-type:before {
          display: none; }
        .component-city-districts article:before {
          position: absolute;
          top: 0;
          left: 0;
          display: none; } }
  @media screen and (min-width: 48rem) {
    .component-city-districts {
      margin: -1.25rem; }
      .component-city-districts article {
        width: 33.33333333333333%; }
        .component-city-districts article:before {
          display: none;
          width: 300%; }
        .component-city-districts article:nth-of-type(2n+1) {
          border-left: 1px solid #ddd;
          clear: none; }
          .component-city-districts article:nth-of-type(2n+1):before {
            display: none; }
        .component-city-districts article:nth-of-type(3n+1) {
          border-left: 0;
          clear: both; }
          .component-city-districts article:nth-of-type(3n+1):before {
            display: block; }
        .component-city-districts article:first-of-type:before {
          display: none; } }
  @media screen and (min-width: 64rem) {
    .component-city-districts {
      margin: -3.125rem auto; }
      .component-city-districts article {
        width: 25%; }
        .component-city-districts article:before {
          display: none;
          width: 400%; }
        .component-city-districts article:nth-of-type(3n+1) {
          border-left: 1px solid #ddd;
          clear: none; }
          .component-city-districts article:nth-of-type(3n+1):before {
            display: none; }
        .component-city-districts article:nth-of-type(4n+1) {
          border-left: 0;
          clear: both; }
          .component-city-districts article:nth-of-type(4n+1):before {
            display: block; }
        .component-city-districts article:first-of-type:before {
          display: none; } }
  @media screen and (min-width: 81.25rem) {
    .component-city-districts article {
      width: 20%; }
      .component-city-districts article:before {
        display: none;
        width: 500%; }
      .component-city-districts article:nth-of-type(4n+1) {
        border-left: 1px solid #ddd;
        clear: none; }
        .component-city-districts article:nth-of-type(4n+1):before {
          display: none; }
      .component-city-districts article:nth-of-type(5n+1) {
        border-left: 0;
        clear: both; }
        .component-city-districts article:nth-of-type(5n+1):before {
          display: block; }
      .component-city-districts article:first-of-type:before {
        display: none; } }

.component-pagination {
  border: 0 !important;
  padding: 0 !important;
  margin-top: 0.9375rem; }
  .component-pagination ul {
    list-style: none;
    margin: 0;
    padding: 0;
    text-align: center; }
  .component-pagination li {
    display: inline-block;
    margin: 0 -0.0625rem; }
  .component-pagination a, .component-pagination span {
    padding: 0.375rem 0.25rem;
    width: 1.875rem;
    text-align: center;
    font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1; }
  .component-pagination .dots {
    background: none;
    color: #888; }
  .component-pagination span {
    display: block; }
  .component-pagination .prev, .component-pagination .next {
    text-indent: -999em;
    font-size: 0;
    position: relative;
    top: 0.125rem; }
    .component-pagination .prev:before, .component-pagination .next:before {
      text-indent: 0;
      display: block; }
    .component-pagination .prev:before, .component-pagination .next:before {
      font-size: 12px;
      font-size: 0.75rem;
      line-height: 1;
      padding: 0.0625rem; }
  @media screen and (min-width: 26.5625rem) {
    .component-pagination li {
      margin: 0; }
    .component-pagination a, .component-pagination span {
      font-size: 16px;
      font-size: 1rem;
      padding: 0.4375rem 0.3125rem;
      width: 2.125rem; }
    .component-pagination .prev, .component-pagination .next {
      top: 0.1875rem; }
      .component-pagination .prev:before, .component-pagination .next:before {
        font-size: 14px;
        font-size: 0.875rem; } }
  @media screen and (min-width: 48rem) {
    .component-pagination {
      margin-top: 1.25rem; }
      .component-pagination li {
        margin: 0; }
      .component-pagination a, .component-pagination span {
        font-size: 18px;
        font-size: 1.125rem;
        padding: 0.5rem 0.375rem; }
      .component-pagination .prev, .component-pagination .next {
        top: 0.1875rem; }
        .component-pagination .prev:before, .component-pagination .next:before {
          font-size: 16px;
          font-size: 1rem; } }
  @media screen and (min-width: 64rem) {
    .component-pagination {
      margin-top: 3.125rem; }
      .component-pagination a, .component-pagination span {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 0.625rem 0.5rem;
        width: 2.5rem; }
      .component-pagination .prev, .component-pagination .next {
        top: 0.1875rem; }
        .component-pagination .prev:before, .component-pagination .next:before {
          font-size: 16px;
          font-size: 1rem;
          padding: 0.125rem; } }

.note {
  background: #fffaaa;
  border: 1px solid #fff444;
  padding: 0.625rem 1.25rem;
  margin-bottom: 0.9375rem; }
  @media screen and (min-width: 48rem) {
    .note {
      margin-bottom: 1.25rem; }
      .note p {
        margin: 0; } }
  @media screen and (min-width: 64rem) {
    .note {
      margin-bottom: 1.875rem;
      padding: 1.875rem 3.75rem; } }

.featured-content, .featured-download, .featured-links, .featured-subpages, .featured-rich-content, .featured-pages {
  margin: 1.25rem auto;
  border: 1px solid #ddd;
  border-left: 6px solid #ddd; }

.featured-content, .featured-rich-content {
  padding: 0.8333333333rem;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#fff, #f2f2f2);
  background-image: linear-gradient(#fff, #f2f2f2);
  box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1); }

.featured-content {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }

.featured-download, .featured-links, .featured-subpages, .featured-pages {
  padding: 0;
  background-color: #fff;
  background-image: -webkit-linear-gradient(#fff, #f2f2f2);
  background-image: linear-gradient(#fff, #f2f2f2);
  box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }
  .featured-download ul, .featured-links ul, .featured-subpages ul, .featured-pages ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .featured-download a, .featured-links a, .featured-subpages a, .featured-pages a {
    padding: 0.8333333333rem;
    font-size: 16px;
    font-size: 1rem;
    line-height: 1.25;
    display: block;
    padding-right: 3.125rem;
    border-top: 1px solid rgba(17, 17, 17, 0.1);
    position: relative;
    color: #cd352f; }
    .featured-download a em, .featured-links a em, .featured-subpages a em, .featured-pages a em {
      font-size: 12px;
      font-size: 0.75rem;
      color: #888;
      font-style: normal;
      text-transform: uppercase;
      font-family: "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      display: block;
      line-height: 1.5; }
  .featured-download li:first-child a, .featured-links li:first-child a, .featured-subpages li:first-child a, .featured-pages li:first-child a {
    border: 0; }
  @media screen and (min-width: 48rem) {
    .featured-download a, .featured-links a, .featured-subpages a, .featured-pages a {
      font-size: 18px;
      font-size: 1.125rem; } }
  @media screen and (min-width: 64rem) {
    .featured-download a, .featured-links a, .featured-subpages a, .featured-pages a {
      padding: 1.25rem 1.25rem;
      padding-left: 1.5625rem;
      padding-right: 3.125rem;
      font-size: 20px;
      font-size: 1.25rem; } }
  @media screen and (min-width: 81.25rem) {
    .featured-download a, .featured-links a, .featured-subpages a, .featured-pages a {
      font-size: 22px;
      font-size: 1.375rem; } }

.featured-links a:before, .featured-subpages a:before, .featured-pages a:before {
  position: absolute;
  top: 50%;
  right: 0.8333333333rem;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #888; }

@media screen and (min-width: 64rem) {
  .featured-links a, .featured-subpages a, .featured-pages a {
    padding-left: 1.875rem;
    padding-right: 3.125rem; } }

.featured-content p {
  font-size: 16px;
  font-size: 1rem;
  color: #888;
  line-height: 1.25;
  padding-right: 30%;
  position: relative;
  margin: 0; }
  .featured-content p strong {
    width: 30%;
    padding-left: 0.625rem;
    color: #cd352f;
    text-align: right;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%); }

@media screen and (min-width: 48rem) {
  .featured-content p {
    font-size: 18px;
    font-size: 1.125rem; } }

@media screen and (min-width: 64rem) {
  .featured-content {
    padding: 1.25rem 1.25rem; }
    .featured-content p {
      font-size: 20px;
      font-size: 1.25rem; } }

@media screen and (min-width: 81.25rem) {
  .featured-content p {
    font-size: 22px;
    font-size: 1.375rem; } }

.featured-rich-content .title {
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  margin-bottom: 0.3125rem; }

.featured-rich-content p {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: 14px;
  font-size: 0.875rem;
  color: #888;
  line-height: 1.25;
  margin: 0; }

@media screen and (min-width: 48rem) {
  .featured-rich-content p {
    font-size: 16px;
    font-size: 1rem; } }

@media screen and (min-width: 64rem) {
  .featured-rich-content {
    padding: 1.25rem 1.25rem; } }

.subpages-helper {
  list-style: none;
  margin: 0;
  padding: 0; }
  .subpages-helper ul {
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom: 1; }
    .subpages-helper ul:before, .subpages-helper ul:after {
      content: '';
      display: table; }
    .subpages-helper ul:after {
      clear: both; }
  .subpages-helper li {
    border-top: 1px solid #ddd;
    *zoom: 1;
    background: #ddd;
    clear: both; }
    .subpages-helper li:before, .subpages-helper li:after {
      content: '';
      display: table; }
    .subpages-helper li:after {
      clear: both; }
    .subpages-helper li:hover {
      background: #8dc63f; }
      .subpages-helper li:hover > span > a {
        color: #fff;
        text-decoration: underline; }
      .subpages-helper li:hover > span {
        color: #c6e39f; }
    .subpages-helper li li {
      background: #eaeaea; }
    .subpages-helper li li li {
      background: #f7f7f7; }
    .subpages-helper li li li li {
      background: white; }
  .subpages-helper li .span-1 {
    padding-left: 0.625rem; }
  .subpages-helper li li .span-1 {
    padding-left: 1.875rem; }
  .subpages-helper li li li .span-1 {
    padding-left: 3.125rem; }
  .subpages-helper li li li li .span-1 {
    padding-left: 4.375rem; }
  .subpages-helper li li li li li .span-1 {
    padding-left: 5.625rem; }
  .subpages-helper span {
    display: block;
    float: left;
    font-size: 14px;
    font-size: 0.875rem;
    padding: 0.6875rem 0.75rem;
    text-align: center;
    border-left: 1px solid rgba(17, 17, 17, 0.08);
    color: #888; }
    .subpages-helper span strong {
      display: none; }
    .subpages-helper span.span-1 {
      width: 50%;
      font-size: 16px;
      font-size: 1rem;
      font-weight: 700;
      padding: 0.625rem;
      text-align: left;
      border-left: none; }
    .subpages-helper span.span-2, .subpages-helper span.span-3 {
      width: 12.5%; }
    .subpages-helper span.span-4 {
      width: 10%; }
    .subpages-helper span.span-5 {
      width: 15%; }

.component-bids {
  border: 0 !important;
  padding: 0 !important; }
  .component-bids .component-content > article {
    border: 1px solid #ddd;
    padding: 0.9375rem;
    margin-top: 0.9375rem;
    box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1); }
    .component-bids .component-content > article:first-of-type {
      margin-top: 0 !important; }
  .component-bids article * {
    margin: 0; }
  .component-bids h3 {
    margin: 0 0 0.46875rem; }
  .component-bids .bid-details:before {
    content: "";
    display: block;
    border: none;
    border-top: 0.0625rem solid #ddd;
    width: 100%;
    margin: 0.46875rem 0; }
  .component-bids .bid-details .attachmets {
    margin-top: 0.9375rem; }
  .component-bids footer {
    margin-top: 0.9375rem; }
  .component-bids .featured-download {
    box-shadow: none;
    border: 0;
    *zoom: 1;
    background: none; }
    .component-bids .featured-download:before, .component-bids .featured-download:after {
      content: '';
      display: table; }
    .component-bids .featured-download:after {
      clear: both; }
    .component-bids .featured-download li {
      margin-top: 0.46875rem;
      border: 1px solid #ddd;
      border-left: 6px solid #ddd;
      box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
      background-color: #fff;
      background-image: -webkit-linear-gradient(#fff, #f2f2f2);
      background-image: linear-gradient(#fff, #f2f2f2); }
    .component-bids .featured-download a {
      border: 0; }
  @media screen and (min-width: 56.25rem) {
    .component-bids .bid-details:before {
      margin: 0.9375rem 0; }
    .component-bids .component-content > article {
      padding: 1.25rem; }
    .component-bids .featured-download li {
      width: 49.5%;
      float: left;
      margin-left: 1%; }
      .component-bids .featured-download li:nth-of-type(2n+1) {
        clear: both;
        margin-left: 0; }
    .component-bids .featured-download a {
      font-size: 18px;
      font-size: 1.125rem;
      padding: 0.625rem 0.9375rem; } }

.component-banners {
  border: 0 !important;
  padding: 0 !important; }
  .component-banners .banner {
    position: relative;
    margin-bottom: 0.9375rem; }
    .component-banners .banner:last-child {
      margin-bottom: 0; }
    .component-banners .banner img {
      display: block;
      width: 100%; }
    .component-banners .banner .cta {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background: rgba(0, 155, 223, 0.3);
      transition: all 0.2s ease-in-out; }
    .component-banners .banner .additional-info {
      position: absolute;
      bottom: 90%;
      left: 10%;
      background-color: #333;
      background-image: -webkit-linear-gradient(#333, #1a1a1a);
      background-image: linear-gradient(#333, #1a1a1a);
      max-width: 80%;
      box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
      font-size: 14px;
      font-size: 0.875rem;
      line-height: 1.3;
      color: #888;
      padding: 0.9375rem;
      transition: all 0.2s ease-in-out;
      opacity: 0;
      visibility: hidden; }
      .component-banners .banner .additional-info:before {
        height: 0;
        width: 0;
        border-left: 0.625rem solid transparent;
        border-right: 0.625rem solid transparent;
        border-top: 0.625rem solid #1a1a1a;
        box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
        content: "";
        position: absolute;
        top: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
        z-index: 100; }
    .component-banners .banner:hover .cta {
      background: rgba(0, 155, 223, 0.75); }
    .component-banners .banner:hover .additional-info {
      bottom: 95%;
      opacity: 1;
      visibility: visible; }
    .component-banners .banner .text {
      color: #fff;
      text-align: center;
      font-size: 15px;
      font-size: 0.9375rem;
      font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      display: block;
      padding-top: 1.6875rem; }
    .component-banners .banner .button, .component-banners .banner .component-breaking .more a, .component-breaking .more .component-banners .banner a, .component-banners .banner .component-pagination a, .component-pagination .component-banners .banner a, .component-banners .banner .component-pagination span, .component-pagination .component-banners .banner span {
      color: #555;
      background: rgba(255, 255, 255, 0.9);
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      margin-left: -1.25rem;
      font-size: 18px;
      font-size: 1.125rem;
      font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
      line-height: 1.2;
      padding: 0.625rem 0.9375rem;
      box-shadow: 0 0.25rem 0.9375rem rgba(17, 17, 17, 0.25);
      transition: all 0.2s ease-in-out; }
      .component-banners .banner .button:before, .component-banners .banner .component-breaking .more a:before, .component-breaking .more .component-banners .banner a:before, .component-banners .banner .component-pagination a:before, .component-pagination .component-banners .banner a:before, .component-banners .banner .component-pagination span:before, .component-pagination .component-banners .banner span:before {
        color: #fff;
        font-size: 18px;
        font-size: 1.125rem;
        position: absolute;
        top: 50%;
        right: -2.5rem;
        width: 2.5rem;
        text-align: center;
        z-index: 10;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        margin-top: -1px;
        transition: all 0.2s ease-in-out; }
      .component-banners .banner .button:after, .component-banners .banner .component-breaking .more a:after, .component-breaking .more .component-banners .banner a:after, .component-banners .banner .component-pagination a:after, .component-pagination .component-banners .banner a:after, .component-banners .banner .component-pagination span:after, .component-pagination .component-banners .banner span:after {
        content: "";
        display: block;
        position: absolute;
        top: 0;
        width: 2.5rem;
        height: 100%;
        right: -2.5rem;
        background: #009bdf; }
    .component-banners .banner:hover .button, .component-banners .banner:hover .component-breaking .more a, .component-breaking .more .component-banners .banner:hover a, .component-banners .banner:hover .component-pagination a, .component-pagination .component-banners .banner:hover a, .component-banners .banner:hover .component-pagination span, .component-pagination .component-banners .banner:hover span {
      background: white !important;
      color: #333 !important; }
      .component-banners .banner:hover .button:before, .component-banners .banner:hover .component-breaking .more a:before, .component-breaking .more .component-banners .banner:hover a:before, .component-banners .banner:hover .component-pagination a:before, .component-pagination .component-banners .banner:hover a:before, .component-banners .banner:hover .component-pagination span:before, .component-pagination .component-banners .banner:hover span:before {
        padding-left: 0.25rem; }

.component-social {
  border: 0 !important;
  padding: 0 !important; }
  .component-social ol {
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom: 1; }
    .component-social ol:before, .component-social ol:after {
      content: '';
      display: table; }
    .component-social ol:after {
      clear: both; }
  .component-social li {
    display: inline; }
    .component-social li.facebook a {
      background: #3b5998; }
    .component-social li.twitter a {
      background: #55acee; }
  .component-social a {
    float: left;
    display: block;
    margin-right: 0.3125rem;
    color: #fff;
    background: #555;
    text-indent: -999em;
    font-size: 0;
    padding: 0.5rem; }
    .component-social a:before {
      text-indent: 0;
      display: block; }
    .component-social a:before {
      font-size: 20px;
      font-size: 1.25rem; }
  @media screen and (min-width: 48rem) {
    .component-social a {
      padding: 0.625rem; }
    .component-social a:before {
      font-size: 24px;
      font-size: 1.5rem; } }
  @media screen and (min-width: 64rem) {
    .component-social a {
      padding: 0.75rem; } }

.component-form {
  background: #fffaaa;
  padding: 0.9375rem;
  margin-bottom: 0.9375rem; }
  .component-form .component-header {
    margin: -0.9375rem;
    margin-bottom: 0.9375rem;
    /*
		margin-bottom: $container-padding-small;
*/ }
    .component-form .component-header h2 {
      margin: 0; }
  .component-form ol {
    list-style: none;
    margin: 0;
    padding: 0;
    *zoom: 1; }
    .component-form ol:before, .component-form ol:after {
      content: '';
      display: table; }
    .component-form ol:after {
      clear: both; }
  .component-form li {
    width: 100%;
    display: block;
    float: left;
    margin-bottom: 0.46875rem; }
  .component-form label {
    padding-bottom: 0.125rem; }
  @media screen and (min-width: 37.5rem) {
    .component-form .two-column {
      width: 49%;
      margin-left: 2%; }
      .component-form .two-column.first {
        margin-left: 0;
        clear: both; } }

.component-filter {
  border: 0 !important;
  padding: 0 !important;
  background: #fffaaa; }
  .component-filter .component-content {
    padding: 0.9375rem; }
  .component-filter fieldset {
    border: 0;
    padding: 0;
    margin-top: 0.9375rem; }
    .component-filter fieldset:first-of-type {
      margin-top: 0; }
  .component-filter legend {
    margin-bottom: 0.9375rem; }
  .component-filter ol {
    list-style: none;
    margin: 0;
    padding: 0; }
  .component-filter li {
    margin-bottom: 0.1875rem; }
    .component-filter li.active label {
      background: #009bdf;
      color: #fff; }
  .component-filter label {
    position: relative;
    padding: 0.1875rem 0.375rem;
    padding-left: 1.5rem;
    background: #fff; }
  .component-filter input[type="checkbox"] {
    position: absolute;
    top: 0.5rem;
    left: 0.375rem; }
  .component-filter .button, .component-filter .component-breaking .more a, .component-breaking .more .component-filter a, .component-filter .component-pagination a, .component-pagination .component-filter a, .component-filter .component-pagination span, .component-pagination .component-filter span {
    width: 100%;
    margin-top: 0.9375rem; }
  @media screen and (min-width: 26.5625rem) {
    .component-filter .button, .component-filter .component-breaking .more a, .component-breaking .more .component-filter a, .component-filter .component-pagination a, .component-pagination .component-filter a, .component-filter .component-pagination span, .component-pagination .component-filter span {
      width: auto; } }
  @media screen and (min-width: 48rem) {
    .component-filter label {
      font-size: 15px;
      font-size: 0.9375rem;
      line-height: 1.2;
      padding: 0.3125rem 0.625rem;
      padding-left: 1.5rem; } }

.component-archive-calendar {
  box-shadow: 0 0.0625rem 0.125rem rgba(17, 17, 17, 0.1);
  border: 1px solid #ddd;
  *zoom: 1; }
  .component-archive-calendar:before, .component-archive-calendar:after {
    content: '';
    display: table; }
  .component-archive-calendar:after {
    clear: both; }
  .component-archive-calendar .component-header h2 {
    margin: 0; }
  .component-archive-calendar .component-content {
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: 700;
    *zoom: 1;
    background: #fff; }
    .component-archive-calendar .component-content:before, .component-archive-calendar .component-content:after {
      content: '';
      display: table; }
    .component-archive-calendar .component-content:after {
      clear: both; }
  .component-archive-calendar .calendar-navigation {
    border-bottom: 1px solid #ddd;
    *zoom: 1; }
    .component-archive-calendar .calendar-navigation:before, .component-archive-calendar .calendar-navigation:after {
      content: '';
      display: table; }
    .component-archive-calendar .calendar-navigation:after {
      clear: both; }
    .component-archive-calendar .calendar-navigation .menu {
      display: none; }
    .component-archive-calendar .calendar-navigation a {
      display: block;
      float: left;
      text-align: center;
      padding: 0.46875rem 0.9375rem;
      color: #333;
      font-size: 16px;
      font-size: 1rem;
      border: 0 !important; }
    .component-archive-calendar .calendar-navigation .prev-year, .component-archive-calendar .calendar-navigation .next-year {
      width: 25%; }
    .component-archive-calendar .calendar-navigation .years a {
      width: 50%;
      border-left: 1px solid #ddd; }
    .component-archive-calendar .calendar-navigation .next-year {
      border-left: 1px solid #ddd; }
    .component-archive-calendar .calendar-navigation .arrow-down {
      display: none; }
  .component-archive-calendar .calendar-archives {
    position: relative;
    width: 100%; }
  .component-archive-calendar .archives-years {
    background: #fff;
    position: relative;
    overflow: hidden;
    min-height: 12.9375rem; }
  .component-archive-calendar .year {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: -100%;
    width: 100%;
    z-index: 0;
    background: #fff; }
    .component-archive-calendar .year.current {
      margin-left: 0;
      z-index: 1; }
  .component-archive-calendar .month {
    width: 25%;
    float: left;
    border-left: 1px solid #ddd;
    font-size: 16px;
    font-size: 1rem;
    color: #555;
    padding: 0.9375rem;
    padding-bottom: 1.875rem;
    position: relative;
    transition: all 0.2s ease-in-out;
    pointer-events: none; }
    .component-archive-calendar .month:before {
      content: "";
      display: block;
      border: none;
      border-top: 0.0625rem solid #ddd;
      width: 400%;
      margin: 0; }
    .component-archive-calendar .month:before {
      display: none;
      position: absolute;
      top: 0;
      left: 0; }
    .component-archive-calendar .month:nth-of-type(4n+1) {
      border-left: 0; }
      .component-archive-calendar .month:nth-of-type(4n+1):before {
        display: block; }
    .component-archive-calendar .month:hover {
      background: #efefef; }
      .component-archive-calendar .month:hover a {
        color: #333; }
      .component-archive-calendar .month:hover .postcount {
        color: #555; }
    .component-archive-calendar .month:first-of-type:before {
      display: none; }
    .component-archive-calendar .month.has-posts {
      padding: 0;
      pointer-events: all; }
    .component-archive-calendar .month a {
      padding: 0.9375rem;
      padding-bottom: 1.875rem;
      border: 0 !important;
      display: block;
      transition: all 0.2s ease-in-out; }
  .component-archive-calendar .postcount {
    font-size: 13px;
    font-size: 0.8125rem;
    color: #a2a2a2;
    display: block;
    position: absolute;
    left: 0.9375rem;
    bottom: 0.9375rem;
    font-weight: 400; }
    .component-archive-calendar .postcount .count-text {
      display: none; }
  @media screen and (min-width: 48rem) {
    .component-archive-calendar {
      padding: 0; } }
  @media (min-width: 48rem) and (max-width: 63.9375rem) {
    .component-archive-calendar .month {
      width: 33.33333333333333%; }
      .component-archive-calendar .month:before {
        width: 300%; }
      .component-archive-calendar .month:first-of-type {
        border-left: 0 !important; }
      .component-archive-calendar .month:nth-of-type(3n+1) {
        border-left: 0; }
        .component-archive-calendar .month:nth-of-type(3n+1):before {
          display: block; }
      .component-archive-calendar .month:nth-of-type(4n+1) {
        border-left: 1px solid #ddd; }
        .component-archive-calendar .month:nth-of-type(4n+1):before {
          display: none; } }

header[role="banner"] {
  position: relative;
  z-index: 200;
  box-shadow: 0 0.25rem 0.9375rem rgba(17, 17, 17, 0.25);
  background: #cd352f; }
  header[role="banner"] .container {
    *zoom: 1; }
    header[role="banner"] .container:before, header[role="banner"] .container:after {
      content: '';
      display: table; }
    header[role="banner"] .container:after {
      clear: both; }
  @media screen and (min-width: 64rem) {
    header[role="banner"] {
      width: 100%;
      background-color: #f5f5f5;
      background-image: -webkit-linear-gradient(#f5f5f5, gainsboro);
      background-image: linear-gradient(#f5f5f5, gainsboro); }
      header[role="banner"] .container {
        padding-top: 0;
        padding-bottom: 0; }
      body.admin-bar header[role="banner"] {
        padding-top: 2rem; }
        body.admin-bar header[role="banner"].has-tertiary-menu {
          padding-top: rm(64); }
      header[role="banner"].has-tertiary-menu {
        padding-top: 2rem; } }
  header[role="banner"] .site-branding {
    float: left; }
    header[role="banner"] .site-branding .site-logo {
      margin: 0;
      line-height: 1; }
      header[role="banner"] .site-branding .site-logo .desktop {
        display: none; }
      header[role="banner"] .site-branding .site-logo a {
        font-size: 30px;
        font-size: 1.875rem;
        line-height: 2.5rem;
        font-weight: 700;
        color: #cd352f; }
      header[role="banner"] .site-branding .site-logo.is-svg .site-title, header[role="banner"] .site-branding .site-logo.is-png .site-title {
        display: none; }
    header[role="banner"] .site-branding img {
      height: 2.5rem;
      display: none; }
      html.svg header[role="banner"] .site-branding img.logo-svg {
        display: block; }
      html.no-svg header[role="banner"] .site-branding img.logo-png {
        display: block; }
  @media screen and (min-width: 64rem) {
    header[role="banner"] .site-branding {
      margin: 1.25rem auto; }
      header[role="banner"] .site-branding .site-logo .mobile {
        display: none; }
      header[role="banner"] .site-branding .site-logo .desktop {
        display: block; }
      header[role="banner"] .site-branding img {
        height: 5rem; }
      header[role="banner"] .site-branding a {
        font-size: 36px;
        font-size: 2.25rem;
        line-height: 5rem;
        color: #cd352f; } }
  @media screen and (min-width: 81.25rem) {
    header[role="banner"] .site-branding {
      margin: 1.875rem auto; }
      header[role="banner"] .site-branding.text-only a {
        font-size: 40px;
        font-size: 2.5rem;
        font-weight: 400; } }
  header[role="banner"] .site-search-container {
    padding: 0.9375rem;
    background: #3c3c3c; }
    header[role="banner"] .site-search-container a {
      display: none; }
    header[role="banner"] .site-search-container form {
      padding-right: 2.5rem;
      *zoom: 1; }
      header[role="banner"] .site-search-container form:before, header[role="banner"] .site-search-container form:after {
        content: '';
        display: table; }
      header[role="banner"] .site-search-container form:after {
        clear: both; }
    header[role="banner"] .site-search-container input[type="search"] {
      width: 100%;
      float: left;
      display: block; }
    header[role="banner"] .site-search-container button {
      float: right;
      margin-right: -2.5rem;
      display: block;
      background: #cd352f url("../../../assets/images/search-icon.png") center center no-repeat;
      width: 2.5rem;
      height: 2.5rem;
      text-indent: -800px;
      cursor: pointer; }
    @media screen and (min-width: 48rem) {
      header[role="banner"] .site-search-container form {
        padding-right: 2.625rem; }
      header[role="banner"] .site-search-container button {
        margin-right: -2.625rem;
        height: 2.6875rem;
        width: 2.625rem; } }
    @media screen and (min-width: 64rem) {
      header[role="banner"] .site-search-container {
        position: relative;
        background: none;
        padding: 0;
        float: right;
        *zoom: 1; }
        header[role="banner"] .site-search-container:before, header[role="banner"] .site-search-container:after {
          content: '';
          display: table; }
        header[role="banner"] .site-search-container:after {
          clear: both; }
        header[role="banner"] .site-search-container a {
          display: block;
          margin: 0;
          border-top: 0;
          padding: 0;
          line-height: 1;
          padding: 0.8125rem;
          border-left: 1px solid rgba(17, 17, 17, 0.15);
          border-right: 1px solid rgba(17, 17, 17, 0.15);
          transition: all 0.2s ease-in-out; }
          header[role="banner"] .site-search-container a:hover {
            background: #333; }
          header[role="banner"] .site-search-container a .icon, header[role="banner"] .site-search-container a .breadcrumbs a:before, .breadcrumbs header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .accessible-maps .map-button, .accessible-maps header[role="banner"] .site-search-container a .map-button, header[role="banner"] .site-search-container a #hero .slider article .slide-content h2:before, #hero .slider article .slide-content header[role="banner"] .site-search-container a h2:before, header[role="banner"] .site-search-container a .component-subpages-titles-only article:before, .component-subpages-titles-only header[role="banner"] .site-search-container a article:before, header[role="banner"] .site-search-container a .component-sitemap li.page_item_has_children:before, .component-sitemap header[role="banner"] .site-search-container a li.page_item_has_children:before, header[role="banner"] .site-search-container a .component-session li > h3:before, .component-session header[role="banner"] .site-search-container a li > h3:before, header[role="banner"] .site-search-container a .component-pagination .prev:before, .component-pagination header[role="banner"] .site-search-container a .prev:before, header[role="banner"] .site-search-container a .component-pagination .next:before, .component-pagination header[role="banner"] .site-search-container a .next:before, header[role="banner"] .site-search-container a .featured-links a:before, .featured-links header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .featured-subpages a:before, .featured-subpages header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .featured-pages a:before, .featured-pages header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-banners .banner .button:before, .component-banners .banner header[role="banner"] .site-search-container a .button:before, header[role="banner"] .site-search-container a .component-banners .banner .component-breaking .more a:before, .component-banners .banner .component-breaking .more header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-breaking .more .component-banners .banner a:before, .component-breaking .more .component-banners .banner header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-banners .banner .component-pagination a:before, .component-banners .banner .component-pagination header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-pagination .component-banners .banner a:before, .component-pagination .component-banners .banner header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-banners .banner .component-pagination span:before, .component-banners .banner .component-pagination header[role="banner"] .site-search-container a span:before, header[role="banner"] .site-search-container a .component-pagination .component-banners .banner span:before, .component-pagination .component-banners .banner header[role="banner"] .site-search-container a span:before, header[role="banner"] .site-search-container a .component-social a:before, .component-social header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a footer[role="contentinfo"] .social a:before, footer[role="contentinfo"] .social header[role="banner"] .site-search-container a a:before {
            font-size: 24px;
            font-size: 1.5rem;
            color: #fff; }
        header[role="banner"] .site-search-container.is-open a {
          text-shadow: 0 0 0.3125rem rgba(255, 255, 255, 0.75); }
        header[role="banner"] .site-search-container form {
          position: absolute;
          top: 100%;
          right: 0;
          background-color: #333;
          background-image: -webkit-linear-gradient(#333, #111);
          background-image: linear-gradient(#333, #111);
          min-width: 25rem;
          padding: 1.25rem;
          visibility: hidden;
          opacity: 0;
          transition: all 0.2s ease-in-out;
          margin-top: 0; }
          header[role="banner"] .site-search-container form:before {
            height: 0;
            width: 0;
            border-bottom: 0.625rem solid #333;
            border-left: 0.625rem solid transparent;
            border-right: 0.625rem solid transparent;
            position: absolute;
            top: -0.625rem;
            right: 1rem; }
        header[role="banner"] .site-search-container.is-open form {
          visibility: visible;
          opacity: 1;
          margin-top: 0.375rem; }
        header[role="banner"] .site-search-container input[type="search"] {
          width: 70%;
          font-size: 18px;
          font-size: 1.125rem;
          line-height: 1; }
        header[role="banner"] .site-search-container button {
          background-image: none;
          text-indent: 0;
          width: 30%;
          margin-right: 0;
          font-size: 18px;
          font-size: 1.125rem; } }
    @media screen and (min-width: 81.25rem) {
      header[role="banner"] .site-search-container a {
        padding: 0.9375rem; }
        header[role="banner"] .site-search-container a .icon, header[role="banner"] .site-search-container a .breadcrumbs a:before, .breadcrumbs header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .accessible-maps .map-button, .accessible-maps header[role="banner"] .site-search-container a .map-button, header[role="banner"] .site-search-container a #hero .slider article .slide-content h2:before, #hero .slider article .slide-content header[role="banner"] .site-search-container a h2:before, header[role="banner"] .site-search-container a .component-subpages-titles-only article:before, .component-subpages-titles-only header[role="banner"] .site-search-container a article:before, header[role="banner"] .site-search-container a .component-sitemap li.page_item_has_children:before, .component-sitemap header[role="banner"] .site-search-container a li.page_item_has_children:before, header[role="banner"] .site-search-container a .component-session li > h3:before, .component-session header[role="banner"] .site-search-container a li > h3:before, header[role="banner"] .site-search-container a .component-pagination .prev:before, .component-pagination header[role="banner"] .site-search-container a .prev:before, header[role="banner"] .site-search-container a .component-pagination .next:before, .component-pagination header[role="banner"] .site-search-container a .next:before, header[role="banner"] .site-search-container a .featured-links a:before, .featured-links header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .featured-subpages a:before, .featured-subpages header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .featured-pages a:before, .featured-pages header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-banners .banner .button:before, .component-banners .banner header[role="banner"] .site-search-container a .button:before, header[role="banner"] .site-search-container a .component-banners .banner .component-breaking .more a:before, .component-banners .banner .component-breaking .more header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-breaking .more .component-banners .banner a:before, .component-breaking .more .component-banners .banner header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-banners .banner .component-pagination a:before, .component-banners .banner .component-pagination header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-pagination .component-banners .banner a:before, .component-pagination .component-banners .banner header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a .component-banners .banner .component-pagination span:before, .component-banners .banner .component-pagination header[role="banner"] .site-search-container a span:before, header[role="banner"] .site-search-container a .component-pagination .component-banners .banner span:before, .component-pagination .component-banners .banner header[role="banner"] .site-search-container a span:before, header[role="banner"] .site-search-container a .component-social a:before, .component-social header[role="banner"] .site-search-container a a:before, header[role="banner"] .site-search-container a footer[role="contentinfo"] .social a:before, footer[role="contentinfo"] .social header[role="banner"] .site-search-container a a:before {
          font-size: 28px;
          font-size: 1.75rem; } }
  header[role="banner"] .nav-toggle {
    color: #fff;
    border: none;
    float: right; }
    header[role="banner"] .nav-toggle .label {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      overflow: hidden; }
    header[role="banner"] .nav-toggle .icon, header[role="banner"] .nav-toggle .breadcrumbs a:before, .breadcrumbs header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .accessible-maps .map-button, .accessible-maps header[role="banner"] .nav-toggle .map-button, header[role="banner"] .nav-toggle #hero .slider article .slide-content h2:before, #hero .slider article .slide-content header[role="banner"] .nav-toggle h2:before, header[role="banner"] .nav-toggle .component-subpages-titles-only article:before, .component-subpages-titles-only header[role="banner"] .nav-toggle article:before, header[role="banner"] .nav-toggle .component-sitemap li.page_item_has_children:before, .component-sitemap header[role="banner"] .nav-toggle li.page_item_has_children:before, header[role="banner"] .nav-toggle .component-session li > h3:before, .component-session header[role="banner"] .nav-toggle li > h3:before, header[role="banner"] .nav-toggle .component-pagination .prev:before, .component-pagination header[role="banner"] .nav-toggle .prev:before, header[role="banner"] .nav-toggle .component-pagination .next:before, .component-pagination header[role="banner"] .nav-toggle .next:before, header[role="banner"] .nav-toggle .featured-links a:before, .featured-links header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .featured-subpages a:before, .featured-subpages header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .featured-pages a:before, .featured-pages header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .component-banners .banner .button:before, .component-banners .banner header[role="banner"] .nav-toggle .button:before, header[role="banner"] .nav-toggle .component-banners .banner .component-breaking .more a:before, .component-banners .banner .component-breaking .more header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .component-breaking .more .component-banners .banner a:before, .component-breaking .more .component-banners .banner header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .component-banners .banner .component-pagination a:before, .component-banners .banner .component-pagination header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .component-pagination .component-banners .banner a:before, .component-pagination .component-banners .banner header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle .component-banners .banner .component-pagination span:before, .component-banners .banner .component-pagination header[role="banner"] .nav-toggle span:before, header[role="banner"] .nav-toggle .component-pagination .component-banners .banner span:before, .component-pagination .component-banners .banner header[role="banner"] .nav-toggle span:before, header[role="banner"] .nav-toggle .component-social a:before, .component-social header[role="banner"] .nav-toggle a:before, header[role="banner"] .nav-toggle footer[role="contentinfo"] .social a:before, footer[role="contentinfo"] .social header[role="banner"] .nav-toggle a:before {
      font-size: 26px;
      font-size: 1.625rem;
      line-height: 2.5rem; }
      header[role="banner"] .nav-toggle .icon.icon-close, header[role="banner"] .nav-toggle .breadcrumbs a.icon-close:before, .breadcrumbs header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .accessible-maps .icon-close.map-button, .accessible-maps header[role="banner"] .nav-toggle .icon-close.map-button, header[role="banner"] .nav-toggle #hero .slider article .slide-content h2.icon-close:before, #hero .slider article .slide-content header[role="banner"] .nav-toggle h2.icon-close:before, header[role="banner"] .nav-toggle .component-subpages-titles-only article.icon-close:before, .component-subpages-titles-only header[role="banner"] .nav-toggle article.icon-close:before, header[role="banner"] .nav-toggle .component-sitemap li.icon-close.page_item_has_children:before, .component-sitemap header[role="banner"] .nav-toggle li.icon-close.page_item_has_children:before, header[role="banner"] .nav-toggle .component-session li > h3.icon-close:before, .component-session header[role="banner"] .nav-toggle li > h3.icon-close:before, header[role="banner"] .nav-toggle .component-pagination .icon-close.prev:before, .component-pagination header[role="banner"] .nav-toggle .icon-close.prev:before, header[role="banner"] .nav-toggle .component-pagination .icon-close.next:before, .component-pagination header[role="banner"] .nav-toggle .icon-close.next:before, header[role="banner"] .nav-toggle .featured-links a.icon-close:before, .featured-links header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .featured-subpages a.icon-close:before, .featured-subpages header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .featured-pages a.icon-close:before, .featured-pages header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-banners .banner .icon-close.button:before, .component-banners .banner header[role="banner"] .nav-toggle .icon-close.button:before, header[role="banner"] .nav-toggle .component-banners .banner .component-breaking .more a.icon-close:before, .component-banners .banner .component-breaking .more header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-breaking .more .component-banners .banner a.icon-close:before, .component-breaking .more .component-banners .banner header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-banners .banner .component-pagination a.icon-close:before, .component-banners .banner .component-pagination header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-pagination .component-banners .banner a.icon-close:before, .component-pagination .component-banners .banner header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle .component-banners .banner .component-pagination span.icon-close:before, .component-banners .banner .component-pagination header[role="banner"] .nav-toggle span.icon-close:before, header[role="banner"] .nav-toggle .component-pagination .component-banners .banner span.icon-close:before, .component-pagination .component-banners .banner header[role="banner"] .nav-toggle span.icon-close:before, header[role="banner"] .nav-toggle .component-social a.icon-close:before, .component-social header[role="banner"] .nav-toggle a.icon-close:before, header[role="banner"] .nav-toggle footer[role="contentinfo"] .social a.icon-close:before, footer[role="contentinfo"] .social header[role="banner"] .nav-toggle a.icon-close:before {
        font-size: 24px;
        font-size: 1.5rem; }
    @media screen and (min-width: 64rem) {
      header[role="banner"] .nav-toggle {
        display: none; } }
  header[role="banner"] nav {
    clear: both;
    float: left;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease-in-out;
    max-height: 0;
    /*
    .menu-item-has-children > a {
      padding-right: rem(20);
      &:before {
        @extend .icon;
        @extend .icon-arrow-down;
        @include font-size(10);
        position: absolute;
        right: rem(10);
        top: 50%;
        @include transform(translateY(-50%));
      }
    }
    .current-menu-item.menu-item-has-children > a {
      &:before {
        @extend .icon-arrow-up;
      }
    }
*/ }
    header[role="banner"] nav.is-open {
      margin-top: 0.625rem;
      visibility: visible;
      opacity: 1;
      max-height: 125rem; }
    header[role="banner"] nav ul {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-bottom: 0.4166666667rem;
      background: #f7f7f7; }
      header[role="banner"] nav ul ul {
        margin: 0;
        display: none; }
    header[role="banner"] nav a {
      display: block;
      border: 0;
      font-size: 14px;
      font-size: 0.875rem;
      padding: 0.3125rem 0.625rem;
      color: #555;
      border-top: 1px solid #ededed;
      position: relative; }
    header[role="banner"] nav li li a {
      padding: 0.25rem 0.625rem;
      font-size: 12px;
      font-size: 0.75rem;
      text-transform: uppercase;
      color: #888;
      border: none;
      border-left: 0.3125rem solid #d0d0d0; }
    header[role="banner"] nav .is-active ul {
      display: block; }
    header[role="banner"] nav .is-active > a {
      border-left: 0.3125rem solid #333; }
    header[role="banner"] nav .current-menu-ancestor ul,
    header[role="banner"] nav .current-menu-item ul {
      display: block; }
    header[role="banner"] nav .current-menu-ancestor a,
    header[role="banner"] nav .current-menu-item a {
      border-left: 0.3125rem solid #d0d0d0; }
    header[role="banner"] nav .current_page_item > a {
      border-left: 0.3125rem solid #333;
      color: #cd352f; }
    header[role="banner"] nav ul > li:first-child > a {
      border-top: 0; }
    @media screen and (min-width: 64rem) {
      header[role="banner"] nav {
        position: relative;
        background-color: #cd352f;
        background-image: -webkit-linear-gradient(#cd352f, #a42a25);
        background-image: linear-gradient(#cd352f, #a42a25);
        width: 300%;
        padding: 0 100%;
        margin: 0 0 0 -100%;
        *zoom: 1;
        max-height: none !important;
        visibility: visible;
        opacity: 1; }
        header[role="banner"] nav:before, header[role="banner"] nav:after {
          content: '';
          display: table; }
        header[role="banner"] nav:after {
          clear: both; }
        header[role="banner"] nav .nav-primary {
          background: none;
          margin: 0; }
          header[role="banner"] nav .nav-primary > li {
            float: left;
            position: relative; }
            header[role="banner"] nav .nav-primary > li:first-child > a {
              border-left: 1px solid rgba(17, 17, 17, 0.15); }
            header[role="banner"] nav .nav-primary > li > a {
              border-right: 1px solid rgba(17, 17, 17, 0.15); }
          header[role="banner"] nav .nav-primary a {
            border: 0;
            font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
            font-size: 18px;
            font-size: 1.125rem;
            color: #fff;
            padding: 0.6875rem 0.9375rem;
            text-shadow: 0 0.0625rem 0.0625rem rgba(17, 17, 17, 0.2);
            transition: all 0.2s ease-in-out; }
            header[role="banner"] nav .nav-primary a:before {
              display: none; }
          header[role="banner"] nav .nav-primary li:hover > a {
            background: #333; }
          header[role="banner"] nav .nav-primary li:hover ul {
            visibility: visible;
            opacity: 1; }
          header[role="banner"] nav .nav-primary ul {
            display: block;
            position: absolute;
            top: 100%;
            left: 0;
            background-color: #333;
            background-image: -webkit-linear-gradient(#333, #111);
            background-image: linear-gradient(#333, #111);
            min-width: 15.625rem;
            padding: 1.25rem 1.875rem;
            visibility: hidden;
            opacity: 0;
            transition: all 0.2s ease-in-out; }
            header[role="banner"] nav .nav-primary ul li {
              width: 100%;
              white-space: nowrap; }
            header[role="banner"] nav .nav-primary ul a {
              font-size: 17px;
              font-size: 1.0625rem;
              background: none;
              line-height: 1.25;
              text-transform: none;
              width: 100%;
              display: block;
              color: #bbbbbb;
              border-top: 1px solid rgba(255, 255, 255, 0.1);
              padding: 0.4166666667rem 0; }
              header[role="banner"] nav .nav-primary ul a:hover {
                color: #fff;
                background: none; }
          header[role="banner"] nav .nav-primary .three-columns ul {
            min-width: 37.5rem;
            padding-left: 1.4583333333rem;
            padding-right: 1.4583333333rem; }
            header[role="banner"] nav .nav-primary .three-columns ul li {
              float: left;
              width: 50%;
              padding: 0 0.4166666667rem; }
              header[role="banner"] nav .nav-primary .three-columns ul li:nth-child(2n+1) {
                clear: both; }
              header[role="banner"] nav .nav-primary .three-columns ul li:nth-child(-n+2) a {
                border-top: 0; }
          header[role="banner"] nav .nav-primary .four-columns ul {
            min-width: 62.5rem;
            padding-left: 1.4583333333rem;
            padding-right: 1.4583333333rem; }
            header[role="banner"] nav .nav-primary .four-columns ul li {
              float: left;
              width: 20%;
              padding: 0 0.4166666667rem; }
              header[role="banner"] nav .nav-primary .four-columns ul li:nth-child(5n+1) {
                clear: both; }
              header[role="banner"] nav .nav-primary .four-columns ul li:nth-child(-n+5) a {
                border-top: 0; }
        header[role="banner"] nav .nav-secondary, header[role="banner"] nav .nav-tertiary, header[role="banner"] nav .nav-language, header[role="banner"] nav .mlp-language-box {
          position: absolute;
          bottom: 100%;
          right: 33.33333333333333%;
          margin: 0;
          margin-bottom: 1.75rem;
          margin-right: -0.625rem;
          background: none; }
          header[role="banner"] nav .nav-secondary ul, header[role="banner"] nav .nav-tertiary ul, header[role="banner"] nav .nav-language ul, header[role="banner"] nav .mlp-language-box ul {
            margin: 0; }
          header[role="banner"] nav .nav-secondary li, header[role="banner"] nav .nav-tertiary li, header[role="banner"] nav .nav-language li, header[role="banner"] nav .mlp-language-box li {
            display: inline-block;
            margin: 0 -0.125rem;
            font-size: 12px;
            font-size: 0.75rem; }
            header[role="banner"] nav .nav-secondary li:before, header[role="banner"] nav .nav-tertiary li:before, header[role="banner"] nav .nav-language li:before, header[role="banner"] nav .mlp-language-box li:before {
              content: "";
              border-left: 1px solid #c4c4c4; }
            header[role="banner"] nav .nav-secondary li:first-child:before, header[role="banner"] nav .nav-tertiary li:first-child:before, header[role="banner"] nav .nav-language li:first-child:before, header[role="banner"] nav .mlp-language-box li:first-child:before {
              display: none; }
          header[role="banner"] nav .nav-secondary a, header[role="banner"] nav .nav-tertiary a, header[role="banner"] nav .nav-language a, header[role="banner"] nav .mlp-language-box a {
            border: none;
            color: #cd352f;
            display: inline-block;
            padding: 0.3125rem 0.625rem;
            font-weight: 700;
            transition: all 0.2s ease-in-out; }
            header[role="banner"] nav .nav-secondary a:hover, header[role="banner"] nav .nav-tertiary a:hover, header[role="banner"] nav .nav-language a:hover, header[role="banner"] nav .mlp-language-box a:hover {
              color: #333; }
        header[role="banner"] nav .nav-tertiary {
          width: 100%;
          padding: 0 33.33333333333333%;
          left: 0;
          margin-bottom: 7.5rem;
          background: #333;
          text-align: center; }
          header[role="banner"] nav .nav-tertiary li:before {
            border-color: #555; }
          header[role="banner"] nav .nav-tertiary a {
            color: #d9d9d9; }
            header[role="banner"] nav .nav-tertiary a:hover {
              color: #fff; }
        header[role="banner"] nav .nav-language, header[role="banner"] nav .mlp-language-box {
          margin-bottom: 3.75rem; }
          header[role="banner"] nav .nav-language ul, header[role="banner"] nav .mlp-language-box ul {
            background: none; }
          header[role="banner"] nav .nav-language li.is-selected, header[role="banner"] nav .mlp-language-box li.is-selected {
            display: none; }
            header[role="banner"] nav .nav-language li.is-selected + li, header[role="banner"] nav .mlp-language-box li.is-selected + li {
              border-left: 0; }
          header[role="banner"] nav .nav-language [hreflang]:before, header[role="banner"] nav .mlp-language-box [hreflang]:before {
            content: "";
            width: 1.25rem;
            height: 1.25rem;
            background-image: url("../../../assets/images/lang.png");
            background-repeat: no-repeat;
            float: left;
            margin-right: 0.3125rem; }
          header[role="banner"] nav .nav-language [hreflang="it-IT"]:before, header[role="banner"] nav .mlp-language-box [hreflang="it-IT"]:before {
            background-position: 0 0; }
          header[role="banner"] nav .nav-language [hreflang="en-GB"]:before, header[role="banner"] nav .mlp-language-box [hreflang="en-GB"]:before {
            background-position: 0 -1.25rem; } }
    @media screen and (min-width: 81.25rem) {
      header[role="banner"] nav .nav-primary a {
        font-size: 20px;
        font-size: 1.25rem;
        padding: 0.8125rem 1.25rem; }
      header[role="banner"] nav .nav-secondary {
        margin-bottom: 2.375rem; }
      header[role="banner"] nav .nav-tertiary {
        margin-bottom: 8.75rem; }
      header[role="banner"] nav .nav-language, header[role="banner"] nav .mlp-language-box {
        margin-bottom: 4.375rem; } }

footer[role="contentinfo"] p, footer[role="contentinfo"] li {
  font-size: 14px;
  font-size: 0.875rem; }

footer[role="contentinfo"] a {
  border-bottom: 1px solid #ddd; }
  footer[role="contentinfo"] a:hover {
    border-bottom: 1px solid #aaaaaa;
    color: #111 !important; }

footer[role="contentinfo"] .additional-information {
  clear: both; }
  footer[role="contentinfo"] .additional-information:before {
    content: "";
    display: block;
    border: none;
    border-top: 1px solid rgba(17, 17, 17, 0.2);
    width: 100%;
    margin: 0; }
  footer[role="contentinfo"] .additional-information:before {
    margin: 1.25rem 0; }
  footer[role="contentinfo"] .additional-information h2 {
    font-size: 20px;
    font-size: 1.25rem;
    color: #333; }
  @media screen and (min-width: 64rem) {
    footer[role="contentinfo"] .additional-information {
      float: left;
      display: block;
      margin-right: 1.5595117805%;
      width: 32.293658813%;
      clear: none; }
      footer[role="contentinfo"] .additional-information:last-child {
        margin-right: 0; }
      footer[role="contentinfo"] .additional-information:before {
        display: none; }
      footer[role="contentinfo"] .additional-information h2 {
        margin-top: 0; } }

footer[role="contentinfo"] .group {
  *zoom: 1; }
  footer[role="contentinfo"] .group:before, footer[role="contentinfo"] .group:after {
    content: '';
    display: table; }
  footer[role="contentinfo"] .group:after {
    clear: both; }

footer[role="contentinfo"] .group + .group {
  *zoom: 1;
  clear: both; }
  footer[role="contentinfo"] .group + .group:before, footer[role="contentinfo"] .group + .group:after {
    content: '';
    display: table; }
  footer[role="contentinfo"] .group + .group:after {
    clear: both; }
  footer[role="contentinfo"] .group + .group:before {
    content: "";
    display: block;
    border: none;
    border-top: 1px solid rgba(17, 17, 17, 0.2);
    width: 100%;
    margin: 0; }
  footer[role="contentinfo"] .group + .group:before {
    margin: 1.25rem 0; }
  @media screen and (min-width: 48rem) {
    footer[role="contentinfo"] .group + .group {
      margin-top: 1.25rem; }
      footer[role="contentinfo"] .group + .group nav {
        float: right; }
        footer[role="contentinfo"] .group + .group nav li:last-child {
          margin-right: 0; }
      footer[role="contentinfo"] .group + .group .copyright {
        float: left;
        margin: 0; } }

footer[role="contentinfo"] nav ul {
  list-style: none;
  margin: 0;
  padding: 0; }

@media screen and (min-width: 64rem) {
  footer[role="contentinfo"] nav#foot-nav-primary {
    float: left;
    display: block;
    margin-right: 1.5595117805%;
    width: 66.1468294065%;
    position: relative; }
    footer[role="contentinfo"] nav#foot-nav-primary:last-child {
      margin-right: 0; }
    footer[role="contentinfo"] nav#foot-nav-primary:before {
      position: absolute;
      top: 0;
      right: 0;
      height: 100%;
      width: 0.0625rem; } }

footer[role="contentinfo"] .nav-primary > li {
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.7;
  font-family: "Roboto Condensed", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  margin-bottom: 0.625rem;
  color: #333; }

footer[role="contentinfo"] .nav-primary li li {
  font-family: "Roboto", "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif; }
  footer[role="contentinfo"] .nav-primary li li a {
    color: #555; }

@media screen and (min-width: 48rem) {
  footer[role="contentinfo"] .nav-primary > li {
    float: left;
    display: block;
    margin-right: 1.5595117805%;
    width: 32.293658813%; }
    footer[role="contentinfo"] .nav-primary > li:last-child {
      margin-right: 0; } }

footer[role="contentinfo"] .nav-secondary ul {
  display: none; }

footer[role="contentinfo"] .nav-secondary li {
  display: inline-block;
  margin-right: 0.625rem; }

footer[role="contentinfo"] .social {
  list-style: none;
  margin: 0;
  padding: 0;
  *zoom: 1;
  margin: 1.25rem 0; }
  footer[role="contentinfo"] .social:before, footer[role="contentinfo"] .social:after {
    content: '';
    display: table; }
  footer[role="contentinfo"] .social:after {
    clear: both; }
  footer[role="contentinfo"] .social li {
    display: inline; }
    footer[role="contentinfo"] .social li.facebook a {
      color: #3b5998; }
    footer[role="contentinfo"] .social li.twitter a {
      color: #55acee; }
    footer[role="contentinfo"] .social li.youtube a {
      color: #cd201f; }
    footer[role="contentinfo"] .social li.instagram a {
      color: #405de6; }
  footer[role="contentinfo"] .social a {
    float: left;
    display: block;
    margin-right: 0.3125rem;
    background: #fff;
    text-indent: -999em;
    font-size: 0;
    transition: all 0.2s ease-in-out;
    border: 0; }
    footer[role="contentinfo"] .social a:before {
      text-indent: 0;
      display: block; }
    footer[role="contentinfo"] .social a:before {
      font-size: 28px;
      font-size: 1.75rem; }
    footer[role="contentinfo"] .social a:hover {
      color: #333 !important; }
  @media screen and (min-width: 64rem) {
    footer[role="contentinfo"] .social li a:before {
      font-size: 32px;
      font-size: 2rem; } }