/*
 * Legal Disclaimer
 *
 * These Fonts are licensed only for use on these domains and their subdomains:
 * www.discoverslu.com
 *
 * It is illegal to download or use them on other websites.
 *
 * While the @font-face statements below may be modified by the client, this
 * disclaimer may not be removed.
 *
 * Lineto.com, 2015
 */
/* Complete */
@font-face {
  font-family: "Akkurat-Light";
  src: url("fonts/lineto-akkurat-light.eot");
  src: url("fonts/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-light.woff") format("woff"), url("fonts/lineto-akkurat-light.ttf") format("truetype"), url("fonts/lineto-akkurat-light.svg#lineto-akkurat-light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Regular";
  src: url("fonts/lineto-akkurat-regular.eot");
  src: url("fonts/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-regular.woff") format("woff"), url("fonts/lineto-akkurat-regular.ttf") format("truetype"), url("fonts/lineto-akkurat-regular.svg#lineto-akkurat-regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Lightitalic";
  src: url("fonts/lineto-akkurat-lightitalic.eot");
  src: url("fonts/lineto-akkurat-lightitalic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-lightitalic.woff") format("woff"), url("fonts/lineto-akkurat-lightitalic.ttf") format("truetype"), url("fonts/lineto-akkurat-lightitalic.svg#lineto-akkurat-lightitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Italic";
  src: url("fonts/lineto-akkurat-italic.eot");
  src: url("fonts/lineto-akkurat-italic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-italic.woff") format("woff"), url("fonts/lineto-akkurat-italic.ttf") format("truetype"), url("fonts/lineto-akkurat-italic.svg#lineto-akkurat-italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Bold";
  src: url("fonts/lineto-akkurat-bold.eot");
  src: url("fonts/lineto-akkurat-bold.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-bold.woff") format("woff"), url("fonts/lineto-akkurat-bold.ttf") format("truetype"), url("fonts/lineto-akkurat-bold.svg#lineto-akkurat-bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Bolditalic";
  src: url("fonts/lineto-akkurat-bolditalic.eot");
  src: url("fonts/lineto-akkurat-bolditalic.eot?#iefix") format("embedded-opentype"), url("fonts/lineto-akkurat-bolditalic.woff") format("woff"), url("fonts/lineto-akkurat-bolditalic.ttf") format("truetype"), url("fonts/lineto-akkurat-bolditalic.svg#lineto-akkurat-bolditalic") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Subsetted */
@font-face {
  font-family: "Akkurat-Light-S";
  src: url("fonts_subsetted/lineto-akkurat-light.eot");
  src: url("fonts_subsetted/lineto-akkurat-light.eot?#iefix") format("embedded-opentype"), url("fonts_subsetted/lineto-akkurat-light.woff") format("woff"), url("fonts_subsetted/lineto-akkurat-light.ttf") format("truetype"), url("fonts_subsetted/lineto-akkurat-light.svg#lineto-akkurat-light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Regular-S";
  src: url("fonts_subsetted/lineto-akkurat-regular.eot");
  src: url("fonts_subsetted/lineto-akkurat-regular.eot?#iefix") format("embedded-opentype"), url("fonts_subsetted/lineto-akkurat-regular.woff") format("woff"), url("fonts_subsetted/lineto-akkurat-regular.ttf") format("truetype"), url("fonts_subsetted/lineto-akkurat-regular.svg#lineto-akkurat-regular") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Lightitalic-S";
  src: url("fonts_subsetted/lineto-akkurat-lightitalic.eot");
  src: url("fonts_subsetted/lineto-akkurat-lightitalic.eot?#iefix") format("embedded-opentype"), url("fonts_subsetted/lineto-akkurat-lightitalic.woff") format("woff"), url("fonts_subsetted/lineto-akkurat-lightitalic.ttf") format("truetype"), url("fonts_subsetted/lineto-akkurat-lightitalic.svg#lineto-akkurat-lightitalic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Italic-S";
  src: url("fonts_subsetted/lineto-akkurat-italic.eot");
  src: url("fonts_subsetted/lineto-akkurat-italic.eot?#iefix") format("embedded-opentype"), url("fonts_subsetted/lineto-akkurat-italic.woff") format("woff"), url("fonts_subsetted/lineto-akkurat-italic.ttf") format("truetype"), url("fonts_subsetted/lineto-akkurat-italic.svg#lineto-akkurat-italic") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Bold-S";
  src: url("fonts_subsetted/lineto-akkurat-bold.eot");
  src: url("fonts_subsetted/lineto-akkurat-bold.eot?#iefix") format("embedded-opentype"), url("fonts_subsetted/lineto-akkurat-bold.woff") format("woff"), url("fonts_subsetted/lineto-akkurat-bold.ttf") format("truetype"), url("fonts_subsetted/lineto-akkurat-bold.svg#lineto-akkurat-bold") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: "Akkurat-Bolditalic-S";
  src: url("fonts_subsetted/lineto-akkurat-bolditalic.eot");
  src: url("fonts_subsetted/lineto-akkurat-bolditalic.eot?#iefix") format("embedded-opentype"), url("fonts_subsetted/lineto-akkurat-bolditalic.woff") format("woff"), url("fonts_subsetted/lineto-akkurat-bolditalic.ttf") format("truetype"), url("fonts_subsetted/lineto-akkurat-bolditalic.svg#lineto-akkurat-bolditalic") format("svg");
  font-weight: normal;
  font-style: normal; }
/*
        This font software is the property of Commercial Type.

        You may not modify the font software, use it on another website, or install it on a computer.

        License information is available at http://commercialtype.com/eula
        For more information please visit Commercial Type at http://commercialtype.com or email us at info[at]commercialtype.com

        Copyright (C) 2013 Schwartzco Inc.
        License: 1507-OYAYZT     
*/
@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-Thin-Web.eot");
  src: url("fonts/Stag-Thin-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-Thin-Web.woff") format("woff"), url("fonts/Stag-Thin-Web.ttf") format("truetype"), url("fonts/Stag-Thin-Web.svg#Stag Web") format("svg");
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }
.Stag-Thin-Web {
  font-family: 'Stag Web';
  font-weight: 100;
  font-style: normal;
  font-stretch: normal; }

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-ThinItalic-Web.eot");
  src: url("fonts/Stag-ThinItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-ThinItalic-Web.woff") format("woff"), url("fonts/Stag-ThinItalic-Web.ttf") format("truetype"), url("fonts/Stag-ThinItalic-Web.svg#Stag Web") format("svg");
  font-weight: 100;
  font-style: italic;
  font-stretch: normal; }
.Stag-ThinItalic-Web {
  font-family: 'Stag Web';
  font-weight: 100;
  font-style: italic;
  font-stretch: normal; }

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

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-LightItalic-Web.eot");
  src: url("fonts/Stag-LightItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-LightItalic-Web.woff") format("woff"), url("fonts/Stag-LightItalic-Web.ttf") format("truetype"), url("fonts/Stag-LightItalic-Web.svg#Stag Web") format("svg");
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }
.Stag-LightItalic-Web {
  font-family: 'Stag Web';
  font-weight: 300;
  font-style: italic;
  font-stretch: normal; }

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

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-BookItalic-Web.eot");
  src: url("fonts/Stag-BookItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-BookItalic-Web.woff") format("woff"), url("fonts/Stag-BookItalic-Web.ttf") format("truetype"), url("fonts/Stag-BookItalic-Web.svg#Stag Web") format("svg");
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }
.Stag-BookItalic-Web {
  font-family: 'Stag Web';
  font-weight: 400;
  font-style: italic;
  font-stretch: normal; }

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

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-MediumItalic-Web.eot");
  src: url("fonts/Stag-MediumItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-MediumItalic-Web.woff") format("woff"), url("fonts/Stag-MediumItalic-Web.ttf") format("truetype"), url("fonts/Stag-MediumItalic-Web.svg#Stag Web") format("svg");
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }
.Stag-MediumItalic-Web {
  font-family: 'Stag Web';
  font-weight: 500;
  font-style: italic;
  font-stretch: normal; }

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

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-SemiboldItalic-Web.eot");
  src: url("fonts/Stag-SemiboldItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-SemiboldItalic-Web.woff") format("woff"), url("fonts/Stag-SemiboldItalic-Web.ttf") format("truetype"), url("fonts/Stag-SemiboldItalic-Web.svg#Stag Web") format("svg");
  font-weight: 600;
  font-style: italic;
  font-stretch: normal; }
.Stag-SemiboldItalic-Web {
  font-family: 'Stag Web';
  font-weight: 600;
  font-style: italic;
  font-stretch: normal; }

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

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-BoldItalic-Web.eot");
  src: url("fonts/Stag-BoldItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-BoldItalic-Web.woff") format("woff"), url("fonts/Stag-BoldItalic-Web.ttf") format("truetype"), url("fonts/Stag-BoldItalic-Web.svg#Stag Web") format("svg");
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }
.Stag-BoldItalic-Web {
  font-family: 'Stag Web';
  font-weight: 700;
  font-style: italic;
  font-stretch: normal; }

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

@font-face {
  font-family: 'Stag Web';
  src: url("fonts/Stag-BlackItalic-Web.eot");
  src: url("fonts/Stag-BlackItalic-Web.eot?#iefix") format("embedded-opentype"), url("fonts/Stag-BlackItalic-Web.woff") format("woff"), url("fonts/Stag-BlackItalic-Web.ttf") format("truetype"), url("fonts/Stag-BlackItalic-Web.svg#Stag Web") format("svg");
  font-weight: 900;
  font-style: italic;
  font-stretch: normal; }
.Stag-BlackItalic-Web {
  font-family: 'Stag Web';
  font-weight: 900;
  font-style: italic;
  font-stretch: normal; }

html {
  -webkit-text-size-adjust: 100%;
  /* Prevent font scaling in landscape while allowing user zoom */ }

body {
  margin: 0;
  padding: 0;
  background-color: #fff;
  font-size: 86%;
  font-family: "Akkurat-Regular-S", Arial, sans-serif;
  line-height: 1.3;
  box-sizing: border-box;
  color: #1D3C53;
  transition: padding .5s ease;
  padding-top: 155px; }
  @media (max-width: 1080px) {
    body {
      padding-top: 139px; } }
  @media (max-width: 900px) {
    body {
      padding-top: 109px; } }
  @media (max-width: 860px) {
    body {
      padding-top: 12vw; } }
  body.burger-expanded {
    overflow: hidden; }
  @media all and (min-width: 901px) {
    body.squished {
      padding-top: 106px;
      transition: padding .5s ease; } }

a {
  color: #1D3C53;
  text-decoration: none; }

a:hover {
  color: #435d70; }

a.lite-blue-hover:hover {
  color: #269CCF; }

img {
  border: none; }

p {
  margin: 0 0 1.5em; }

h2 {
  font-family: "Stag Web", serif;
  font-weight: 400;
  font-size: 1.7em;
  letter-spacing: 0.06em;
  color: #1D3C53; }
  h2 a {
    color: #1D3C53; }

h3 {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: normal;
  color: #1D3C53; }
  h3 a {
    color: #1D3C53; }

h2.tiny-h2,
h3.tiny-h2, .feature h2.tiny-h2,
.feature h3.tiny-h2 {
  font-family: "Akkurat-Bold-S", Arial, sans-serif;
  font-weight: normal;
  font-size: 0.9rem;
  letter-spacing: initial;
  margin: 0; }

strong, b {
  font-family: "Akkurat-Bold-S", Arial, sans-serif; }

.bigger-bottom-margin p {
  margin-bottom: 2.2em; }

.body-text {
  padding-bottom: 12px; }

.clear {
  font-size: 0px;
  height: 0;
  clear: both; }

.indent-text {
  padding: 0 10px; }

.u-padding-right,
.padding-right {
  padding-right: 24px; }

.u-padding-top {
  padding-top: 28px; }

.u-small-bottom-margin {
  margin-bottom: 1rem; }

.u-standard-bottom-margin {
  margin-bottom: 40px; }

.u-medium-bottom-margin {
  margin-bottom: 40px; }

.u-medium-top-margin {
  margin-top: 40px; }

.u-big-bottom-margin {
  margin-bottom: 70px; }

.u-underline {
  text-decoration: underline; }

.u-no-overflow {
  overflow: hidden; }

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

.text-white {
  color: #fff; }

.bg-blue {
  background-color: #269CCF; }

.bg-white {
  background-color: #fff; }

.bg-tan {
  background-color: #f1efe4; }

.is-pointer {
  cursor: pointer; }

.margin-buffer {
  padding: 0 5%; }

.new-row {
  clear: left; }

.site-width {
  max-width: 1100px;
  padding: 0 5%;
  margin: 0 auto;
  position: relative; }
  @media (max-width: 380px) {
    .site-width {
      padding: 0 3%; } }

.single-image {
  margin-bottom: 40px; }
  .single-image img {
    max-width: 100%;
    display: block; }

.credits {
  font-size: 0.92em; }

.is-hidden {
  display: none !important; }

.u-visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
  /* added line */
  background-color: #1D3C53;
  color: #fff; }

#header .close-search-button, #header .site-search-button button, #burger-menu button, .share-bar button, .site-search-obsolete button[type="submit"], .sidebar-box .share button, .selector__panel button.selector__toggle, .slideshow .slick-dots button, .slideout-panel__close, .location-info .share button {
  border: none;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  background: transparent;
  padding: 0;
  appearance: none;
  cursor: pointer; }

.show-more__link {
  position: relative;
  padding-left: 46px;
  font-size: 18px; }
  .show-more__link:before {
    position: absolute;
    top: 0;
    left: 0;
    content: url(../images/icons/arrows/arrow-down-white.svg);
    background-color: #269CCF;
    display: block;
    width: 30px;
    height: 30px;
    transition: background-color 0.3s ease; }
  .show-more__link:hover:before {
    background-color: #1D3C53; }

.u-mobile-only {
  display: none; }

@media (max-width: 767px) {
  .u-mobile-only {
    display: block; } }
.u-reveal {
  opacity: 0;
  transition: opacity 0.3s ease-in-out; }
  .u-reveal--revealed {
    opacity: 1; }

.h2-sidebar, .h2-lite {
  font-size: 1.7em;
  font-family: "Stag Web", serif;
  font-weight: 300;
  letter-spacing: 0.05em; }

.h2-body-text, .feature h2, .results-header, body.calendar h2.event-day {
  font-size: 1.7em;
  font-family: "Akkurat-Regular-S", Arial, sans-serif;
  font-weight: 300; }

.h2-header-text {
  font-family: "Stag Web", serif;
  line-height: 1.3;
  letter-spacing: 0.02em; }

.h2-sidebar {
  margin: 0;
  padding: 12px 16px;
  background-color: #1D3C53;
  color: #fff; }

.text-x1 {
  font-size: 1.125rem; }

.text-x2 {
  font-size: 1.7rem; }

.text-x3 {
  font-size: 2rem; }

.text-bold {
  font-family: 'Akkurat-Bold';
  font-weight: normal; }

.no-lineheight {
  line-height: 1; }

.h2-lite {
  font-weight: 300; }

#wrapper {
  position: relative; }

@media (min-width: 768px) {
  #main {
    background: #fff url("../images/page_bg.png") center center repeat; }
    #main .content-inner {
      border-right: 1px solid #e4e4e4; } }
@media (max-width: 600px) {
  #main {
    background-image: none; } }
#main .content-inner {
  background-color: #fff; }
body.single-column #main {
  background-image: none; }
  body.single-column #main .content-inner {
    border-right: none; }

#header {
  background-color: #193c53;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 301;
  transition: all .5s ease; }
  body.admin-bar #header {
    top: 32px; }
    @media (max-width: 782px) {
      body.admin-bar #header {
        top: 46px; } }
  #header a.skip-nav {
    order: 1; }
  #header .site-search {
    order: 2; }
  #header .slideout-panel {
    order: 3; }
  #header #header-wrapper {
    order: 4; }
  #header .site-width {
    text-align: center;
    padding: 0; }
  #header .site-search {
    background-color: #fff; }
  #header .search-bar {
    position: relative;
    height: 0;
    padding: 0;
    overflow: hidden;
    box-sizing: border-box;
    border-top: none;
    transition: height 0.5s ease, padding 0.5s ease; }
    .site-search-expanded #header .search-bar {
      height: 60px;
      padding: 0 0 0; }
      @media (max-width: 530px) {
        .site-search-expanded #header .search-bar {
          height: 11.3vw; } }
    #header .search-bar form {
      height: 100%;
      align-items: center; }
    #header .search-bar input[type="text"] {
      height: 29px; }
    #header .search-bar button:focus {
      outline: 2px solid #269CCF; }
    #header .search-bar button[type="submit"] {
      padding: 2px;
      margin-left: 2px; }
      @media (max-width: 900px) {
        #header .search-bar button[type="submit"] {
          width: 26px;
          height: 26px;
          background-size: 26px; } }
      @media (max-width: 380px) {
        #header .search-bar button[type="submit"] {
          width: 20px;
          height: 20px;
          background-size: 20px; } }
  #header .close-search-button {
    position: absolute;
    right: 2px;
    top: 50%;
    transform: translateY(-50%);
    padding: 2px; }
    #header .close-search-button:focus {
      outline: 2px solid #269CCF; }
    #header .close-search-button img {
      display: block;
      width: 20px;
      height: 20px; }
      @media (max-width: 380px) {
        #header .close-search-button img {
          width: 14px;
          height: 14px; } }
  #header .site-search-button {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translate(65px, -50%);
    transition: opacity 0.3s ease; }
    .site-search-expanded #header .site-search-button {
      opacity: 0; }
    #header .site-search-button button {
      width: 33px;
      height: 33px;
      background: transparent url("../images/search_icon_white.png") center/33px no-repeat; }
    @media (max-width: 900px) {
      #header .site-search-button {
        transform: translate(52px, -50%); }
        #header .site-search-button button {
          width: 26px;
          height: 26px;
          background-size: 26px; } }
    @media (max-width: 530px) {
      #header .site-search-button {
        transform: translate(45px, -50%); } }
    @media (max-width: 380px) {
      #header .site-search-button {
        transform: translate(38px, -50%); }
        #header .site-search-button button {
          width: 20px;
          height: 20px;
          background-size: 20px; } }
  #header .header-root {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    height: 156px;
    transition: height 0.5s ease; }
    body.squished #header .header-root {
      height: 106px; }
      @media (max-width: 860px) {
        body.squished #header .header-root {
          height: 12vw; } }
    @media (max-width: 1080px) {
      #header .header-root {
        height: 139px; } }
    @media (max-width: 900px) {
      #header .header-root {
        height: 109px; } }
    @media (max-width: 860px) {
      #header .header-root {
        height: 12vw; } }
    @media (max-width: 860px) {
      #header .header-root {
        padding-left: 80px; } }
    #header .header-root__instagram {
      position: absolute;
      right: 16px;
      top: 0;
      transform: translateY(61px);
      transition: transform 0.5s ease; }
      body.squished #header .header-root__instagram {
        transform: translateY(39px); }
      @media (max-width: 1080px) {
        #header .header-root__instagram {
          transform: translateY(51px); } }
      @media (max-width: 900px) {
        #header .header-root__instagram {
          transform: translateY(35px); } }
      #header .header-root__instagram img {
        width: 47px;
        height: auto;
        transition: width 0.5s ease; }
        body.squished #header .header-root__instagram img {
          width: 40px; }
      #header .header-root__instagram a {
        display: flex;
        align-items: flex-end; }
      #header .header-root__instagram span {
        display: inline-block;
        margin: 0 0 4px 8px;
        font-family: "Stag Web", serif;
        font-size: 1.8rem;
        font-weight: 400;
        letter-spacing: 0.02em;
        color: #fff;
        transition: width 0.5s ease, font-size 0.5s ease; }
        body.squished #header .header-root__instagram span {
          font-size: 1.6rem; }
      @media (max-width: 860px) {
        #header .header-root__instagram {
          display: none; } }

