/* Custom dropdown list for <select data-custom-select> (custom-select.js): the option list of the
   Contact Us page's dropdowns (contact.css, .custom-dropdown .dropdown-menu), for the Careers apply
   form, the Request Quote page and the header's Request Quote popup. Each field keeps its own form's
   look; the select ignores pointer events so a click opens this list, not the browser's. */
select[data-custom-select] {
  pointer-events: none;
}

.cs-menu {
  position: absolute;
  z-index: 30;
  max-height: 280px;
  margin: 0;
  padding: 3px;
  overflow-y: auto;
  list-style: none;
  border: 1px solid #eee;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.0705882353);
  text-align: left;
}

.cs-menu[hidden] {
  display: none;
}

.cs-menu li {
  margin: 0;
  padding: 10px 20px;
  background: none;
  color: #111;
  font-weight: normal;
}

.cs-menu li::before,
.cs-menu li::after {
  content: none;
}

.cs-menu li:hover,
.cs-menu li:focus-within,
.cs-menu li.is-selected {
  background: #ffe8ef;
}

.cs-menu li button {
  display: block;
  width: 100%;
  padding: 6px;
  border: 0;
  border-radius: 3px;
  outline: 0;
  background: transparent;
  color: #111;
  font: 18px/26px "Helvetica";
  text-align: left;
  cursor: pointer;
}