﻿@charset "UTF-8";
/**
 *
 * Tonbridge School - default_17
 * @link http://tonbridgeschoolcouk.finalsite.com
 * Site Template : newclientcustom
 * Built By: Iain Harley
 * Project Manager: Rosie Paxton
 * Designer: Ashley Stevens
 * ==== Git Info ====
 * Branch Name: clients/tonbridgeschoolcouk
 * Build version: 3.2.6
 * Git Tag: v3.0-260-gabaed6890a
 * Last build by: Pranali-Rakesh's MAC
 *
 **/

@charset "UTF-8";
/*! helpers - functions v0.0.1 */
/*! helpers - utility v0.0.1 */
.compartment {
  position: relative;
  margin: 0 auto;
  max-width: 65.55556em;
  max-width: 73.75rem;
}

@media (min-width: 600px) {
  .col-4 {
    width: 50%;
    float: left;
  }
}

@media (min-width: 900px) {
  .col-4 {
    width: 25%;
  }
}

/*! helpers - box-model v0.0.1 */
.margin-x {
  margin-right: 1.11111em;
  margin-left: 1.11111em;
}

.margin-x-2x {
  margin-right: 2.22222em;
  margin-left: 2.22222em;
}

.margin-y {
  margin-top: 1.11111em;
  margin-bottom: 1.11111em;
}

.margin-y-2x {
  margin-top: 2.22222em;
  margin-bottom: 2.22222em;
}

.padding-x {
  padding-right: 1.11111em;
  padding-left: 1.11111em;
}

.padding-x-2x {
  padding-right: 2.22222em;
  padding-left: 2.22222em;
}

.padding-y {
  padding-top: 1.11111em;
  padding-bottom: 1.11111em;
}

.padding-y-2x {
  padding-top: 2.22222em;
  padding-bottom: 2.22222em;
}

.stretch-container {
  margin-right: -1.11111em;
  margin-left: -1.11111em;
}

/*! helpers - presentational v0.0.1 */
/*! helpers - ui-pattern v0.0.1 */
/*
Example sites:
http://coderepo.demo.finalsite.com/stuff-by-al/dropdown-mixin
http://codepen.io/foxareld/pen/BNpWJm

Ex 1:
    <div class='parent'>
      <span class='sibling'>Dropdown</span>
      <ul class='dropdown'>
        <li>Link</li>
        <li>Link</li>
        <li>Link</li>
      </ul>
    </div>

Use:
    .parent {
        @include drop(".dropdown"); //this makes .dropdown drop on hover of .parent
    }

    //this makes .dropdown drop when .parent has class .drop-class, it was also have a transition
    .parent {
        @include drop(".dropdown", true, ".drop-class");
    }

    //this makes .dropdown drop when .sibling has class .drop-class, it will not have a transition
    .sibling {
        @include drop("+ .dropdown", false, ".drop-class");
    }

*/
body:not(.fsComposeMode) .gallery-link,
.banner-image,
body:not(.fsComposeMode) .universal-slideshow .slick-slide,
body:not(.fsComposeMode) .resources-slideshow .slick-slide,
body:not(.fsComposeMode) .universal-slideshow article,
body:not(.fsComposeMode) .resources-slideshow article,
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsThumbnail,
body:not(.fsComposeMode).home .tonbridge-people article .fsThumbnail,
body:not(.fsComposeMode) .tonbridge-difference,
body:not(.fsComposeMode).theatre-home .gallery-link.video,
body:not(.fsComposeMode).events-home .gallery-link.video,
body:not(.fsComposeMode).sport-centre-home .gallery-link.video,
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsThumbnail,
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsThumbnail,
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsThumbnail {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

.large-red:after,
.fs_style_27:after,
.large-blue:after,
.fs_style_28:after,
.large-blue-solid:after,
.fs_style_34:after,
.large-white:after,
.fs_style_29:after,
.large-gold:after,
.fs_style_33:after,
body:not(.fsComposeMode) .callout.twitter a:after,
body:not(.fsComposeMode) .callout.facebook a:after,
body:not(.fsComposeMode) .callout .fsElementContent:after,
body:not(.fsComposeMode) .callout.red:after,
body:not(.fsComposeMode) .callout.blue:after,
body:not(.fsComposeMode) .callout.white:after,
body:not(.fsComposeMode) .callout.gold:after,
body:not(.fsComposeMode) .callout.solid-blue:after,
body:not(.fsComposeMode) .gallery-link:after,
body:not(.fsComposeMode) .gallery-link a:after,
.banner-image:before,
body:not(.fsComposeMode) .universal-slideshow article:before,
body:not(.fsComposeMode) .resources-slideshow article:before,
.nav-sub:after,
.nav-sub h2.fsElementTitle:before,
.drawer-trigger,
#fsMenu:before,
.grid .fsCalendar.fsSingleItem:after,
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input:before,
body:not(.fsComposeMode).home .tonbridge-people .slick-list:after,
body:not(.fsComposeMode).home .tonbridge-people article .fsSummary,
body:not(.fsComposeMode).home .tonbridge-people article .fsSummary:after,
body:not(.fsComposeMode) .tonbridge-difference .fsElementFooterContent img,
body:not(.fsComposeMode) .tonbridge-difference .fsElementFooterContent:before,
body:not(.fsComposeMode).theatre-home .gallery-link.video a.fs_style_36,
body:not(.fsComposeMode).events-home .gallery-link.video a.fs_style_36,
body:not(.fsComposeMode).sport-centre-home .gallery-link.video a.fs_style_36,
body:not(.fsComposeMode).theatre-home .gallery-link.video #video-list a,
body:not(.fsComposeMode).events-home .gallery-link.video #video-list a,
body:not(.fsComposeMode).sport-centre-home .gallery-link.video #video-list a,
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-list:after,
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsSummary,
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsSummary:after,
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-list:after,
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsSummary,
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsSummary:after,
body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-list:after,
body:not(.fsComposeMode).sport-centre-home .tonbridge-people article .fsSummary,
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsSummary:after,
body:not(.fsComposeMode).sport-centre-home .logos .fsElementContent a:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}

/*! helpers - typography v0.0.1 */
@font-face {
  font-family: "IcoMoon";
  src: url("../fonts/icomoon.eot");
  src: url("../fonts/icomoon.eot?#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.woff2") format("woff2"),
    url("../fonts/icomoon.woff") format("woff"),
    url("../fonts/icomoon.ttf") format("truetype"),
    url("../fonts/icomoon.svg#IcoMoon") format("svg");
  font-weight: 400;
  font-style: normal;
}

.fsTitle,
.fsAthleticsRosterList li > div.fsRosterName,
.fsFacebookFrom,
.fsVimeoTitle,
.fsYoutubeTitle {
  margin: 0;
  font-weight: bold;
  font-size: 1.1em;
}

h1 {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 44px;
  line-height: 38px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-top: 10px;
  margin-bottom: 16px;
}

h2 {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 34px;
  line-height: 34px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 16px;
}

/* h3 {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 26px;
  line-height: 30px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 10px;
} */

h4 {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 13px;
  line-height: 26px;
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
}
/*
h5 {
  margin-top: 0;
  font-weight: normal;
  color: #333E48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px; }*/

h6 {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 16px;
  line-height: 18px;
  margin-bottom: 10px;
}

.fsPageTitle {
  margin: 20px auto 40px;
}
body.fsHasOneColumnLayout .fsPageTitle {
  max-width: 925px;
  width: 100%;
}

p {
  margin: 0 0 20px;
}

hr {
  margin: 0 auto 20px;
}

a {
  text-decoration: none;
  color: #dc2f34;
  font-weight: 300;
  transition: background 0.3s, color 0.3s;
}
a:visited {
  color: #b63c29;
}
a:hover,
a:focus {
  color: #747266;
}
a:hover,
a:focus {
  text-decoration: underline;
}

ul,
ol {
  margin: 20px 0;
  padding-left: 0;
  font-size: 16px;
}

div:not(.fsCalendar)
  body:not(.home):not(.fsComposeMode)
  #fsPageBody
  ul:not(.fsTabsNav):not(.slick-dots):not(.fsPager):not(.fsTags):not(.fsVimeoList)
  > li {
  list-style: none;
  padding-left: 30px;
  position: relative;
}
div:not(.fsCalendar)
  body:not(.home):not(.fsComposeMode)
  #fsPageBody
  ul:not(.fsTabsNav):not(.slick-dots):not(.fsPager):not(.fsTags):not(.fsVimeoList)
  > li:before {
  content: "•";
  position: absolute;
  left: 0;
  top: 0;
  color: #dc2f34;
  font-size: 20px;
}

body:not(.home):not(.fsComposeMode) ol li {
  counter-increment: li;
  list-style: none;
  border-bottom: solid 1px #e8e8e8;
  padding: 3px 0;
}
body:not(.home):not(.fsComposeMode) ol li:last-child {
  border-bottom: 0;
}
body:not(.home):not(.fsComposeMode) ol li:before {
  content: counter(li) ".";
  color: #dc2f34;
  font-weight: 500;
  font-size: 13px;
  display: inline-block;
  margin-right: 20px;
}

.fsAthleticsEvent.fsTable .fsElementTable,
.fsAthleticsRoster .fsElementTable,
table.styled,
#fsPageBodyWrapper .fs_style_31 {
  margin-bottom: 20px;
  width: 100%;
  overflow-x: auto;
  display: block;
  font-size: 16px;
}
.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td,
table.styled td,
#fsPageBodyWrapper .fs_style_31 td {
  padding: 10px 20px;
  background-color: rgba(232, 232, 232, 0.4);
}
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
table.styled th,
#fsPageBodyWrapper .fs_style_31 th {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
}
.fsAthleticsEvent.fsTable .fsElementTable tr:nth-of-type(odd) td,
.fsAthleticsRoster .fsElementTable tr:nth-of-type(odd) td,
table.styled tr:nth-of-type(odd) td,
#fsPageBodyWrapper .fs_style_31 tr:nth-of-type(odd) td {
  background-color: rgba(212, 212, 212, 0.05);
}
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
.fsAthleticsEvent.fsTable .fsElementTable td,
.fsAthleticsRoster .fsElementTable td,
table.styled th,
table.styled td,
#fsPageBodyWrapper .fs_style_31 th,
#fsPageBodyWrapper .fs_style_31 td {
  vertical-align: top;
  border-bottom: none;
}
.fsAthleticsEvent.fsTable .fsElementTable th,
.fsAthleticsRoster .fsElementTable th,
table.styled th,
#fsPageBodyWrapper .fs_style_31 th {
  padding: 10px 20px;
  font-size: 12px;
  text-align: left;
  color: #fff;
  text-transform: uppercase;
  font-weight: 500;
}

#fsPageBodyWrapper table {
  margin-bottom: 20px;
  width: 100%;
  overflow-x: auto;
  display: table;
  font-size: 16px;
}

body:not(.home)
  .fsPageLayout
  > .fsDiv
  > section.fsElement:not(.callout):not(.alt-title)
  > header {
  padding: 5px 10px 5px 0px;
  border-top: solid 1px #e8e8e8;
  margin-bottom: 20px;
  text-align: left;
}
@media (min-width: 1024px) {
  body:not(.home)
    .fsPageLayout
    > .fsDiv
    > section.fsElement:not(.callout):not(.alt-title)
    > header {
    margin-bottom: 40px;
  }
}
body:not(.home)
  .fsPageLayout
  > .fsDiv
  > section.fsElement:not(.callout):not(.alt-title)
  > header
  > .fsElementHeaderContent {
  font-size: 17px;
  color: silver;
  font-style: italic;
  font-weight: 500;
}
body:not(.home)
  .fsPageLayout
  > .fsDiv
  > section.fsElement:not(.callout):not(.alt-title)
  > header
  > h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  margin-bottom: 0;
}
/*
img,
canvas,
video,
svg {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0;
  max-width: 100%; }
      */
/*! _main.scss - src/sass/modules/common/ - main common import */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
.fsElement {
  margin-bottom: 20px;
}
.fsElement:last-child {
  margin-bottom: 0;
}

.fsElementHeaderContent {
  margin-bottom: 20px;
}

.fsElementFooterContent {
  margin-top: 20px;
}

.fsPanel {
  margin-bottom: 0;
}

.fsDialogCloseButton {
  opacity: 1;
}
.fsDialogCloseButton:after,
.fsDialogCloseButton:before {
  background: #1c1c1c;
}
.fsDialogCloseButton:focus:after,
.fsDialogCloseButton:focus:before {
  background: #1c1c1c;
}
.fsDialogCloseButton:hover:after,
.fsDialogCloseButton:hover:before {
  background: black;
}

.fsElementDialog {
  color: #1c1c1c;
}

/*! elements - common - list subtype v0.0.1 */
/* Contains generic styles that apply to every element with the class '.fsList' and the list subtype selected */
.fsList article {
  margin-bottom: 20px;
}

/*! element - common - slideshow subtype v0.0.1 */
/* Contains generic styles that apply to every element slideshow subtype*/
.fsSlideshow.fsSlideshowVertical
  .fsElementSlideshow[data-slides-to-show="1"]
  article {
  padding-bottom: 0;
}

.fsSlideshow.fsSlideshowHorizontal .fsElementSlideshow[data-arrows*="true"] {
  padding-top: 0;
  padding-bottom: 0;
}

.fsSlideshow.fsSlideshowHorizontal article {
  padding-bottom: 0;
}

.fsSlideshow .fsNextButton,
.fsSlideshow .fsPrevButton {
  overflow: hidden;
}
.fsSlideshow .fsNextButton:before,
.fsSlideshow .fsPrevButton:before {
  color: #1c1c1c;
  font-size: 45px;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  width: auto;
  height: auto;
  position: absolute;
}
.fsSlideshow .fsNextButton.fsLeftArrow:before,
.fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
  position: absolute;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
}
.fsSlideshow .fsNextButton.fsLeftArrow:before,
.fsSlideshow .fsPrevButton.fsLeftArrow:before {
  left: 0;
}
.fsSlideshow .fsNextButton.fsRightArrow:before,
.fsSlideshow .fsPrevButton.fsRightArrow:before {
  right: 0;
}
.fsSlideshow .fsNextButton:hover:before,
.fsSlideshow .fsNextButton:focus:before,
.fsSlideshow .fsPrevButton:hover:before,
.fsSlideshow .fsPrevButton:focus:before {
  color: rgba(28, 28, 28, 0.5);
  transition: 0.3s;
}

.fsSlideshow .fsPager {
  margin-bottom: 0;
  margin-top: 20px;
}
.fsSlideshow .fsPager li {
  width: 12px;
  height: 12px;
  position: relative;
  vertical-align: middle;
}
.fsSlideshow .fsPager li button {
  width: 100%;
  height: 100%;
  padding: 0;
  color: #1c1c1c;
}
.fsSlideshow .fsPager li button:before {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: rgba(28, 28, 28, 0.25);
  transition: 0.3s;
  opacity: 1;
}
.fsSlideshow .fsPager li button:hover:before,
.fsSlideshow .fsPager li button:focus:before {
  background-color: #1c1c1c;
  transition: 0.3s;
}
.fsSlideshow .fsPager li button:focus {
  outline: 1px dashed rgba(28, 28, 28, 0.25);
}
.fsSlideshow .fsPager li.slick-active button:before {
  opacity: 1;
  background-color: #1c1c1c;
}