#header-wrapper {
  width: 100%; }

#header-title {
  width: 100%;
  max-width: 648px;
  margin: 0 auto;
  padding-right: 20px;
  text-align: center;
  transition: width .5s ease, padding-right 0.5s ease;
  will-change: width; }
  #header-title a, #header-title img {
    width: 100%;
    display: block; }
  #header-title img {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    height: auto;
    transition: width .5s ease; }
    @media (min-width: 901px) {
      body.squished #header-title img {
        width: 520px;
        margin-left: auto;
        margin-right: auto;
        transition: width .5s ease; } }
    @media (max-width: 900px) {
      body.squished #header-title img {
        max-width: 520px; } }
  @media (max-width: 1180px) {
    #header-title {
      max-width: 55vw; } }
  @media (max-width: 920px) {
    #header-title {
      padding-right: 5vw; } }
  @media (max-width: 860px) {
    #header-title {
      padding-right: 0; } }

.footer {
  background-color: #1d3c53;
  color: #fff;
  padding: 50px 0;
  overflow: auto; }
  .footer .site-width {
    overflow: auto; }
  .footer h2 {
    margin: 0 0 0.7em 0;
    line-height: 1;
    font-size: 1.4em;
    color: #fff; }
  .footer a {
    color: #fff;
    text-decoration: none;
    transition: opacity 0.3s ease; }
    .footer a:hover {
      opacity: 0.5; }
  .footer .arrow a {
    text-transform: uppercase;
    font-size: 1.2em;
    font-family: 'Akkurat-Light-S';
    letter-spacing: 0.05em;
    margin-top: 20px; }
  .footer .nav {
    margin: 0 8% 0 10px;
    float: left;
    font-size: 1.2em; }
    .footer .nav li {
      margin-bottom: 12px; }
    .footer .nav.nav-main {
      font-size: 1.4em; }
      .footer .nav.nav-main li {
        margin-bottom: 7px; }
  .footer .copyright {
    clear: both;
    margin: 0 0 0 10px;
    font-size: 0.92em; }
  .footer .sidebar {
    padding-bottom: 0;
    padding-left: 70px; }
  .footer__newsletter-signup {
    margin-bottom: 10px; }
  .footer__social {
    list-style: none;
    margin: 0 0 30px 0;
    padding: 0;
    display: flex;
    align-items: center; }
    .footer__social li {
      margin-right: 16px; }
      .footer__social li:nth-child(2) {
        margin-right: 12px; }
  @media screen and (max-width: 900px) {
    .footer {
      padding-bottom: 35px; }
      .footer .columns {
        display: block; }
      .footer .content-wrapper {
        padding-bottom: 50px; }
      .footer .content-inner {
        margin-right: 0;
        padding-bottom: 0; }
      .footer .sidebar {
        width: auto;
        padding-left: 10px;
        padding-bottom: 60px;
        margin-bottom: 0; } }
  @media screen and (max-width: 530px) {
    .footer .content-wrapper {
      padding-bottom: 20px; }
    .footer .content-inner {
      max-width: 30em; }
    .footer .nav {
      margin-bottom: 24px; }
    .footer .nav.nav-main {
      height: 190px; } }

#add-to-home-screen {
  display: none;
  margin-top: 40px; }
  #add-to-home-screen img {
    width: 73px;
    height: 72px;
    vertical-align: middle; }
  #add-to-home-screen .text {
    display: inline-block;
    vertical-align: middle;
    width: 8em;
    margin-left: 8px; }

div.arrow {
  height: 30px; }
  div.arrow a {
    display: block;
    background: transparent url("../images/icons/arrows/arrow_right.png") 0 0 no-repeat;
    background-size: 30px 30px;
    padding: 7px 0 7px 40px; }

.arrow-box-icon {
  position: relative;
  z-index: 2;
  width: 30px;
  height: 30px;
  background-color: #C5E6F7; }
  .arrow-box-icon::before {
    content: url(../images/icons/arrows/arrow-down-dark-blue.svg);
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 30px;
    height: 30px; }

.body-copy ul, .body-copy ol {
  margin: 0 0 1.5em 13px;
  padding: 0; }
.body-copy p, .body-copy li {
  line-height: 1.5; }
.body-copy li {
  margin-bottom: 0.5em; }
.body-copy a {
  text-decoration: underline;
  text-decoration-skip-ink: all;
  text-decoration-color: rgba(29, 60, 83, 0.7);
  text-underline-offset: 0.15em; }

#burger-menu {
  position: absolute;
  top: 50%;
  left: 0;
  z-index: 1;
  transform: translateY(-50%);
  transition: opacity 0.3s ease;
  transition: all .5s ease; }
  #burger-menu:hover {
    opacity: 0.5; }
  body.burger-expanded #burger-menu {
    display: none; }
  #burger-menu button {
    display: block;
    width: 45px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    background: transparent url(../images/burger.png) 0 0/cover no-repeat; }
    @media screen and (max-width: 900px) {
      #burger-menu button {
        width: 36px;
        height: 27.2px; } }
    @media screen and (max-width: 530px) {
      #burger-menu button {
        width: 33px;
        height: 25px; } }
    @media screen and (max-width: 380px) {
      #burger-menu button {
        width: 28px;
        height: 21px; } }

.block--bg-white {
  background-color: #fff;
  padding: 0 5% 1em 5% !important;
  border: 1px solid #e4e4e4;
  border-top-width: 0; }
