@import "typography.css";
@import "slider-overrides.css";

.m2plugin img{
  max-width: 100%;
}

.m2-img-block .m2-img-container {
  position: relative;
  display:block;
}

.m2-img-block .m2-builder-logo {
  display:block;
  width: 120px;
  height: 70px;
  position:absolute;
  top:0;
  right:0;
  background: #ccc;
}

.m2-img-block.m2-lg-img .m2-builder-logo {
  width: 200px;
  height: 100px;
}

.m2plugin input,textarea{
  width: 100%;
  border: 1px solid #979797;
  padding: 5px;
  color: #000;
  font-size: 16px;
}

.m2plugin label{
  margin-bottom: 0;
}

.m2plugin label:not(:first-child):not(.btn){
  margin-top: 15px;
}

.m2plugin span p{
  display: inline;
}

.m2plugin .bg-grey{
  background-color: #D8D8D8;
}

#land-filters{
  padding: 30px 0;
}

.m2plugin hr.entry-separator{
  border-bottom: 1px solid #575756;
}

.m2plugin .m2-contact-buttons-container{
  position: fixed;
  z-index: 99;
  margin-bottom: -2px;
  bottom: 0;
}

.m2plugin .m2-contact-buttons-row{
  background-color: #D8D8D8;
}

/* ENTRY ITEM */

.m2plugin .m2-land-entry{
  border-bottom: 1px solid #979797;
}
.m2plugin .m2-land-entry .hide {
  visibility: hidden;
}

.m2plugin .full-width-image{
  width: 100%;
}

.m2plugin .release-name,
.m2plugin .lot-num-name{
  margin: 0;
}

.m2plugin .house-land-image{
  width: 100%;
}

.m2plugin .builder-image{
  position: absolute;
  right: 15px;
  width: 85px;
  height: 85px;
  border: 1px solid red;
}

.m2plugin .lot-num-name{
  margin-top: 15px;
  line-height: 40px;
}

span.share-fav-text{
  padding-top: 5px;
  padding-left: 7px;
}

/*
.m2plugin .amenity{
  margin-top: 50px;
}
*/

.m2plugin .m2-amenity-item{
  margin-right: 14px;
}

.m2plugin .m2-amenity-item:last-child{
  margin-right: 0;
}

.m2plugin .m2-amenity-item img{
  width: 22px;
  height: 21px;
}

.m2plugin .m2-amenity-item p{
  padding-left: 4px;
  position: relative;
  top: 3px;
  display: inline-block;
  margin-bottom: 0.5rem;
  color: #384044;
}

.m2plugin select.dropdown{
  /* font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif; */
  padding: 4px 0px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 100%;
  background-color: #fff;
  border: none;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-bottom: 1px solid #000;
  position: relative;
  background: url('/wp-content/plugins/m2plugin/img/select-down-arrow.svg') no-repeat;
  background-position: center right;
  background-size: 20px;
  font-size: 16px;
}

