@charset "UTF-8";
/* @file
 * This file is a custom file that loads all files. Each non-base layer
 * can be disabled.
 *
 *
 * This application file (crescendo.scss) is where all the partials are
 * imported.
 *
 * Theme styles are categorized using SMACSS standards. They utilize
 * categorization of styles into various categories. Those categories are the
 * following:
 *
 * - Base: CSS reset/normalize plus HTML element styling.
 * - Layout: Macro arrangement of a web page, including any grid systems.
 * - Modules: Dictate minor layout modules or reusable elements.
 * - States: Describe the appearance of a module in various states.
 * - Theme: Specific customizations for your subtheme.
 * For more information about this new Drupal css file standard, please review
 * the following:
 * - https://drupal.org/node/1887922
 * - http://smacss.com/
 */
.l-messages {
  display: none;
}

/**
 * @file
 * Wireframes Styling
 *
 * Add wireframes to the basic layout elements.
 */
.with-wireframes #header,
.with-wireframes #main,
.with-wireframes #content,
.with-wireframes #navigation,
.with-wireframes .region-sidebar-first,
.with-wireframes .region-sidebar-second,
.with-wireframes #footer,
.with-wireframes .region-bottom {
  outline: 1px solid #ccc;
}

.lt-ie8 .with-wireframes #header,
.lt-ie8 .with-wireframes #main,
.lt-ie8 .with-wireframes #content,
.lt-ie8 .with-wireframes #navigation,
.lt-ie8 .with-wireframes .region-sidebar-first,
.lt-ie8 .with-wireframes .region-sidebar-second,
.lt-ie8 .with-wireframes #footer,
.lt-ie8 .with-wireframes .region-bottom {
  border: 1px solid #ccc;
  /* IE6/7 do not support the outline property. */
}

/**
 * @file
 * Positioning for a fixed-width, desktop-centric layout.
 *
 * Define CSS classes to create a table-free, 3-column, 2-column, or single
 * column layout depending on whether blocks are enabled in the left or right
 * columns.
 *
 * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
 */
/*
 * Center the page.
 */
#page,
.region-bottom {
  /* If you want to make the page a fixed width and centered in the viewport,
   * this is the standards-compliant way to do that. */
  /*  margin-left: auto;
  margin-right: auto;*/
  /* width: 980px; */
}

/*
 * Apply the shared properties of grid items in a single, efficient ruleset.
 */
#header,
#content,
#navigation,
.region-sidebar-first,
.region-sidebar-second,
#footer {
  /*  padding-left: 10px;
  padding-right: 10px;
  border: 0 !important;
  word-wrap: break-word;
  _display: inline;
  _overflow: hidden;
  _overflow-y: visible;*/
}

/*
 * Containers for grid items and flow items.
 */
#header,
#main,
#footer {
  /*  *position: relative;
  *zoom: 1;*/
}

#header:before, #header:after,
#main:before, #main:after,
#footer:before, #footer:after {
  /*  content: "";
  display: table;*/
}

#header:after,
#main:after,
#footer:after {
  /*  clear: both;*/
}

/*
 * Navigation bar
 */
#main {
  padding-top: 3em;
  /*Move all the children of #main down to make room. */
  position: relative;
}

#navigation {
  position: absolute;
  top: 0;
  /*Move the navbar up inside #main's padding. */
  height: 3em;
  width: 960px;
}

/*
 * The layout when there is only one sidebar, the left one.
 */
.sidebar-first #content {
  /* Span 4 columns, starting in 2nd column from left. */
  /*  float: left;
  width: 764px;
  margin-left: 196px;
  margin-right: -980px;*/
}

.sidebar-first .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  /*  float: left;
  width: 176px;
  margin-left: 0px;
  margin-right: -196px;*/
}

/*
 * The layout when there is only one sidebar, the right one.
 */
.sidebar-second #content {
  /* Span 4 columns, starting in 1st column from left. */
  /*  float: left;
  width: 764px;
  margin-left: 0px;
  margin-right: -784px;*/
}

.sidebar-second .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  /*  float: left;
  width: 176px;
  margin-left: 784px;
  margin-right: -980px;*/
}

/*
 * The layout when there are two sidebars.
 */
.two-sidebars #content {
  /* Span 3 columns, starting in 2nd column from left. */
  /*  float: left;
  width: 568px;
  margin-left: 196px;
  margin-right: -784px;*/
}

.two-sidebars .region-sidebar-first {
  /* Span 1 column, starting in 1st column from left. */
  /*  float: left;
  width: 176px;
  margin-left: 0px;
  margin-right: -196px;*/
}

.two-sidebars .region-sidebar-second {
  /* Span 1 column, starting in 5th column from left. */
  /*  float: left;
  width: 176px;
  margin-left: 784px;
  margin-right: -980px;*/
}

/**
 * @file
 * Tabs Styling
 *
 * Adds styles for the primary and secondary tabs.
 *
 * Compare this with default CSS found in the system module's stylesheet (a copy
 * of which is in drupal7-reference.css.)
 */
/*
 * Basic positioning styles shared by primary and secondary tabs.
 */
ul.primary,
ul.secondary {
  overflow: hidden;
  *zoom: 1;
  border-bottom: 1px solid #bbbbbb;
  list-style: none;
  margin: 1em 0 1.5em;
  padding: 0 2px;
  white-space: nowrap;
}

ul.primary li,
ul.secondary li {
  float: left;
  /* LTR */
  margin: 0.5em 3px 0;
}

ul.primary a,
ul.secondary a {
  border: 1px solid #e9e9e9;
  border-right: 0;
  border-bottom: 0;
  display: block;
  line-height: 1.5em;
  text-decoration: none;
}

/*
 * Primary tabs
 */
ul.primary li {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  text-shadow: white 1px 1px 0;
  border: 1px solid #bbbbbb;
  border-bottom: 0;
  margin: 0.5em 0 0 3px;
  /* LTR */
}

ul.primary li.active {
  border-bottom: 1px solid white;
  margin-bottom: -1px;
  /* Overlap the ul's border. */
}

ul.primary a:link,
ul.primary a:visited {
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  -ms-border-top-left-radius: 4px;
  -o-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  -ms-border-top-right-radius: 4px;
  -o-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  color: #333;
  background-color: #dedede;
  letter-spacing: 1px;
  padding: 0 1em;
  text-align: center;
}

ul.primary a:hover,
ul.primary a:focus {
  background-color: #e9e9e9;
  border-color: #f2f2f2;
}

ul.primary a.active {
  background-color: transparent;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: -ms-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
  border-color: #fff;
}

/*
 * Secondary tabs
 */
ul.secondary {
  font-size: .9em;
  margin-top: -1.5em;
  /* Collapse bottom margin of ul.primary. */
  padding-bottom: .5em;
}

ul.secondary a:link,
ul.secondary a:visited {
  -webkit-border-radius: 0.75em;
  -moz-border-radius: 0.75em;
  -ms-border-radius: 0.75em;
  -o-border-radius: 0.75em;
  border-radius: 0.75em;
  -webkit-transition: background-color 0.3s;
  -moz-transition: background-color 0.3s;
  -ms-transition: background-color 0.3s;
  -o-transition: background-color 0.3s;
  transition: background-color 0.3s;
  text-shadow: white 1px 1px 0;
  background-color: #f2f2f2;
  color: #666;
  padding: 0 .5em;
}

ul.secondary a:hover,
ul.secondary a:focus {
  background-color: #dedede;
  border-color: #999;
  color: #333;
}

ul.secondary a.active,
ul.secondary a:active {
  text-shadow: #333333 1px 1px 0;
  background-color: #666;
  border-color: #000;
  color: #fff;
}

/*======= Header Section =======*/
.header {
  position: absolute;
  width: 100%;
  z-index: 499;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header {
    background-color: #252525;
    height: 120px;
    background-size: 100%;
  }
}

.header .region-header {
  float: left;
  clear: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .region-header {
    float: none;
    height: 100%;
    position: relative;
  }
  .header .region-header .block-menu-block {
    position: absolute;
    bottom: 0;
    width: 100%;
  }
}

.header .logo {
  height: 106px;
  width: 222px;
  float: left;
  padding: 0 20px;
  padding-top: 15px;
  overflow: hidden;
  text-indent: -200%;
  background: url("/sites/all/themes/ww1/img/wwi_logo.svg") center center no-repeat;
  background-color: rgba(37, 37, 37, 0.9);
  background-size: 158px 80px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .logo {
    background-color: unset;
    padding: unset;
    margin-top: 6px;
    background-size: 80%;
    padding-top: 27px;
    margin-left: -5px;
    z-index: 990;
    position: relative;
  }
}

.header .logo:hover {
  background-color: rgba(37, 37, 37, 0.9);
}

.header .menu-name-main-menu {
  background: url(../img/diag.png) repeat;
  margin-top: 44px;
  height: 64px;
  width: 442px;
  float: left;
  text-transform: uppercase;
  font-family: 'futura-pt', sans-serif;
  letter-spacing: 1px;
  font-weight: 300;
  color: #FFF;
  margin-right: 60px;
  position: relative;
  z-index: 500;
}

.header .menu-name-main-menu .mobile-menu-status, .header .menu-name-main-menu .mobile-menu-hourswrap {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu {
    max-height: 0;
    background: #FFF;
    width: 100%;
    margin: 0;
    height: 100vh;
    overflow: hidden;
    position: absolute;
    top: 0;
    transition: max-height 500ms linear;
  }
  .header .menu-name-main-menu.open-menu {
    max-height: 100vh;
    overflow-y: scroll;
    z-index: 100;
  }
  .header .menu-name-main-menu .mobile-menu-status {
    padding: 20px 50px;
    font-weight: 200;
    font-size: 1.1em;
    text-align: center;
    display: block;
  }
  .header .menu-name-main-menu .closed-today {
    background-color: #f3493d;
  }
  .header .menu-name-main-menu .open-today {
    background-color: #46a2e2;
  }
  .header .menu-name-main-menu .mobile-menu-hourswrap {
    color: white;
    background-color: #464646;
    padding: 20px 50px;
    width: 100%;
    height: 100%;
    line-height: 2;
    display: block;
  }
  .header .menu-name-main-menu .mobile-menu-hourswrap .left {
    width: 100%;
  }
  .header .menu-name-main-menu .mobile-menu-hourswrap h4 {
    font-weight: 200;
    font-size: 1.5em;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu > ul > li > a {
    font-size: 30px;
    font-weight: 500;
  }
}

.header .menu-name-main-menu ul {
  font-size: 16px;
  margin-top: -44px;
  width: 600px;
  margin-left: 0;
  padding: 0;
  position: relative;
  z-index: 505;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu ul {
    margin: 0;
    width: 100%;
    background: #FFF;
  }
}

.header .menu-name-main-menu ul li > div.callout {
  width: 845px;
  overflow: hidden;
  display: none;
  position: absolute;
  top: 44px;
  left: 0;
  background: #3b3a3a;
  background: rgba(37, 37, 37, 0.9);
  display: none;
  font-size: 12px;
  z-index: 501;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu ul li > div.callout {
    display: block;
    background: #FFF;
    position: relative;
    top: 0;
    width: 100%;
  }
}

.header .menu-name-main-menu ul li > div.callout > ul {
  display: block;
  float: left;
  top: 0;
  position: relative;
  width: 270px;
  z-index: 501;
}

.header .menu-name-main-menu ul ul {
  position: absolute;
  left: 0;
  top: 44px;
  right: 0;
  margin: 0;
  display: none;
  width: 320px;
  font-size: 12px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu ul ul {
    background: #FFF;
    padding-left: 10px;
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    height: auto;
    max-height: 0;
    transition: max-height 300ms linear;
  }
  .header .menu-name-main-menu ul ul.open-menu {
    max-height: 100vh;
  }
}

.header .menu-name-main-menu ul ul:first-child {
  background-color: #3b3a3a;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu ul ul:first-child {
    background: #FFF;
  }
}

.header .menu-name-main-menu li {
  float: left;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  position: relative;
  z-index: 500;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu li {
    background: #FFF;
    float: none;
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
  }
}

.header .menu-name-main-menu li.expanded {
  list-style: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu li.expanded {
    margin: 10px auto;
  }
}

.header .menu-name-main-menu li.active-trail {
  background-color: #16175a;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu li.active-trail {
    background-color: white !important;
  }
}

.header .menu-name-main-menu li.leaf {
  list-style: none;
}

.header .menu-name-main-menu li:hover a {
  background-color: #16175a;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu li:hover a {
    background-color: #FFF;
  }
}

.header .menu-name-main-menu li:hover > ul {
  display: block;
}

.header .menu-name-main-menu li:hover > div.callout {
  display: block;
}

@media (min-width: 55.5em) {
  .header .menu-name-main-menu ul li.is-expanded.red-menu a.menu__link {
    background: #f3493d;
  }
  .header .menu-name-main-menu ul li.is-expanded.red-menu a.menu__link:hover {
    background-color: #16175a;
    transition: background-color 0.15s linear;
    -webkit-transition: background-color 0.15s linear;
  }
  .header .menu-name-main-menu ul li.is-expanded.red-menu a.menu__link ul li a {
    background-color: #252525;
  }
  .header .menu-name-main-menu ul li ul li.is-expanded:not(.red-menu) a.menu__link {
    background: rgba(37, 37, 37, 0.9);
  }
  .header .menu-name-main-menu ul li ul li.is-expanded:not(.red-menu) a.menu__link:hover {
    background-color: #16175a;
    transition: background-color 0.15s linear;
    -webkit-transition: background-color 0.15s linear;
  }
  .header .menu-name-main-menu ul li ul li.is-expanded:not(.red-menu) a.menu__link ul li a {
    background-color: #252525;
  }
}

.header .menu-name-main-menu a {
  display: inline-block;
  height: 44px;
  line-height: 44px;
  padding: 0 21px;
  background: none;
  color: #FFF;
  text-decoration: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu a {
    color: #000;
    display: block;
  }
}

.header .menu-name-main-menu a:hover {
  color: #FFF;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu a:hover {
    color: #000;
  }
}

.header .menu-name-main-menu a .active {
  background-color: #16175a;
}

.header .menu-name-main-menu .sub-menu-toggle {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu .sub-menu-toggle {
    display: block;
    cursor: pointer;
    position: absolute;
    right: 2px;
    top: 15px;
    width: 8px;
    height: 8px;
    background: transparent;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    transition: transform 100ms linear;
    z-index: 1000;
  }
  .header .menu-name-main-menu .sub-menu-toggle.menu__link .open-menu {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu .open-menu .sub-menu-toggle {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
}

.header .menu-name-main-menu ul li ul li.active-trail {
  background-color: #252525;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu ul li ul li.active-trail {
    background-color: unset;
  }
}

.header .menu-name-main-menu ul li ul li.active-trail a {
  background-color: #16175a;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu ul li ul li.active-trail a {
    background-color: white;
  }
}

.header .menu-name-main-menu li li {
  width: auto;
  z-index: 2;
  float: none;
  position: static;
  display: block;
}

@media (min-width: 55.5em) {
  .header .menu-name-main-menu ul li ul li:not(.red-menu) a {
    background: none !important;
  }
  .header .menu-name-main-menu ul li ul li:not(.red-menu) a:hover {
    background-color: #16175a !important;
    transition: background-color 0.15s linear;
    -webkit-transition: background-color 0.15s linear;
  }
  .header .menu-name-main-menu ul li ul li:not(.red-menu) a ul li a {
    background-color: #252525;
  }
}

.header .menu-name-main-menu li li.first {
  margin-top: 0;
  padding: 0px 0 13px;
  padding-top: 10px;
  padding-bottom: 0;
}

.header .menu-name-main-menu li li.last {
  margin-bottom: 0;
  padding: 0px 0 13px;
  padding-top: 0;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu li li.last {
    padding: 0;
  }
}

.header .menu-name-main-menu li li a {
  display: block;
  height: 32px;
  line-height: 32px;
  font-size: 13px;
}

.header .menu-name-main-menu li:hover li a {
  background: none;
  position: relative;
  z-index: 503;
}

.header .menu-name-main-menu li:hover li a:hover {
  background-color: #16175a;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu li:hover li a:hover {
    background-color: #FFF;
  }
}

@media (min-width: 55.5em) {
  .header .menu-name-main-menu li li a {
    background: #252525;
  }
}

.header .menu-name-main-menu .promo {
  width: 299px;
  height: 189px;
  padding: 0;
  position: relative;
  font-size: 16px;
}

.header .menu-name-main-menu .promo a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  line-height: 1.2;
}

.header .menu-name-main-menu li:hover .promo a:hover {
  background-color: transparent;
  background-color: rgba(255, 255, 255, 0.3);
}

.header .menu-name-main-menu .promo a span {
  position: absolute;
  bottom: 0;
  background: #f3493d;
  background: rgba(252, 70, 57, 0.9);
  padding: 3px 10px 6px;
  display: inline-block;
  font-weight: 300;
  max-width: 240px;
}

.header .menu-name-main-menu .promo a span:first-line {
  font-size: 10px;
  font-weight: 700;
}

.header .menu-name-main-menu .hourswrap {
  float: left;
  overflow: hidden;
  width: 575px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .menu-name-main-menu .hourswrap {
    display: none;
  }
}

.header .menu-name-main-menu .hourswrap .margincontrol {
  padding-left: 20px;
  padding-top: 20px;
  float: left;
  width: 800px;
  margin: 0;
  font-family: 'chaparral-pro', Georgia, serif;
}

.header .menu-name-main-menu .hourswrap .margincontrol a {
  display: inline;
  color: #959595;
  padding: 0 2px;
  background: transparent;
  margin-right: 10px;
  text-transform: uppercase;
}

.header .menu-name-main-menu .hourswrap .margincontrol p {
  margin-bottom: 0;
  text-transform: none;
  font-size: 14px;
}

.header .menu-name-main-menu .hourswrap .margincontrol h3,
.header .menu-name-main-menu .hourswrap .margincontrol h4 {
  font-size: 16px;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
  font-weight: 700;
}

.header .menu-name-main-menu .hourswrap .margincontrol h4 {
  font-size: 12px;
  font-weight: 400;
  padding-bottom: 5px;
}

.header .menu-name-main-menu .hourswrap .margincontrol .left {
  padding-right: 10px;
  padding-bottom: 10px;
  text-transform: none;
  font-size: 14px;
}

.header .menu-name-main-menu .hourswrap .margincontrol .left em {
  font-style: italic;
}

.header .block-block {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
}

.header .utility {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  -ms-flex-align: end;
      align-items: flex-end;
  top: 0;
  right: 0;
  width: 298px;
  bottom: 0;
}

.header .utility ul {
  padding: 0;
  padding-left: 0;
}

.header .utility li {
  float: left;
}

.header .utility .socialnav {
  -ms-flex-order: 2;
      order: 2;
  float: left;
  background: #252525;
  background: rgba(37, 37, 37, 0.8);
}

@media (min-width: 0px) and (max-width: 950px) {
  .header .utility .socialnav {
    display: none !important;
  }
}

.header .utility .socialnav a {
  background: url(../img/utility.png) no-repeat -60px 50px;
  display: block;
  width: 56px;
  height: 44px;
  text-indent: -9999px;
}

.header .utility .socialnav a:hover {
  background-color: #16175a;
}

.header .utility .socialnav .social1, .header .utility .socialnav .header .socialnav .social1:hover {
  background-position: 50% 0;
}

.header .utility .socialnav .social2, .header .utility .socialnav .header .socialnav .social2:hover {
  background-position: 50% -50px;
}

.header .utility .socialnav .social3, .header .utility .socialnav .header .socialnav .social3:hover {
  background-position: 50% -100px;
}

.header .utility .socialnav .social4, .header .utility .socialnav .header .socialnav .social4:hover {
  background-position: 50% -200px;
}

.header .utility .burger-wrapper-wrapper {
  position: absolute;
  top: 15px;
  right: 21px;
}

.header .utility .burger-wrapper {
  display: none;
  cursor: pointer;
  margin: auto;
  width: 20px;
  height: 24px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .utility .burger-wrapper {
    display: block;
  }
}

.header .utility .burger-wrapper .burger {
  background: #FFF;
  width: 30px;
  height: 3px;
  position: relative;
  transition: background 10ms 300ms ease;
  -ms-transform: translateY(12px);
      transform: translateY(12px);
}

.header .utility .burger-wrapper .burger:before, .header .utility .burger-wrapper .burger:after {
  transition: top 300ms 350ms ease, transform 300ms 50ms ease;
  position: absolute;
  background: #FFF;
  width: 30px;
  height: 3px;
  content: '';
}

.header .utility .burger-wrapper .burger:before {
  top: -9px;
}

.header .utility .burger-wrapper .burger:after {
  top: 9px;
}

.header .utility .burger-wrapper .burger.open {
  background: transparent;
}

.header .utility .burger-wrapper .burger.open:after, .header .utility .burger-wrapper .burger.open:before {
  transition: top 300ms 50ms ease, transform 300ms 350ms ease;
  top: 0;
}

.header .utility .burger-wrapper .burger.open:before {
  -ms-transform: rotate(45deg);
      transform: rotate(45deg);
}

.header .utility .burger-wrapper .burger.open:after {
  -ms-transform: rotate(-45deg);
      transform: rotate(-45deg);
}

.header .sitesearch {
  -ms-flex-order: 1;
      order: 1;
  margin-right: 0;
}

@media (min-width: 0px) and (max-width: 950px) {
  .header .sitesearch {
    float: right;
  }
}

.header .sitesearch input[type="text"] {
  display: none;
}

.header .sitesearch input[type="submit"] {
  background: #f3493d url(../img/utility.png) no-repeat 50% -150px;
  border: 0;
  width: 62px;
  height: 44px;
  text-indent: -9999px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .sitesearch input[type="submit"] {
    display: block;
    float: right;
    background: #f3493d url(../img/icon-search.svg) no-repeat;
    position: relative;
    top: 60px;
    background-size: 65%;
    background-position: center;
    background-repeat: no-repeat;
    height: 60px;
    width: 50px;
    z-index: 500;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
  }
}

.header .sitesearch input[type="submit"].open {
  background-color: #16175a;
}

/*====== Search Box ====*/
.header .search-form {
  display: none;
  background: #252525;
  background: rgba(37, 37, 37, 0.8);
  font-family: 'futura-pt', sans-serif;
  position: absolute;
  top: 44px;
  right: 0;
  height: 44px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .search-form {
    width: 100%;
    position: absolute;
    background-color: #f3493d;
    color: white;
    top: 120px;
    right: 0;
    height: 60px;
    z-index: 400;
  }
}

.header .search-form label {
  float: left;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px;
  line-height: 49px;
  padding: 0 10px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .search-form label {
    display: none;
  }
}

.header .search-form input {
  border: none;
  padding: 0;
}

.header .search-form .form-text {
  outline: none;
  float: left;
  background: transparent;
  font-size: 36px;
  font-weight: 400;
  height: 44px;
  width: 250px;
  color: #959595;
  font-family: 'futura-pt', sans-serif;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .search-form .form-text {
    color: white;
    width: 93%;
    height: 60px;
    padding-left: 20px;
  }
}

.header .search-form .form-submit {
  background: #fa564a url(../img/btn_sprite.png) no-repeat -21px -514px;
  color: #FFF;
  height: 44px;
  width: 62px;
  font-size: 30px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  overflow: hidden;
  text-indent: -9999px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header .search-form .form-submit {
    display: none;
  }
}

.mobile-donate-button {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .mobile-donate-button {
    display: block;
    background-color: #46a2e2;
    color: #FFF;
    height: 44px;
    font-family: 'futura-pt', sans-serif;
    font-weight: 300;
    overflow: hidden;
    width: 100%;
    height: 70px;
    position: relative;
    top: 120px;
    display: block !important;
    z-index: 2;
    float: left;
    padding: 10px 0 20px;
    text-align: center;
    font-size: 2em;
  }
  .mobile-donate-button a {
    background-color: unset !important;
    font-weight: 200;
  }
  .mobile-donate-button p a {
    background: none;
    background-color: none;
  }
  .mobile-donate-button p a:hover {
    color: #FFF;
    background: none;
    background-color: none;
  }
}

.mobile-open-closed {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .mobile-open-closed {
    display: block;
    margin: auto;
    position: relative;
    top: 120px;
    display: block;
    z-index: 2;
  }
  .mobile-open-closed .mobile-menu-status {
    padding: 20px 50px;
    font-family: 'futura-pt', sans-serif;
    font-weight: lighter;
    font-size: 1.1em;
    color: white;
    text-align: center;
  }
  .mobile-open-closed .mobile-menu-status a {
    background-color: #8d312a;
  }
  .mobile-open-closed .closed-today {
    background-color: #f3493d;
  }
  .mobile-open-closed .open-today {
    background-color: #46a2e2;
  }
}