.block__header {
  margin: 0 -16px 20px; }
.block__floating-link {
  float: right; }
.block__data {
  display: flex;
  align-items: center;
  margin-bottom: 1.2em; }
  .block__data--align-bottom {
    align-items: flex-end; }
  .block__data--align-right {
    justify-content: flex-end; }
.block__data-label {
  width: 180px; }
@media (max-width: 600px) {
  .block.slu-and-u {
    margin-bottom: 40px; } }
.block.share-links {
  background-color: #fff;
  border: 1px solid #e4e4e4;
  padding: 15px 18px 19px; }
  .block.share-links h3 {
    font-weight: normal;
    margin: 0 0 12px;
    font-size: 1.3em; }
  .block.share-links ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: auto; }
  .block.share-links li {
    float: left;
    margin-right: 1px; }

.button {
  display: inline-block;
  margin-right: 6px; }
  @media (max-width: 650px) {
    .button {
      margin-right: 2px; } }
  @media (max-width: 600px) {
    .button {
      margin-right: 6px; } }
  .button.last {
    margin-right: 0; }
  .button.bigger {
    margin-right: 0; }
    .button.bigger a {
      font-family: "Stag Web", serif;
      font-size: 1.3em;
      padding: 8px 18px 7px; }
      @media screen and (max-width: 380px) {
        .button.bigger a {
          font-size: 1em; } }
  .button.gray a {
    background-color: #DCDDD8; }
  .button span.anchor-sub,
  .button a {
    display: inline-block;
    background-color: #DCDDD8;
    color: #1D3C53;
    font-family: "Akkurat-Regular-S", Arial, sans-serif;
    letter-spacing: 0.03em;
    text-decoration: none;
    padding: 5px 10px 4px;
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out; }
    .button span.anchor-sub:hover,
    .button a:hover {
      background-color: #1D3C53;
      color: #fff; }
    @media (max-width: 650px) {
      .button span.anchor-sub,
      .button a {
        font-size: 0.92em;
        letter-spacing: 0.02em;
        padding-left: 8px;
        padding-right: 8px; } }
    @media (max-width: 600px) {
      .button span.anchor-sub,
      .button a {
        font-size: 1em;
        letter-spacing: 0.03em;
        padding-left: 10px;
        padding-right: 10px; } }

.category-list {
  padding: 0;
  margin-bottom: 1.2rem; }
  .category-list h2 {
    font-family: "Akkurat-Regular-S", Arial, sans-serif;
    letter-spacing: 0; }
  .category-list ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  .category-list li {
    margin-bottom: 1em; }

.circle-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 38px;
  height: 38px;
  border-radius: 100%;
  text-transform: uppercase;
  font-size: 11px;
  background-color: #1F7FA8;
  color: #fff; }
  .circle-icon span {
    display: block;
    transform: translateY(2px); }

.campaign-banner {
  --supertitle: 2rem;
  --title: 3.2rem;
  --subtitle: 1.8rem;
  --logo: 70px;
  --supertitle-font-size: var(--supertitle);
  --title-font-size: var(--title);
  --subtitle-font-size: var(--subtitle);
  --logo-width: var(--logo);
  --vertical-transform: -15%;
  padding: 0 5%;
  transform: translateY(var(--vertical-transform)); }
  @media (max-width: 900px) {
    .campaign-banner {
      --supertitle-font-size: calc(var(--supertitle) * .7);
      --title-font-size: calc(var(--title) * .7);
      --subtitle-font-size: calc(var(--subtitle) * .7);
      --logo-width: calc(var(--logo) * .7);
      --vertical-transform: -25%; } }
  @media (max-width: 800px) {
    .campaign-banner {
      --vertical-transform: 0; } }
  @media (max-width: 500px) {
    .campaign-banner {
      --supertitle-font-size: calc(var(--supertitle) * .5);
      --title-font-size: calc(var(--title) * .5);
      --subtitle-font-size: calc(var(--subtitle) * .5);
      --logo-width: calc(var(--logo) * .5); } }
  .campaign-banner__logo {
    text-align: center; }
    .campaign-banner__logo img {
      display: block;
      margin: 0 auto 1em auto;
      width: var(--logo-width);
      height: auto; }
  .campaign-banner__supertitle {
    display: block;
    margin-bottom: 0.2rem;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-family: "Stag Web", serif;
    font-size: 1.94rem; }
    @media (max-width: 780px) {
      .campaign-banner__supertitle {
        font-size: 1.55rem; } }
    @media (max-width: 580px) {
      .campaign-banner__supertitle {
        font-size: 1.33rem; } }
  .campaign-banner h1.campaign-banner__title {
    margin: 0 0 0.65rem;
    line-height: 1.2;
    font-size: 3.4rem;
    font-weight: 600; }
    @media (max-width: 780px) {
      .campaign-banner h1.campaign-banner__title {
        font-size: 2.8rem; } }
    @media (max-width: 580px) {
      .campaign-banner h1.campaign-banner__title {
        font-size: 2.4rem; } }
  .campaign-banner h2.campaign-banner__subtitle {
    display: block;
    margin: 0;
    line-height: 1.3;
    letter-spacing: 0.02em;
    font-family: "Stag Web", serif;
    font-size: 1.8rem;
    color: #fff; }
    @media (max-width: 780px) {
      .campaign-banner h2.campaign-banner__subtitle {
        font-size: 1.5rem; } }
    @media (max-width: 580px) {
      .campaign-banner h2.campaign-banner__subtitle {
        font-size: 1.28rem; } }

.cat-arts-entertainment,
.cat-arts {
  background-image: url("../images/icons/categories/arts_icon.png"); }

.cat-eat-drink {
  background-image: url("../images/icons/categories/eat_icon.png"); }

.cat-hotels {
  background-image: url("../images/icons/categories/hotels_icon.png"); }

.cat-services {
  background-image: url("../images/icons/categories/services_icon.png"); }

.cat-shopping {
  background-image: url("../images/icons/categories/shopping_icon.png"); }

.cat-transportation {
  background-image: url("../images/icons/categories/transportation_icon.png"); }

.cat-work {
  background-image: url("../images/icons/categories/work_icon.png"); }

.columns {
  overflow: visible; }
  @media (min-width: 768px) {
    .columns {
      display: flex; } }

.content-wrapper--big-bottom-margin {
  margin-bottom: 60px; }
@media (min-width: 768px) {
  .content-wrapper {
    width: 100%;
    margin-right: -324px; } }

@media (min-width: 768px) {
  .content-inner {
    margin-right: auto;
    margin-right: 324px;
    padding-top: 1px; }
    #main .content-inner {
      border-right: none; }
    body.contact .content-inner, body.home .content-inner {
      padding-top: 0; } }
@media (max-width: 767px) {
  .content-inner {
    height: auto !important; }
    .content-inner .block--first {
      margin-top: 40px; }
    .content-inner .block--bg-white {
      padding: 0 15px 1em 15px !important; } }
body.campaigns .content-inner {
  margin-right: 0; }
.content-inner--pad-top, body.contact .content-inner, body.credits .content-inner {
  padding-top: 40px; }
#footer .content-inner {
  overflow: auto;
  padding-bottom: 60px; }

.display-toggle {
  display: flex;
  align-items: center;
  line-height: 1; }
  .display-toggle a {
    position: relative;
    display: flex;
    align-items: center;
    width: 24px;
    height: 24px;
    color: #AAAAAA; }
    .display-toggle a:hover, .display-toggle a.display-toggle--active {
      color: #1D3C53; }
    .display-toggle a svg {
      transition: fill 0.3s ease, color 0.3s ease;
      display: block;
      width: 24px;
      height: 24px; }
  .display-toggle__list {
    margin-right: 17px; }
  @media (min-width: 621px) {
    .display-toggle__grid {
      margin-right: 43px; } }

.extra {
  height: 0;
  overflow: hidden;
  transform: translateY(-15px);
  transition: transform 0.3s ease-out; }
  .extra--expanded {
    height: auto;
    transform: translateY(0); }

.crop-left {
  clear: both;
  color: #fff; }

.factoid {
  position: relative;
  clear: both;
  color: #fff;
  background-color: #1D3C53;
  background-size: cover;
  background-position: right center;
  background-repeat: no-repeat;
  background-image: url(../images/bg-lite-blue-fill.png); }
  a.factoid {
    display: block; }
    a.factoid h2 {
      transition: color 0.3s ease-in-out; }
    a.factoid:hover {
      color: #fff; }
  .factoid:before {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: opacity 0.3s ease; }
  .factoid:hover:before {
    opacity: 0.7; }
  .factoid--biz-dir {
    margin-bottom: 10px; }
    .factoid--biz-dir:before {
      content: '';
      z-index: 0;
      background-image: url("../images/factoid-bg-biz-dir.jpg"); }
  .factoid--calendar:before {
    content: '';
    z-index: 0;
    background-image: url("../images/factoid-bg-calendar.jpg"); }
  .factoid__body {
    position: relative;
    max-width: 520px;
    padding: 40px 70px 40px 0;
    margin-right: 8%;
    background: transparent url(../images/icons/arrows/circular-arrow.svg) 100% 45px/39px no-repeat; }
    .factoid__body:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 22px;
      background-color: #A4DCEF; }
  .factoid h2 {
    margin: 0 0 0.1em;
    line-height: 1.1;
    letter-spacing: initial;
    color: #fff;
    font-family: "Akkurat-Bold-S", Arial, sans-serif;
    font-weight: normal;
    font-size: 3.3rem; }
    @media (max-width: 1020px) {
      .factoid h2 {
        font-size: 2.3rem; } }
    @media (max-width: 860px) {
      .factoid h2 {
        font-size: 1.8rem; } }
    @media (max-width: 600px) {
      .factoid h2 {
        font-size: 1.6rem; } }
  .factoid p {
    font-family: "Stag Web", serif;
    font-weight: 300;
    font-size: 2em;
    letter-spacing: 0.06em;
    margin: 0;
    max-width: 66%; }
  @media (max-width: 1080px) {
    .factoid h3 {
      font-size: 3.3em; }
    .factoid p {
      max-width: none; } }
  @media (max-width: 900px) {
    .factoid h3 {
      font-size: 3em; } }
  @media (max-width: 780px) {
    .factoid h3 {
      font-size: 2.2em; }
    .factoid p {
      font-size: 1.4em; } }
  .factoid.hr {
    height: 1px;
    background-color: #e4e4e4; }
    .factoid.hr.margin-bottom {
      margin-bottom: 55px; }
  .factoid--cta p {
    max-width: none; }
  .factoid--cta .factoid-inner {
    position: relative;
    max-width: 520px;
    padding: 40px 70px 40px 0;
    margin-right: 8%;
    background: transparent url(../images/icons/arrows/circular-arrow.svg) 100% 45px/39px no-repeat; }
    .factoid--cta .factoid-inner:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 22px;
      background-color: #A4DCEF; }
    @media (max-width: 600px) {
      .factoid--cta .factoid-inner {
        margin-right: 0; } }
  .factoid-inner {
    padding: 40px 8% 40px 0; }
    @media (max-width: 768px) {
      .factoid-inner {
        padding-left: 10px; } }
    @media (max-width: 600px) {
      .factoid-inner {
        padding-right: 0; } }

.feature {
  float: left;
  width: 50%;
  padding-bottom: 70px;
  box-sizing: border-box; }
  .feature--compact {
    padding-bottom: 24px; }
  @media (max-width: 900px) {
    .feature {
      float: none;
      width: auto;
      padding-bottom: 55px; }
      body.contact .feature, body.newsletter-signup .feature {
        padding-bottom: 24px; } }
  @media (min-width: 768px) {
    .feature {
      padding-right: 24px; } }
  @media (min-width: 600px) {
    .feature {
      float: left;
      width: 50%; }
      .feature.even .padding-right {
        padding-right: 12px; }
      .feature.odd .padding-right {
        padding-right: 0;
        padding-left: 12px; }
      .feature .feature-inner {
        padding-right: 0; } }
  @media (max-width: 530px) {
    .feature {
      float: none;
      width: auto; }
      .feature .padding-right {
        padding: 0 !important; } }
  @media (max-width: 430px) {
    .feature {
      padding-bottom: 45px; } }
  @media (max-width: 900px) {
    .feature body.contact .feature,
    .feature body.newsletter-signup .feature {
      padding-bottom: 24px; } }
  .feature.even {
    clear: left; }
  .feature.full {
    float: none;
    width: auto; }
  .feature h3 {
    position: static;
    margin: 0 0 0.6em; }
    @media (max-width: 430px) {
      .feature h3 {
        padding-top: 0 !important; } }
    .feature h3.proxy-hover:hover {
      opacity: 0.8; }
    .bg-blue .feature h3 {
      color: #fff; }
      .bg-blue .feature h3 a {
        color: #fff; }
        .bg-blue .feature h3 a:hover {
          color: #fff;
          opacity: 0.8; }
    .feature h3 .circle-icon {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .feature h3 a:hover {
      color: #269CCF; }
  .feature img {
    display: block;
    width: 100%;
    height: auto; }
  .feature a:hover .feature__tag {
    background-color: #1D3C53;
    color: #fff; }
  .feature__image {
    position: relative;
    margin-bottom: 1em;
    min-height: 50px;
    overflow: hidden;
    padding-bottom: 66%;
    box-sizing: border-box;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover; }
    .feature__image > a img {
      transition: opacity 0.3s ease-in-out;
      position: absolute;
      visibility: hidden; }
    .feature__image:hover img {
      opacity: 0.8; }
    .feature__image .circle-icon {
      background-color: transparent; }
  .feature__tag {
    display: block;
    position: absolute;
    bottom: 14px;
    left: 9px;
    padding: 8px 10px;
    line-height: 1;
    background-color: #F8F8F8;
    transition: background-color 0.3s ease, color 0.3s ease;
    color: #1D3C53;
    font-family: "Akkurat-Regular-S", Arial, sans-serif;
    font-size: 12px; }
    .feature__tag--right {
      left: auto;
      right: 9px; }
  .feature__location {
    margin-bottom: 0; }

p.feature-superhead {
  color: #1D3C53;
  margin: 0; }

.feature-superhead a {
  color: #1D3C53; }

.feature-superhead a:hover {
  color: #43b0dd; }

.filter {
  display: flex;
  align-items: center;
  font-size: 1.4em; }
  @media (min-width: 621px) {
    .filter {
      position: relative;
      z-index: 3; } }
  .filter__label {
    margin-right: 15px;
    height: 27px;
    line-height: 28px; }
  .filter__sep {
    color: #AAAAAA;
    margin: 0 11px;
    position: relative; }
    .filter__sep::after {
      content: '|';
      font-size: 1em; }
  .filter__toggle {
    text-align: center;
    transition: opacity 0.3s ease-in-out;
    opacity: 0.7; }
    .filter__toggle:hover {
      opacity: 1; }
    .filter__toggle a {
      display: block;
      height: 27px;
      line-height: 28px;
      box-sizing: border-box; }
    .filter__toggle[aria-selected] {
      opacity: 1; }

.filter-bar {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
  .filter-bar .selector {
    width: 275px; }
    .filter-bar .selector:before {
      width: 275px; }

.filter-search {
  position: relative;
  display: flex;
  flex-grow: 1;
  max-width: 480px; }
  @media (max-width: 620px) {
    .filter-search {
      display: block;
      width: 100%;
      margin-bottom: 10px; } }
  .filter-search input[type="text"] {
    background: transparent url("../images/search_icon.png") 5px 5px/16px no-repeat;
    position: relative;
    padding-left: 30px;
    height: 26px;
    border: 1px solid #AAAAAA;
    border-radius: none;
    width: 100%;
    max-width: 300px; }
    @media (max-width: 360px) {
      .filter-search input[type="text"] {
        max-width: 84vw; } }

.grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; }
  .grid .feature {
    padding-right: 0;
    width: auto;
    float: none;
    display: flex;
    flex-direction: column; }
    .grid .feature .feature__image {
      order: 1; }
    .grid .feature .text {
      order: 2; }
  .grid__item.is-hidden {
    display: none; }
  .grid--three .grid-row__cat,
  .grid--three .grid-row__phone,
  .grid--three .grid-row__map,
  .grid--three .grid-row__header, .grid--two .grid-row__cat,
  .grid--two .grid-row__phone,
  .grid--two .grid-row__map,
  .grid--two .grid-row__header {
    display: none; }
  .grid--three .grid-row__title .feature__tag-container, .grid--two .grid-row__title .feature__tag-container {
    display: none; }
  .grid--three .circle-icon, .grid--two .circle-icon {
    position: absolute;
    top: 14px;
    left: 9px; }
    .grid--three .circle-icon img, .grid--two .circle-icon img {
      max-width: 38px; }
  .grid--three .grid-row__title .circle-icon, .grid--two .grid-row__title .circle-icon {
    display: none; }
  @media (min-width: 501px) {
    .grid--three {
      margin-left: -50px; } }
  .grid--three .grid__item {
    width: 33.333%;
    padding-left: 50px;
    box-sizing: border-box; }
    @media (max-width: 768px) {
      .grid--three .grid__item {
        width: 50%; } }
    @media (max-width: 500px) {
      .grid--three .grid__item {
        padding-left: 0;
        width: 100%; } }
  @media (min-width: 501px) {
    .grid--two {
      margin-left: -50px; } }
  .grid--two .grid__item {
    width: 50%;
    padding-left: 50px;
    box-sizing: border-box; }
    @media (max-width: 500px) {
      .grid--two .grid__item {
        padding-left: 0;
        width: 100%; } }

.grid--rows {
  display: block; }
  .grid--rows a:hover {
    color: #269CCF; }
  .grid--rows .indent-text {
    padding: 0; }
  .grid--rows .grid-rows__row {
    position: relative;
    display: grid;
    align-items: center;
    grid-gap: 20px;
    grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 200px) 100px 80px;
    flex-grow: 1;
    min-height: 38px;
    padding: 10px 0;
    border-bottom: 1px solid #E4E4E4; }
    .grid--rows .grid-rows__row.grid-row__header {
      font-family: "Akkurat-Bold-S", Arial, sans-serif; }
      @media (max-width: 600px) {
        .grid--rows .grid-rows__row.grid-row__header {
          display: none; } }
    @media (max-width: 768px) {
      .grid--rows .grid-rows__row {
        grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 200px) 40px 40px; } }
    @media (max-width: 600px) {
      .grid--rows .grid-rows__row {
        grid-template-rows: auto;
        grid-template-columns: 1fr 40px 40px;
        grid-template-areas: 'title phone map' 'category category category';
        grid-gap: 5px;
        align-items: start; }
        .grid--rows .grid-rows__row .grid-row__title {
          grid-area: title; }
        .grid--rows .grid-rows__row .grid-row__cat {
          grid-area: category;
          margin-left: 46px; }
        .grid--rows .grid-rows__row .grid-row__phone {
          grid-area: phone; }
        .grid--rows .grid-rows__row .grid-row__map {
          grid-area: map; } }
    .grid--rows .grid-rows__row a:hover {
      color: #269CCF; }
    .grid--rows .grid-rows__row:not(:last-child) {
      border-bottom: 1px solid #E4E4E4; }
    .grid--rows .grid-rows__row.is-hidden {
      display: none; }
  .grid--rows .grid-row__title {
    position: static; }
  .grid--rows-no-cat .grid-rows__row {
    grid-template-columns: 1fr 100px 80px; }
    @media (max-width: 768px) {
      .grid--rows-no-cat .grid-rows__row {
        grid-template-columns: 1fr 40px 40px; } }
  .grid--rows .grid-row__phone {
    text-align: center; }
  .grid--rows .grid-row__map {
    text-align: center; }
    .grid--rows .grid-row__map svg {
      margin: 0 auto;
      display: block;
      width: 20px;
      height: 20px; }
  @media (max-width: 600px) {
    .grid--rows .grid-row__phone,
    .grid--rows .grid-row__map {
      transform: translateY(3px); } }
  .grid--rows .grid-row__phone-icon {
    display: none; }
    .grid--rows .grid-row__phone-icon svg {
      margin: 0 auto;
      display: block;
      width: 20px;
      height: 20px; }
  .grid--rows .grid__item {
    width: 100%;
    padding-left: 0; }
    .grid--rows .grid__item:last-child .grid-rows__row {
      border-bottom-width: 0; }
  .grid--rows .grid__item-tile,
  .grid--rows .feature__image {
    display: none; }
  .grid--rows .feature {
    padding-bottom: 0; }
    .grid--rows .feature h3 {
      display: flex;
      align-items: center;
      margin-left: 46px;
      margin-bottom: 0; }
      .grid--rows .feature h3 a {
        padding-right: 20px; }
    .grid--rows .feature a:hover .feature__tag {
      background-color: #E4E4E4;
      color: #1D3C53; }
  .grid--rows .feature__tag {
    position: static;
    display: inline-block;
    background-color: #1D3C53;
    color: #fff;
    transition: background-color 0.3s ease,  color 0.3s ease; }
  @media (max-width: 768px) {
    .grid--rows .grid-row__phone-icon {
      display: block; }
    .grid--rows .grid-row__phone-number {
      display: none; } }

.directory-row {
  display: grid;
  grid-template-columns: 40px 1fr 200px 120px 40px;
  grid-gap: 10px;
  align-items: center;
  min-height: 38px;
  padding: 10px 0;
  border-bottom: 1px solid #E4E4E4; }
  @media (max-width: 768px) {
    .directory-row {
      grid-template-columns: 40px minmax(min-content, 1fr) minmax(min-content, 200px) 40px 40px; } }
  @media (max-width: 600px) {
    .directory-row {
      grid-template-columns: 40px 1fr 40px 40px; } }
  .directory-row--header {
    font-family: "Akkurat-Bold-S", Arial, sans-serif; }
    @media (max-width: 600px) {
      .directory-row--header {
        display: none; } }

.directory-cell {
  justify-content: center;
  position: relative; }
  .directory-cell h3 {
    margin: 0; }
    @media (max-width: 600px) {
      .directory-cell h3 {
        margin-bottom: 0.3em; } }
  .directory-cell svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto; }
  .directory-cell--business {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    @media (min-width: 601px) {
      .directory-cell--business {
        padding-right: 20px; }
        .directory-cell--business .directory-category {
          display: none; } }
  @media (max-width: 600px) {
    .directory-cell--category {
      display: none; } }
  .directory-cell--phone {
    text-align: center; }
    .directory-cell--phone .phone-text {
      display: block; }
    .directory-cell--phone .phone-icon {
      display: none; }
    @media (max-width: 768px) {
      .directory-cell--phone .phone-text {
        display: none; }
      .directory-cell--phone .phone-icon {
        display: block; } }
  .directory-cell--map {
    text-align: center; }
  .directory-cell .feature__tag {
    display: inline-block;
    position: static;
    margin-left: 20px;
    background-color: #1D3C53;
    color: #E4E4E4; }

hr,
.hr {
  height: 1px;
  border: none;
  background-color: #e4e4e4;
  clear: both;
  margin: 0; }
  hr.margin-bottom,
  .hr.margin-bottom {
    margin-bottom: 55px; }
  hr.margin-bottom-sml,
  .hr.margin-bottom-sml {
    margin-bottom: 13px; }

.instagram {
  padding: 0 0 44px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 600px) {
    .instagram {
      padding-right: 0; } }
  .instagram__image {
    width: calc(25% - 6px);
    box-sizing: border-box;
    padding-bottom: 6px; }
    .instagram__image img {
      display: block;
      max-width: 100%;
      visibility: hidden; }
  .instagram__inner {
    height: 100%; }
    .instagram__inner a {
      height: 100%;
      display: block;
      transition: opacity 0.3s ease;
      background: transparent center / cover no-repeat; }
      .instagram__inner a:hover {
        opacity: .8; }
  .instagram .sbi_resized_image_data {
    display: none; }

.insta-embed-social-wrapper {
  --stories-transform-y: 100px;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 90;
  transform: translate(-50%, var(--stories-transform-y));
  transition: transform 0.25s ease; }
  .mfp-wrap .insta-embed-social-wrapper {
    position: static;
    transform: none; }

.insta-embed-social-trigger {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  z-index: 91; }

.mfp-content .embedsocial-stories {
  min-height: 650px;
  opacity: 0;
  transition: opacity 0.5s ease; }
  .mfp-content .embedsocial-stories.is-ready {
    opacity: 1; }

.key {
  display: flex;
  align-items: center;
  margin-bottom: 20px; }
  .key .circle-icon {
    margin-right: 10px;
    min-width: 38px; }

form#newsletter-signup p {
  margin-bottom: 1.1em; }

form#newsletter-signup input[type=text],
form#newsletter-signup input[type=email] {
  font-size: 1em;
  padding: 10px 5%;
  width: 88%;
  border: 1px solid #e4e4e4; }

form#newsletter-signup input[type=submit] {
  background-color: #43b0dd;
  border: none;
  color: #fff;
  cursor: pointer;
  padding: 5px 10px 4px;
  font-size: 1em; }

.related-content {
  clear: both;
  margin-bottom: 60px; }
  @media (min-width: 769px) {
    .related-content {
      margin-bottom: 200px;
      padding-right: 24px; } }
  .related-content h2 {
    margin: 60px 0 35px 10px;
    padding: 0;
    line-height: 1; }
  .related-content hr {
    margin-bottom: 13px; }
    .related-content hr:last-child {
      margin-bottom: 0; }

.section {
  margin-bottom: 20px; }
  .section h2 {
    margin: 0 10px 30px;
    padding-top: 40px; }
  @media (max-width: 430px) {
    .section h3 {
      padding-top: 30px; } }
  .section--instagram h2 {
    padding: 0;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 1.3rem; }
  .section--instagram .username {
    display: block;
    font-size: 18px;
    color: #435d70; }
  .section--content-padding, .section--story {
    padding-top: 40px; }
    @media (min-width: 768px) {
      .section--content-padding, .section--story {
        padding-right: 24px; } }
  @media (max-width: 768px) {
    .section--story {
      padding-top: 20px; } }
  .section--story h2 {
    padding-top: 0; }
  @media (min-width: 768px) {
    .section--campaign {
      padding-right: 24px; } }
  @media (max-width: 768px) {
    .section--campaign {
      padding-top: 0; } }
  .section--fill {
    background-color: #269CCF; }
  .section--no-bottom-margin, .section.no-bottom-margin {
    margin-bottom: 0; }
  .section--big-bottom-margin {
    margin-bottom: 40px; }
  .section.big-top-padding {
    padding-top: 20px; }
  @media (max-width: 600px) {
    .section.padding-right {
      padding-right: 0; } }
  .section .indent-text h2 {
    margin-left: 0; }
  .section .block.share-links {
    margin-bottom: 60px; }

.share-bar {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #b2b2b2;
  padding-left: 19px;
  box-sizing: border-box;
  height: 40px; }
  .share-bar button {
    display: block;
    text-align: left;
    color: #fff; }
  .share-bar__icons {
    display: none;
    margin-left: 15px; }
    .share-bar__icons > span {
      min-width: 32px;
      margin-left: 6px; }
  .share-bar--active .share-bar__icons {
    display: flex;
    margin-top: 1px; }
    .share-bar--active .share-bar__icons .stButton {
      display: block !important;
      line-height: inherit !important; }
      .share-bar--active .share-bar__icons .stButton .stLarge {
        display: block; }

.share {
  position: relative; }

.share-icons {
  position: absolute;
  width: 112px;
  left: 119%;
  top: -7px; }

.button.share .share-icons {
  left: 111%;
  top: 0; }

.stButton {
  margin: 0 !important; }

.stButton .stLarge {
  width: 35px !important;
  height: 27px !important; }

.stButton .stLarge:hover {
  background-position: 0 0 !important; }

.stButton span {
  background-size: 35px 27px; }

.st_twitter_large .stButton span {
  background-image: url("../images/icons/business_social/twitter_icon.png") !important; }

.st_facebook_large .stButton span {
  background-image: url("../images/icons/business_social/facebook_icon.png") !important; }

.st_email_large .stButton span {
  background-image: url("../images/icons/business_social/email_icon.png") !important; }

.location-info .sharethis-inline-share-buttons {
  left: 80px; }

.sharethis-inline-share-buttons {
  display: none !important;
  position: absolute;
  width: 112px;
  left: 100px;
  top: 7px; }
  .sharethis-inline-share-buttons--visible {
    display: flex !important; }
    .sharethis-inline-share-buttons--visible > div {
      display: block !important; }
  .sharethis-inline-share-buttons .st-btn {
    height: 27px !important;
    line-height: 27px !important; }
    .sharethis-inline-share-buttons .st-btn:hover {
      top: 0 !important;
      opacity: 1 !important; }
  .sharethis-inline-share-buttons img {
    opacity: 0; }
  .sharethis-inline-share-buttons div[data-network="twitter"] {
    background: transparent url("../images/icons/business_social/twitter_icon.png") center/35px 27px !important; }
  .sharethis-inline-share-buttons div[data-network="facebook"] {
    background: transparent url("../images/icons/business_social/facebook_icon.png") center/35px 27px !important; }
  .sharethis-inline-share-buttons div[data-network="email"] {
    background: transparent url("../images/icons/business_social/email_icon.png") center/35px 27px !important; }

.show-more {
  height: 30px;
  line-height: 1; }
  .show-more__link {
    display: block;
    margin-left: 10px;
    padding-top: 5px;
    letter-spacing: 0.05em;
    height: 26px;
    overflow: hidden;
    font-family: "Stag Web", serif;
    font-size: 18px;
    color: #1D3C53; }

.social {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: auto; }
  .social li {
    float: left; }
    .social li.social__twitter a {
      background-image: url("../images/icons/social/dslu_twitter.png"); }
    .social li.social__facebook a {
      background-image: url("../images/icons/social/dslu_facebook.png"); }
    .social li.social__instagram a {
      background-image: url("../images/icons/social/dslu_instagram.png"); }
    .social li.social__vimeo a {
      background-image: url("../images/icons/social/dslu_vimeo.png"); }
  .social a {
    display: block;
    width: 30px;
    height: 30px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 30px 60px; }
    .social a:hover {
      background-position: 0 -30px; }

.site-search-obsolete {
  background-color: #fff;
  height: 60px; }
  .site-search-obsolete button[type="submit"] {
    display: block;
    width: 35px;
    height: 35px;
    background: transparent url(../images/search_icon_white.png) center/contain no-repeat; }
  .site-search-obsolete input[type="text"] {
    position: absolute;
    left: 40px; }

.graphic-button {
  position: relative;
  font-family: 'Stag Web';
  letter-spacing: 0.05em;
  font-weight: 300;
  min-height: 150px;
  background-color: #1D3C53;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  transition: background-color 0.3s ease; }
  .graphic-button p, .graphic-button a {
    position: relative;
    z-index: 2; }
  .graphic-button:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 1;
    opacity: 1;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.3s ease; }
  .graphic-button:hover {
    background-color: #269CCF; }
    .graphic-button:hover::before {
      opacity: 0.8; }
  .graphic-button#sb-news-signup:before {
    background-image: url("../images/MainPageSideTile_SLUNewsSignup.jpg"); }
  .graphic-button#sb-about-slu:before {
    background-image: url("../images/MainPageSideTile_AboutSLU.jpg"); }
  .graphic-button#sb-discovery-center:before {
    background-image: url("../images/MainPageSideTile_Disco.jpg"); }
  .graphic-button#sb-public-art:before {
    background-image: url("../images/MainPageSideTile_PublicArt.jpg"); }
  .graphic-button p {
    color: #fff;
    font-size: 18px;
    margin: 0;
    padding: 80px 0 0 24px;
    line-height: 1.1; }
  .graphic-button span {
    font-size: 30px; }
  .graphic-button a {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.gradient {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0.65) 100%); }

.pull-quote {
  padding-top: 26px;
  padding-bottom: 8px;
  margin: 0 10px 32px;
  color: #2291bf;
  font-size: 1.24em;
  line-height: 1.5;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4; }
  .pull-quote p {
    margin-left: 3%;
    margin-right: 3%;
    margin-bottom: 1em; }

.search-bar {
  padding: 19px 0 17px;
  border-top: 1px solid #e4e4e4; }
  .search-bar form {
    display: flex; }
  .search-bar button[type="submit"] {
    order: 1;
    background: transparent url("../images/search_icon.png") 0 0 no-repeat;
    border: none;
    display: inline-block;
    width: 33px;
    height: 33px;
    background-size: 33px 33px;
    margin-right: 10px;
    vertical-align: middle;
    text-indent: -9999px;
    overflow: hidden;
    cursor: pointer; }
  .search-bar input[type="text"] {
    order: 2;
    padding-left: 4px;
    border: none;
    background-color: transparent;
    letter-spacing: 0.05em;
    font-size: 18px;
    color: #5c5c5c; }
    .search-bar input[type="text"]:focus {
      outline: 1px solid #AAAAAA; }

.result {
  padding-left: 10px;
  margin-bottom: 40px; }

.search-results__header {
  display: flex;
  flex-direction: column; }
  .search-results__header h3 {
    order: 2; }
  .search-results__header .feature-superhead {
    order: 1; }

.sidebar {
  width: 300px;
  margin: 0 auto; }
  .footer .sidebar {
    background-color: transparent; }
  @media (min-width: 768px) {
    .sidebar {
      background-color: #f3f2e8;
      padding-left: 24px; }
      .sidebar--campaign {
        padding-bottom: 0; } }
  .sidebar__highlight {
    padding: 40px 20px;
    font-family: "Stag Web", serif;
    font-size: 1.4em;
    letter-spacing: 0.04em;
    color: #fff;
    background-color: #269CCF; }
    .sidebar__highlight p:last-child {
      margin-bottom: 0; }
  .sidebar .section--instagram {
    margin-top: 40px;
    margin-bottom: 0; }
    .sidebar .section--instagram .instagram {
      padding-bottom: 0;
      margin-top: 4px; }
    .sidebar .section--instagram h2 {
      margin: 0; }
    .sidebar .section--instagram #sb_instagram #sbi_images {
      padding: 0 !important;
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      .sidebar .section--instagram #sb_instagram #sbi_images .sbi_item {
        width: 144px;
        height: 144px;
        margin-bottom: 10px !important; }
  .sidebar .block {
    margin-top: 25px; }
    .sidebar .block.slu-and-u {
      margin-top: 40px;
      padding-left: 20px; }
    .sidebar .block#facebook-feed {
      margin-top: 22px; }
    .sidebar .block#magazine {
      background-color: #fff;
      padding: 5%; }
      .sidebar .block#magazine h4 {
        font-family: "Stag Web";
        font-weight: 300;
        font-size: 20px;
        margin: 0 0 0.7em; }
        .sidebar .block#magazine h4 span {
          font-weight: 400; }
        .sidebar .block#magazine h4 a {
          color: #435d70; }
      .sidebar .block#magazine img {
        width: 100%; }
  .sidebar .big-top-margin {
    margin-top: 40px; }
  .sidebar .big-bottom-margin {
    margin-bottom: 40px; }
  .sidebar .bigger-top-margin {
    margin-top: 50px; }
  .sidebar .bigger-bottom-margin {
    margin-bottom: 50px; }
  .sidebar .block.block--first {
    margin-top: 40px; }
  .sidebar .sidebar-button {
    display: block;
    margin: 0 -19px 20px;
    padding: 12px 18px;
    letter-spacing: initial;
    font-family: "Akkurat-Regular-S", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    background-color: #1D3C53; }
    .sidebar .sidebar-button:hover {
      color: #DCDDD8; }
    .sidebar .sidebar-button.has-arrow {
      background: #1D3C53 url(../images/icons/arrows/circular-arrow.svg) 94% 50%/32px no-repeat; }
  .sidebar .mini-calendar__selector {
    padding: 12px 24px; }
  .sidebar .mini-calendar__selector-btn {
    padding-left: 46px;
    font-size: 18px; }
  @media (max-width: 768px) {
    .sidebar .location-info {
      margin-top: 27px; } }
  @media (max-width: 600px) {
    .sidebar .location-info h3 {
      padding-top: 0; } }

#sidebar-collapsible-toggle {
  color: #fff;
  font-size: 1.24em;
  padding: 6px 0 3px 42px;
  background: #43b0dd url("../images/icons/arrows/arrow_down.png") 10px center no-repeat;
  background-size: 30px 30px;
  cursor: pointer;
  margin-bottom: 10px;
  display: none; }

#sidebar-collapsible {
  height: auto;
  overflow: hidden; }

@media screen and (max-width: 768px) {
  #sidebar-collapsible-wrapper {
    margin-top: 27px; }
    #sidebar-collapsible-wrapper .campaign-highlights h3,
    #sidebar-collapsible-wrapper .story-highlights h3 {
      display: none; }

  #sidebar-collapsible {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
    height: 0;
    overflow: hidden; }
    #sidebar-collapsible.story-highlights:not(.is-expanded) {
      border: none; }
    #sidebar-collapsible.is-expanded {
      padding: 20px;
      height: auto; }
      #sidebar-collapsible.is-expanded p:last-child {
        margin-bottom: 0; }

  #sidebar-collapsible-toggle {
    display: block;
    padding-top: 12px;
    padding-bottom: 12px;
    margin-bottom: 0;
    transition: background-color 0.3s ease;
    background-image: url(../images/icons/arrows/arrow-down-white.svg); }
    #sidebar-collapsible-toggle.is-expanded {
      background-image: url(../images/icons/arrows/arrow-up-white.svg); }
    #sidebar-collapsible-toggle:hover {
      background-color: #1D3C53; } }
.sidebar-box {
  padding: 0 18px;
  border: 1px solid #E4E4E4;
  border-top-width: 0;
  background-color: #fff; }
  .sidebar-box.is-transparent {
    background-color: transparent;
    border: none; }
  .sidebar-box__title:is(h2, h3) {
    margin: 0 -19px 20px;
    padding: 12px 18px;
    letter-spacing: initial;
    font-family: "Akkurat-Regular-S", Arial, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    background-color: #1D3C53;
    transition: background-color 0.5s ease; }
    .sidebar-box__title:is(h2, h3) a {
      display: block;
      color: #fff;
      text-decoration: none; }
  .sidebar-box h4 {
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 1.6em; }
  .sidebar-box h5 {
    margin: 0;
    font-size: 1em;
    font-family: "Akkurat-Bold-S";
    font-weight: normal; }
  .sidebar-box .map-link {
    float: right; }
  .sidebar-box .share-icons {
    left: 29%;
    top: 8px;
    display: flex; }
    .sidebar-box .share-icons > span {
      margin-right: 4px; }
  .sidebar-box .share button {
    display: block;
    margin: 0 -19px;
    padding: 14px 19px 13px;
    width: 100%;
    box-sizing: content-box;
    background-color: #DCDDD8;
    color: #1D3C53;
    text-align: left; }
  @media (max-width: 768px) {
    .sidebar-box.is-collapsible {
      padding: 0;
      border: none; }
      .sidebar-box.is-collapsible .sidebar-box__title:is(h2, h3) {
        margin: 27px 0 0;
        padding-left: 42px;
        font-size: 1.24em;
        background: #269CCF url(../images/icons/arrows/arrow-down-white.svg) 10px 8px/30px no-repeat;
        cursor: pointer; }
        .sidebar-box.is-collapsible .sidebar-box__title:is(h2, h3)[aria-expanded="true"] {
          background-image: url(../images/icons/arrows/arrow-up-white.svg); }
        .sidebar-box.is-collapsible .sidebar-box__title:is(h2, h3):hover {
          background-color: #1D3C53; }
      .sidebar-box.is-collapsible .sidebar-box__content {
        padding: 0 20px;
        border: 1px solid #E4E4E4;
        border-top-width: 0;
        height: 0;
        overflow: hidden;
        transition: padding 0.5s ease; }
        .sidebar-box.is-collapsible .sidebar-box__content p:last-child {
          margin-bottom: 0; }
      .sidebar-box.is-collapsible.is-expanded .sidebar-box__content {
        height: auto;
        padding: 20px; } }

.selector {
  background-color: #fff;
  padding: 14px 24px 14px 0;
  position: relative;
  z-index: 4; }
  @media (max-width: 420px) {
    .selector {
      padding-right: 0; } }
  .selector::before {
    content: "";
    position: absolute;
    top: 0;
    z-index: 2;
    width: 311px;
    height: 58px;
    background-color: #fff; }
  .selector__btn {
    background: none;
    position: relative;
    z-index: 2;
    height: 30px;
    display: block;
    padding-left: 46px;
    border: none;
    font-family: "Stag Web", serif;
    font-size: 1.7em;
    letter-spacing: 0.05em;
    color: #1D3C53;
    cursor: pointer; }
    .selector__btn::before {
      position: absolute;
      top: 0;
      left: 0;
      content: url(../images/icons/arrows/arrow-down-white.svg);
      display: block;
      width: 30px;
      height: 30px;
      transition: background-color 0.3s ease-in-out;
      background-color: #269CCF; }
    .selector__btn:hover::before {
      background-color: #1D3C53; }
  .selector__panel {
    position: absolute;
    top: 58px;
    left: 0;
    display: none;
    width: 0;
    height: 0;
    overflow: hidden;
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #fff; }
    .selector--expanded .selector__panel {
      width: 336px;
      height: auto;
      display: block; }
    .selector__panel li {
      position: relative; }
      .selector__panel li.is-expanded ul {
        height: auto;
        padding: 8px 0; }
      .selector__panel li.is-expanded button.selector__toggle:after {
        content: '\f068'; }
      .selector__panel li ul {
        height: 0;
        overflow: hidden;
        list-style: none;
        margin: 0;
        padding: 0;
        background-color: #F3F2E8;
        transition: padding 0.5s ease-out; }
        .selector__panel li ul a {
          line-height: 20px;
          height: 20px;
          padding: 5px 0 5px 46px;
          transition: padding 0.3s ease;
          font-family: "Akkurat-Regular-S", Arial, sans-serif;
          font-size: 18px;
          background-color: transparent;
          color: #1D3C53; }
    .selector__panel button.selector__toggle {
      color: #fff;
      font-size: 18px;
      position: absolute;
      top: 0;
      right: 0;
      width: 60px;
      height: 60px;
      z-index: 3; }
      .selector__panel button.selector__toggle:after {
        font-family: 'FontAwesome';
        content: '\f067'; }
    .selector__panel a {
      display: block;
      height: 60px;
      line-height: 60px;
      padding-left: 46px;
      margin-bottom: 1px;
      background-color: #1D3C53;
      color: #fff;
      font-family: "Stag Web", serif;
      font-size: 1.7em;
      letter-spacing: 0.05em; }
      .selector__panel a.active, .selector__panel a:hover {
        color: #fff;
        background-color: #269CCF; }

.share-links a {
  display: block;
  width: 35px;
  height: 27px;
  background-size: 35px 27px;
  background-position: 0,0;
  background-repeat: no-repeat; }
.share-links__email a {
  background-image: url("../images/icons/business_social/email_icon.png"); }
.share-links__facebook a {
  background-image: url("../images/icons/business_social/facebook_icon.png"); }
.share-links__flickr a {
  background-image: url("../images/icons/business_social/flickr_icon.png"); }
.share-links__foursquare a {
  background-image: url("../images/icons/business_social/foursquare_icon.png"); }
.share-links__googleplus a {
  background-image: url("../images/icons/business_social/googleplus_icon.png"); }
.share-links__instagram a {
  background-image: url("../images/icons/business_social/instagram_icon.png"); }
.share-links__linkedin a {
  background-image: url("../images/icons/business_social/linkedin_icon.png"); }
.share-links__pinterest a {
  background-image: url("../images/icons/business_social/pinterest_icon.png"); }
.share-links__tumblr a {
  background-image: url("../images/icons/business_social/tumblr_icon.png"); }
.share-links__twitter a {
  background-image: url("../images/icons/business_social/twitter_icon.png"); }
.share-links__vimeo a {
  background-image: url("../images/icons/business_social/vimeo_icon.png"); }
.share-links__vine a {
  background-image: url("../images/icons/business_social/vine_icon.png"); }
.share-links__yelp a {
  background-image: url("../images/icons/business_social/yelp_icon.png"); }
.share-links__youtube a {
  background-image: url("../images/icons/business_social/youtube_icon.png"); }

.skip-nav {
  position: absolute;
  top: 0;
  left: 2rem;
  padding: 1rem;
  transform: translateY(-6rem);
  transition: transform 0.3s ease-in-out;
  z-index: 105;
  font-size: 18px;
  font-family: "Stag Web", serif;
  background-color: #1D3C53;
  color: #fff; }
  .skip-nav:hover, .skip-nav:focus {
    color: #fff;
    opacity: 1; }
  .skip-nav:focus {
    transition: transform 0.3s ease-in-out;
    transform: translateY(1rem); }

.slideshow {
  --slideshow-dots-height: 66px;
  position: relative; }
  @media (max-width: 780x) {
    .slideshow {
      --slideshow-dots-height: 48px; } }
  .slideshow .slick-track {
    display: flex;
    align-items: center; }
  .slideshow.loading .slide {
    display: none; }
    .slideshow.loading .slide.first {
      display: block; }
  .slideshow .slide {
    background-color: #1D3C53; }
    .slideshow .slide__link {
      display: block; }
    .slideshow .slide .site-width {
      height: 100%;
      overflow: hidden;
      /* hide text when image has not rendered */ }
      @media (max-width: 380px) {
        .slideshow .slide .site-width {
          padding: 0 3%; } }
    .slideshow .slide .wrapper {
      position: absolute;
      bottom: 43px;
      z-index: 2;
      color: #fff;
      width: 600px;
      padding-left: 10px; }
      body.home .slideshow .slide .wrapper {
        bottom: 110px; }
        @media (max-width: 900px) {
          body.home .slideshow .slide .wrapper {
            bottom: 80px; } }
        @media (max-width: 500px) {
          body.home .slideshow .slide .wrapper {
            bottom: 65px; } }
    .slideshow .slide h2 {
      font-family: "Stag Web", serif;
      font-weight: 400;
      letter-spacing: 0.05em;
      font-size: 3.5em;
      margin-bottom: 0.4em;
      line-height: 1.2;
      color: #fff; }
      .slideshow .slide h2 img {
        width: 24px;
        height: 24px;
        vertical-align: baseline;
        margin-left: 12px;
        display: none; }
    .slideshow .slide .sub-header,
    .slideshow .slide h3 {
      margin: -13px 0 1.2em;
      line-height: 1.4;
      letter-spacing: 0.05em;
      font-family: "Stag Web", serif;
      font-size: 1.3em;
      color: #fff; }
  .slideshow .slick-dots {
    list-style: none;
    text-align: center;
    background-color: #fff;
    margin: 0;
    padding: 24px 0;
    display: flex !important;
    justify-content: center;
    align-items: center; }
    .slideshow .slick-dots li {
      display: inline-block; }
    .slideshow .slick-dots button {
      position: relative;
      display: block;
      padding: 10px;
      height: 10px;
      margin: 0 2px;
      width: 10px;
      text-indent: -9999px; }
      .slideshow .slick-dots button::after {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: block;
        width: 10px;
        height: 10px;
        background-color: #269CCF;
        border-radius: 10px; }
        body.home .slideshow .slick-dots button::after {
          background-color: #fff; }
    .slideshow .slick-dots .slick-active button::after {
      background-color: #1D3C53; }
      body.home .slideshow .slick-dots .slick-active button::after {
        background-color: #269CCF; }
    body.home .slideshow .slick-dots {
      position: absolute;
      bottom: 0;
      left: 0;
      right: 0;
      background-color: transparent; }
  .slideshow .slick-arrow {
    position: absolute;
    width: 28px;
    height: 54px;
    top: 50%;
    transform: translateY(calc(-50% - (var(--slideshow-dots-height) / 2)));
    border: none;
    background-size: cover;
    text-indent: -9999px;
    z-index: 1;
    cursor: pointer; }
    body.location .slideshow .slick-arrow, body.about .slideshow .slick-arrow {
      width: 19px;
      height: 36px; }
    .slideshow .slick-arrow.slick-prev {
      left: 1.5%;
      background: transparent url("../images/icons/arrows/arrow_left_transparent.png") 0 0/cover no-repeat; }
    .slideshow .slick-arrow.slick-next {
      right: 1.5%;
      background: transparent url("../images/icons/arrows/arrow_right_transparent.png") 0 0/cover no-repeat; }
  .slideshow .photo {
    position: relative; }
    .slideshow .photo .dimmer {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%;
      background-color: rgba(0, 0, 0, 0.3); }
    .slideshow .photo img {
      width: 100%;
      height: auto; }
    body.home .slideshow .photo {
      position: absolute;
      width: 100%;
      height: 100%; }
  .slideshow .button span {
    text-transform: uppercase;
    padding: 10px 14px 8px;
    font-size: 1.08em;
    background-color: #fff;
    color: #1D3C53; }
    .slideshow .button span:hover {
      background-color: #1D3C53; }

@media (max-width: 900px) {
  body.home .slideshow .photo {
    position: static; }

  .slideshow .slide .site-width {
    position: absolute;
    width: 90%;
    padding: 0 5%;
    top: 0;
    left: 0; }

  .slideshow .slide {
    height: auto !important;
    position: relative; } }
@media (max-width: 780px) {
  .slideshow .wrapper {
    width: 400px;
    bottom: 26px; }
  .slideshow .slide h2 {
    font-size: 2.4em; }
  .slideshow .slide .sub-header,
  .slideshow .slide h3 {
    display: none; }
  .slideshow .slick-dots {
    padding: 15px 0; }
    .slideshow .slick-dots button {
      width: 8px;
      height: 8px;
      border-radius: 8px; }
  .slideshow .slick-arrow {
    width: 19px;
    height: 36px; } }
@media (max-width: 600px) {
  .slideshow-container {
    max-height: none !important; }

  body.home .slideshow .photo {
    overflow: hidden; }

  body.home .slideshow .photo img {
    margin: 0 -10%;
    width: 120%; }

  .slideshow .slide h2 {
    margin-bottom: 0; }

  .slideshow .slide h2 img {
    display: inline; }

  .slideshow .slide .button {
    display: none; } }
@media screen and (max-width: 480px) {
  body.home .slideshow .photo img {
    margin: 0 -20%;
    width: 140%; }

  .slideshow .slide .wrapper {
    width: 90%;
    bottom: 20px; }

  .slideshow .slide h2 {
    font-size: 1.7em; }

  .slideshow .slide h2 img {
    width: 18px;
    height: 18px; }

  .slideshow .slide .button a {
    font-size: 0.92em;
    padding: 7px 11px 5px; }

  .slideshow .slideshow .slick-dots {
    padding: 10px 0; } }
@media screen and (max-width: 380px) {
  .slideshow .slide .site-width {
    padding: 0 3%; } }
ul.nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-family: "Akkurat-Light-S", Arial, sans-serif;
  letter-spacing: 0.05em; }
  ul.nav a {
    transition: opacity 0.3s ease; }
    ul.nav a:hover {
      opacity: 0.5; }

ul.nav-main {
  font-family: "Stag Web", serif;
  font-weight: 400; }

.slideout-panel {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: -9999px;
  right: auto;
  background-color: #1D3C53;
  width: 330px;
  height: 100%;
  color: #fff;
  overflow: auto; }
  .slideout-panel--hidden {
    display: none; }
  .slideout-panel a {
    color: #fff;
    text-decoration: none; }
  .slideout-panel ul.nav {
    padding: 2em 25px 1.5em 60px;
    font-size: 1.6em;
    border-top: 1px solid #8b8b8b; }
    .slideout-panel ul.nav.nav-main {
      font-size: 2em;
      border-top: none; }
  .slideout-panel li {
    margin-bottom: 0.5em; }
  .slideout-panel__close {
    position: absolute;
    top: 16px;
    right: 16px;
    width: 34px;
    height: 34px;
    text-indent: -9999px;
    overflow: hidden;
    background: #1D3C53 url(../images/close-burger.png) 0 0 no-repeat;
    transition: opacity 0.3s ease; }
    .slideout-panel__close:hover {
      opacity: 0.5; }
  @media all and (max-width: 700px) {
    .slideout-panel {
      width: 240px; }
      .slideout-panel ul.nav {
        padding: 1.2em 25px .8em 40px;
        font-size: 1.3em; }
        .slideout-panel ul.nav.nav-main {
          font-size: 1.6em;
          padding-bottom: 1em; } }

.results-header {
  font-size: 1.4em;
  letter-spacing: initial;
  line-height: 1; }
.results .filter-bar {
  margin: 1em 0 1.42em 0;
  align-items: center; }
  @media (max-width: 620px) {
    .results .filter-bar {
      margin-left: 0;
      flex-direction: row;
      flex-wrap: wrap; } }
.results .filter {
  margin-right: 20px; }
.results h2 {
  margin-right: 20px; }

.spinner {
  position: relative;
  height: 0;
  padding: 0;
  transition: padding 0.3s ease-in-out, margin-bottom 0.3s ease-in-out;
  overflow: hidden; }
  .spinner--visible {
    padding: 70px 0;
    margin-bottom: 40px; }
  .spinner img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: block;
    height: 120px;
    width: auto; }

.top-image {
  position: relative;
  background-color: #1D3C53; }
  .top-image .photo {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 100%; }
    .top-image .photo img {
      display: block;
      width: 100%; }
  .top-image .site-width {
    position: relative;
    z-index: 201;
    height: 100%;
    overflow: hidden;
    /* hide text when image has not rendered */ }
  .top-image .wrapper {
    position: absolute;
    bottom: 43px;
    z-index: 2;
    color: #fff;
    width: 600px;
    padding-left: 10px; }
    .top-image .wrapper.is-centered {
      bottom: auto;
      left: 0;
      top: 50%;
      transform: translateY(-50%);
      width: 100%;
      padding: 0;
      box-sizing: border-box;
      text-align: center; }
  .top-image .banner-overlay {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 850px;
    width: 90%; }
    .top-image .banner-overlay h1 {
      font-family: "Stag Web", serif;
      font-weight: 600;
      letter-spacing: 0.05em;
      font-size: 3.5em;
      margin: 0 0 0.65rem;
      line-height: 1.2; }
  .top-image .slu-and-you-logo {
    text-align: center; }
    .top-image .slu-and-you-logo img {
      display: block;
      margin: 0 auto 20px auto;
      width: 80px;
      height: 80px; }
  .top-image .dimmer {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4); }

body.location .top-image .wrapper {
  width: 100%;
  left: 0;
  text-align: center;
  bottom: auto; }

.top-image h1,
body.home .top-image p {
  font-family: "Stag Web", serif;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-size: 3.5em;
  margin-bottom: 0 0 0.65rem;
  line-height: 1.2; }

.top-image h1 {
  margin-top: 0; }

body.home .top-image p a {
  color: #fff; }

body.home .top-image p img {
  width: 24px;
  height: 24px;
  vertical-align: baseline;
  margin-left: 12px;
  display: none; }

.top-image p {
  font-family: "Akkurat-Regular-S", Arial, sans-serif;
  font-size: 1.7em;
  letter-spacing: 0;
  margin-bottom: 0; }

.top-image p.date {
  font-size: 1.5em; }

.top-image .button a {
  text-transform: uppercase;
  padding: 10px 14px 8px;
  font-size: 1.08em; }

@media (max-width: 900px) {
  .top-image {
    height: auto !important;
    position: relative; }

  .top-image .photo {
    position: static; }

  .top-image .site-width {
    position: absolute;
    width: 90%;
    padding: 0 5%;
    top: 0;
    left: 0; }

  body.location .top-image .wrapper {
    width: 90%;
    padding: 0 5%; } }
@media (max-width: 780px) {
  .top-image .wrapper {
    width: 400px;
    bottom: 26px; }

  body.story .top-image h1 {
    font-size: 2.05rem; }

  .top-image--landing h1 {
    font-size: 2.05rem; }

  .top-image .banner-overlay h1 {
    font-size: 2.8rem; }

  body.home .top-image p {
    font-size: 2.4em; }

  .top-image p {
    font-size: 1.4em; }

  .top-image p.date {
    font-size: 1.2em; } }
@media (max-width: 600px) {
  .top-image .photo {
    overflow: hidden; }

  .top-image .photo img {
    margin: 0 -10%;
    width: 120%; }

  body.home .top-image p img {
    display: inline; }

  body.home .top-image .button {
    display: none; } }
@media (max-width: 580px) {
  .top-image .banner-overlay h1,
  body.location .top-image h1 {
    font-size: 2.4rem; }

  .top-image p {
    font-size: 1.1em; }

  .top-image p.date {
    font-size: 1em; } }
@media (max-width: 480px) {
  .top-image .photo img {
    margin: 0 -20%;
    width: 140%; }

  .top-image .wrapper {
    width: 90%;
    bottom: 20px; }

  body.story .top-image h1 {
    font-size: 1.45rem; }

  .top-image--landing h1 {
    font-size: 1.7rem; } }
@media (max-width: 380px) {
  .top-image .site-width {
    padding: 0 3%; } }
.mini-calendar {
  position: relative;
  width: 300px; }
  .mini-calendar__body {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
    padding: 80px 24px 16px 24px; }
  .mini-calendar .graphic-button {
    min-height: 130px;
    min-height: 0; }
    .mini-calendar .graphic-button:before {
      background-image: url("../images/MainPageSideTile_SLUCalendar.jpg"); }
    .mini-calendar .graphic-button p {
      padding: 0;
      max-width: 80%; }
    .mini-calendar .graphic-button a {
      position: relative;
      width: auto;
      height: auto; }
      .mini-calendar .graphic-button a img {
        width: 32px;
        height: auto;
        display: block; }
  .mini-calendar__selector {
    background-color: #fff;
    padding: 14px 24px 14px 0;
    position: relative;
    z-index: 2; }
    .mini-calendar__selector input {
      display: none; }
  .mini-calendar__selector-btn {
    background: none;
    position: relative;
    height: 30px;
    padding-left: 56px;
    border: none;
    font-family: "Stag Web", serif;
    font-size: 1.7em;
    letter-spacing: 0.05em;
    color: #1D3C53;
    cursor: pointer;
    transition: opacity 0.3s ease; }
    .mini-calendar__selector-btn::before {
      position: absolute;
      top: 0;
      left: 0;
      content: url(../images/icons/arrows/arrow-down-white.svg);
      display: block;
      width: 30px;
      height: 30px;
      background-color: #269CCF;
      transition: background-color 0.3s ease; }
    .mini-calendar__selector-btn:hover:before {
      background-color: #1D3C53; }
    .mini-calendar__selector-btn.show-calendar::before {
      transform: rotate(180deg); }

#mini-calendar-container {
  position: absolute;
  z-index: 3;
  height: 0;
  overflow: hidden;
  transform: translateY(-10px);
  transition: transform 0.3s ease-out;
  width: 100%;
  display: none; }
  #mini-calendar-container.show-calendar {
    display: block;
    height: auto;
    transform: translateY(0); }

.banner-overlay {
  color: #fff;
  text-align: center;
  font-family: "Stag Web", serif; }
  .banner-overlay__super, .banner-overlay__sub {
    font-size: 1.94rem;
    letter-spacing: 0.05em; }
    @media (max-width: 780px) {
      .banner-overlay__super, .banner-overlay__sub {
        font-size: 1.55rem; } }
    @media (max-width: 580px) {
      .banner-overlay__super, .banner-overlay__sub {
        font-size: 1.33rem; } }
  .banner-overlay a {
    color: #fff; }

.intro p {
  font-family: "Stag Web", serif;
  font-size: 1.7em;
  font-weight: 300;
  letter-spacing: 0.05em; }
.intro--bold p {
  font-weight: 400; }

.weather {
  margin: 27px 0 20px 0;
  overflow: auto;
  text-align: center; }
  @media (max-width: 600px) {
    .weather {
      display: none; } }
  .weather .temp {
    font-family: "Akkurat-Light-S", Arial, sans-serif;
    font-size: 3.04em;
    margin-right: 20px;
    vertical-align: middle; }
  .weather .sky img {
    width: 106px;
    height: auto;
    vertical-align: middle; }

/* HOME PAGE */
body.home .sidebar .weather {
  margin-bottom: 42px;
  margin-top: 41px; }

/* CALENDAR PAGE */
body.calendar h2.event-day {
  font-size: 1.4em;
  letter-spacing: initial;
  margin: 1em 0 1.42em 8px; }
body.calendar .feature {
  padding-bottom: 2.7em; }

#featured-event-inner {
  background-color: #1d3c53;
  color: #fff; }
  #featured-event-inner a {
    color: #fff; }
    #featured-event-inner a:hover {
      color: #2291bf; }

#featured-event img {
  display: block;
  width: 100%; }
#featured-event h3 {
  margin: 0 0 .5em;
  padding-top: 0;
  font-family: "Akkurat-Regular-S", Arial, sans-serif;
  font-size: 1.6em;
  letter-spacing: 0;
  color: #fff; }
@media (max-width: 600px) {
  #featured-event.padding-right {
    padding-right: 0; } }
#featured-event .superhead {
  font-size: 1.24em;
  margin-bottom: 3px; }
#featured-event .text {
  padding: 26px 36px 16px; }
  @media (max-width: 780px) {
    #featured-event .text {
      padding-left: 12%;
      padding-right: 12%; } }
  @media (max-width: 600px) and (min-width: 480px) {
    #featured-event .text {
      padding-left: 36px;
      padding-right: 36px; } }

.pagination {
  clear: both;
  height: 50px;
  padding-right: 24px; }
  @media (max-width: 600px) {
    .pagination {
      padding-right: 0; } }
  .pagination .calendar-previous {
    float: left; }
  .pagination .calendar-next {
    float: right; }

.calendar-events-container .no-events-message {
  margin: 20px 0; }

/* MAGAZINE ISSUES */
.magazine-issue {
  overflow: auto;
  padding: 40px 0;
  border-bottom: 1px solid #e4e4e4; }
  .magazine-issue h3 a {
    color: #1D3C53; }
  .magazine-issue p {
    margin-bottom: 1em; }
  .magazine-issue ul {
    margin: 0;
    padding: 0 0 0.5em 1em; }
  .magazine-issue li {
    margin: 0 0 1em; }
  .magazine-issue .photo {
    float: left;
    width: 41%; }
    .magazine-issue .photo img {
      max-width: 100%; }
  .magazine-issue .issue-content {
    float: right;
    width: 55%; }
  @media (max-width: 780px) {
    .magazine-issue .photo,
    .magazine-issue .issue-content {
      float: none;
      width: auto; }
    .magazine-issue .photo {
      padding-bottom: 24px; } }
  @media (max-width: 600px) {
    .magazine-issue .photo {
      float: left;
      width: 41%;
      padding-bottom: 0; }
    .magazine-issue .issue-content {
      float: right;
      width: 55%; } }
  @media (max-width: 430px) {
    .magazine-issue .photo,
    .magazine-issue .issue-content {
      float: none;
      width: auto; }
    .magazine-issue .photo {
      padding-bottom: 24px; } }

body.location .top-image .gradient {
  background: rgba(0, 0, 0, 0.3); }
body.location .top-image h1 {
  font-weight: 600;
  line-height: 1.1;
  margin: 0 0 0.2em; }

.location-info {
  background-color: #fff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  padding: 0 18px; }
  .location-info h2 {
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 1.6em; }
  .location-info h3 {
    margin: 0 -19px 20px;
    padding: 12px 16px 12px 20px;
    background-color: #1d3c53;
    background-position: 12px center;
    background-size: 38px 40px;
    background-repeat: no-repeat;
    color: #fff;
    font-weight: normal;
    font-size: 18px; }
    .location-info h3 a {
      color: #fff; }
      .location-info h3 a:hover {
        color: #e4e4e4; }
  .location-info h4 {
    font-weight: normal;
    margin: 0 0 10px;
    font-size: 1.6em; }
  .location-info h5 {
    margin: 0;
    font-size: 1em;
    font-family: "Akkurat-Bold-S";
    font-weight: normal; }
  .location-info .map-link {
    float: right; }
  .location-info .share-icons {
    left: 29%;
    top: 8px;
    display: flex; }
    .location-info .share-icons > span {
      margin-right: 4px; }
  .location-info .share button {
    display: block;
    margin: 0 -19px;
    padding: 14px 19px 13px;
    width: 100%;
    box-sizing: content-box;
    background-color: #DCDDD8;
    color: #1D3C53;
    text-align: left; }

.open {
  color: #8dc63f; }

#locations-category h3 {
  margin: 0;
  color: #fff;
  font-size: 24px;
  font-weight: normal;
  padding: 16px 0 15px 60px;
  background: #1d3c53 12px center / 38px 40px  no-repeat; }
#locations-category a.close {
  margin: 12px 12px 0 0;
  background: transparent url(../images/icon_close_x.png) 0 0/20px no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px; }

@media screen and (max-width: 600px) {
  body.location .content-wrapper .section.padding-right {
    padding-right: 0; } }
body.story .content-inner .photo {
  margin-bottom: 32px; }

body.story .content-inner .photo img {
  max-width: 100%; }

.campaign-highlights,
.stories-filter,
.story-highlights {
  background-color: #fff;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  padding: 0 18px; }
  .campaign-highlights h3,
  .stories-filter h3,
  .story-highlights h3 {
    background-color: #1d3c53;
    color: #fff;
    font-weight: normal;
    font-size: 18px;
    margin: 0 -19px 20px;
    padding: 12px 18px; }

.stories-filter ul {
  list-style-type: none;
  margin: 0;
  padding: 0 0 1em; }
.stories-filter li {
  margin: 0 0 0.8em; }
.stories-filter a.active {
  color: #435d70; }

.campaign-highlights ul,
.story-highlights ul {
  margin: 0;
  padding: 0 0 0.5em 1em; }
.campaign-highlights li,
.story-highlights li {
  margin: 0 0 1em; }

@media screen and (max-width: 600px) {
  .campaign-highlights h4,
  .stories-filter h4,
  .story-highlights h4 {
    display: none; }

  .campaign-highlights,
  .stories-filter,
  .story-highlights {
    border-top: 1px solid #e4e4e4; }

  .campaign-highlights ul,
  .stories-filter ul,
  .story-highlights ul {
    margin-top: 20px; } }
body.campaigns .feature {
  padding-bottom: 50px; }
body.campaigns .section {
  padding-top: 40px;
  margin-bottom: 0; }
  body.campaigns .section h2 {
    margin-top: 0;
    padding-top: 0; }
@media (max-width: 1220px) {
  body.campaigns .top-image h1 {
    opacity: 0; } }

body.campaign .content-inner .photo img {
  max-width: 100%; }

/* MAP */
#map-wrapper {
  position: relative; }

#map-text {
  width: 370px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  overflow: hidden; }

#map-toggle {
  display: none; }

#category-locations-list {
  width: 100%;
  height: 200px;
  overflow: hidden;
  position: relative; }

#category-locations-list ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  position: relative; }

#category-locations-list li {
  padding: 20px 4% 18px 6%;
  border-bottom: 1px solid #e4e4e4;
  overflow: auto;
  background-color: #eee; }

#category-locations-list li.active,
#category-locations-list li:hover {
  background-color: #fff; }

#category-locations-list img {
  float: left;
  width: 23%;
  margin-right: 3%; }

#category-locations-list h3 {
  font-family: 'Stag Web';
  font-weight: 600;
  letter-spacing: 0.05em;
  font-size: 16px;
  margin: 0 0 14px; }

#category-locations-list div.location-text {
  float: left;
  width: 72%;
  overflow: auto;
  font-size: 13px; }

#category-locations-list div.location-text.fullwidth {
  width: auto; }

#category-locations-list li.metro div.location-text,
#category-locations-list li.bike div.location-text {
  margin-left: 0;
  float: none;
  width: auto; }

#category-locations-list div.location-text p {
  margin-bottom: 1em;
  font-size: 1.08em; }

#category-locations-list div.location-text p.description a {
  color: #000; }

#category-locations-list div.location-text p.address {
  margin-bottom: 0.5em;
  color: #2c7492;
  font-family: 'Stag Web';
  letter-spacing: 0.05em; }

#category-locations-list li div.location-text p.phone-status {
  margin-bottom: 0;
  color: #2c7492;
  font-family: 'Stag Web';
  letter-spacing: 0.05em; }

#category-locations-list li .pad-right {
  padding-right: 10px; }

#category-locations-list .interact-links {
  clear: both;
  padding-top: 8px; }

#category-picker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%; }

h3#category-toggle {
  font-family: 'Stag Web';
  font-size: 24px;
  font-weight: 400;
  letter-spacing: 0.05em;
  background: #fff url("../images/icons/arrows/arrow_down.png") 6.4% 16px no-repeat;
  background-size: 30px 30px;
  padding: 17px 0 18px 80px;
  margin: 0;
  border-top: 1px solid #fff;
  cursor: pointer; }

#category-picker-list {
  overflow-y: auto;
  background-color: #fff;
  border-top: 1px solid #e4e4e4;
  position: relative; }

#category-picker-list ul {
  list-style-type: none;
  margin: 0;
  padding: 26px 6%; }

#category-picker-list li {
  background-color: #43b0dd;
  border-bottom: 1px solid #fff;
  font-family: 'Stag Web';
  font-weight: 400;
  font-size: 20px;
  letter-spacing: 0.05em; }

#category-picker-list li.active,
#category-picker-list li:hover {
  background-color: #1d3c53; }

#category-picker-list li a {
  display: block;
  color: #fff;
  text-decoration: none;
  padding: 15px 0 14px 60px;
  background-position: 12px center;
  background-repeat: no-repeat;
  background-size: 34px 36px; }

#category-picker-list li a#cat-shopping {
  background-image: url("../images/icons/categories/shopping_icon.png"); }

#category-picker-list li a#cat-eat-drink {
  background-image: url("../images/icons/categories/eat_icon.png"); }

#category-picker-list li a#cat-services {
  background-image: url("../images/icons/categories/services_icon.png"); }

#category-picker-list li a#cat-arts-entertainment,
#category-picker-list li a#cat-arts {
  background-image: url("../images/icons/categories/arts_icon.png"); }

#category-picker-list li a#cat-hotels {
  background-image: url("../images/icons/categories/hotels_icon.png"); }

#category-picker-list li a#cat-transportation {
  background-image: url("../images/icons/categories/transportation_icon.png"); }

#category-picker-list li a#cat-live-work,
#category-picker-list li a#cat-work {
  background-image: url("../images/icons/categories/work_icon.png"); }

#category-picker-list li ul {
  background-color: #f3f2e8;
  margin: 0;
  padding: 14px 0;
  border-bottom: 1px solid #fff;
  display: none; }

