/*
  This file contains all the base styling for sass files. Pulling in all the 
  necessary variables and mixins but does not actually output anything so is
  safe to use as a base for other css files without adding excessive weight
*/
/*********************
BREAKPOINTS
*********************/
/*
  screen-tiny: 321 - 320
  screen-xs: 480px - 767px
  screen-sm: 768px - 969px
  screen-md: 970px - 1199px
  screen-lg: 1200px
*/
/*********************
Placeholder
*********************/
/*********************
VENDOR PREFIX
*********************/
#block-menu-menu-sliding-header-menu {
  display: none;
}

@media screen and (min-width:768px) {
  #block-menu-menu-sliding-header-menu {
    display: block;
  }
}

#block-menu-menu-sliding-header-menu .menu {
  border: 0;
  padding-bottom: 0;
  text-align: center;
}

#block-menu-menu-sliding-header-menu li {
  display: inline-block;
  padding-bottom: 0;
  margin-left: 26px;
}

#block-menu-menu-sliding-header-menu li:first-child {
  margin-left: 0;
}

.front #block-menu-menu-sliding-header-menu li:first-child a {
  border-bottom: 5px solid #d92231;
}

#block-menu-menu-sliding-header-menu a {
  padding: 10px 15px 4px;
  display: block;
  font-family: "Roboto Condensed",sans-serif;
  font-weight: normal;
  font-size: 22px;
  color: #000;
  border-bottom: 5px solid transparent;
  background: none;
  transition: border 0.3s,color 0.3s;
}

#block-menu-menu-sliding-header-menu a.active {
  border-bottom: 5px solid #d92231;
}

#block-menu-menu-sliding-header-menu a:focus,#block-menu-menu-sliding-header-menu a:hover {
  color: #737373;
  border-bottom: 5px solid #737373;
}