/* Contact form palette aligned with the dark membership experience. */
.popover-enquire .ppo-inner {
  background: #0b0b0c;
  border: 1px solid #2b2d30;
  border-radius: 10px;
  box-shadow: 0 18px 60px rgba(0, 0, 0, .48);
}

.popover-enquire .ppo-inner:before,
.popover-enquire .ppo-inner:after {
  background: #0b0b0c;
}

.popover-enquire .contact-form {
  color: #f4f4f5;
  padding: 26px;
}

.popover-enquire .form-header {
  border-bottom: 1px solid #26282b;
  color: #8b8b92;
  margin-bottom: 18px;
  padding-bottom: 14px;
}

.popover-enquire .form-header strong {
  color: #f4f4f5;
}

.popover-enquire .form-header svg {
  fill: #b8ff24 !important;
}

.popover-enquire .form-item {
  padding-bottom: 12px;
}

.popover-enquire .form-control,
.popover-enquire select.form-control,
.popover-enquire textarea.form-control {
  background: #171719;
  border: 1px solid #303034;
  border-radius: 5px;
  box-sizing: border-box;
  color: #f4f4f5;
  transition: border-color .2s ease, box-shadow .2s ease;
  width: 100%;
}

.popover-enquire .form-control {
  height: 40px;
}

.popover-enquire textarea.form-control {
  height: 132px;
  min-height: 132px;
  padding: 11px 12px;
  resize: vertical;
}

.popover-enquire .form-control::placeholder {
  color: #777980;
}

.popover-enquire .form-control:focus {
  border-color: #b8ff24;
  box-shadow: 0 0 0 2px rgba(184, 255, 36, .14);
}

.popover-enquire select.form-control {
  cursor: pointer;
  padding-left: 10px;
  padding-right: 10px;
}

.popover-enquire select.form-control option {
  background: #171719;
  color: #f4f4f5;
}

.popover-enquire .btns {
  padding-top: 4px;
}

.popover-enquire .btns .wb-btn.btn-primary {
  background: #b8ff24;
  border: 1px solid #b8ff24;
  border-radius: 5px;
  color: #050505;
  font-weight: 700;
  min-width: 116px;
}

.popover-enquire .btns .wb-btn.btn-primary:hover,
.popover-enquire .btns .wb-btn.btn-primary:active {
  background: #c8ff50;
  border-color: #c8ff50;
  color: #050505;
}

.popover-enquire .form-close {
  color: #8b8b92;
  padding: 9px;
}

.popover-enquire .form-close:hover {
  color: #b8ff24;
}

.popover-enquire .form-close svg {
  fill: currentColor !important;
}

.wb-dm .tool-bar .tb-item.social-item,
.tool-bar .tb-item.social-item {
  background: #0b0b0c;
  border-color: #303034;
}

.wb-dm .tool-bar .tb-item.social-item svg,
.tool-bar .tb-item.social-item svg {
  fill: #b8ff24;
}

.wb-dm .tool-bar .tb-item.social-item:hover,
.tool-bar .tb-item.social-item:hover {
  background: #171719;
  border-color: #b8ff24;
}

@media (max-width: 768px) {
  .popover-enquire {
    max-width: calc(100vw - 24px);
  }

  .popover-enquire .ppo-inner {
    max-width: calc(100vw - 24px);
    width: 320px;
  }

  .popover-enquire .contact-form {
    padding: 22px 18px;
  }
}