#category-picker-list li.active ul {
  display: block; }

#category-picker-list li li,
#category-picker-list li li.active,
#category-picker-list li li:hover {
  background-color: transparent;
  border-bottom: none;
  font-family: 'Akkurat-Regular-S';
  font-size: 18px;
  letter-spacing: 0; }

#category-picker-list li li a {
  color: #2291bf;
  padding: 2px 0 2px 20px; }

#category-picker-list li li a:hover,
#category-picker-list li li.active a {
  color: #435d70; }

#map-canvas-wrapper {
  margin-left: 370px;
  height: 100%;
  position: relative;
  overflow: hidden; }

#map {
  height: 100%; }

.zoomin {
  position: absolute;
  bottom: 58px;
  right: 20px;
  z-index: 30;
  cursor: pointer; }

.zoomout {
  position: absolute;
  bottom: 22px;
  right: 20px;
  z-index: 30;
  cursor: pointer; }

.pika-single abbr {
  text-decoration: none; }
.pika-single button {
  padding: 0;
  background-color: transparent;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: none;
  font-family: "Akkurat-Regular-S", Arial, sans-serif;
  cursor: pointer; }
.pika-single .pika-title {
  position: relative;
  background-color: #E4E4E4;
  display: flex;
  justify-content: center;
  height: 20px;
  padding: 10px; }
  .pika-single .pika-title .pika-label {
    margin: 1px 2px 0 2px;
    font-family: "Akkurat-Bold-S", Arial, sans-serif;
    font-size: 14px; }
    .pika-single .pika-title .pika-label select {
      display: none; }
  .pika-single .pika-title button {
    position: absolute;
    top: 11px;
    display: block;
    background-size: 9px;
    background-repeat: no-repeat;
    font-size: 14px;
    font-family: "Akkurat-Bold-S", Arial, sans-serif;
    text-transform: uppercase;
    color: #269CCF;
    text-indent: -9999px;
    overflow: hidden;
    width: 24px;
    height: 24px;
    background-size: 36px;
    background-position: 0 -10px; }
    .pika-single .pika-title button.pika-prev {
      left: 20px;
      padding-left: 14px;
      background-image: url("../images/icons/arrows/arrow-left-lite-blue.svg"); }
      .pika-single .pika-title button.pika-prev:hover {
        background-image: url("../images/icons/arrows/arrow-left-dark-blue.svg"); }
      .pika-single .pika-title button.pika-prev.is-disabled {
        display: none; }
    .pika-single .pika-title button.pika-next {
      right: 20px;
      padding-right: 14px;
      background-image: url("../images/icons/arrows/arrow-right-lite-blue.svg"); }
      .pika-single .pika-title button.pika-next:hover {
        background-image: url("../images/icons/arrows/arrow-right-dark-blue.svg"); }
