/*
@name:		Border, Box, and Background
@version:	1
@updated:	April 11, 2016
@requires:	A LESS compiler, file compiles to the
			main.min.css in /hut/{theme}/{version}/main.min.css
@comments:	File defines the shared mixins for border, box, and background styles
@source:	/themes/hut/shared/less/border-box-background.less
@map:
	Variables
	1. Borders
	1.1. Border Radius
	1.2. Border Box
	2. Background
	2.1. Box Shadow
*/
#facility-er-nav {
  background: #fff;
  border-bottom: 1px solid #f5f3f3;
  min-height: 50px;
  position: relative;
  padding: 5px 0;
}
#facility-er-nav h3,
#facility-er-nav a,
#facility-er-nav span,
#facility-er-nav p {
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}
#facility-er-nav .er-nav-desktop .er-nav-header,
#facility-er-nav .er-nav-desktop .er-nav-loc-wrapper,
#facility-er-nav .er-nav-desktop .er-nav-cta,
#facility-er-nav .er-nav-desktop .er-nav-toggle-btn {
  text-align: center;
}
#facility-er-nav .er-nav-desktop .er-nav-header,
#facility-er-nav .er-nav-desktop .er-nav-cta,
#facility-er-nav .er-nav-desktop .er-nav-toggle-btn {
  transform: translateY(50%);
}
#facility-er-nav .er-nav-desktop .er-nav-header span {
  display: block;
}
#facility-er-nav .er-nav-desktop .er-nav-loc-wrapper {
  border-left: 1px solid #f5f3f3;
  border-right: 1px solid #f5f3f3;
  transform: translateY(25%);
}
#facility-er-nav .er-nav-desktop .er-nav-loc-wrapper .er-nav-loc {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 120px;
  vertical-align: middle;
  margin-top: -3px;
}
#facility-er-nav .er-nav-desktop .published {
  font-size: 12px;
}
#facility-er-nav .er-nav-desktop .er-nav-toggle-btn.rotate i {
  display: inline-block;
  transform: rotate(180deg);
}
#facility-er-nav .er-nav-mobile {
  display: none;
}
#facility-er-nav .er-nav-mobile .er-nav-header {
  margin-bottom: 15px;
  position: relative;
}
#facility-er-nav .er-nav-mobile .er-nav-header .er-nav-toggle-btn {
  position: absolute;
  top: 0;
  right: 0;
}
#facility-er-nav .er-nav-mobile .er-nav-header .er-nav-heading,
#facility-er-nav .er-nav-mobile .er-nav-header .published {
  display: block;
}
#facility-er-nav .er-nav-mobile .wait-time {
  float: left;
  display: inline-block;
  width: 60px;
  height: 60px;
  line-height: normal;
  margin-right: 15px;
  text-align: center;
}
#facility-er-nav .er-nav-mobile .wait-time .time-box {
  padding: 11px;
  width: 100%;
}
#facility-er-nav .er-nav-mobile .time-box span,
#facility-er-nav .er-nav-mobile .er-nav-loc {
  display: block;
}
#facility-er-nav .time-box {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  padding: 4px 6px;
  width: 65px;
  text-align: center;
}
#facility-er-nav .time-box .time,
#facility-er-nav .time-box .mins {
  color: #fff;
}
#facility-er-nav .wait-time,
#facility-er-nav .time-box,
#facility-er-nav .published {
  display: inline-block;
}
#facility-er-nav h3,
#facility-er-nav p {
  color: #1f2532;
}
#facility-er-nav a {
  color: #063d7a;
}
#facility-er-nav #er-nav-dropdown {
  display: none;
  background: #fff;
  -webkit-box-shadow: 0 6px 12px 0 rgba(6, 28, 63, 0.2);
  -moz-box-shadow: 0 6px 12px 0 rgba(6, 28, 63, 0.2);
  box-shadow: 0 6px 12px 0 rgba(6, 28, 63, 0.2);
  padding: 30px;
  position: absolute;
  top: 49px;
  z-index: 60;
}
#facility-er-nav #er-nav-dropdown.open {
  display: block;
}
#facility-er-nav #er-nav-dropdown .er-nav-dropdown-heading h3 {
  margin: 0;
}
#facility-er-nav #er-nav-dropdown .er-nav-dropdown-sort .sort-option {
  width: 100%;
}
#facility-er-nav #er-nav-dropdown .er-locations {
  margin-top: 40px;
}
#facility-er-nav #er-nav-dropdown .er-locations .er-location {
  border-bottom: 1px solid #c7c8cc;
  padding: 15px 0;
}
#facility-er-nav #er-nav-dropdown .er-locations .er-location:last-child {
  border-bottom: 0;
  padding-bottom: 0;
}
#facility-er-nav #er-nav-dropdown .er-locations .er-location .er-directions {
  text-align: center;
}
@media (min-width: 768px) and (max-width: 992px) {
  #facility-er-nav .er-nav-heading i {
    display: none;
  }
  #facility-er-nav .er-nav-toggle-btn a {
    font-size: 13px;
  }
}
@media (max-width: 767px) {
  #facility-er-nav {
    padding: 10px 0;
  }
  #facility-er-nav .er-nav-desktop {
    display: none;
  }
  #facility-er-nav .er-nav-mobile {
    display: block;
  }
  #facility-er-nav #er-nav-dropdown {
    border-top: 1px solid #f5f3f3;
    padding: 20px 15px;
    top: 100%;
    width: 100%;
  }
  #facility-er-nav #er-nav-dropdown .er-nav-dropdown-heading {
    margin-bottom: 15px;
  }
  #facility-er-nav #er-nav-dropdown .er-nav-dropdown-heading h3::before {
    content: "All ";
  }
  #facility-er-nav #er-nav-dropdown .er-locations {
    margin-top: 20px;
  }
  #facility-er-nav #er-nav-dropdown .er-locations .er-location {
    border-bottom: 1px solid #c7c8cc;
    margin-bottom: 0;
    padding: 20px 0;
  }
  #facility-er-nav #er-nav-dropdown .er-locations .er-location:first-child {
    border-top: 1px solid #c7c8cc;
  }
  #facility-er-nav #er-nav-dropdown .er-locations .er-location:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  #facility-er-nav #er-nav-dropdown .wait-time {
    float: left;
    display: inline-block;
    width: 60px;
    height: 60px;
    text-align: center;
  }
  #facility-er-nav #er-nav-dropdown .wait-time .time-box {
    padding: 11px;
    width: 100%;
  }
  #facility-er-nav #er-nav-dropdown .er-mobile-info {
    margin-left: 80px;
  }
  #facility-er-nav #er-nav-dropdown .time-box span,
  #facility-er-nav #er-nav-dropdown .er-nav-loc {
    display: block;
  }
}