.overflow-hidden {
  overflow: hidden;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  right: 112px;
  width: 112px;
  height: 44px;
  background-color: rgba(37, 37, 37, 0.8);
  transition: background-color 300ms ease;
  z-index: 998;
  text-align: center;
}

@media screen and (min-width: 889px) and (max-width: 950px) {
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info {
    width: 45px;
    right: 107px;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block {
    padding: 0px !important;
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../img/profile.svg") no-repeat center center;
    background-size: 48%;
    top: 0px;
    left: 5px;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block a.my-account {
    font-size: 10px !important;
    color: rgba(37, 37, 37, 0);
    letter-spacing: -7px;
    margin-left: 10px;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info {
    right: 66px;
    top: 7px;
    background-color: unset !important;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info:hover {
    background-color: unset !important;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block:hover {
    background-color: unset !important;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block {
    padding: 10px 10px 10px 0 !important;
    position: relative;
    height: 100%;
    width: 100%;
    background: url("../img/profile.svg") no-repeat center center;
    background-size: 21.5%;
    top: 1px;
    left: 10px;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block a.my-account {
    color: rgba(37, 37, 37, 0);
    letter-spacing: -7px;
    margin-left: 10px;
  }
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info:hover {
  background-color: #16175a;
  transition: background-color 300ms ease;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block {
  padding: 12px;
  width: 100%;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block a {
  color: #ffffff;
  background: none;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  font-size: 13px;
  z-index: 999;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-user-info .user-info-block a.my-account {
  white-space: nowrap;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  right: 62px;
  top: 0;
  height: 44px;
  width: 50px;
  background-color: rgba(37, 37, 37, 0.8);
  transition: background-color 300ms ease;
  z-index: 999;
}

@media screen and (min-width: 889px) and (max-width: 950px) {
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info {
    width: 45px;
  }
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info .cart-info-block {
  position: relative;
  height: 100%;
  width: 100%;
  background: url("../img/cart.svg") no-repeat center center;
  background-size: 50%;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info .cart-link {
  position: absolute;
  display: -ms-flexbox;
  display: flex;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: none;
}

.header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info .cart-count {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
      justify-content: center;
  -ms-flex-align: center;
      align-items: center;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background-color: #46a2e2;
  border: 2px solid rgba(37, 37, 37, 0.8);
  margin: 20px 8px auto auto;
  font-size: 12px;
  color: #ffffff;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info {
    top: 0px;
    height: 60px;
    width: 45px;
    right: 50px;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info .cart-info-block {
    background-size: 50%;
  }
  .header #block-tessitura-tnew-shared-session-tessitura-tnew-cart-info .cart-info-block .cart-count {
    height: 26px;
    width: 26px;
    margin: 24px 12px auto auto;
    font-size: 14px;
  }
}

/*======= Footer Section =======*/
.subfooter, .footer .margincontrol .block-block-hours {
  background: #f35044;
  color: #FFF;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .subfooter, .footer .margincontrol .block-block-hours {
    background: none;
  }
}

.subfooter .quote, .footer .margincontrol .block-block-hours .quote {
  display: none;
}

.front .subfooter .quote, .front .footer .margincontrol .block-block-hours .quote, .footer .margincontrol .front .block-block-hours .quote {
  height: 585px;
  background: #f0f0f0 url(../img/bg_subfoot.jpg) no-repeat 50% 0;
  padding: 0 0 242px;
  margin-bottom: -242px;
  display: table;
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .front .subfooter .quote, .front .footer .margincontrol .block-block-hours .quote, .footer .margincontrol .front .block-block-hours .quote {
    display: none;
  }
}

.subfooter .inner, .footer .margincontrol .block-block-hours .inner {
  background: url(../img/dots.png) no-repeat 0 50%;
  display: table-cell;
  vertical-align: middle;
}

.subfooter .line, .footer .margincontrol .block-block-hours .line, .subfooter .byline, .footer .margincontrol .block-block-hours .byline {
  float: left;
  clear: left;
  padding: 4px 12px;
}

.subfooter .line, .footer .margincontrol .block-block-hours .line {
  background: #f35044;
  background: rgba(243, 73, 61, 0.9);
  font-size: 25px;
}

.subfooter .byline, .footer .margincontrol .block-block-hours .byline {
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  color: #959595;
  font-size: 14px;
}

.subfooter .contact, .footer .margincontrol .block-block-hours .contact {
  background: rgba(243, 73, 61, 0.9);
  padding: 40px 10px 0;
  font-size: 21px;
  padding-bottom: 118px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .subfooter .contact, .footer .margincontrol .block-block-hours .contact {
    padding-bottom: unset;
  }
}

.subfooter .contact .margincontrol, .footer .margincontrol .block-block-hours .contact .margincontrol {
  padding: 0 10px;
  width: 100%;
  max-width: 934px;
}

.subfooter .contact .margincontrol span, .footer .margincontrol .block-block-hours .contact .margincontrol span {
  padding-right: 15px;
}

.subfooter .contact .margincontrol .footer-directions a, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-directions a {
  color: #ea6f6f;
  background: #8d312a;
  font-size: 15px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .subfooter .contact .margincontrol .footer-address, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-address {
    width: 95%;
    display: block;
    font-size: 1.5rem;
  }
  .subfooter .contact .margincontrol .footer-directions, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-directions {
    width: 40%;
    padding-right: 5px;
    font-weight: 600;
  }
  .subfooter .contact .margincontrol .footer-directions a, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-directions a {
    width: 100%;
    font-size: 1.1rem;
    background-color: rgba(35, 148, 226, 0.9);
    color: white;
  }
  .subfooter .contact .margincontrol .footer-phone, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-phone {
    font-size: 1.5rem !important;
    background: unset;
  }
  .subfooter .contact .margincontrol .footer-phone::-moz-selection, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-phone::-moz-selection {
    font-size: 1.5rem !important;
    background: unset;
  }
  .subfooter .contact .margincontrol .footer-phone::selection, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-phone::selection {
    font-size: 1.5rem !important;
    background: unset;
  }
  .subfooter .contact .margincontrol .footer-phone a, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-phone a {
    background: unset;
    font-size: 1.5rem !important;
  }
  .subfooter .contact .margincontrol .footer-phone a::-moz-selection, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-phone a::-moz-selection {
    background: unset;
    font-size: 1.5rem !important;
  }
  .subfooter .contact .margincontrol .footer-phone a::selection, .footer .margincontrol .block-block-hours .contact .margincontrol .footer-phone a::selection {
    background: unset;
    font-size: 1.5rem !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .subfooter .contact .margincontrol .left, .footer .margincontrol .block-block-hours .contact .margincontrol .left {
    float: left;
  }
}

.subfooter a, .footer .margincontrol .block-block-hours a {
  color: #ea6f6f;
  background: #8d312a;
  padding: 3px;
  text-transform: uppercase;
  font-size: 12px;
  position: relative;
  top: -3px;
}

.subfooter a:hover, .footer .margincontrol .block-block-hours a:hover {
  color: #8d312a;
  background: #ea6f6f;
}

.subfooter .left, .footer .margincontrol .block-block-hours .left {
  padding-right: 100px;
  font-size: 16px;
}

.subfooter .line, .footer .margincontrol .block-block-hours .line, .subfooter h3, .footer .margincontrol .block-block-hours h3, .subfooter h4, .footer .margincontrol .block-block-hours h4 {
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
}

.subfooter h3, .footer .margincontrol .block-block-hours h3 {
  font-weight: 700;
}

.footer {
  background: #252525;
  color: #FFF;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
  position: relative;
}

.footer-lower {
  position: relative;
  top: -130px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer-lower {
    position: unset;
    top: unset;
  }
}

.footer .margincontrol {
  padding: 0 0 100px;
  max-width: 934px;
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .margincontrol {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-right: 15px;
    padding-left: 15px;
    padding-bottom: unset;
    width: 96%;
  }
}

.footer .margincontrol .block-block-hours {
  margin-top: -3px;
  background: unset;
}

.footer .margincontrol .block-block-hours .left {
  padding-right: 75px;
}

.footer .margincontrol .block-block-hours .contact {
  padding-top: 0;
  padding-bottom: unset;
  background: none !important;
  padding-left: unset;
}

.footer .margincontrol .block-block-hours .contact .margincontrol {
  background: unset;
  padding-left: 10px;
  width: 100%;
  max-width: 934px;
}

@media (min-width: 0px) and (max-width: 950px) {
  .footer .margincontrol .block-block-hours .contact {
    padding-left: 1%;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .margincontrol .block-block-hours {
    -ms-flex-order: 3;
        order: 3;
    background: unset;
    padding-bottom: unset;
    margin-top: unset;
  }
  .footer .margincontrol .block-block-hours .subfooter-hours, .footer .margincontrol .block-block-hours .contact {
    background: unset;
    padding-left: unset;
  }
  .footer .margincontrol .block-block-hours h4 {
    font-size: 2rem;
  }
  .footer .margincontrol .block-block-hours .regular-hours {
    font-size: 1.8rem;
  }
  .footer .margincontrol .block-block-hours .summer-hours, .footer .margincontrol .block-block-hours .cafe-hours {
    display: none;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .margincontrol [id*='block-menu-block'] {
    -ms-flex-order: 4;
        order: 4;
    -ms-flex-item-align: end;
        align-self: flex-end;
    width: 100%;
  }
}

.footer .alpha {
  float: left;
  width: 100%;
  max-width: 715px;
  font-size: 13px;
}

.footer .beta {
  float: left;
  width: 210px;
  text-align: right;
}

/* Footer Newsletter Form */
.footer .block-constant-contact {
  background: url(../img/diag.png);
  width: 73%;
  max-width: 600px;
  margin-top: 10px;
  float: left;
  height: 175px;
  padding-left: 40px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-constant-contact {
    width: 100%;
    padding-left: unset;
    max-width: unset;
    margin-bottom: 20px;
    -ms-flex-order: 1;
        order: 1;
    padding-top: 90px;
    background: unset;
    margin-top: -55px;
    padding-left: unset;
    height: unset;
  }
}

.footer .block-constant-contact h2 {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 10px;
  text-transform: uppercase;
  padding-top: 40px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-constant-contact h2 {
    width: 100%;
    text-align: center;
    padding-top: 0px;
    font-size: 2rem;
  }
}

.footer .block-constant-contact label {
  display: none;
}

.footer .block-constant-contact .form-item {
  margin: 0;
}

.footer .block-constant-contact input {
  border: 0;
  height: 35px;
  font-family: 'futura-pt', sans-serif;
  padding: 0 10px;
  float: left;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-constant-contact input {
    height: 60px;
    padding: 0 0 0 10px;
  }
}

.footer .block-constant-contact input.form-text {
  color: #959595;
  background: #343434;
  font-size: 16px;
  width: 75% !important;
  max-width: 500px;
  font-weight: 300;
  outline: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-constant-contact input.form-text {
    width: 99% !important;
    max-width: 100%;
  }
}

@media only screen and (max-width: 30em 55.5em) and (min-width: 0em) {
  .footer .block-constant-contact input.form-text {
    width: 94%;
  }
}

.footer .block-constant-contact input.form-text:active {
  outline: none;
}

.footer .block-constant-contact input.form-submit {
  color: #FFF;
  background: #f3493d;
  font-size: 14px;
  text-align: center;
  width: 100px;
  font-weight: 700;
  text-transform: uppercase;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-constant-contact input.form-submit {
    width: 99%;
    font-size: 2.3rem;
    letter-spacing: .2rem;
  }
}

.footer .block-constant-contact .ctct-form-errorMessage {
  color: #c00;
}

/* Footer social */
.footer .block-block-social {
  display: none;
}

@media (min-width: 0px) and (max-width: 950px) {
  .footer .block-block-social {
    display: block;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-block-social {
    display: block;
    -ms-flex-order: 2;
        order: 2;
    margin-bottom: 40px;
  }
}

.footer .block-block-social .socialnav ul {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-pack: center;
      justify-content: center;
}

@media (min-width: 0px) and (max-width: 950px) {
  .footer .block-block-social .socialnav ul {
    width: 100%;
    margin: auto;
  }
}

.footer .block-block-social .socialnav li {
  -ms-flex: 1 1 20%;
      flex: 1 1 20%;
  height: 85px;
  margin-left: 20px;
  margin-right: 20px;
  max-height: 60px;
}

.footer .block-block-social .socialnav a {
  display: block;
  text-indent: -9999px;
  background: none;
}

.footer .block-block-social .socialnav .socialStyles, .footer .block-block-social .socialnav .social1, .footer .block-block-social .socialnav .social2, .footer .block-block-social .socialnav .social3, .footer .block-block-social .socialnav .social4 {
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  height: 100%;
  background-color: unset;
}

.footer .block-block-social .socialnav .social1 {
  background-image: url(../img/social-media-facebook-icon-white.svg);
  padding-right: 20px;
}

.footer .block-block-social .socialnav .social2 {
  background-image: url(../img/social-media-twitter-icon-white.svg);
}

.footer .block-block-social .socialnav .social3 {
  background-image: url(../img/social-media-youtube-icon-white.svg);
}

.footer .block-block-social .socialnav .social4 {
  background-image: url(../img/social-media-instagram-icon-white.svg);
}

/* Footer Menu */
.footer .block-menu-block {
  font-size: 16px;
  margin-top: 10px;
  width: 140px;
  float: right;
  margin-bottom: 50px;
  padding-right: 10px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-menu-block {
    font-size: 22px;
    padding-right: unset;
  }
}

.footer .block-menu-block .menu-name-menu-footer ul {
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  text-align: right;
}

.footer .block-menu-block .menu-name-menu-footer li {
  padding: 4px 0;
}

.footer .block-menu-block .menu-name-menu-footer li.leaf {
  list-style: none;
}

.footer .block-menu-block .menu-name-menu-footer li.square {
  list-style: none;
}

.footer .block-menu-block .menu-name-menu-footer a {
  background: none;
  color: inherit;
  padding: 0;
}

.footer .block-menu-block .menu-name-menu-footer a:hover {
  color: #959595;
}

/* Footer Copyright */
.footer .block-copyright-block {
  margin: 0;
  margin-top: 40px;
  font-size: 13px;
  text-transform: uppercase;
  margin-left: 0;
  margin-bottom: 50px;
  position: absolute;
  bottom: 0;
  text-align: center;
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .footer .block-copyright-block {
    -ms-flex-order: 5;
        order: 5;
    margin: unset;
    text-align: left;
    font-size: 0.8em;
    width: 92%;
  }
}

@media (min-width: 0px) and (max-width: 950px) {
  .footer .block-copyright-block {
    margin-bottom: 0 !important;
    bottom: -30px !important;
  }
}

.footer .block-copyright-block ul {
  text-transform: none;
}

/*
 * Page bottom
 */
@media (min-width: 0em) and (max-width: 55.5em) {
  .page-explore-centennial-commemoration .article h1 {
    font-size: 32px;
  }
}

.page-explore-centennial-commemoration .view-footer {
  display: none;
}

.page-explore-centennial-commemoration footer .contact {
  float: left;
  width: 100%;
}

/**
 * @file
 * Page Styling
 *
 * Style the markup found in page.tpl.php. Also includes some styling of
 * miscellaneous Drupal elements that appear in the $content variable, such as
 * ul.links, .pager, .more-link, etc.
 */
/*======= Body =======*/
html, button, input, select, textarea {
  color: #222;
}

* {
  box-sizing: border-box;
}

body {
  font-size: 1em;
  line-height: 1.4;
  overflow-x: hidden;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  body {
    font-size: 18px;
  }
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

/*======= Page Defaults =======*/
body {
  margin: 0;
  padding: 0;
  color: #464646;
  font-family: 'chaparral-pro', Georgia, serif;
  background: #252525 url(../img/diag.png);
}

.page {
  max-width: 1265px;
  position: relative;
  background: #ECECEC;
  margin: 0 auto;
}

.page a {
  background-color: #b4d3e9;
  padding: 0 2px;
  color: inherit;
  text-decoration: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  @supports (-ms-ime-align: auto) {
    .page a {
      background-color: unset;
    }
  }
}

.page a:hover {
  background-color: #46a2e2;
  color: #2a2a2a;
}

.page a.media-link {
  padding: 0 !important;
}

.page img {
  max-width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .page img {
    height: unset !important;
  }
}

/* Contextual Overrides */
.page .contextual-links-wrapper a {
  background-color: transparent;
  font-family: "Arial";
}

.page .contextual-links-wrapper a:hover {
  background-color: #FFF;
}

.page .contextual-links-wrapper li a {
  background-color: transparent;
}

.page .contextual-links-wrapper li a:hover {
  background-color: #CCC;
}

.page nav ul {
  margin: 0;
  padding: 0;
}

.page h1, .page h2, .page h3, .page h4, .page h5 {
  margin: 0;
}

.page h1 p, .page h2 p, .page h3 p, .page h4 p, .page h5 p {
  margin: 0;
}

.page h1, .page h2, .page h3 {
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
}

.page h1, .page h2 {
  letter-spacing: 0.05em;
}

.page h1 {
  font-size: 44px;
  font-weight: 400;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .page h1 {
    font-size: 34px !important;
  }
}

.page p {
  margin: 0 0 1em;
}

.margincontrol {
  width: 954px;
  margin: 0 auto;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .margincontrol {
    width: 100%;
  }
}

/*======= Layout Control =======*/
.page img {
  max-width: 100%;
}

.margincontrol {
  width: 954px;
  margin: 0 auto;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .margincontrol {
    width: 100%;
  }
}

.masthead {
  background: #363636;
  padding: 140px 0 20px;
  color: #FFF;
}

/*======= Skip Link =======*/
#skip-link {
  margin: 0;
}

#skip-link a, #skip-link a:visited {
  display: block;
  width: 100%;
  padding: 2px 0 3px 0;
  text-align: center;
  background-color: #666;
  color: #fff;
}

/*======= Article Section =======*/
.article {
  position: relative;
  z-index: 100;
}

.article .margincontrol {
  padding-bottom: 60px;
  padding-right: 20px;
  padding-left: 20px;
}

.article h1, .article h2, .article h3 {
  color: #16175a;
  line-height: 1;
}

.drawer .article h2 {
  font-size: 44px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .drawer .article h2 {
    font-size: 30px !important;
  }
}

.article h2 {
  font-size: 32px;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .article h2 {
    font-size: 28px !important;
  }
}

.drawer .article h3 {
  font-size: 32px;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .drawer .article h3 {
    font-size: 28px !important;
  }
}

.article h1 + h2 {
  color: #464646;
  font-weight: 300;
  text-transform: none;
}

.drawer .article h2 + h3 {
  color: #464646;
  font-weight: 300;
  text-transform: none;
}

.article h2.lower {
  color: #464646;
  font-weight: 300;
  text-transform: none;
}

.article h2.burple {
  color: #16175a;
  font-size: 32px;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
  text-transform: uppercase;
}

.article h3 {
  font-weight: 800;
  text-transform: uppercase;
  font-size: 14px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .article h3 {
    font-size: 1.17em;
  }
}

.article .field-items h3 {
  padding-bottom: 5px;
}

.article h1 + p {
  margin-top: 40px;
}

.article h5 {
  color: #f3493d;
  font-size: 14px;
  font-weight: normal;
  margin: 0.4em 0 1.4em;
}

.article blockquote {
  border-left: 12px solid #16175a;
  padding: 0 0 0 25px;
  margin: 0 0 1em;
  text-indent: -9px;
  font-size: 24px;
}

.article blockquote b {
  color: #f3493d;
  font-size: 14px;
  font-weight: normal;
  margin: 0.4em 0 1.4em;
}

.article blockquote strong {
  color: #f3493d;
  font-size: 14px;
  font-weight: normal;
  margin: 0.4em 0 1.4em;
}

.article blockquote h5, .article blockquote h5 em {
  font-size: 16px !important;
}

.article .halves {
  -moz-column-count: 2;
  -moz-column-gap: 30px;
  -webkit-column-count: 2;
  -webkit-column-gap: 30px;
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
  -webkit-column-gap: 30px;
     -moz-column-gap: 30px;
          column-gap: 30px;
}

.article .beta {
  float: left;
  width: 31.225%;
}

.article a:link, .article a:visited {
  background-color: #c7dcea;
  color: #16175a;
}

.article a:hover, .article a:active {
  background-color: #16175a;
  color: white;
}

/* New List Styles */
.article .field .field-items ul {
  list-style: none;
  padding: 0;
  padding-left: 10px;
}

.article .field .field-items ul li {
  padding-left: 10px;
  background: url(../img/list-style.png) 0 8px no-repeat;
  padding-bottom: 2px;
}

/* Breadcrumb */
.page .breadcrumb {
  color: #CCC;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0 10px;
}

.page .breadcrumb span {
  color: #959595;
}

.page .breadcrumb a {
  color: #1091e8;
  background: none;
}

.page .breadcrumb a.grey {
  color: #CCC !important;
  background: none;
  cursor: text;
}

.page .greyoverride .breadcrumb a:first-child {
  color: #CCC;
  background: none;
  cursor: text;
}

.node.node-page .page .breadcrumb {
  padding-top: 10px;
}

/* Table Styles */
.page table {
  width: 100% !important;
  font-family: 'futura-pt', sans-serif;
  border-color: #ECECEC;
}

.page table thead {
  border-color: #ECECEC;
}

.page table thead th {
  border-color: #ECECEC;
  border-color: #ECECEC;
  color: #16175a;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #d4d4d4;
}

.page table tr {
  border-color: #ECECEC;
}

.page table td {
  border-color: #ECECEC;
  vertical-align: top;
  color: #302f2f;
  font-size: 14px;
  font-weight: 400;
  padding: 15px;
}

/* Table Styles - Even col */
.page table.evencol {
  margin-bottom: 20px;
  width: 100%;
  border-color: #ECECEC;
  border: none;
  font-weight: 300;
  font-family: 'chaparral-pro', Georgia, serif;
}

.page table.evencol thead {
  border-color: #ECECEC;
  border: none;
}

.page table.evencol thead th {
  border-color: #ECECEC;
  border-color: #ECECEC;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #d4d4d4;
  border: none;
}

.page table.evencol tbody {
  border: none;
}

.page table.evencol tr {
  border-color: #ECECEC;
  border: none;
}

.page table.evencol td {
  width: 50%;
  border-color: #ECECEC;
  vertical-align: top;
  color: #302f2f;
  font-size: 1em;
  font-weight: 300;
  padding: 1px 0;
  border: none;
}

.page table.evencol td:first-child {
  width: 70%;
}

.page table.evencol td p {
  margin: 0;
}

.page table.evencol.margin {
  margin-left: .5in;
}

/* Tre column Table */
.page table.triplecol {
  margin-bottom: 20px;
  width: 100%;
  border-color: #ECECEC;
  border: none;
  font-weight: 300;
  font-family: 'chaparral-pro', Georgia, serif;
}

.page table.triplecol thead {
  border-color: #ECECEC;
  border: none;
}

.page table.triplecol thead th {
  border-color: #ECECEC;
  border-color: #ECECEC;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #d4d4d4;
  border: none;
}

.page table.triplecol tbody {
  border: none;
}

.page table.triplecol tr {
  border-color: #ECECEC;
  border: none;
}

.page table.triplecol td {
  width: 33.33%;
  border-color: #ECECEC;
  vertical-align: top;
  color: #302f2f;
  font-size: 1em;
  font-weight: 300;
  padding: 1px 0;
  border: none;
}

.page table.triplecol td p {
  margin: 0;
}

/* Table Styles - Half col */
.page table.halfcol {
  margin-bottom: 20px;
  width: 100%;
  border-color: #ECECEC;
  border: none;
  font-weight: 300;
  font-family: 'chaparral-pro', Georgia, serif;
}

.page table.halfcol thead {
  border-color: #ECECEC;
  border: none;
}

.page table.halfcol thead th {
  border-color: #ECECEC;
  border-color: #ECECEC;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #d4d4d4;
  border: none;
}

.page table.halfcol tbody {
  border: none;
}

.page table.halfcol tr {
  border-color: #ECECEC;
  border: none;
}

.page table.halfcol td {
  width: 50%;
  border-color: #ECECEC;
  vertical-align: top;
  color: #302f2f;
  font-size: 1em;
  font-weight: 300;
  padding: 1px 0;
  border: none;
}

.page table.halfcol td p {
  margin: 0;
}

.page table.halfcol.margin {
  margin-left: .5in;
}

/* Table Styles - onethird col */
.page table.onethird {
  margin-bottom: 20px;
  width: 100%;
  border-color: #ECECEC;
  border: none;
  font-weight: 300;
  font-family: 'chaparral-pro', Georgia, serif;
}

.page table.onethird thead {
  border-color: #ECECEC;
  border: none;
}

.page table.onethird thead th {
  border-color: #ECECEC;
  border-color: #ECECEC;
  text-transform: uppercase;
  text-align: center;
  font-weight: 700;
  padding: 10px;
  border-bottom: 1px solid #d4d4d4;
  border: none;
}

.page table.onethird tbody {
  border: none;
}

.page table.onethird tr {
  border-color: #ECECEC;
  border: none;
}

.page table.onethird td {
  width: 65%;
  border-color: #ECECEC;
  vertical-align: top;
  color: #302f2f;
  font-size: 1em;
  font-weight: 300;
  padding: 1px 0;
  padding-bottom: 20px;
  border: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .page table.onethird td {
    padding-right: 10px;
  }
}

.page table.onethird td:first-child {
  width: 35%;
}

.page table.onethird td p {
  margin: 0;
}

.page table.onethird.margin {
  margin-left: .5in;
}

/* Margin right media teaser */
.media-element .file-teaser {
  margin-right: 20px;
}

/* One-Column Article Section */
.onecol .article {
  padding-top: 60px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .onecol .article {
    padding-top: 30px;
  }
}

.nohero .onecol .article {
  padding: 140px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .nohero .onecol .article {
    padding-left: unset;
    margin-top: 0px;
  }
}

.onecol .view .view-content .node {
  padding-top: 140px;
  min-height: 610px;
}

.page-views .view {
  padding-top: 140px;
  min-height: 610px;
}

.onecol .main .node {
  padding-top: 140px;
  min-height: 610px;
}

.onecol .main .node.heroexists {
  padding-top: 30px;
}

.onecol .main .node.node-page {
  padding-top: 0;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .onecol .main .exhibitions.gallery {
    padding-top: 140px;
  }
}

.onecol .article .halves {
  padding-top: 20px;
  -moz-column-gap: 60px;
  -webkit-column-gap: 60px;
  column-gap: 60px;
  margin-bottom: 30px;
}

.onecol .article .hr + .halves {
  padding-top: 0;
}

.onecol .margincontrol {
  max-width: 914px;
  width: 100%;
  padding-right: 20px;
  padding-left: 20px;
}

.onecol img.feature {
  max-width: 1060px;
  width: 100%;
  margin: 20px -73px;
}

.onecol .slider.content {
  max-width: 960px;
  width: 100%;
  margin: 30px -23px 0;
}

.onecol .slider.content, .onecol .slider.content .module {
  height: 540px;
  margin-bottom: 40px;
}

.onecol .slider.content p {
  left: 23px;
  bottom: 0;
}

/* Two-Column Article Section */
.twocol .main {
  background: url(../img/diag_lite.png);
}

.twocol .article {
  width: 68.775%;
  padding: 140px 0 0 12px;
  float: left;
  background: #ECECEC;
  min-height: 837px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .twocol .article {
    width: 100%;
  }
}

.twocol .view .view-content .node {
  padding-top: 140px;
  min-height: 610px;
}

.twocol .article .margincontrol {
  width: 93%;
  max-width: 692px;
  padding-left: 10px !important;
  margin: auto;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .twocol .article .margincontrol {
    padding: 0 0 60px 0;
    margin-left: 0px;
    width: 100%;
  }
}

.front .twocol .article {
  min-height: inherit;
}

/* Hero Two Column Override */
.hero .twocol .article {
  margin-top: -100px;
  padding-top: 30px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .hero .twocol .article {
    width: 100%;
    padding-right: 20px;
  }
}

/* Social Bar */
.bar {
  clear: both;
  background: #F4F4F4;
}

.bar .margincontrol {
  padding-top: 40px;
  padding-bottom: 40px;
}

.addthis_toolbox {
  margin-top: 8px;
}

.addthis_toolbox a, #at20mc a {
  background-color: transparent;
  padding: 0;
}

.addthis_toolbox a:hover, #at20mc a:hover {
  background-color: transparent;
}

.twocol .bar {
  width: 68.775%;
}

.twocol .bar .margincontrol {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  max-width: 635px;
  float: right;
  padding: 0 60px 60px 0;
}

/*====== Side Bar Section =======*/
.sidebars {
  width: 31.225%;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .sidebars {
    display: none;
  }
}

/* Side Bar Spacer */
.sidebars .spacer {
  height: 150px;
  background: #302f2f;
}

/* Slider Module */
.sidebars .sidebarslideshow {
  height: 168px;
  position: relative;
  font-size: 16px;
  padding: 0;
  text-transform: uppercase;
  font-family: 'futura-pt', sans-serif;
}

.sidebars .sidebarslideshow ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.sidebars .sidebarslideshow li {
  position: relative;
  width: 100%;
  height: 168px;
  padding: 0;
  margin: 0;
  float: left;
}

.sidebars .sidebarslideshow img {
  position: absolute;
  top: 0;
  left: 0;
  height: 168px;
}

.sidebars .sidebarslideshow a {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  line-height: 1.2;
  background: none;
  color: #FFF;
}

.sidebars .sidebarslideshow a:hover {
  color: #FFF;
  background-color: rgba(255, 255, 255, 0.3);
}

.sidebars .sidebarslideshow a span {
  position: absolute;
  bottom: 0;
  background: #f3493d;
  background: rgba(252, 70, 57, 0.9);
  padding: 3px 10px 6px;
  display: inline-block;
  font-weight: 300;
  max-width: 395px;
}

.sidebars .sidebarslideshow a span:first-line {
  font-size: 10px;
  font-weight: 700;
}

.sidebars .sidebarslideshow .prev, .sidebars .sidebarslideshow .next {
  width: 21px;
  height: 29px;
  margin-top: -14px;
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 42px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/btn_sprite.png) no-repeat;
  padding: 0;
}

.sidebars .sidebarslideshow .prev {
  background-position: 100% 0;
  width: 21px;
  height: 29px;
  margin-top: -14px;
}

.sidebars .sidebarslideshow .next {
  background-position: 100% -60px;
  width: 21px;
  height: 29px;
  margin-top: -14px;
  left: auto;
  right: 0;
}

/* Hero Override */
.hero .sidebars .spacer {
  display: none;
}

@media (min-width: 957px) and (max-width: 1168px) {
  .hero .sidebars {
    top: 400px;
  }
}

@media (min-width: 769px) and (max-width: 956px) {
  .hero .sidebars {
    top: 350px;
  }
}

@media (min-width: 1169px) {
  .hero .sidebars {
    top: 490px;
  }
}

.hero .sidebars .subnav {
  padding-top: 20px;
}

.hero .sidebars .contextual-links-wrapper {
  top: 5px;
}

/*====== Home Page Section =======*/
.homepage .view-content {
  margin-top: 0;
}

.homepage .node-page {
  display: none;
}

/*====== Events Page Section =======*/
@media (min-width: 0em) and (max-width: 55.5em) {
  .upcoming-events .chzn-drop {
    width: 100% !important;
  }
}

.upcoming-events article {
  padding-top: 0;
}

.upcoming-events .article {
  padding-top: 0;
}

.upcoming-events .main .column > .node-page {
  display: none;
}

.upcoming-events .main .column .block .node {
  padding-top: 0;
  min-height: inherit;
}

.upcoming-events .main .column {
  padding-top: 140px;
  min-height: 550px;
}

.upcoming-events .main .column > .node {
  padding-top: 0;
  min-height: inherit;
}

/*====== Exhibits Page Section =======*/
/* Exhibits landing page (Not overview) */
.exhibitions.gallery {
  min-height: inherit !important;
}

.exhibitions .article {
  padding: 20px 0 !important;
}

.masthead.exhibitions {
  background-image: url("../img/exhibits.jpg");
}

@media (min-width: 0) and (max-width: 767px) {
  .masthead.exhibitions {
    padding-bottom: unset;
  }
  .masthead.exhibitions .margincontrol {
    padding: unset;
    width: 100%;
  }
  .masthead.exhibitions .breadcrumb, .masthead.exhibitions h1 {
    display: none;
  }
}

.masthead.exhibitions .breadcrumb a {
  color: #00b0ed;
}

.masthead.exhibitions .tabs {
  color: #FFF;
  margin: 30px 0 -20px;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  height: 50px;
  font-family: "futura-pt", sans-serif;
  font-weight: 300;
  overflow: hidden;
}

@media (min-width: 0) and (max-width: 767px) {
  .masthead.exhibitions .tabs {
    margin: unset;
    margin-top: -20px;
    overflow: visible;
    height: auto;
  }
}

.masthead.exhibitions .tabs li {
  float: left;
  width: 25%;
  max-width: 225px;
  margin: 0 0 20px 0;
}

@media (min-width: 0) and (max-width: 767px) {
  .masthead.exhibitions .tabs li {
    width: 100%;
    max-width: unset;
    margin: unset;
    float: unset;
  }
}

.masthead.exhibitions .tabs a {
  display: block;
  padding: 15px 20px;
  background: none;
  cursor: pointer;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .masthead.exhibitions .tabs a {
    font-size: 1.5rem;
    line-height: 1;
    padding: 20px 0;
    text-align: left;
    padding-left: 2rem;
    background-color: #585858;
  }
}

@media (min-width: 768px) and (max-width: 810px) {
  .masthead.exhibitions .tabs a {
    font-size: 0.9rem;
  }
}

.masthead.exhibitions .tabs a:hover {
  color: #CCC;
}

.masthead.exhibitions .tabs .active {
  color: #FFF;
  background: #f3493d;
}

.masthead.exhibitions .tabs .active:hover {
  color: #FFF;
}

.masthead.exhibitions .tabs .tab4 {
  background: #4a4a4a;
  background: rgba(255, 255, 255, 0.1);
}

.masthead.exhibitions .tabs .tab3 {
  background: #5e5e5e;
  background: rgba(255, 255, 255, 0.2);
}

.masthead.exhibitions .tabs .tab2 {
  background: #737373;
  background: rgba(255, 255, 255, 0.3);
}

.masthead.exhibitions .tabs .tab1 {
  background: #868686;
  background: rgba(255, 255, 255, 0.4);
}

.exhibitions.gallery {
  display: block;
  min-height: inherit;
}

.exhibitions.gallery > div {
  padding: 0;
  padding-top: 40px;
  margin: auto;
}

.exhibitions.gallery .article {
  width: 100%;
}

.exhibitions.gallery .article .alpha .margincontrol {
  width: 100%;
  max-width: 893px;
  margin: auto;
}

.exhibitions.gallery > div > .margincontrol {
  padding-bottom: 0;
}

/* Listings */
.exhibitions .view-content {
  margin-top: 35px;
}

.view-content .exhibitrows {
  display: table;
  width: 100%;
  max-width: 914px;
  table-layout: fixed;
}

.view-content .exhibitrows {
  margin-bottom: 40px;
  /*background:url(../img/diag_lite.png);*/
}

.view-content .exhibitrows .bigrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .bigrow {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: auto;
  }
}

.view-content .exhibitrows .bigrow > div {
  float: left;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .bigrow > div {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 95%;
  }
}

.view-content .exhibitrows .pod {
  background: #ECECEC;
  display: table-cell;
  text-align: left;
  position: relative;
}

.view-content .exhibitrows .pod, .view-content .exhibitrows .row {
  background: none;
}

.view-content .exhibitrows .pod img {
  max-width: none;
}

.view-content .exhibitrows .blank {
  background: none;
}

.view-content .exhibitrows .half {
  width: 100%;
  padding-right: 30px;
  padding-bottom: 25px;
  position: relative;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .half {
    max-width: 100%;
    padding-right: 0;
  }
}

.view-content .exhibitrows .half img {
  margin: 0 -30px 20px 0;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .half img {
    max-width: unset;
    width: 100%;
  }
}

.view-content .exhibitrows .third {
  width: 284px;
  padding-right: 36px;
}

.view-content .exhibitrows .third img {
  margin: 0 -8px 20px -8px;
  width: 300px;
}

.view-content .exhibitrows .pod h2 {
  color: #16175a;
  font-weight: 400;
  line-height: 1.2;
  margin: 0.5em 0;
  text-transform: none;
  font-size: 26px;
  letter-spacing: 0;
  margin-top: 0;
}

.view-content .exhibitrows .pod .btn {
  padding: 10px 20px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .pod .btn {
    width: 100%;
    display: block;
    text-align: center;
  }
}

.view-content .exhibitrows .pod .btn:after {
  content: ' \203A';
  font-size: 24px;
  font-weight: 400;
}

.view-content .exhibitrows .imagelink {
  background: none;
  padding: 0;
}

.view-content .exhibitrows .pod .field-name-body {
  padding-bottom: 10px;
}

.view-content .exhibitrows .caption {
  position: relative;
  height: 20px;
  font-size: 14px;
  line-height: 20px;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  padding: 2px 10px;
  margin: -44px 0 20px;
  color: #FFF;
}

.view-content .exhibitrows .captionlink {
  padding: 0;
}

/* Pager Override */
.exhibitions .item-list .pager {
  position: relative;
}

.exhibitions .item-list .pager .pager-previous {
  left: 0;
  position: absolute;
}

.exhibitions .item-list .pager .pager-next {
  right: 0;
  position: absolute;
}

/* Exhibits content type */
.node-exhibit .article {
  padding-top: 0 !important;
}

.node-exhibit .slider {
  height: 530px;
  overflow: hidden;
  position: relative;
}

.node-exhibit .slideshow {
  z-index: 1;
  width: 100% !important;
  color: #FFF;
}

.node-exhibit .slideshow .module {
  background-position: 50% 0;
  height: 530px;
  width: 100% !important;
}

.node-exhibit .slider .dots {
  background: url(../img/dots.png) repeat-x 0 470px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.node-exhibit .slider .stripes {
  background: url(../img/diag.png);
  position: absolute;
  right: 0;
  top: 380px;
  width: 100%;
  max-width: 740px;
  height: 200px;
}

.node-exhibit .slider .margincontrol {
  position: relative;
  height: 530px;
}

.node-exhibit .slider h1, .slider h2 {
  background: #f3493d;
  background: rgba(243, 73, 61, 0.9);
  font-weight: 300;
  bottom: 87px;
  font-size: 40px;
  left: 0;
  text-align: center;
  letter-spacing: 0;
}

.node-exhibit .slider h1 {
  font-size: 110px;
  line-height: 110px;
}

.node-exhibit .slider h1 strong {
  font-weight: 700;
}

.node-exhibit .slider h1, .slider h2, .slider h3 {
  float: left;
  position: absolute;
  padding: 2px 10px;
  right: 0;
  font-weight: 300;
}

.node-exhibit .slider h3 {
  bottom: 55px;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  font-weight: 300;
  font-size: 14px;
  line-height: 28px;
}

.node-exhibit .slider h3 span {
  background: #16175a;
  padding: 2px 10px;
  display: inline-block;
  margin: -2px 10px -2px -10px;
  font-weight: 700;
}

.node-exhibit .slider p {
  position: absolute;
  bottom: 40px;
  left: 0;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  padding: 2px 10px;
  margin: 0;
}

.node-exhibit .slider {
  list-style: none;
  padding: 0;
  left: 0 !important;
  max-height: 540px;
  height: auto !important;
}

.node-exhibit .slider.content {
  width: 100%;
  max-width: 960px;
  margin: 30px -23px 0;
  overflow: hidden;
}

.node-exhibit .slider.content {
  height: 540px;
  margin-bottom: 40px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .node-exhibit .slider.content {
    margin: auto;
    margin-top: 40px;
  }
}

.node-exhibit .slider.content p {
  position: absolute;
  left: 23px;
  bottom: 0;
  color: #FFF;
  max-width: 860px;
  word-wrap: break-word;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .node-exhibit .slider.content p {
    text-align: center;
    font-size: 1.2rem;
    left: unset;
    width: 100%;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .node-exhibit .slider .content {
    left: unset;
  }
}

.node-exhibit .slide {
  position: relative;
  float: left;
  height: 540px;
  width: 100%;
  max-width: 960px;
  text-align: center;
  background: #FFF;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .node-exhibit .slide {
    background: unset;
  }
  .node-exhibit .slide img {
    width: 100%;
  }
}

.node-exhibit .slide img {
  -o-object-fit: scale-down;
     object-fit: scale-down;
}

.node-exhibit .slide li {
  -ms-flex-line-pack: center;
      align-content: center;
}

.node-exhibit .caroufredsel_wrapper {
  width: 100% !important;
  max-width: 960px;
  margin: auto !important;
}

.node-exhibit .caroufredsel_wrapper ul {
  left: unset !important;
  width: 100% !important;
  -ms-flex-line-pack: center;
      align-content: center;
}

.node-exhibit .caroufredsel_wrapper .prev, .node-exhibit .caroufredsel_wrapper .next {
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 42px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/btn_sprite.png) no-repeat;
  padding: 0;
}

.node-exhibit .caroufredsel_wrapper .prev {
  left: 0;
}

.node-exhibit .caroufredsel_wrapper .next {
  right: 0;
  background-position: 0 -60px;
}

/*====== User Login Section =======*/
#user-login {
  padding-top: 140px;
  padding-left: 50px;
}

#user-pass {
  padding-top: 140px;
  padding-left: 50px;
}

.main > .content > .profile {
  padding-top: 140px;
  margin: 0;
}

.main .compose-tips {
  padding-top: 140px;
}

/*====== Site Search Section =======*/
.section-search .masthead {
  margin-bottom: 50px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-search .masthead {
    padding-bottom: 40px;
    padding-right: 15px;
  }
}

.section-search .main .masthead .margincontrol .search-form {
  display: block;
}

.section-search .main .masthead .margincontrol .search-form {
  border-bottom: 1px solid #5e5e5e;
  padding-bottom: 10px;
  height: 44px;
}

.section-search .main .masthead .margincontrol .search-form label {
  float: left;
  color: #FFF;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 16px;
  line-height: 49px;
  padding: 0 10px;
  padding-right: 20px;
  font-size: 24px;
  color: #FFF;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.section-search .main .masthead .margincontrol .search-form input {
  border: none;
  padding: 0;
}

.section-search .main .masthead .margincontrol .search-form .form-text {
  outline: none;
  float: left;
  background: transparent;
  font-size: 36px;
  font-weight: 400;
  height: 48px;
  width: 100%;
  max-width: 700px;
  color: #959595;
  font-family: 'futura-pt', sans-serif;
}

@media (min-width: 55.5em) {
  .section-search .main .masthead .margincontrol .search-form .form-text {
    width: 60%;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-search .main .masthead .margincontrol .search-form .form-text {
    width: 70%;
  }
}

.section-search .main .masthead .margincontrol .search-form .form-submit {
  float: right;
  background: #fa564a;
  color: #FFF;
  height: auto;
  font-size: 18px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  overflow: hidden;
  padding: 5px 10px;
  position: relative;
  top: 12px;
  text-transform: uppercase;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-search .main .masthead .margincontrol .search-form .form-submit {
    width: 100%;
  }
}

.section-search .main {
  padding-bottom: 50px;
  min-height: 500px;
}

.section-search .main h1 {
  color: #16175a;
}

.section-search .main .margincontrol .search-form {
  display: none;
}

.section-search .margincontrol .searchhead {
  font-size: 30px;
  font-weight: 300;
  font-family: 'futura-pt', sans-serif;
  border-bottom: 1px solid #CCC;
  padding-bottom: 30px;
}

.section-search .margincontrol .searchhead span {
  color: #f3493d;
  font-style: italic;
}

.section-search .search-result {
  padding-left: 120px !important;
  position: relative;
  padding: 20px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-search .search-result {
    padding-left: 70px !important;
  }
}

.section-search .search-result.noresults {
  padding-left: 0 !important;
}

.section-search .search-result:nth-child(2n+2) {
  background: #e6e6e6;
}

.section-search .search-result h3 a {
  background: transparent;
  color: #16175a;
  font-size: 24px;
  line-height: 24px;
}

.section-search .search-result h3 a:hover {
  color: #f3493d;
}

.section-search .search-result h3 a:after {
  content: '\00A0\203A';
  font-size: 36px;
  font-weight: 300;
}

.section-search .search-results .search-result .search-snippet-info .search-url a {
  font-style: normal;
  color: #464646;
}

.section-search .search-results .search-result .search-snippet-info .search-url a:hover {
  /*color: #FFF; */
}

.section-search .google-search-results {
  margin-bottom: 50px;
}

.section-search .search-result .resultnum {
  position: absolute;
  top: 17px;
  left: 20px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  color: #464646;
  font-size: 30px;
}

.section-search .search-results .search-result .search-search-url {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.section-search .search-results h2 {
  font-family: 'futura-pt', sans-serif;
  font-weight: 300;
  color: #464646;
  font-size: 30px;
}

.section-search .search-results h2 span {
  color: #f3493d;
  font-style: italic;
}

/*====== Site Pager Styles =======*/
/* Pagination */
.pagerbar {
  clear: both;
  background: #F4F4F4;
  padding-top: 20px;
}

.pager {
  width: 100%;
  max-width: 914px;
  margin: 0 auto !important;
  text-align: center;
  font-size: 30px;
  font-weight: 300;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
  padding-bottom: 20px !important;
}

.pager li {
  margin: 0 !important;
  padding: 0 1px !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .pager li {
    font-size: 2.5rem;
  }
}

.pager a {
  display: inline-block;
  margin: 0 2px;
  padding: 3px 11px;
  background: #EEE;
  border: 1px solid #E5E5E5;
  color: #16175a;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .pager a {
    background-color: #c7dcea;
    padding: 0 15px;
  }
}

.pager a:hover {
  background: transparent;
  color: #16175a;
}

.pager .pager-current {
  background: #16175a;
  border-color: #16175a;
  color: #FFF;
  font-weight: 400;
  padding: 3px 11px !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .pager .pager-current {
    padding: 3px 15px !important;
  }
}

.pager .pager-previous, .pager .pager-next {
  background: none;
  float: left;
  border: 0;
  position: relative;
  padding: 3px 0;
  text-align: left;
  max-width: 400px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .pager .pager-previous, .pager .pager-next {
    font-size: 0px;
  }
}

.pager .pager-previous a, .pager .pager-next a {
  background: transparent;
  border: none;
}

.pager .pager-next {
  float: right;
  text-align: right;
  left: -50px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .pager .pager-next {
    left: -20px;
  }
}

.pager .pager-previous a:before, .pager .pager-next a:after {
  position: absolute;
  font-size: 72px;
  line-height: 18px;
  top: 6px;
  color: #16175a;
  z-index: 1;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .pager .pager-previous a:before, .pager .pager-next a:after {
    font-size: 95px;
  }
}

.pager li.pager-last, .pager li.pager-first {
  display: none;
}

.pager .pager-next a {
  background: transparent;
  position: relative;
  z-index: 2;
}

.pager .pager-previous a {
  background: transparent;
  position: relative;
  z-index: 2;
}

/*====== Youtube Styles =======*/
.media-youtube-video {
  background-color: #252525;
}

.margincontrol .media-youtube-video {
  width: 100%;
  max-width: 1266px;
  text-align: center;
  padding: 10px;
}

.margincontrol .media-youtube-video iframe {
  width: 100%;
}

.video-box iframe {
  max-width: unset !important;
}

/*====== Interactive Image Page ========*/
.interactive-photo .onecol .main .node {
  padding-top: 140px !important;
}

.interactive-game .onecol .alpha .margincontrol {
  width: 100%;
}

.imagemap {
  padding-top: 0 !important;
}

.imagemap .instructions {
  line-height: 30px;
  color: #f3493d;
}

.imagemap .imagepoint {
  background: url(../img/interactive_image_sprite.png) no-repeat;
  height: 25px;
  width: 24px;
  display: inline-block;
}

.imagemap .instructions .imagepoint {
  margin-right: 5px;
}

.imagemap .interactivewrap {
  height: 600px;
  width: 100%;
  min-width: 825px;
  overflow: hidden;
  position: relative;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .imagemap .interactivewrap {
    min-width: unset;
    height: auto;
    margin-bottom: 20px;
  }
}

.imagemap .interactiveimage {
  width: 100%;
  max-width: 1058px;
  margin-left: -70px;
  position: relative;
  left: -70px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .imagemap .interactiveimage {
    left: unset;
    margin-left: unset;
  }
  .imagemap .interactiveimage img {
    width: 100%;
    height: auto;
  }
}

.imagemap .interactiveimage .imagepoint {
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}

.imagemap .interactiveimage .imagepoint:hover {
  background-position: 0 -28px;
}

.imagemap .interactiveimage .imagepoint .tooltip {
  position: relative;
  z-index: 2;
  bottom: 160px;
  left: 0;
  background: url(../img/interactive_tooltip.png) bottom left no-repeat;
  width: 372px;
  padding: 15px;
  padding-bottom: 20px;
  color: #FFF;
}

@breakpoint ($medium-down) {
  .imagemap .interactiveimage .imagepoint .tooltip {
    display: none;
  }
}

@supports (-ms-ime-align: auto) {
  .imagemap .interactiveimage .imagepoint .tooltip {
    display: none;
  }
}

.imagemap .interactiveimage .imagepoint.flip .tooltip {
  background-image: url(../img/interactive_tooltip_flip.png);
}

.imagemap .interactiveimage .imagepoint .tooltip h3 {
  color: #f3493d;
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 400;
  margin-bottom: 5px;
}

/* Map Points */
.imagemap .interactiveimage .imagepoint.one {
  top: 283px;
  left: 231px;
}

.imagemap .interactiveimage .imagepoint.one .tooltip {
  bottom: 145px;
  left: 10px;
}

.imagemap .interactiveimage .imagepoint.two {
  top: 420px;
  left: 530px;
}

.imagemap .interactiveimage .imagepoint.two .tooltip {
  bottom: 167px;
  left: 10px;
}

.imagemap .interactiveimage .imagepoint.three {
  top: 230px;
  left: 484px;
}

.imagemap .interactiveimage .imagepoint.three .tooltip {
  bottom: 190px;
  left: 10px;
}

.imagemap .interactiveimage .imagepoint.four {
  top: 490px;
  left: 198px;
}

.imagemap .interactiveimage .imagepoint.four .tooltip {
  bottom: 125px;
  left: 10px;
}

.imagemap .interactiveimage .imagepoint.five {
  top: 440px;
  left: 470px;
}

.imagemap .interactiveimage .imagepoint.five .tooltip {
  bottom: 125px;
  left: 10px;
}

.imagemap .interactiveimage .imagepoint.six {
  top: 187px;
  left: 678px;
}

.imagemap .interactiveimage .imagepoint.six .tooltip {
  bottom: 125px;
  left: -387px;
}

@media (min-width: 0em) and (max-width: 75em) {
  .imagemap .interactiveimage .imagepoint.six .tooltip {
    padding-left: 37px;
  }
}

.imagemap .interactiveimage .imagepoint.seven {
  top: 495px;
  left: 855px;
}

.imagemap .interactiveimage .imagepoint.seven .tooltip {
  bottom: 190px;
  left: -287px;
}

/*====== Overview Page ========*/
.node-type-overview-page .main {
  background: none;
}

.node-type-overview-page .sidebars {
  display: none;
}

.overviewpage {
  padding-top: 0 !important;
}

.overviewpage .field-name-body {
  margin-bottom: 40px;
}

/* Slider */
.overviewpage .overviewslider {
  margin-bottom: 30px;
}

.overviewpage .overviewslider ul {
  padding: 0;
  margin: 0;
}

.overviewpage .overviewslider li {
  list-style: none;
  position: relative;
  float: left;
  height: 540px;
  width: 100%;
  max-width: 960px;
}

.overviewpage .overviewslider li a {
  padding: 0;
}

.overviewpage .overviewslider li h2 {
  font-size: 30px;
  color: #FFF;
  right: auto;
  width: auto;
  text-align: left;
  margin-left: 60px;
  bottom: 50px;
  display: inline;
}

.overviewpage .overviewslider li h3 {
  font-size: 30px;
  color: #FFF;
  right: auto;
  width: auto;
  text-align: left;
  margin-left: 60px;
  bottom: 50px;
  display: inline;
  float: left;
  float: left;
  position: absolute;
  padding: 2px 10px;
  right: 0;
  font-weight: 300;
  bottom: 65px;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  font-weight: 300;
  font-size: 14px;
  line-height: 28px;
  position: relative;
  z-index: 2;
}

.overviewpage .overviewslider li h3 span {
  background: #16175a;
  padding: 2px 10px;
  display: inline-block;
  margin: -2px 10px -2px -10px;
  font-weight: 700;
}

.overviewpage .overviewslider li a + h2 {
  cursor: pointer;
}

.overviewpage .overviewslider li a + h2 + h3 {
  cursor: pointer;
}

.overviewpage .overviewslider .prev, .overviewpage .overviewslider .next {
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 42px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/btn_sprite.png) no-repeat;
  padding: 0;
}

.overviewpage .overviewslider .prev {
  left: 0;
}

.overviewpage .overviewslider .next {
  right: 0;
  background-position: 0 -60px;
}

.overviewpage .overviewslider li:hover h2 {
  background-color: #16175a;
}

.overviewpage .overviewslider li:hover h2 {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
}

/* Overview Listing */
.overviewpage .field-name-field-overview-text {
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 914px;
  -ms-flex-direction: row;
      flex-direction: row;
}

.overviewpage .field-name-field-overview-text {
  margin-bottom: 40px;
  /*background:url(../img/diag_lite.png);*/
  width: 100%;
}

.overviewpage .field-name-field-overview-text .bigrow {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .overviewpage .field-name-field-overview-text .bigrow {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: auto;
    margin-right: 18px;
  }
}

.view-content .exhibitrows .bigrow > div {
  float: left;
  width: 50%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .bigrow > div {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 95%;
  }
}

.overviewpage .field-name-field-overview-text .pod {
  background: #ECECEC;
  display: table-cell;
  text-align: left;
}

.overviewpage .field-name-field-overview-text .pod, .overviewpage .field-name-field-overview-text .row {
  background: none;
}

.overviewpage .field-name-field-overview-text .pod img {
  max-width: none;
}

.overviewpage .field-name-field-overview-text .blank {
  background: none;
}

.section-explore .article .margincontrol,
.node-overview-page .article .margincontrol {
  max-width: 954px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-explore .article .margincontrol .halves,
  .node-overview-page .article .margincontrol .halves {
    width: unset !important;
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.section-explore .article,
.node-overview-page .article {
  width: 68.775%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-explore .article,
  .node-overview-page .article {
    width: 97%;
  }
}

.section-explore .field-name-field-overview-text .half,
.overviewpage .field-name-field-overview-text .half {
  width: 100%;
  padding-right: 10px;
  padding-bottom: 25px;
  position: relative;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .section-explore .field-name-field-overview-text .half,
  .overviewpage .field-name-field-overview-text .half {
    width: 500px !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-explore .field-name-field-overview-text .half,
  .overviewpage .field-name-field-overview-text .half {
    max-width: 100%;
    width: 100%;
    padding-right: 0;
  }
}

.view-content .exhibitrows .half img,
.overviewpage .field-name-field-overview-text .half img {
  margin: 0 -30px 20px 0;
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-content .exhibitrows .half img,
  .overviewpage .field-name-field-overview-text .half img {
    max-width: unset;
    width: 100%;
  }
}

.overviewpage .field-name-field-overview-text .third {
  width: 284px;
  padding-right: 36px;
}

.overviewpage .field-name-field-overview-text .third img {
  margin: 0 -8px 20px -8px;
  width: 300px;
}

.overviewpage .field-name-field-overview-text .pod h2 {
  color: #16175a;
  font-weight: 400;
  line-height: 1.2;
  margin: 0.5em 0;
  text-transform: none;
  font-size: 26px;
  letter-spacing: 0;
  margin-top: 0;
}

.overviewpage .field-name-field-overview-text .pod .btn {
  padding: 10px 20px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .overviewpage .field-name-field-overview-text .pod .btn {
    width: 100%;
    font-size: 22px;
  }
}

.overviewpage .field-name-field-overview-text .pod .btn:after {
  content: ' \203A';
  font-size: 24px;
  font-weight: 400;
}

.overviewpage .field-name-field-overview-text .pod a {
  background: none;
  padding: 0;
}

.overviewpage .field-name-field-overview-text .pod .field-name-body {
  padding-bottom: 10px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .overviewpage .field-name-field-overview-text .pod .field-name-body {
    font-size: 18px;
  }
}

.overviewpage .field-name-field-overview-text .field-name-body {
  margin-bottom: 0;
}

/*====== Timeline Section ========*/
.timeline-page .onecol .main .node {
  min-height: inherit;
}

.timeline-page .onecol .article {
  padding-bottom: 0;
  background-color: #FFF;
  width: 100%;
}

.timeline-page .onecol .margincontrol {
  padding-bottom: 10px;
}

.timeline-page .view-timeline {
  margin-top: -30px;
}

/*====== Constant Contact override ========*/
.constant-contact-page .onecol .main .node.node-page {
  min-height: inherit;
}

.constant-contact-page .fsBody .fsForm, .constant-contact-page .fsBody .fsPage {
  padding: 0;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .constant-contact-page .fsBody .fsForm, .constant-contact-page .fsBody .fsPage {
    width: 100% !important;
  }
}

.constant-contact-page .onecol .article {
  padding-bottom: 0;
  padding-right: 0;
}

.constant-contact-page .article .margincontrol {
  padding-bottom: 20px;
  padding-right: 20px;
  padding-left: 20px;
}

.constant-contact-page .main .block-constant-contact {
  margin-left: 175px;
  padding-bottom: 100px;
}

.constant-contact-page .main .block-constant-contact .form-submit {
  padding: 10px 20px;
  font-family: 'futura-pt', sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
  border: 0;
}

.constant-contact-page .twocol .main .article {
  min-height: inherit;
}

.constant-contact-page .twocol .main .block-constant-contact {
  margin-left: 0;
  background: #ECECEC;
  padding: 0 140px 140px 0;
  padding-right: 0;
  padding-bottom: 140px;
  margin-right: 31.225%;
  height: 150px;
}

.constant-contact-page .twocol .main .block-constant-contact form {
  width: 100%;
  max-width: 752px;
  float: right;
}

.constant-contact-page .twocol .main .block-constant-contact form input {
  width: 100%;
  max-width: 752px;
}

/*====== Timeline CSS override ========*/
@media (min-width: 0em) and (max-width: 55.5em) {
  .vco-timeline .vco-container {
    width: 100%;
  }
}

.vco-timeline .vco-container h2.date {
  color: #fa564b;
  font-weight: 700 !important;
  font-family: 'futura-pt', sans-serif !important;
}

.vco-timeline .vco-container h3 {
  color: #16175a;
  font-weight: 400;
  font-family: 'futura-pt', sans-serif !important;
  font-size: 24px;
  text-transform: uppercase;
}

.vco-timeline .vco-slider .slider-item .content .content-container .text .container p {
  color: #464646;
  font-size: 18px;
  font-family: 'chaparral-pro', Georgia, serif !important;
}

.vco-timeline .vco-navigation .timenav .time .time-interval-major div {
  color: #fa564b !important;
  font-weight: 700 !important;
  font-family: 'futura-pt', sans-serif !important;
}

.vco-timeline .vco-navigation .timenav .time .time-interval div {
  font-weight: 700 !important;
  font-family: 'futura-pt', sans-serif !important;
  font-size: 10px !important;
}

.vco-timeline .vco-navigation .timenav-background .timenav-line {
  background-color: #f3493d !important;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .line {
  background-color: #f3493d !important;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .dot {
  background-color: #f3493d !important;
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content h3 {
  color: #464646 !important;
  font-family: 'futura-pt', sans-serif !important;
  text-transform: uppercase;
}

.vco-timeline .vco-navigation .timenav .content .marker.active .flag .flag-content h3 {
  color: #16175a !important;
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail {
  /*background-color: #16175a !important; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;*/
  background-size: auto !important;
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail.thumb-photo {
  /*background-image: url(../img/timeline_sprite.png) !important; background-position: 0 -00px; background-color: #16175a; background-color: #16175a !important; filter: alpha(opacity=100); -khtml-opacity: 1; -moz-opacity: 1; opacity: 1;*/
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail.thumb-youtube {
  background-image: url(../img/timeline_sprite.png) !important;
  background-position: 2px -73px;
  background-color: #16175a;
  background-color: #16175a !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail.thumb-audio {
  background-image: url(../img/timeline_sprite.png) !important;
  background-position: 3px -36px;
  background-color: #16175a;
  background-color: #16175a !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.vco-timeline .vco-navigation .timenav .content .marker .flag .flag-content .thumbnail.thumb-quote {
  background-image: url(../img/timeline_sprite.png) !important;
  background-position: 2px 0;
  background-color: #16175a;
  background-color: #16175a !important;
  filter: alpha(opacity=100);
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}

.vco-timeline.vco-storyjs .vco-feature .container blockquote {
  text-align: center;
  color: #464646;
  font-size: 24px;
  font-family: 'chaparral-pro', Georgia, serif !important;
}

.vco-timeline.vco-storyjs .vco-feature blockquote h5 {
  padding-top: 20px;
  color: #f3493d;
  font-size: 16px;
  font-family: 'chaparral-pro', Georgia, serif !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .vco-timeline .nav-next,
  .vco-slider .nav-next,
  .vco-timeline .nav-previous,
  .vco-slider .nav-previous {
    display: block !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) and (pointer: coarse) {
  .vco-timeline .nav-next,
  .vco-slider .nav-next,
  .vco-timeline .nav-previous,
  .vco-slider .nav-previous {
    display: none !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .vco-timeline .nav-next .nav-container,
  .vco-slider .nav-next .nav-container,
  .vco-timeline .nav-previous .nav-container,
  .vco-slider .nav-previous .nav-container {
    top: 300px !important;
    opacity: 10;
    z-index: 999;
  }
}

.vco-timeline .nav-next .icon, .vco-timeline .nav-previous .icon {
  cursor: pointer;
  display: block;
  width: 42px !important;
  height: 58px !important;
  margin-top: -39px !important;
  background: url(../img/btn_sprite.png) no-repeat !important;
  padding: 0 !important;
  background-size: auto !important;
}

.vco-timeline .nav-previous .icon {
  background-color: none;
  background: none;
  background: url(../img/timeline_leftarrow.png) 0 0 no-repeat !important;
  left: 0 !important;
  margin-left: 0px !important;
}

.vco-timeline .nav-next .icon {
  right: 0;
  background: url(../img/timeline_rightarrow.png) 0 0 no-repeat !important;
  margin-left: 58px !important;
}

.vco-notouch .vco-slider .nav-next:hover .icon {
  margin-left: 58px !important;
}

.vco-slider .nav-next .date, .vco-slider .nav-next .title {
  color: #464646;
}

.vco-slider .nav-previous .date, .vco-slider .nav-previous .title {
  color: #464646;
}

/*
 * Main (container for everything else)
 * Consider using main instead of page
 */
.main {
  position: relative;
}

.main .anchorlink {
  padding: 0;
}

/*
 * Content
 */
.breadcrumb ol {
  margin: 0;
  padding: 0;
}

.breadcrumb li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

h1.title, h2.node-title, h2.block-title, h2.title, h2.comment-form, h3.title {
  margin: 0;
}

div.messages {
  margin: 1.5em 0;
}

div.messages ul {
  margin-top: 0;
  margin-bottom: 0;
}

ul.inline {
  display: inline;
  padding: 0;
}

ul.inline li {
  display: inline;
  list-style-type: none;
  padding: 0 1em 0 0;
}

span.field-label {
  padding: 0 1em 0 0;
}

.item-list .pager {
  padding: 0;
}

.item-list .pager li {
  padding: 0 0.5em;
}

/*
 * First sidebar (on left in LTR languages, on right in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-first
 * (see the layout.css file.)
 */
/*
 * Second sidebar (on right in LTR languages, on left in RTL)
 *
 * Remember to NOT add padding or margin to your .region-sidebar-second
 * (see the layout.css file.)
 */
/*======= CSS3 Enhancements =======*/
.sidebarslideshow li a {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
}

.header .menu-name-main-menu a, .header .socialnav a {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
}

.header .sitesearch input[type="submit"] {
  -webkit-transition: background-color 0.25s linear;
  -moz-transition: background-color 0.25s linear;
}

.opacity .header .menu-name-main-menu ul ul {
  -webkit-transition: opacity 0.25s ease-out;
  -moz-transition: opacity 0.25s ease-out;
  opacity: 0;
  display: block;
  pointer-events: none;
}

.opacity .header .menu-name-main-menu ul li:hover ul {
  opacity: 1;
  pointer-events: auto;
}

.article a:link, .article a:visited {
  /*-webkit-transition:background-color 0.25s linear; -moz-transition:background-color 0.25s linear;*/
}

.article a:hover, .article a:active {
  -webkit-transition: background-color 0.15s linear;
  -moz-transition: background-color 0.15s linear;
}

/*======= Views Image Fix =======*/
#block-views-lesson-plans-block img, #block-views-museum-lesson-plans-block img {
  height: auto;
}

@media (min-width: 55.5em) {
  #block-views-museum-lesson-plans-block #edit-body-value-wrapper {
    width: 100%;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-museum-lesson-plans-block {
    margin-top: 100px;
  }
}

#block-views-lesson-plans-block .views-field-field-image, #block-views-museum-lesson-plans-block .views-field-field-image {
  padding: 15px 0;
  width: 290px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-lesson-plans-block .views-field-field-image, #block-views-museum-lesson-plans-block .views-field-field-image {
    padding: unset;
    margin-top: 20px;
    width: 100%;
    display: block;
  }
  #block-views-lesson-plans-block .views-field-field-image img, #block-views-museum-lesson-plans-block .views-field-field-image img {
    width: 100%;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .twocol .article .alpha {
    float: left !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .view-museum-lesson-plans tr, .view-lesson-plans tr {
    display: block;
  }
  .view-museum-lesson-plans td, .view-lesson-plans td {
    display: block;
  }
}

/* ==========================================================================
 Media Queries
 ========================================================================== */
@media only screen and (min-width: 55.5em 64em) and (max-width: 1280px) {
  /* TODO: Figure out what this affects ;
  /*.header .mainnav li li { width: 226px; }
  .header .mainnav .promo { width:205px; overflow: hidden; }
  .header .mainnav .promo img { max-width:none; margin-left: -50px; }
  .header .mainnav .promo a span { max-width: 196px; }
  .header .mainnav .wide { width: 555px; padding: 30px 30px 0; }
  .header .mainnav .wide .left { padding-right: 20px; }*/
  .twocol .article {
    width: 100%;
    /*background-color: red;*/
  }
  .sidebars {
    width: 31.225%;
  }
  .sidebars .module.callout {
    padding-right: 30px !important;
  }
  .twocol .article .alpha {
    width: 72.4% !important;
    float: right;
  }
  .twocol .article .beta {
    width: 27.6% !important;
  }
  .twocol .article .margincontrol {
    width: 90%;
    max-width: 600px;
    padding-right: 20px;
    padding-left: 20px;
  }
}

@media only screen and (min-width: 55.5em 64em) and (max-width: 1280px) and (min-width: 0em) and (max-width: 55.5em) {
  .twocol .article .margincontrol {
    padding-right: 20px;
  }
}

@media only screen and (min-width: 55.5em 64em) and (max-width: 1280px) {
  /*.node-type-overview-page .twocol .article { margin-left: 160px; }*/
  .hero .sidebars {
    width: 31.2%;
    z-index: 101;
  }
  .hero .twocol .article {
    width: 68.8%;
  }
  .twocol .bar .margincontrol {
    padding-right: 20px;
    padding-left: 20px;
    width: 90%;
    max-width: 600px;
  }
  .constant-contact-page .twocol .main .block-constant-contact form {
    width: 100%;
    max-width: 665px;
  }
  .page table.onethird td:first-child {
    width: 40%;
  }
  .article script + iframe {
    width: 660px !important;
  }
}

/* ==========================================================================
 Helper classes
 ========================================================================== */
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
  *text-indent: -9999px;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

.hidden {
  display: none !important;
  visibility: hidden;
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

.invisible {
  visibility: hidden;
}

.clearfix:before, .clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  *zoom: 1;
}

.left {
  float: left;
}

.right {
  float: right;
}

.hr {
  height: 1px;
  font-size: 0;
  border-top: 1px solid #d3d3d3;
  margin: 0 0 40px;
  padding: 0;
}

/* ==========================================================================
 Print styles
 ========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a, a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
    content: "";
  }
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }
  tr, img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
}

/* ==========================================================================
 Specific page styles
 ========================================================================== */
.page-node-1031 h3 a:link, .page-node-1031 h3 .article a:visited,
.page-node-1021 h3 a:link,
.page-node-1021 h3 .article a:visited,
.page-node-1483 h3 a:link,
.page-node-1483 h3 .article a:visited {
  float: left;
  margin-top: 5px;
  margin-right: 5px;
}

.war-horse-app iframe,
.getting-here iframe,
.section-us-enters-war iframe,
.section-travel iframe {
  max-width: 600px;
  width: 97%;
}

@media (min-width: 0px) and (max-width: 600px) {
  .war-horse-app iframe,
  .getting-here iframe,
  .section-us-enters-war iframe,
  .section-travel iframe {
    max-width: unset;
    width: 100% !important;
  }
}

@media (min-width: 0px) and (max-width: 600px) {
  .kansas-city-war-dead table.triplecol td {
    font-size: 0.8em;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .panthéon-de-la-guerre .node-exhibit .halves {
    -webkit-column-count: 1;
       -moz-column-count: 1;
            column-count: 1;
  }
}

.panthéon-de-la-guerre .media-element-container {
  padding-right: 20px;
}

.regular-hours,
.summer-hours {
  display: block;
}

@media (min-width: 0px) and (max-width: 950px) {
  .regular-hours,
  .summer-hours {
    display: none;
  }
}

@media (min-width: 55.5em) {
  .subfooter-hours .summer-hours {
    margin-bottom: 0px;
  }
}

.show-regular-hours .regular-hours {
  display: block;
}

.show-summer-hours .summer-hours {
  display: block !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-contact-us table {
    empty-cells: hide;
  }
  .section-contact-us table p {
    margin: unset;
  }
  .section-contact-us table tr:not(first-child) td:first-child {
    width: 100%;
    margin-top: 20px;
  }
  .section-contact-us table tr td:not(first-child) {
    width: 40%;
  }
  .section-contact-us table td {
    margin: 5px;
    display: inline-table;
  }
}

.centennial-flag-program table h3, [class*='centennialflag'] table h3 {
  font-size: 1em;
}

.centennial-flag-program table tr:first-child td:first-child, [class*='centennialflag'] table tr:first-child td:first-child {
  font-size: 0px;
}

.centennial-flag-program table tr:first-child td, [class*='centennialflag'] table tr:first-child td {
  font-size: 12px;
}

.centennial-flag-program table tr td:first-child, [class*='centennialflag'] table tr td:first-child {
  width: 60px !important;
}

.centennial-flag-program table td, [class*='centennialflag'] table td {
  padding: 15px 0 !important;
  width: 30px !important;
}

.elements-of-the-museum-and-memorial .article, .node-overview-page .article {
  width: 68.775%;
}

.elements-of-the-museum-and-memorial .article .media-link img, .node-overview-page .article .media-link img {
  max-height: unset;
  height: unset !important;
}

.elements-of-the-museum-and-memorial .article table tr td:first-of-type, .node-overview-page .article table tr td:first-of-type {
  padding-right: 1em;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .elements-of-the-museum-and-memorial .article, .node-overview-page .article {
    width: 100%;
  }
}

.page-explore .article {
  width: 68.775%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .page-explore .article {
    width: 100%;
  }
}

.chzn-container-single .chzn-single {
  height: auto !important;
}

.-exhibitions .article {
  width: 100%;
}

/**
 * @file
 * Block Styling
 */
@media (min-width: 0em) and (max-width: 55.5em) {
  .section-us-enters-war .field-type-text-with-summary .field-items div :not(.video-box) {
    padding: unset !important;
    max-width: unset !important;
  }
}

.block {
  /* Block wrapper */
  margin-bottom: 0;
}

.block.first {
  /* The first block in the region */
}

.block.last {
  /* The last block in the region */
}

.block.odd {
  /* Zebra striping for each block in the region */
}

.block.even {
  /* Zebra striping for each block in the region */
}

h2.block-title {
  /* Block title */
}

#block-aggregator-category-1 {
  /* Block for the latest news items in the first category */
}

#block-aggregator-feed-1 {
  /* Block for the latest news items in the first feed */
}

#block-block-1 {
  /* First block created with "Add block" link */
}

#block-blog-recent {
  /* "Recent blog posts" block */
}

#block-book-navigation {
  /* "Book navigation" block for the current book's table of contents */
}

#block-comment-recent {
  /* "Recent comments" block */
}

#block-forum-active {
  /* "Active forum topics" block */
}

#block-forum-new {
  /* "New forum topics" block */
}

#block-locale-language {
  /* Language switcher block */
}

#block-menu-menu-NAME {
  /* Custom menu block */
}

#block-node-recent {
  /* "Recent content" block */
}

#block-node-syndicate {
  /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
}

#block-poll-recent {
  /* "Most recent poll" block */
}

#block-profile-author-information {
  /* "Author information" block for the profile of the page's author */
}

#block-search-form {
  /* "Search form" block */
}

#block-shortcut-shortcuts {
  /* "Shortcuts" block */
}