.pika-single .pika-table {
  width: 100%;
  background-color: #E4E4E4; }
  .pika-single .pika-table th {
    background-color: #1D3C53;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    padding: 6px;
    font-size: .84em; }
    .pika-single .pika-table th:last-child {
      padding-right: 10px; }
  .pika-single .pika-table tr:first-child th, .pika-single .pika-table tr:first-child td {
    padding-top: 10px; }
  .pika-single .pika-table tr:last-child td {
    padding-bottom: 10px; }
  .pika-single .pika-table td {
    text-align: center;
    font-family: "Akkurat-Regular-S", Arial, sans-serif;
    color: #aaa;
    padding: 6px 0 0;
    font-size: 1.2em; }
  .pika-single .pika-table button {
    display: block;
    height: 30px;
    width: 32px;
    padding: 1px 0 0;
    margin: 0 auto;
    box-sizing: border-box;
    font-family: "Akkurat-Bold-S", Arial, sans-serif;
    font-size: 16px;
    color: #1D3C53; }
  .pika-single .pika-table .is-today button {
    background-color: #fff;
    border: 1px solid #269CCF;
    border-radius: 100%; }
  .pika-single .pika-table .is-selected button {
    border: 1px solid #269CCF;
    border-radius: 100%; }
  .pika-single .pika-table .is-disabled button {
    color: #AAAAAA; }

.mfp-close-btn-in .mfp-close {
  color: #fff;
  font-size: 60px; }

.instagram-in-body .username {
  margin-bottom: 4px; }
.instagram-in-body h2 {
  margin-left: 0; }
.instagram-in-body #sb_instagram #sbi_images {
  padding: 0 !important;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap; }
  .instagram-in-body #sb_instagram #sbi_images .sbi_item {
    margin-bottom: 10px !important;
    width: calc(25% - 10px); }
    @media (max-width: 640px) {
      .instagram-in-body #sb_instagram #sbi_images .sbi_item {
        width: calc(50% - 5px); } }

#st_gdpr_iframe {
  top: -10000px; }

/*# sourceMappingURL=main.css.map */