/**
 * Default Variables.
 *
 * Modify this file to provide default Bootstrap Framework variables. The
 * Bootstrap Framework will not override any variables defined here because it
 * uses the `!default` flag which will only set their default if not already
 * defined here.
 *
 * You can copy existing variables directly from the following file:
 * ./THEMENAME/bootstrap/assets/stylesheets/bootstrap/_variables.scss
 */
@media all and (min-width: 992px) {
  header#navbar #navbar-collapse .nav {
    flex-wrap: nowrap;
  }
  header#navbar #navbar-collapse .nav > li > a {
    padding: 30px 10px 20px 10px;
  }
  footer.container #footer-wrapper {
    align-items: flex-end;
  }
  footer.container #footer-content-wrapper {
    display: flex;
    align-items: flex-end;
  }
  footer.container #block-menu-menu-footer-legal a {
    padding-bottom: 0px;
  }
  footer.container #block-ubmcommon-ubm-copyright {
    margin-bottom: 0px;
  }
  footer.container #footer-social {
    flex-basis: 30%;
  }
  footer.container .ubm-socialmedia {
    text-align: center;
  }
  .view.view-home-hero-and-trending.view-display-id-trending > .view-content .hero-content .views-field-title {
    max-height: none;
    font-size: 26px;
    text-align: left;
  }
  .view.view-home-hero-and-trending.view-display-id-recent {
    flex-flow: row nowrap;
  }
  .view.view-home-hero-and-trending.view-display-id-recent > div {
    flex: 1 1 50%;
  }
  .view.view-home-hero-and-trending.view-display-id-recent > div.view-content .views-field-field-image a {
    position: absolute;
  }
  .view.view-home-hero-and-trending.view-display-id-recent > div.view-content .views-field-field-image img {
    height: 100%;
    max-width: none;
    width: auto;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
  }
  .view.view-home-hero-and-trending.view-display-id-recent > div .hero-content .views-field-title {
    font-size: 36px;
  }
}