#block-statistics-popular {
  /* "Popular content" block */
}

#block-system-main-menu {
  /* "Main menu" block */
}

#block-system-management {
  /* "Management" block for Drupal management menu */
}

#block-system-navigation {
  /* "Navigation" block for Drupal navigation menu */
}

#block-system-user-menu {
  /* "User menu" block for Drupal user menu */
}

#block-system-help {
  /* "System help" block */
}

#block-system-main {
  /* "Main page content" block */
}

#block-system-powered-by {
  /* "Powered by Drupal" block */
}

#block-user-login {
  /* "User login form" block */
}

#block-user-new {
  /* "Who's new" block for a list of the newest users */
}

#block-user-online {
  /* "Who's online" block for a list of the online users */
}

/* Homepage Drawer Block */
#block-views-homepage-drawer-block .view .drawer .toggle {
  overflow: hidden;
}

#block-views-homepage-drawer-block .view ul {
  margin: 0;
  list-style: none;
  padding: 0;
}

#block-views-homepage-drawer-block .view ul li {
  padding: 0;
  margin: 0;
  height: 530px;
  width: 100%;
  max-width: 1265px;
  float: left;
  position: relative;
}

#block-views-homepage-drawer-block .view .toggle.closed {
  cursor: pointer;
}

#block-views-homepage-drawer-block .view .prev, #block-views-homepage-drawer-block .view .next {
  position: absolute;
  top: 0%;
  z-index: -1;
  cursor: pointer;
  display: block;
  width: 42px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/btn_sprite.png) no-repeat;
  padding: 0;
}

