/**
 * Drupal core's .visually-hidden
 *
 * Note the lack of !important on the position rule.
 * This allows us to change the position property after
 * *unhidding* an element using the unset-visually-hidden
 * mixin below.
 */
/* multi line truncation */
/**
 * Placeholder for dropdown!
 *
 * Selected option is grayed out to give it the look of a placeholder text.
 * This is good for unselected dropdowns where the top item says something like
 * 'Select ...'.  But it is not ideal where a value has been selected already.
 */
/**
 * Style overrides for jQueryUI datepicker.
 */
/**
 * Placeholder for dropdown!
 *
 * Selected option is grayed out to give it the look of a placeholder text.
 * This is good for unselected dropdowns where the top item says something like
 * 'Select ...'.  But it is not ideal where a value has been selected already.
 */
.container {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0;
  padding-right: 0;
  overflow: hidden; }
  .container .container-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }

.one-sidebar .container {
  width: 100%; }
  @media only screen and (min-width: 961px) {
    .one-sidebar .container {
      width: 960px; } }

#content {
  width: 100%; }
  #content #content-area {
    padding: 0 10px; }
    @media only screen and (min-width: 769px) {
      #content #content-area {
        padding: 0; } }
    #content #content-area > .inner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin-right: auto;
      margin-left: auto;
      overflow: hidden; }
      #content #content-area > .inner > div:not(.contextual) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start; }
        #content #content-area > .inner > div:not(.contextual) > div:not(.contextual), #content #content-area > .inner > div:not(.contextual) h1 {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 0;
          padding-left: 0;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          max-width: 100%; }
      #content #content-area > .inner > div:not([class]) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        max-width: 100%; }
  .no-sidebar #content #content-area > .inner,
  .no-sidebar #content #content-header {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0; }
    @media only screen and (min-width: 961px) {
      .no-sidebar #content #content-area > .inner,
      .no-sidebar #content #content-header {
        width: 960px; } }
  .one-sidebar.sidebar-second #content {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
    @media only screen and (min-width: 961px) {
      .one-sidebar.sidebar-second #content {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex-preferred-size: 66.66667%;
        flex-basis: 66.66667%;
        max-width: 66.66667%; } }
  @media only screen and (min-width: 769px) {
    .one-sidebar.sidebar-first #content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 50%;
      flex-basis: 50%;
      max-width: 50%;
      margin-left: 16.66667%; } }
  @media only screen and (min-width: 961px) {
    .one-sidebar.sidebar-first #content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 66.66667%;
      flex-basis: 66.66667%;
      max-width: 66.66667%;
      margin-left: 33.33333%; } }
  @media only screen and (min-width: 769px) {
    .two-sidebars #content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%;
      margin-left: 16.66667%; } }
  @media only screen and (min-width: 961px) {
    .two-sidebars #content {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 41.66667%;
      flex-basis: 41.66667%;
      max-width: 41.66667%;
      margin-left: 25%; } }

.no-sidebar .block-classic-page-title {
  padding: 0 10px; }
  @media only screen and (min-width: 769px) {
    .no-sidebar .block-classic-page-title {
      padding: 0; } }
  .no-sidebar .block-classic-page-title .block--inner-content {
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
    @media only screen and (min-width: 961px) {
      .no-sidebar .block-classic-page-title .block--inner-content {
        width: 960px; } }

#sidebar-second {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 10px;
  padding-left: 10px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  background-color: lightgreen; }
  @media only screen and (min-width: 961px) {
    #sidebar-second {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%;
      background-color: lightsalmon; } }
  #sidebar-second > .inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    margin-right: -10px;
    margin-left: -10px; }
    #sidebar-second > .inner > *:not(.contextual) {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
      @media only screen and (min-width: 601px) {
        #sidebar-second > .inner > *:not(.contextual) {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
          max-width: 50%; } }
      @media only screen and (min-width: 961px) {
        #sidebar-second > .inner > *:not(.contextual) {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
          max-width: 100%; } }

