/*
Theme Name: NaloxoneUse Theme
Description: Custom theme for NaloxoneUse website. Child theme of hello-elementor.
Template: hello-elementor
*/

/*******************************************************************************
 * General styles.
 ******************************************************************************/
#naloxone-wizard-modal button,
#naloxone-wizard-form .select2-selection__rendered,
#naloxone-wizard-content .acf-true-false label .message,
.elementor-widget-container .acf-field .acf-label label,
#naloxone-heroes-stats,
#naloxone-wizard-form .select2-container--default .select2-selection--single .select2-selection__placeholder {
  font-size: 18px;
  line-height: 28px;
}
/* General styles end. */


/*******************************************************************************
 * Input styles.
 ******************************************************************************/
#content select,
#ui-datepicker-div .ui-widget-header select,
#content input[type="text"],
#content input[type="email"],
#content input[type="password"] {
  border-radius: 0;
  padding: 12px 14px;
  border: 1px solid #CCC;
  font-size: 16px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #FFF;
  color: #000;
}
#ui-datepicker-div .ui-widget-header select {
  padding: 0;
}
.ui-datepicker-title {
  display: flex;
  justify-content: space-between;
}
.ui-datepicker .ui-datepicker-buttonpane {
  display: flex;
  justify-content: space-between;
}
.acf-ui-datepicker .ui-datepicker .ui-widget-content {
  border: 0;
  padding: 0 4px 4px 4px;
}
.acf-ui-datepicker .ui-datepicker .ui-datepicker-buttonpane button {
  padding: 4px 8px!important;
  display: block;
  font-size: 16px!important;
  font-weight: 500!important;
}
.acf-ui-datepicker .ui-state-default,
.acf-ui-datepicker .ui-widget-content .ui-state-default,
.acf-ui-datepicker .ui-widget-header .ui-state-default {
  margin: 0;
}
/* Input styles end. */


/*******************************************************************************
 * ACF fields.
 ******************************************************************************/
.elementor-widget-container .acf-field {
  margin: 8px 0;
}
.elementor-widget-container .acf-field h6 {
  margin-top: 18px;
  margin-bottom: 0;
}
.elementor-widget-container .acf-field:first-child h6 {
  margin-top: 0;
}
.elementor-widget-container .acf-field:not(.acf-field-true-false):not(.acf-field-checkbox) label {
  display: none;
}
/* ACF fields end. */


/*******************************************************************************
 * Wizard form.
 ******************************************************************************/
/* Main styles. */
#naloxone-wizard-wrap {
  width: 100%;
  max-width: 480px;
  margin: 0 auto;
  background: #F3F4F7;
}
#naloxone-wizard-form {
  padding: 0 16px 40px 16px;
}
#naloxone-wizard-submit {
  width: 100%;
  margin-top: 16px;
}
/* Fields that should be hidden. */
#naloxone-wizard-wrap div[data-name="product_barcode"],
#naloxone-wizard-wrap div[data-name="product_used_manual_input"],
#naloxone-wizard-wrap div[data-name="product_ndc"],
#naloxone-wizard-wrap div[data-name="product_lot"],
#naloxone-wizard-wrap div[data-name="product_exp"],
#naloxone-wizard-wrap div[data-name="zip"],
#naloxone-wizard-wrap div[data-name="city"],
#naloxone-wizard-wrap div[data-name="state"],
#naloxone-wizard-wrap div[data-name="latitude"],
#naloxone-wizard-wrap div[data-name="longitude"] {
  display: none;
}
#naloxone-wizard-wrap div[data-name="product_lot"] {
  margin-right: 24px;
}
#naloxone-wizard-wrap div[data-name="product_exp"],
#naloxone-wizard-wrap div[data-name="product_lot"] {
  flex: 1;
}
/* Progress. */
#naloxone-wizard-progress {
  display: flex;
  color: #FFF;
  background: #000000;
}
#naloxone-wizard-progress span {
  background: #A50606;
  padding: 6px 12px;
  line-height: 1;
  display: flex;
  text-align: right;
  font-size: 14px;
}
/* Wizard form end. */


/*******************************************************************************
 * iOS checkbox.
 ******************************************************************************/
div[data-name="current_location"] .acf-input label {
  display: flex;
  align-items: center;
}
div[data-name="current_location"] .acf-input input[type="checkbox"] {
  position: relative;
  -webkit-appearance: none;
  outline: none;
  width: 50px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #D9DADC;
  border-radius: 50px;
  box-shadow: inset -20px 0 0 0 #fff;
  margin-right: 8px;
}
div[data-name="current_location"] .acf-input input[type="checkbox"]:after {
  content: "";
  position: absolute;
  top: 1px;
  left: 1px;
  background: transparent;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  box-shadow: 2px 4px 6px rgba(0,0,0,0.2);
}
div[data-name="current_location"] .acf-input input[type="checkbox"]:checked {
  box-shadow: inset 20px 0 0 0 #ED1C24;
  border-color: #ED1C24;
}
div[data-name="current_location"] .acf-input input[type="checkbox"]:checked:after {
  left: 20px;
  box-shadow: -2px 4px 3px rgba(0,0,0,0.05);
}
/* iOS checkbox end. */


/*******************************************************************************
 * Various other styles.
 ******************************************************************************/
.hidden {
  display: none!important;
}
.screen-reader {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0, 0, 0, 0);
  overflow: hidden;
}
/* Google Maps autocomplete. */
.pac-item,
.pac-item * {
  font-size: inherit;
  font-family: inherit;
}
.pac-container {
  z-index: 10000;
  border: 1px solid #CCC;
}
/* Select2. */
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field,
#naloxone-wizard-content .select2-container.-acf .select2-selection--single {
  border-radius: 0;
  border: 1px solid #CCC;
  height: 48px;
  padding: 9px 8px;
}
.select2-container.select2-container--default .select2-search--dropdown .select2-search__field {
  height: 32px;
}
.select2-results__option {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
body.admin-bar .select2-container--open .select2-dropdown--below {
  margin-top: 32px;
}
.select2-container .select2-dropdown {
  border: 1px solid #CCC;
  border-radius: 0;
}
div[data-name="first_name"] {
  display: flex;
  flex-direction: column;
}
div[data-name="first_name"] .acf-label {
  order: 1;
  margin: 0;
}
#naloxone-wizard-wrap div[data-name="first_name"] .acf-label * {
  font-size: 14px;
  font-weight: 600;
  font-style: italic;
  color: #ED1C24;
}
/* Various other styles end. */