#block-views-homepage-drawer-block .view .toggle.open .prev, #block-views-homepage-drawer-block .view .toggle.open .next {
  top: 23%;
  z-index: 3;
}

#block-views-homepage-drawer-block .view .prev {
  left: 0;
}

#block-views-homepage-drawer-block .view .next {
  right: 0;
  background-position: 0 -60px;
}

#block-views-homepage-drawer-block .view .article {
  margin-top: -100px;
  padding-top: 0;
  width: 100%;
  background: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .article .margincontrol {
    padding-bottom: 80px;
  }
}

#block-views-homepage-drawer-block .view .article .alpha {
  padding-top: 30px;
  width: 68.775%;
  float: left;
  background: #FFF;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .article .alpha {
    width: 94%;
    padding-bottom: 10px;
  }
}

#block-views-homepage-drawer-block .view .article .beta {
  margin-top: 60px;
  float: right;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .article .beta {
    margin-top: unset;
    width: 94%;
    margin-right: 6%;
  }
}

#block-views-homepage-drawer-block .view .article .beta .btn {
  background: rgba(35, 148, 226, 0.9);
  display: block;
  padding: 40px 30px;
  color: #FFF;
  text-transform: uppercase;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  margin-bottom: 1px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .article .beta .btn {
    padding: 20px 30px;
    position: relative;
    top: -84px;
    font-size: 2rem;
  }
}