#footer {
  float: none;
  clear: both; }

#header, #footer,
#sidebar-first,
#sidebar-second,
#navigation {
  background: rgba(255, 255, 255, 0.2); }

#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both; }

/**
 * @file
 * Style rules for the event calendar.
 *
 * External variables used:
 *  - $medium-screen-up
 *  - $font-awesome-calendar-o-icon
 */
.group--event-date {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-right: -10px;
  margin-left: -10px; }
  .group--event-date > h3 {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }

/**
 * Form wrapper for exposed filters.
 *
 * The wrapper should occupy from the left to right edge of the screen.
 */
#views-exposed-form-events-event-listing-page {
  margin: 1em 0; }
  @media only screen and (min-width: 769px) {
    #views-exposed-form-events-event-listing-page {
      margin-left: 0;
      margin-right: 0;
      padding: 1.5%; } }
  @media only screen and (min-width: 769px) {
    #views-exposed-form-events-event-listing-page .form-item {
      display: inline-block;
      width: 22%;
      margin: 0 1.25%; } }
  #views-exposed-form-events-event-listing-page .form-item .form-text,
  #views-exposed-form-events-event-listing-page .form-item .form-select {
    padding-left: 0.5em;
    margin-bottom: 5%; }

/**
 * "Filter by event type" and "Filter by region" dropdowns.
 */
.form-item-event-type > .form-select,
.form-item-location > .form-select {
  width: 100%;
  color: #adadad;
  -webkit-appearance: none;
  background-size: 6%;
  background-position-x: 95%; }
  @media only screen and (min-width: 601px) {
    .form-item-event-type > .form-select,
    .form-item-location > .form-select {
      background-size: 3%;
      background-position-x: 98.5%; } }
  @media only screen and (min-width: 769px) {
    .form-item-event-type > .form-select,
    .form-item-location > .form-select {
      background-size: 8%;
      background-position-x: 95%; } }
  .form-item-event-type > .form-select > option,
  .form-item-location > .form-select > option {
    color: #333; }
  .form-item-event-type > .form-select > *,
  .form-item-location > .form-select > * {
    height: 1.5em; }

/**
 * From and To date selectors.
 *
 * A calendar icon should appear at the right edge of the date selector box.
 */
.form-item-from-date,
.form-item-to-date {
  position: relative; }
  .form-item-from-date > .form-text,
  .form-item-to-date > .form-text {
    border-radius: 5px;
    height: 2.625em; }
  .form-item-from-date > .ui-datepicker-trigger,
  .form-item-to-date > .ui-datepicker-trigger {
    padding: 0;
    position: absolute;
    top: 2.5em;
    right: 0.5em; }
    .form-item-from-date > .ui-datepicker-trigger:after,
    .form-item-to-date > .ui-datepicker-trigger:after {
      content: "";
      font-family: fontAwesome;
      font-size: 1.5em; }

.event-pager {
  display: block;
  max-width: 20em;
  line-height: 2.5em;
  margin: 0 auto 1em;
  border-radius: 3px;
  text-align: center; }

/**
 * @file
 * Event summary box from the event calendar.
 *
 * External variables used:
 *  - $medium-screen-up
 *  - $large-screen-up
 *  - $font-awesome-calendar-o-icon
 *  - $font-awesome-map-marker-icon
 */
.event-summary {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  padding-right: 10px;
  padding-left: 10px;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
  margin-bottom: 1.5em; }
  @media only screen and (min-width: 769px) {
    .event-summary {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 33.33333%;
      flex-basis: 33.33333%;
      max-width: 33.33333%;
      margin-bottom: 2em; } }
  .event-summary .content-wrapper {
    border-radius: 5px;
    padding: 0.25em 0.5em 0.5em; }
    .event-summary .content-wrapper > .event-start-date:before {
      content: "";
      font-family: fontAwesome; }
    .event-summary .content-wrapper > .event-end-date time:before {
      content: "- "; }
    .event-summary .content-wrapper > .event-title {
      margin: 0.5em 0 0.75em;
      min-height: 2.85em; }
    .event-summary .content-wrapper > .event-type {
      min-height: 1.5em; }
    .event-summary .content-wrapper > .event-location > :before {
      content: "";
      font-family: fontAwesome; }

/**
 * @file
 *  Header region displayed at the top of every page.
 *
 * External variables used:
 *  - $horizontal-bar-mode
 *  - $mobile-logo-width
 *  - $large-menu-small-font-size
 */
#header {
  position: fixed;
  width: 100%;
  z-index: 499;
  /**
   * Override side padding for .container as defined in _layout--grid.sass.
   * We do not need this padding in smaller displays...
   */ }
  #header > .container {
    padding-left: 0;
    padding-right: 0;
    overflow: visible;
    height: 64px;
    background-color: #fff; }
    @media only screen and (min-width: 769px) {
      #header > .container {
        padding-left: 10px;
        padding-right: 10px;
        height: auto; } }

