@charset "UTF-8";
html, body {
  /*background-color: #EEE;*/
  color: #666;
  font-family: brandon-grotesque, Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.widget {
    background-color: #FFF;
    /* min-width: 300px; */
    width: 85%;
    margin: 7px;
    padding: 20px 16px;
    box-shadow: 0 0 20px rgb(0 0 0 / 15%);
    border-left: 5px solid #002e82;
}
.widget h2 {
  display: block;
  font-size: 1.3em;
  width:320px!important;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  font-weight: bold;
	color: #16486D;
}
.widget .row {
  width: 100%;
  clear: both;
}
.widget .left {
  width: 100px;
  float: left;
  padding-top: 5px;
}
.widget .right {
  float: left;
  text-align: initial;
}
.widget .result {
  width:132px;
  margin: 5px;
  float: left;
  padding: 5px 5px;
  text-align: left;
  font-weight: 500;
  color: #16486D;
  border: 1px solid #002e82;
  cursor: pointer;
  background-color: white;
  font-size:12px;
}
.widget .result:hover {
  background-color: #00d6c1;
}

.spacetop {
  margin: 10px 0;
  font-size:14px;
  /*overflow: hidden;*/
}
#listings .row{
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: 0px;
}
.wspacing {
  word-spacing: 1;
}

.fa-location-arrow {
  margin-right: 10px;
}

#city {
  margin: 0 5%;
  width: 70%;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  flex: 1;
  padding: 0 0.5em;
  color: #002e82;
  cursor: pointer;
  font-weight: bold;
  background: #fff;
  background-image: none;
}

select::-ms-expand {
  display: none;
}

.select {
  position: relative;
  display: flex;
  width: 20%;
  height: 3em;
  line-height: 3;
  background: #2c3e50;
  overflow: hidden;
  border-radius: 0.25em;
}

.select::after {
  content: "▼";
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  background: #002e82;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
  color: white;
}

.select:hover::after {
  color: #C9E877;
}

button {
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  outline: 0;
  box-shadow: none;
  border: 0;
  background: #E6F4C1;
  background-image: none;
  font-weight: bolder;
  text-align: justify;
  flex: 1;
  padding: 0 0.5em;
  color: #002e82;
  cursor: pointer;
  font-size: bolder;
}

button::-ms-expand {
  display: none;
}

button:hover {
  color: #002e82;
  background: #C9E877;
  border: 1px;
}

.search {
  position: relative;
  display: flex;
  width: 35%;
  height: 3em;
  line-height: 3;
  background: #2c3e50;
  overflow: hidden;
  border-radius: 0.25em;
  text-align: center;
}
@media only screen and (max-width: 600px) {
  .search {
    margin: auto;
    width: 80%;
    margin-bottom: 25px;
  }
}
.search::after {
  content: "";
  font-family: "Font Awesome 5 Free";
  color: #E6F4C1;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 1em;
  background: #002e82;
  cursor: pointer;
  pointer-events: none;
  transition: 0.25s all ease;
  font-weight: 900;
}

@media only screen and (max-width: 600px) {
  .select {
    width: 80%;
  }

  #city {
    margin: auto;
    margin-bottom: 10px;
    width: 80%;
  }

  #filters {
    order: 2;
  }

  .widget {
    min-width: unset;
  }
}


form {
  padding: 1% 0;
  margin: 0;
}

.locator-container {
  font-size: 15px;
  line-height: 1.5em;
  color: #555;
}

.sidebar {
  height: 100%;
  border: 1px solid #EEE;
  border-right: none;
}

.locator-heading {
  background: #fff;
  border-bottom: 1px solid #eee;
  height: 36px;
  line-height: 36px;
  padding: 0 10px;
  display: none;
}

.locator-heading h2 {
  font-size: 20px;
  margin: 0;
  font-weight: 400;
  color: #333;
}

.listings {
  height: 100vh;
  /*padding-bottom: 36px;*/
  overflow-y: scroll;
  overflow-x: hidden;
  background-color: #FFF;
  color: #555;
}

@media only screen and (max-width: 600px) {
  .row {
    display: flex;
    flex-direction: column;
  }

  #one {
    order: 2;
  }

  #two {
    order: 1;
  }

  .locator-heading {
    display: block;
  }

  #logo {
    width: 100%;
    margin: auto;
  }

  .widget h2 {
	  display: block;
	  font-size: 0.8em;
	  width: 320px !important;
	  margin-block-start: 0.83em;
	  margin-block-end: 0.83em;
	  margin-inline-start: 0px;
	  margin-inline-end: 0px;
	  font-weight: bold;
	  color: #16486D;
   }
	.widget .col-4{
	  max-width: 100%!important;
		width: 100%!important;
	
	}

  .listings {
    height: 100%;
  }
#googlemap {
  min-height: 93vh;
  width: 100%;
  height: 100% !important;
}
.col-5 {
    max-width: 100%;
}
.col-7 {
    max-width: 100%;
}
}
@media (min-width: 600px) and (max-width: 1300px) {
  .select {
    font-size: small;
  }

  .select::after {
    padding: 0 0.3em;
  }

  .search {
    font-size: small;
  }

  .search::after {
    padding: 0 0.3em;
  }

}
.poi-info-window a {
    color: #333;
    font-family: Roboto,Arial;
    font-size: 13px;
    background-color: white;
    -moz-user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    user-select: text;
}
.full-width {
    width: 180px;
}
.title {
    overflow: hidden;
    font-weight: 500;
    font-size: 14px;
}

.selectbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 15px;
    font-size: 12px;
	
}
select option:checked {
  background-color: red !important;
  color: white!important;
}
ul {
	  margin: 0; 
	  padding:0;
	  padding-left:0px;
	  margin-top:-10px;
	  list-style-type: none;
}

@media (min-width: 600px) {
#googlemap {
  min-height: 93vh;
  width: 100%;
  height: 100% !important;
}
}
a {
    color: #16486D;
    text-decoration: none;
    background-color: transparent;
}
.pretitle{
 font-weight:600;
 color:#000;	
}