#block-views-homepage-drawer-block .view .article .btn:after {
  content: '';
  background: url(../img/btn_sprite.png) 100% -360px;
  width: 10px;
  height: 10px;
  display: inline-block;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .article .btn:after {
    content: ' \203A';
    font-size: 50px;
    font-weight: 400;
    background: unset;
    margin-left: 10px;
    line-height: 0;
  }
}

#block-views-homepage-drawer-block .view .knob:hover {
  background-color: transparent;
}

#block-views-homepage-drawer-block .view .drawer .open .summary h2 {
  top: 480px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .drawer .open .summary h2 {
    top: 200px;
  }
}

#block-views-homepage-drawer-block .view .view-content .drawer .toggle .summary .margincontrol {
  max-width: 954px;
  width: 100%;
}

#block-views-homepage-drawer-block .view .drawer {
  position: relative;
}

#block-views-homepage-drawer-block .view .drawer:after {
  display: block;
  content: '';
  width: 100%;
  height: 18px;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  background: url(../img/shad.png) repeat-x;
  z-index: 1;
}

#block-views-homepage-drawer-block .view .drawer .summary {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 99;
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
}

#block-views-homepage-drawer-block .view .drawer .summary h2, #block-views-homepage-drawer-block .view .drawer .summary h3 {
  position: absolute;
  -webkit-transition-property: top;
  -webkit-transition-duration: 0.6s;
}

#block-views-homepage-drawer-block .view .drawer .summary h2 {
  background: #f3493d;
  background: rgba(243, 73, 61, 0.9);
  font-weight: 300;
  font-size: 24px;
  top: 110px;
  padding: 2px 10px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .drawer .summary h2 {
    top: 75px;
  }
}

#block-views-homepage-drawer-block .view .drawer .summary h3 {
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  font-weight: 700;
  font-size: 13px;
  top: 80px;
  padding: 6px 10px;
  letter-spacing: 0.1em;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .drawer .summary h3 {
    display: none;
  }
}

#block-views-homepage-drawer-block .view .drawer .closed {
  height: 160px;
  overflow: hidden;
}

#block-views-homepage-drawer-block .view .drawer .open {
  height: auto;
  background: url(../img/diag_lite.png);
}

#block-views-homepage-drawer-block .view .drawer .toggle:before {
  display: block;
  content: '';
  width: 100%;
  height: 18px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: url(../img/shad.png) repeat-x;
  z-index: 10;
}

#block-views-homepage-drawer-block .view .drawer .knob {
  display: block;
  background: url(../img/btn_sprite.png) no-repeat 0 -120px;
  width: 62px;
  height: 54px;
  float: right;
  cursor: pointer;
}

#block-views-homepage-drawer-block .view .drawer .knob:hover {
  background-position: 0 -180px;
}

#block-views-homepage-drawer-block .view .drawer .open .knob {
  background-position: 0 -240px;
}

#block-views-homepage-drawer-block .view .drawer .open .summary h2 {
  top: 480px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .drawer .open .summary h2 {
    top: 200px;
    width: 100%;
    font-size: 2rem;
  }
}

#block-views-homepage-drawer-block .view .drawer .open .summary h3 {
  top: 450px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-drawer-block .view .drawer .open .summary h3 {
    display: none;
  }
}

#block-views-homepage-drawer-block .view .field-name-body h3 {
  font-size: 32px;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
  color: #16175a;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  display: block;
  color: #16175a;
  font-family: "futura-pt", sans-serif;
  font-size: 14px;
  font-weight: 800;
  line-height: 1;
  text-transform: uppercase;
}

#block-views-homepage-drawer-block .view .drawer:hover .summary h2 {
  background-color: #16175a;
}

#block-views-homepage-drawer-block .view .drawer:hover .summary h2 {
  /*-webkit-transition:background-color 0.25s linear; -moz-transition:background-color 0.25s linear;*/
}

#block-views-homepage-drawer-block .view .closed .dots {
  background: url(../img/dots.png) repeat-x 0 bottom;
  width: 100%;
  height: 50px;
  position: absolute;
  bottom: 380px;
  left: 0;
}

#block-views-homepage-drawer-block .view .closed .stripes {
  background: url(../img/diag.png);
  position: absolute;
  right: 0;
  top: 75px;
  width: 100%;
  max-width: 740px;
  height: 200px;
}

#block-views-homepage-drawer-block .view .dots {
  background: url(../img/dots.png) repeat-x 0 bottom;
  width: 100%;
  height: 100px;
  position: absolute;
  bottom: 50px;
  left: 0;
}

#block-views-homepage-drawer-block .view .stripes {
  background: url(../img/diag.png);
  position: absolute;
  right: 0;
  top: 360px;
  width: 100%;
  max-width: 740px;
  height: 200px;
}

#block-views-homepage-drawer-block .view .closed .dots {
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.75s linear;
  -o-transition: all 0.75s linear;
  -ms-transition: all 0.75s linear;
  transition: all 0.75s linear;
}

#block-views-homepage-drawer-block .view .closed .stripes {
  -webkit-transition: all 0.75s linear;
  -moz-transition: all 0.75s linear;
  -o-transition: all 0.75s linear;
  -ms-transition: all 0.75s linear;
  transition: all 0.75s linear;
}

#block-views-homepage-drawer-block .view .drawer .summary h2 {
  -webkit-transition: all 0.4s linear;
  -moz-transition: all 0.4s linear;
  -o-transition: all 0.4s linear;
  -ms-transition: all 0.4s linear;
  transition: all 0.4s linear;
}

#block-views-homepage-drawer-block .view .dots {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

#block-views-homepage-drawer-block .view .stripes {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  transition: all 0.2s linear;
}

.not-front #topslide .caroufredsel_wrapper {
  max-height: 530px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .not-front #topslide .caroufredsel_wrapper {
    height: 380px !important;
  }
  .not-front #topslide .caroufredsel_wrapper .slide img {
    max-height: 380px !important;
    min-height: 380px !important;
  }
}

/* Top slide Area @TODO: Need to move this out; */
#topslide {
  position: relative;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #topslide {
    padding-top: 90px;
  }
}

#topslide ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#topslide li {
  margin: 0;
  padding: 0;
  float: left;
  max-height: 530px;
  min-height: 350px;
  width: 100%;
  max-width: 1265px;
  position: relative;
}

#topslide li p {
  position: absolute;
  bottom: 140px;
  left: 175px;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  padding: 2px 10px;
  margin: 0;
  color: #FFF;
}

#topslide.exhibithero li p {
  bottom: 40px;
}

#topslide li img {
  width: 100%;
  max-width: 1265px;
  max-height: 530px;
  min-height: 350px;
}

#topslide .prev, #topslide .next {
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 42px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/btn_sprite.png) no-repeat;
  padding: 0;
}

#topslide .prev {
  left: 0;
}

#topslide .next {
  right: 0;
  background-position: 0 -60px;
}

@media only screen and (max-width: 1280px) {
  #topslide li {
    width: 100%;
    overflow: hidden;
  }
  #topslide li img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#topslide .dots {
  background: url(../img/dots.png) repeat-x 0 bottom;
  width: 100%;
  max-width: 1040px;
  height: 225px;
  position: absolute;
  bottom: 190px;
  left: 165px;
}

#topslide .stripes {
  background: url(../img/diag.png);
  position: absolute;
  right: 0;
  top: 360px;
  width: 100%;
  max-width: 740px;
  height: 200px;
}

/* Events Page Section */
#block-views-calendar-block-events {
  margin-top: -140px;
}

#block-views-calendar-block-events [id*='edit-field-date-value-wrapper'], #block-views-calendar-block-events [id*='edit-tid-wrapper'] {
  margin-right: 20px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events [id*='edit-field-date-value-wrapper'], #block-views-calendar-block-events [id*='edit-tid-wrapper'] {
    margin-right: unset;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    padding-bottom: 1rem;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .views-exposed-widget {
    text-align: center;
    width: 100%;
    padding-right: unset;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .container-inline-date .form-item .form-item {
    float: none;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .views-exposed-widgets .form-item-tid {
    width: 100%;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .form-type-date-popup, #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .date-padding {
    width: 100%;
    float: unset;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .form-type-date-select .date-padding {
    width: 100%;
    float: unset;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets input {
    height: 50px;
    width: 100%;
    margin-top: unset;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets select {
    width: 100%;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets #edit-field-date-value-value-datepicker-popup-0 {
    width: 100% !important;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets #edit_tid_chzn {
    width: 100% !important;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets #edit_field_date_value_1_value_year_chzn, #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets #edit_field_date_value_1_value_month_chzn {
    width: 50% !important;
    float: left;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .view-filters .views-submit-button, #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .view-filters .views-reset-button {
    width: 100% !important;
    height: 50px;
  }
  #block-views-calendar-block-events #views-exposed-form-calendar-block-events .views-exposed-widgets .form-type-date-select {
    width: 100%;
  }
  #block-views-calendar-block-events .view-content .bigrow .half .btn, #block-views-calendar-block-events .view-content .bigrow .third .btn {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 1.4rem;
  }
}

/* Filters */
#block-views-calendar-block-events .view-filters {
  background: #363636;
  padding: 140px 0 0 0;
  color: #FFF;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  background-image: url("../img/exhibits.jpg");
}

#block-views-calendar-block-events .view-filters .form-item .description {
  display: none;
}

#block-views-calendar-block-events .views-submit-button,
#block-views-calendar-block-events .view-filters .views-submit-button {
  margin-bottom: 15px;
  width: unset !important;
}

@media (min-width: 55.5em) {
  #block-views-calendar-block-events .views-submit-button,
  #block-views-calendar-block-events .view-filters .views-submit-button {
    width: 75px !important;
    padding-right: 10px !important;
  }
}

@media (min-width: 769px) and (max-width: 944px) {
  #block-views-calendar-block-events .views-submit-button,
  #block-views-calendar-block-events .view-filters .views-submit-button {
    width: 25% !important;
    max-width: 190px;
  }
}

#block-views-calendar-block-events .view-filters .views-submit-button input {
  text-transform: uppercase;
  margin-top: 1.4em;
  background: #474747;
  border: 0;
  color: #FFF;
  padding: 5px 10px;
  font-weight: 400;
  line-height: 24px;
  font-family: "futura-pt", sans-serif;
  font-size: 16px;
}

@media (min-width: 55.5em) {
  #block-views-calendar-block-events .view-filters .views-submit-button input {
    width: 75px !important;
  }
}

@media (min-width: 769px) and (max-width: 944px) {
  #block-views-calendar-block-events .view-filters .views-submit-button input {
    width: 100% !important;
    margin-top: 0.5rem;
  }
}

#block-views-calendar-block-e .view-content .bigrow .half .btn {
  width: 85%;
  display: block;
  text-align: center;
  font-size: 1.4rem;
}

vents .view-filters .views-submit-button .ajax-progress {
  display: none;
}

#block-views-calendar-block-events .view-filters .views-reset-button {
  margin-bottom: 15px;
  width: unset !important;
}

@media (min-width: 55.5em) {
  #block-views-calendar-block-events .view-filters .views-reset-button {
    width: 75px !important;
    margin-left: 10px;
    padding-right: 10px !important;
  }
}

@media (min-width: 769px) and (max-width: 944px) {
  #block-views-calendar-block-events .view-filters .views-reset-button {
    width: 25% !important;
    max-width: 190px;
  }
}

#block-views-calendar-block-events .view-filters .views-reset-button input {
  text-transform: uppercase;
  margin-top: 1.4em;
  background: #474747;
  border: 0;
  color: #FFF;
  padding: 5px 10px;
  font-weight: 400;
  line-height: 24px;
  font-family: "futura-pt", sans-serif;
  font-size: 16px;
}

@media (min-width: 55.5em) {
  #block-views-calendar-block-events .view-filters .views-reset-button input {
    width: 75px !important;
  }
}

@media (min-width: 769px) and (max-width: 944px) {
  #block-views-calendar-block-events .view-filters .views-reset-button input {
    width: 100% !important;
    margin-top: 8px !important;
  }
}

#block-views-calendar-block-events .view-filters label {
  color: #959595;
  font-weight: 700;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-filters label {
    margin-top: 10px;
  }
}

#block-views-calendar-block-events .view-filters .form-type-select select {
  width: 224px;
}

#block-views-calendar-block-events .view-filters .views-exposed-widgets {
  margin-right: -18px;
  display: table;
  width: 100%;
  max-width: 914px;
  table-layout: fixed;
  margin-bottom: 0;
}

@media (min-width: 769px) and (max-width: 944px) {
  #block-views-calendar-block-events .view-filters .views-exposed-widgets {
    max-width: 860px;
  }
}

#block-views-calendar-block-events .view-filters .views-exposed-widget {
  width: 218px;
  padding-right: 15px;
  display: table-cell;
  text-align: left;
}

#block-views-calendar-block-events .view-filters .views-exposed-widget:first-child {
  width: 200px;
  padding-right: 0px;
}

#block-views-calendar-block-events .view-filters input.form-text {
  background: #474747 url(../img/btn_sprite.png) no-repeat 100% -390px;
  border: 0;
  color: #FFF;
  padding: 5px 10px;
  font-weight: 400;
  width: 224px;
  line-height: 24px;
  font-family: "futura-pt", sans-serif;
  font-size: 16px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-filters input.form-text {
    padding-left: unset;
    padding-right: unset;
  }
}

#block-views-calendar-block-events .view-filters .form-type-select select {
  width: 224px;
}

#block-views-calendar-block-events .view-filters .date-month select {
  width: 90px;
}

#block-views-calendar-block-events .view-filters .date-year select {
  width: 90px;
}

/* FOUC Styling */
#block-views-calendar-block-events .view-filters .date-month select {
  background-color: #474747;
  border: 1px solid #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 5px 5px 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

#block-views-calendar-block-events .view-filters .date-year select {
  background-color: #474747;
  border: 1px solid #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 5px 5px 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

#block-views-calendar-block-events .view-filters .form-type-select select {
  background-color: #474747;
  border: 1px solid #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 5px 5px 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

/* Announcements */
#block-views-calendar-block-events .view-content .panel {
  font-size: 16px;
  background: #16175a;
  padding: 50px 40px 10px 40px;
  color: #7a7bc3;
  margin: 20px 0 10px;
  position: relative;
}

#block-views-calendar-block-events .view-content .panel label {
  position: absolute;
  top: 0;
  left: 0;
  background: #363636;
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  font-weight: 300;
  padding: 2px 10px;
  text-transform: uppercase;
}

#block-views-calendar-block-events .view-content .panel h2 {
  color: #FFF;
  text-transform: none;
  margin: 0 0 0.2em;
  letter-spacing: 0;
  font-size: 32px;
  font-weight: 400;
}

#block-views-calendar-block-events .view-content .panel h3 {
  color: #f3493d;
  font-size: 14px;
}

#block-views-calendar-block-events .view-content .panel .close {
  padding: 0;
  display: block;
  position: absolute;
  right: 6px;
  top: 10px;
  background: url(../img/btn_sprite.png) no-repeat 100% -485px;
  width: 24px;
  height: 24px;
  cursor: pointer;
}

/* Results */
#block-views-calendar-block-events .view-content h1 {
  margin-top: 20px;
  color: #16175a;
  line-height: 1;
  font-size: 44px;
  font-weight: 400;
  letter-spacing: 0.05em;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
}

#block-views-calendar-block-events .view-content h2 {
  color: #464646;
  font-weight: 300;
  text-transform: none;
  font-size: 32px;
  margin: 0.5em 0;
  line-height: 1.2;
  letter-spacing: 0.05em;
  font-family: "futura-pt", sans-serif;
}

#block-views-calendar-block-events .view-content .bigrow {
  width: 100%;
  max-width: 914px;
  /*table-layout: fixed;*/
  margin-bottom: 40px;
  /*background:url(../img/diag_lite.png);*/
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow {
    -ms-flex-direction: column;
        flex-direction: column;
    margin: auto;
  }
}

#block-views-calendar-block-events .view-content .bigrow .half {
  display: table-cell;
  text-align: left;
  max-width: 395px;
  padding-right: 54px;
  background: #ECECEC;
  padding: 40px 0;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow .half {
    max-width: 100%;
    padding-right: 0;
  }
}

#block-views-calendar-block-events .view-content .bigrow .half:first-child {
  padding-right: 70px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow .half:first-child {
    padding-right: unset;
  }
}

#block-views-calendar-block-events .view-content .bigrow .half {
  display: block;
  position: relative;
}

#block-views-calendar-block-events .view-content .bigrow .half img {
  margin: 0 -30px 20px 0;
  max-width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow .half img {
    max-width: unset;
    width: 100%;
  }
}

#block-views-calendar-block-events .view-content .bigrow .half .blankimage {
  width: 435px;
  height: 182px;
  margin: 0 -30px 20px 0;
  max-width: none;
  vertical-align: middle;
  display: inline-block;
}

#block-views-calendar-block-events .view-content .bigrow .half a {
  background-color: none;
  padding: 0;
}

#block-views-calendar-block-events .view-content .bigrow .half label {
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  background: #f3493d;
  float: right;
  margin: -34px -30px 0 0;
  padding: 2px 10px;
  position: relative;
  display: block;
}

#block-views-calendar-block-events .view-content .bigrow .half label {
  z-index: 1;
  margin: 0;
  margin-top: -34px;
}

#block-views-calendar-block-events .view-content .bigrow .half h3 {
  text-transform: uppercase;
  color: #f3493d;
  font-weight: 400;
  font-size: 18px;
}

#block-views-calendar-block-events .view-content .bigrow .half h3 p {
  margin: 0;
}

#block-views-calendar-block-events .view-content .bigrow .half h2 {
  color: #16175a;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  font-size: 26px;
  letter-spacing: 0;
  margin-top: 0;
}

#block-views-calendar-block-events .view-content .bigrow .half h2 p {
  margin: 0;
}

#block-views-calendar-block-events .view-content .bigrow .half p {
  margin: 0 0 1em;
}

#block-views-calendar-block-events .view-content .bigrow .half .field-items a {
  padding: 0;
  background: none;
}

#block-views-calendar-block-events .view-content .bigrow .half .btn {
  text-decoration: none;
  padding: 10px 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}

#block-views-calendar-block-events .view-content .bigrow .half .btn:after {
  content: ' \203A';
  font-size: 24px;
  font-weight: 400;
}

#block-views-calendar-block-events .view-content .bigrow > div {
  width: 50%;
  float: left;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow > div {
    -ms-flex: 0 1 auto;
        flex: 0 1 auto;
    width: 100%;
  }
}

#block-views-calendar-block-events .view-content .hr {
  margin: 0 0;
}

#block-views-calendar-block-events .view-content .thirdrow > div {
  width: 33.333%;
  float: left;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .thirdrow > div {
    width: 100%;
  }
}

#block-views-calendar-block-events .view-content .thirdrow .third img {
  width: 300px;
  height: 126px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .thirdrow .third img {
    max-width: unset;
    width: 100%;
  }
}

#block-views-calendar-block-events .view-content .thirdrow .third .blankimage {
  width: 300px;
  height: 126px;
  margin: 0 -8px 20px -8px;
  vertical-align: middle;
  display: inline-block;
}

#block-views-calendar-block-events .view-content .thirdrow .third h3 {
  text-transform: uppercase;
  color: #f3493d;
  font-weight: 400;
  font-size: 18px;
}

#block-views-calendar-block-events .view-content .thirdrow .third h3 p {
  margin: 0;
}

#block-views-calendar-block-events .view-content .thirdrow .third h2 {
  color: #16175a;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  font-size: 26px;
  letter-spacing: 0;
  margin-top: 0;
}

#block-views-calendar-block-events .view-content .thirdrow .third h2 p {
  margin: 0;
}

#block-views-calendar-block-events .view-content .bigrow .third {
  display: table-cell;
  background: #ECECEC;
  padding: 40px 0;
  text-align: left;
  width: 284px;
  padding-right: 36px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow .third {
    width: 100%;
    padding: 40px 0;
  }
}

#block-views-calendar-block-events .view-content .bigrow .third img {
  margin: 0 -8px 20px -8px;
  width: 300px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-calendar-block-events .view-content .bigrow .third img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

#block-views-calendar-block-events .view-content .bigrow .third .btn {
  text-decoration: none;
  padding: 10px 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}

#block-views-calendar-block-events .view-content .bigrow .third .btn:after {
  content: ' \203A';
  font-size: 24px;
  font-weight: 400;
}

#block-views-calendar-block-events .view-empty h2 {
  padding: 50px 0;
  text-align: center;
  font-family: "futura-pt", sans-serif;
  font-weight: 300;
  color: #464646;
  font-size: 30px;
}

/* Side Menu Block */
#block-menu-block-3 {
  margin-top: -5px;
}

.hero #block-menu-block-3 .menu-block-wrapper {
  padding-top: 20px;
  padding-left: 25px;
}

.hero #block-menu-block-3 .contextual-links-wrapper {
  top: 5px;
}

#block-menu-block-3 .menu-block-wrapper {
  background: #302f2f;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.07em;
  padding: 20px 0px 14px 20px;
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  padding-top: 0px;
}

#block-menu-block-3 .menu-block-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -10px;
}

#block-menu-block-3 .menu-block-wrapper li {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

#block-menu-block-3 .menu-block-wrapper ul ul {
  display: none;
  padding-left: 10px;
  margin-top: -2px;
}