#header-region {
  /**
   * This relative positioning allows us place absolutely positioned children
   * (e.g. login menu) relative to it.
   */
  position: relative;
  height: 64px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: auto;
  margin-right: auto; }
  @media only screen and (min-width: 769px) {
    #header-region {
      height: auto; } }
  @media only screen and (min-width: 769px) {
    #header-region {
      max-width: 960px;
      padding-left: 0;
      padding-right: 0; } }
  @media only screen and (min-width: 961px) {
    #header-region {
      max-width: 960px; } }
  #header-region > .inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    padding: 0;
    width: 100%;
    height: 64px; }
    @media only screen and (min-width: 769px) {
      #header-region > .inner {
        height: auto; } }
    #header-region > .inner .block-moveelectric-branding {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      padding: 0 75px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      height: 64px; }
      @media only screen and (min-width: 769px) {
        #header-region > .inner .block-moveelectric-branding {
          -ms-flex-line-pack: start;
          align-content: flex-start;
          -webkit-box-pack: start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          height: auto; } }
    #header-region > .inner .menu--account {
      display: none; }
    #header-region > .inner .search-block-form {
      display: none; }
    @media only screen and (min-width: 769px) {
      #header-region > .inner {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
        flex: 0 1 auto;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        margin-right: -10px;
        margin-left: -10px;
        padding-top: 6px;
        padding-bottom: 15px; }
        #header-region > .inner .block-moveelectric-branding {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 83.33333%;
          flex-basis: 83.33333%;
          max-width: 83.33333%;
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        #header-region > .inner .menu--account {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
          max-width: 16.66667%;
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2; }
        #header-region > .inner .menu--main {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
          max-width: 75%;
          position: initial;
          margin-top: 6px;
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3; }
        #header-region > .inner .block-moveelectric-cscsearchblock {
          display: none; }
        #header-region > .inner .search-block-form {
          display: block;
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
          max-width: 25%;
          -webkit-box-ordinal-group: 5;
          -ms-flex-order: 4;
          order: 4; } }

/**
 * The header area *always* occupies 4rem at the top in mobile display.
 * So content needs to start after that.
 */
#main {
  padding-top: 64px; }
  @media only screen and (min-width: 769px) {
    #main {
      padding-top: 9rem; } }

#skip {
  display: none; }

/**
 * @file
 *  Style rules for Site logo and site name.
 */
.site-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  @media only screen and (min-width: 769px) {
    .site-logo {
      -ms-flex-line-pack: start;
      align-content: flex-start; } }
  .site-logo img {
    width: 400px;
    height: auto; }
    @media only screen and (min-width: 769px) {
      .site-logo img {
        width: 600px; } }

.site-name {
  display: none; }

/**
 * Navigation menu containing links such as News, Guides, etc.
 */
/**
 * Override size and height of navigation menu.
 */