.small-red,
.fs_style_25 {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.small-red:hover,
.small-red:focus,
.small-red:visited,
.fsStateSelected .small-red,
.fs_style_25:hover,
.fs_style_25:focus,
.fs_style_25:visited,
.fsStateSelected .fs_style_25 {
  color: #fff;
  text-decoration: none;
}
.small-red em,
.fs_style_25 em {
  display: block;
  font-style: normal;
}
.small-red:hover,
.fs_style_25:hover {
  background: linear-gradient(45deg, #e1474b 50%, #e17a4b 100%);
}

.small-blue,
.fs_style_26 {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.small-blue:hover,
.small-blue:focus,
.small-blue:visited,
.fsStateSelected .small-blue,
.fs_style_26:hover,
.fs_style_26:focus,
.fs_style_26:visited,
.fsStateSelected .fs_style_26 {
  color: #fff;
  text-decoration: none;
}
.small-blue em,
.fs_style_26 em {
  display: block;
  font-style: normal;
}
.small-blue:hover,
.fs_style_26:hover {
  background: linear-gradient(150deg, #108ec0 50%, #10a8c5 100%);
}

.small-gold,
.fs_style_32 {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #bca970;
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.small-gold:hover,
.small-gold:focus,
.small-gold:visited,
.fsStateSelected .small-gold,
.fs_style_32:hover,
.fs_style_32:focus,
.fs_style_32:visited,
.fsStateSelected .fs_style_32 {
  color: #fff;
  text-decoration: none;
}
.small-gold em,
.fs_style_32 em {
  display: block;
  font-style: normal;
}
.small-gold:hover,
.fs_style_32:hover {
  background: #aa934f;
}

.small-blue-solid,
.fs_style_35 {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: #00809f;
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.small-blue-solid:hover,
.small-blue-solid:focus,
.small-blue-solid:visited,
.fsStateSelected .small-blue-solid,
.fs_style_35:hover,
.fs_style_35:focus,
.fs_style_35:visited,
.fsStateSelected .fs_style_35 {
  color: #fff;
  text-decoration: none;
}
.small-blue-solid em,
.fs_style_35 em {
  display: block;
  font-style: normal;
}
.small-blue-solid:hover,
.fs_style_35:hover {
  background: #00576c;
}

.large-red,
.fs_style_27 {
  border: 0;
  margin: 0 0 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  display: block;
  text-align: center;
  font-family: "Heuristica Regular", Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  padding: 40px !important;
  text-align: left;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease;
  position: relative;
}
.large-red:hover,
.large-red:focus,
.large-red:visited,
.fsStateSelected .large-red,
.fs_style_27:hover,
.fs_style_27:focus,
.fs_style_27:visited,
.fsStateSelected .fs_style_27 {
  color: #fff;
  text-decoration: none;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.large-red:after,
.fs_style_27:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: overlay;
}
.large-red em,
.fs_style_27 em {
  display: block;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  font-family: "Gill Sans W01", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-top: 30px;
  text-decoration: underline;
}
.large-red:after,
.fs_style_27:after {
  background-image: url("../images/large-red-button-bg.svg");
}
.large-red:hover,
.fs_style_27:hover {
  background: linear-gradient(45deg, #e1474b 50%, #e17a4b 100%);
}
.no-cssgrid .large-red:after,
.no-cssgrid .fs_style_27:after {
  background-size: 150px 200px;
}

.large-blue,
.fs_style_28 {
  border: 0;
  margin: 0 0 20px;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  color: #fff;
  border-radius: 0;
  display: block;
  text-align: center;
  font-family: "Heuristica Regular", Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  padding: 40px !important;
  text-align: left;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease;
  position: relative;
}
.large-blue:hover,
.large-blue:focus,
.large-blue:visited,
.fsStateSelected .large-blue,
.fs_style_28:hover,
.fs_style_28:focus,
.fs_style_28:visited,
.fsStateSelected .fs_style_28 {
  color: #fff;
  text-decoration: none;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.large-blue:after,
.fs_style_28:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: overlay;
}
.large-blue em,
.fs_style_28 em {
  display: block;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  font-family: "Gill Sans W01", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-top: 30px;
  text-decoration: underline;
}
.large-blue:after,
.fs_style_28:after {
  background-image: url("../images/large-blue-button-bg.svg");
}
.large-blue:hover,
.fs_style_28:hover {
  background: linear-gradient(150deg, #108ec0 50%, #10a8c5 100%);
}
.no-cssgrid .large-blue:after,
.no-cssgrid .fs_style_28:after {
  background-size: 220px 200px;
}

.large-blue-solid,
.fs_style_34 {
  border: 0;
  margin: 0 0 20px;
  background: #00809f;
  color: #fff;
  border-radius: 0;
  display: block;
  text-align: center;
  font-family: "Heuristica Regular", Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  padding: 40px !important;
  text-align: left;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease;
  position: relative;
}
.large-blue-solid:hover,
.large-blue-solid:focus,
.large-blue-solid:visited,
.fsStateSelected .large-blue-solid,
.fs_style_34:hover,
.fs_style_34:focus,
.fs_style_34:visited,
.fsStateSelected .fs_style_34 {
  color: #fff;
  text-decoration: none;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.large-blue-solid:after,
.fs_style_34:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: overlay;
}
.large-blue-solid em,
.fs_style_34 em {
  display: block;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  font-family: "Gill Sans W01", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-top: 30px;
  text-decoration: underline;
}
.large-blue-solid:after,
.fs_style_34:after {
  background-image: url("../images/large-blue-button-bg.svg");
}
.large-blue-solid:hover,
.fs_style_34:hover {
  background: #00576c;
}
.no-cssgrid .large-blue-solid:after,
.no-cssgrid .fs_style_34:after {
  background-size: 220px 200px;
}

.large-white,
.fs_style_29 {
  border: 0;
  margin: 0 0 20px;
  background: #fff;
  color: #fff;
  border-radius: 0;
  display: block;
  text-align: center;
  font-family: "Heuristica Regular", Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  padding: 40px !important;
  text-align: left;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease;
  position: relative;
  color: #333e48;
  background-color: #fff;
}
.large-white:hover,
.large-white:focus,
.large-white:visited,
.fsStateSelected .large-white,
.fs_style_29:hover,
.fs_style_29:focus,
.fs_style_29:visited,
.fsStateSelected .fs_style_29 {
  color: #fff;
  text-decoration: none;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.large-white:after,
.fs_style_29:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: overlay;
}
.large-white em,
.fs_style_29 em {
  display: block;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  font-family: "Gill Sans W01", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-top: 30px;
  text-decoration: underline;
}
.large-white:hover,
.fs_style_29:hover {
  color: #333e48;
  background-color: #e6e6e6;
}
.large-white:focus,
.fs_style_29:focus {
  color: #333e48;
  background-color: #fff;
}
.large-white:after,
.fs_style_29:after {
  background-image: url("../images/large-white-button-bg.svg");
  mix-blend-mode: multiply;
}
.no-cssgrid .large-white:after,
.no-cssgrid .fs_style_29:after {
  background-size: 220px 200px;
}
.large-white:visited,
.fsStateSelected .large-white,
.fs_style_29:visited,
.fsStateSelected .fs_style_29 {
  color: #1c1c1c;
}

.large-gold,
.fs_style_33 {
  border: 0;
  margin: 0 0 20px;
  background: #bca970;
  color: #fff;
  border-radius: 0;
  display: block;
  text-align: center;
  font-family: "Heuristica Regular", Georgia, serif;
  font-size: 34px;
  font-weight: 500;
  padding: 40px !important;
  text-align: left;
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  transition: all 0.5s ease;
  position: relative;
}
.large-gold:hover,
.large-gold:focus,
.large-gold:visited,
.fsStateSelected .large-gold,
.fs_style_33:hover,
.fs_style_33:focus,
.fs_style_33:visited,
.fsStateSelected .fs_style_33 {
  color: #fff;
  text-decoration: none;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.1);
}
.large-gold:after,
.fs_style_33:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: overlay;
}
.large-gold em,
.fs_style_33 em {
  display: block;
  font-style: normal;
  font-size: 11px;
  font-weight: 700;
  font-family: "Gill Sans W01", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  padding-top: 30px;
  text-decoration: underline;
}
.large-gold:after,
.fs_style_33:after {
  background-image: url("../images/large-blue-button-bg.svg");
}
.large-gold:hover,
.fs_style_33:hover {
  background: #aa934f;
}

.fsStyleDefaultButton {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.fsStyleDefaultButton:hover,
.fsStyleDefaultButton:focus,
.fsStyleDefaultButton:visited,
.fsStateSelected .fsStyleDefaultButton {
  color: #fff;
  text-decoration: none;
}
.fsStyleDefaultButton em {
  display: block;
  font-style: normal;
}
.fsStyleDefaultButton.fsLoadMoreButton {
  margin-bottom: 0;
}
.fsStyleDefaultButton.fsSelectAll {
  margin-bottom: 5px;
  padding: 7px 12px;
  font-size: 0.875em;
  line-height: 1.2;
}

.fsStyleUpdateButton {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.fsStyleUpdateButton:hover,
.fsStyleUpdateButton:focus,
.fsStyleUpdateButton:visited,
.fsStateSelected .fsStyleUpdateButton {
  color: #fff;
  text-decoration: none;
}
.fsStyleUpdateButton em {
  display: block;
  font-style: normal;
}

.lead-in,
.fs_style_24 {
  font-size: 24px;
  letter-spacing: 0.02em;
}

blockquote {
  position: relative;
  margin: 20px 0;
  font-size: 24px;
  line-height: 1.5em;
  font-style: italic;
  padding: 20px;
}
@media (min-width: 641px) {
  blockquote {
    padding: 20px 40px;
  }
}
blockquote:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #dc2f34;
  font-size: 26px;
  margin-right: 10px;
  display: inline-block;
  font-style: normal;
}

cite,
.fs_style_30 {
  display: block;
  margin: 0 0 20px;
  font-style: italic;
  font-weight: 500;
  color: rgba(51, 62, 72, 0.5);
  font-size: 17px;
}
cite:before,
.fs_style_30:before {
  content: "- ";
}

body:not(.fsComposeMode) .callout.twitter,
body:not(.fsComposeMode) .callout.facebook {
  transition: all 0.3s;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode) .callout.twitter,
  body:not(.fsComposeMode) .callout.facebook {
    font-size: 22px;
  }
}
body:not(.fsComposeMode) .callout.twitter:hover:after,
body:not(.fsComposeMode) .callout.facebook:hover:after {
  opacity: 0.3;
}
body:not(.fsComposeMode) .callout.twitter:before,
body:not(.fsComposeMode) .callout.facebook:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 14px;
}
body:not(.fsComposeMode) .callout.twitter a,
body:not(.fsComposeMode) .callout.facebook a {
  pointer-events: none;
}
body:not(.fsComposeMode) .callout.twitter a:after,
body:not(.fsComposeMode) .callout.facebook a:after {
  display: block;
  pointer-events: all;
  cursor: pointer;
  content: "";
}
body:not(.fsComposeMode) .callout.twitter .slick-slider,
body:not(.fsComposeMode) .callout.facebook .slick-slider {
  position: static;
  z-index: 10;
}
body:not(.fsComposeMode) .callout.twitter .slick-dots,
body:not(.fsComposeMode) .callout.facebook .slick-dots {
  position: absolute;
  right: 20px;
  list-style: none;
  bottom: 20px;
  z-index: 10;
}
body:not(.fsComposeMode) .callout.twitter .slick-dots,
body:not(.fsComposeMode) .callout.twitter .slick-dots ul,
body:not(.fsComposeMode) .callout.facebook .slick-dots,
body:not(.fsComposeMode) .callout.facebook .slick-dots ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.fsComposeMode) .callout.twitter .slick-dots li,
body:not(.fsComposeMode) .callout.facebook .slick-dots li {
  margin: 0;
  padding: 0;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode) .callout.twitter .slick-dots,
  body:not(.fsComposeMode) .callout.facebook .slick-dots {
    bottom: 40px;
  }
}
body:not(.fsComposeMode) .callout.twitter .slick-dots li,
body:not(.fsComposeMode) .callout.facebook .slick-dots li {
  list-style: none;
  display: inline-block;
  line-height: 0.75em;
}
body:not(.fsComposeMode) .callout.twitter .slick-dots li.slick-active,
body:not(.fsComposeMode) .callout.facebook .slick-dots li.slick-active {
  opacity: 0.4;
}
body:not(.fsComposeMode) .callout.twitter .slick-dots li:before,
body:not(.fsComposeMode) .callout.facebook .slick-dots li:before {
  display: none;
}
body:not(.fsComposeMode) .callout.twitter .slick-dots li button,
body:not(.fsComposeMode) .callout.facebook .slick-dots li button {
  border: 0;
  background: none;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 15px;
  background-color: #fff;
}

body:not(.fsComposeMode) .callout.facebook:before {
  content: "";
}

body:not(.fsComposeMode) .callout {
  overflow: hidden;
}
body:not(.fsComposeMode) .callout .fsElementHeaderContent {
  margin-bottom: 0;
  max-height: 600px;
}
body:not(.fsComposeMode) .callout .fsElementHeaderContent img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
body:not(.fsComposeMode) .callout .fsElementContent {
  padding: 20px;
  background: #e8e8e8;
  color: #1c1c1c;
  position: relative;
}
body:not(.fsComposeMode) .callout .fsElementContent:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: multiply;
  opacity: 0.5;
  background-image: url("../images/large-image-callout-bg.svg");
}
body:not(.fsComposeMode) .callout .fsElementContent p:last-child {
  margin-bottom: 0;
}
body:not(.fsComposeMode) .callout h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  margin-bottom: 0;
  color: #333e48;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode) .callout.half {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (min-width: 641px) {
  body:not(.fsComposeMode) .callout.half header,
  body:not(.fsComposeMode) .callout.half .fsElementContent {
    width: 50%;
  }
}
body:not(.fsComposeMode) .callout.half header .fsElementHeaderContent,
body:not(.fsComposeMode) .callout.half header div,
body:not(.fsComposeMode) .callout.half header .fsImage,
body:not(.fsComposeMode) .callout.half header picture,
body:not(.fsComposeMode) .callout.half header img {
  height: 100%;
}
body:not(.fsComposeMode) .callout.half header img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}
body:not(.fsComposeMode) .callout.half .fsElementContent {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
body:not(.fsComposeMode) .callout.half .fsElementContent:after {
  background-image: url("../images/half-image-callout-bg.svg");
  background-size: 200px auto;
  background-position: right bottom;
}
body:not(.fsComposeMode) .callout.red,
body:not(.fsComposeMode) .callout.blue,
body:not(.fsComposeMode) .callout.white,
body:not(.fsComposeMode) .callout.gold,
body:not(.fsComposeMode) .callout.solid-blue {
  position: relative;
  padding: 40px;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode) .callout.red,
  body:not(.fsComposeMode) .callout.blue,
  body:not(.fsComposeMode) .callout.white,
  body:not(.fsComposeMode) .callout.gold,
  body:not(.fsComposeMode) .callout.solid-blue {
    padding: 50px;
  }
}
body:not(.fsComposeMode) .callout.red:after,
body:not(.fsComposeMode) .callout.blue:after,
body:not(.fsComposeMode) .callout.white:after,
body:not(.fsComposeMode) .callout.gold:after,
body:not(.fsComposeMode) .callout.solid-blue:after {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: right top;
  mix-blend-mode: multiply;
  opacity: 0.5;
  background-image: url("../images/large-image-callout-bg.svg");
}
body:not(.fsComposeMode) .callout.red h2.fsElementTitle,
body:not(.fsComposeMode) .callout.blue h2.fsElementTitle,
body:not(.fsComposeMode) .callout.white h2.fsElementTitle,
body:not(.fsComposeMode) .callout.gold h2.fsElementTitle,
body:not(.fsComposeMode) .callout.solid-blue h2.fsElementTitle {
  font-family: "Heuristica Regular", Georgia, serif;
  font-size: 34px;
  letter-spacing: normal;
  line-height: 1.5em;
  text-transform: none;
  font-weight: 300;
  margin-bottom: 20px;
}
body:not(.fsComposeMode) .callout.red a,
body:not(.fsComposeMode) .callout.blue a,
body:not(.fsComposeMode) .callout.white a,
body:not(.fsComposeMode) .callout.gold a,
body:not(.fsComposeMode) .callout.solid-blue a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  font-size: 11px;
}
body:not(.fsComposeMode) .callout.red .fsElementContent,
body:not(.fsComposeMode) .callout.blue .fsElementContent,
body:not(.fsComposeMode) .callout.white .fsElementContent,
body:not(.fsComposeMode) .callout.gold .fsElementContent,
body:not(.fsComposeMode) .callout.solid-blue .fsElementContent {
  height: auto;
  padding: 0;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode) .callout.red .fsElementContent,
  body:not(.fsComposeMode) .callout.blue .fsElementContent,
  body:not(.fsComposeMode) .callout.white .fsElementContent,
  body:not(.fsComposeMode) .callout.gold .fsElementContent,
  body:not(.fsComposeMode) .callout.solid-blue .fsElementContent {
    min-height: 250px;
  }
}
body:not(.fsComposeMode) .callout.red .fsElementContent:after,
body:not(.fsComposeMode) .callout.blue .fsElementContent:after,
body:not(.fsComposeMode) .callout.white .fsElementContent:after,
body:not(.fsComposeMode) .callout.gold .fsElementContent:after,
body:not(.fsComposeMode) .callout.solid-blue .fsElementContent:after {
  display: none;
}
body:not(.fsComposeMode) .callout.red .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.blue .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.white .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.gold .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.solid-blue .fsElementFooterContent a {
  text-decoration: underline;
}
body:not(.fsComposeMode) .callout.red .fsElementFooterContent a:hover,
body:not(.fsComposeMode) .callout.blue .fsElementFooterContent a:hover,
body:not(.fsComposeMode) .callout.white .fsElementFooterContent a:hover,
body:not(.fsComposeMode) .callout.gold .fsElementFooterContent a:hover,
body:not(.fsComposeMode) .callout.solid-blue .fsElementFooterContent a:hover {
  text-decoration: none;
}
body:not(.fsComposeMode) .callout.red .fsElementContent,
body:not(.fsComposeMode) .callout.blue .fsElementContent,
body:not(.fsComposeMode) .callout.gold .fsElementContent,
body:not(.fsComposeMode) .callout.solid-blue .fsElementContent {
  background: transparent;
  color: #fff;
}
body:not(.fsComposeMode) .callout.red .fsElementContent h2,
body:not(.fsComposeMode) .callout.red .fsElementContent a,
body:not(.fsComposeMode) .callout.red .fsElementContent p,
body:not(.fsComposeMode) .callout.blue .fsElementContent h2,
body:not(.fsComposeMode) .callout.blue .fsElementContent a,
body:not(.fsComposeMode) .callout.blue .fsElementContent p,
body:not(.fsComposeMode) .callout.gold .fsElementContent h2,
body:not(.fsComposeMode) .callout.gold .fsElementContent a,
body:not(.fsComposeMode) .callout.gold .fsElementContent p,
body:not(.fsComposeMode) .callout.solid-blue .fsElementContent h2,
body:not(.fsComposeMode) .callout.solid-blue .fsElementContent a,
body:not(.fsComposeMode) .callout.solid-blue .fsElementContent p {
  color: #fff;
}
body:not(.fsComposeMode) .callout.red .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.blue .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.gold .fsElementFooterContent a,
body:not(.fsComposeMode) .callout.solid-blue .fsElementFooterContent a {
  color: #fff;
}
body:not(.fsComposeMode) .callout.red {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
}
body:not(.fsComposeMode) .callout.red:hover {
  background: linear-gradient(45deg, #e1474b 50%, #e17a4b 100%);
}
body:not(.fsComposeMode) .callout.red:after {
  background-image: url("../images/large-red-callout-bg.svg");
  background-position: right top;
  background-size: 180px auto;
  opacity: 0.8;
  mix-blend-mode: overlay;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body:not(.fsComposeMode) .callout.red:after {
    background-position: 140% top;
    background-size: 250px auto;
  }
}
body:not(.fsComposeMode) .callout.blue {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}
body:not(.fsComposeMode) .callout.blue:hover {
  background: linear-gradient(150deg, #108ec0 50%, #10a8c5 100%);
}
body:not(.fsComposeMode) .callout.blue:after {
  background-image: url("../images/large-blue-callout-bg.svg");
  background-position: right bottom;
  background-size: 200px auto;
  opacity: 0.8;
  mix-blend-mode: overlay;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body:not(.fsComposeMode) .callout.blue:after {
    background-position: 140% bottom;
    background-size: 250px auto;
  }
}
body:not(.fsComposeMode) .callout.gold {
  background: #bca970;
}
body:not(.fsComposeMode) .callout.gold:hover {
  background: #aa934f;
}
body:not(.fsComposeMode) .callout.gold:after {
  background-image: url("../images/large-blue-callout-bg.svg");
  background-position: right bottom;
  background-size: 200px auto;
  opacity: 0.8;
  mix-blend-mode: overlay;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  body:not(.fsComposeMode) .callout.gold:after {
    background-position: 140% bottom;
    background-size: 250px auto;
  }
}
body:not(.fsComposeMode) .callout.solid-blue {
  background: #00809f;
}
body:not(.fsComposeMode) .callout.solid-blue:hover {
  background: #00576c;
}
body:not(.fsComposeMode) .callout.solid-blue:after {
  background-image: url("../images/large-blue-callout-bg.svg");
  background-position: right bottom;
  background-size: 200px auto;
  opacity: 0.8;
  mix-blend-mode: overlay;
}
body:not(.fsComposeMode) .callout.white {
  background: #fff;
}
body:not(.fsComposeMode) .callout.white:after {
  background-image: url("../images/large-white-callout-bg.svg");
  background-position: right bottom;
  background-size: 160px auto;
  opacity: 1;
}
body:not(.fsComposeMode) .callout.white .fsElementContent {
  background: transparent;
  color: #1c1c1c;
}
body:not(.fsComposeMode) .callout.white .fsElementContent h2,
body:not(.fsComposeMode) .callout.white .fsElementContent a,
body:not(.fsComposeMode) .callout.white .fsElementContent p {
  color: #1c1c1c;
}
body:not(.fsComposeMode) .callout.left {
  float: left;
  margin-left: 20px;
}
@media (min-width: 500px) {
  body:not(.fsComposeMode) .callout.left {
    width: 50%;
  }
}
body:not(.fsComposeMode) .callout.right {
  float: right;
  margin-right: 20px;
}
@media (min-width: 500px) {
  body:not(.fsComposeMode) .callout.right {
    width: 50%;
  }
}

.alt-title header {
  text-align: center;
  width: 75%;
  max-width: 950px;
  border-bottom: solid 1px rgba(51, 62, 72, 0.25);
  position: relative;
  transition: all 0.5s ease;
  padding-top: 40px;
  margin: 0 auto 60px;
}
@media (min-width: 641px) {
  .alt-title header {
    padding-top: 60px;
    margin: 0 auto 80px;
  }
}
.alt-title header h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.225em;
  position: relative;
  color: #333e48;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 0;
}
.alt-title header h2.fsElementTitle:after {
  background-color: #0075b4;
  height: 3px;
  width: 100%;
  transition: all 0.6s ease 0.2s;
  bottom: -2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

body:not(.home) #map-inner {
  min-height: 400px;
}

body:not(.home) .get-in-touch.grid > .fsElementContent .fsElement.button {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

.get-in-touch.grid {
  background-color: #e9e9e9;
  margin-bottom: 0;
  padding-bottom: 100px;
  margin-top: 0;
}
body:not(.home) .get-in-touch.grid > .fsElementContent {
  width: 100%;
}
body:not(.home) .get-in-touch.grid .map {
  opacity: 1;
}
body:not(.home) .get-in-touch.grid .fsElementContent [class*="fs_style_"] {
  min-height: 228px;
}
.get-in-touch.grid .fsElementFooterContent {
  margin-top: 20px;
}
@media (min-width: 1281px) {
  .get-in-touch.grid .fsElementFooterContent {
    margin-top: 40px;
  }
}
.get-in-touch.grid > .fsElementContent {
  grid-row-gap: 20px;
}
body:not(.fsComposeMode)
  #fsPageContent
  .get-in-touch.grid
  > .fsElementContent
  .fsElement {
  height: auto;
  margin-bottom: 20px;
  min-height: 200px;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .get-in-touch.grid
    > .fsElementContent
    .fsElement {
    margin-bottom: 0;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .get-in-touch.grid
  > .fsElementContent
  .fsElement
  p {
  margin: 0;
}
.get-in-touch.grid > .fsElementContent [class*="fs_style_"] {
  margin-bottom: 0;
  min-height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.get-in-touch.grid > .fsElementContent .fsElement.button {
  min-height: 200px;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}
.get-in-touch.grid .map {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  background-color: #fff;
  color: #333e48;
  font-size: 14px;
}
@media (min-width: 961px) {
  .get-in-touch.grid .map {
    font-size: 16px;
  }
}
@media (min-width: 641px) {
  .get-in-touch.grid .map {
    grid-column: span 2;
    grid-row: span 2;
    grid-row-start: 1;
    grid-row-end: 3;
  }
}
.get-in-touch.grid .map .fsElementContent,
.get-in-touch.grid .map header {
  padding: 0 30px;
}
@media (min-width: 641px) {
  .get-in-touch.grid .map .fsElementContent,
  .get-in-touch.grid .map header {
    padding-right: 30px;
  }
}
.get-in-touch.grid .map .fsElementContent strong {
  font-weight: 300;
  word-break: break-all;
  display: block;
}
@media (min-width: 641px) {
  .get-in-touch.grid .map .fsElementContent strong {
    display: inherit;
  }
}
.get-in-touch.grid .map h5 {
  font-family: "Heuristica Regular", Georgia, serif;
  letter-spacing: 0.15em;
  margin-bottom: 0;
  left: -18px;
  position: relative;
  color: #333e48;
}
.get-in-touch.grid .map h5:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #dc2f34;
  position: relative;
  margin-right: 3px;
  font-size: 14px;
}
.get-in-touch.grid .map .fsElementFooterContent {
  padding: 0 30px 40px;
}
@media (min-width: 641px) {
  .get-in-touch.grid .map .fsElementFooterContent {
    padding: 0;
  }
}
.get-in-touch.grid .map .fsElementFooterContent a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  color: #333e48;
  font-size: 11px;
  text-decoration: underline;
}
.get-in-touch.grid .map .fsElementFooterContent a:hover {
  text-decoration: none;
}
.get-in-touch.grid h2.fsElementTitle {
  margin-top: 30px;
}
@media (min-width: 961px) {
  .get-in-touch.grid h2.fsElementTitle {
    margin-top: 40px;
  }
}
.get-in-touch.grid #map-inner {
  position: relative;
  height: 280px;
}
@media (min-width: 641px) {
  .get-in-touch.grid #map-inner {
    width: 50%;
    margin-right: 50px;
    float: left;
    height: 375px;
  }
}
@media (min-width: 961px) {
  .get-in-touch.grid #map-inner {
    height: 100%;
    min-height: 250px;
    min-width: 250px;
  }
}
@media (min-width: 641px) {
  .get-in-touch.grid #map-inner:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 60px 0;
    border-color: transparent #ffffff transparent transparent;
    content: "";
    position: absolute;
    top: 30px;
    right: 0;
  }
}
.get-in-touch.grid #map-inner .gm-fullscreen-control,
.get-in-touch.grid #map-inner .gm-style-cc,
.get-in-touch.grid #map-inner .gm-style-mtc,
.get-in-touch.grid #map-inner .gm-svpc {
  display: none;
}

body:not(.fsComposeMode) .gallery-link {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  box-shadow: rgba(0, 0, 0, 0.5) 4px 4px 8px;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.6s ease;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
body:not(.fsComposeMode) .gallery-link:hover {
  -webkit-transform: scale(0.975);
  -ms-transform: scale(0.975);
  transform: scale(0.975);
  box-shadow: rgba(0, 0, 0, 0.5) 2px 2px 4px;
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
@media (min-width: 961px) {
  body:not(.fsComposeMode) .gallery-link.double {
    grid-column: span 2;
  }
}
body:not(.fsComposeMode) .gallery-link:after {
  content: "";
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, transparent 40%);
}
body:not(.fsComposeMode) .gallery-link .fsElementContent {
  z-index: 1;
  padding: 40px;
}
body:not(.fsComposeMode) .gallery-link .fsElementContent p {
  margin-bottom: 0;
}
body:not(.fsComposeMode) .gallery-link a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  color: #fff;
  pointer-events: none;
  text-decoration: underline;
}
body:not(.fsComposeMode) .gallery-link a:hover {
  text-decoration: none;
}
body:not(.fsComposeMode) .gallery-link a:after {
  pointer-events: all;
  content: "";
}

.banner-image {
  margin-bottom: 0;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: center;
  height: 50vh;
  min-height: 300px;
}
.banner-image.default {
  background-image: url("/uploaded/DEFAULT-BANNER-IMAGE/default-banner-image.jpg");
}
@media (min-width: 641px) {
  .banner-image {
    min-height: 460px;
    height: 70vh;
  }
}
@media (min-width: 1024px) {
  .banner-image {
    height: calc(100vh - 110px);
  }
}
.banner-image:before {
  content: "";
  background: linear-gradient(150deg, rgba(0, 0, 0, 0.4) 0%, transparent 65%);
  mix-blend-mode: multiply;
}

@media (min-width: 961px) {
  body.theatre:not(.fsComposeMode) .universal-slideshow,
  body.theatre:not(.fsComposeMode) .resources-slideshow,
  body.events:not(.fsComposeMode) .universal-slideshow,
  body.events:not(.fsComposeMode) .resources-slideshow,
  body.sport-centre:not(.fsComposeMode) .universal-slideshow,
  body.sport-centre:not(.fsComposeMode) .resources-slideshow {
    position: relative;
    height: 85vh;
  }
}

@media (min-width: 961px) {
  body.theatre:not(.fsComposeMode) .universal-slideshow article,
  body.theatre:not(.fsComposeMode) .resources-slideshow article,
  body.events:not(.fsComposeMode) .universal-slideshow article,
  body.events:not(.fsComposeMode) .resources-slideshow article,
  body.sport-centre:not(.fsComposeMode) .universal-slideshow article,
  body.sport-centre:not(.fsComposeMode) .resources-slideshow article {
    height: 85vh;
  }
}

.universal-slideshow,
.resources-slideshow {
  opacity: 1;
  transition: all 0.3s ease;
}
body:not(.fsComposeMode).hideshow .universal-slideshow,
body:not(.fsComposeMode).hideshow .resources-slideshow {
  opacity: 0;
}
@media (min-width: 961px) {
  body.home:not(.fsComposeMode) .universal-slideshow,
  body.home:not(.fsComposeMode) .resources-slideshow {
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    position: fixed;
    z-index: 0;
  }
}
@media (min-width: 961px) {
  body.home:not(.fsComposeMode) .universal-slideshow article,
  body.home:not(.fsComposeMode) .resources-slideshow article {
    height: 100vh;
  }
}
body:not(.fsComposeMode) .universal-slideshow,
body:not(.fsComposeMode) .resources-slideshow {
  max-width: none;
  margin: 0;
  opacity: 1;
  position: relative;
}
body:not(.fsComposeMode) .universal-slideshow .slick-slider,
body:not(.fsComposeMode) .universal-slideshow .slick-track,
body:not(.fsComposeMode) .universal-slideshow .slick-list,
body:not(.fsComposeMode) .resources-slideshow .slick-slider,
body:not(.fsComposeMode) .resources-slideshow .slick-track,
body:not(.fsComposeMode) .resources-slideshow .slick-list {
  padding: 0;
  margin-bottom: 0;
  pointer-events: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
body:not(.fsComposeMode) .universal-slideshow article,
body:not(.fsComposeMode) .resources-slideshow article {
  position: relative;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
  height: 85vh;
  min-height: 425px;
  padding: 0;
  height: 50vh;
  min-height: 300px;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode) .universal-slideshow article,
  body:not(.fsComposeMode) .resources-slideshow article {
    min-height: 460px;
    height: 70vh;
  }
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode) .universal-slideshow article,
  body:not(.fsComposeMode) .resources-slideshow article {
    height: calc(100vh - 110px);
  }
}
body:not(.fsComposeMode) .universal-slideshow article figure,
body:not(.fsComposeMode) .universal-slideshow article a,
body:not(.fsComposeMode) .universal-slideshow article picture,
body:not(.fsComposeMode) .resources-slideshow article figure,
body:not(.fsComposeMode) .resources-slideshow article a,
body:not(.fsComposeMode) .resources-slideshow article picture {
  display: block;
  height: 100%;
}
body:not(.fsComposeMode) .universal-slideshow article img,
body:not(.fsComposeMode) .resources-slideshow article img {
  display: block;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
  min-width: 100%;
  min-height: 100%;
}
body:not(.fsComposeMode) .universal-slideshow article:before,
body:not(.fsComposeMode) .resources-slideshow article:before {
  content: "";
  background: linear-gradient(150deg, rgba(0, 0, 0, 0.2) 0%, transparent 65%);
  mix-blend-mode: multiply;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
body:not(.fsComposeMode) .universal-slideshow button,
body:not(.fsComposeMode) .universal-slideshow .slider-play-btn,
body:not(.fsComposeMode) .universal-slideshow ul.slick-dots,
body:not(.fsComposeMode) .resources-slideshow button,
body:not(.fsComposeMode) .resources-slideshow .slider-play-btn,
body:not(.fsComposeMode) .resources-slideshow ul.slick-dots {
  display: none !important;
}
body:not(.fsComposeMode) .universal-slideshow .fsElementFooterContent,
body:not(.fsComposeMode) .resources-slideshow .fsElementFooterContent {
  position: absolute;
  bottom: 40px;
  z-index: 10;
  margin: 0;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  left: 50%;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode) .universal-slideshow .fsElementFooterContent,
  body:not(.fsComposeMode) .resources-slideshow .fsElementFooterContent {
    left: 60px;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
    z-index: 0;
  }
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  a.fs_style_36,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  a.fs_style_36 {
  background-color: rgba(51, 62, 72, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  a.fs_style_36:hover,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  a.fs_style_36:hover {
  text-decoration: none;
  background-color: rgba(51, 62, 72, 0.7);
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  a.fs_style_36:hover:after,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  a.fs_style_36:hover:after {
  margin-left: 15px;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  a.fs_style_36:active,
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  a.fs_style_36:focus,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  a.fs_style_36:active,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  a.fs_style_36:focus {
  text-decoration: none;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  a.fs_style_36:after,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  a.fs_style_36:after {
  transition: all 0.3s ease 0.1s;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  margin-left: 10px;
  font-size: 24px;
  position: relative;
  top: 5px;
  line-height: 0;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  #video-list
  a,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  #video-list
  a {
  background-color: rgba(51, 62, 72, 0.1);
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  padding: 10px 20px;
  display: inline-block;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  transition: all 0.3s ease;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  #video-list
  a:hover,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  #video-list
  a:hover {
  text-decoration: none;
  background-color: rgba(51, 62, 72, 0.7);
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  #video-list
  a:hover:after,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  #video-list
  a:hover:after {
  margin-left: 15px;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  #video-list
  a:active,
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  #video-list
  a:focus,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  #video-list
  a:active,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  #video-list
  a:focus {
  text-decoration: none;
}
body:not(.fsComposeMode)
  .universal-slideshow
  .fsElementFooterContent
  #video-list
  a:after,
body:not(.fsComposeMode)
  .resources-slideshow
  .fsElementFooterContent
  #video-list
  a:after {
  transition: all 0.3s ease 0.1s;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  margin-left: 10px;
  font-size: 24px;
  position: relative;
  top: 5px;
  line-height: 0;
}
body:not(.fsComposeMode) .universal-slideshow .fsElementFooterContent img,
body:not(.fsComposeMode) .resources-slideshow .fsElementFooterContent img {
  max-width: 150px;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode) .universal-slideshow .fsElementFooterContent img,
  body:not(.fsComposeMode) .resources-slideshow .fsElementFooterContent img {
    max-width: 200px;
  }
}

#video-player {
  display: none;
  background: rgba(255, 255, 255, 0.85);
  position: fixed;
  width: 100%;
  height: 100%;
  z-index: 20;
  left: 0;
  top: 0;
}
#video-player button.close {
  position: fixed;
  top: 20px;
  left: 20px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  border: solid 1px #1c1c1c;
  background-color: #fff;
  transition: all 0.3s;
  outline: 0;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.75);
}
#video-player button.close:hover {
  background-color: #1c1c1c;
}
#video-player button.close:hover:after,
#video-player button.close:hover:before {
  background-color: rgba(255, 255, 255, 0.8);
}
#video-player button.close:after,
#video-player button.close:before {
  transition: all 0.3s;
  content: "";
  display: block;
  width: 2px;
  background-color: #1c1c1c;
  height: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
  -ms-transform: translate(-50%, -50%) rotate(45deg);
  transform: translate(-50%, -50%) rotate(45deg);
}
#video-player button.close:after {
  -webkit-transform: translate(-50%, -50%) rotate(-45deg);
  -ms-transform: translate(-50%, -50%) rotate(-45deg);
  transform: translate(-50%, -50%) rotate(-45deg);
}
#video-player div {
  position: fixed;
  width: 80%;
  height: 80%;
  left: 10%;
  top: 10%;
}

/*! _main.scss - src/sass/navigation/ - main import */
.fsNavigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.fsNavigation ul li.fsNavCurrentPage > a,
.fsNavigation ul li.fsNavCurrentPageAncestor > a {
  color: #dc2f34;
  background: transparent;
  text-decoration: underline;
}
.fsNavigation ul li a {
  display: block;
  padding: 10px 0;
  color: #dc2f34;
  background: transparent;
}
.fsNavigation ul li a:hover,
.fsNavigation ul li a:focus {
  color: #dc2f34;
  background: transparent;
}

.fsNavigation .fsNavLevel2 > li > a {
  padding-left: 10px;
}

.fsNavigation .fsNavLevel3 > li > a {
  padding-left: 20px;
}

.fsNavigation .fsNavLevel4 > li > a {
  padding-left: 30px;
}

.fsNavigation .fsNavLevel5 > li > a {
  padding-left: 40px;
}

.fsBreadcrumb ul li {
  display: inline-block;
}
.fsBreadcrumb ul li a {
  display: inline-block;
  padding: 0;
}

.nav-site-map ul {
  margin: 0 0 0 20px;
  padding: 0;
}
.nav-site-map ul.fsNavLevel1 {
  margin-left: 0;
  list-style: none;
}
@media (min-width: 600px) {
  .nav-site-map ul.fsNavLevel1 {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 0;
    -moz-column-gap: 0;
    column-gap: 0;
    -webkit-column-rule: 0;
    -moz-column-rule: 0;
    column-rule: 0;
    min-height: initial;
  }
  .nav-site-map ul.fsNavLevel1 li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid-column;
  }
}
.nav-site-map ul.fsNavLevel1 > li > a {
  margin-bottom: 20px;
  font-weight: 700;
}
.nav-site-map ul.fsNavLevel2 {
  list-style: disc;
}
.nav-site-map ul.fsNavLevel3 {
  list-style: circle;
}
.nav-site-map ul.fsNavLevel4 {
  list-style: square;
}
.nav-site-map ul.fsNavLevel5 {
  list-style: disc;
}

