:root {
  --dark-color: #c2c2c2;
  --text-color: #3A4750;
  --text-hover-color: #FF7200;
}
.border {
  border: 2px solid !important;
}
.border-dark {
  border-color: var(--dark-color) !important;
}

.bgImage {
  width: 100% !important;
  background: no-repeat;
  background-size: cover;
  background-position: center center;
}

.no-gutters {
  margin-right: 0;
  margin-left: 0;
}

.no-gutters .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

.select_city_state {
  color: white;
  background-color: red; /* Blue background */
  padding: 12px 16px; /* Some padding */
  cursor: pointer; /* Mouse pointer on hover */
  height: 40px;
  border: 2px solid white !important;
  border-radius: 0 !important;
  width: 100%;
  display: inline-block;
}

#myGoogleMap {
  height: 1000px;
  width: 100%;
}

.searchtitle {
  text-align: left;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

.select_city_state {
  height: 40px;
  font-size: 13px;
  width: 100%;
  display: inline-block;
}

.wholeSearchDiv{
  height: 1000px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.noBorder{
  border: 2px solid white !important;
  border-radius: 0;
  background: black;
  color: white;
}

.iconLocation {
  position: absolute;
  width: 28px;
  height: 28px;
  border-radius: 50% 50% 50% 0;
  margin: 10px 0 0 8px;
  background: #ea4335;
  transform: rotate(-45deg);
  display:flex;
  justify-content: center;
}

.markerTracker {
  position: absolute;
  font-size: 12px;
  color: #fff;
  transform: rotate(45deg);
}

.result_address_info {
  margin: 0;
  padding: 13px 0 0 46px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.customOpaque{
  opacity: 0.7;
}

.selectDropdownSettings{
  height: 38px !important;
  width: 100%;
}

.searchButton{ 
  width: 150% !important; 
  height: 35px !important;
}

#justSearchTemplate {
  width: 100%;
  height: auto;
  z-index: 15;
  top: 50%;
  left: 50%;
}

.outerSearchBorder{
  border:2px solid white !important;
  border-radius: 0;
}

.specialSelect>select{
    background-image: linear-gradient(45deg, transparent 50%, white 50%), linear-gradient(135deg, white 50%, transparent 50%), linear-gradient(to right, red, red);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), 100% 0;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em;
    background-repeat: no-repeat;
}

.specialSelect{
  position: relative;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}

.spinnerMap {
  position: relative;
  margin-left:25%; 
  margin-right:auto; 
  margin-top: 5%; 
}

@keyframes rotate {
  0% {
      transform: rotate(0deg);
  }
  100% {
      transform: rotate(360deg);
  }
}

.justCommunitiesSelectSetting{
  height: 45px !important;
  font-size: 18px !important;
  border: none !important;
  border-radius: 0em !important;
  -webkit-appearance: none;
}

.cityGateAnchorColor{
  color: var(--text-color) !important;
}

.cityGateAnchorColor:hover{
  color: var(--text-hover-color) !important
}

.city-gate-name-line-height{
  line-height:1.8rem !important;
}

.city-gate-communities-img{
  width: 100% !important;
  height: 215px !important;
}

.community-image {
  height:160px
}

@media screen and (max-width: 767px) {
  .community-image {
    height:212px;
  }
}