div.menu--hamburger {
  /* Remove top padding from the first link in a submenu. */ }
  div.menu--hamburger.contextual-region {
    position: initial; }
  div.menu--hamburger .more.menu-item > .submenu > .menu-item:first-child .menu-link {
    padding-top: 0; }
  @media only screen and (min-width: 769px) {
    div.menu--hamburger {
      min-height: auto;
      /* Adjust position of triangle sign shown after a parent menu item. */ }
      div.menu--hamburger .menu--navigation > .menu > .menu-item {
        line-height: normal; }
      div.menu--hamburger .menu .menu-item .menu-link {
        font-size: 16px; }
      div.menu--hamburger .submenu {
        left: 0;
        top: 1.25em;
        /* Default width of 100% is not enough as submenu items could be longer
       * than the top level menu items. */
        /* Remove bottom padding from the last link in a submenu. */ } }
    @media only screen and (min-width: 769px) and (min-width: 769px) {
      div.menu--hamburger .submenu {
        width: auto; } }
  @media only screen and (min-width: 769px) {
        div.menu--hamburger .submenu > .menu-item:last-child > .menu-link {
          padding-bottom: 0; }
        div.menu--hamburger .submenu .menu-item .menu-link {
          /* Again, default width is not enough. */ } }
      @media only screen and (min-width: 769px) and (min-width: 769px) {
        div.menu--hamburger .submenu .menu-item .menu-link {
          width: 14em;
          margin-right: auto; } }
  @media only screen and (min-width: 769px) {
      div.menu--hamburger .more.menu-item > .menu-link:after {
        right: -1rem;
        top: -16%; } }

/**
 * Login/Logout menu.
 */
.menu--account {
  display: none;
  height: 3rem;
  /* A "man" icon should appear before the username of a logged in user. */ }
  @media only screen and (min-width: 769px) {
    .menu--account {
      display: block; } }
  .menu--account > .menu {
    width: 100%;
    margin: auto;
    padding-top: 0.5rem;
    padding-left: 0.4rem;
    padding: 0; }
    @media only screen and (min-width: 769px) {
      .menu--account > .menu {
        width: auto;
        margin-top: 0.25rem; } }
  .menu--account .menu-item {
    display: inline-block;
    width: 45%; }
    @media only screen and (min-width: 769px) {
      .menu--account .menu-item {
        width: auto;
        margin-right: 0.25rem; } }
  .menu--account a {
    padding: 0.3rem 0.5rem; }
  .menu--account .menu-link.user__name:before {
    content: "";
    font-family: fontAwesome;
    font-size: 1rem;
    display: inline-block;
    width: 1rem;
    height: 1rem;
    padding-right: 1.25rem; }

/**
 * In larger displays, Login/Register links appear as pseudo-buttons
 * for anonymous users.
 */
@media only screen and (min-width: 769px) {
  .role--anonymous .menu--account .menu-item {
    border: solid 1px #5b5b5b;
    border-radius: 5px; } }

/**
 * In smaller displays, Username and Logout links appear closer to the left
 * and right edges respectively.
 */
body.role--authenticated .menu--account > .menu {
  display: none;
  text-align: right;
  position: absolute;
  right: 0;
  top: 0;
}
@media only screen and (min-width : 769px) {
  body.role--authenticated .menu--account > .menu {
    width: auto;
  }
}
body.role--authenticated .menu--account .menu-item {
  width: auto;
  /* Username */
}
@media only screen and (min-width : 769px) {
  body.role--authenticated .menu--account .menu-item:first-child {
    width: auto;
    padding-left: 0.25rem;
  }
}
body.role--authenticated .front_page #main {
  padding-top: 11rem;
}
body.role--authenticated #main {
  padding-top: 11rem;
}

@media only screen and (min-width: 769px) {
  #header:hover .menu--account {
    display: block; }
    #header:hover .menu--account > .menu {
      display: block; } }