.nav-tier ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.nav-tier ul li a {
  display: block;
  padding: 10px 10px;
  color: #dc2f34;
  background: transparent;
}
.nav-tier ul li a:hover,
.nav-tier ul li a:focus {
  color: #747266;
  background: #e8e8e8;
}
.nav-tier ul li.fsNavCurrentPage > a {
  color: #dc2f34;
  background: #cfcfcf;
}
.nav-tier ul li.fsNavCurrentPage > a:hover,
.nav-tier ul li.fsNavCurrentPage > a:focus {
  color: #00809f;
  background: #e8e8e8;
}
.nav-tier ul li.fsNavCurrentPageAncestor {
  background: #e8e8e8;
}
.nav-tier ul li.fsNavCurrentPageAncestor > a {
  color: #dc2f34;
  background: transparent;
}
.nav-tier ul li.fsNavCurrentPageAncestor > a:hover,
.nav-tier ul li.fsNavCurrentPageAncestor > a:focus {
  color: #dc2f34;
  background: #e8e8e8;
}

.nav-tier .fsNavLevel1 {
  padding-left: 0;
}
.nav-tier .fsNavLevel1 > li {
  border-bottom: 1px solid #e8e8e8;
}
.nav-tier .fsNavLevel1 > li:last-child {
  border-bottom: none;
}

.nav-tier .fsNavLevel2 > li > a {
  padding-left: 20px;
}

.nav-tier .fsNavLevel3 > li > a {
  padding-left: 30px;
}

.nav-tier .fsNavLevel4 > li > a {
  padding-left: 40px;
}

.nav-tier .fsNavLevel5 > li > a {
  padding-left: 50px;
}

.nav-sub {
  margin-bottom: 0;
  position: relative;
}
.events-home .nav-sub {
  display: none;
}
.sport-centre-landing .nav-sub {
  display: none;
}
.theatre .nav-sub:after,
.events .nav-sub:after,
.sport-centre .nav-sub:after {
  opacity: 0.8;
}
.theatre .nav-sub .fsNavLevel1 > li:hover > a,
.events .nav-sub .fsNavLevel1 > li:hover > a,
.sport-centre .nav-sub .fsNavLevel1 > li:hover > a {
  color: #fff;
}
.theatre .nav-sub .fsNavLevel1 > li.fsNavParentPage:hover > a,
.events .nav-sub .fsNavLevel1 > li.fsNavParentPage:hover > a,
.sport-centre .nav-sub .fsNavLevel1 > li.fsNavParentPage:hover > a {
  position: relative;
}
.theatre .nav-sub .fsNavLevel1 > li.fsNavParentPage:hover > a:before,
.events .nav-sub .fsNavLevel1 > li.fsNavParentPage:hover > a:before,
.sport-centre .nav-sub .fsNavLevel1 > li.fsNavParentPage:hover > a:before {
  content: "";
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
  background-color: #fff;
  height: 5px;
  width: 100%;
}
.theatre .nav-sub .fsNavLevel1 > li:last-child > a:after,
.events .nav-sub .fsNavLevel1 > li:last-child > a:after,
.sport-centre .nav-sub .fsNavLevel1 > li:last-child > a:after {
  display: none;
}
.theatre .nav-sub .fsNavLevel1 > li > a,
.events .nav-sub .fsNavLevel1 > li > a,
.sport-centre .nav-sub .fsNavLevel1 > li > a {
  color: #fff !important;
  position: relative;
}
@media (min-width: 1025px) {
  .theatre .nav-sub .fsNavLevel1 > li > a:after,
  .events .nav-sub .fsNavLevel1 > li > a:after,
  .sport-centre .nav-sub .fsNavLevel1 > li > a:after {
    content: "";
    position: absolute;
    top: 25%;
    height: 50%;
    width: 1px;
    right: 0;
    opacity: 0.3;
    background-color: #fff;
  }
}
.theatre .nav-sub .fsNavLevel1 > li.fsNavCurrentPage a,
.events .nav-sub .fsNavLevel1 > li.fsNavCurrentPage a,
.sport-centre .nav-sub .fsNavLevel1 > li.fsNavCurrentPage a {
  color: #fff;
}
.theatre .nav-sub {
  background: linear-gradient(to right, #e92028 50%, #e8382a 100%);
}
.events .nav-sub {
  background: linear-gradient(to right, #bba86f 20%, #bca970 100%);
}
.events .nav-sub .fsNavPageInfo {
  background: #c4b381;
}
.sport-centre .nav-sub {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}
.sport-centre .nav-sub .fsNavPageInfo {
  background: #0095b9;
}
@media (min-width: 1025px) {
  .nav-sub:after {
    content: "";
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: left top;
    mix-blend-mode: multiply;
    opacity: 0.5;
    background-image: url("../images/sub-nav-bg.svg");
    background-size: auto 100%;
  }
}
.nav-sub nav {
  display: none;
}
@media (min-width: 1025px) {
  .nav-sub nav {
    display: block;
  }
}
.nav-sub h2.fsElementTitle {
  display: block;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  color: #fff;
  padding: 20px;
  text-align: center;
  font-size: 16px;
  text-transform: uppercase;
  letter-spacing: 0.075em;
  font-family: "Roboto", sans-serif;
  margin: 0;
  position: relative;
  cursor: pointer;
}
.nav-sub.active-nav h2.fsElementTitle:after {
  border-width: 0 5px 7.5px 5px;
  border-color: transparent transparent #fff transparent;
}
.nav-sub h2.fsElementTitle:after {
  border-style: solid;
  border-width: 7.5px 5px 0 5px;
  border-color: #fff transparent transparent transparent;
  content: "";
  margin-left: 10px;
  top: -3px;
  display: inline-block;
  position: relative;
  transition: all 0.3s ease;
}
.nav-sub h2.fsElementTitle:before {
  content: "";
  background-repeat: no-repeat;
  background-size: auto 100%;
  background-position: left top;
  mix-blend-mode: multiply;
  opacity: 0.5;
  background-image: url("../images/sub-nav-bg.svg");
  background-size: auto 100%;
}
@media (min-width: 1025px) {
  .nav-sub h2.fsElementTitle {
    display: none;
  }
}
.nav-sub .fsNavLevel1 {
  text-align: center;
  max-width: 95%;
  position: static;
  margin: 0 auto;
}

.nav-sub .fsNavLevel1 {
  padding-top: 34px;
}

@media (min-width: 1025px) {
  .nav-sub .fsNavLevel1 {
    padding-top: 0;
  }
}
.no-cssgrid .nav-sub:after {
  background-size: 268px 130px;
}

.no-cssgrid .nav-sub .fsNavLevel1 > li > a {
  padding-top: 37px;
}

.no-flexbox .nav-sub .fsNavLevel1 {
  text-align: justify;
  font-size: 0.1px;
}
.no-flexbox .nav-sub .fsNavLevel1 > li {
  display: inline-block;
}
.no-flexbox .nav-sub .fsNavLevel1:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.nav-sub {
  background-color: #e8e8e8;
}
.nav-sub .fsNavLevel1 > li {
  display: block;
  position: relative;
}
@media (min-width: 1025px) {
  .nav-sub .fsNavLevel1 > li {
    display: inline-block;
    position: static;
    background-color: transparent;
  }
}
.nav-sub .fsNavLevel1 > li:hover > a {
  color: #dc2f34;
  background: transparent;
}
/* .nav-sub .fsNavLevel1 > li[class*="fsNavCurrentPage"] > a {
  color: rgba(0, 0, 0, 0.7);
  font-weight: 500;
  background: transparent;
} */
.nav-sub .fsNavLevel1 > li button {
  border: 0;
  background: none;
  outline: 0;
  margin: 0;
  padding: 0;
  display: inline-block;
  float: right;
  position: absolute;
  z-index: 2;
  right: 0;
  top: 16px;
  height: 20px;
  width: 20px;
  background-color: transparent;
  font-size: 0;
}
.nav-sub .fsNavLevel1 > li button:after {
  border-style: solid;
  position: absolute;
  top: 0;
  border-width: 7.5px 5px 0 5px;
  border-color: #dc2f34 transparent transparent transparent;
  content: "";
  transition: all 0.3s ease;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
@media (min-width: 1025px) {
  .nav-sub .fsNavLevel1 > li button {
    display: none;
  }
}
.nav-sub .fsNavLevel1 > li.active button:after {
  border-width: 0 5px 7.5px 5px;
  border-color: transparent transparent #dc2f34 transparent;
}
.nav-sub .fsNavLevel1 > li > a {
  display: block;
  color: #333e48;
  background: transparent;
  padding: 0 1.11111em;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 28px;
}
@media (min-width: 1025px) {
  .nav-sub .fsNavLevel1 > li > a {
    min-height: 90px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}
.nav-sub .fsNavLevel1 > li > a:focus {
  color: #fff;
  background: transparent;
}
.nav-sub .fsNavPageInfo {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  display: none;
  text-align: center;
  z-index: 300;
}
@media (min-width: 1025px) {
  .nav-sub .fsNavPageInfo {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .no-cssgrid .nav-sub .fsNavPageInfo {
    top: 90px;
  }
}
.nav-sub .fsNavLevel2 {
  text-align: center;
}
.nav-sub .fsNavLevel2 li {
  display: block;
  margin: 0 5px;
}
@media (min-width: 1025px) {
  .nav-sub .fsNavLevel2 li {
    display: inline-block;
  }
}
.nav-sub .fsNavLevel2 li a {
  display: block;
  color: #fff;
  background: transparent;
  padding: 0.55556em;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
.nav-sub .fsNavLevel2 li a:focus,
.nav-sub .fsNavLevel2 li a:hover {
  color: #e8e8e8;
  background: transparent;
}
.nav-sub .fsNavLevel2 li[class*="fsNavCurrentPage"] > a {
  color: #fff;
  font-weight: 500;
  background: transparent;
}
.nav-sub .fsNavLevel3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media (min-width: 961px) {
  .nav-sub .fsNavLevel1 li:hover > .fsNavPageInfo {
    display: block;
  }
}

.drawer-ribbon {
  position: fixed;
  height: 50px;
  width: 50px;
  right: 0;
  top: 0;
  z-index: 20;
  border-left: solid 2px #fff;
}
@media (min-width: 641px) {
  .drawer-ribbon {
    background: #dc2f34;
    border-left: 0;
  }
}
body.fsAccountBarVisible .drawer-ribbon {
  top: 45px;
}
.events .drawer-ribbon {
  background: #bca970;
}
.sport-centre .drawer-ribbon {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}
.drawer-is-active .drawer-ribbon {
  background: transparent;
  border-left: 0;
}

.drawer-trigger {
  border: 0;
  background: none;
  outline: 0;
  margin: 0;
  padding: 0;
  max-width: 50px;
  cursor: pointer;
}
.drawer-trigger:hover:after {
  width: 22px;
}
.drawer-trigger:after,
.drawer-trigger:before {
  position: absolute;
  top: 50%;
  left: 15px;
  height: 3px;
  content: "";
  background: #fff;
  transition: all 0.4s ease;
}
.drawer-trigger:before {
  top: 23px;
  width: 22px;
  transition: all 0.6s ease 0.2s;
}
.drawer-trigger:after {
  top: 16px;
  box-shadow: 0 14px 0 0 #fff;
  width: 15px;
}
.drawer-is-active .drawer-trigger:before {
  margin-top: 0;
  -webkit-transform: translate(-50%, -50%) rotate(-225deg);
  -ms-transform: translate(-50%, -50%) rotate(-225deg);
  transform: translate(-50%, -50%) rotate(-225deg);
  top: 50%;
  left: 50%;
  width: 50%;
}
.drawer-is-active .drawer-trigger:after {
  box-shadow: none;
  -webkit-transform: translate(-50%, -50%) rotate(225deg);
  -ms-transform: translate(-50%, -50%) rotate(225deg);
  transform: translate(-50%, -50%) rotate(225deg);
  top: 50%;
  left: 50%;
  width: 50%;
}

#fsMenu {
  position: fixed;
  z-index: 15;
  width: 100%;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s, visibility 0.3s, -webkit-transform 0.3s ease;
  transition: opacity 0.3s, visibility 0.3s, transform 0.3s ease;
  top: 0;
  right: 0;
  -webkit-transform: translate3d(20%, 0, 0);
  transform: translate3d(20%, 0, 0);
  -webkit-transform: translate(20%, 0);
  -ms-transform: translate(20%, 0);
  transform: translate(20%, 0);
  height: 100%;
  max-height: 100vh;
  max-width: 256px;
  background: #dc2f34;
  text-align: center;
}
@media (min-width: 961px) {
  #fsMenu {
    overflow: hidden;
  }
}

.events #fsMenu {
  background: #bca970;
}

.sport-centre #fsMenu {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}

.drawer-is-active #fsMenu {
  pointer-events: auto;
  opacity: 1;
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

#fsMenu .fsMenu {
  padding-top: 100px;
  height: auto;
  display: block;
  padding-bottom: 20px;
  max-height: 100%;
}
@media (max-width: 640px) {
  #fsMenu .fsMenu {
    overflow: scroll;
  }
}

/* #fsMenu:before {
  content: "";
  background-repeat: no-repeat;
  background-size: 100% auto;
  background-position: left bottom;
  opacity: 0.5;
  background-image: url(images/main-nav-bg.svg);
} */

/* .no-cssgrid #fsMenu:before {
  background-size: 350px 350px;
} */

#fsMenu .nav-main ul li a {
  outline: 0;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 18px;
  letter-spacing: 0.638889px;
  text-transform: uppercase;
}

#fsMenu .nav-main ul .fsNavPageInfo {
  display: none;
}

#fsMenu .nav-main ul button {
  display: none;
}

#fsMenu .portals ul {
  text-align: center;
  max-width: 85%;
  margin: 0 auto;
  border-bottom: solid 1px rgba(255, 255, 255, 0.5);
}
#fsMenu .portals ul li {
  display: inline-block;
}
#fsMenu .portals ul li a {
  color: #fff;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.075em;
  text-transform: uppercase;
}
#fsMenu .portals ul li a:after {
  content: "|";
  display: inline-block;
  margin: 0 8px;
  position: relative;
  top: -2px;
}
#fsMenu .portals ul li:last-child a:after {
  display: none;
}

.nav-social .fsNavLevel1 {
  font-size: 0;
}
.nav-social .fsNavLevel1,
.nav-social .fsNavLevel1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav-social .fsNavLevel1 li {
  margin: 0;
  padding: 0;
}
.nav-social .fsNavLevel1 li {
  display: inline-block;
}
.nav-social .fsNavLevel1 li:not(:last-child) {
  margin-right: 20px;
}
.nav-social .fsNavLevel1 li a {
  font-size: 0;
  line-height: 0;
}
.nav-social .fsNavLevel1 [href*="facebook"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="instagram"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="linkedin"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="pinterest"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="tumblr"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="twitter"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="vimeo"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="vine"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="youtube"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="rss"]:before {
  content: "";
  font-family: "IcoMoon";
  font-smoothing: antialiased;
  font-weight: normal;
  speak: none;
  font-size: 14px;
}
.nav-social .fsNavLevel1 [href*="facebook"]:hover:before,
.nav-social .fsNavLevel1 [href*="facebook"]:focus:before {
  color: #3b5998;
}
.nav-social .fsNavLevel1 [href*="instagram"]:hover:before,
.nav-social .fsNavLevel1 [href*="instagram"]:focus:before {
  color: #3f729b;
}
.nav-social .fsNavLevel1 [href*="linkedin"]:hover:before,
.nav-social .fsNavLevel1 [href*="linkedin"]:focus:before {
  color: #0077b5;
}
.nav-social .fsNavLevel1 [href*="pinterest"]:hover:before,
.nav-social .fsNavLevel1 [href*="pinterest"]:focus:before {
  color: #cc2127;
}
.nav-social .fsNavLevel1 [href*="tumblr"]:hover:before,
.nav-social .fsNavLevel1 [href*="tumblr"]:focus:before {
  color: #35465c;
}
.nav-social .fsNavLevel1 [href*="twitter"]:hover:before,
.nav-social .fsNavLevel1 [href*="twitter"]:focus:before {
  color: #55acee;
}
.nav-social .fsNavLevel1 [href*="vimeo"]:hover:before,
.nav-social .fsNavLevel1 [href*="vimeo"]:focus:before {
  color: #1ab7ea;
}
.nav-social .fsNavLevel1 [href*="vine"]:hover:before,
.nav-social .fsNavLevel1 [href*="vine"]:focus:before {
  color: #00b488;
}
.nav-social .fsNavLevel1 [href*="youtube"]:hover:before,
.nav-social .fsNavLevel1 [href*="youtube"]:focus:before {
  color: #cd201f;
}
.nav-social .fsNavLevel1 [href*="rss"]:hover:before,
.nav-social .fsNavLevel1 [href*="rss"]:focus:before {
  color: #f26522;
}
.nav-social .fsNavLevel1 a {
  display: block;
}
.nav-social .fsNavLevel1 a:before {
  color: #fff;
  font-size: 18px;
  transition: 0.3s all;
  display: block;
}

.nav-utility-footer .fsNavLevel1,
.nav-utility-footer .fsNavLevel1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.nav-utility-footer .fsNavLevel1 li {
  margin: 0;
  padding: 0;
}

.nav-utility-footer .fsNavLevel1 li {
  display: inline-block;
}
.nav-utility-footer .fsNavLevel1 li a {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: 300;
}
.nav-utility-footer .fsNavLevel1 li a:after {
  content: "|";
  display: inline-block;
  margin: 0 8px;
  position: relative;
  top: -2px;
}
.nav-utility-footer .fsNavLevel1 li:last-child a:after {
  display: none;
}

/*! structure - header v0.0.1 */
#fsHeader {
  padding: 0;
  position: relative;
}
#fsHeader .nav-main,
#fsHeader .portals,
#fsHeader .site-search {
  display: none;
}

.site-info-container {
  position: relative;
  margin: 0 auto;
  max-width: 65.55556em;
  max-width: 73.75rem;
  padding: 0;
  overflow: hidden;
  white-space: nowrap;
  z-index: 1;
  width: 100%;
  background-color: #f7f7f7;
  left: 0;
  padding-top: 50px;
}
@media (min-width: 641px) {
  .site-info-container {
    padding-top: 0;
    position: absolute;
    background-color: transparent;
    left: 60px;
    top: 40px;
    width: auto;
  }
}
@media (min-width: 641px) {
  body.no-banner-image .site-info-container {
    top: -120px;
  }
}
body.no-banner-image .site-info-container a img {
  display: none;
  width: 120px;
}
@media (min-width: 641px) {
  body.no-banner-image .site-info-container a img {
    height: 100px;
    width: auto;
  }
}
body.no-banner-image .site-info-container a img.mobile {
  display: block;
}
@media (min-width: 641px) {
  body.no-banner-image .site-info-container a img.mobile {
    display: block;
  }
}
.site-info-container a {
  display: block;
  padding: 0;
  margin: 0;
  color: transparent;
}
.site-info-container a img {
  max-width: none;
  position: relative;
  display: block;
  margin: 10px auto;
  width: 120px;
  display: none;
}
.site-info-container a img.mobile {
  display: block;
}
@media (min-width: 641px) {
  .site-info-container a img.mobile {
    display: none;
  }
}
@media (min-width: 641px) {
  .site-info-container a img {
    margin: 0 auto;
    width: 273px;
    height: 97px;
    margin: 0;
    display: block;
  }
}
body:not(.home.no-banner-image) .site-info-container a img {
  width: 120px;
  width: auto;
}
.site-info-container a:hover {
  color: transparent;
}

.quicklinks.fsNavigation {
  position: fixed;
  top: 0;
  z-index: 19;
  left: 0;
  width: 100%;
}
@media (min-width: 641px) {
  .quicklinks.fsNavigation {
    right: 70px;
    left: auto;
    width: auto;
  }
}
body.fsAccountBarVisible .quicklinks.fsNavigation {
  top: 45px;
}
@media (min-width: 641px) {
  .drawer-is-active .quicklinks.fsNavigation {
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s;
  }
}
@media (min-width: 961px) {
  .drawer-is-active .quicklinks.fsNavigation {
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 641px) {
  .drawer-is-active .quicklinks.fsNavigation ul li a {
    visibility: hidden;
    display: none;
  }
}
@media (min-width: 961px) {
  .drawer-is-active .quicklinks.fsNavigation ul li a {
    visibility: visible;
  }
}
.drawer-is-active.events .quicklinks.fsNavigation ul li a,
.drawer-is-active.sport-centre .quicklinks.fsNavigation ul li a,
.drawer-is-active.society-home .quicklinks.fsNavigation ul li a {
  opacity: 0;
  visibility: hidden;
}
.events .quicklinks.fsNavigation ul {
  background: #bca970;
}
@media (min-width: 641px) {
  .events .quicklinks.fsNavigation ul {
    background-color: transparent;
  }
}
.events .quicklinks.fsNavigation ul li a {
  background: #bca970;
}
.sport-centre .quicklinks.fsNavigation ul {
  background: #00809f;
}
@media (min-width: 641px) {
  .sport-centre .quicklinks.fsNavigation ul {
    background: transparent;
  }
}
.sport-centre .quicklinks.fsNavigation ul li a {
  background: #00809f;
}
.quicklinks.fsNavigation ul {
  background: #dc2f34;
  zoom: 1;
  width: 100%;
}
.quicklinks.fsNavigation ul:after {
  display: table;
  clear: both;
  content: "";
}
@media (min-width: 641px) {
  .quicklinks.fsNavigation ul {
    background: transparent;
    width: auto;
  }
}
.quicklinks.fsNavigation ul li {
  display: inline-block;
  float: left;
}
@media (min-width: 641px) {
  .quicklinks.fsNavigation ul li {
    margin-left: 5px;
  }
}
.quicklinks.fsNavigation ul li a {
  color: #fff;
  letter-spacing: 0.0375em;
  text-transform: uppercase;
  font-weight: 700;
  transition: all 0.3s;
  line-height: 14px;
  padding: 0 5px;
  background-color: transparent;
  font-size: 12px;
  height: 50px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  max-width: 100px;
}
@media (min-width: 641px) {
  .quicklinks.fsNavigation ul li a {
    max-width: none;
    min-width: 184px;
    padding: 10px 30px;
    letter-spacing: 0.5px;
    background: #dc2f34;
  }

  div.drawer-is-active .quicklinks.fsNavigation ul li a {
    background: transparent !important;
  }
}

#fsFooter {
  padding: 20px 20px 0;
  color: #fff;
  text-align: center;
  position: relative;
  background: #333e48;
}
@media (min-width: 961px) {
  #fsFooter {
    text-align: left;
  }
}
#fsFooter li {
  font-size: 14px;
}
#fsFooter .fsBanner {
  max-width: 85%;
  margin: 0 auto;
}
#fsFooter .fsBanner:after {
  content: normal;
}
body.fsDraftMode #fsFooter .fsBanner {
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
body.fsDraftMode #fsFooter .fsBanner .fsElementActionButtonContainer {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 100%;
  flex: 0 1 100%;
}
#fsFooter a {
  color: #fff;
}
#fsFooter .contact-container {
  zoom: 1;
  margin-top: 40px;
  margin-bottom: 0;
}
#fsFooter .contact-container:after {
  display: table;
  clear: both;
  content: "";
}
@media (min-width: 961px) {
  #fsFooter .contact {
    float: left;
  }
}
#fsFooter .contact h5 {
  color: #fff;
  font-family: "Heuristica Regular", Georgia, serif;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 14px;
  letter-spacing: 0.075em;
  margin-bottom: 20px;
}
@media (min-width: 961px) {
  #fsFooter .contact h5 {
    margin-bottom: 0;
    margin-left: 137px;
  }
}
#fsFooter .contact ul {
  margin: 0;
}
@media (min-width: 961px) {
  #fsFooter .contact ul.phone-email {
    margin: 0;
    min-width: 550px;
  }
}
#fsFooter .contact li {
  display: block;
  margin-bottom: 20px;
}
@media (min-width: 961px) {
  #fsFooter .contact li {
    margin-right: 20px;
    display: inline-block;
    margin-bottom: 0;
  }
}
@media (min-width: 961px) {
  #fsFooter .contact .footer-button {
    margin-bottom: 30px;
    float: left;
    max-width: 120px;
  }
}
#fsFooter .contact .contact-button {
  border: solid 1px rgba(255, 255, 255, 0.5);
  border-radius: 30px;
  padding: 5px 20px;
  margin-bottom: 10px;
  display: inline-block;
}
#fsFooter .contact .phone {
  font-weight: 700;
}
#fsFooter .contact .phone:before {
  margin-right: 5px;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
}
#fsFooter .contact .email a:before {
  margin-right: 5px;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  font-size: 17px;
  top: 3px;
  position: relative;
}
#fsFooter .contact .address {
  font-weight: 500;
}
#fsFooter .contact .address:before {
  margin-right: 5px;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
}
#fsFooter .nav-social {
  margin-bottom: 20px;
}
@media (min-width: 961px) {
  #fsFooter .nav-social {
    margin-top: 10px;
    float: right;
  }
}
#fsFooter .nav-social a {
  font-size: 0;
  color: #333e48;
}
#fsFooter .nav-social a:hover {
  text-decoration: none;
}
#fsFooter .nav-social a:hover:before {
  color: #dc2f34;
}
#fsFooter .back-to-top {
  background: #333e48;
  cursor: pointer;
  box-shadow: 0px 0px 0px #333e48;
  transition: all 0.3s ease;
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 0;
  right: 0;
}
@media (min-width: 900px) {
  #fsFooter .back-to-top {
    top: -30px;
    width: 60px;
    height: 40px;
    position: absolute;
    right: 7%;
  }
}
@media (min-width: 1024px) {
  #fsFooter .back-to-top {
    right: 100px;
  }
}
#fsFooter .back-to-top:hover {
  box-shadow: 0px -3px 3px rgba(51, 62, 72, 0.6);
}
@media (min-width: 900px) {
  #fsFooter .back-to-top:hover {
    top: -35px;
  }
}
#fsFooter .back-to-top:before,
#fsFooter .back-to-top:after {
  width: 15px;
  height: 2px;
  background-color: #fff;
  content: "";
  display: block;
  position: absolute;
  transition: all 0.25s ease 0.05s;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 25px;
  right: 42%;
}
@media (min-width: 900px) {
  #fsFooter .back-to-top:before,
  #fsFooter .back-to-top:after {
    top: 15px;
    right: 45%;
  }
}
#fsFooter .back-to-top:after {
  left: 47%;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

/*! structure - layouts v0.0.1 */
/** {
  box-sizing: border-box; }

*:after,
*:before {
  box-sizing: border-box;
  pointer-events: none; }

html {
  font-family: "Gill Sans W01", sans-serif;
  background: #333E48;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-size: 18px;
  line-height: 1.5em;
  color: #1c1c1c;
  font-weight: 100;
  overflow-x: hidden; }*/
body #fsPageBody {
  display: block;
}

#fsPageWrapper {
  max-width: 100vw;
  display: block;
  position: relative;
}
.no-banner-image #fsPageWrapper {
  background: #f1f1f1;
}
@media (min-width: 641px) {
  .no-banner-image #fsPageWrapper {
    padding-top: 130px;
  }
}

#fsPageBodyWrapper {
  padding-right: 40px;
  padding-left: 40px;
  padding-top: 40px;
  padding-bottom: 40px;
  background: #fff;
}
body.fsComposeMode #fsPageBodyWrapper {
  padding-top: 120px;
}