/* BUTTONS */
.m2plugin .m2-blue-button{
  width: 100%;
  max-width: 145px;
  height: 50px;
  padding: 7px;
  background-color: #003B5C;
  color: #fff;
  border-radius: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m2plugin .m2-blue-button:hover{
  color: #fff;
}

.m2plugin .m2-gold-button{
  width: 100%;
  max-width: 146px;
  height: 40px;
  padding: 5px;
  background-color: #fff;
  color: #B69D49;
  border: 1px solid #B69D49;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m2plugin .m2-gold-button:hover{
  color: #B69D49;
}

.m2plugin .gold-arrow-left,
.m2plugin .gold-arrow-left:hover,
.m2plugin .gold-arrow-right,
.m2plugin .gold-arrow-right:hover{
  color: #B69D49;
}

.m2plugin .gold-arrow-left{
  background: url('../img/gold-chevron-left.svg') no-repeat;
  background-size: 14px 14px;
  background-position: -2px 11px;
  padding-left: 21px;
}

.m2plugin .gold-arrow-right{
  background: url('../img/gold-chevron-right.svg') no-repeat;
  background-size: 14px 14px;
  background-position: 100%;
  padding-right: 22px;
}


.m2plugin .black-button{
  width: 100%;
  max-width: 146px;
  height: 40px;
  padding: 5px;
  background-color: #fff;
  color: #000;
  border: 1px solid #000;
  display: flex;
  justify-content: center;
  align-items: center;
}

.m2plugin .black-button:hover{
  color: #000;
}

.m2plugin .black-arrow-left,
.m2plugin .black-arrow-left:hover,
.m2plugin .black-arrow-right,
.m2plugin .black-arrow-right:hover{
  color: #000;
}

.m2plugin .black-arrow-left{
  background: url('../img/black-chevron-left.svg') no-repeat;
  background-size: 14px 14px;
  background-position: -2px 11px;
  padding-left: 21px;
}

.m2plugin .black-arrow-right{
  background: url('../img/black-chevron-right.svg') no-repeat;
  background-size: 14px 14px;
  background-position: 100%;
  padding-right: 22px;
}

.m2plugin .plain-button{
  color: #384044;
  padding: 0;
}

/* FORMS */
.m2plugin .m2-detail-contact-container{
  padding: 10px;
  border: 1px solid #979797;
  background: none;
}

.m2plugin p.form-text{
  line-height: 1.7;
  padding-bottom: 10px;
}

.m2plugin .dropdown-label{
  padding: 5px 0;
}

.m2plugin .form-control,
.m2plugin .select2-container--default
.select2-selection--single {
  padding: 22px;
  -webkit-appearance: none;
  border-radius: 0;
  border: none;
  border-bottom: 1px solid #4A4A4A;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow
b{
  border-style: none;
}

.select2-container--default
.select2-selection--single
.select2-selection__arrow{
  background: url('../img/dropdown-arrow.svg') no-repeat;
  background-size: 9px 14px;
  background-position: center;
}

.m2plugin select.form-control,
.m2plugin .select2-container--default .select2-selection--single{
  padding: 0;
  height: 28px;
}

.m2plugin .select2-container--default{
  width: 100%;
  float: right;
  width: 73%;
}

.m2plugin .select2-container--default
.select2-selection--single
.select2-selection__rendered{
  line-height: 34px;
  font-family: 'HelveticaNeue', Arial, Helvetica, sans-serif;
  font-size: 18px;
}


.m2plugin .m2-btn__icon {
  display: inline-block;
  width: 1.5rem;
  height: 1.2rem;
  line-height: 1.5rem;
  position: relative;
  top: 0.25rem;
}
.m2plugin .m2-btn__icon--filters {
  background: url('../img/magnifier.svg') no-repeat top left;
}






.m2-dual-ring {
  display: inline-block;
  width: 64px;
  height: 64px;
}
.m2-dual-ring:after {
  content: " ";
  display: block;
  width: 46px;
  height: 46px;
  margin: 1px;
  border-radius: 50%;
  border: 5px solid #888;
  border-color: #888 transparent #888 transparent;
  animation: m2-dual-ring 1.2s linear infinite;
  margin-top: 2rem;
  margin-left: 0.5rem;
}
@keyframes m2-dual-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.m2-fixed-spinner {
  background: #fff;
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  text-align: center;
  width: 7.5rem;
  height: 7.5rem;
  border: 1px solid #888;
}




.m2plugin input[type="text"], input[type="email"], textarea {
  background: transparent;
}

.m2-input-group {
  margin-bottom: 1rem;
}

.m2-input-group .blue-button{
  max-width: 100%;
}


.m2plugin .btn-group-toggle{
  width: 80%;
}

.m2plugin .btn-group-toggle .btn{
  background:rgba(182, 157, 73, 0.4);
  padding: 4px 20px 4px;
  width: 20%;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid #000;
}

.m2plugin .btn-group-toggle .btn.active{
  background:#B69D49;
  color: #fff;
}
.m2plugin .toggle-label{
  min-width: 100px;
}


@media only screen and (max-width:335px){
  .m2plugin .select2-container--default{
    width: 68%;
  }
}

@media screen and (min-width: 992px){
  .filter-buttons-container {
    margin-top: 2.4rem;
  }
  .m2-field-row-2 {
    margin-top: 2rem;
  }
}

@media only screen and (max-width:991px){

}

@media (max-width:991px) and (min-width:768px) {
  .m2plugin .select2-container--default{
    width: 86%;
  }
}

@media only screen and (max-width:768px){
  .m2plugin .btn-group-toggle .btn{
    padding: 7px 16px 4px;
  }

  .m2plugin .toggle-label{
    min-width: 86px;
  }

  .m2-img-block.m2-lg-img .m2-builder-logo {
    width:80px;
    height:80px;
  }
}

/* No greater than 1200px, no less than 991px */
@media (max-width:1200px) and (min-width:991px) {

}