/**
 * @file
 * Visual styles for Restaurant+'s dropdowns.
 */
.field--mt-dropdowns-block {
  text-align: right;
}
@media (min-width: 768px) {
  .page-container-border-enabled .header-container .container-fluid .header-third .field--mt-dropdowns-block {
    padding-right: 15px;
  } 
}
.dropdown-trigger {
  -webkit-appearance: none;
  background-color: transparent;
  border: none;
  font-size: 13px;
  padding: 17px;
  text-transform: uppercase;
  font-weight: 600;
}
.dropdown-menu {
  min-width: 335px;
  padding: 20px;
  border: none;
  margin-top: 20px;
  -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 4px 14px, rgba(100, 100, 100, 0.1) 0px 4px 2px;
  box-shadow: rgba(100, 100, 100, 0.1) 0px 4px 14px, rgba(100, 100, 100, 0.1) 0px 4px 2px;
}
.region--white-background .dropdown-menu {
  background-color: #ffffff;
}
.region--gray-background .dropdown-menu {
  background-color: #f4f4f4;
}
.header.region--gray-background .dropdown-menu {
  background-color: #f1f1f1;
}
.region--black-background .dropdown-menu {
  background-color: #3b3b3b;
}
.region--white-pattern .dropdown-menu {
  background-image: url('../../images/white-pattern.png');
  background-repeat: repeat;
  background-position: 0 0;
}
.dropdown-menu .field__item + .field__item {
  padding-top: 20px;
}

/*header dropdowns*/
@media (max-width: 767px) {
  .header__section.header-third .field--mt-dropdowns-block {
    position: relative;
    z-index: 499;
  }
  .header__section.header-third .field--mt-dropdowns-block .btn-group {
    position: absolute;
    top: 0;
    right: 35px;
  }
}