/*VARIABLES*/
/* navigation colors */
/* colors */
/*600px at 16px/1em*/
/*768px at 16px/1em*/
/*992px at 16px/1em*/
/*1200px at 16px/1em*/
.top {
  /*search */
  /*login*/
}
.top form.search {
  margin: 5px 0;
}
.top form.search input[type=search] {
  background-color: #83919a;
  color: #fff;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  padding-left: 10px;
}
.top form.search *::-moz-placeholder {
  color: #fff;
}
.top form.search .input-group {
  margin: 0;
}
.top form.search input[type=search],
.top form.search button {
  float: left;
  display: inline !important;
}
.top form.search button {
  border-radius: 0;
  border: 0;
  background-color: #fff;
  padding: 0;
}
.top form.search button:hover {
  background-color: #324d5b;
}
.top .login-status-block {
  display: table;
  margin: 9px 10px;
}
.top .login-status {
  display: table-row;
  padding-right: 20px;
}
.top .login-status .login-status-col {
  display: table-cell;
}
.top .login-status img {
  height: 20px;
  max-width: 20px;
  margin-right: 5px;
}
.top .login-status a {
  text-transform: uppercase;
  text-decoration: none;
  font-weight: bold;
  margin: 5px 5px;
  font-size: 0.9rem;
}
.top .login-status a :hover {
  color: #fff;
}
.top .login-status form {
  padding: 0 0 5px 10px;
}
.footer form.newsletter input[type=email] {
  background-color: #b2e3d0;
  border: none;
  border-radius: 0;
  font-size: 1rem;
  padding-left: 10px;
}
.footer form.newsletter *::-moz-placeholder {
  color: #fff;
}
.footer form.newsletter .input-group {
  margin: 0;
}
.footer form.newsletter input[type=email],
.footer form.newsletter button {
  float: left;
  display: inline !important;
}
.footer form.newsletter button {
  border-radius: 0;
  border: 0;
  background-color: #31c07f;
  padding: 0;
}
.footer form.newsletter button:hover {
  background-color: #32be96;
}
.modal {
  border-radius: 15px;
}
#overlay-login {
  width: 260px;
  top: 0;
  right: 0;
  max-width: 100%;
}
/***** xxs and up = default*/
/***** xxs only*/
@media (max-width: 37.49em) {
  .login-status {
    text-align: left;
  }
}
/***** xs and up*/
/***** s and up*/
/***** m and up*/
/***** l*/