#block-menu-block-3 .menu-block-wrapper ul ul li {
  list-style: none;
}

#block-menu-block-3 .menu-block-wrapper ul ul {
  padding-left: 12px;
}

#block-menu-block-3 .menu-block-wrapper li.has-children {
  list-style: none;
}

#block-menu-block-3 .menu-block-wrapper li.active-trail ul {
  display: block;
}

#block-menu-block-3 .menu-block-wrapper a {
  background: none;
  padding: 0;
}

#block-menu-block-3 .menu-block-wrapper a:hover {
  color: #959595;
}

#block-menu-block-3 .menu-block-wrapper a.active {
  color: #FFF;
  font-weight: 700;
}

/* Show Expanded/Collapse state */
#block-menu-block-3 .menu-block-wrapper li:before {
  content: " ";
  width: 12px;
  display: inline-block;
}

#block-menu-block-3 .menu-block-wrapper li.has-children:before {
  content: "+ ";
  width: 12px;
  display: inline-block;
}

/* Non-expanded trail */
#block-menu-block-3 .menu-block-wrapper li.active-trail.has-children:before {
  content: "- ";
  width: 12px;
  display: inline-block;
}

/* Expanded trail */
#block-menu-block-3 .menu-block-wrapper li.collapsed:before {
  content: "+ ";
  width: 12px;
  display: inline-block;
}

/* Non-expanded trail */
#block-menu-block-3 .menu-block-wrapper li.expanded:before {
  content: "- ";
  width: 12px;
  display: inline-block;
}

/* Non-expanded trail */
/* Side Menu Block - Footer */
.hero #block-menu-block-5 .menu-block-wrapper {
  padding-top: 20px;
}

#block-menu-block-5 .contextual-links-wrapper {
  top: 110px;
}

.hero #block-menu-block-5 .contextual-links-wrapper {
  top: 5px;
}

#block-menu-block-5 .menu-block-wrapper {
  background: #302f2f;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.07em;
  padding: 20px 0px 14px 20px;
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  padding-top: 0px;
}

#block-menu-block-5 .menu-block-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -10px;
}

#block-menu-block-5 .menu-block-wrapper li {
  list-style: none;
  margin: 10px 0;
  padding: 0;
}

#block-menu-block-5 .menu-block-wrapper ul ul {
  display: none;
  padding-left: 10px;
  margin-top: -2px;
}

#block-menu-block-5 .menu-block-wrapper ul ul li {
  list-style: none;
}

#block-menu-block-5 .menu-block-wrapper ul ul {
  padding-left: 12px;
}

#block-menu-block-5 .menu-block-wrapper li.has-children {
  list-style: none;
}

#block-menu-block-5 .menu-block-wrapper li.active-trail ul {
  display: block;
}

#block-menu-block-5 .menu-block-wrapper a {
  background: none;
  padding: 0;
}

#block-menu-block-5 .menu-block-wrapper a:hover {
  color: #959595;
}

#block-menu-block-5 .menu-block-wrapper a.active {
  color: #FFF;
  font-weight: 700;
}

/* Show Expanded/Collapse state */
#block-menu-block-5 .menu-block-wrapper li:before {
  content: " ";
  width: 12px;
  display: inline-block;
}

#block-menu-block-5 .menu-block-wrapper li.has-children:before {
  content: "+ ";
  width: 12px;
  display: inline-block;
}

/* Non-expanded trail */
#block-menu-block-5 .menu-block-wrapper li.active-trail.has-children:before {
  content: "- ";
  width: 12px;
  display: inline-block;
}

/* Expanded trail */
#block-menu-block-5 .menu-block-wrapper li.collapsed:before {
  content: "+ ";
  width: 12px;
  display: inline-block;
}

/* Non-expanded trail */
#block-menu-block-5 .menu-block-wrapper li.expanded:before {
  content: "- ";
  width: 12px;
  display: inline-block;
}

/* Non-expanded trail */
/* Side CTA Pod */
.cta-no-image .view-cta-sidebar .callout p {
  display: block;
  margin-left: 1px !important;
  margin-top: unset !important;
  -ms-flex: 1 0 50% !important;
      flex: 1 0 50% !important;
}

#block-views-cta-sidebar-block {
  margin-top: -1px;
}

#block-views-cta-sidebar-block .callout {
  padding: 20px 20px 14px 20px;
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  background: #f3493d;
  display: block;
  margin-top: 1px;
  padding-left: 25px;
}

#block-views-cta-sidebar-block .callout:hover h3 {
  /*color: #EEE !important;*/
}

.section-visit #block-views-cta-sidebar-block .views-row-1 .callout {
  margin-top: 0;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.section-visit #block-views-cta-sidebar-block .callout {
  z-index: 100;
}

#block-views-cta-sidebar-block .callout h3 {
  font-weight: 700;
  font-size: 18px;
  margin: 0 0 4px;
  color: #FFF;
}

.section-visit #block-views-cta-sidebar-block .callout h3 {
  -ms-flex-order: 2;
      order: 2;
  -ms-flex-item-align: start;
      align-self: flex-start;
  -ms-flex: 1 0 50%;
      flex: 1 0 50%;
}

#block-views-cta-sidebar-block .callout h3:after {
  content: '';
  background: url(../img/btn_sprite.png) 100% -360px;
  width: 20px;
  height: 10px;
  display: inline-block;
}

#block-views-cta-sidebar-block .callout p {
  font-size: 13px;
  color: #ffebea;
  line-height: 15px;
}

@media (min-width: 0) and (max-width: 792px) {
  #block-views-cta-sidebar-block .callout p {
    margin-top: unset;
  }
}

.section-visit #block-views-cta-sidebar-block .callout p {
  -ms-flex-order: 3;
      order: 3;
  -ms-flex: 0 0 50%;
      flex: 0 0 50%;
  margin-top: -31px;
  margin-left: 41px;
}

#block-views-cta-sidebar-block .callout img {
  float: left;
  margin-right: 20px;
  float: unset;
  -ms-flex-order: 1;
      order: 1;
}

#block-views-cta-sidebar-block .views-field-field-article {
  display: none;
}

/* Side Support Menu Block */
#block-menu-block-4 h2 {
  background: #16175a;
  color: #FFF;
  padding-left: 14px;
  padding-top: 20px;
  font-size: 15px;
  margin: 0 0 0px;
  font-weight: 700;
  padding-left: 25px;
}

#block-menu-block-4 h2:after {
  content: '';
  background: url(../img/btn_sprite.png) 100% -300px;
  width: 20px;
  height: 10px;
  display: inline-block;
}

#block-menu-block-4 .menu-block-wrapper {
  background: #16175a;
  padding: 20px 5px 14px 25px;
  color: #FFF;
  font-family: "futura-pt", sans-serif;
}

#block-menu-block-4 .menu-block-wrapper ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -10px;
  text-transform: uppercase;
  font-size: 14px;
}

#block-menu-block-4 .menu-block-wrapper li {
  display: block;
  margin: 10px 0 16px;
  padding: 0;
}

#block-menu-block-4 .menu-block-wrapper a {
  background: none;
  padding: 0;
}

#block-menu-block-4 .menu-block-wrapper a:hover {
  color: #b4d3e9;
}

#block-menu-block-4 .menu-block-wrapper a.active {
  color: #FFF;
}

/* Social Content Bar */
@media (min-width: 0em) and (max-width: 55.5em) {
  #block-block-5 {
    display: none;
  }
}

#block-block-5 .bar .margincontrol {
  width: 96%;
  max-width: 775px;
  padding-left: 10px !important;
  margin: auto;
}

#block-block-5 h4 {
  font-weight: 700;
  font-size: 14px;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
}

.twocol #block-block-5 {
  width: 68.775%;
}

.twocol #block-block-5 .bar {
  width: auto;
  padding-top: 20px;
}

/* Exhibits Page Section */
.node-type-exhibit .article:first-of-type {
  width: 100%;
  margin: auto;
}

#block-views-exhibits-block-exhibits {
  margin-top: -140px;
}

/* Filters */
#block-views-exhibits-block-exhibits .views-exposed-form .views-exposed-widget {
  padding: 0;
}

#block-views-exhibits-block-exhibits .view-filters {
  background: #363636;
  padding: 140px 0 20px;
  color: #FFF;
  background-image: url(../img/exhibits.jpg);
  height: 140px;
  overflow: hidden;
}

#block-views-exhibits-block-exhibits .view-filters .breadcrumb {
  color: #CCC;
}

#block-views-exhibits-block-exhibits .view-filters .breadcrumb a {
  color: #00b0ed;
}

#block-views-exhibits-block-exhibits .view-filters h1 {
  line-height: 1;
  margin-bottom: 10px;
}

/* Results */
#block-views-exhibits-block-exhibits .view-content .bigrow {
  margin-right: -18px;
  display: table-row;
  width: 100%;
  max-width: 914px;
  table-layout: fixed;
  margin-bottom: 40px;
  /*background:url(../img/diag_lite.png);*/
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half {
  display: table-cell;
  text-align: left;
  width: 395px;
  padding-right: 54px;
  background: #ECECEC;
  padding: 20px 0;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half:first-child {
  padding-right: 70px;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half img {
  margin: 0 -30px 20px 0;
  max-width: none;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half label {
  color: #FFF;
  font-family: "futura-pt", sans-serif;
  text-transform: uppercase;
  font-weight: 400;
  background: #f3493d;
  float: right;
  margin: -34px -30px 0 0;
  padding: 2px 10px;
  position: relative;
  display: block;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half h3 {
  text-transform: uppercase;
  color: #f3493d;
  font-weight: 400;
  font-size: 18px;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half h3 p {
  margin: 0;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half h2 {
  color: #16175a;
  margin: 0.5em 0;
  line-height: 1.2;
  font-weight: 400;
  text-transform: none;
  font-size: 26px;
  letter-spacing: 0;
  margin-top: 0;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half h2 p {
  margin: 0;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half p {
  margin: 0 0 1em;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half a {
  padding: 0;
  background: none;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half .btn {
  text-decoration: none;
  padding: 10px 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .half .btn:after {
  content: ' \203A';
  font-size: 24px;
  font-weight: 400;
}

/*#block-views-exhibits-block-exhibits .view-content .bigrow > div { display: table-cell; }*/
#block-views-exhibits-block-exhibits .view-content .hr {
  margin: 40px 0;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .third {
  display: table-cell;
  background: #ECECEC;
  padding: 40px 0;
  text-align: left;
  width: 284px;
  padding-right: 36px;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .third img {
  margin: 0 -8px 20px -8px;
  width: 300px;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .third .btn {
  text-decoration: none;
  padding: 10px 20px;
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  background: #1091e8;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 14px;
}

#block-views-exhibits-block-exhibits .view-content .bigrow .third .btn:after {
  content: ' \203A';
  font-size: 24px;
  font-weight: 400;
}

/* Style link controls */
#block-views-exhibits-block-exhibits .view-filters label {
  display: none;
}

#block-views-exhibits-block-exhibits .view-filters .views-submit-button {
  display: none;
}

#block-views-exhibits-block-exhibits .view-filters .chzn-container {
  width: 224px !important;
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links {
  margin: 27px 0 -20px;
  padding: 0;
  list-style: none;
  text-transform: uppercase;
  height: 50px;
  font-family: "futura-pt", sans-serif;
  font-weight: 300;
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item .form-item {
  float: left;
  width: 224px;
  margin: 0;
  padding: 0;
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links a {
  display: block;
  padding: 15px 20px;
  background: none;
  height: 20px;
  cursor: pointer;
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .selected a {
  background: #f3493d !important;
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item .form-item a {
  background: #4a4a4a;
  background: rgba(255, 255, 255, 0.1);
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item .form-item a:hover {
  color: #FFF;
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item #edit-field-category-tid-11 a {
  background: #4a4a4a;
  background: rgba(255, 255, 255, 0.1);
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item #edit-field-category-tid-8 a {
  background: #5e5e5e;
  background: rgba(255, 255, 255, 0.2);
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item #edit-field-category-tid-10 a {
  background: #737373;
  background: rgba(255, 255, 255, 0.3);
}

#block-views-exhibits-block-exhibits .view-filters .bef-select-as-links .form-item #edit-field-category-tid-9 a {
  background: #868686;
  background: rgba(255, 255, 255, 0.4);
}

#block-views-exhibits-block-exhibits #edit-field-category-tid-all {
  display: none;
}

#block-views-exhibits-block-exhibits #edit-exhibit-type-all {
  display: none;
}

#block-views-exhibits-block-exhibits .pager {
  padding-bottom: 40px;
}

/* NEWS */
.news .twocol .article {
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .news table a {
    font-size: 16px;
  }
}

.video-box {
  margin-right: 20px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .video-box {
    margin-right: unset;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-education.education-newsletter-archive h1 {
    font-size: 38px !important;
  }
}

.section-museum-lessons .article {
  padding: 140px 0 0 !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources [id*='block-views-lesson-plans-block'], .section-education [id*='block-views-lesson-plans-block'], .section-museum-lessons [id*='block-views-lesson-plans-block'] {
    width: 100%;
  }
  .education-resources h2, .section-education h2, .section-museum-lessons h2 {
    font-size: 1em !important;
  }
  .education-resources .block-education-signup .inside-signup-wrapper span:first-of-type, .section-education .block-education-signup .inside-signup-wrapper span:first-of-type, .section-museum-lessons .block-education-signup .inside-signup-wrapper span:first-of-type {
    display: block;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .form-checkboxes .description, .section-education .form-checkboxes .description, .section-museum-lessons .form-checkboxes .description {
    font-size: 1.1em;
    font-weight: 500;
    margin-top: 1rem;
    line-height: 0.4;
    text-transform: uppercase;
    font-family: "futura-pt", sans-serif;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources #edit-field-lesson-subjects-2-tid-wrapper .description, .section-education #edit-field-lesson-subjects-2-tid-wrapper .description, .section-museum-lessons #edit-field-lesson-subjects-2-tid-wrapper .description {
    display: none;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .form-type-bef-checkbox, .section-education .form-type-bef-checkbox, .section-museum-lessons .form-type-bef-checkbox {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 1em;
    text-transform: unset;
  }
  .education-resources .form-type-bef-checkbox input[type="checkbox"], .section-education .form-type-bef-checkbox input[type="checkbox"], .section-museum-lessons .form-type-bef-checkbox input[type="checkbox"] {
    line-height: 1.6;
    font-size: 0.9em;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources [id*='edit-field-lesson-subjects-tid-wrapper'] label, .education-resources [id*='edit-field-lesson-subjects-2-tid-wrapper'] label, .education-resources [id*='edit-field-lesson-type-tid-wrapper'] label, .education-resources [id*='edit-field-lesson-level-tid-wrapper'] label, .section-education [id*='edit-field-lesson-subjects-tid-wrapper'] label, .section-education [id*='edit-field-lesson-subjects-2-tid-wrapper'] label, .section-education [id*='edit-field-lesson-type-tid-wrapper'] label, .section-education [id*='edit-field-lesson-level-tid-wrapper'] label, .section-museum-lessons [id*='edit-field-lesson-subjects-tid-wrapper'] label, .section-museum-lessons [id*='edit-field-lesson-subjects-2-tid-wrapper'] label, .section-museum-lessons [id*='edit-field-lesson-type-tid-wrapper'] label, .section-museum-lessons [id*='edit-field-lesson-level-tid-wrapper'] label {
    text-transform: unset !important;
  }
}

.education-resources .additional-form-controls, .section-education .additional-form-controls, .section-museum-lessons .additional-form-controls {
  padding-top: 20px;
  display: none;
  color: black;
  font-weight: 700;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
  text-align: center;
  cursor: pointer;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .additional-form-controls, .section-education .additional-form-controls, .section-museum-lessons .additional-form-controls {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
        justify-content: center;
    -ms-flex-align: center;
        align-items: center;
  }
}

.education-resources .additional-form-controls div:first-of-type, .section-education .additional-form-controls div:first-of-type, .section-museum-lessons .additional-form-controls div:first-of-type {
  padding-right: 10px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .open-menu .sub-menu-toggle, .section-education .open-menu .sub-menu-toggle, .section-museum-lessons .open-menu .sub-menu-toggle {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
}

.education-resources .sub-menu-toggle, .section-education .sub-menu-toggle, .section-museum-lessons .sub-menu-toggle {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .sub-menu-toggle, .section-education .sub-menu-toggle, .section-museum-lessons .sub-menu-toggle {
    display: block;
    cursor: pointer;
    right: 2px;
    top: 15px;
    width: 8px;
    height: 8px;
    background: transparent;
    border-right: 2px solid #000;
    border-top: 2px solid #000;
    -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    transition: transform 100ms linear;
    z-index: 100;
  }
  .education-resources .sub-menu-toggle.menu__link .open-menu, .section-education .sub-menu-toggle.menu__link .open-menu, .section-museum-lessons .sub-menu-toggle.menu__link .open-menu {
    -ms-transform: rotate(135deg);
        transform: rotate(135deg);
  }
}

.education-resources .education-header-links, .section-education .education-header-links, .section-museum-lessons .education-header-links {
  margin-right: 0px;
  margin-top: 10px;
  width: 100%;
  max-width: 1010px;
  padding-bottom: 0px;
  padding-right: 10px;
  text-align: right;
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .education-header-links, .section-education .education-header-links, .section-museum-lessons .education-header-links {
    background-color: white;
    text-align: center;
    font-size: 1.3rem;
    padding: 0.5rem 12px;
    width: 96%;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .education-resources .education-header-links a, .section-education .education-header-links a, .section-museum-lessons .education-header-links a {
    width: 100%;
    background: unset;
    display: block;
  }
}

.education-resources .block-education-signup, .section-education .block-education-signup, .section-museum-lessons .block-education-signup {
  margin: auto;
}

.education-resources .block-education-signup .margincontrol, .section-education .block-education-signup .margincontrol, .section-museum-lessons .block-education-signup .margincontrol {
  margin: auto;
}

.education-resources .block-education-signup .margincontrol .inside-signup-wrapper, .section-education .block-education-signup .margincontrol .inside-signup-wrapper, .section-museum-lessons .block-education-signup .margincontrol .inside-signup-wrapper {
  max-width: 600px;
  margin: auto;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .block-education-signup .margincontrol .inside-signup-wrapper, .section-education .block-education-signup .margincontrol .inside-signup-wrapper, .section-museum-lessons .block-education-signup .margincontrol .inside-signup-wrapper {
    max-width: unset;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .article, .section-education .article, .section-museum-lessons .article {
    display: none;
  }
  .education-resources .view-header, .section-education .view-header, .section-museum-lessons .view-header {
    margin-top: 20px;
    text-align: center;
    font-size: 2rem;
  }
  .education-resources .views-exposed-widgets, .section-education .views-exposed-widgets, .section-museum-lessons .views-exposed-widgets {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    margin-top: 10px;
  }
  .education-resources .views-exposed-widgets label, .section-education .views-exposed-widgets label, .section-museum-lessons .views-exposed-widgets label {
    color: black;
    font-weight: 700;
    font-family: 'futura-pt', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
  }
  .education-resources .views-widget-filter-body_value input, .section-education .views-widget-filter-body_value input, .section-museum-lessons .views-widget-filter-body_value input {
    width: 97%;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    height: 60px;
    border: 0;
    font-family: 'futura-pt', sans-serif;
  }
  .education-resources .form-item-sort-by select, .section-education .form-item-sort-by select, .section-museum-lessons .form-item-sort-by select {
    height: 50px;
    width: 100%;
    margin-top: unset;
    text-transform: uppercase;
    background: #474747;
    border: 0;
    color: #FFF;
    padding: 5px 10px;
    font-weight: 400;
    line-height: 24px;
    font-family: "futura-pt", sans-serif;
    font-size: 16px;
  }
  .education-resources .views-submit-button input, .section-education .views-submit-button input, .section-museum-lessons .views-submit-button input {
    height: 50px;
    width: 100%;
    margin-top: unset;
    text-transform: uppercase;
    background: #474747;
    border: 0;
    color: #FFF;
    padding: 5px 10px;
    font-weight: 400;
    line-height: 24px;
    font-family: "futura-pt", sans-serif;
    font-size: 16px;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) and (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .item-list .pager-ellipsis, .section-education .item-list .pager-ellipsis, .section-museum-lessons .item-list .pager-ellipsis {
    display: none;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .item-list li, .section-education .item-list li, .section-museum-lessons .item-list li {
    font-size: 18px;
    margin-top: 15px;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) and (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .item-list li, .section-education .item-list li, .section-museum-lessons .item-list li {
    font-size: 30px;
  }
  .education-resources .item-list li a, .section-education .item-list li a, .section-museum-lessons .item-list li a {
    margin-top: 10px !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .education-resources .item-list .pager-next a, .section-education .item-list .pager-next a, .section-museum-lessons .item-list .pager-next a {
    margin-top: 10px !important;
  }
  .education-resources .item-list .pager-next a:after, .section-education .item-list .pager-next a:after, .section-museum-lessons .item-list .pager-next a:after {
    margin: unset;
    top: unset;
  }
  .education-resources .views-widget-filter-field_lesson_level_tid,
  .education-resources .views-widget-filter-field_lesson_subjects_tid,
  .education-resources .views-widget-filter-field_lesson_subjects_2_tid,
  .education-resources .views-widget-filter-field_lesson_type_tid, .section-education .views-widget-filter-field_lesson_level_tid,
  .section-education .views-widget-filter-field_lesson_subjects_tid,
  .section-education .views-widget-filter-field_lesson_subjects_2_tid,
  .section-education .views-widget-filter-field_lesson_type_tid, .section-museum-lessons .views-widget-filter-field_lesson_level_tid,
  .section-museum-lessons .views-widget-filter-field_lesson_subjects_tid,
  .section-museum-lessons .views-widget-filter-field_lesson_subjects_2_tid,
  .section-museum-lessons .views-widget-filter-field_lesson_type_tid {
    display: none;
  }
  .education-resources .views-field-field-image, .section-education .views-field-field-image, .section-museum-lessons .views-field-field-image {
    padding: unset;
    width: 100%;
  }
  .education-resources table tbody tr, .section-education table tbody tr, .section-museum-lessons table tbody tr {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
  }
  .education-resources table tbody tr td:nth-child(1), .section-education table tbody tr td:nth-child(1), .section-museum-lessons table tbody tr td:nth-child(1) {
    padding: unset;
    width: 100%;
  }
  .education-resources table tbody tr td:nth-child(2), .section-education table tbody tr td:nth-child(2), .section-museum-lessons table tbody tr td:nth-child(2) {
    font-size: 18px;
    padding-left: unset;
  }
  .education-resources .views-exposed-form .views-exposed-widget .form-submit, .section-education .views-exposed-form .views-exposed-widget .form-submit, .section-museum-lessons .views-exposed-form .views-exposed-widget .form-submit {
    margin-top: unset;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .education-resources .views-exposed-form .views-exposed-widget, .section-education .views-exposed-form .views-exposed-widget, .section-museum-lessons .views-exposed-form .views-exposed-widget {
    padding-right: unset;
  }
  .education-resources .fsFieldRow .fsFieldCell.fsSpan50, .section-education .fsFieldRow .fsFieldCell.fsSpan50, .section-museum-lessons .fsFieldRow .fsFieldCell.fsSpan50 {
    width: 100%;
    margin-left: unset;
  }
  .education-resources .fsRowBody input[type="text"].fsRequired, .education-resources .fsRowBody input[type="email"].fsRequired, .education-resources .fsRowBody input[type="number"].fsRequired, .education-resources .fsRowBody input[type="tel"].fsRequired, .education-resources .fsForm select.fsRequired, .education-resources .fsForm textarea.fsRequired, .section-education .fsRowBody input[type="text"].fsRequired, .section-education .fsRowBody input[type="email"].fsRequired, .section-education .fsRowBody input[type="number"].fsRequired, .section-education .fsRowBody input[type="tel"].fsRequired, .section-education .fsForm select.fsRequired, .section-education .fsForm textarea.fsRequired, .section-museum-lessons .fsRowBody input[type="text"].fsRequired, .section-museum-lessons .fsRowBody input[type="email"].fsRequired, .section-museum-lessons .fsRowBody input[type="number"].fsRequired, .section-museum-lessons .fsRowBody input[type="tel"].fsRequired, .section-museum-lessons .fsForm select.fsRequired, .section-museum-lessons .fsForm textarea.fsRequired {
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    outline: none;
    height: 60px;
    border: 0;
    font-family: 'futura-pt', sans-serif;
  }
  .education-resources .fsBody .fsForm input.fsSubmitButton, .section-education .fsBody .fsForm input.fsSubmitButton, .section-museum-lessons .fsBody .fsForm input.fsSubmitButton {
    height: 50px;
    width: 100%;
    margin-top: unset;
    text-transform: uppercase;
    background: #474747;
    border: 0;
    color: #FFF;
    padding: 5px 10px;
    font-weight: 400;
    line-height: 24px;
    font-family: "futura-pt", sans-serif;
    font-size: 16px;
  }
  .education-resources .fsBody, .section-education .fsBody, .section-museum-lessons .fsBody {
    width: 100%;
  }
  .education-resources .fsForm .fsSubmit, .section-education .fsForm .fsSubmit, .section-museum-lessons .fsForm .fsSubmit {
    margin-top: unset;
    padding: unset;
  }
  .education-resources .fsPage, .section-education .fsPage, .section-museum-lessons .fsPage {
    margin-right: -30px;
  }
  .education-resources .fsPage .fsLabel, .section-education .fsPage .fsLabel, .section-museum-lessons .fsPage .fsLabel {
    color: black;
    font-weight: 700;
    font-family: 'futura-pt', sans-serif;
    text-transform: uppercase;
    text-align: center;
    margin-top: 10px;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .fsBody {
    width: 100% !important;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .block-education-partners {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.block-education-partners .block-education-partners-logo-list {
  margin-left: 175px;
  margin-right: 175px;
  margin-top: 5px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .block-education-partners .block-education-partners-logo-list {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    font-size: 18px;
  }
  .block-education-partners .block-education-partners-logo-list h3 {
    text-align: center;
    font-size: 2rem;
  }
}

.block-education-partners .block-education-partners-logo-images {
  margin-left: 210px;
  margin-right: 210px;
  margin-top: 5px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .block-education-partners .block-education-partners-logo-images {
    margin-top: unset;
    margin-right: 20px;
    margin-left: 20px;
  }
  .block-education-partners .block-education-partners-logo-images img {
    max-width: 22%;
  }
}

/**
 * @file
 * Navigation Styling
 */
/*
 * Markup generated by theme_menu_tree().
 */
ul li.expanded {
  *list-style-image: url(../images/menu-expanded.png);
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABJJREFUeJxj+MdQw2DBIMAABgAUsAHD3c3BpwAAAABJRU5ErkJggg==");
  list-style-type: circle;
}

ul li.collapsed {
  *list-style-image: url(../images/menu-collapsed.png);
  /* LTR */
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHAQMAAAD+nMWQAAAABlBMVEX///8AAABVwtN+AAAAAXRSTlMAQObYZgAAABFJREFUCB1jVmCGQClmEWYOAAZ8AMy3HPLXAAAAAElFTkSuQmCC");
  /* LTR */
  list-style-type: disc;
}

ul li.leaf {
  *list-style-image: url(../images/menu-leaf.png);
  list-style-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHBAMAAAA2fErgAAAAD1BMVEX///+/v7+Li4sAAADAwMBFvsw8AAAAAXRSTlMAQObYZgAAAB1JREFUCFtjYAADYwMGBmYVZSDhKAwkFJWhYiAAAB2+Aa/9ugeaAAAAAElFTkSuQmCC");
  list-style-type: square;
}

/*
 * The active item in a Drupal menu
 */
li a.active {
  color: #000;
}

/*
 * Navigation bar
 */
#navigation {
  /* overflow: hidden; */
  /* Sometimes you want to prevent overlapping with main div. */
}

#navigation .block {
  margin-bottom: 0;
}

#navigation .block-menu .block-title,
#navigation .block-menu-block .block-title {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}

#navigation ul.links,
#navigation ul.menu {
  /* Menu block links */
  margin: 0;
  padding: 0;
  text-align: left;
  /* LTR */
}

#navigation ul.links li,
#navigation ul.menu li {
  /* A simple method to get navigation links to appear in one line. */
  float: left;
  /* LTR */
  padding: 0 10px 0 0;
  /* LTR */
  list-style-type: none;
  list-style-image: none;
}

/*
 * Secondary Mobile Menus
 */
.mobile-secondary-menu {
  background: #252525;
  padding-top: 15px;
  padding-bottom: 15px;
  color: white;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
}

.mobile-secondary-menu a {
  background-color: unset;
  font-size: 1.7rem;
  color: white;
}

.mobile-secondary-menu a:hover {
  background-color: unset;
}

.mobile-secondary-menu li a.active {
  color: white;
}

/*
 * Secondary Mobile Menus
 */
.section-learn .mobile-secondary-menu {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .section-learn .mobile-secondary-menu {
    display: block;
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4) {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4):before {
    content: "- ";
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4) ul {
    margin-top: unset;
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4) ul li {
    display: block;
    font-size: 1em;
    font-weight: normal;
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4) ul li:before {
    content: unset;
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4) ul li a {
    font-size: 2rem;
  }
  .section-learn .mobile-secondary-menu ul li:nth-child(4) ul li a:hover {
    color: white;
  }
  .section-learn .mobile-secondary-menu ul li:not(:nth-child(4)) {
    display: none;
  }
}

.page-node-31 .mobile-secondary-menu,
.page-node-34 .mobile-secondary-menu,
.military-ceremonies .mobile-secondary-menu,
.catering .mobile-secondary-menu,
.meetings-and-event-rentals .mobile-secondary-menu {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .page-node-31 .mobile-secondary-menu,
  .page-node-34 .mobile-secondary-menu,
  .military-ceremonies .mobile-secondary-menu,
  .catering .mobile-secondary-menu,
  .meetings-and-event-rentals .mobile-secondary-menu {
    display: block;
    padding-right: 20px;
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5),
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5),
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5),
  .catering .mobile-secondary-menu ul li:nth-child(5),
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5) {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5):before,
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5):before,
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5):before,
  .catering .mobile-secondary-menu ul li:nth-child(5):before,
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5):before {
    content: "- ";
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5) ul,
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5) ul,
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5) ul,
  .catering .mobile-secondary-menu ul li:nth-child(5) ul,
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5) ul {
    margin-top: unset;
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5) ul li,
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5) ul li,
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5) ul li,
  .catering .mobile-secondary-menu ul li:nth-child(5) ul li,
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5) ul li {
    display: block;
    font-size: 1em;
    font-weight: normal;
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5) ul li:before,
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5) ul li:before,
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5) ul li:before,
  .catering .mobile-secondary-menu ul li:nth-child(5) ul li:before,
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5) ul li:before {
    content: unset;
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5) ul li a,
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5) ul li a,
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5) ul li a,
  .catering .mobile-secondary-menu ul li:nth-child(5) ul li a,
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5) ul li a {
    font-size: 2rem;
  }
  .page-node-31 .mobile-secondary-menu ul li:nth-child(5) ul li a:hover,
  .page-node-34 .mobile-secondary-menu ul li:nth-child(5) ul li a:hover,
  .military-ceremonies .mobile-secondary-menu ul li:nth-child(5) ul li a:hover,
  .catering .mobile-secondary-menu ul li:nth-child(5) ul li a:hover,
  .meetings-and-event-rentals .mobile-secondary-menu ul li:nth-child(5) ul li a:hover {
    color: white;
  }
  .page-node-31 .mobile-secondary-menu ul li:not(:nth-child(5)),
  .page-node-34 .mobile-secondary-menu ul li:not(:nth-child(5)),
  .military-ceremonies .mobile-secondary-menu ul li:not(:nth-child(5)),
  .catering .mobile-secondary-menu ul li:not(:nth-child(5)),
  .meetings-and-event-rentals .mobile-secondary-menu ul li:not(:nth-child(5)) {
    display: none;
  }
}

/*
   * Plan Your Visit
   */
.page-node-7 .mobile-secondary-menu,
.audio-guide .mobile-secondary-menu,
.getting-here .mobile-secondary-menu,
.visiting-kansas-city .mobile-secondary-menu,
.faq .mobile-secondary-menu,
.plan-your-visit .mobile-secondary-menu {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .page-node-7 .mobile-secondary-menu,
  .audio-guide .mobile-secondary-menu,
  .getting-here .mobile-secondary-menu,
  .visiting-kansas-city .mobile-secondary-menu,
  .faq .mobile-secondary-menu,
  .plan-your-visit .mobile-secondary-menu {
    display: block;
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1),
  .audio-guide .mobile-secondary-menu ul li:nth-child(1),
  .getting-here .mobile-secondary-menu ul li:nth-child(1),
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1),
  .faq .mobile-secondary-menu ul li:nth-child(1),
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1) {
    display: block;
    font-size: 1.17em;
    font-weight: bold;
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1):before,
  .audio-guide .mobile-secondary-menu ul li:nth-child(1):before,
  .getting-here .mobile-secondary-menu ul li:nth-child(1):before,
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1):before,
  .faq .mobile-secondary-menu ul li:nth-child(1):before,
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1):before {
    content: "- ";
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1) ul,
  .audio-guide .mobile-secondary-menu ul li:nth-child(1) ul,
  .getting-here .mobile-secondary-menu ul li:nth-child(1) ul,
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1) ul,
  .faq .mobile-secondary-menu ul li:nth-child(1) ul,
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1) ul {
    margin-top: unset;
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1) ul li,
  .audio-guide .mobile-secondary-menu ul li:nth-child(1) ul li,
  .getting-here .mobile-secondary-menu ul li:nth-child(1) ul li,
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1) ul li,
  .faq .mobile-secondary-menu ul li:nth-child(1) ul li,
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1) ul li {
    display: block;
    font-size: 1em;
    font-weight: normal;
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1) ul li:before,
  .audio-guide .mobile-secondary-menu ul li:nth-child(1) ul li:before,
  .getting-here .mobile-secondary-menu ul li:nth-child(1) ul li:before,
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1) ul li:before,
  .faq .mobile-secondary-menu ul li:nth-child(1) ul li:before,
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1) ul li:before {
    content: unset;
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1) ul li a,
  .audio-guide .mobile-secondary-menu ul li:nth-child(1) ul li a,
  .getting-here .mobile-secondary-menu ul li:nth-child(1) ul li a,
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1) ul li a,
  .faq .mobile-secondary-menu ul li:nth-child(1) ul li a,
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1) ul li a {
    font-size: 2rem;
  }
  .page-node-7 .mobile-secondary-menu ul li:nth-child(1) ul li a:hover,
  .audio-guide .mobile-secondary-menu ul li:nth-child(1) ul li a:hover,
  .getting-here .mobile-secondary-menu ul li:nth-child(1) ul li a:hover,
  .visiting-kansas-city .mobile-secondary-menu ul li:nth-child(1) ul li a:hover,
  .faq .mobile-secondary-menu ul li:nth-child(1) ul li a:hover,
  .plan-your-visit .mobile-secondary-menu ul li:nth-child(1) ul li a:hover {
    color: white;
  }
  .page-node-7 .mobile-secondary-menu ul li:not(:first-child),
  .audio-guide .mobile-secondary-menu ul li:not(:first-child),
  .getting-here .mobile-secondary-menu ul li:not(:first-child),
  .visiting-kansas-city .mobile-secondary-menu ul li:not(:first-child),
  .faq .mobile-secondary-menu ul li:not(:first-child),
  .plan-your-visit .mobile-secondary-menu ul li:not(:first-child) {
    display: none;
  }
}

