/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

#locationSelectBox,
.selectcs {
  min-width: 250px;
  border: 1px solid rgb(59, 160, 212);
  font-size: 14px;
}

.selectcs {
  color: #28303d;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  line-height: 1.7;
  padding: calc(0.5 * 20px) calc(3 * var(calc(0.5 * 20px))) calc(0.5 * 20px)
    (calc(0.5 * 20px));
  background: #fff
    url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%2328303d'><polygon points='0,0 10,0 5,5'/></svg>")
    no-repeat;
  background-position: right calc(0.5 * 20px) top 60%;
}

.selects-wrapper {
  gap: 15px;
  display: flex;
  width: 30%;
}

.cusBox {
  padding: 0 8px;
}

.memBox .elementor-container .elementor-widget-wrap.cs-elementor-custom {
  background-color: #f3f9fd;
  margin-bottom: 15px;
}
.elementor-column-gap-wide > .elementor-column > .elementor-element-populated {
  padding: 20px;
}
.elementor:not(.elementor-bc-flex-widget) .elementor-widget-wrap {
  display: flex;
}
.elementor-widget-wrap {
  position: relative;
  width: 100%;
  flex-wrap: wrap;
  align-content: flex-start;
}

.textFlex {
  display: flex;
  align-items: center;
  grid-column-gap: 5px;
}

.textflexname p {
  font-family: "Manrope", Sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: rgb(59, 160, 212);
}

.addressBox {
  margin-top: 8px;
}

.addressBox p {
  font-size: 14px;
  margin-bottom: 0px !important;
}

@media only screen and (max-width: 667px) {
  .selects-wrapper {
    width: 100%;
    flex-direction: column;
  }

  .custom_post_info_wrapper {
    display: contents;
  }
  /* Small screen, non-retina */
}