/* CONCATENATED CSS USING CHALK CSS */
/* ./css/styles.css */
@import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-autosuggest-search-container {
  position: relative;
  display: flex;
  justify-content: center; }
  .cs-autosuggest-search-container .cs-search-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%; }
    .cs-autosuggest-search-container .cs-search-form.large {
      line-height: 4.74183em;
      font-size: 1.29616em;
      height: 4.74183em; }
    .cs-autosuggest-search-container .cs-search-form.medium {
      line-height: 3.42866em;
      font-size: 1.13849em;
      height: 3.42866em; }
    .cs-autosuggest-search-container .cs-search-form.small {
      line-height: 2.47914em;
      font-size: 1em;
      height: 2.47914em; }
  .cs-autosuggest-search-container .suggestions__empty {
    padding: none;
    margin: none;
    font-size: 1em; }
  .cs-autosuggest-search-container .autosuggest-search-icon {
    position: absolute;
    margin: 0 0.75em;
    color: gray; }
  .cs-autosuggest-search-container .react-autosuggest__container {
    height: 100%;
    flex-grow: 1; }
    .cs-autosuggest-search-container .react-autosuggest__container .react-autosuggest__input {
      height: 100%; }
  .cs-autosuggest-search-container .react-autosuggest__input {
    position: relative;
    display: block;
    width: 100%;
    padding: 0.2em 0.7em 0.2em 2.25em;
    font-size: 1em;
    font-weight: 300;
    line-height: 2em;
    background-color: transparent;
    box-shadow: inset 0 0 0.33em #e4e4e4;
    box-sizing: border-box;
    border: none;
    outline: none;
    transition: box-shadow 0.2s;
    -webkit-appearance: none;
    z-index: 1; }
    .cs-autosuggest-search-container .react-autosuggest__input::placeholder {
      color: #adadad;
      opacity: 1; }
    .cs-autosuggest-search-container .react-autosuggest__input:hover {
      box-shadow: inset 0 0 0.33em #adadad; }
    .cs-autosuggest-search-container .react-autosuggest__input:focus {
      box-shadow: inset 0 0 0.33em orange; }

@keyframes slide-open {
  0% {
    max-height: 0; }
  100% {
    max-height: 340px; } }
  .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    max-height: 0;
    overflow-y: scroll;
    z-index: 9999;
    background: white;
    box-sizing: border-box;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    animation: slide-open .1s ease-out;
    animation-fill-mode: forwards; }
    .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open ul {
      list-style: none;
      margin: 0;
      padding: 0;
      border: 0;
      font-size: 100%;
      font: inherit;
      vertical-align: baseline; }
      .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open ul:hover {
        cursor: pointer; }
    .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li {
      border-bottom: 1px dotted #e4e4e4;
      padding: 15px 10px; }
      .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li p {
        margin: 0;
        padding-bottom: 5px;
        line-height: 1.5em; }
      .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li .title {
        font-size: 18px; }
      .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li .subtitle {
        font-size: 12px;
        color: #adadad; }
      .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li .highlight {
        font-weight: bolder; }
      .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li .details {
        display: flex;
        font-size: 0.7em; }
        .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li .details .description {
          max-height: inherit;
          text-overflow: ellipsis;
          color: #555;
          flex: 17;
          line-height: 1.5em; }
        .cs-autosuggest-search-container .react-autosuggest__suggestions-container--open li .details .fourbyfour {
          color: #999;
          flex: 3;
          text-align: right;
          line-height: 1.5em; }
  .cs-autosuggest-search-container .react-autosuggest__suggestion--highlighted {
    background: #fdedcc; }

.rounded .react-autosuggest__input {
  border-radius: 20px; }

.half-rounded .react-autosuggest__input {
  border-top-left-radius: 20px;
  border-top-right-radius: 20px; }

@media only screen and (max-width: 700px) {
  .cs-autosuggest-search-container .cs-search-form li .details .description {
    flex: 15; }
  .cs-autosuggest-search-container .cs-search-form li .details .fourbyfour {
    flex: 5; } }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-carousel .cs-pager-description {
  height: 1px;
  left: -10000px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px; }

.cs-carousel .slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.cs-carousel .slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .cs-carousel .slick-list:focus {
    outline: none; }
  .cs-carousel .slick-list.dragging {
    cursor: hand; }

.cs-carousel .slick-slider .slick-track,
.cs-carousel .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.cs-carousel .slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: flex;
  align-items: stretch; }
  .cs-carousel .slick-track .slick-loading .slick-track {
    visibility: hidden; }

.slick-loading .cs-carousel {
  visibility: hidden; }

.cs-carousel .slick-slide {
  display: flex;
  flex: 1;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .cs-carousel .slick-slide {
    float: right; }
  .cs-carousel .slick-slide img {
    display: block; }
  .cs-carousel .slick-slide.slick-loading img {
    display: none; }
  .cs-carousel .slick-slide.dragging img {
    pointer-events: none; }
  .cs-carousel .slick-slide > div {
    width: 100%;
    display: flex;
    flex-direction: column; }

.cs-carousel .slick-initialized .slick-slide {
  display: flex; }

.cs-carousel .slick-loading .slick-slide {
  visibility: hidden; }

.cs-carousel .slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.cs-carousel .slick-arrow.slick-hidden {
  display: none; }

.cs-carousel .slick-prev,
.cs-carousel .slick-next {
  z-index: 1;
  position: absolute;
  display: block;
  height: 40px;
  width: 20px;
  line-height: 40px;
  font-size: 45px;
  cursor: pointer;
  background: transparent;
  color: white;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none; }
  .cs-carousel .slick-prev:hover, .cs-carousel .slick-prev:focus,
  .cs-carousel .slick-next:hover,
  .cs-carousel .slick-next:focus {
    background: transparent;
    color: white;
    opacity: 0.75; }
  .cs-carousel .slick-prev.slick-disabled:before,
  .cs-carousel .slick-next.slick-disabled:before {
    opacity: 0.5; }
  .cs-carousel .slick-prev:before,
  .cs-carousel .slick-next:before {
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
  .cs-carousel .slick-prev span,
  .cs-carousel .slick-next span {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; }
  @media screen and (max-width: 419px) {
    .cs-carousel .slick-prev,
    .cs-carousel .slick-next {
      top: initial;
      bottom: 15px;
      -webkit-transform: initial;
      -ms-transform: initial;
      transform: initial; } }

.cs-carousel .slick-prev {
  left: 15px; }

.cs-carousel .slick-next {
  right: 15px; }

.cs-carousel .slick-dots {
  position: absolute;
  bottom: 20px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .cs-carousel .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .cs-carousel .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      font-size: 9px;
      color: white;
      opacity: 0.5;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      padding: 5px;
      cursor: pointer; }
      .cs-carousel .slick-dots li button:hover, .cs-carousel .slick-dots li button:focus {
        opacity: 0.75; }
    .cs-carousel .slick-dots li.slick-active button {
      color: white;
      opacity: 1; }

.cs-carousel.cs-carousel-dark .slick-prev,
.cs-carousel.cs-carousel-dark .slick-next {
  color: #000000; }
  .cs-carousel.cs-carousel-dark .slick-prev:hover, .cs-carousel.cs-carousel-dark .slick-prev:focus, .cs-carousel.cs-carousel-dark .slick-prev:before,
  .cs-carousel.cs-carousel-dark .slick-next:hover,
  .cs-carousel.cs-carousel-dark .slick-next:focus,
  .cs-carousel.cs-carousel-dark .slick-next:before {
    color: #000000; }

.cs-carousel.cs-carousel-dark .slick-dots > li > button {
  color: #000000; }

@media screen and (min-width: 420px) {
  .cs-carousel.cs-carousel-pad-nav .slick-prev {
    left: -30px; }
  .cs-carousel.cs-carousel-pad-nav .slick-next {
    right: -30px; } }

.cs-carousel.cs-carousel-pad-nav .slick-dots {
  bottom: -30px; }

.cs-carousel.cs-carousel-pad-nav .slick-slider {
  margin: 0 0 50px 0; }

@media screen and (min-width: 768px) and (max-width: 1270px) {
  .cs-carousel.cs-carousel-pad-nav {
    padding: 0 35px; } }

@media screen and (min-width: 420px) and (max-width: 767px) {
  .cs-carousel.cs-carousel-pad-nav {
    padding: 0 35px; } }

@media screen and (max-width: 419px) {
  .cs-carousel.cs-carousel-pad-nav .slick-next,
  .cs-carousel.cs-carousel-pad-nav .slick-prev {
    bottom: -37px; } }

.cs-carousel.cs-carousel-slide-gutter {
  margin-left: -0.5em;
  margin-right: -0.5em; }
  .cs-carousel.cs-carousel-slide-gutter .slick-slide {
    padding: 5px 0.5em; }

@media screen and (min-width: 420px) {
  .cs-carousel.cs-carousel-slide-gutter.cs-carousel-pad-nav .slick-prev {
    left: -25px; }
  .cs-carousel.cs-carousel-slide-gutter.cs-carousel-pad-nav .slick-next {
    right: -25px; } }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-tile-grid {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  margin: -0.5em;
  padding: 0; }
  .cs-tile-grid > li {
    display: flex;
    flex-direction: column;
    padding: .5em;
    position: relative;
    transition: background-color ease-in 0.2s;
    list-style: none;
    box-sizing: border-box; }

@media screen and (min-width: 1200px) {
  .cs-lg-grid-8 > .tile {
    width: 12.5%; }
  .cs-lg-grid-8 > .tile-2x {
    width: 25.0%; }
  .cs-lg-grid-8 > .tile-3x {
    width: 37.5%; }
  .cs-lg-grid-8 > .tile-4x {
    width: 50%; }
  .cs-lg-grid-8 > .tile-5x {
    width: 62.5%; }
  .cs-lg-grid-8 > .tile-6x {
    width: 75.0%; }
  .cs-lg-grid-8 > .tile-7x {
    width: 87.5%; }
  .cs-lg-grid-8 > .tile-8x {
    width: 100.0%; }
  .cs-lg-grid-7 > .tile {
    width: 14.2%; }
  .cs-lg-grid-7 > .tile-2x {
    width: 28.4%; }
  .cs-lg-grid-7 > .tile-3x {
    width: 42.6%; }
  .cs-lg-grid-7 > .tile-4x {
    width: 56.8%; }
  .cs-lg-grid-7 > .tile-5x {
    width: 71.0%; }
  .cs-lg-grid-7 > .tile-6x {
    width: 85.2%; }
  .cs-lg-grid-7 > .tile-7x {
    width: 99.4%; }
  .cs-lg-grid-7 > .tile-8x {
    width: 100.0%; }
  .cs-lg-grid-6 > .tile {
    width: 16.6%; }
  .cs-lg-grid-6 > .tile-2x {
    width: 33.2%; }
  .cs-lg-grid-6 > .tile-3x {
    width: 49.8%; }
  .cs-lg-grid-6 > .tile-4x {
    width: 66.4%; }
  .cs-lg-grid-6 > .tile-5x {
    width: 83.0%; }
  .cs-lg-grid-6 > .tile-6x {
    width: 99.6%; }
  .cs-lg-grid-6 > .tile-7x {
    width: 100.0%; }
  .cs-lg-grid-6 > .tile-8x {
    width: 100.0%; }
  .cs-lg-grid-5 > .tile {
    width: 20%; }
  .cs-lg-grid-5 > .tile-2x {
    width: 40%; }
  .cs-lg-grid-5 > .tile-3x {
    width: 60%; }
  .cs-lg-grid-5 > .tile-4x {
    width: 80%; }
  .cs-lg-grid-5 > .tile-5x {
    width: 100%; }
  .cs-lg-grid-5 > .tile-6x {
    width: 100%; }
  .cs-lg-grid-5 > .tile-7x {
    width: 100%; }
  .cs-lg-grid-5 > .tile-8x {
    width: 100%; }
  .cs-lg-grid-4 > .tile {
    width: 25%; }
  .cs-lg-grid-4 > .tile-2x {
    width: 50%; }
  .cs-lg-grid-4 > .tile-3x {
    width: 75%; }
  .cs-lg-grid-4 > .tile-4x {
    width: 100%; }
  .cs-lg-grid-4 > .tile-5x {
    width: 100%; }
  .cs-lg-grid-4 > .tile-6x {
    width: 100%; }
  .cs-lg-grid-4 > .tile-7x {
    width: 100%; }
  .cs-lg-grid-4 > .tile-8x {
    width: 100%; }
  .cs-lg-grid-3 > .tile {
    width: 33.3%; }
  .cs-lg-grid-3 > .tile-2x {
    width: 66.6%; }
  .cs-lg-grid-3 > .tile-3x {
    width: 99.9%; }
  .cs-lg-grid-3 > .tile-4x {
    width: 100%; }
  .cs-lg-grid-3 > .tile-5x {
    width: 100%; }
  .cs-lg-grid-3 > .tile-6x {
    width: 100%; }
  .cs-lg-grid-3 > .tile-7x {
    width: 100%; }
  .cs-lg-grid-3 > .tile-8x {
    width: 100%; }
  .cs-lg-grid-2 > .tile {
    width: 50%; }
  .cs-lg-grid-2 > .tile-2x {
    width: 100%; }
  .cs-lg-grid-2 > .tile-3x {
    width: 100%; }
  .cs-lg-grid-2 > .tile-4x {
    width: 100%; }
  .cs-lg-grid-2 > .tile-5x {
    width: 100%; }
  .cs-lg-grid-2 > .tile-6x {
    width: 100%; }
  .cs-lg-grid-2 > .tile-7x {
    width: 100%; }
  .cs-lg-grid-2 > .tile-8x {
    width: 100%; }
  .cs-lg-grid-1 > .tile {
    width: 100%; }
  .cs-lg-grid-1 > .tile-2x {
    width: 100%; }
  .cs-lg-grid-1 > .tile-3x {
    width: 100%; }
  .cs-lg-grid-1 > .tile-4x {
    width: 100%; }
  .cs-lg-grid-1 > .tile-5x {
    width: 100%; }
  .cs-lg-grid-1 > .tile-6x {
    width: 100%; }
  .cs-lg-grid-1 > .tile-7x {
    width: 100%; }
  .cs-lg-grid-1 > .tile-8x {
    width: 100%; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cs-md-grid-8 > .tile {
    width: 12.5%; }
  .cs-md-grid-8 > .tile-2x {
    width: 25.0%; }
  .cs-md-grid-8 > .tile-3x {
    width: 37.5%; }
  .cs-md-grid-8 > .tile-4x {
    width: 50%; }
  .cs-md-grid-8 > .tile-5x {
    width: 62.5%; }
  .cs-md-grid-8 > .tile-6x {
    width: 75.0%; }
  .cs-md-grid-8 > .tile-7x {
    width: 87.5%; }
  .cs-md-grid-8 > .tile-8x {
    width: 100.0%; }
  .cs-md-grid-7 > .tile {
    width: 14.2%; }
  .cs-md-grid-7 > .tile-2x {
    width: 28.4%; }
  .cs-md-grid-7 > .tile-3x {
    width: 42.6%; }
  .cs-md-grid-7 > .tile-4x {
    width: 56.8%; }
  .cs-md-grid-7 > .tile-5x {
    width: 71.0%; }
  .cs-md-grid-7 > .tile-6x {
    width: 85.2%; }
  .cs-md-grid-7 > .tile-7x {
    width: 99.4%; }
  .cs-md-grid-7 > .tile-8x {
    width: 100.0%; }
  .cs-md-grid-6 > .tile {
    width: 16.6%; }
  .cs-md-grid-6 > .tile-2x {
    width: 33.2%; }
  .cs-md-grid-6 > .tile-3x {
    width: 49.8%; }
  .cs-md-grid-6 > .tile-4x {
    width: 66.4%; }
  .cs-md-grid-6 > .tile-5x {
    width: 83.0%; }
  .cs-md-grid-6 > .tile-6x {
    width: 99.6%; }
  .cs-md-grid-6 > .tile-7x {
    width: 100.0%; }
  .cs-md-grid-6 > .tile-8x {
    width: 100.0%; }
  .cs-md-grid-5 > .tile {
    width: 20%; }
  .cs-md-grid-5 > .tile-2x {
    width: 40%; }
  .cs-md-grid-5 > .tile-3x {
    width: 60%; }
  .cs-md-grid-5 > .tile-4x {
    width: 80%; }
  .cs-md-grid-5 > .tile-5x {
    width: 100%; }
  .cs-md-grid-5 > .tile-6x {
    width: 100%; }
  .cs-md-grid-5 > .tile-7x {
    width: 100%; }
  .cs-md-grid-5 > .tile-8x {
    width: 100%; }
  .cs-md-grid-4 > .tile {
    width: 25%; }
  .cs-md-grid-4 > .tile-2x {
    width: 50%; }
  .cs-md-grid-4 > .tile-3x {
    width: 75%; }
  .cs-md-grid-4 > .tile-4x {
    width: 100%; }
  .cs-md-grid-4 > .tile-5x {
    width: 100%; }
  .cs-md-grid-4 > .tile-6x {
    width: 100%; }
  .cs-md-grid-4 > .tile-7x {
    width: 100%; }
  .cs-md-grid-4 > .tile-8x {
    width: 100%; }
  .cs-md-grid-3 > .tile {
    width: 33.3%; }
  .cs-md-grid-3 > .tile-2x {
    width: 66.6%; }
  .cs-md-grid-3 > .tile-3x {
    width: 99.9%; }
  .cs-md-grid-3 > .tile-4x {
    width: 100%; }
  .cs-md-grid-3 > .tile-5x {
    width: 100%; }
  .cs-md-grid-3 > .tile-6x {
    width: 100%; }
  .cs-md-grid-3 > .tile-7x {
    width: 100%; }
  .cs-md-grid-3 > .tile-8x {
    width: 100%; }
  .cs-md-grid-2 > .tile {
    width: 50%; }
  .cs-md-grid-2 > .tile-2x {
    width: 100%; }
  .cs-md-grid-2 > .tile-3x {
    width: 100%; }
  .cs-md-grid-2 > .tile-4x {
    width: 100%; }
  .cs-md-grid-2 > .tile-5x {
    width: 100%; }
  .cs-md-grid-2 > .tile-6x {
    width: 100%; }
  .cs-md-grid-2 > .tile-7x {
    width: 100%; }
  .cs-md-grid-2 > .tile-8x {
    width: 100%; }
  .cs-md-grid-1 > .tile {
    width: 100%; }
  .cs-md-grid-1 > .tile-2x {
    width: 100%; }
  .cs-md-grid-1 > .tile-3x {
    width: 100%; }
  .cs-md-grid-1 > .tile-4x {
    width: 100%; }
  .cs-md-grid-1 > .tile-5x {
    width: 100%; }
  .cs-md-grid-1 > .tile-6x {
    width: 100%; }
  .cs-md-grid-1 > .tile-7x {
    width: 100%; }
  .cs-md-grid-1 > .tile-8x {
    width: 100%; } }

@media screen and (max-width: 767px) {
  .cs-sm-grid-8 > .tile {
    width: 12.5%; }
  .cs-sm-grid-8 > .tile-2x {
    width: 25.0%; }
  .cs-sm-grid-8 > .tile-3x {
    width: 37.5%; }
  .cs-sm-grid-8 > .tile-4x {
    width: 50%; }
  .cs-sm-grid-8 > .tile-5x {
    width: 62.5%; }
  .cs-sm-grid-8 > .tile-6x {
    width: 75.0%; }
  .cs-sm-grid-8 > .tile-7x {
    width: 87.5%; }
  .cs-sm-grid-8 > .tile-8x {
    width: 100.0%; }
  .cs-sm-grid-7 > .tile {
    width: 14.2%; }
  .cs-sm-grid-7 > .tile-2x {
    width: 28.4%; }
  .cs-sm-grid-7 > .tile-3x {
    width: 42.6%; }
  .cs-sm-grid-7 > .tile-4x {
    width: 56.8%; }
  .cs-sm-grid-7 > .tile-5x {
    width: 71.0%; }
  .cs-sm-grid-7 > .tile-6x {
    width: 85.2%; }
  .cs-sm-grid-7 > .tile-7x {
    width: 99.4%; }
  .cs-sm-grid-7 > .tile-8x {
    width: 100.0%; }
  .cs-sm-grid-6 > .tile {
    width: 16.6%; }
  .cs-sm-grid-6 > .tile-2x {
    width: 33.2%; }
  .cs-sm-grid-6 > .tile-3x {
    width: 49.8%; }
  .cs-sm-grid-6 > .tile-4x {
    width: 66.4%; }
  .cs-sm-grid-6 > .tile-5x {
    width: 83.0%; }
  .cs-sm-grid-6 > .tile-6x {
    width: 99.6%; }
  .cs-sm-grid-6 > .tile-7x {
    width: 100.0%; }
  .cs-sm-grid-6 > .tile-8x {
    width: 100.0%; }
  .cs-sm-grid-5 > .tile {
    width: 20%; }
  .cs-sm-grid-5 > .tile-2x {
    width: 40%; }
  .cs-sm-grid-5 > .tile-3x {
    width: 60%; }
  .cs-sm-grid-5 > .tile-4x {
    width: 80%; }
  .cs-sm-grid-5 > .tile-5x {
    width: 100%; }
  .cs-sm-grid-5 > .tile-6x {
    width: 100%; }
  .cs-sm-grid-5 > .tile-7x {
    width: 100%; }
  .cs-sm-grid-5 > .tile-8x {
    width: 100%; }
  .cs-sm-grid-4 > .tile {
    width: 25%; }
  .cs-sm-grid-4 > .tile-2x {
    width: 50%; }
  .cs-sm-grid-4 > .tile-3x {
    width: 75%; }
  .cs-sm-grid-4 > .tile-4x {
    width: 100%; }
  .cs-sm-grid-4 > .tile-5x {
    width: 100%; }
  .cs-sm-grid-4 > .tile-6x {
    width: 100%; }
  .cs-sm-grid-4 > .tile-7x {
    width: 100%; }
  .cs-sm-grid-4 > .tile-8x {
    width: 100%; }
  .cs-sm-grid-3 > .tile {
    width: 33.3%; }
  .cs-sm-grid-3 > .tile-2x {
    width: 66.6%; }
  .cs-sm-grid-3 > .tile-3x {
    width: 99.9%; }
  .cs-sm-grid-3 > .tile-4x {
    width: 100%; }
  .cs-sm-grid-3 > .tile-5x {
    width: 100%; }
  .cs-sm-grid-3 > .tile-6x {
    width: 100%; }
  .cs-sm-grid-3 > .tile-7x {
    width: 100%; }
  .cs-sm-grid-3 > .tile-8x {
    width: 100%; }
  .cs-sm-grid-2 > .tile {
    width: 50%; }
  .cs-sm-grid-2 > .tile-2x {
    width: 100%; }
  .cs-sm-grid-2 > .tile-3x {
    width: 100%; }
  .cs-sm-grid-2 > .tile-4x {
    width: 100%; }
  .cs-sm-grid-2 > .tile-5x {
    width: 100%; }
  .cs-sm-grid-2 > .tile-6x {
    width: 100%; }
  .cs-sm-grid-2 > .tile-7x {
    width: 100%; }
  .cs-sm-grid-2 > .tile-8x {
    width: 100%; }
  .cs-sm-grid-1 > .tile {
    width: 100%; }
  .cs-sm-grid-1 > .tile-2x {
    width: 100%; }
  .cs-sm-grid-1 > .tile-3x {
    width: 100%; }
  .cs-sm-grid-1 > .tile-4x {
    width: 100%; }
  .cs-sm-grid-1 > .tile-5x {
    width: 100%; }
  .cs-sm-grid-1 > .tile-6x {
    width: 100%; }
  .cs-sm-grid-1 > .tile-7x {
    width: 100%; }
  .cs-sm-grid-1 > .tile-8x {
    width: 100%; } }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-category-tile {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 1em;
  background-color: #fff;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
  transition: all ease-in 0.2s; }
  .cs-category-tile:visited {
    color: inherit;
    text-decoration: none; }
  .cs-category-tile:hover, .cs-category-tile:active, .cs-category-tile:focus {
    background-color: #e6f6f7; }
  .cs-category-tile:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    outline: 0; }
  .cs-category-tile .cs-tile-icon,
  .cs-category-tile .cs-tile-title {
    color: #00a1af; }
  .cs-category-tile .cs-tile-image img {
    margin-bottom: 0;
    font-size: 2.82248em;
    transition: all ease-in 0.2s; }
  .cs-category-tile .cs-tile-icon {
    margin-bottom: 0;
    font-size: 2.82248em;
    transition: all ease-in 0.2s; }
  .cs-category-tile .cs-tile-title {
    font-size: 1.57453em;
    line-height: 1.5;
    transition: all ease-in 0.2s; }
  .cs-category-tile .cs-tile-description {
    transition: all ease-in 0.2s;
    color: #2c2c2c;
    font-size: 0.87836em;
    line-height: 1.5;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    flex-direction: column; }
  .cs-category-tile.cs-border-top {
    border-top: 3px solid #00a1af; }
  .cs-category-tile.cs-border-bottom {
    border-bottom: 3px solid #00a1af; }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-cityscape-tile {
  font-family: "Open Sans", open-sans, sans-serif;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
  list-style: none; }
  .cs-cityscape-tile a {
    display: flex;
    height: 100%;
    text-decoration: none; }
    .cs-cityscape-tile a:hover, .cs-cityscape-tile a:focus {
      color: inherit;
      text-decoration: underline; }
  .cs-cityscape-tile .cs-title-wrapper {
    align-self: flex-end;
    width: 100%;
    padding: 5px 10px;
    font-weight: 300;
    font-size: 25px;
    background-color: rgba(0, 0, 0, 0.4); }
    .cs-cityscape-tile .cs-title-wrapper .cs-tile-title {
      margin: 10px; }
  .cs-cityscape-tile:hover .cs-title-wrapper, .cs-cityscape-tile:focus .cs-title-wrapper {
    background-color: rgba(0, 0, 0, 0.7); }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-cityscape-resource-tile {
  font-family: "Open Sans", open-sans, sans-serif;
  text-align: center;
  padding: 0 40px;
  list-style: none;
  margin-top: 15px; }
  .cs-cityscape-resource-tile a {
    text-decoration: none; }
    .cs-cityscape-resource-tile a .cs-tile-content-wrapper .cs-tile-icon {
      font-size: 50px;
      display: block;
      margin-bottom: 5px;
      color: #fff; }
    .cs-cityscape-resource-tile a .cs-tile-content-wrapper img {
      height: 60px;
      margin-bottom: 10px; }
    .cs-cityscape-resource-tile a .cs-tile-content-wrapper .cs-tile-title {
      font-size: 25px;
      font-weight: normal;
      padding-bottom: 10px;
      margin-bottom: 10px;
      border-bottom: 1px solid #fff;
      color: #fff; }
    .cs-cityscape-resource-tile a .cs-tile-content-wrapper .cs-tile-description {
      font-size: 16px;
      line-height: 1.6;
      font-weight: 100;
      color: #fff;
      text-align: left; }
    .cs-cityscape-resource-tile a:hover .cs-tile-title, .cs-cityscape-resource-tile a:focus .cs-tile-title {
      text-decoration: underline; }
    .cs-cityscape-resource-tile a:hover .cs-tile-icon, .cs-cityscape-resource-tile a:focus .cs-tile-icon {
      color: #fff; }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-featured-story-tile {
  display: flex;
  flex: auto;
  flex-direction: column;
  justify-content: flex-start;
  background-color: #fff;
  text-decoration: none;
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
  .cs-featured-story-tile:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    outline: 0; }
  .cs-featured-story-tile .cs-tile-image {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    height: 165px;
    flex-grow: 0; }
  .cs-featured-story-tile .cs-image-description {
    height: 1px;
    left: -10000px;
    overflow: hidden;
    position: absolute;
    top: auto;
    width: 1px; }
  .cs-featured-story-tile .cs-featured-story-body {
    padding: 0.75em;
    flex-grow: 1; }
  .cs-featured-story-tile .cs-featured-story-title {
    display: block;
    margin: 0 0 10px;
    text-align: left;
    font-weight: normal;
    font-size: 1.13849em;
    line-height: 1.6;
    letter-spacing: -1px;
    color: #00a1af; }
  .cs-featured-story-tile .cs-featured-story-description {
    display: block;
    margin: 0;
    font-size: 0.87836em;
    line-height: 1.5;
    color: #2c2c2c; }
  .cs-featured-story-tile .cs-featured-story-call-to-action {
    flex-grow: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #f1f1f1;
    padding: 0.75em;
    color: #00a1af;
    font-size: 0.87836em;
    line-height: 1.5; }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-banner-in-carousel {
  height: 100%; }
  .cs-banner-in-carousel.cs-home-banner-wrapper-link {
    display: flex;
    flex: auto; }
  .cs-banner-in-carousel.cs-home-banner-container {
    display: flex;
    flex: auto; }
  .cs-banner-in-carousel.cs-home-banner-wrapper {
    display: flex;
    flex: auto;
    justify-content: center;
    background-repeat: 'no-repeat'; }
  @media screen and (min-width: 420px) and (max-width: 767px) {
    .cs-banner-in-carousel .cs-table-container {
      padding-left: 35px;
      padding-right: 35px; } }

a.cs-home-banner-wrapper-link {
  display: flex;
  flex-direction: column;
  text-decoration: none; }

.cs-home-banner-wrapper {
  box-sizing: border-box;
  min-height: 310px;
  position: relative;
  background-size: cover;
  background-position: center center;
  padding: 40px 20px 100px;
  width: 100%;
  display: flex;
  flex: auto;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
  align-items: center; }
  .cs-home-banner-wrapper .cs-banner-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4); }
  .cs-home-banner-wrapper .cs-table-container {
    position: relative;
    display: flex;
    width: 100%; }
    .cs-home-banner-wrapper .cs-table-container .cs-table-inner-container {
      width: 100%; }
  .cs-home-banner-wrapper .cs-banner-text {
    z-index: 2;
    color: #FFF;
    text-align: center;
    margin-bottom: 40px;
    padding-bottom: 1px; }
    .cs-home-banner-wrapper .cs-banner-text .cs-title {
      margin: 0 0 .5em;
      font-weight: bold;
      font-size: 4.44408em;
      line-height: 1.57453em;
      letter-spacing: -4px; }
    .cs-home-banner-wrapper .cs-banner-text .cs-description {
      max-width: 800px;
      margin: 0 auto;
      font-size: 1.29616em;
      line-height: 1.57453em; }
      @media screen and (max-width: 767px) {
        .cs-home-banner-wrapper .cs-banner-text .cs-description {
          width: 100%; } }
  .cs-home-banner-wrapper .cs-down-arrow-wrapper {
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 2;
    margin-left: auto;
    margin-right: auto; }
    @media screen and (max-height: 699px) {
      .cs-home-banner-wrapper .cs-down-arrow-wrapper {
        display: none; } }
    @media screen and (max-width: 1199px) {
      .cs-home-banner-wrapper .cs-down-arrow-wrapper {
        display: none; } }
    .cs-home-banner-wrapper .cs-down-arrow-wrapper .cs-arrow {
      cursor: pointer;
      font-size: 60px;
      color: #FFF; }
  @media screen and (max-width: 1199px) {
    .cs-home-banner-wrapper {
      padding: 40px 10px; } }
  @media screen and (min-width: 1200px) and (min-height: 700px) {
    .cs-home-banner-wrapper.cs-full-height-banner {
      min-height: 80vh; } }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-homebase-tile {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  box-sizing: border-box;
  padding: 1em;
  color: #fff;
  background-color: #1c6387;
  background-position: center center;
  background-size: cover;
  text-decoration: none;
  text-shadow: 0 2px rgba(44, 44, 44, 0.4);
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.24), 0 1px 3px 0 rgba(0, 0, 0, 0.12); }
  .cs-homebase-tile .overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 2; }
  .cs-homebase-tile .gradient-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(226, 226, 226, 0) 0%, rgba(219, 219, 219, 0) 8%, rgba(0, 0, 0, 0.75) 100%);
    z-index: 1; }
  .cs-homebase-tile:visited {
    color: inherit; }
  .cs-homebase-tile:hover .overlay, .cs-homebase-tile:active .overlay, .cs-homebase-tile:focus .overlay {
    background-color: rgba(255, 255, 255, 0.1); }
  .cs-homebase-tile:focus {
    box-shadow: 0 0 3px #3e94cf, 0 0 7px #3e94cf;
    outline: 0; }
  .cs-homebase-tile .cs-homebase-tile-content {
    display: flex;
    z-index: 3; }
  .cs-homebase-tile .cs-homebase-tile-icon {
    margin-right: 0.5em;
    font-size: 2.04084em;
    line-height: 1.5;
    color: inherit; }
  .cs-homebase-tile .cs-homebase-tile-title {
    font-size: 2.04084em;
    font-weight: 300;
    line-height: 1.5;
    color: inherit; }
  .cs-homebase-tile .cs-homebase-tile-description {
    line-height: 1.5;
    color: inherit; }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-info-box .cs-tile-title {
  font-size: 20px;
  font-weight: 600; }

.cs-info-box .cs-tile-description {
  font-size: 0.87836em;
  line-height: 1.5; }

@media screen and (max-width: 1200px) {
  .cs-info-box-tiles-component {
    padding: 0 40px; }
    .cs-info-box-tiles-component .cs-info-box {
      margin-bottom: 20px; } }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-multi-column-list .cs-multi-column-list__list {
  margin: 0;
  padding: 0;
  column-count: 3;
  column-gap: 32px;
  padding: 0 32px; }
  .cs-multi-column-list .cs-multi-column-list__list > li {
    list-style: none;
    margin-left: 0;
    line-height: 1.7; }
  .cs-multi-column-list .cs-multi-column-list__list a:link, .cs-multi-column-list .cs-multi-column-list__list a:visited {
    text-decoration: none;
    color: inherit; }
  .cs-multi-column-list .cs-multi-column-list__list a:hover, .cs-multi-column-list .cs-multi-column-list__list a:focus {
    text-decoration: underline;
    color: inherit; }
  .cs-multi-column-list .cs-multi-column-list__list.cs-multi-column-list__list--bullets > li {
    list-style: disc;
    margin-left: 1em; }

@media screen and (min-width: 1200px) {
  .cs-multi-column-list .cs-lg-cols-4 {
    column-count: 4; }
  .cs-multi-column-list .cs-lg-cols-3 {
    column-count: 3; }
  .cs-multi-column-list .cs-lg-cols-2 {
    column-count: 2; }
  .cs-multi-column-list .cs-lg-cols-1 {
    column-count: 1; } }

@media screen and (min-width: 768px) and (max-width: 1199px) {
  .cs-multi-column-list .cs-md-cols-4 {
    column-count: 4; }
  .cs-multi-column-list .cs-md-cols-3 {
    column-count: 3; }
  .cs-multi-column-list .cs-md-cols-2 {
    column-count: 2; }
  .cs-multi-column-list .cs-md-cols-1 {
    column-count: 1; } }

@media screen and (max-width: 767px) {
  .cs-multi-column-list .cs-sm-cols-4 {
    column-count: 4; }
  .cs-multi-column-list .cs-sm-cols-3 {
    column-count: 3; }
  .cs-multi-column-list .cs-sm-cols-2 {
    column-count: 2; }
  .cs-multi-column-list .cs-sm-cols-1 {
    column-count: 1; } }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-quick-link-tile {
  position: relative;
  background: rgba(150, 150, 150, 0.4);
  color: #fff;
  list-style: none; }
  .cs-quick-link-tile a {
    text-decoration: none; }
    .cs-quick-link-tile a:hover, .cs-quick-link-tile a:focus {
      color: #FFF; }
  .cs-quick-link-tile .cs-tile-content-wrapper {
    color: white;
    font-weight: 100;
    position: relative;
    text-align: center;
    z-index: 10;
    padding-top: 3.5em; }
    .cs-quick-link-tile .cs-tile-content-wrapper .cs-tile-icon {
      font-size: 50px;
      margin-bottom: 10px;
      display: block; }
    .cs-quick-link-tile .cs-tile-content-wrapper img {
      height: 50px;
      margin-bottom: 10px; }
    .cs-quick-link-tile .cs-tile-content-wrapper .cs-tile-title {
      font-size: 20px; }
  .cs-quick-link-tile:hover, .cs-quick-link-tile:focus {
    text-decoration: none; }
    .cs-quick-link-tile:hover .cs-quick-link-hover-shadow, .cs-quick-link-tile:focus .cs-quick-link-hover-shadow {
      background-color: rgba(0, 0, 0, 0.3); }
  .cs-quick-link-tile .cs-quick-link-hover-shadow {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0; }
/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-section-with-header {
  margin: 8vh auto 4vh auto; }
  .cs-section-with-header .cs-header {
    text-align: left;
    font-weight: normal;
    font-size: 1.68002em;
    margin: 0 0 0.25em 0; }
    .cs-section-with-header .cs-header.cs-header-centered-text {
      text-align: center; }
  .cs-section-with-header hr {
    margin-top: .25em;
    margin-bottom: 1em; }

/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-template-home .cs-container.cs-tile-section, .cs-template-home .cs-container.cs-bottom-tile-section {
  padding: 0 1em;
  margin: 1em auto; }
/*
 * When using a custom header/footer (when site_chrome is not available),
 * import Open Sans (default typography) from Google independently
 * by uncommenting the following line.
 */
/*
 * Import Socrata styleguide selectively
 */
/*
 * The placement of these imports is highly order-dependent!
 * Bourbon has variables that must be reassigned by grid, which
 * needs to be loaded before Neat. Tread carefully.
 */
/*
 * Bourbon and Neat settings to invert platform's base.css
 */
.cs-template-home a:focus, .cs-template-home a:active {
  text-decoration: none; }

.cs-template-home .component-Text {
  padding: 0;
  font-size: 1em; }

.cs-template-home input[type="text"] {
  font-family: inherit; }

.cs-template-home .siteContentWrapper {
  box-sizing: border-box;
  padding: 0;
  font-size: 1.6em; }

/* Base Palette Colors */
/* Colors light version */
/* Colors dark version */
/* Greys */
/* Shades of Grey */
/* Color Vars */
/* Button Colors */
/* Header */
/* Settings Panel */
/* Backgrounds */
/* Specific */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Variables should also be defined within individual components SCSS files.
  They are noted here as a comprehensive reference.
  These can be overridden by template's variable file.

  When a new variable is added to a component, make sure to add
  it here, as well as update the template.

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* * * * * * * * * * * * * * * * * * * * * * * * * * * * *

  Custom helper mixins

 * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
.cs-template-home {
  font-family: "Open Sans", "Helvetica", Arial, sans-serif; }

.cs-template-home .cs-container {
  max-width: 1140px;
  margin: 0 auto; }
  .cs-template-home .cs-container::before, .cs-template-home .cs-container::after {
    content: "";
    display: table; }
  .cs-template-home .cs-container::after {
    clear: both; }

.cs-template-home .cs-padding {
  height: 2em; }