/*
 * Main menu and Secondary menu links
 */
#secondary-menu {
  float: right;
  /* LTR */
}

/*
 * Menu blocks
 */
/*
 * "Menu block" blocks
 *
 * Drupal core has limited ways in which it can display its menus. To get around
 * these limitations, see http://drupal.org/project/menu_block
 */
.onecol .region-contentfooter .mobile-secondary-menu {
  display: none;
}

@media (min-width: 55.5em) {
  .twocol .region-contentfooter .mobile-secondary-menu {
    display: none;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .twocol .region-contentfooter .mobile-secondary-menu {
    padding-left: 20px;
    padding-top: 1rem;
    background-color: #464646;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li.is-expanded {
    font-weight: bold;
    list-style-type: none;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li.is-expanded:before {
    content: "\00af";
  }
  .twocol .region-contentfooter .mobile-secondary-menu li ul li {
    font-weight: 100 !important;
    list-style-type: none;
    list-style-image: none;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li ul li:before {
    display: none;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li ul {
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li.collapsed {
    list-style-image: none;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li {
    list-style-type: none;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li:hover {
    color: white;
  }
  .twocol .region-contentfooter .mobile-secondary-menu li a:hover {
    color: white;
  }
  .twocol .region-contentfooter .mobile-secondary-menu ul li:not(:first-child) {
    display: block;
  }
}

/**
 * @file
 * Views Styling
 */
/*
 * Views' admin tabs
 *
 * The views admin tabs use the same classes as the secondary tabs. We prevent
 * some of our tab styling from bleeding into (and breaking) the Views admin
 * pages. If your sub-theme isn't used for admin pages, you can remove this
 * entire section.
 */
.views-displays .secondary li {
  float: none;
  margin: 0 6px 0;
}

.views-displays .secondary a:link,
.views-displays .secondary a:visited {
  text-shadow: none;
  padding: 2px 7px 3px;
}

.views-displays .secondary .open > a {
  -webkit-border-radius: 7px 7px 0 0;
  -moz-border-radius: 7px 7px 0 0;
  -ms-border-radius: 7px 7px 0 0;
  -o-border-radius: 7px 7px 0 0;
  border-radius: 7px 7px 0 0;
}

.views-displays .secondary .open > a:hover {
  color: #333;
}

.views-displays .secondary .action-list li {
  margin: 0;
}

.views-displays .secondary .action-list li:first-child {
  -webkit-border-radius: 0 7px 0 0;
  -moz-border-radius: 0 7px 0 0;
  -ms-border-radius: 0 7px 0 0;
  -o-border-radius: 0 7px 0 0;
  border-radius: 0 7px 0 0;
}

.views-displays .secondary .action-list li:last-child {
  -webkit-border-radius: 0 0 7px 7px;
  -moz-border-radius: 0 0 7px 7px;
  -ms-border-radius: 0 0 7px 7px;
  -o-border-radius: 0 0 7px 7px;
  border-radius: 0 0 7px 7px;
}

/**
 * @file
 * Node Styling
 *
 * Style anything that isn't in the $content variable.
 */
.node {
  /* Node wrapper */
}

.node.homenode {
  display: none;
}

.preview .node {
  /* Preview of the content before submitting new or updated content */
  /* background-color: #ffffea; */
  /* Drupal core uses a #ffffea background */
}

.node .node-title {
  /* Node title */
}

.node .user-picture {
  /* The picture of the node author */
}

.node .submitted {
  /* The "posted by" information */
}

.node .content {
  /* Node's content wrapper */
}

.node ul.links {
  /* Node links. See also the ul.links declaration in the pages.css. */
}

.node-promoted {
  /* A node that has been promoted to the front page */
}

.node-sticky {
  /* A sticky node (displayed before others in a list) */
}

.node-by-viewer {
  /* A node created by the current user */
}

.node-teaser {
  /* A node displayed as teaser */
}

/*
 * All nodes are given a node-FOO class that describes the type of content that
 * it is. If you create a new content type called "my-custom-type", it will
 * receive a "node-my-custom-type" class.
 */
.node-article {
  /* Article content node */
}

.node-unpublished {
  /* Unpublished nodes */
  /* background-color: #fff4f4; */
  /* Drupal core uses a #fff4f4 background */
}

.node-unpublished p.unpublished,
.comment-unpublished p.unpublished {
  /* The word "Unpublished" displayed underneath the content. */
  height: 0;
  overflow: visible;
  color: #d8d8d8;
  font-size: 75px;
  line-height: 1;
  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  word-wrap: break-word;
  /* A very nice CSS3 property */
}

.lt-ie8 .node-unpublished p.unpublished > *,
.lt-ie8 .comment-unpublished > * {
  position: relative;
  /* Otherwise these elements will appear below the "Unpublished" text. */
}

/**
 * @file
 * Comment Styling
 */
.comments {
  /* Wrapper for the list of comments and its title */
  margin: 1.5em 0;
}

.comments h2.title {
  /* Heading for the list of comments */
}

.comments h2.comment-form {
  /* Heading for the comment form */
}

.comment {
  /* Wrapper for a single comment */
}

.comment-preview {
  /* Preview of the comment before submitting new or updated comment */
  background-color: #ffffea;
  /* Drupal core will use a #ffffea background. See #1110842 */
}

.comment.new {
  /* A new comment since the user last viewed the page. */
}

.comment.first {
  /* The first comment in the list of comments */
}

.comment.last {
  /* The last comment in the list of comments */
}

.comment.odd {
  /* An odd-numbered comment in the list of comments */
}

.comment.even {
  /* An even-numbered comment in the list of comments */
}

.comment-by-anonymous {
  /* A comment created by an anonymous user */
}

.comment-by-node-author {
  /* A comment created by the node's author */
}

.comment-by-viewer {
  /* A comment created by the current user */
}

h3.comment-title {
  /* Comment title */
}

.comment .new {
  /* "New" marker for comments that are new for the current user */
  color: #c00;
}

.comment .user-picture {
  /* The picture of the comment author */
}

.comment .submitted {
  /* The "posted by" information */
}

.comment .permalink {
  /* Comment's permalink wrapper */
  text-transform: uppercase;
  font-size: 75%;
}

.comment .user-signature {
  /* The user's signature */
}

.comment ul.links {
  /* Comment links. See also the ul.links declaration in the pages.css. */
}

.indented {
  /* Nested comments are indented */
  margin-left: 30px;
  /* Drupal core uses a 25px left margin */
}

.comment-unpublished {
  /* Unpublished comments */
  /* background-color: #fff4f4; */
  /* Drupal core uses a #fff4f4 background */
}

.comment-unpublished p.unpublished {
  /* The word "Unpublished" displayed underneath the content. See also the div.unpublished declaration in the nodes.css. */
}

/**
 * @file
 * Form Styling
 */
.form-item {
  /* Wrapper for a form element (or group of form elements) and its label */
  margin: 1.5em 0;
}

.form-item input.error,
.form-item textarea.error,
.form-item select.error {
  /* Highlight the form elements that caused a form submission error */
  border: 1px solid #c00;
}

.form-item label {
  /* The label for a form element */
  display: block;
  font-weight: bold;
}

.form-item label.option {
  /* The label for a radio button or checkbox */
  display: inline;
  font-weight: normal;
}

.form-required {
  /* The part of the label that indicates a required field */
  color: #c00;
}

.form-item .description {
  /* The descriptive help text (separate from the label) */
  font-size: 0.85em;
}

.form-checkboxes .form-item,
.form-radios .form-item {
  /* Pack groups of checkboxes and radio buttons closer together */
  margin: 0;
  /* Drupal core uses "0.4em 0" */
}

.form-submit {
  /* The submit button */
}

.container-inline div,
.container-inline label {
  /* Inline labels and form divs */
  display: inline;
}

.tips {
  /* Tips for Drupal's input formats */
}

a.button {
  /* Buttons used by contrib modules like Media */
  -webkit-appearance: button;
  -moz-appearance: button;
  appearance: button;
}

/*
 * Password confirmation
 */
.password-parent,
.confirm-parent {
  margin: 0;
}

/*
 * Search (search-block-form.tpl.php)
 */
#block-search-form {
  /* Wrapper for the search form */
}

/*
 * Drupal's default login form block
 */
#user-login-form {
  text-align: left;
  /* LTR */
}

/*
 * OpenID
 *
 * The default styling for the OpenID login link seems to assume Garland's
 * styling of list items.
 */
#user-login-form ul {
  /* OpenID creates a new ul above the login form's links. */
  margin-bottom: 0;
  /* Position OpenID's ul next to the rest of the links. */
}

html.js #user-login-form li.openid-link,
#user-login-form li.openid-link {
  /* The "Log in using OpenID" link. */
  margin-top: 1.5em;
  margin-left: -20px;
  /* LTR */
  /* Un-do some of the padding on the ul list. */
}

#user-login-form li.user-link {
  /* The "Cancel OpenID login" link. */
  margin-top: 1.5em;
}

#user-login ul {
  margin: 1.5em 0;
}

/*
 * Drupal admin tables
 *
 * We overrode these styles in normalize.css, but restore them for the admin
 * section of the site.
 */
form th {
  text-align: left;
  /* LTR */
  padding-right: 1em;
  /* LTR */
  border-bottom: 3px solid #ccc;
}

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

form tr.even {
  background-color: #fff;
}

form table .item-list ul {
  margin: 0;
}

.lt-ie8 tr.even th,
.lt-ie8 tr.even td,
.lt-ie8 tr.odd th,
.lt-ie8 tr.odd td {
  border-bottom: 1px solid #ccc;
  /* IE doesn't display borders on table rows */
}

/*
 * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
 */
td.menu-disabled {
  background: #ccc;
}

/**
 * @file
 * Field Styling
 *
 * The Fences module allows site builders to pick the semeantic HTML5 element
 * for each field while editing the field's settings. There's no way a theme
 * can ever know which element to use for the fields on your site, so Zen
 * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
 * divs around every field (do you?), we highly recommend Fences.
 *
 * http://drupal.org/project/fences
 */
/*
 * Field wrappers when the Fences module is enabled.
 */
.field-label {
  /* The optional label for a field. */
}

.field-FIELDNAME {
  /* Underscores in field name are replaced with dashes. */
}

/*
 * If you don't use the Fences module, that's fine. Really. I think. Just use
 * these selectors instead:
 */
.field {
  /* Wrapper for any field. */
}

/*
 * Field types (Core)
 */
/*
 * Field types (Contrib)
 */
.field-type-datetime {
  /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
}

/*
 * Named fields
 */
.field-name-field-FIELDNAME {
  /* Underscores in field name are replaced with dashes. */
}

/**
 * @file
 * Print styling
 *
 * We provide some sane print styling for Drupal using Zen's layout method.
 */
@media print {
  a:link,
  a:visited {
    /* underline all links */
    text-decoration: underline !important;
  }
  #site-name a:link,
  #site-name a:visited {
    /* Don't underline header */
    text-decoration: none !important;
  }
  #content a[href]:after {
    /* Add visible URL after links. */
    content: " (" attr(href) ")";
    font-weight: normal;
    font-size: 16px;
  }
  #content a[href^="javascript:"]:after,
  #content a[href^="#"]:after {
    /* Only display useful links. */
    content: "";
  }
  #content abbr[title]:after {
    /* Add visible title after abbreviations. */
    content: " (" attr(title) ")";
  }
  #content {
    /* Un-float the content */
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  body,
  #page,
  #main,
  #content {
    /* Turn off any background colors or images */
    color: #000;
    background-color: transparent !important;
    background-image: none !important;
  }
  #skip-link,
  #toolbar,
  #navigation,
  .region-sidebar-first,
  .region-sidebar-second,
  #footer,
  .breadcrumb,
  .tabs,
  .action-links,
  .links,
  .book-navigation,
  .forum-topic-navigation,
  .pager,
  .feed-icons {
    /* Hide sidebars and nav elements */
    visibility: hidden;
    display: none;
  }
}

/* End @media print */
/*! jQuery UI - v1.10.2 - 2013-03-22
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.datepicker.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Segoe%20UI%2CArial%2Csans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=6px&bgColorHeader=%23333333&bgTextureHeader=gloss_wave&bgImgOpacityHeader=25&borderColorHeader=%23333333&fcHeader=%23ffffff&iconColorHeader=%23ffffff&bgColorContent=%23000000&bgTextureContent=inset_soft&bgImgOpacityContent=25&borderColorContent=%23666666&fcContent=%23ffffff&iconColorContent=%23cccccc&bgColorDefault=%23555555&bgTextureDefault=glass&bgImgOpacityDefault=20&borderColorDefault=%23666666&fcDefault=%23eeeeee&iconColorDefault=%23cccccc&bgColorHover=%2316175a&bgTextureHover=glass&bgImgOpacityHover=40&borderColorHover=%2359b4d4&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23f3493d&bgTextureActive=inset_soft&bgImgOpacityActive=30&borderColorActive=%23ffaf0f&fcActive=%23ffffff&iconColorActive=%23222222&bgColorHighlight=%23eeeeee&bgTextureHighlight=highlight_soft&bgImgOpacityHighlight=80&borderColorHighlight=%23cccccc&fcHighlight=%232e7db2&iconColorHighlight=%234b8e0b&bgColorError=%23ffc73d&bgTextureError=glass&bgImgOpacityError=40&borderColorError=%23ffb73d&fcError=%23111111&iconColorError=%23a83300&bgColorOverlay=%235c5c5c&bgTextureOverlay=flat&bgImgOpacityOverlay=50&opacityOverlay=80&bgColorShadow=%23cccccc&bgTextureShadow=flat&bgImgOpacityShadow=30&opacityShadow=60&thicknessShadow=7px&offsetTopShadow=-7px&offsetLeftShadow=-7px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors Licensed MIT */
/* Override default datepicker */
#ui-datepicker-div {
  z-index: 3;
  font-size: 12px;
  background: #000;
  font: 12px/22.5px "Helvetica Neue", HelveticaNeue, Helvetica, Arial, sans-serif;
}

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  clear: both;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-datepicker {
  width: 17em;
  padding: .2em .2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: .2em 0;
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: .9em;
  border-collapse: collapse;
  margin: 0 0 .4em;
}