/**
 * Display the Login/Logout menu when the main menu is shown.
 */
.menu--hamburger.is-open + .menu--account {
  display: block; }

/* Empty h1 is causing trouble in mobile display. */
.block-classic-page-title h1:empty {
  display: none; }

/**
 * @file
 * CSC site-specific footer layout rules.
 *
 * External variables used:
 *  $base-font-size
 *  $wide-footer-menu-height
 *  $wide-screen-mode
 */
footer {
  padding-bottom: 1rem; }
  footer#footer {
    background-color: #209cc0 !important;
    padding-top: 1.25rem;
    margin-top: 1.25rem; }
  footer h2 {
    font-size: 0.938rem;
    color: #ffffff;
    font-family: "Rubik"; }
    @media only screen and (min-width: 601px) {
      footer h2 {
        font-size: 1.375rem;
        margin-bottom: 1rem; } }
  footer ul.menu li a, footer ul.menu li a#ot-sdk-btn.ot-sdk-show-settings {
    color: #ffffff;
    font-size: 0.875rem;
    font-weight: normal;
    line-height: 2.57; }
    @media only screen and (min-width: 601px) {
      footer ul.menu li a, footer ul.menu li a#ot-sdk-btn.ot-sdk-show-settings {
        font-size: 1rem;
        font-weight: 500; } }
  footer ul.menu li a#ot-sdk-btn.ot-sdk-show-settings {
    border: none;
    padding: 0; }
    footer ul.menu li a#ot-sdk-btn.ot-sdk-show-settings:hover {
      background: none; }
  footer > .container {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: auto;
    margin-left: auto;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    @media only screen and (min-width: 961px) {
      footer > .container {
        width: 960px;
        overflow: visible; } }
    footer > .container .inner {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%;
      margin-bottom: 1.625rem; }
      footer > .container .inner:nth-child(1), footer > .container .inner:nth-child(2) {
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        padding-right: 10px;
        padding-left: 10px;
        -ms-flex-preferred-size: 50%;
        flex-basis: 50%;
        max-width: 50%; }
        @media only screen and (min-width: 601px) {
          footer > .container .inner:nth-child(1), footer > .container .inner:nth-child(2) {
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            -webkit-box-flex: 0;
            -ms-flex: 0 0 auto;
            flex: 0 0 auto;
            padding-right: 10px;
            padding-left: 10px;
            -ms-flex-preferred-size: 33.33333%;
            flex-basis: 33.33333%;
            max-width: 33.33333%; } }
      footer > .container .inner:nth-child(3) {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0; }
      @media only screen and (min-width: 601px) {
        footer > .container .inner {
          -webkit-box-sizing: border-box;
          box-sizing: border-box;
          -webkit-box-flex: 0;
          -ms-flex: 0 0 auto;
          flex: 0 0 auto;
          padding-right: 10px;
          padding-left: 10px;
          -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
          max-width: 33.33333%; } }
  footer.footer--mobile .inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-right: 10px;
    padding-left: 10px;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
    footer.footer--mobile .inner:nth-child(1) {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
    footer.footer--mobile .inner:nth-child(4) {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
      flex: 0 0 auto;
      padding-right: 10px;
      padding-left: 10px;
      -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
      max-width: 100%; }
  footer .block-social-media {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5;
    padding: 1rem 0;
    text-align: center;
    /* Override icon size.  Hide text and only display the icons. */ }
    footer .block-social-media .social-media-sharing li {
      width: 3rem; }
    footer .block-social-media .share {
      text-indent: 20%;
      white-space: nowrap; }
    footer .block-social-media .share.facebook-share {
      text-indent: 42%; }
  footer .link--subscribe-now::after {
    content: "";
    font-family: fontAwesome;
    padding-left: 0.5rem;
    display: inline-block; }
  .ipso-logo {
    text-align: center;
    background: #fff; }
  .ipso-logo img {
    width: 150px;
    margin: 15px;}

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