#fsPageBody {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
@media (min-width: 720px) {
  #fsPageBody {
    display: block;
  }
}
@media (min-width: 961px) {
  #fsPageBody {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

#fsBannerLeft {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }
}
@media (min-width: 840px) {
  #fsBannerLeft {
    padding-right: 40px;
    width: 280px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
@media (min-width: 720px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 20px;
    width: 200px;
  }
}
@media (min-width: 840px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px;
  }
}
@media (min-width: 961px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 20px;
    width: 200px;
  }
}
@media (min-width: 1025px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px;
  }
}

body:not(.fsComposeMode):not([class*="home"]):not([class*="RightBanner"]):not([class*="LeftBanner"])
  #fsPageContent {
  width: 100%;
}

body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
  #fsPageContent
  .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
  > .fsDiv {
  padding: 0;
}
body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
  #fsPageContent
  .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
  > .fsDiv
  > div,
body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
  #fsPageContent
  .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
  > .fsDiv
  > section {
  margin: 0 auto 60px;
}
@media (min-width: 720px) {
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > div,
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > section {
    padding: 0 20px;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > div,
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > section {
    max-width: 925px;
    padding: 0;
    width: 100%;
  }
}
body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
  #fsPageContent
  .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
  > .fsDiv
  > div.full-width,
body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
  #fsPageContent
  .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
  > .fsDiv
  > section.full-width {
  max-width: none;
  background-color: #e8e8e8;
  padding: 40px;
  width: 100%;
  width: 100vw;
  margin: 0 -40px 40px;
}
@media (min-width: 900px) {
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > div.full-width,
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > section.full-width {
    padding: 60px;
    margin: 0 -20px 60px;
  }
}
@media (min-width: 1441px) {
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > div.full-width,
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > section.full-width {
    padding: 100px;
  }
}
@media (min-width: 900px) {
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > div.full-width.fsThreeColumnLayout,
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > section.full-width.fsThreeColumnLayout {
    text-align: center;
  }
}
@media (min-width: 1281px) {
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > div.full-width.fsThreeColumnLayout
    > .fsDiv,
  body:not(.fsComposeMode):not([class*="home"]).fsHasOneColumnLayout
    #fsPageContent
    .fsPageLayout:not(.fsTwoColumnLayout):not(.fsThreeColumnLayout):not(.fsFourColumnLayout)
    > .fsDiv
    > section.full-width.fsThreeColumnLayout
    > .fsDiv {
    display: inline-block;
    float: none;
    max-width: 393px;
  }
}

.no-cssgrid #fsPageContent .grid > .fsElementContent {
  zoom: 1;
}
.no-cssgrid #fsPageContent .grid > .fsElementContent:after {
  display: table;
  clear: both;
  content: "";
}
.no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement {
  margin-top: 10px;
}
@media (min-width: 641px) {
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement {
    float: left;
    width: 48%;
    margin-right: 1%;
  }
}
@media (min-width: 961px) {
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement {
    width: 32%;
    margin-right: 1%;
  }
}
@media (min-width: 641px) {
  .no-cssgrid
    #fsPageContent
    .grid
    > .fsElementContent
    > .fsElement.fsPostElement,
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.double {
    float: left;
    width: 100%;
  }
}
@media (min-width: 961px) {
  .no-cssgrid
    #fsPageContent
    .grid
    > .fsElementContent
    > .fsElement.fsPostElement,
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.double {
    width: 63%;
  }
}
.no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.map {
  width: 100%;
}
@media (min-width: 961px) {
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.map {
    width: 64%;
    height: 410px !important;
  }
}
@media (min-width: 641px) {
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.button {
    min-height: 200px;
    width: 50%;
    float: left;
  }
}
@media (min-width: 961px) {
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.button {
    width: 32%;
  }
}
@media (min-width: 641px) {
  .no-cssgrid #fsPageContent .grid > .fsElementContent > .fsElement.button a {
    min-height: 200px;
  }
}

#fsPageContent .grid {
  background-color: #f6f6f6;
}
#fsPageContent .grid > .fsElementContent {
  max-width: 1180px;
  width: 82%;
  margin: 0 auto;
}
@media (min-width: 641px) {
  #fsPageContent .grid > .fsElementContent {
    display: grid;
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
  }
}
@media (min-width: 961px) {
  #fsPageContent .grid > .fsElementContent {
    grid-template-columns: 32% 32% 32%;
    grid-column-gap: 2%;
  }
}

body:not(.fsComposeMode) #fsPageContent .grid > .fsElementContent .fsElement {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  height: auto;
  margin-bottom: 20px;
  min-height: 250px;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode) #fsPageContent .grid > .fsElementContent .fsElement {
    min-height: 0;
    height: 380px;
  }
}

body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement {
  background-color: #fff;
  position: relative;
}
body:not(.fsComposeMode).society-home
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement.article-two {
  display: block;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement.article-two {
  display: none;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement.article-two {
    display: block;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement:not(.article-two)
    article:last-child {
    display: none;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement:not(.article-two):last-child {
  display: none;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement:not(.article-two):last-child {
    display: block;
  }
}
@media (min-width: 641px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement {
    grid-column: span 2;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsElementContent,
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsListItems,
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  article {
  height: 100%;
  outline: 0;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsThumbnail {
  margin-right: 0;
  height: 350px;
  position: relative;
  float: none;
  overflow: hidden;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsThumbnail {
    width: calc(50% + 10px);
    height: 100%;
    position: relative;
    float: left;
    overflow: hidden;
    margin-right: 50px;
  }
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsThumbnail:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 60px 60px 60px 0;
    border-color: transparent #ffffff transparent transparent;
    content: "";
    position: absolute;
    top: 30px;
    right: 0;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsThumbnail
  img {
  display: none;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsDateTime,
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsSummary,
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsTitle {
  padding-left: 30px;
  padding-right: 30px;
}
@media (min-width: 1281px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsDateTime,
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsSummary,
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsTitle {
    padding-right: 40px;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsTitle {
  padding-top: 35px;
}
@media (min-width: 1281px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsTitle {
    padding-top: 50px;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsTitle
  a.fsPostLink {
  font-size: 34px;
  line-height: 1em;
  color: #1c1c1c;
  font-family: "Heuristica Regular", Georgia, serif;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsDateTime {
  color: #333e48;
  font-style: italic;
  font-weight: 500;
  font-size: 17px;
  padding-top: 10px;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsDateTime {
    padding-left: 0;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .fsSummary {
  margin-top: 20px;
}
@media (min-width: 1281px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .fsSummary {
    margin-top: 40px;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  footer {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  margin-bottom: 0;
  padding: 0 30px 30px;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    footer {
    padding: 0;
    position: absolute;
    bottom: 40px;
    left: calc(50% + 60px);
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  footer
  .fsElementFooterContent {
  margin-top: 0;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  footer
  a {
  color: #333e48;
  text-decoration: underline;
  font-weight: 500;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  footer
  a:hover {
  text-decoration: none;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots {
  position: absolute;
  right: 20px;
  list-style: none;
  bottom: -20px;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots,
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  li {
  margin: 0;
  padding: 0;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    #fsPageContent
    .grid
    > .fsElementContent
    .fsPostElement
    .slick-dots {
    display: none;
  }
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  li {
  list-style: none;
  display: inline-block;
  line-height: 0.75em;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  li.slick-active {
  opacity: 1;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  li.slick-active
  button {
  background-color: #00809f;
  opacity: 1;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  li:before {
  display: none;
}
body:not(.fsComposeMode)
  #fsPageContent
  .grid
  > .fsElementContent
  .fsPostElement
  .slick-dots
  li
  button {
  border: 0;
  background: none;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 10px;
  background-color: #333e48;
  opacity: 0.6;
}

body:not(.fsComposeMode) #fsPageContent .grid .callout {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body:not(.fsComposeMode) #fsPageContent .grid .callout .fsElementContent {
  display: block;
}

.fsHasRightBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}
@media (min-width: 720px) {
  .fsHasRightBanner #fsPageContent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 200px);
  }
}
@media (min-width: 840px) {
  .fsHasRightBanner #fsPageContent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 280px);
  }
}

.fsHasLeftBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
}
@media (min-width: 720px) {
  .fsHasLeftBanner #fsPageContent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 200px);
  }
}
@media (min-width: 840px) {
  .fsHasLeftBanner #fsPageContent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 280px);
  }
}

.fsHasLeftBanner.fsHasRightBanner #fsPageContent {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 720px) {
  .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 200px);
  }
}
@media (min-width: 840px) {
  .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    width: calc(100% - 280px);
  }
}
@media (min-width: 961px) {
  .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    width: calc(100% - 400px);
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .fsHasLeftBanner.fsHasRightBanner #fsPageContent {
    width: calc(100% - 560px);
  }
}

#fsBannerRight {
  -webkit-box-ordinal-group: 2;
  -ms-flex-order: 1;
  order: 1;
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  #fsBannerRight {
    padding-left: 20px;
    width: 200px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }
}
@media (min-width: 840px) {
  #fsBannerRight {
    padding-left: 40px;
    width: 280px;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}
.fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
  width: 100%;
  padding: 0;
}
@media (min-width: 720px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    width: 200px;
  }
}
@media (min-width: 840px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    width: 280px;
  }
}
@media (min-width: 961px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-left: 20px;
    width: 200px;
  }
}
@media (min-width: 1025px) {
  .fsHasLeftBanner.fsHasRightBanner #fsBannerRight {
    padding-left: 40px;
    width: 280px;
  }
}

@media (min-width: 720px) {
  .fsLayout {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.fsLayout .fsDiv {
  margin-bottom: 20px;
  width: 100%;
  float: none;
}
@media (min-width: 720px) {
  .fsLayout .fsDiv {
    float: left;
  }
}
@media (min-width: 720px) {
  .fsLayout .fsDiv {
    padding-right: 1.11111em;
    padding-left: 1.11111em;
  }
}

@media (min-width: 720px) {
  .fsLayout > footer,
  .fsLayout > header {
    padding-right: 1.11111em;
    padding-left: 1.11111em;
  }
}

@media (min-width: 800px) {
  .fsTwoColumnLayout .fsDiv {
    width: 50%;
  }
}

@media (min-width: 900px) {
  .fsThreeColumnLayout .fsDiv {
    width: 33.33333%;
  }
}

@media (min-width: 800px) {
  .fsFourColumnLayout .fsDiv {
    width: 50%;
  }
}

@media (min-width: 1000px) {
  .fsFourColumnLayout .fsDiv {
    width: 25%;
  }
}

.fsLayout .fsStyleOneThird {
  float: none;
}

.fsLayout .fsStyleTwoThirds {
  float: none;
}
.fsLayout .fsStyleTwoThirds > .fsDiv {
  padding-left: 0;
  padding-right: 0;
  float: none;
}
@media (min-width: 720px) {
  .fsLayout .fsStyleTwoThirds > .fsTwoColumnLayout {
    margin-right: -20px;
    margin-left: -20px;
  }
}

.fsElephantLeftLayout,
.fsTwoColumnWideRightLayout {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 720px) {
  .fsElephantLeftLayout,
  .fsTwoColumnWideRightLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.fsElephantLeftLayout .fsStyleOneThird,
.fsTwoColumnWideRightLayout .fsStyleOneThird {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  .fsElephantLeftLayout .fsStyleOneThird,
  .fsTwoColumnWideRightLayout .fsStyleOneThird {
    padding-left: 0;
    padding-right: 20px;
    width: 200px;
    margin-bottom: 0;
  }
}
@media (min-width: 840px) {
  .fsElephantLeftLayout .fsStyleOneThird,
  .fsTwoColumnWideRightLayout .fsStyleOneThird {
    padding-right: 40px;
    width: 280px;
  }
}
.fsElephantLeftLayout .fsStyleTwoThirds,
.fsTwoColumnWideRightLayout .fsStyleTwoThirds {
  width: 100%;
}
@media (min-width: 720px) {
  .fsElephantLeftLayout .fsStyleTwoThirds,
  .fsTwoColumnWideRightLayout .fsStyleTwoThirds {
    padding-left: 0;
    padding-right: 0;
    width: calc(100% - 200px);
  }
}
@media (min-width: 840px) {
  .fsElephantLeftLayout .fsStyleTwoThirds,
  .fsTwoColumnWideRightLayout .fsStyleTwoThirds {
    width: calc(100% - 280px);
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
  width: 100%;
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
    width: calc(100% - 200px);
  }
}
@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasRightBanner #fsPageContent,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsPageContent {
    width: calc(100% - 280px);
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
  width: 100%;
  padding-left: 0;
  margin-top: 20px;
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
    padding-left: 20px;
    width: 200px;
    margin-top: 0;
  }
}
@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasRightBanner #fsBannerRight,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner #fsBannerRight {
    padding-left: 40px;
    width: 280px;
  }
}

@media (min-width: 720px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
    padding-right: 20px;
    width: 200px;
  }
}

@media (min-width: 840px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
    padding-right: 40px;
    width: 280px;
  }
}

@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
    padding-right: 20px;
    width: 200px;
  }
}

@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleOneThird {
    padding-right: 40px;
    width: 280px;
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
  width: 100%;
}
@media (min-width: 720px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}
@media (min-width: 840px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: calc(100% - 280px);
  }
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}
@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasRightBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: calc(100% - 280px);
  }
}

@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent {
    width: calc(100% - 200px);
  }
}

@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsPageContent {
    width: calc(100% - 280px);
  }
}

@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
    margin-top: 0;
  }
}

@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideRightLayout.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px;
  }
}

.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
  width: 100%;
  padding-right: 0;
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleOneThird {
    padding-right: 20px;
    width: 200px;
  }
}

.fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
  width: 100%;
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideRightLayout.fsHasLeftBanner .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}

@media (min-width: 720px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
  }
}

@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    #fsPageContent {
    width: calc(100% - 200px);
  }
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    #fsPageContent {
    width: calc(100% - 400px);
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
  width: 100%;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (min-width: 961px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    #fsBannerRight {
    padding-left: 20px;
    width: 200px;
    margin-top: 0;
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
  .fsStyleOneThird {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleOneThird {
    padding-right: 20px;
    width: 200px;
    margin-bottom: 0;
  }
}

.fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
  .fsStyleTwoThirds {
  margin-bottom: 20px;
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 1025px) {
  .fsHasElephantLeftLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideRightLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}

.fsElephantRightLayout,
.fsTwoColumnWideLeftLayout {
  margin-left: 0;
  margin-right: 0;
}
@media (min-width: 720px) {
  .fsElephantRightLayout,
  .fsTwoColumnWideLeftLayout {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
.fsElephantRightLayout .fsStyleOneThird,
.fsTwoColumnWideLeftLayout .fsStyleOneThird {
  width: 100%;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  .fsElephantRightLayout .fsStyleOneThird,
  .fsTwoColumnWideLeftLayout .fsStyleOneThird {
    padding-left: 20px;
    padding-right: 0;
    width: 200px;
    margin-bottom: 0;
  }
}
@media (min-width: 840px) {
  .fsElephantRightLayout .fsStyleOneThird,
  .fsTwoColumnWideLeftLayout .fsStyleOneThird {
    padding-left: 40px;
    width: 280px;
  }
}
.fsElephantRightLayout .fsStyleTwoThirds,
.fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
  width: 100%;
}
@media (min-width: 720px) {
  .fsElephantRightLayout .fsStyleTwoThirds,
  .fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
    width: calc(100% - 200px);
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 840px) {
  .fsElephantRightLayout .fsStyleTwoThirds,
  .fsTwoColumnWideLeftLayout .fsStyleTwoThirds {
    width: calc(100% - 280px);
  }
}

.fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
  width: 100%;
}
@media (min-width: 720px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
    width: calc(100% - 200px);
  }
}
@media (min-width: 840px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
    width: calc(100% - 280px);
  }
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
    width: calc(100% - 200px);
  }
}
@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsPageContent {
    width: calc(100% - 280px);
  }
}

.fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
  width: 100%;
  padding-left: 0;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
  }
}
@media (min-width: 840px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px;
  }
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner #fsBannerLeft {
    padding-right: 40px;
    width: 280px;
  }
}

.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
  width: 100%;
  padding-left: 0;
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
    padding-left: 20px;
    width: 200px;
  }
}
@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleOneThird {
    padding-left: 40px;
    width: 280px;
  }
}

.fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
  margin-bottom: 20px;
  width: 100%;
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
    width: calc(100% - 200px);
    margin-bottom: 0;
  }
}
@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideLeftLayout.fsHasLeftBanner .fsStyleTwoThirds {
    width: calc(100% - 280px);
  }
}

@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent {
    width: calc(100% - 200px);
  }
}

@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasRightBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsPageContent {
    width: calc(100% - 280px);
  }
}

@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight {
    padding-left: 20px;
    width: 200px;
    margin-top: 0;
  }
}

@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasRightBanner #fsBannerRight,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner #fsBannerRight {
    padding-left: 40px;
    width: 280px;
  }
}

.fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
  width: 100%;
  padding-left: 0;
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner .fsStyleOneThird,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleOneThird {
    padding-left: 20px;
    width: 200px;
  }
}

.fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
  width: 100%;
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight {
  width: 100%;
  padding-left: 0;
  margin-top: 20px;
  margin-bottom: 0;
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerRight,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    #fsBannerRight {
    padding-left: 20px;
    width: 200px;
    margin-top: 0;
  }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent {
  width: 100%;
  margin-bottom: 0;
}
@media (min-width: 720px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    #fsPageContent {
    width: calc(100% - 200px);
  }
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsPageContent,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    #fsPageContent {
    width: calc(100% - 400px);
  }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
  width: 100%;
  padding-left: 0;
  margin-bottom: 20px;
}
@media (min-width: 720px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
    margin-bottom: 0;
  }
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner #fsBannerLeft {
    padding-right: 20px;
    width: 200px;
  }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
  .fsStyleOneThird {
  margin-bottom: 0;
}
@media (min-width: 840px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleOneThird {
    padding-left: 20px;
    width: 200px;
  }
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleOneThird {
    width: 100%;
    padding-left: 0;
  }
}
@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleOneThird,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleOneThird {
    padding-left: 20px;
    width: 200px;
  }
}

.fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
.fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
  .fsStyleTwoThirds {
  margin-bottom: 0;
}
@media (min-width: 840px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}
@media (min-width: 961px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleTwoThirds {
    width: 100%;
  }
}
@media (min-width: 1025px) {
  .fsHasElephantRightLayout.fsHasRightBanner.fsHasLeftBanner .fsStyleTwoThirds,
  .fsHasTwoColumnWideLeftLayout.fsHasRightBanner.fsHasLeftBanner
    .fsStyleTwoThirds {
    width: calc(100% - 200px);
  }
}

#fsPoweredByFinalsite {
  width: 100%;
  position: relative;
  margin: 0 auto;
  max-width: 65.55556em;
  max-width: 73.75rem;
  background-position: center center;
  height: 40px;
}
@media (min-width: 961px) {
  #fsPoweredByFinalsite {
    right: 60px;
    bottom: 5px;
    height: 40px;
    position: absolute;
    width: 200px;
  }
}

/*! elements - constituent main */
/*! elements - constituent default layout */
.fsConstituent {
  word-break: break-word;
}
.fsConstituent .fsElementPagination {
  margin: 20px 0;
}
.fsConstituent .fsPhoto[style*="background-image"],
.fsConstituent .fsProfileImage[style*="background-image"] {
  background-size: cover;
  background-position: center;
  display: inline-block;
}
.fsConstituent .fsPhoto[style*="background-image"] > img,
.fsConstituent .fsProfileImage[style*="background-image"] > img {
  opacity: 0;
  visibility: hidden;
}
.fsConstituent[class*="fsThumbnailAlign"] .fsPhoto img,
.fsConstituent[class*="fsThumbnailAlign"] .fsProfileImage img {
  float: none;
  margin: 0;
}
.fsConstituent.fsThumbnailAlignLeft .fsPhoto,
.fsConstituent.fsThumbnailAlignLeft .fsProfileImage {
  float: left;
  padding-right: 0;
}
.fsConstituent.fsThumbnailAlignRight .fsPhoto,
.fsConstituent.fsThumbnailAlignRight .fsProfileImage {
  float: right;
  padding-left: 0;
}

.fsConstituentProfile {
  position: relative;
}
.fsConstituentProfile > div,
.fsConstituentProfile > h3 {
  margin-bottom: 20px;
}
.fsConstituentProfile > div > strong {
  display: block;
}

/*! elements - constituent default layout */
.fsConstituent .fsConstituentItem {
  float: none;
  width: calc(100% - 20px);
  margin: 0 auto 40px;
}

.fsConstituent.fsThumbnailAlignLeft .fsPhoto {
  margin-right: 10px;
  margin-bottom: 10px;
}

.fsConstituent.fsThumbnailAlignRight .fsPhoto {
  margin-left: 10px;
  margin-bottom: 10px;
}

.fsConstituentItem {
  padding-left: 10px;
  padding-right: 10px;
}
.fsConstituentItem > h3,
.fsConstituentItem > div {
  margin-bottom: 10px;
}
.fsConstituentItem > h3:last-child,
.fsConstituentItem > div:last-child {
  margin-bottom: 0;
}
.fsConstituentItem .fsPhoto img {
  display: block;
}

div[class^="fsConstituentColumnLayout"] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -20px;
}

@media (min-width: 600px) {
  .fsConstituentColumnLayout_2 .fsConstituentItem,
  .fsConstituentColumnLayout_3 .fsConstituentItem,
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: calc(50% - 20px);
    margin-left: 10px;
    margin-right: 10px;
  }
}

@media (min-width: 800px) {
  .fsConstituentColumnLayout_3 .fsConstituentItem,
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: calc(33.33% - 20px);
  }
}

@media (min-width: 1000px) {
  .fsConstituentColumnLayout_4 .fsConstituentItem {
    width: calc(25% - 20px);
  }
}