.ui-datepicker th {
  padding: .7em .3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span,
.ui-datepicker td a {
  display: block;
  padding: .2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: .7em 0 0 0;
  padding: 0 .2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: .5em .2em .4em;
  cursor: pointer;
  padding: .2em .6em .3em .6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto .4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Segoe UI, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
  font-family: Segoe UI, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #666666;
  background: #000000 url(../img/ui-bg_inset-soft_25_000000_1x100.png) 50% bottom repeat-x;
  color: #ffffff;
}

.ui-widget-content a {
  color: #ffffff;
}

.ui-widget-header {
  border: 1px solid #333333;
  background: #333333 url(../img/ui-bg_gloss-wave_25_333333_500x100.png) 50% 50% repeat-x;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-header a {
  color: #ffffff;
}

/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
  border: 1px solid #666666;
  background: #555555 url(../img/ui-bg_glass_20_555555_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #eeeeee;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
  color: #eeeeee;
  text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  border: 1px solid #59b4d4;
  background: #16175a url(../img/ui-bg_glass_40_16175a_1x400.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited {
  color: #ffffff;
  text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border: 1px solid #ffaf0f;
  background: #f3493d url(../img/ui-bg_inset-soft_30_f3493d_1x100.png) 50% 50% repeat-x;
  font-weight: bold;
  color: #ffffff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  color: #ffffff;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border: 1px solid #cccccc;
  background: #eeeeee url(../img/ui-bg_highlight-soft_80_eeeeee_1x100.png) 50% top repeat-x;
  color: #2e7db2;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
  color: #2e7db2;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border: 1px solid #ffb73d;
  background: #ffc73d url(../img/ui-bg_glass_40_ffc73d_1x400.png) 50% 50% repeat-x;
  color: #111111;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
  color: #111111;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #111111;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  opacity: .7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: .35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and ../img */
.ui-icon {
  width: 16px;
  height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
  background-image: url(../img/ui-icons_cccccc_256x240.png);
}

.ui-widget-header .ui-icon {
  background-image: url(../img/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(../img/ui-icons_cccccc_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
  background-image: url(../img/ui-icons_ffffff_256x240.png);
}

.ui-state-active .ui-icon {
  background-image: url(../img/ui-icons_222222_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(../img/ui-icons_4b8e0b_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
  background-image: url(../img/ui-icons_a83300_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
  background-position: -80px -160px;
}

.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 6px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 6px;
}

/* Overlays */
.ui-widget-overlay {
  background: #5c5c5c url(../img/ui-bg_flat_50_5c5c5c_40x100.png) 50% 50% repeat-x;
  opacity: .8;
  filter: Alpha(Opacity=80);
}

.ui-widget-shadow {
  margin: -7px 0 0 -7px;
  padding: 7px;
  background: #cccccc url(../img/ui-bg_flat_30_cccccc_40x100.png) 50% 50% repeat-x;
  opacity: .6;
  filter: Alpha(Opacity=60);
  border-radius: 8px;
}

/* Chosen @group Base */
.chzn-container {
  font-size: 13px;
  font-family: sans-serif;
  position: relative;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.chzn-container .chzn-drop {
  background: #474747;
  border: 1px solid #333;
  border-top: 0;
  position: absolute;
  top: 29px;
  left: 0;
  -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
  z-index: 1010;
}

/* @end */
/* @group Single Chosen */
.chzn-container-single .chzn-single {
  background-color: #474747;
  border: 1px solid #333;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  position: relative;
  height: 23px;
  line-height: 24px;
  padding: 5px 5px 5px 10px;
  color: #FFF;
  text-decoration: none;
  font-family: 'futura-pt';
  font-weight: 400;
  font-size: 16px;
}

.chzn-container-single .chzn-default {
  color: #999;
}

.chzn-container-single .chzn-single span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

.chzn-container-single .chzn-single abbr {
  display: block;
  position: absolute;
  right: 26px;
  top: 6px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("../img/chosen-sprite.png") right top no-repeat;
}

.chzn-container-single .chzn-single abbr:hover {
  background-position: right -11px;
}

.chzn-container-single.chzn-disabled .chzn-single abbr:hover {
  background-position: right top;
}

.chzn-container-single .chzn-single div {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  height: 100%;
  width: 20px;
}

.chzn-container-single .chzn-single div b {
  background: url("../img/btn_sprite.png") no-repeat 100% -436px;
  display: block;
  width: 100%;
  height: 100%;
}

.chzn-container-single .chzn-search {
  padding: 3px 4px;
  position: relative;
  margin: 0;
  white-space: nowrap;
  z-index: 1010;
}

.chzn-container-single .chzn-search input {
  background: #fff url("../img/chosen-sprite.png") no-repeat 100% -22px;
  background: url("../img/chosen-sprite.png") no-repeat 100% -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../img/chosen-sprite.png") no-repeat 100% -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../img/chosen-sprite.png") no-repeat 100% -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../img/chosen-sprite.png") no-repeat 100% -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../img/chosen-sprite.png") no-repeat 100% -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  margin: 1px 0;
  padding: 4px 20px 4px 5px;
  outline: 0;
  border: 1px solid #aaa;
  font-family: sans-serif;
  font-size: 1em;
}

/* @end */
.chzn-container-single-nosearch .chzn-search input {
  position: absolute;
  left: -9000px;
}

/* @group Multi Chosen */
.chzn-container-multi .chzn-choices {
  background-color: #fff;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background-image: -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
  border: 1px solid #aaa;
  margin: 0;
  padding: 0;
  cursor: text;
  overflow: hidden;
  height: auto !important;
  height: 1%;
  position: relative;
}

.chzn-container-multi .chzn-choices li {
  float: left;
  list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
  white-space: nowrap;
  margin: 0;
  padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
  color: #666;
  background: transparent !important;
  border: 0 !important;
  font-family: sans-serif;
  font-size: 100%;
  height: 15px;
  padding: 5px;
  margin: 1px 0;
  outline: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
  color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  -webkit-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 2px #ffffff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
  color: #333;
  border: 1px solid #aaaaaa;
  line-height: 13px;
  padding: 3px 20px 3px 5px;
  margin: 3px 0 3px 5px;
  position: relative;
  cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice.search-choice-disabled {
  background-color: #e4e4e4;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#eeeeee', GradientType=0);
  background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: -ms-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
  color: #666;
  border: 1px solid #cccccc;
  padding-right: 5px;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
  background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
  display: block;
  position: absolute;
  right: 3px;
  top: 4px;
  width: 12px;
  height: 13px;
  font-size: 1px;
  background: url("../img/chosen-sprite.png") right top no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
  background-position: right -11px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
  background-position: right -11px;
}

/* @end */
/* @group Results */
.chzn-container .chzn-results {
  margin: 0 4px 4px 0;
  max-height: 240px;
  padding: 0 0 0 4px;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

.chzn-container-multi .chzn-results {
  margin: -1px 0 0;
  padding: 0;
}

.chzn-container .chzn-results li {
  display: none;
  line-height: 15px;
  padding: 5px 6px;
  margin: 0;
  list-style: none;
}

.chzn-container .chzn-results .active-result {
  cursor: pointer;
  display: list-item;
}

.chzn-container .chzn-results .highlighted {
  background-color: #1091e8;
  color: #fff;
}

.chzn-container .chzn-results li em {
  background: #feffde;
  font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
  background: transparent;
}

.chzn-container .chzn-results .no-results {
  background: #f4f4f4;
  display: list-item;
}

.chzn-container .chzn-results .group-result {
  cursor: default;
  color: #999;
  font-weight: bold;
}

.chzn-container .chzn-results .group-option {
  padding-left: 15px;
}

.chzn-container-multi .chzn-drop .result-selected {
  display: none;
}

.chzn-container .chzn-results-scroll {
  background: white;
  margin: 0 4px;
  position: absolute;
  text-align: center;
  width: 321px;
  /* This should by dynamic with js */
  z-index: 1;
}

.chzn-container .chzn-results-scroll span {
  display: inline-block;
  height: 17px;
  text-indent: -5000px;
  width: 9px;
}

.chzn-container .chzn-results-scroll-down {
  bottom: 0;
}

.chzn-container .chzn-results-scroll-down span {
  background: url("../img/chosen-sprite.png") no-repeat -4px -3px;
}

.chzn-container .chzn-results-scroll-up span {
  background: url("../img/chosen-sprite.png") no-repeat -22px -3px;
}

/* @end */
/* @group Active  */
.chzn-container-active .chzn-single-with-drop {
  background-color: #474747;
}

.chzn-container-single > a:hover {
  background-color: #474747;
  color: #EEE;
}

.chzn-container-active .chzn-single-with-drop div {
  background: transparent;
  border-left: none;
}

.chzn-container-active .chzn-single-with-drop div b {
  /*background-position: -18px 1px;*/
}

.chzn-container-active .chzn-choices {
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  border: 1px solid #5897fb;
}

.chzn-container-active .chzn-choices .search-field input {
  color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chzn-disabled {
  cursor: default;
  opacity: 0.5 !important;
}

.chzn-disabled .chzn-single {
  cursor: default;
}

.chzn-disabled .chzn-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @group Right to Left */
.chzn-rtl {
  text-align: right;
}

.chzn-rtl .chzn-single {
  padding: 0 8px 0 0;
  overflow: visible;
}

.chzn-rtl .chzn-single span {
  margin-left: 26px;
  margin-right: 0;
  direction: rtl;
}

.chzn-rtl .chzn-single div {
  left: 3px;
  right: auto;
}

.chzn-rtl .chzn-single abbr {
  left: 26px;
  right: auto;
}

.chzn-rtl .chzn-choices .search-field input {
  direction: rtl;
}

.chzn-rtl .chzn-choices li {
  float: right;
}

.chzn-rtl .chzn-choices .search-choice {
  padding: 3px 5px 3px 19px;
  margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
  left: 4px;
  right: auto;
  background-position: right top;
}

.chzn-rtl.chzn-container-single .chzn-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chzn-rtl .chzn-results .group-option {
  padding-left: 0;
  padding-right: 15px;
}

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
  border-right: none;
}

.chzn-rtl .chzn-search input {
  background: #fff url("../img/chosen-sprite.png") no-repeat -38px -22px;
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, -webkit-gradient(linear, 0 0, 0 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, -webkit-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, -moz-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, -o-linear-gradient(top, #eeeeee 1%, #ffffff 15%);
  background: url("../img/chosen-sprite.png") no-repeat -38px -22px, linear-gradient(#eeeeee 1%, #ffffff 15%);
  padding: 4px 5px 4px 20px;
  direction: rtl;
}

.upcoming-events .chzn-container .chzn-results {
  max-height: inherit;
}

/* @end */
.content .searchhead {
  clear: both;
  font-weight: bold;
  margin: 10px 0;
}

.search-results,
.search-results .search-result,
.search-results .search-result .search-title,
.search-results .search-result .search-snippet-info p,
div.item-list,
div.item-list ul.pager {
  margin: 0;
}

.search-results {
  padding: 0;
}

.search-results li {
  list-style: none;
  padding: 15px 0;
}

.search-results .search-result .search-title {
  font-weight: normal;
}

.search-results .search-result .search-snippet-info .search-url,
.search-results .search-result .search-snippet-info .search-info {
  margin: 0;
}

.search-results .search-result .search-snippet-info .search-snippet {
  margin: 10px 0;
}

.search-results .gss-result .search-snippet-info .search-url {
  font-style: italic;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .search-results .search-snippet-info .search-url {
    overflow-wrap: break-word;
    word-wrap: break-word;
  }
}

.section-search div.item-list {
  margin-top: 40px;
}

div.item-list ul.pager li {
  margin-left: 0;
  padding: 4px 10px 4px 10px;
}

/*! normalize.css v1.0.1 | MIT License | git.io/normalize */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden] {
  display: none;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
  font-family: sans-serif;
}

body {
  margin: 0;
}

a:focus {
  outline: thin dotted;
}

a:active, a:hover {
  outline: 0;
}

h1 {
  font-size: 2em;
  margin: .67em 0;
}

h2 {
  font-size: 1.5em;
  margin: .83em 0;
}

h3 {
  font-size: 1.17em;
  margin: 1em 0;
}

h4 {
  font-size: 1em;
  margin: 1.33em 0;
}

h5 {
  font-size: .83em;
  margin: 1.67em 0;
}

h6 {
  font-size: .75em;
  margin: 2.33em 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b, strong {
  font-weight: bold;
}

blockquote {
  margin: 1em 40px;
}

dfn {
  font-style: italic;
}

mark {
  background: #ff0;
  color: #000;
}

p, pre {
  margin: 1em 0;
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  _font-family: 'courier new', monospace;
  font-size: 1em;
}

pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

q {
  quotes: none;
}

q:before, q:after {
  content: '';
  content: none;
}

small {
  font-size: 80%;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

dl, menu, ol, ul {
  margin: 1em 0;
}

dd {
  margin: 0 0 0 40px;
}

menu, ol, ul {
  padding: 0 0 0 40px;
}

nav ul, nav ol {
  list-style: none;
  list-style-image: none;
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 0;
}

form {
  margin: 0;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: .35em .625em .75em;
}

legend {
  border: 0;
  padding: 0;
  white-space: normal;
  *margin-left: -7px;
}

button, input, select, textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}

button, input {
  line-height: normal;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  *overflow: visible;
}

button[disabled], input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *height: 13px;
  *width: 13px;
}

input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .node-type-interactive-image-page .article {
    padding: 0 !important;
  }
  .node-type-interactive-image-page .imagepoint {
    background: none;
  }
  .node-type-interactive-image-page .instructions {
    display: none;
  }
  .node-type-interactive-image-page .tooltip-new,
  .node-type-interactive-image-page .imagepoint-number,
  .node-type-interactive-image-page .image-text {
    display: block !important;
  }
  .node-type-interactive-image-page .image-text {
    margin-bottom: 5rem;
  }
  .node-type-interactive-image-page .imagepoint-number {
    background: #0c0c0c;
    border-radius: 50%;
    color: white;
    display: block;
    font-family: "futura-pt", sans-serif;
    font-weight: bold;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    width: 25px;
  }
}

.node-type-interactive-image-page .imagepoint-number,
.node-type-interactive-image-page .image-text {
  display: none;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .zimmermann-telegram iframe {
    width: 100%;
  }
}

/* Homepage Hero Block */
#block-views-homepage-hero-block {
  color: #FFF;
}

#block-views-homepage-hero-block .view {
  height: 530px;
  width: 100% !important;
  overflow: hidden;
  position: relative;
}

#block-views-homepage-hero-block .view ul {
  margin: 0;
  list-style: none;
}

#block-views-homepage-hero-block .view li {
  margin: 0;
  height: 530px;
  width: 100%;
  max-width: 1265px;
  float: left;
  position: relative;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-hero-block .view li {
    background-position: center;
  }
}

#block-views-homepage-hero-block .view a {
  padding: 0;
}

#block-views-homepage-hero-block .view a:hover {
  color: inherit;
}

#block-views-homepage-hero-block .view a:hover h2 {
  background-color: #16175a;
}

#block-views-homepage-hero-block .view a h2 {
  transition: background-color 0.25s linear;
}

#block-views-homepage-hero-block .view .slide img {
  width: 100%;
  max-width: 1265px;
  height: 530px;
}

#block-views-homepage-hero-block .view .slide h1 {
  font-size: 110px;
  line-height: 110px;
}

#block-views-homepage-hero-block .view .slide h1 b {
  font-weight: 700;
}

#block-views-homepage-hero-block .view .slide h1,
#block-views-homepage-hero-block .view .slide h2 {
  display: block;
  position: absolute;
  width: 100%;
  max-width: 954px;
  left: 0;
  bottom: 87px;
  font-weight: 300;
  font-size: 40px;
  text-align: center;
  letter-spacing: 0;
  background: #f3493d;
  background: rgba(243, 73, 61, 0.9);
}

@media (min-width: 0em) and (max-width: 60em) {
  #block-views-homepage-hero-block .view .slide h1,
  #block-views-homepage-hero-block .view .slide h2 {
    position: relative;
    left: unset;
    bottom: unset;
    text-align: left;
    width: auto;
    font-size: 22px;
  }
  #block-views-homepage-hero-block .view .slide h1 span,
  #block-views-homepage-hero-block .view .slide h2 span {
    font-size: 44px !important;
  }
}

#block-views-homepage-hero-block .view .slide h3 {
  position: absolute;
  right: 0;
  bottom: 55px;
  width: auto;
  float: left;
  font-weight: 300;
  font-size: 14px;
  line-height: 28px;
  background: #252525;
  background: rgba(37, 37, 37, 0.9);
  z-index: 2;
}

@media (min-width: 0em) and (max-width: 60em) {
  #block-views-homepage-hero-block .view .slide h3 {
    position: relative;
    bottom: unset;
    right: unset;
    margin-bottom: 20px;
  }
}

#block-views-homepage-hero-block .view .slide h3 span {
  background: #16175a;
  padding: 2px 10px;
  display: inline-block;
  margin: -2px 10px -2px -10px;
  font-weight: 700;
}

#block-views-homepage-hero-block .view .slide .headers-wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

@media (min-width: 0em) and (max-width: 60em) {
  #block-views-homepage-hero-block .view .slide .headers-wrapper {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
        flex-direction: column;
    -ms-flex-pack: end;
        justify-content: flex-end;
  }
}

#block-views-homepage-hero-block .view .margincontrol {
  height: 530px;
  position: relative;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #block-views-homepage-hero-block .view .margincontrol {
    width: 100%;
  }
}

#block-views-homepage-hero-block .view h1,
#block-views-homepage-hero-block .view h2 {
  padding: 10px 10px !important;
}

#block-views-homepage-hero-block .view h1,
#block-views-homepage-hero-block .view h2,
#block-views-homepage-hero-block .view h3 {
  float: left;
  padding: 2px 10px;
  font-weight: 300;
}

#block-views-homepage-hero-block .view .prev,
#block-views-homepage-hero-block .view .next {
  position: absolute;
  top: 50%;
  z-index: 2;
  cursor: pointer;
  display: block;
  width: 42px;
  height: 58px;
  margin-top: -29px;
  background: url(../img/btn_sprite.png) no-repeat;
  padding: 0;
}

#block-views-homepage-hero-block .view .prev {
  left: 0;
}

#block-views-homepage-hero-block .view .next {
  right: 0;
  background-position: 0 -60px;
}

#block-views-homepage-hero-block .view .dots {
  background: url(../img/dots.png) repeat-x 0 470px;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

#block-views-homepage-hero-block .view .stripes {
  background: url(../img/diag.png);
  position: absolute;
  right: 0;
  top: 380px;
  width: 100%;
  max-width: 740px;
  height: 200px;
}

#block-views-homepage-hero-block .view .editlink {
  position: absolute;
  left: 0;
  bottom: 0;
  display: none;
}

#block-views-homepage-hero-block .view .contextual-links-wrapper {
  top: 100px;
}

/**
 * @file
 * Wordfly Styling
 *
 */
.wordfly__footer__form {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: 20px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .wordfly__footer__form {
    -ms-flex-direction: column;
        flex-direction: column;
  }
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .wordfly__footer__form .wordfly__footer__form__h2 h2 {
    width: 100%;
    margin: auto;
  }
}

.wordfly__footer__form .wordfly__footer__form__submit {
  padding: 36px 0;
  margin-left: 30px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .wordfly__footer__form .wordfly__footer__form__submit {
    padding: 0;
    margin: auto;
    width: 100%;
  }
}

.wordfly__footer__form .wordfly__footer__form__submit a {
  background: none;
  padding: 0;
}

.wordfly__footer__form .wordfly__footer__form__submit button {
  float: right;
  font-weight: 700;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
  padding: 15px 17px;
  border: 0 solid transparent;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-style: normal;
  line-height: 14px;
  color: #ffffff !important;
  background-color: #f3493d !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .wordfly__footer__form .wordfly__footer__form__submit button {
    font-size: 25px !important;
    width: 100%;
    padding: 20px;
    margin-top: 10px;
  }
}

.wordfly__signup__message {
  text-align: center;
}

.wordfly__page__signup__message {
  text-align: left;
  color: #f3493d;
}

.wordfly__signup {
  max-width: 610px;
  font-family: 'futura-pt', sans-serif;
  margin-left: 10px;
  margin-right: 5px;
  padding-left: 5px;
}

.wordfly__signup .fsRequiredMarker {
  margin-left: 2.5px !important;
  font-size: 16px;
  color: #f3493d;
}

.wordfly__signup input {
  border: 1px solid #ffffff;
  background-color: #ffffff;
  padding: 7px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal;
  color: #595d64;
  height: 42px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 10px;
  max-width: 100%;
}

.wordfly__signup label {
  font-size: 12px;
  font-weight: 400;
  font-style: normal;
  line-height: 12px;
  color: #595d64;
  margin-top: 2px;
  clear: both;
}

.wordfly__signup iframe {
  display: none;
}

.wordfly__signup__form {
  max-width: 450px;
}

.wordfly__signup__form__name {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
      flex-direction: column;
  margin-bottom: 20px;
}

.wordfly__signup__form__input {
  width: 100%;
}

.wordfly__signup__form__name__input {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  width: 100%;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .wordfly__signup__form__name__input {
    -ms-flex-direction: column;
        flex-direction: column;
    margin-bottom: 20px;
  }
}

.wordfly__signup__form__name__input input {
  width: calc(100% - 10px);
}

.wordfly__signup__form__label {
  display: block;
  font-size: 16px;
  color: #16175a;
  margin-bottom: 10px;
}

.wordfly__signup__form__email {
  margin-bottom: 20px;
}

.wordfly__signup__form__email input {
  width: calc(100% - 10px);
}

.wordfly__signup__form__preferences label {
  font-size: 16px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.wordfly__signup__form__preferences input {
  height: auto;
  min-height: 12px;
}

.wordfly__signup__form__preferences__option {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
      flex-direction: row;
  margin-bottom: 10px;
}

.wordfly__signup__form__submit {
  margin-top: 40px;
  margin-right: 10px;
  padding: 20px 0;
}

.wordfly__signup__form__submit button {
  float: right;
  font-weight: 700;
  font-family: 'futura-pt', sans-serif;
  text-transform: uppercase;
  padding: 15px 17px;
  border: 0 solid transparent;
  -moz-border-radius: 0 !important;
  -webkit-border-radius: 0;
  border-radius: 0 !important;
  font-size: 14px !important;
  font-style: normal;
  line-height: 14px;
  color: #ffffff !important;
  background-color: #f3493d !important;
  width: auto;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  .wordfly__signup__form__submit button {
    width: 100%;
  }
}

#colorbox {
  min-height: 721px;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #colorbox {
    width: 100% !important;
    height: 100% !important;
  }
}

#cboxContent {
  color: white;
  background-color: #252525;
  padding: 1em;
  height: auto !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #cboxContent {
    width: 90% !important;
  }
}

#cboxContent .wordfly__signup {
  max-width: 100%;
}

#cboxContent .wordfly__signup h2 {
  text-transform: uppercase;
  font-size: 1.7em;
  text-align: center;
  margin-top: 0;
}

#cboxContent .wordfly__signup .wordfly__signup__form__label {
  color: #fff;
}

#cboxContent .wordfly__signup label {
  color: #fff;
}

#cboxContent .wordfly__signup .wordfly__signup__form__name__input {
  -ms-flex-direction: column;
      flex-direction: column;
}

#cboxContent .wordfly__signup .wordfly__signup__form__input {
  margin-bottom: 1rem;
}

#cboxContent .wordfly__signup .wordfly__signup__form__submit button {
  width: 100%;
}

#cboxContent #cboxLoadedContent {
  height: 100% !important;
  min-height: 585px;
  overflow: hidden !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #cboxContent #cboxLoadedContent {
    width: 100% !important;
    height: 100% !important;
  }
}

#cboxOverlay {
  background: #000;
}

#cboxWrapper {
  height: auto !important;
}

@media (min-width: 0em) and (max-width: 55.5em) {
  #cboxWrapper {
    width: 100% !important;
    height: 100% !important;
  }
}