/**
 * Shame CSS
 *
 * Dedicated stylesheet to house quick fixes and hacks that can be refactored
 * at a later time. Please make sure to use !important if you are overriding
 * existing styling and make sure to document your changes.
 *
 * Remember to enque the file in the assets function in app/setup.php
 */

@media (max-width: 1023px) {
  .nav-is-open #menu-primary-navigation.nav {
    margin-bottom: 2.5rem;
  }

  #menu-item-489 a {
    display: inline-block;
    position: relative;
    padding-top: .5rem;
    padding-bottom: .5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 1.25rem;
    font-family: 'mulibold';
    color: #fff;
    text-transform: uppercase;
    background-color: #9b1e0c;
    border-style: none;
    border-radius: 5px;
  }
}

@media (min-width: 1024px) {
  #menu-item-488,
  #menu-item-489 {
    display: none;
  }
}