/*! elements - constituent profile */
.fsConstituent.fsProfile .fsFullName {
  margin-bottom: 20px;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
  .fsHasPhoto
  .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
  .fsHasPhoto
  .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
  .fsHasPhoto
  .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
  .fsHasPhoto
  .fsProfileImage {
  margin: 0 0 20px 0;
  padding: 0;
  float: none;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
  .fsHasPhoto
  > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge .fsHasPhoto > h3,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
  .fsHasPhoto
  > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall .fsHasPhoto > h3,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
  .fsHasPhoto
  > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
  .fsHasPhoto
  > h3,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
  .fsHasPhoto
  > div:not(.fsProfileImage),
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
  .fsHasPhoto
  > h3 {
  float: none;
  width: 100%;
}
@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
    .fsHasPhoto
    > h3 {
    padding: 0;
  }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
  .fsHasPhoto
  > h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
  .fsHasPhoto
  > h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
  .fsHasPhoto
  > h3:first-child,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
  .fsHasPhoto
  > h3:first-child {
  padding: 0;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
  .fsHasPhoto
  .fsProfileImage,
.fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
  .fsHasPhoto
  .fsProfileImage {
  float: none;
}
@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
    .fsHasPhoto
    .fsProfileImage {
    max-width: 40%;
  }
}

@media (min-width: 1000px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle
    .fsHasPhoto
    .fsProfileImage {
    max-width: 512px;
  }
}

@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
    .fsHasPhoto
    .fsProfileImage {
    max-width: 25%;
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle
    .fsHasPhoto
    .fsProfileImage {
    max-width: 128px;
  }
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSection:after,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSection:after {
  display: none;
}

.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData {
  float: none;
  display: block;
  width: 100%;
}
.fsConstituent.fsProfile.fsThumbnailAlignLeft .fsProfileSectionData > div,
.fsConstituent.fsProfile.fsThumbnailAlignRight .fsProfileSectionData > div {
  clear: none;
}

@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsHasPhoto
    .fsProfileImage {
    margin-right: 20px;
    float: left;
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsHasPhoto
    > h3 {
    padding-left: calc(40% + 20px);
  }
}

@media (min-width: 1000px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailSquare
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailLarge.fsThumbnailRectangle
    .fsHasPhoto
    > h3 {
    padding-left: 532px;
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsHasPhoto
    > h3 {
    padding-left: calc(25% + 20px);
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle
    .fsHasPhoto
    > h3 {
    padding-left: 148px;
  }
}

@media (min-width: 600px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
    .fsHasPhoto
    .fsProfileImage,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
    .fsHasPhoto
    .fsProfileImage {
    margin-left: 20px;
    float: right;
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge
    .fsHasPhoto
    > h3 {
    padding-right: calc(40% + 20px);
  }
}

@media (min-width: 1000px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailSquare
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailLarge.fsThumbnailRectangle
    .fsHasPhoto
    > h3 {
    padding-right: 532px;
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall
    .fsHasPhoto
    > h3 {
    padding-right: calc(25% + 20px);
  }
}

@media (min-width: 800px) {
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare
    .fsHasPhoto
    > h3,
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle
    .fsHasPhoto
    > div:not(.fsProfileImage),
  .fsConstituent.fsProfile.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle
    .fsHasPhoto
    > h3 {
    padding-right: 148px;
  }
}

.fsProfileImage {
  margin-bottom: 20px;
}
.fsProfileImage img {
  display: block;
}

.fsProfileSection {
  margin-bottom: 20px;
}
.fsProfileSection h4 {
  margin: 0 0 1rem 0;
}

.fsProfileSectionData {
  margin-bottom: 1em;
}
.fsProfileSectionData:last-child {
  margin-bottom: 0;
}
.fsProfileSectionData.fsTitle {
  font-weight: inherit;
  font-size: 18px;
  line-height: 1.5em;
}
.fsProfileSectionData > div {
  width: auto;
  float: none;
  display: block;
}
.fsProfileSectionData.fsStyleHalf {
  width: 100%;
}
@media (min-width: 600px) {
  .fsProfileSectionData.fsStyleHalf {
    width: 50%;
  }
}

.fsProfileSectionSpecialData > div {
  width: auto;
  float: none;
  display: block;
}

.fsProfileSectionSpecialData div[id^="fsEmail"] {
  display: inline-block;
}

.fsProfileSectionFieldName,
.fsEmail > div:first-child {
  font-weight: 700;
}

/*! elements - constituent search */
.fsConstituent.fsSearch {
  overflow: hidden;
}
.fsConstituent.fsSearch + .fsConstituent {
  border-top: solid 1px #b5b5b5;
  margin-top: 20px;
  padding-top: 20px;
}

.fsConstituentSearchForm {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.fsConstituentSearchForm > label {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.fsConstituentSearchForm > label > span {
  margin-bottom: 2px;
}
.fsConstituentSearchForm > label > select,
.fsConstituentSearchForm > label > input {
  border: solid 1px #b5b5b5;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.fsConstituentSearchForm > label > select {
  height: 34px;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.fsConstituentSearchForm [type*="submit"] {
  -ms-flex-item-align: end;
  align-self: flex-end;
  margin: 10px;
  width: 100%;
}
@media (min-width: 600px) {
  .fsConstituentSearchForm [type*="submit"] {
    width: auto;
  }
}

/*! elements - constituent default layout */
.fsConstituent.fsElementDialog .fsProfileImage:first-child {
  margin-top: 1em;
}

.fsConstituent.fsElementDialog .fsProfileImage img {
  float: none;
  margin: 0;
}

.fsConstituent .fsDialogContent {
  padding-top: 45px;
}

.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
  .fsProfileImage,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
  .fsProfileImage,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
  .fsProfileImage,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
  .fsProfileImage {
  margin: 0 0 20px 0;
  padding: 0;
  float: none;
}

.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
  > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
  > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
  > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
  > div:not(.fsProfileImage),
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
  float: none;
  width: 100%;
}
@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
    padding: 0;
  }
}

.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
  > h3:first-child,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
  > h3:first-child,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
  > h3:first-child,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
  > h3:first-child {
  padding: 0;
}

.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
  .fsProfileImage,
.fsElementDialog
  .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
  .fsProfileImage {
  float: none;
}
@media (min-width: 600px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
    .fsProfileImage {
    max-width: 40%;
  }
}

@media (min-width: 600px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
    .fsProfileImage {
    max-width: 25%;
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle
    .fsProfileImage {
    max-width: 128px;
  }
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSection:after,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSection:after {
  display: none;
}

.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData {
  float: none;
  display: block;
  width: 100%;
}
.fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft .fsProfileSectionData > div,
.fsElementDialog .fsHasPhoto.fsThumbnailAlignRight .fsProfileSectionData > div {
  clear: none;
}

@media (min-width: 600px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
    .fsProfileImage {
    margin-right: 20px;
    float: left;
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailLarge > h3 {
    padding-left: calc(40% + 20px);
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall > h3 {
    padding-left: calc(25% + 20px);
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare
    > div:not(.fsProfileImage),
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailSquare
    > h3,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle
    > div:not(.fsProfileImage),
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignLeft.fsThumbnailSmall.fsThumbnailRectangle
    > h3 {
    padding-left: 148px;
  }
}

@media (min-width: 600px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
    .fsProfileImage,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
    .fsProfileImage {
    margin-left: 20px;
    float: right;
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailLarge > h3 {
    padding-right: calc(40% + 20px);
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall
    > div:not(.fsProfileImage),
  .fsElementDialog .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall > h3 {
    padding-right: calc(25% + 20px);
  }
}

@media (min-width: 800px) {
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare
    > div:not(.fsProfileImage),
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailSquare
    > h3,
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle
    > div:not(.fsProfileImage),
  .fsElementDialog
    .fsHasPhoto.fsThumbnailAlignRight.fsThumbnailSmall.fsThumbnailRectangle
    > h3 {
    padding-right: 148px;
  }
}

/*! elements - accordion */
.fsAccordion .fsPanel > header,
.fsTabs .fsPanel > header {
  cursor: pointer;
  background: #e8e8e8;
  transition: 0.3s;
}
.fsAccordion .fsPanel > header h2,
.fsTabs .fsPanel > header h2 {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  margin-bottom: 10px;
  display: block;
  padding: 20px;
  line-height: 1em;
  color: #808080;
  transition: 0.3s;
  position: relative;
  font-size: 12px;
  font-family: "Gill Sans W01", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.075em;
}
.fsAccordion .fsPanel > header h2 a,
.fsTabs .fsPanel > header h2 a {
  transition: none;
  font-weight: 500;
}
.fsAccordion .fsPanel > header:hover,
.fsTabs .fsPanel > header:hover {
  background: #e8e8e8;
  transition: 0.3s;
}
.fsAccordion .fsPanel > header:hover h2,
.fsTabs .fsPanel > header:hover h2 {
  color: #dc2f34;
  transition: 0.3s;
}

.fsAccordion .fsPanel.fsStateOpen > header,
.fsTabs .fsPanel.fsStateOpen > header {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
}
.fsAccordion .fsPanel.fsStateOpen > header h2,
.fsTabs .fsPanel.fsStateOpen > header h2 {
  color: #fff;
}
.fsAccordion .fsPanel.fsStateOpen > header h2:before,
.fsTabs .fsPanel.fsStateOpen > header h2:before {
  content: "";
}

.fsPanelIconAfter.fsAccordion .fsPanel > header h2::after,
.fsPanelIconAfter.fsTabs .fsPanel > header h2::after,
.fsPanelIconBefore.fsAccordion .fsPanel > header h2::before,
.fsPanelIconBefore.fsTabs .fsPanel > header h2::before {
  content: "";
  border: none;
  width: auto;
  height: auto;
  position: absolute;
  margin: 0;
  top: 20px;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5.5px 0 5.5px 7px;
  border-color: transparent transparent transparent #dc2f34;
  transition: all 0.3s;
}

.fsPanelIconBefore.fsAccordion .fsPanel.fsStateOpen > header h2::before,
.fsPanelIconBefore.fsTabs .fsPanel.fsStateOpen > header h2::before,
.fsPanelIconAfter.fsAccordion .fsPanel.fsStateOpen > header h2::after,
.fsPanelIconAfter.fsTabs .fsPanel.fsStateOpen > header h2::after {
  border-width: 7px 5.5px 0 5.5px;
  border-color: #fff transparent transparent transparent;
}

.fsPanelIconBefore.fsAccordion .fsPanel > header h2,
.fsPanelIconBefore.fsTabs .fsPanel > header h2 {
  padding-left: 40px;
}
.fsPanelIconBefore.fsAccordion .fsPanel > header h2:before,
.fsPanelIconBefore.fsTabs .fsPanel > header h2:before {
  left: 13.33333px;
}

.fsPanelIconAfter.fsAccordion .fsPanel > header h2,
.fsPanelIconAfter.fsTabs .fsPanel > header h2 {
  padding-right: 40px;
}
.fsPanelIconAfter.fsAccordion .fsPanel > header h2:before,
.fsPanelIconAfter.fsTabs .fsPanel > header h2:before {
  display: none;
}
.fsPanelIconAfter.fsAccordion .fsPanel > header h2:after,
.fsPanelIconAfter.fsTabs .fsPanel > header h2:after {
  right: 13.33333px;
}

.fsAccordion:not(.fsPanelIconBefore):not(.fsPanelIconAfter)
  .fsPanel
  > header
  h2:before,
.fsTabs:not(.fsPanelIconBefore):not(.fsPanelIconAfter)
  .fsPanel
  > header
  h2:before {
  content: "";
}

.fsAccordion .fsPanel .fsElementContent {
  padding: 0;
}

/*! elements - athletics main */
/*! elements - athletics events */
.fsAthleticsEvent > .fsElementContent {
  width: 100%;
}

.fsAthleticsEvent .fsAlertFeeds {
  margin-bottom: 10px;
}

.fsAthleticsEvent .fsElementEventIcon {
  display: inline-block;
  max-width: 100%;
}
.fsAthleticsEvent .fsElementEventIcon img {
  max-width: 30px;
}

.fsAthleticsEvent .fsTitle {
  font-size: 18px;
  line-height: 1.5em;
  margin-bottom: 0;
}

.fsAthleticsEvent div.fsTitle {
  display: inline-block;
}

/*! elements - athletics events - list subtype */
.fsAthleticsEvent.fsList .fsElementEventIcon {
  margin-right: 10px;
}

.fsAthleticsEvent.fsList .fsAthleticsEventDetailLink {
  outline: 0;
}

.fsAthleticsEvent.fsList .fsAlertIcon {
  margin-left: 5px;
  margin-bottom: -3px;
}

.fsAthleticsEvent.fsList .fsAthleticsOpponents {
  display: inline;
}

.fsAthleticsEvent.fsList .fsAthleticsOpponentNames {
  display: inline;
}

.fsAthleticsEvent.fsList .fsAthleticsEventReadMoreLink {
  display: inline-block;
  margin-top: 5px;
}

.fsAthleticsEvent.fsList .fsAthleticsDismissal,
.fsAthleticsEvent.fsList .fsAthleticsDeparture,
.fsAthleticsEvent.fsList .fsAthleticsReturn,
.fsAthleticsEvent.fsList .fsAthleticsPickup {
  margin-top: 5px;
}

.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel {
  display: inline-block;
}
.fsAthleticsEvent.fsList .fsAthleticsDismissalLabel + div,
.fsAthleticsEvent.fsList .fsAthleticsDepartureLabel + div,
.fsAthleticsEvent.fsList .fsAthleticsReturnLabel + div,
.fsAthleticsEvent.fsList .fsAthleticsPickupLabel + div {
  display: inline-block;
}

/*! elements - athletics events */
.fsAthleticsEvent.fsEvent article > div {
  margin-bottom: 10px;
}
.fsAthleticsEvent.fsEvent article > div:last-child {
  margin-bottom: 0;
}

.fsAthleticsEvent.fsEvent .fsAthleticsOpponents {
  display: inline-block;
}

.fsAthleticsEvent.fsEvent .fsAthleticsVs + div {
  display: inline-block;
}

/*! elements - athletics events - table*/
@media (min-width: 801px) {
  .fsAthleticsEvent.fsTable .fsDateTime,
  .fsAthleticsEvent.fsTable .fsAthleticsScore {
    white-space: nowrap;
  }
}

.fsAthleticsEvent.fsTable .fsElementTable {
  margin-bottom: 0;
}
@media (max-width: 800px) {
  .fsAthleticsEvent.fsTable .fsElementTable thead {
    display: none;
  }
}
@media (max-width: 800px) {
  .fsAthleticsEvent.fsTable .fsElementTable td {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td:not(:last-child) {
    border: 0;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td:first-of-type {
    padding-top: 10px;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td:last-of-type {
    padding-bottom: 10px;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td:before {
    display: inline-block;
    font-weight: 700;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsTitle:before {
    content: "Team: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents {
    display: inline-block;
  }
  .fsAthleticsEvent.fsTable
    .fsElementTable
    td.fsAthleticsOpponents
    .fsAthleticsVs {
    display: inline-block;
  }
  .fsAthleticsEvent.fsTable
    .fsElementTable
    td.fsAthleticsOpponents
    .fsAthleticsOpponentNames {
    display: inline-block;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsOpponents:before {
    content: "Opponent: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate .fsDateTime {
    display: inline-block;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDate:before {
    content: "Date: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime .fsDateTime {
    display: inline-block;
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsTime:before {
    content: "Time: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsLocations:before {
    content: "Location: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAdvantage:before {
    content: "Advantage: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsEventType:before {
    content: "Type: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDetails:before {
    content: "Details: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsResult:before {
    content: "Result: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsScore:before {
    content: "Score: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsAlerts:before {
    content: "Alerts: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDismissal:before {
    content: "Dismissal: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsDeparture:before {
    content: "Departure: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsReturn:before {
    content: "Return Time: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsPickup:before {
    content: "Pickup Time: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsRecap:before {
    content: "Recap: ";
  }
  .fsAthleticsEvent.fsTable .fsElementTable td.fsAthleticsStatus:before {
    content: "Status: ";
  }
}

.fsAthleticsEvent.fsTable .fsAthleticsDismissalLabel,
.fsAthleticsEvent.fsTable .fsAthleticsDepartureLabel,
.fsAthleticsEvent.fsTable .fsAthleticsReturnLabel,
.fsAthleticsEvent.fsTable .fsAthleticsPickupLabel {
  display: none;
}

.fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
  display: inline-block;
}
@media (min-width: 800px) {
  .fsAthleticsEvent.fsTable .fsAthleticsDismissal .fsDateTime {
    display: block;
  }
}

/*! elements - athletics popup modal */
.fsAthleticsEvent.fsDialog {
  margin: auto;
}
.fsAthleticsEvent.fsDialog .fsAthleticsTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 26px;
  line-height: 30px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 10px;
}
.fsAthleticsEvent.fsDialog .fsAthleticsLabel {
  font-weight: bold;
  margin-top: 20px;
}
.fsAthleticsEvent.fsDialog .fsAthleticsAddress > div {
  margin-top: 10px;
}

/*! elements - athletics roster */
.fsAthleticsRoster .fsElementTable td:before,
.fsAthleticsRosterList li > div:before {
  margin-right: 5px;
  display: inline-block;
  font-weight: 700;
}

.fsAthleticsRoster .fsElementTable td.fsRosterPlayerNumber:before,
.fsAthleticsRosterList li > div.fsRosterPlayerNumber:before {
  content: "Number: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterName:before,
.fsAthleticsRosterList li > div.fsRosterName:before {
  content: "Name: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterPosition:before,
.fsAthleticsRosterList li > div.fsRosterPosition:before {
  content: "Position: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterClass:before,
.fsAthleticsRosterList li > div.fsRosterClass:before {
  content: "Class: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterGradeLevel:before,
.fsAthleticsRosterList li > div.fsRosterGradeLevel:before {
  content: "Grade: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterHometown:before,
.fsAthleticsRosterList li > div.fsRosterHometown:before {
  content: "Hometown: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterHeight:before,
.fsAthleticsRosterList li > div.fsRosterHeight:before {
  content: "Height: ";
}

.fsAthleticsRoster .fsElementTable td.fsRosterWeight:before,
.fsAthleticsRosterList li > div.fsRosterWeight:before {
  content: "Weight: ";
}

@media (max-width: 800px) {
  .fsAthleticsRoster .fsElementTable thead {
    display: none;
  }
}

@media (min-width: 800px) {
  .fsAthleticsRoster .fsElementTable td:before {
    display: none;
  }
}

@media (max-width: 800px) {
  .fsAthleticsRoster .fsElementTable td {
    display: inline-block;
    width: 100%;
    padding: 0 10px;
  }
  .fsAthleticsRoster .fsElementTable td:not(:last-child) {
    border: 0;
  }
  .fsAthleticsRoster .fsElementTable td:first-of-type {
    padding-top: 10px;
  }
  .fsAthleticsRoster .fsElementTable td:last-of-type {
    padding-bottom: 10px;
  }
}

.fsAthleticsRosterContent {
  margin-bottom: 20px;
}
.fsAthleticsRosterContent:empty,
.fsAthleticsRosterContent:last-child {
  margin-bottom: 0;
}

.fsAthleticsRosterList,
.fsAthleticsRosterList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fsAthleticsRosterList li {
  margin: 0;
  padding: 0;
}

.fsAthleticsRosterList li {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #e8e8e8;
}
.fsAthleticsRosterList li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.fsAthleticsRosterList li > div {
  margin-bottom: 10px;
}
.fsAthleticsRosterList li > div:last-child {
  margin-bottom: 0;
}
.fsAthleticsRosterList li > div.fsRosterName {
  margin-bottom: 10px;
}
.fsAthleticsRosterList li > div.fsRosterName:before {
  display: none;
}

.fsAthleticsRosterList .fsCoachImage {
  display: block;
  margin-bottom: 10px;
}

/*! elements - athletics teams */
.fsAthleticsTeamDirectory {
  max-width: 100%;
}
.fsAthleticsTeamDirectory,
.fsAthleticsTeamDirectory ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fsAthleticsTeamDirectory li {
  margin: 0;
  padding: 0;
}
.fsAthleticsTeamDirectory > li {
  margin-bottom: 10px;
}
.fsAthleticsTeamDirectory .fsAthleticsTeamIcon {
  display: inline-block;
}

.fsAthleticsTeamIcon {
  margin-right: 10px;
}
.fsAthleticsTeamIcon img {
  max-width: 30px;
}

.fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
  float: none;
}
@media (min-width: 600px) {
  .fsBoardElement.fsThumbnailAlignLeft .fsThumbnail {
    float: left;
  }
}

.fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
  float: none;
}
@media (min-width: 600px) {
  .fsBoardElement.fsThumbnailAlignRight .fsThumbnail {
    float: right;
  }
}

/*! _main.scss - src/sass/modules/calendar/ - main calendar import */
/*! _all.scss - src/sass/modules/calendar/list.scss - calendar each article style */
.fsCalendar article {
  position: relative;
  padding-left: 100px;
  min-height: 70px;
  padding-top: 0;
}
.fsCalendar article .fsElementEventColorIcon {
  width: 12px;
  height: 12px;
}

.fsCalendar .fsDate {
  position: absolute;
  top: 0;
  left: 0;
  text-align: center;
  height: 70px;
  width: 70px;
  color: #fff;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 50%;
  margin-right: 12px;
}
.fsCalendar .fsDate .fsMonth {
  text-transform: uppercase;
  font-weight: 400;
  font-style: italic;
  font-size: 13px;
  line-height: 1.3em;
}
.fsCalendar .fsDate .fsDay {
  font-size: 40px;
  font-family: "Heuristica Regular", Georgia, serif;
}
.fsCalendar .fsDate .fsYear {
  display: none;
}
.fsCalendar .fsDate > span {
  display: block;
}

.fsCalendar .fsTitle {
  font-family: "Heuristica Regular", Georgia, serif;
  display: block;
  font-size: 18px;
}
@media (min-width: 1281px) {
  .fsCalendar .fsTitle {
    font-size: 24px;
  }
}
.fsCalendar .fsTitle .fsCalendarEventLink {
  color: #1c1c1c;
}

.fsCalendar .fsTimeRange,
.fsCalendar .fsLocation,
.fsCalendar .fsAllDay {
  color: silver;
  font-style: italic;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
}
.fsCalendar .fsTimeRange:before,
.fsCalendar .fsLocation:before,
.fsCalendar .fsAllDay:before {
  display: inline-block;
  margin: 0 10px;
  font-style: normal;
}

.fsCalendar .fsTimeRange:before,
.fsCalendar .fsAllDay:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #93999e;
  margin: 0 10px 0 0;
}

.fsCalendar .fsLocation {
  float: left;
  margin-right: 15px;
}
.fsCalendar .fsLocation:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #93999e;
  margin: 0 10px 0 0;
}

.fsCalendar .fsNotes p:last-child,
.fsCalendar .fsDescription p:last-child {
  margin-bottom: 0;
}

.grid .fsCalendar {
  position: relative;
}
.grid .fsCalendar article {
  padding-left: 0;
  margin-bottom: 10px;
}
.grid .fsCalendar .fsDate {
  position: relative;
  float: left;
}
.grid .fsCalendar .fsTitle {
  padding-bottom: 10px;
  padding-top: 0;
}
.grid .fsCalendar .fsTitle a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 80px;
}
@media (min-width: 641px) {
  .grid .fsCalendar .fsElementFooterContent {
    bottom: 20px;
    left: 20px;
    position: absolute;
  }
}
@media (min-width: 1024px) {
  .grid .fsCalendar .fsElementFooterContent {
    left: 40px;
    bottom: 40px;
  }
}
.grid .fsCalendar .fsElementFooterContent a {
  line-height: 22px;
  text-transform: uppercase;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  font-size: 11px;
  text-decoration: underline;
}
.grid .fsCalendar .fsElementFooterContent a:hover {
  text-decoration: none;
}

@media (min-width: 641px) {
  .society-home .grid .fsCalendar.fsList {
    grid-column: span 2;
  }
}

@media (min-width: 961px) {
  .society-home .grid .fsCalendar.fsList {
    grid-column: span 1;
  }
}

.grid .fsCalendar.fsList {
  padding: 30px;
  background: linear-gradient(138deg, #054a76 50%, #103e76 100%);
}
.grid .fsCalendar.fsList .event-list {
  position: static;
}
.grid .fsCalendar.fsList article {
  padding-left: 0;
  margin-bottom: 10px;
}
.grid .fsCalendar.fsList .fsTitle .fsCalendarEventLink {
  color: #fff;
}
.grid .fsCalendar.fsList .slick-dots {
  position: absolute;
  right: 20px;
  list-style: none;
  bottom: 30px;
}
.grid .fsCalendar.fsList .slick-dots,
.grid .fsCalendar.fsList .slick-dots ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.grid .fsCalendar.fsList .slick-dots li {
  margin: 0;
  padding: 0;
}
@media (min-width: 1024px) {
  .grid .fsCalendar.fsList .slick-dots {
    bottom: 40px;
  }
}
.grid .fsCalendar.fsList .slick-dots li {
  list-style: none;
  display: inline-block;
  line-height: 0.75em;
}
.grid .fsCalendar.fsList .slick-dots li.slick-active {
  opacity: 0.4;
}
.grid .fsCalendar.fsList .slick-dots li:before {
  display: none;
}
.grid .fsCalendar.fsList .slick-dots li button {
  border: 0;
  background: none;
  outline: 0;
  margin: 0;
  padding: 0;
  font-size: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  margin-left: 15px;
  background-color: #fff;
}
.grid .fsCalendar.fsList .fsElementFooterContent a {
  color: #fff;
}
.grid .fsCalendar.fsList .fsElementFooterContent a:hover {
  text-decoration: none;
}

.grid .fsCalendar.fsSingleItem {
  background-color: #fff;
  position: relative;
}
.grid .fsCalendar.fsSingleItem:after {
  background-image: url("../images/large-white-callout-bg.svg");
  background-position: right bottom;
  background-size: 160px auto;
  background-repeat: no-repeat;
  opacity: 1;
  content: "";
}
.grid .fsCalendar.fsSingleItem article {
  padding: 40px;
}
.grid .fsCalendar.fsSingleItem .fsNotes {
  clear: both;
}

/*! _list.scss - src/sass/modules/calendar/list.scss - calendar event */
.fsCalendar.fsList .fsListItems + button {
  margin-top: 0;
}

/*! _grid.scss - src/sass/modules/calendar/grid.scss - calendar grid */
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div {
  margin-bottom: 5px;
}
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarInfo > div:last-child {
  margin-bottom: 0;
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle {
  font-size: 1.1em;
  font-weight: bold;
  outline: 0;
}
.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarEventTitle + div {
  margin-top: 5px;
}

.fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
  line-height: 1;
}

@media (min-width: 800px) {
  .fsCalendarEventGrid .fsCalendarRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .fsCalendarEventGrid .fsCalendarDaybox {
    height: auto !important;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
  .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarWeekendDayBox > div {
    height: auto;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}

.fsCalendar.fsGrid .fsCalendarGridControlBar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fsCalendar.fsGrid .fsCalendarGridControlBar:after {
  display: none;
}
.fsCalendar.fsGrid .fsCalendarGridControlBar > div {
  margin: 0;
}
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsDisplayNavigation {
  margin-right: 10px;
}
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
  width: 100%;
}
@media (min-width: 600px) {
  .fsCalendar.fsGrid .fsCalendarGridControlBar .fsCalendarMonthBrowser {
    width: auto;
  }
}
.fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
  margin: 10px 0;
}
@media (min-width: 600px) {
  .fsCalendar.fsGrid .fsCalendarGridControlBar .fsElementControls {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
    margin: 0;
  }
}
.fsCalendar.fsGrid
  .fsCalendarGridControlBar
  .fsCalendarMonthYearPicker:not(.fsStateHidden) {
  z-index: 1;
}

@media screen and (max-width: 799px) {
  .fsCalendar.fsGrid .fsCalendarEventGrid {
    width: 100%;
    margin: 0 auto;
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarMonthBrowser {
    margin: 20px 0;
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarRow {
    width: auto;
    display: inline;
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox {
    width: 14.28% !important;
    height: 45px !important;
    float: left;
    overflow: hidden !important;
    cursor: pointer;
    min-height: 0;
    position: relative;
    padding: 0;
    margin: 0;
    border: none;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid
    .fsCalendarDaybox.has-info
    .fsCalendarDate {
    font-weight: 700;
    color: #dc2f34;
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.fsCalendarToday {
    background-color: rgba(212, 82, 62, 0.15);
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid
    .fsCalendarDaybox.fsCalendarOutOfRange {
    background-color: rgba(212, 82, 62, 0.05);
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid
    .fsCalendarDaybox.fsCalendarWeekendDayBox {
    border: none;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid
    .fsCalendarDaybox.fsCalendarWeekendDayBox
    > div {
    position: relative;
    min-height: 0;
    height: 25px;
    border: 1px solid #ededed;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid
    .fsCalendarDaybox.fsCalendarWeekendDayBox
    > div.selected {
    background-color: rgba(212, 82, 62, 0.25);
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox.selected {
    background-color: rgba(212, 82, 62, 0.25);
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarDaybox .fsCalendarDate {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1;
    font-size: 15px;
    margin-bottom: 0;
  }
  .fsCalendar.fsGrid .fsCalendarEventGrid .fsCalendarInfo {
    display: none;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarRow {
    border-left: 1px solid #ededed;
    border-right: 1px solid #ededed;
    zoom: 1;
    display: block;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarRow:after {
    display: table;
    clear: both;
    content: "";
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarRow:first-child {
    border-top: 1px solid #ededed;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarRow:last-child {
    border-bottom: 1px solid #ededed;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarDaybox {
    width: 16.666% !important;
    height: 50px !important;
    border: 1px solid #ededed;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarDaybox.fsCalendarWeekendDayBox {
    border: none;
  }
  .fsCalendar.fsGrid
    .fsCalendarEventGrid.fsCalendarCombineWeekendDays
    .fsCalendarDaybox.fsCalendarOutOfRange {
    display: block;
  }
}

#event-view {
  padding: 20px;
  margin: 20px auto 0;
}
#event-view .fsCalendarDaybox {
  height: auto !important;
}
#event-view .fsCalendarDaybox > div {
  margin-bottom: 20px;
}
#event-view .fsCalendarEventTitle {
  font-size: 1.1em;
  font-weight: bold;
  margin-bottom: 5px;
}
@media screen and (min-width: 800px) {
  #event-view {
    display: none;
  }
}

.scroll-up {
  text-align: center;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
}
.scroll-up span {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
  padding: 10px 20px;
}
.scroll-up span:hover,
.scroll-up span:focus,
.scroll-up span:visited,
.fsStateSelected .scroll-up span {
  color: #fff;
  text-decoration: none;
}
.scroll-up span em {
  display: block;
  font-style: normal;
}
.scroll-up + .fsCalendarLegend {
  margin-top: 20px !important;
}
@media screen and (min-width: 800px) {
  .scroll-up {
    display: none;
  }
}

.fsElementEventColorIcon {
  display: inline-block;
}

.fsCalendar.fsGrid .fsCalendarEventGrid + .fsCalendarLegend {
  margin-top: 40px;
}

.fsCalendar.fsGrid .fsCalendarLegend,
.fsCalendar.fsGrid .fsCalendarLegend ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fsCalendar.fsGrid .fsCalendarLegend li {
  margin: 0;
  padding: 0;
}

.fsCalendar.fsGrid .fsCalendarLegend h4 {
  margin-bottom: 20px;
}

@media (min-width: 600px) {
  .fsCalendar.fsGrid .fsCalendarLegend > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}

.fsCalendar.fsGrid .fsCalendarLegend > ul > li {
  margin-left: 0;
}
@media (min-width: 600px) {
  .fsCalendar.fsGrid .fsCalendarLegend > ul > li {
    width: 49%;
  }
}

.fsCalendar.fsGrid .fsCalendarLegend .fsElementEventColorIcon {
  vertical-align: baseline;
}

/*! _slideshow.scss - src/sass/modules/calendar/slideshow.scss - calendar slideshow */
.fsCalendar.fsSlideshow .fsAlertFeeds {
  float: none;
}

.fsCalendar.fsSlideshowHorizontal .fsElementSlideshow {
  padding-left: 45px;
  padding-right: 45px;
  padding-bottom: 0;
}

.fsCalendar.fsSlideshowVertical .fsElementSlideshow {
  padding-left: 45px;
  padding-top: 45px;
  padding-bottom: 45px;
}

/*! _event.scss - src/sass/modules/calendar/event.scss - calendar event */
/*! elements - forms */
textarea,
input,
select {
  padding: 5px;
  max-width: 100%;
}

.fsComposerFormEmbed {
  background: none;
}
.fsComposerFormEmbed body {
  margin: 0;
  font-size: 16px;
}
.fsComposerFormEmbed form {
  zoom: 1;
}
.fsComposerFormEmbed form:after {
  display: table;
  clear: both;
  content: "";
}
.fsComposerFormEmbed form input,
.fsComposerFormEmbed form textarea,
.fsComposerFormEmbed form select {
  font-family: "Gill Sans W01", sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  color: #1c1c1c;
}
.fsComposerFormEmbed form input {
  border: solid 1px #ccc;
}
.fsComposerFormEmbed form input.fileUploader {
  padding: 0;
  width: 100%;
  border: none;
}
.fsComposerFormEmbed form fieldset {
  padding: 0;
}
.fsComposerFormEmbed form textarea {
  max-width: 100%;
  width: 100%;
  border: solid 1px #ccc;
}
.fsComposerFormEmbed form .mainGroupSub {
  max-width: 100%;
  width: 100% !important;
}
.fsComposerFormEmbed form .formPage {
  margin-bottom: 20px;
}
.fsComposerFormEmbed form .elementRow {
  max-width: 100%;
  margin: 0;
}
.fsComposerFormEmbed form .elementRow:last-child .elementContainer:last-child {
  margin-bottom: 0;
}
.fsComposerFormEmbed form .elementContainer {
  margin: 0 0 20px;
  padding: 0;
}
@media screen and (max-width: 599px) {
  .fsComposerFormEmbed form .elementContainer {
    width: 100%;
  }
}
.fsComposerFormEmbed form .elementContainer label {
  margin-bottom: 2px;
}
.fsComposerFormEmbed form .elementContainer label.horizontal {
  white-space: normal;
  margin-right: 10px !important;
}
.fsComposerFormEmbed form .elementContainer label.horizontal:last-child {
  margin-right: 0;
}
.fsComposerFormEmbed form .elementContainer hr {
  margin: 0 auto;
}
.fsComposerFormEmbed form .elementContainer p:last-child {
  margin-bottom: 0;
}
@media screen and (max-width: 599px) {
  .fsComposerFormEmbed form .elementBody > input {
    width: 100%;
  }
}
.fsComposerFormEmbed form .elementBody > .descText {
  margin-bottom: 10px;
}
.fsComposerFormEmbed form .labelLeft .elementContainer label,
.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
  width: 100%;
  margin: 0;
  padding: 0;
  text-align: left;
  float: none;
}
@media (min-width: 600px) {
  .fsComposerFormEmbed form .labelLeft .elementContainer label,
  .fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel {
    width: 20%;
    padding-right: 10px;
    text-align: right;
    float: left;
  }
}
@media (min-width: 600px) {
  .fsComposerFormEmbed form .labelLeft .elementContainer > label {
    padding: 5px 10px 5px 5px;
  }
}
.fsComposerFormEmbed form .labelLeft .elementContainer .groupLabel label {
  width: 100%;
}
.fsComposerFormEmbed form .labelLeft .elementContainer fieldset label {
  width: auto;
}
.fsComposerFormEmbed form .labelLeft .elementBody {
  margin: 0;
  width: 100%;
  float: none;
}
@media (min-width: 600px) {
  .fsComposerFormEmbed form .labelLeft .elementBody {
    width: 80%;
    float: left;
  }
}
.fsComposerFormEmbed form .linkLike {
  color: #dc2f34;
  margin-right: 10px;
  cursor: pointer;
  transition: 0.3s;
}
.fsComposerFormEmbed form .linkLike:hover {
  color: #747266;
}
.fsComposerFormEmbed form .required {
  color: #dc2f34;
  font-weight: 300;
}
.fsComposerFormEmbed form .pageControls {
  padding: 10px 0 !important;
  margin-bottom: 10px;
}
.fsComposerFormEmbed form .pageControls .userConfirmation {
  margin-bottom: 0;
}
.fsComposerFormEmbed form .userConfirmation {
  margin-bottom: 20px;
}
.fsComposerFormEmbed form .userConfirmation .userConfirmationToggle {
  margin-right: 5px;
}
.fsComposerFormEmbed form .userConfirmation > label {
  display: block;
}
.fsComposerFormEmbed form .elementColumn {
  zoom: 1;
  margin-bottom: 20px;
  max-width: 100%;
}
.fsComposerFormEmbed form .elementColumn:after {
  display: table;
  clear: both;
  content: "";
}
@media screen and (max-width: 599px) {
  .fsComposerFormEmbed form .elementColumn {
    float: none !important;
    width: 100% !important;
  }
}
.fsComposerFormEmbed form .elementColumn .elementContainer {
  margin-bottom: 0;
}
.fsComposerFormEmbed form .elementColumn .elementBody > input {
  width: 100%;
}
.fsComposerFormEmbed form .pageBreak {
  zoom: 1;
}
.fsComposerFormEmbed form .pageBreak:after {
  display: table;
  clear: both;
  content: "";
}
.fsComposerFormEmbed form .pageBreak .nextPage,
.fsComposerFormEmbed form .pageBreak .prevPage {
  background: none;
  border: none;
  color: #dc2f34;
  transition: 0.3s;
  outline: 0;
  float: left;
  padding: 0;
  line-height: 1;
  padding: 10px 0;
}
.fsComposerFormEmbed form .pageBreak .nextPage:hover,
.fsComposerFormEmbed form .pageBreak .prevPage:hover {
  color: #747266;
  transition: 0.3s;
}
.fsComposerFormEmbed form .pageBreak .prevPage {
  margin-right: 10px;
}
.fsComposerFormEmbed form .pageBreak .pagenum {
  display: inline-block;
  float: left;
  line-height: 1;
  margin-right: 10px;
  padding: 10px 0;
}
.fsComposerFormEmbed form .pageBreak .pagenum:empty {
  margin: 0;
}
.fsComposerFormEmbed form .submitBtn {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.fsComposerFormEmbed form .submitBtn:hover,
.fsComposerFormEmbed form .submitBtn:focus,
.fsStateSelected .fsComposerFormEmbed form .submitBtn {
  color: #fff;
  text-decoration: none;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}
.fsComposerFormEmbed form .submitBtn em {
  display: block;
  font-style: normal;
}
.fsComposerFormEmbed .ui-widget {
  font-family: "Gill Sans W01", sans-serif;
  max-width: 100%;
}
.fsComposerFormEmbed .ui-datepicker:empty {
  display: none;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-header {
  background: none;
  border: none;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next {
  background: none;
  border: none;
  text-align: center;
  font-size: 20px;
  cursor: pointer;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev span,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next span {
  display: none;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
  content: "";
  font-weight: bold;
  transition: 0.3s;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:hover:before,
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:hover:before {
  transition: 0.3s;
  opacity: 0.5;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next:before {
  content: "\203A";
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev:before {
  content: "\2039";
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-next-hover {
  right: 2px;
  top: 2px;
}
.fsComposerFormEmbed .ui-datepicker .ui-datepicker-prev-hover {
  left: 2px;
  top: 2px;
}
.fsComposerFormEmbed .ui-datepicker .ui-state-default {
  background: rgba(0, 0, 0, 0.05);
  text-align: center;
}
.fsComposerFormEmbed .ui-datepicker .ui-state-active {
  background: rgba(0, 0, 0, 0.1);
}
.fsComposerFormEmbed .ui-datepicker .ui-state-highlight {
  border: solid 1px #d3d3d3;
  background-color: #d3d3d3;
}

::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

:-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

/*! elements - login */
.fsLogin .fsLoginMainView,
.fsLogin .fsLoginForgotView,
.fsLogin .fsLoginNewView,
.fsLogin .fsResetPasswordView,
.fsAccount .fsLoginMainView,
.fsAccount .fsLoginForgotView,
.fsAccount .fsLoginNewView,
.fsAccount .fsResetPasswordView {
  zoom: 1;
}
.fsLogin .fsLoginMainView:after,
.fsLogin .fsLoginForgotView:after,
.fsLogin .fsLoginNewView:after,
.fsLogin .fsResetPasswordView:after,
.fsAccount .fsLoginMainView:after,
.fsAccount .fsLoginForgotView:after,
.fsAccount .fsLoginNewView:after,
.fsAccount .fsResetPasswordView:after {
  display: table;
  clear: both;
  content: "";
}
.fsLogin .fsLoginMainView h3,
.fsLogin .fsLoginForgotView h3,
.fsLogin .fsLoginNewView h3,
.fsLogin .fsResetPasswordView h3,
.fsAccount .fsLoginMainView h3,
.fsAccount .fsLoginForgotView h3,
.fsAccount .fsLoginNewView h3,
.fsAccount .fsResetPasswordView h3 {
  margin-bottom: 20px;
}
.fsLogin .fsLoginMainView span,
.fsLogin .fsLoginForgotView span,
.fsLogin .fsLoginNewView span,
.fsLogin .fsResetPasswordView span,
.fsAccount .fsLoginMainView span,
.fsAccount .fsLoginForgotView span,
.fsAccount .fsLoginNewView span,
.fsAccount .fsResetPasswordView span {
  margin-bottom: 2px;
}
.fsLogin .fsLoginMainView .fsLoginSubmit,
.fsLogin .fsLoginMainView button,
.fsLogin .fsLoginForgotView .fsLoginSubmit,
.fsLogin .fsLoginForgotView button,
.fsLogin .fsLoginNewView .fsLoginSubmit,
.fsLogin .fsLoginNewView button,
.fsLogin .fsResetPasswordView .fsLoginSubmit,
.fsLogin .fsResetPasswordView button,
.fsAccount .fsLoginMainView .fsLoginSubmit,
.fsAccount .fsLoginMainView button,
.fsAccount .fsLoginForgotView .fsLoginSubmit,
.fsAccount .fsLoginForgotView button,
.fsAccount .fsLoginNewView .fsLoginSubmit,
.fsAccount .fsLoginNewView button,
.fsAccount .fsResetPasswordView .fsLoginSubmit,
.fsAccount .fsResetPasswordView button {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.fsLogin .fsLoginMainView .fsLoginSubmit:hover,
.fsLogin .fsLoginMainView .fsLoginSubmit:focus,
.fsLogin .fsLoginMainView .fsLoginSubmit:visited,
.fsStateSelected .fsLogin .fsLoginMainView .fsLoginSubmit,
.fsLogin .fsLoginMainView button:hover,
.fsLogin .fsLoginMainView button:focus,
.fsLogin .fsLoginMainView button:visited,
.fsStateSelected .fsLogin .fsLoginMainView button,
.fsLogin .fsLoginForgotView .fsLoginSubmit:hover,
.fsLogin .fsLoginForgotView .fsLoginSubmit:focus,
.fsLogin .fsLoginForgotView .fsLoginSubmit:visited,
.fsStateSelected .fsLogin .fsLoginForgotView .fsLoginSubmit,
.fsLogin .fsLoginForgotView button:hover,
.fsLogin .fsLoginForgotView button:focus,
.fsLogin .fsLoginForgotView button:visited,
.fsStateSelected .fsLogin .fsLoginForgotView button,
.fsLogin .fsLoginNewView .fsLoginSubmit:hover,
.fsLogin .fsLoginNewView .fsLoginSubmit:focus,
.fsLogin .fsLoginNewView .fsLoginSubmit:visited,
.fsStateSelected .fsLogin .fsLoginNewView .fsLoginSubmit,
.fsLogin .fsLoginNewView button:hover,
.fsLogin .fsLoginNewView button:focus,
.fsLogin .fsLoginNewView button:visited,
.fsStateSelected .fsLogin .fsLoginNewView button,
.fsLogin .fsResetPasswordView .fsLoginSubmit:hover,
.fsLogin .fsResetPasswordView .fsLoginSubmit:focus,
.fsLogin .fsResetPasswordView .fsLoginSubmit:visited,
.fsStateSelected .fsLogin .fsResetPasswordView .fsLoginSubmit,
.fsLogin .fsResetPasswordView button:hover,
.fsLogin .fsResetPasswordView button:focus,
.fsLogin .fsResetPasswordView button:visited,
.fsStateSelected .fsLogin .fsResetPasswordView button,
.fsAccount .fsLoginMainView .fsLoginSubmit:hover,
.fsAccount .fsLoginMainView .fsLoginSubmit:focus,
.fsAccount .fsLoginMainView .fsLoginSubmit:visited,
.fsStateSelected .fsAccount .fsLoginMainView .fsLoginSubmit,
.fsAccount .fsLoginMainView button:hover,
.fsAccount .fsLoginMainView button:focus,
.fsAccount .fsLoginMainView button:visited,
.fsStateSelected .fsAccount .fsLoginMainView button,
.fsAccount .fsLoginForgotView .fsLoginSubmit:hover,
.fsAccount .fsLoginForgotView .fsLoginSubmit:focus,
.fsAccount .fsLoginForgotView .fsLoginSubmit:visited,
.fsStateSelected .fsAccount .fsLoginForgotView .fsLoginSubmit,
.fsAccount .fsLoginForgotView button:hover,
.fsAccount .fsLoginForgotView button:focus,
.fsAccount .fsLoginForgotView button:visited,
.fsStateSelected .fsAccount .fsLoginForgotView button,
.fsAccount .fsLoginNewView .fsLoginSubmit:hover,
.fsAccount .fsLoginNewView .fsLoginSubmit:focus,
.fsAccount .fsLoginNewView .fsLoginSubmit:visited,
.fsStateSelected .fsAccount .fsLoginNewView .fsLoginSubmit,
.fsAccount .fsLoginNewView button:hover,
.fsAccount .fsLoginNewView button:focus,
.fsAccount .fsLoginNewView button:visited,
.fsStateSelected .fsAccount .fsLoginNewView button,
.fsAccount .fsResetPasswordView .fsLoginSubmit:hover,
.fsAccount .fsResetPasswordView .fsLoginSubmit:focus,
.fsAccount .fsResetPasswordView .fsLoginSubmit:visited,
.fsStateSelected .fsAccount .fsResetPasswordView .fsLoginSubmit,
.fsAccount .fsResetPasswordView button:hover,
.fsAccount .fsResetPasswordView button:focus,
.fsAccount .fsResetPasswordView button:visited,
.fsStateSelected .fsAccount .fsResetPasswordView button {
  color: #fff;
  text-decoration: none;
}
.fsLogin .fsLoginMainView .fsLoginSubmit em,
.fsLogin .fsLoginMainView button em,
.fsLogin .fsLoginForgotView .fsLoginSubmit em,
.fsLogin .fsLoginForgotView button em,
.fsLogin .fsLoginNewView .fsLoginSubmit em,
.fsLogin .fsLoginNewView button em,
.fsLogin .fsResetPasswordView .fsLoginSubmit em,
.fsLogin .fsResetPasswordView button em,
.fsAccount .fsLoginMainView .fsLoginSubmit em,
.fsAccount .fsLoginMainView button em,
.fsAccount .fsLoginForgotView .fsLoginSubmit em,
.fsAccount .fsLoginForgotView button em,
.fsAccount .fsLoginNewView .fsLoginSubmit em,
.fsAccount .fsLoginNewView button em,
.fsAccount .fsResetPasswordView .fsLoginSubmit em,
.fsAccount .fsResetPasswordView button em {
  display: block;
  font-style: normal;
}
.fsLogin .fsLoginMainView .fsLoginSubmit + button,
.fsLogin .fsLoginMainView button + button,
.fsLogin .fsLoginForgotView .fsLoginSubmit + button,
.fsLogin .fsLoginForgotView button + button,
.fsLogin .fsLoginNewView .fsLoginSubmit + button,
.fsLogin .fsLoginNewView button + button,
.fsLogin .fsResetPasswordView .fsLoginSubmit + button,
.fsLogin .fsResetPasswordView button + button,
.fsAccount .fsLoginMainView .fsLoginSubmit + button,
.fsAccount .fsLoginMainView button + button,
.fsAccount .fsLoginForgotView .fsLoginSubmit + button,
.fsAccount .fsLoginForgotView button + button,
.fsAccount .fsLoginNewView .fsLoginSubmit + button,
.fsAccount .fsLoginNewView button + button,
.fsAccount .fsResetPasswordView .fsLoginSubmit + button,
.fsAccount .fsResetPasswordView button + button {
  margin-left: 10px;
}
.fsLogin .fsLoginMainView .fsLoginSubmit,
.fsLogin .fsLoginForgotView .fsLoginSubmit,
.fsLogin .fsLoginNewView .fsLoginSubmit,
.fsLogin .fsResetPasswordView .fsLoginSubmit,
.fsAccount .fsLoginMainView .fsLoginSubmit,
.fsAccount .fsLoginForgotView .fsLoginSubmit,
.fsAccount .fsLoginNewView .fsLoginSubmit,
.fsAccount .fsResetPasswordView .fsLoginSubmit {
  display: block;
}
.fsLogin .fsLoginMainView .fsLoginForgotPasswordLink,
.fsLogin .fsLoginMainView .fsLoginNewAccountLink,
.fsLogin .fsLoginForgotView .fsLoginForgotPasswordLink,
.fsLogin .fsLoginForgotView .fsLoginNewAccountLink,
.fsLogin .fsLoginNewView .fsLoginForgotPasswordLink,
.fsLogin .fsLoginNewView .fsLoginNewAccountLink,
.fsLogin .fsResetPasswordView .fsLoginForgotPasswordLink,
.fsLogin .fsResetPasswordView .fsLoginNewAccountLink,
.fsAccount .fsLoginMainView .fsLoginForgotPasswordLink,
.fsAccount .fsLoginMainView .fsLoginNewAccountLink,
.fsAccount .fsLoginForgotView .fsLoginForgotPasswordLink,
.fsAccount .fsLoginForgotView .fsLoginNewAccountLink,
.fsAccount .fsLoginNewView .fsLoginForgotPasswordLink,
.fsAccount .fsLoginNewView .fsLoginNewAccountLink,
.fsAccount .fsResetPasswordView .fsLoginForgotPasswordLink,
.fsAccount .fsResetPasswordView .fsLoginNewAccountLink {
  margin-bottom: 10px;
}

.fsLogin .fsLoginForgotView .fsLoginForgotEmail,
.fsAccount .fsLoginForgotView .fsLoginForgotEmail {
  display: block;
}

.fsLogin .fsLoginNewFields .fsLoginNewCaptcha,
.fsAccount .fsLoginNewFields .fsLoginNewCaptcha {
  margin-bottom: 20px;
}
.fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
.fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table,
.fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_area,
.fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_table {
  max-width: 100%;
}
@media screen and (max-width: 599px) {
  .fsLogin .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div,
  .fsAccount .fsLoginNewFields .fsLoginNewCaptcha #recaptcha_widget_div {
    overflow: hidden;
    border-radius: 5px;
  }
}

.fsLogin .fsLoginNewSuccess button,
.fsAccount .fsLoginNewSuccess button {
  margin-top: 20px;
}

.fsLogin .fsResetPasswordFields > div,
.fsAccount .fsResetPasswordFields > div {
  margin-bottom: 20px;
}
.fsLogin .fsResetPasswordFields > div:last-child,
.fsAccount .fsResetPasswordFields > div:last-child {
  margin-bottom: 0;
}

.fsLogin .fsResetPasswordFields label > span,
.fsAccount .fsResetPasswordFields label > span {
  display: block;
}

.fsLogin .fsResetPasswordFields label > input,
.fsAccount .fsResetPasswordFields label > input {
  margin-bottom: 20px;
}

.fsLoginSubmit:hover {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}

.fsAccount .fsAccountGreeting {
  margin-bottom: 20px;
}

.fsAccount .fsAccountLinks {
  margin: 0;
}

.fsAccount .fsAccountLogout {
  display: block;
  margin-top: 20px;
}
.fsAccount .fsAccountLogout a {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.fsAccount .fsAccountLogout a:hover,
.fsAccount .fsAccountLogout a:focus,
.fsAccount .fsAccountLogout a:visited,
.fsStateSelected .fsAccount .fsAccountLogout a {
  color: #fff;
  text-decoration: none;
}
.fsAccount .fsAccountLogout a em {
  display: block;
  font-style: normal;
}

.fsMediaCustomPlayer {
  background: none;
  position: relative;
  color: #1c1c1c;
  font-family: "Gill Sans W01", sans-serif;
}
.fsMediaCustomPlayer article {
  position: relative;
}

.fsCustomSlider .fsElement {
  margin-bottom: 0;
}

.fsCustomSlider .slick-next,
.fsCustomSlider .slick-prev {
  background: none;
  border: none;
  color: transparent;
  height: 40px;
  padding: 0;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 40px;
  z-index: 2;
}
.fsCustomSlider .slick-next:before,
.fsCustomSlider .slick-prev:before {
  color: #fff;
  display: block;
  font-size: 50px;
  font-weight: normal;
  height: 100%;
  left: 0;
  line-height: 30px;
  position: absolute;
  top: 0;
  width: 100%;
  text-align: center;
}

.fsCustomSlider .slick-next {
  left: auto;
  right: 0;
}
.fsCustomSlider .slick-next:before {
  content: "\203A";
}

.fsCustomSlider .slick-prev {
  left: 0;
  right: auto;
}
.fsCustomSlider .slick-prev:before {
  content: "\2039";
}

.fsCustomSlider .slider-play-btn {
  position: absolute;
  top: 20px;
  left: 20px;
  background-color: #00809f;
  font-size: 0;
  width: 30px;
  height: 30px;
  border: 0;
  padding: 0;
  z-index: 1;
  line-height: 42px;
}
.fsCustomSlider .slider-play-btn:before {
  content: "";
  color: #fff;
  font-size: 18px;
  font-family: "Heuristica Regular", Georgia, serif;
}

.fsCustomSlider.slider-paused .slider-play-btn:before {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-left: 13px solid #fff;
  border-bottom: 7px solid transparent;
  display: inline-block;
}

.fsCustomSlider.slider-playing .slider-play-btn:before,
.fsCustomSlider.slider-playing .slider-play-btn:after {
  content: "";
  width: 3px;
  height: 18px;
  background-color: #fff;
  display: inline-block;
  margin: 6px 2px 0;
}

.fsCustomSlider .slick-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.fsCustomSlider .slick-dots,
.fsCustomSlider .slick-dots ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.fsCustomSlider .slick-dots li {
  margin: 0;
  padding: 0;
}
.fsCustomSlider .slick-dots li {
  display: inline-block;
}
.fsCustomSlider .slick-dots li + li {
  margin-left: 6px;
}
.fsCustomSlider .slick-dots button {
  border: 0;
  background-color: transparent;
  padding: 0;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 100%;
  font-size: 0;
}
.fsCustomSlider .slick-dots .slick-active button {
  background-color: #fff;
}

.fsCustomSlider .caption-wrapper {
  font-family: "Gill Sans W01", sans-serif;
  font-size: 18px;
  line-height: 1.5em;
  width: 100%;
  background-color: #00809f;
  color: #fff;
}
.fsCustomSlider .caption-wrapper .caption-inner {
  padding: 10px 10px 30px;
}
@media (min-width: 800px) {
  .fsCustomSlider .caption-wrapper {
    padding: 30px 20px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 128, 159, 0.5);
  }
}
.fsCustomSlider .caption-wrapper a {
  color: rgba(255, 255, 255, 0.5);
}
.fsCustomSlider .caption-wrapper a:hover {
  text-decoration: underline;
}
.fsCustomSlider .caption-wrapper.is-empty {
  display: none;
}

@media (min-width: 800px) {
  .fsCustomSlider .caption-title {
    margin-top: 0;
    font-weight: normal;
    color: #333e48;
    font-size: 34px;
    line-height: 34px;
    font-family: "Heuristica Regular", Georgia, serif;
    margin-bottom: 16px;
    color: #fff;
    margin-bottom: 0;
  }
}

@media (min-width: 800px) {
  .fsCustomSlider .caption-desc {
    display: block;
  }
}

.fsCustomSlider .caption-desc p:last-child {
  margin-bottom: 0;
}

.fsCustomSlider .caption-desc:empty {
  display: none;
}

.fsNews.fsThumbnailAlignLeft .fsThumbnail {
  float: none;
}
@media (min-width: 600px) {
  .fsNews.fsThumbnailAlignLeft .fsThumbnail {
    float: left;
  }
}

.fsNews.fsThumbnailAlignRight .fsThumbnail {
  float: none;
}
@media (min-width: 600px) {
  .fsNews.fsThumbnailAlignRight .fsThumbnail {
    float: right;
  }
}

.fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
  float: none;
}
@media (min-width: 600px) {
  .fsPostElement.fsThumbnailAlignLeft .fsThumbnail {
    float: left;
  }
}

.fsPostElement.fsThumbnailAlignRight .fsThumbnail {
  float: none;
}
@media (min-width: 600px) {
  .fsPostElement.fsThumbnailAlignRight .fsThumbnail {
    float: right;
  }
}

.fsPostElement .fsTitle {
  font-family: "Heuristica Regular", Georgia, serif;
  display: block;
  font-size: 18px;
}
@media (min-width: 1281px) {
  .fsPostElement .fsTitle {
    font-size: 24px;
  }
}
.fsPostElement .fsTitle .fsPostLink {
  color: #1c1c1c;
}

.fsPostElement.no-bold .fsTitle {
  font-weight: normal;
}

.fsPostElement .fsDateTime {
  color: #333e48;
  font-style: italic;
  font-weight: 500;
  font-size: 17px;
  display: inline-block;
}
.fsPostElement .fsDateTime:before {
  display: inline-block;
  margin: 0 10px;
  font-style: normal;
}

.news-page .fsPostElement .fsTitle .fsPostLink {
  color: #00809f;
}

/*! _main.scss - src/sass/modules/search/ - main search import */
#fsPageBodyWrapper .fsSearch form.gsc-search-box-tools table {
  border: 0;
  display: table;
  margin-bottom: 0;
}

.fsSearch form.gsc-search-box-tools {
  margin-bottom: 0;
  overflow: hidden;
  font-size: inherit;
}
.fsSearch form.gsc-search-box-tools > table.gsc-search-box {
  margin-bottom: 0;
  position: relative;
}
.fsSearch form.gsc-search-box-tools td.gsib_a {
  padding: 0;
}
.fsSearch form.gsc-search-box-tools td.gsib_b {
  display: none !important;
}
.fsSearch form.gsc-search-box-tools table.gsc-branding {
  display: none;
}

/*! _custom.scss - src/sass/modules/search/ - custom site search, design based */
.fsSearch.site-search form.gsc-search-box-tools {
  width: 185px;
  margin: 0 auto;
  border-radius: 30px;
  border: solid 1px rgba(255, 255, 255, 0.5) !important;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input {
  padding: 0;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input
  div.gsc-input-box {
  border: 0;
  height: 100%;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input
  div.gsc-input-box
  input.gsc-input {
  background: #fff !important;
  background-image: none !important;
  width: 100%;
  height: 40px !important;
  color: #dc2f34;
  padding-left: 10px !important;
  padding-right: 50px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: 18px;
  font-family: "Gill Sans W01", sans-serif;
}
.events
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input
  div.gsc-input-box
  input.gsc-input {
  color: #bca970;
}
.sport-centre
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input
  div.gsc-input-box
  input.gsc-input {
  color: #00809f;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #dc2f34;
  background-color: #fff;
  z-index: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.search-is-active
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input:before {
  left: 100%;
}
.events
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input:before {
  color: #bca970;
}
.sport-centre
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input:before {
  color: #00809f;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button {
  padding: 0;
  overflow: hidden;
  height: 40px;
  width: 40px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  position: absolute;
  right: 0;
  top: 0;
  transition: 0.3s;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button:after {
  content: "";
  color: #fff;
  font-family: "icoMoon";
  opacity: 1;
  display: block;
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  line-height: 40px;
  font-size: 18px;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button:hover {
  background: linear-gradient(45deg, #e1474b 50%, #e17a4b 100%);
  transition: 0.3s;
}
.fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button
  input.gsc-search-button {
  border: 0;
  height: 100%;
  width: 100%;
  color: transparent;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}
.events
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button {
  background: linear-gradient(45deg, #a18d53 50%, #bda96f 100%);
}
.events
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button:hover {
  background: linear-gradient(45deg, #bda96f 50%, #a18d53 100%);
}
.sport-centre
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}
.sport-centre
  .fsSearch.site-search
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button:hover {
  background: linear-gradient(150deg, #108ec0 50%, #10a8c5 100%);
}

/*! _search-box.scss - src/sass/modules/search/ - sitewide search box */
.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input {
  padding: 0;
}
.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input
  div.gsc-input-box {
  border: 0;
  height: 100%;
  border: solid 1px #1c1c1c;
}
.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-input
  div.gsc-input-box
  input.gsc-input {
  background: #fff !important;
  background-image: none !important;
  width: 100%;
  height: 40px !important;
  color: #1c1c1c;
  padding-left: 10px !important;
  padding-right: 50px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  font-size: 18px;
  font-family: "Gill Sans W01", sans-serif;
}

.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button {
  padding: 0;
  overflow: hidden;
  height: 100%;
  width: 40px;
  background: #1c1c1c;
  position: absolute;
  transition: 0.3s;
  right: 0;
  top: 0;
}
.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button:after {
  content: "";
  color: #fff;
  opacity: 1;
  display: block;
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  line-height: 40px;
  font-size: 18px;
  font-family: "icoMoon";
}
.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button:hover {
  background: linear-gradient(45deg, #e1474b 50%, #e17a4b 100%);
  transition: 0.3s;
}
.fsSearch:not(.site-search)
  form.gsc-search-box-tools
  > table.gsc-search-box
  td.gsc-search-button
  input.gsc-search-button {
  border: 0;
  height: 100%;
  width: 100%;
  color: transparent;
  opacity: 0;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

/*! _search-results.scss - src/sass/modules/search/ - sitewide search results */
.fsSearchResults form.gsc-search-box-tools,
.fsSearchFieldWithResults form.gsc-search-box-tools {
  margin-bottom: 20px;
}

.fsSearchResults .gsc-control-cse,
.fsSearchFieldWithResults .gsc-control-cse {
  padding: 0;
  font-family: "Gill Sans W01", sans-serif;
  font-size: 18px;
}

.fsSearchResults .gsc-results,
.fsSearchFieldWithResults .gsc-results {
  width: 100%;
}

.fsSearchResults .gsc-webResult .gsc-result,
.fsSearchFieldWithResults .gsc-webResult .gsc-result {
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc !important;
  padding: 0 0 20px;
}
.fsSearchResults .gsc-webResult .gsc-result .gs-result .gs-snippet,
.fsSearchFieldWithResults .gsc-webResult .gsc-result .gs-result .gs-snippet {
  color: #1c1c1c;
}
.fsSearchResults .gsc-webResult .gsc-result .gs-webResult div.gs-visibleUrl,
.fsSearchResults .gsc-webResult .gsc-result .gs-imageResult div.gs-visibleUrl,
.fsSearchFieldWithResults
  .gsc-webResult
  .gsc-result
  .gs-webResult
  div.gs-visibleUrl,
.fsSearchFieldWithResults
  .gsc-webResult
  .gsc-result
  .gs-imageResult
  div.gs-visibleUrl {
  color: #00809f;
}

.fsSearchResults .gsc-table-result,
.fsSearchResults .gsc-thumbnail-inside,
.fsSearchResults .gsc-url-top,
.fsSearchFieldWithResults .gsc-table-result,
.fsSearchFieldWithResults .gsc-thumbnail-inside,
.fsSearchFieldWithResults .gsc-url-top {
  padding: 0;
}

.fsSearchResults div.gs-title,
.fsSearchFieldWithResults div.gs-title {
  margin-bottom: 10px;
}

.fsSearchResults a.gs-title,
.fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page,
.fsSearchFieldWithResults a.gs-title,
.fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page {
  color: #dc2f34 !important;
  outline: transparent;
}
.fsSearchResults a.gs-title:hover,
.fsSearchResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover,
.fsSearchFieldWithResults a.gs-title:hover,
.fsSearchFieldWithResults .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
  color: #747266 !important;
}

.fsSearchResults .gsc-control-cse .gs-spelling,
.fsSearchResults .gsc-control-cse .gs-result .gs-title,
.fsSearchResults .gsc-control-cse .gs-result .gs-title *,
.fsSearchFieldWithResults .gsc-control-cse .gs-spelling,
.fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title,
.fsSearchFieldWithResults .gsc-control-cse .gs-result .gs-title * {
  font-size: 18px;
}

.fsSearchResults .gsc-results .gsc-cursor-box,
.fsSearchFieldWithResults .gsc-results .gsc-cursor-box {
  margin: 10px 0;
}

/*! elements - social main */
/*! elements - social facebook */
.fsFacebook {
  margin-bottom: 20px;
}

.fsFacebookList,
.fsFacebookList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fsFacebookList li {
  margin: 0;
  padding: 0;
}

.fsFacebookList .fsFacebookListItem {
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: solid 1px #dddedf;
}

.fsFacebookExtras {
  margin-top: 10px;
}
.fsFacebookExtras .fsFacebookThumb {
  margin-bottom: 10px;
  display: block;
}
.fsFacebookExtras .fsFacebookTitle[href*="https://www.facebook.com/finalsite/photos"] {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}

.fsFacebookFollow {
  margin-top: 20px;
}

/*! elements - social twitter */
.fsTwitter {
  margin-bottom: 20px;
}

/*! elements - social vimeo */
.fsVimeo {
  margin-bottom: 20px;
}
.fsVimeo iframe.fsSocialVideoFrame {
  margin-bottom: 20px;
}

.fsVimeoList,
.fsVimeoList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fsVimeoList li {
  margin: 0;
  padding: 0;
}

.fsVimeoList .fsVimeoListItem {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #dddedf;
  transition: opacity 0.3s;
  opacity: 0.6;
  cursor: pointer;
}
.fsVimeoList .fsVimeoListItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.fsVimeoList .fsVimeoListItem:hover {
  border: none;
  border-bottom: solid 1px #dddedf;
  padding: 0;
  padding-bottom: 20px;
  opacity: 1;
  transition: opacity 0.3s;
}
.fsVimeoList .fsVimeoListItem:hover:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.fsVimeoThumb {
  margin-bottom: 10px;
  margin-right: 20px;
}
@media (min-width: 600px) {
  .fsVimeoThumb {
    float: left;
    margin-bottom: 0;
  }
}

.vimeo_view_link a {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.vimeo_view_link a:hover,
.vimeo_view_link a:focus,
.vimeo_view_link a:visited,
.fsStateSelected .vimeo_view_link a {
  color: #fff;
  text-decoration: none;
}
.vimeo_view_link a em {
  display: block;
  font-style: normal;
}

/*! elements - social youtube */
.fsYoutube {
  margin-bottom: 20px;
}
.fsYoutube .fsSocialVideoFrame {
  margin-bottom: 20px;
}

.fsYoutubeList,
.fsYoutubeList ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fsYoutubeList li {
  margin: 0;
  padding: 0;
}

.fsYoutubeList .fsYoutubeListItem {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #dddedf;
  transition: opacity 0.3s;
  opacity: 0.6;
}
.fsYoutubeList .fsYoutubeListItem:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
.fsYoutubeList .fsYoutubeListItem:hover {
  border: none;
  border-bottom: solid 1px #dddedf;
  padding: 0;
  padding-bottom: 20px;
  opacity: 1;
  transition: opacity 0.3s;
}
.fsYoutubeList .fsYoutubeListItem:hover:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

.fsYoutubeThumb {
  margin-bottom: 10px;
  margin-right: 20px;
  float: none;
}
@media (min-width: 600px) {
  .fsYoutubeThumb {
    float: left;
    margin-bottom: 0;
  }
}

.Youtube_view_link a {
  display: inline-block;
  border: 0;
  margin: 0 0 20px;
  padding: 10px 20px;
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  border-radius: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: 0.075em;
  transition: all 0.5s ease;
}
.Youtube_view_link a:hover,
.Youtube_view_link a:focus,
.Youtube_view_link a:visited,
.fsStateSelected .Youtube_view_link a {
  color: #fff;
  text-decoration: none;
}
.Youtube_view_link a em {
  display: block;
  font-style: normal;
}

/*! elements - tabs */
.fsTabs {
  padding: 0;
  background: none;
  border: 0;
  margin-bottom: 20px;
}
.fsTabs .fsTabsNav {
  margin: 0;
  padding: 0;
  display: none;
}
@media (min-width: 600px) {
  .fsTabs .fsTabsNav {
    display: block;
  }
}
.fsTabs .fsTabsNav li {
  margin-right: 15px;
}
.fsTabs .fsTabsNav li a {
  display: block;
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  margin-bottom: 10px;
  display: block;
  padding: 20px;
  line-height: 1em;
  color: #808080;
  transition: 0.3s;
  padding: 15px 25px;
  transition: all 0.3s ease;
  background: transparent;
  color: #808080;
  font-weight: 500;
  text-decoration: underline;
  background: linear-gradient(
    45deg,
    rgba(212, 58, 62, 0) 0%,
    rgba(212, 108, 61, 0) 100%
  );
}
.fsTabs .fsTabsNav li a:hover {
  background: transparent;
  color: #333e48;
  -webkit-text-decoration-color: #dc2f34;
  -moz-text-decoration-color: #dc2f34;
  text-decoration-color: #dc2f34;
}
.fsTabs .fsTabsNav li.fsStateSelected a {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
  color: #fff;
  text-decoration: none;
}
.fsTabs .fsPanel .fsElementContent {
  padding: 0;
}

.fsPanelGroup.fsTabs
  > .fsElementContent
  > .fsPanel
  > .fsElementActionButtonContainer,
.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header,
.fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
  display: block;
}
@media (min-width: 600px) {
  .fsPanelGroup.fsTabs
    > .fsElementContent
    > .fsPanel
    > .fsElementActionButtonContainer,
  .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel > header,
  .fsPanelGroup.fsTabs > .fsElementContent > .fsPanel:not(.fsStateOpen) {
    display: none;
  }
}

/*! -main.scss - /sass/modules/tools  */
/*! _all.scss - src/sass/modules/tools - News, Calendar, & Posts Tools Elements */
.fsToolsList.fsStyleSelectList .fsStyleDefaultButton,
.fsElementToolsSearchButton {
  margin: 0 5px 0 0;
  width: auto;
}

.fsToolsList.fsStyleSelectList > li {
  padding: 0;
  margin: 0;
}

.fsToolsList.fsStyleSelectList .fsStyleDefaultButton {
  margin-bottom: 5px;
  padding: 7px 12px;
  font-size: 0.875em;
  line-height: 1.2;
}

/*! _filter.scss - src/sass/modules/tools/posts - News & Calendar Tools Elements */
.fsBannerLeft .fsElementToolsSearch,
.fsBannerRight .fsElementToolsSearch,
.fsStyleOneThird .fsElementToolsSearch,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fsBannerLeft .fsElementToolsSearch > div,
.fsBannerRight .fsElementToolsSearch > div,
.fsStyleOneThird .fsElementToolsSearch > div,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch > div,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch > div {
  width: 100%;
}
.fsBannerLeft .fsElementToolsSearch .fsFieldContainer,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsFieldContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.fsBannerLeft .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsBannerRight .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsStyleOneThird .fsElementToolsSearch .fsFieldContainer .fsStyleDefaultField,
.fsThreeColumnLayout
  > .fsDiv
  .fsElementToolsSearch
  .fsFieldContainer
  .fsStyleDefaultField,
.fsFourColumnLayout
  > .fsDiv
  .fsElementToolsSearch
  .fsFieldContainer
  .fsStyleDefaultField {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.fsBannerLeft .fsElementToolsSearch .fsElementToolsSearchButton,
.fsBannerRight .fsElementToolsSearch .fsElementToolsSearchButton,
.fsStyleOneThird .fsElementToolsSearch .fsElementToolsSearchButton,
.fsThreeColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton,
.fsFourColumnLayout > .fsDiv .fsElementToolsSearch .fsElementToolsSearchButton {
  width: 100%;
}

.fsElementToolsSearch .fsSeparator {
  margin: 0 5px;
  display: inline-block;
  text-align: center;
}

.fsElementToolsKeyword + .fsElementToolsDateRange {
  margin-top: 10px;
}

.fsElementToolsSearchButton {
  margin: 10px 0 0;
}

/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsLegend .fsElementControls {
  margin-bottom: 5px;
}
.fsLegend .fsElementControls label input:checked + span {
  background: #333e48;
  color: white;
}
.fsLegend .fsElementControls label input + span {
  color: #333e48;
  background: #edf0f3;
}

/*! _filter.scss - src/sass/modules/tools/posts - Calendar Tools Elements */
.fsMiniGrid .fsCalendarEventGrid {
  max-width: 100%;
  width: 240px;
}
.fsMiniGrid .fsCalendarEventGrid .fsCalendarWeekdays {
  box-shadow: inset 0 -1px 0 0 #e8e8e8;
}
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox {
  box-shadow: inset -1px 0 0 0 #fff, inset 0 -1px 0 0 #fff;
  background: #dbdbdb;
  color: #1c1c1c;
  font-size: 0.875em;
  line-height: 1;
  padding: 10px 5px;
}
.fsMiniGrid .fsCalendarEventGrid .fsCalendarRow .fsCalendarDaybox:last-child {
  box-shadow: inset 0 -1px 0 0 #fff;
}
.fsMiniGrid
  .fsCalendarEventGrid
  .fsCalendarRow
  .fsCalendarDaybox.fsStateHasEvents {
  background: #c2c2c2;
  color: #1c1c1c;
}
.fsMiniGrid
  .fsCalendarEventGrid
  .fsCalendarRow
  .fsCalendarDaybox.fsCalendarOutOfRange {
  background: #e8e8e8;
  color: #b5b5b5;
}
.fsMiniGrid
  .fsCalendarEventGrid
  .fsCalendarRow
  .fsCalendarDaybox.fsCalendarToday {
  background: #ebafa6;
  color: #fff;
}

.fsCalendarMonthYearPicker > .fsStyleUpdateButton {
  margin-bottom: 0;
  display: block;
  color: #fff;
  background-color: #333e48;
}

/*! _category.scss - src/sass/modules/tools/posts - Posts Tools Elements */
/*! _tag.scss - src/sass/modules/tools/posts - Posts Tools Elements */
/*! elements - common v0.0.1 */
/* Contains generic styles that apply to every element */
.module {
  padding: 20px !important;
  color: #fff;
}
.module h1,
.module h2,
.module h3,
.module h4,
.module h5,
.module h6 {
  color: inherit;
}
.module a {
  color: inherit;
}

.module {
  background: #dc2f34;
}

/*! pages - home v0.0.1 */
.home #fsPageBodyWrapper {
  padding: 0;
  overflow-x: hidden;
  background-color: transparent;
}

.home #fsPageBody {
  display: block;
}

@media (min-width: 961px) {
  .home:not(.ComposeMode) #fsPageContent {
    margin-top: 100vh;
  }
}

body:not(.fsComposeMode).home .fsPageLayout > .fsDiv {
  margin-bottom: 0;
  padding: 0;
}
body:not(.fsComposeMode).home .fsPageLayout > .fsDiv > section > header {
  text-align: center;
  width: 75%;
  max-width: 950px;
  border-bottom: solid 1px rgba(51, 62, 72, 0.25);
  position: relative;
  -webkit-clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  clip-path: polygon(50% 0, 50% 0, 50% 100%, 50% 100%);
  transition: all 0.5s ease;
  padding-top: 40px;
  margin: 0 auto 60px;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).home .fsPageLayout > .fsDiv > section > header {
    padding-top: 60px;
    margin: 0 auto 80px;
  }
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section
  > header.header-active {
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section
  > header.header-active
  h2.fsElementTitle:after {
  width: 100%;
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section
  > header
  h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.225em;
  position: relative;
  color: #333e48;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 0;
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section
  > header
  h2.fsElementTitle:after {
  background-color: #0075b4;
  height: 3px;
  width: 0;
  transition: all 0.6s ease 0.2s;
  bottom: -2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-difference
  > header {
  border-bottom: solid 1px rgba(255, 255, 255, 0.3);
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-difference
  > header
  h2.fsElementTitle {
  color: #fff;
}
body:not(.fsComposeMode).home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-difference
  > header
  h2.fsElementTitle:after {
  background-color: #0088b4;
}

body:not(.fsComposeMode).home .grid {
  position: relative;
  background-color: #f6f6f6;
  margin-bottom: 0;
  padding-bottom: 80px;
}
body:not(.fsComposeMode).home .grid > .fsElementContent {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).home .grid > .fsElementContent {
    max-width: 1180px;
    width: 82%;
  }
}
body:not(.fsComposeMode).home .grid > .fsElementContent > .fsElement {
  transition-property: all;
  transition-timing-function: ease;
  transition-duration: 0.3s;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).home .grid > .fsElementContent > .fsElement {
    transition-duration: 0.6s;
  }
}
body:not(.fsComposeMode).home .grid .fsElement {
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
}

body:not(.fsComposeMode).home.grid-one-active
  .grid:first-of-type
  .fsPostElement:first-child {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body:not(.fsComposeMode).home.grid-one-active
  .grid:first-of-type
  .callout.facebook {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).home.grid-one-active
    .grid:first-of-type
    .callout.facebook {
    transition-delay: 0.2s;
  }
}

body:not(.fsComposeMode).home.grid-two-active
  .grid:first-of-type
  .callout.twitter {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body:not(.fsComposeMode).home.grid-two-active .grid:first-of-type .fsContent {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).home.grid-two-active .grid:first-of-type .fsContent {
    transition-delay: 0.2s;
  }
}

body:not(.fsComposeMode).home.grid-three-active
  .grid:first-of-type
  .fsCalendar {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body:not(.fsComposeMode).home.grid-three-active
  .grid:first-of-type
  .fsPostElement:last-child {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).home.grid-three-active
    .grid:first-of-type
    .fsPostElement:last-child {
    transition-delay: 0.2s;
  }
}

body:not(.fsComposeMode).home .tonbridge-people {
  padding-bottom: 100px;
  margin-bottom: 0;
  background-color: #fff;
  position: relative;
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).home .tonbridge-people > .fsElementContent {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
body:not(.fsComposeMode).home .tonbridge-people .slick-list {
  position: relative;
}
body:not(.fsComposeMode).home .tonbridge-people .slick-list:after {
  transition: all 0.9s ease 0.1s;
  background-color: #fff;
  content: "";
  display: block;
}
.home:not(.fsComposeMode).people-active .tonbridge-people .slick-list:after {
  width: 0;
}
body:not(.fsComposeMode).home .tonbridge-people article {
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
body:not(.fsComposeMode).home .tonbridge-people article:hover .fsSummary {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  transform: rotate3d(0, 1, 0, 0deg);
  opacity: 1;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTitle {
  padding: 10px 20px;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTitle a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 34px;
  line-height: 34px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 16px;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTags {
  padding-left: 20px;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTags,
body:not(.fsComposeMode).home .tonbridge-people article .fsTags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTags li {
  margin: 0;
  padding: 0;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTags li {
  background-color: transparent;
  padding-left: 20px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  color: #333e48;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsTags li:before {
  display: none;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsReadMoreLink {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  color: #333e48;
  padding-left: 20px;
  text-decoration: underline;
  font-size: 11px;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsReadMoreLink:hover {
  text-decoration: none;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsThumbnail {
  cursor: pointer;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 275px;
  max-width: none;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).home .tonbridge-people article .fsThumbnail {
    min-height: 375px;
  }
}
body:not(.fsComposeMode).home .tonbridge-people article .fsThumbnail img {
  display: none;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsSummary {
  height: 275px;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg);
  opacity: 0;
  transition: all 0.5s ease;
  padding: 40px;
  font-size: 24px;
  font-style: italic;
  color: #fff;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsSummary:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  font-style: normal;
  font-size: 18px;
}
body:not(.fsComposeMode).home .tonbridge-people article .fsSummary:after {
  background-image: url("../images/large-red-callout-bg.svg");
  background-position: right top;
  background-size: 180px auto;
  background-repeat: no-repeat;
  opacity: 0.3;
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).home .tonbridge-people article .fsSummary {
    height: 375px;
  }
}
body:not(.fsComposeMode).home .tonbridge-people .slick-arrow {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  top: 85px;
  left: 50px;
  z-index: 3;
  font-size: 0;
  border: 0;
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0.8s;
  outline: 0;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).home .tonbridge-people .slick-arrow {
    top: 145px;
  }
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).home .tonbridge-people .slick-arrow {
    left: -42.5px;
  }
}
body:not(.fsComposeMode).home.people-active .tonbridge-people .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).home .tonbridge-people .slick-arrow:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).home .tonbridge-people .slick-arrow:hover:after {
  border-color: transparent #dc2f34 transparent transparent;
}
body:not(.fsComposeMode).home .tonbridge-people .slick-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 21px 14px 0;
  border-color: transparent #103e76 transparent transparent;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 46%;
}
body:not(.fsComposeMode).home .tonbridge-people .slick-arrow.slick-next {
  right: 50px;
  left: auto;
  box-shadow: -7px 7px 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).home .tonbridge-people .slick-arrow.slick-next {
    right: -47.5px;
  }
}
body:not(.fsComposeMode).home
  .tonbridge-people
  .slick-arrow.slick-next:hover:after {
  border-color: transparent transparent transparent #dc2f34;
}
body:not(.fsComposeMode).home .tonbridge-people .slick-arrow.slick-next:after {
  left: 54%;
  border-width: 14px 0 14px 21px;
  border-color: transparent transparent transparent #103e76;
}

body:not(.fsComposeMode).home .get-in-touch.grid {
  margin-top: 0;
}

body:not(.fsComposeMode).home .map {
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
  opacity: 1;
}

body:not(.fsComposeMode).home.contact-active .grid .map {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}

body:not(.fsComposeMode).home.contact-active
  .grid
  > .fsElementContent
  .fsElement.button {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition-delay: 0.4s;
}

.no-cssgrid body:not(.fsComposeMode) .tonbridge-difference > .fsElementContent {
  zoom: 1;
}
.no-cssgrid
  body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent:after {
  display: table;
  clear: both;
  content: "";
}
@media (min-width: 641px) {
  .no-cssgrid
    body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    > .fsElement {
    width: 49.5%;
    display: inline-block;
  }
}
@media (min-width: 1024px) {
  .no-cssgrid
    body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    > .fsElement {
    width: 33.32%;
  }
}

body:not(.fsComposeMode) .tonbridge-difference {
  position: relative;
  padding-bottom: 100px;
  margin-bottom: 0;
  background: linear-gradient(90deg, #10396d 72%, #103e76 100%);
}
body:not(.fsComposeMode) .tonbridge-difference header {
  z-index: 1;
  transition: all 0.5s;
  opacity: 1;
}
body:not(.fsComposeMode) .tonbridge-difference > .fsElementContent {
  z-index: 1;
  margin: 0 auto;
  width: 90%;
  text-align: center;
  color: #fff;
  position: relative;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode) .tonbridge-difference > .fsElementContent {
    max-width: 1180px;
    width: 82%;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode) .tonbridge-difference > .fsElementContent {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-column-gap: 0;
  }
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode) .tonbridge-difference > .fsElementContent {
    grid-template-columns: 33.333% 33.334% 33.333%;
  }
}
body:not(.fsComposeMode) .tonbridge-difference > .fsElementContent .fsElement {
  padding: 40px 20px 15px;
  margin-bottom: 0;
  opacity: 0;
  transition: all 0.3s ease;
  border-right: solid 1px rgba(255, 255, 255, 0.25);
  border-left: solid 1px rgba(255, 255, 255, 0.25);
  outline: 0;
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement
  p {
  margin: 0;
}
.example-page:not(.fsComposeMode).example-page
  .tonbridge-difference
  > .fsElementContent
  .fsElement {
  opacity: 1;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement {
    border-right: 0;
    border-left: 0;
  }
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement {
  opacity: 1;
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement:first-child {
  transition-delay: 0.3s;
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement:nth-child(2) {
  transition-delay: 0.5s;
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement:nth-child(3) {
  transition-delay: 0.7s;
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement:nth-child(4) {
  transition-delay: 0.9s;
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement:nth-child(5) {
  transition-delay: 1.1s;
}
.home:not(.fsComposeMode).infographics-active
  .tonbridge-difference
  > .fsElementContent
  .fsElement:last-child {
  transition-delay: 1.3s;
}
@media (min-width: 1281px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement {
    font-size: 22px;
  }
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:after,
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:before {
  display: block;
  position: absolute;
  background: rgba(255, 255, 255, 0.25);
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:first-child {
  position: relative;
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:first-child:before {
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement:first-child:before {
    left: 0;
    width: 300%;
    height: 1px;
    top: 100%;
  }
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:last-child:after,
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:last-child:before {
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement:last-child:after,
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement:last-child:before {
    width: 1px;
    height: 100%;
    top: 0;
    right: 33.333%;
  }
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement:last-child:after {
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement:last-child:after {
    right: 66.667%;
  }
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.people
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.bag
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.mortarboard
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.graph
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.group
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.school
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.arts
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.big-ben
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.books
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.certificate
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.class
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.compass
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.dvd
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.graph
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.money
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.percent
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.school-tree
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.sign-post
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.sport
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement.volunteer
  h2.fsElementTitle:before {
  content: "";
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement
  h2.fsElementTitle {
  color: #0094b7;
  line-height: 1.25em;
  word-break: break-all;
  font-weight: 700;
  margin-bottom: 0;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement
    h2.fsElementTitle {
    font-size: 48px;
  }
}
@media (min-width: 1281px) {
  body:not(.fsComposeMode)
    .tonbridge-difference
    > .fsElementContent
    .fsElement
    h2.fsElementTitle {
    font-size: 66px;
  }
}
body:not(.fsComposeMode)
  .tonbridge-difference
  > .fsElementContent
  .fsElement
  h2.fsElementTitle:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: inherit;
  font-weight: 300;
  margin-right: 10px;
  font-size: 0.9em;
}
body:not(.fsComposeMode) .tonbridge-difference .fsElementFooterContent {
  position: static;
}
body:not(.fsComposeMode) .tonbridge-difference .fsElementFooterContent img {
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 0;
  mix-blend-mode: overlay;
  -webkit-filter: saturate(0);
  filter: saturate(0);
  opacity: 0.25;
}
body:not(.fsComposeMode) .tonbridge-difference .fsElementFooterContent:before {
  background: linear-gradient(90deg, #10396d 72%, #103e76 100%);
  opacity: 1;
  content: "";
}

.portal-page .fsTwoColumnWideRightLayout > .fsDiv > .fsElement + .fsElement {
  margin-top: 2em;
}

.theatre .portals,
.events .portals,
.sport-centre .portals,
.society .portals {
  display: none;
}

.theatre-home .portals,
.events-home .portals,
.sport-centre-home .portals,
.society-home .portals {
  display: none;
}

.theatre-home #fsPageBodyWrapper,
.events-home #fsPageBodyWrapper,
.sport-centre-home #fsPageBodyWrapper,
.society-home #fsPageBodyWrapper {
  padding: 0;
}

.theatre-home #fsPageBody,
.events-home #fsPageBody,
.sport-centre-home #fsPageBody,
.society-home #fsPageBody {
  display: block;
}

.sport-centre-home #fsPageBodyWrapper {
  padding: 0 20px;
}

body:not(.fsComposeMode).theatre-home #fsPageBodyWrapper,
body:not(.fsComposeMode).events-home #fsPageBodyWrapper {
  padding: 0;
  overflow-x: hidden;
}

body:not(.fsComposeMode).theatre-home #fsPageBody,
body:not(.fsComposeMode).events-home #fsPageBody,
body:not(.fsComposeMode).sport-centre-home #fsPageBody {
  display: block;
}

body:not(.fsComposeMode).theatre-home #fsPageContent .fsPageLayout > .fsDiv,
body:not(.fsComposeMode).events-home #fsPageContent .fsPageLayout > .fsDiv,
body:not(.fsComposeMode).sport-centre-home
  #fsPageContent
  .fsPageLayout
  > .fsDiv {
  margin-bottom: 0;
}

@media (min-width: 961px) {
  body:not(.fsComposeMode).theatre-home
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div,
  body:not(.fsComposeMode).events-home
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div,
  body:not(.fsComposeMode).sport-centre-home
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div {
    max-width: none;
  }
}

body:not(.fsComposeMode).theatre-home #fsPageContent .fsDiv > .grid.full-width,
body:not(.fsComposeMode).events-home #fsPageContent .fsDiv > .grid.full-width,
body:not(.fsComposeMode).sport-centre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width {
  margin-bottom: 0;
  max-width: none;
  background-color: #f6f6f6;
  padding: 40px 0;
  width: 100%;
}
body:not(.fsComposeMode).theatre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header,
body:not(.fsComposeMode).events-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header,
body:not(.fsComposeMode).sport-centre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header {
  text-align: center;
  width: 75%;
  max-width: 950px;
  border-bottom: solid 1px rgba(51, 62, 72, 0.25);
  position: relative;
  transition: all 0.8s ease;
  margin: 0 auto 60px;
  padding-bottom: 0;
  border-top: 0;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).theatre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > header,
  body:not(.fsComposeMode).events-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > header,
  body:not(.fsComposeMode).sport-centre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > header {
    margin: 0 auto 80px;
  }
}
body:not(.fsComposeMode).theatre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle,
body:not(.fsComposeMode).events-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle,
body:not(.fsComposeMode).sport-centre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.225em;
  position: relative;
  color: #333e48;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 0;
}
body:not(.fsComposeMode).theatre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle:after,
body:not(.fsComposeMode).events-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle:after,
body:not(.fsComposeMode).sport-centre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle:after {
  background-color: #dc2f34;
  height: 3px;
  width: 100%;
  transition: all 0.8s ease 0.4s;
  bottom: -2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}
body:not(.fsComposeMode).theatre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > .fsElementContent,
body:not(.fsComposeMode).events-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > .fsElementContent,
body:not(.fsComposeMode).sport-centre-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > .fsElementContent {
  margin: 0 auto;
  width: 90%;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).theatre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent,
  body:not(.fsComposeMode).events-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent,
  body:not(.fsComposeMode).sport-centre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent {
    grid-template-columns: 49% 49%;
    grid-column-gap: 2%;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).theatre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent,
  body:not(.fsComposeMode).events-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent,
  body:not(.fsComposeMode).sport-centre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent {
    grid-template-columns: 16% 16% 16% 16% 16% 16%;
    grid-column-gap: 0.8%;
    max-width: 1180px;
    width: 82%;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).theatre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent
    .fsElement,
  body:not(.fsComposeMode).events-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent
    .fsElement,
  body:not(.fsComposeMode).sport-centre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent
    .fsElement {
    grid-column: span 2;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).theatre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent
    .fsElement.double,
  body:not(.fsComposeMode).events-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent
    .fsElement.double,
  body:not(.fsComposeMode).sport-centre-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > .fsElementContent
    .fsElement.double {
    grid-column: span 3;
  }
}

body:not(.fsComposeMode).theatre-home .gallery-link.video,
body:not(.fsComposeMode).events-home .gallery-link.video,
body:not(.fsComposeMode).sport-centre-home .gallery-link.video {
  position: relative;
  margin-bottom: 0;
  min-height: 250px;
  margin: 20px 0;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).theatre-home .gallery-link.video,
  body:not(.fsComposeMode).events-home .gallery-link.video,
  body:not(.fsComposeMode).sport-centre-home .gallery-link.video {
    margin: 0;
  }
}
body:not(.fsComposeMode).theatre-home
  .gallery-link.video:hover
  a.fs_style_36:after,
body:not(.fsComposeMode).events-home
  .gallery-link.video:hover
  a.fs_style_36:after,
body:not(.fsComposeMode).sport-centre-home
  .gallery-link.video:hover
  a.fs_style_36:after {
  font-size: 50px;
}
body:not(.fsComposeMode).theatre-home
  .gallery-link.video:hover
  #video-list:after,
body:not(.fsComposeMode).events-home
  .gallery-link.video:hover
  #video-list:after,
body:not(.fsComposeMode).sport-centre-home
  .gallery-link.video:hover
  #video-list:after {
  font-size: 50px;
}
body:not(.fsComposeMode).theatre-home .gallery-link.video a.fs_style_36,
body:not(.fsComposeMode).events-home .gallery-link.video a.fs_style_36,
body:not(.fsComposeMode).sport-centre-home .gallery-link.video a.fs_style_36 {
  font-size: 0;
}
body:not(.fsComposeMode).theatre-home .gallery-link.video a.fs_style_36:after,
body:not(.fsComposeMode).events-home .gallery-link.video a.fs_style_36:after,
body:not(.fsComposeMode).sport-centre-home
  .gallery-link.video
  a.fs_style_36:after {
  transition: all 0.3s ease 0.1s;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  font-size: 42px;
  position: relative;
  top: 5px;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body:not(.fsComposeMode).theatre-home .gallery-link.video #video-list:after,
body:not(.fsComposeMode).events-home .gallery-link.video #video-list:after,
body:not(.fsComposeMode).sport-centre-home
  .gallery-link.video
  #video-list:after {
  transition: all 0.3s ease 0.1s;
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  font-size: 42px;
  position: relative;
  top: 5px;
  line-height: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body:not(.fsComposeMode).theatre-home .gallery-link.video #video-list a,
body:not(.fsComposeMode).events-home .gallery-link.video #video-list a,
body:not(.fsComposeMode).sport-centre-home .gallery-link.video #video-list a {
  font-size: 0;
}

body:not(.fsComposeMode).sport-academy
  #fsPageContent
  .fsDiv
  > .grid.full-width {
  padding: 40px 0 180px;
}

body:not(.fsComposeMode).sport-academy #fsPageBodyWrapper {
  padding: 0 20px;
}

body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people {
  padding-bottom: 100px;
  margin-bottom: 0;
  background-color: #fff;
  position: relative;
  padding: 0;
  padding-top: 60px;
  max-width: none;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    > .fsElementContent {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-list {
  position: relative;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-list:after {
  transition: all 0.9s ease 0.1s;
  background-color: #fff;
  content: "";
  display: block;
}
.home:not(.fsComposeMode).people-active .tonbridge-people .slick-list:after {
  width: 0;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article {
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article:hover
  .fsSummary {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  transform: rotate3d(0, 1, 0, 0deg);
  opacity: 1;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTitle {
  padding: 10px 20px;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTitle
  a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 34px;
  line-height: 34px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 16px;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTags {
  padding-left: 20px;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTags,
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTags
  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTags
  li {
  margin: 0;
  padding: 0;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTags
  li {
  background-color: transparent;
  padding-left: 20px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  color: #333e48;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTags
  li:before {
  display: none;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsReadMoreLink {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  color: #333e48;
  padding-left: 20px;
  text-decoration: underline;
  font-size: 11px;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsReadMoreLink:hover {
  text-decoration: none;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsThumbnail {
  cursor: pointer;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 275px;
  max-width: none;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    article
    .fsThumbnail {
    min-height: 375px;
  }
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsThumbnail
  img {
  display: none;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsSummary {
  height: 275px;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg);
  opacity: 0;
  transition: all 0.5s ease;
  padding: 40px;
  font-size: 24px;
  font-style: italic;
  color: #fff;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsSummary:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  font-style: normal;
  font-size: 18px;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsSummary:after {
  background-image: url("../images/large-red-callout-bg.svg");
  background-position: right top;
  background-size: 180px auto;
  background-repeat: no-repeat;
  opacity: 0.3;
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    article
    .fsSummary {
    height: 375px;
  }
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  top: 85px;
  left: 50px;
  z-index: 3;
  font-size: 0;
  border: 0;
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0.8s;
  outline: 0;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    .slick-arrow {
    top: 145px;
  }
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    .slick-arrow {
    left: -42.5px;
  }
}
body:not(.fsComposeMode).home.people-active .tonbridge-people .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow:hover:after {
  border-color: transparent #dc2f34 transparent transparent;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 21px 14px 0;
  border-color: transparent #00809f transparent transparent;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 46%;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow.slick-next {
  right: 50px;
  left: auto;
  box-shadow: -7px 7px 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    .slick-arrow.slick-next {
    right: -47.5px;
  }
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow.slick-next:hover:after {
  border-color: transparent transparent transparent #dc2f34;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow.slick-next:after {
  left: 54%;
  border-width: 14px 0 14px 21px;
  border-color: transparent transparent transparent #00809f;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  > header {
  text-align: center;
  width: 75%;
  max-width: 950px;
  border-bottom: solid 1px rgba(51, 62, 72, 0.25);
  position: relative;
  transition: all 0.8s ease;
  margin: 0 auto 60px;
  padding-bottom: 0;
  border-top: 0;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).society-home
    .fsPageLayout
    > .fsDiv
    > section.tonbridge-people
    > header {
    margin: 0 auto 80px;
  }
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  > header
  h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.225em;
  position: relative;
  color: #333e48;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 0;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  > header
  h2.fsElementTitle:after {
  background-color: #dc2f34;
  height: 3px;
  width: 100%;
  transition: all 0.8s ease 0.4s;
  bottom: -2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsSummary {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  article
  .fsTitle
  a {
  font-size: 24px;
  font-weight: 700;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-list:after {
  display: none;
}
body:not(.fsComposeMode).society-home
  .fsPageLayout
  > .fsDiv
  > section.tonbridge-people
  .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body:not(.fsComposeMode).society-home #fsPageContent .fsDiv > .grid.full-width {
  padding: 60px 0;
}
body:not(.fsComposeMode).society-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header {
  text-align: center;
  width: 75%;
  max-width: 950px;
  border-bottom: solid 1px rgba(51, 62, 72, 0.25);
  position: relative;
  transition: all 0.8s ease;
  margin: 0 auto 60px;
  padding-bottom: 0;
  border-top: 0;
  padding-top: 40px;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).society-home
    #fsPageContent
    .fsDiv
    > .grid.full-width
    > header {
    margin: 0 auto 80px;
  }
}
body:not(.fsComposeMode).society-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  letter-spacing: 0.225em;
  position: relative;
  color: #333e48;
  display: inline-block;
  padding-bottom: 5px;
  margin-bottom: 0;
}
body:not(.fsComposeMode).society-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle:after {
  background-color: #00809f;
  height: 3px;
  width: 100%;
  transition: all 0.8s ease 0.4s;
  bottom: -2px;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  content: "";
}

body:not(.fsComposeMode).theatre-home .tonbridge-people {
  padding-bottom: 100px;
  margin-bottom: 0;
  background-color: #fff;
  position: relative;
  padding: 0;
  padding-top: 60px;
  max-width: none;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).theatre-home .tonbridge-people > .fsElementContent {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-list {
  position: relative;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-list:after {
  transition: all 0.9s ease 0.1s;
  background-color: #fff;
  content: "";
  display: block;
}
.home:not(.fsComposeMode).people-active .tonbridge-people .slick-list:after {
  width: 0;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article {
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article:hover
  .fsSummary {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  transform: rotate3d(0, 1, 0, 0deg);
  opacity: 1;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTitle {
  padding: 10px 20px;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTitle a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 34px;
  line-height: 34px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 16px;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTags {
  padding-left: 20px;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTags,
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTags ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTags li {
  margin: 0;
  padding: 0;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsTags li {
  background-color: transparent;
  padding-left: 20px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  color: #333e48;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsTags
  li:before {
  display: none;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsReadMoreLink {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  color: #333e48;
  padding-left: 20px;
  text-decoration: underline;
  font-size: 11px;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsReadMoreLink:hover {
  text-decoration: none;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsThumbnail {
  cursor: pointer;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 275px;
  max-width: none;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsThumbnail {
    min-height: 375px;
  }
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsThumbnail
  img {
  display: none;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsSummary {
  height: 275px;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg);
  opacity: 0;
  transition: all 0.5s ease;
  padding: 40px;
  font-size: 24px;
  font-style: italic;
  color: #fff;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsSummary:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  font-style: normal;
  font-size: 18px;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  article
  .fsSummary:after {
  background-image: url("../images/large-red-callout-bg.svg");
  background-position: right top;
  background-size: 180px auto;
  background-repeat: no-repeat;
  opacity: 0.3;
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsSummary {
    height: 375px;
  }
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-arrow {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  top: 85px;
  left: 50px;
  z-index: 3;
  font-size: 0;
  border: 0;
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0.8s;
  outline: 0;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-arrow {
    top: 145px;
  }
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-arrow {
    left: -42.5px;
  }
}
body:not(.fsComposeMode).home.people-active .tonbridge-people .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-arrow:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  .slick-arrow:hover:after {
  border-color: transparent #00809f transparent transparent;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 21px 14px 0;
  border-color: transparent #dc2f34 transparent transparent;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 46%;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  .slick-arrow.slick-next {
  right: 50px;
  left: auto;
  box-shadow: -7px 7px 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).theatre-home
    .tonbridge-people
    .slick-arrow.slick-next {
    right: -47.5px;
  }
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  .slick-arrow.slick-next:hover:after {
  border-color: transparent transparent transparent #00809f;
}
body:not(.fsComposeMode).theatre-home
  .tonbridge-people
  .slick-arrow.slick-next:after {
  left: 54%;
  border-width: 14px 0 14px 21px;
  border-color: transparent transparent transparent #dc2f34;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people article .fsSummary {
  background: linear-gradient(45deg, #d63a3e 50%, #d66d3e 100%);
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-list:after {
  display: none;
}
body:not(.fsComposeMode).theatre-home .tonbridge-people .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body:not(.fsComposeMode).events-home
  #fsPageContent
  .fsDiv
  > .grid.full-width
  > header
  h2.fsElementTitle:after {
  background-color: #00809f;
}

body:not(.fsComposeMode).events
  #fsPageContent
  .fsPageLayout
  > .fsDiv
  > div.intro {
  margin: 0 auto;
  width: 90%;
  padding: 40px 0;
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).events
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div.intro {
    max-width: 1180px;
    width: 82%;
    padding: 60px 0;
  }
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).events
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div.intro
    > .fsElementContent {
    display: grid;
    grid-template-columns: 28% 66%;
    grid-column-gap: 6%;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).events
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div.intro
    > .fsElementContent {
    display: grid;
    grid-template-columns: 34% 60%;
    grid-column-gap: 6%;
  }
}
body:not(.fsComposeMode).events
  #fsPageContent
  .fsPageLayout
  > .fsDiv
  > div.intro
  > .fsElementContent
  .events-text {
  padding: 20px 0;
}
@media (min-width: 641px) {
  body:not(.fsComposeMode).events
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div.intro
    > .fsElementContent
    .events-text {
    padding: 40px 0;
  }
}
@media (min-width: 961px) {
  body:not(.fsComposeMode).events
    #fsPageContent
    .fsPageLayout
    > .fsDiv
    > div.intro
    > .fsElementContent
    .events-text {
    padding: 60px 0;
  }
}

body:not(.fsComposeMode).sport-centre-home .tonbridge-people {
  padding-bottom: 100px;
  margin-bottom: 0;
  background-color: #fff;
  position: relative;
  padding: 0;
  padding-top: 60px;
  max-width: none;
  padding-bottom: 20px;
  margin-bottom: 40px;
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).sport-centre-home
    .tonbridge-people
    > .fsElementContent {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-list {
  position: relative;
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-list:after {
  transition: all 0.9s ease 0.1s;
  background-color: #fff;
  content: "";
  display: block;
}
.home:not(.fsComposeMode).people-active .tonbridge-people .slick-list:after {
  width: 0;
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people article {
  margin: 0 10px;
  position: relative;
  overflow: hidden;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article:hover
  .fsSummary {
  -webkit-transform: rotate3d(0, 1, 0, 0deg);
  transform: rotate3d(0, 1, 0, 0deg);
  opacity: 1;
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people article .fsTitle {
  padding: 10px 20px;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsTitle
  a {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 34px;
  line-height: 34px;
  font-family: "Heuristica Regular", Georgia, serif;
  margin-bottom: 16px;
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people article .fsTags {
  padding-left: 20px;
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people article .fsTags,
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsTags
  ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsTags
  li {
  margin: 0;
  padding: 0;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsTags
  li {
  background-color: transparent;
  padding-left: 20px;
  font-size: 17px;
  font-style: italic;
  font-weight: 400;
  color: #333e48;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsTags
  li:before {
  display: none;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsReadMoreLink {
  margin-top: 0;
  font-weight: normal;
  color: #333e48;
  font-size: 12px;
  line-height: 22px;
  text-transform: uppercase;
  font-family: "Gill Sans W01", sans-serif;
  color: #808080;
  font-weight: 600;
  margin-bottom: 10px;
  font-family: "Gill Sans W01", sans-serif;
  letter-spacing: 0.15em;
  color: #333e48;
  padding-left: 20px;
  text-decoration: underline;
  font-size: 11px;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsReadMoreLink:hover {
  text-decoration: none;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsThumbnail {
  cursor: pointer;
  display: block;
  width: auto;
  height: auto;
  min-width: 100%;
  min-height: 275px;
  max-width: none;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).sport-centre-home
    .tonbridge-people
    article
    .fsThumbnail {
    min-height: 375px;
  }
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsThumbnail
  img {
  display: none;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsSummary {
  height: 275px;
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
  -webkit-transform: rotate3d(0, 1, 0, -90deg);
  transform: rotate3d(0, 1, 0, -90deg);
  opacity: 0;
  transition: all 0.5s ease;
  padding: 40px;
  font-size: 24px;
  font-style: italic;
  color: #fff;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsSummary:before {
  content: "";
  font-family: icomoon !important;
  line-height: 1em;
  color: #fff;
  display: inline-block;
  float: left;
  margin-right: 10px;
  font-style: normal;
  font-size: 18px;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsSummary:after {
  background-image: url("../images/large-red-callout-bg.svg");
  background-position: right top;
  background-size: 180px auto;
  background-repeat: no-repeat;
  opacity: 0.3;
  content: "";
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).sport-centre-home
    .tonbridge-people
    article
    .fsSummary {
    height: 375px;
  }
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-arrow {
  width: 85px;
  height: 85px;
  border-radius: 50%;
  position: absolute;
  background-color: #fff;
  top: 85px;
  left: 50px;
  z-index: 3;
  font-size: 0;
  border: 0;
  box-shadow: 7px 7px 5px rgba(0, 0, 0, 0.3);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  transition: all 0.3s ease 0.8s;
  outline: 0;
}
@media (min-width: 1024px) {
  body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-arrow {
    top: 145px;
  }
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-arrow {
    left: -42.5px;
  }
}
body:not(.fsComposeMode).home.people-active .tonbridge-people .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  .slick-arrow:hover {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  .slick-arrow:hover:after {
  border-color: transparent #00809f transparent transparent;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  .slick-arrow:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 14px 21px 14px 0;
  border-color: transparent #00809f transparent transparent;
  position: absolute;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  top: 50%;
  left: 46%;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  .slick-arrow.slick-next {
  right: 50px;
  left: auto;
  box-shadow: -7px 7px 5px rgba(0, 0, 0, 0.3);
}
@media (min-width: 1861px) {
  body:not(.fsComposeMode).sport-centre-home
    .tonbridge-people
    .slick-arrow.slick-next {
    right: -47.5px;
  }
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  .slick-arrow.slick-next:hover:after {
  border-color: transparent transparent transparent #00809f;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  .slick-arrow.slick-next:after {
  left: 54%;
  border-width: 14px 0 14px 21px;
  border-color: transparent transparent transparent #00809f;
}
body:not(.fsComposeMode).sport-centre-home
  .tonbridge-people
  article
  .fsSummary {
  background: linear-gradient(150deg, #0180b5 50%, #019cba 100%);
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-list:after {
  display: none;
}
body:not(.fsComposeMode).sport-centre-home .tonbridge-people .slick-arrow {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

body:not(.fsComposeMode).sport-centre-home .logos {
  padding: 60px 20px;
}
body:not(.fsComposeMode).sport-centre-home .logos .fsElementContent {
  border: solid 1px #c3c1c1;
  height: 315px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  position: relative;
  box-shadow: 4px 4px 10px transparent;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: all 0.5s ease;
}
body:not(.fsComposeMode).sport-centre-home .logos .fsElementContent:hover {
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.25);
  -webkit-transform: scale(1.02);
  -ms-transform: scale(1.02);
  transform: scale(1.02);
}
body:not(.fsComposeMode).sport-centre-home .logos .fsElementContent a {
  pointer-events: none;
}
body:not(.fsComposeMode).sport-centre-home .logos .fsElementContent a:after {
  pointer-events: all;
  content: "";
}
body:not(.fsComposeMode).sport-centre-home .logos img {
  width: auto;
  max-height: 150px;
}

body:not(.fsComposeMode).society-home .society-intro {
  padding: 60px 60px 0;
}
body:not(.fsComposeMode).society-home .society-intro > .fsElementContent {
  width: 90%;
  margin: 0 auto;
  max-width: 1000px;
}
body:not(.fsComposeMode).society-home .society-intro p {
  font-size: 20px;
  line-height: 1.25em;
  text-align: center;
  font-family: "Heuristica Regular", Georgia, serif;
}

/*! pages - style-guide v0.0.1 */
.style-guide-page .fsPageTitle {
  margin-bottom: 1.66667em;
  padding: 1.11111em;
  background: rgba(0, 0, 0, 0.1);
}

.colors ol {
  zoom: 1;
  margin-bottom: 2.22222em;
  padding: 0;
  list-style: none;
}
.colors ol:after {
  display: table;
  clear: both;
  content: "";
}
.colors ol li {
  position: relative;
  float: left;
  margin-bottom: 2em;
  height: 4em;
  width: 66.66667%;
}
.colors ol li:before {
  display: none !important;
}
@media (min-width: 600px) {
  .colors ol li {
    width: 33.33333%;
  }
}
@media (min-width: 1180px) {
  .colors ol li {
    margin-bottom: 0;
    width: 16.66667%;
  }
}
.colors ol li:after {
  position: absolute;
  top: 100%;
  left: 0;
}
.colors ol li:nth-of-type(1) {
  background: #1c1c1c;
  color: #1c1c1c;
}
.colors ol li:nth-of-type(1):after {
  content: "#1c1c1c";
}
.colors ol li:nth-of-type(2) {
  background: #dc2f34;
  color: #dc2f34;
}
.colors ol li:nth-of-type(2):after {
  content: "#dc2f34";
}
.colors ol li:nth-of-type(3) {
  background: #00809f;
  color: #00809f;
}
.colors ol li:nth-of-type(3):after {
  content: "#00809F";
}
.colors ol li:nth-of-type(4) {
  background: #e8e8e8;
  color: #e8e8e8;
}
.colors ol li:nth-of-type(4):after {
  content: "#E8E8E8";
}
.colors ol li:nth-of-type(5) {
  background: #333e48;
  color: #333e48;
}
.colors ol li:nth-of-type(5):after {
  content: "#333E48";
}
.colors ol li:nth-of-type(6) {
  background: #808080;
  color: #808080;
}
.colors ol li:nth-of-type(6):after {
  content: "#808080";
}

.fonts ol {
  zoom: 1;
  margin-bottom: 2.22222em;
  padding: 0;
  list-style: none;
}
.fonts ol:after {
  display: table;
  clear: both;
  content: "";
}
.fonts ol li {
  margin-bottom: 0.27778em;
  padding: 0.27778em;
  border-bottom: 0 !important;
}
.fonts ol li:before {
  display: none !important;
}
.fonts ol li:nth-of-type(1) {
  font-family: "Heuristica Regular", Georgia, serif;
}
.fonts ol li:nth-of-type(1):after {
  content: "Heuristica Regular, Georgia, serif";
}
.fonts ol li:nth-of-type(2):after {
  content: "";
}
.fonts ol li:nth-of-type(3) {
  font-family: "Gill Sans W01", sans-serif;
}
.fonts ol li:nth-of-type(3):after {
  content: "Gill Sans W01, sans-serif";
}
.fonts ol li:nth-of-type(2):after {
  content: "";
}
.fonts ol li:nth-of-type(5) {
  font-family: "IcoMoon";
}
.fonts ol li:nth-of-type(5):after {
  content: "IcoMoon";
}
.fonts ol li:nth-of-type(6) {
  font-family: "FontAwesome";
}
.fonts ol li:nth-of-type(6):after {
  content: "FontAwesome";
}
.fonts ol li:nth-of-type(7) {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
.fonts ol li:nth-of-type(7):after {
  content: "Menlo, Monaco, Consolas, Courier New, monospace";
}

.headers h1:after {
  content: " size: 44px / line: 38px";
}

.headers h2:after {
  content: " size: 34px / line: 34px";
}

.headers h3:after {
  content: " size: 26px / line: 30px";
}

.headers h4:after {
  content: " size: 13px / line: 26px";
}

.headers h5:after {
  content: " size: 12px / line: 22px";
}

.headers h6:after {
  content: " size: 16px / line: 18px";
}

@media print {
  .nav-main,
  .nav-sub,
  .nav-social,
  .nav-utility-header,
  .nav-utility-footer,
  #fsMenu,
  #fsFooter,
  #fsHeader,
  .fsThumbnail,
  .hide-for-print {
    display: none !important;
  }
  #fsPageContent,
  #fsBannerLeft,
  #fsBannerRight {
    width: 100% !important;
  }
  html {
    font-size: 100%;
    /* for IE */
  }
  body {
    font-size: 62.5%;
  }
  *,
  *:before,
  *:after {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  .slick-slide {
    display: none !important;
  }
  .slick-slide.slick-active {
    display: block !important;
  }
  .slick-list {
    height: auto !important;
  }
  .slick-track {
    width: auto !important;
    height: auto !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .slick-track .slick-slide {
    width: auto !important;
  }
  a[class*="fs_style"] {
    border-color: #000;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  /*
   * Don't show links that are fragment identifiers,
   * or use the `javascript:` pseudo protocol
   */
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  pre,
  blockquote {
    page-break-inside: avoid;
  }
  /*
   * Printing Tables:
   * http://css-discuss.incutio.com/wiki/Printing_Tables
   */
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .fsPanel > header ~ .fsElementContent {
    display: block;
  }
}
