/** Components */
#quick-search select, 
  #quick-search input {

    font-size: .75rem;
}
.radio-primary {

    width: 100%;
}
@media (min-width: 768px) {
.radio-primary {

        width: 33.333333%;
    }
  }
.radio-primary label {

    width: 100%;
}
.radio-primary {

    position: relative;

    padding: 0.25rem;

    text-align: center;

  background: #e5e5e5;
}
.radio-primary input {

    position: relative;

    float: left;
    width: 0px;
    max-width: 0px;
    z-index: -10;
    position: absolute;
}
.radio-primary label.checked, 
  .radio-primary input.checked + label {

    --tw-bg-opacity: 1;

    background-color: rgb(255 255 255 / var(--tw-bg-opacity));

    font-weight: 600;

    color: var(--brand-color-primary);
}
.radio-primary input:focus + label {
    outline: 1px dotted #212121;
    outline: 5px auto -webkit-focus-ring-color;
  }
.radio-primary label {

    position: relative;

    z-index: 10;

    display: inline-block;

    border-radius: 0.25rem;

    padding-top: 0.5rem;

    padding-bottom: 0.5rem;

    padding-left: 1rem;

    padding-right: 1rem;

    font-size: .75rem;

    text-transform: uppercase;
    transition: all 0.2s linear;
}
/** Partials */
#archive-displet-property .property-archive-title-wrapper .icon::after {
        bottom: 45%;
        top: 7px;
      }
#archive-displet-property .advanced-search-form-wrapper select > option {
      text-transform: none;
    }
.property-archive-mobile-controls select, .property-archive-mobile-controls button {
    font-weight: inherit;
    cursor: inherit;
    text-transform: inherit;
  }
#advanced-search select, 
  #advanced-search input, 
  #advanced-search .label {

    font-size: .75rem;
}
.input-wrapper {

    display: flex;
}
.input-wrapper > div {

    flex-grow: 1;
}
.input-wrapper > div > label {

    margin-top: 1rem;
}
.advanced-search .wrapper {
    opacity: 0.98;
  }
@media (min-width: 768px) {
.advanced-search .wrapper {

        z-index: 20;

        --tw-bg-opacity: 1;

        background-color: rgb(255 255 255 / var(--tw-bg-opacity));

        padding: 1.5rem;

        padding-bottom: 3rem;

        opacity: 0;
      transition: all 1s;
    }
.advanced-search.menu-in-view .wrapper {

        opacity: 1;

        --tw-shadow: 0 5px 9px 0 rgba(150, 150, 150, 0.5);

        --tw-shadow-colored: 0 5px 9px 0 var(--tw-shadow-color);

        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
    }
.advanced-search:not(.menu-in-view) {
    visibility: hidden;
  }
.advanced-search select, 
  .advanced-search input, 
  .advanced-search label {

    font-weight: 100;

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.advanced-search .label {

    margin: 0.5rem;

    text-align: left;

    text-transform: uppercase;
    font-weight: 200;
    color: #1a202c;
    background-color: transparent;
    letter-spacing: 2px;
}
.advanced-search-form-wrapper {

    display: grid;

    grid-template-columns: repeat(1, minmax(0, 1fr));

    gap: 0.5rem;
}
@media (min-width: 768px) {
.advanced-search-form-wrapper {

        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
@media (min-width: 1024px) {
.advanced-search-form-wrapper {

        grid-template-columns: repeat(4, minmax(0, 1fr));

        gap: 2rem;
    }
  }
.advanced-search-form-wrapper .input-wrapper {

    position: relative;

    width: 100%;

    text-align: center;
}
@media (min-width: 768px) {
.advanced-search-form-wrapper .input-wrapper {

        margin-top: 0.5rem;

        margin-bottom: 0.5rem;

        display: flex;

        flex: 1 1 auto;

        flex-direction: row;

        justify-content: center;
    }
    }
.advanced-search-form-wrapper .input-wrapper > select, 
    .advanced-search-form-wrapper .input-wrapper > input, 
    .advanced-search-form-wrapper .input-wrapper > div {

    flex-grow: 1;
}
@media (min-width: 1024px) {
.advanced-search-form-wrapper .input-wrapper > select, 
    .advanced-search-form-wrapper .input-wrapper > input, 
    .advanced-search-form-wrapper .input-wrapper > div {

        width: 100%;
    }
      }
[advanced-search-toggle] i {
  transition: all 0.2s ease-in-out;
}
[mobile-property-search-toggle] i {
    transition: all 1s ease-in-out;
    -webkit-transform-origin: center center;
            transform-origin: center center;
    line-height: 15px;
  }
[mobile-property-search-toggle].isOpen i {
      -webkit-transform: rotate(180deg);
              transform: rotate(180deg);
    }
[mobile-property-search-toggle] {

  cursor: pointer;
}
[mobile-property-search-drawer] {
  top: -2000px;
}
[mobile-property-search-drawer]:not(.menu-in-view) {
    visibility: hidden;
  }
.mobile-property-search-wrapper {
  background: rgba(255, 255, 255, 0.98);
  padding-bottom: 2.5em;
}
.mobile-property-search-wrapper button {
    margin-top: 2em;
  }
.mobile-property-search-wrapper ::-webkit-input-placeholder {

    background-color: transparent;

    font-weight: 100;

    letter-spacing: 2px;

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.mobile-property-search-wrapper ::placeholder, 
  .mobile-property-search-wrapper option, 
  .mobile-property-search-wrapper input, 
  .mobile-property-search-wrapper select {

    background-color: transparent;

    font-weight: 100;

    letter-spacing: 2px;

    --tw-text-opacity: 1;

    color: rgb(17 24 39 / var(--tw-text-opacity));
}
.mobile-property-search-wrapper option, 
  .mobile-property-search-wrapper input, 
  .mobile-property-search-wrapper select {

    padding-left: 0.75rem;

    padding-right: 0.75rem;
}
.mobile-property-search-wrapper .icon.after.chevron-down:after {
      right: 0.75rem !important;
    }
.mobile-input-wrapper input,
  .mobile-input-wrapper select {
    padding: 13px 12px;
  }
.mobile-input-wrapper > * {
    flex: 0 0 100%;
    font-size: .75rem;
  }
.mobile-input-wrapper .label {

    padding-top: 0.5rem;
    font-weight: 200;
    color: #1a202c;
    background-color: transparent;
    letter-spacing: 2px;
}
.mobile-search-drawer-form .icon::after {
    top: 21px;
    right: 0.75rem !important;
  }
@media (min-width: 768px) {
    .mobile-search-drawer-form .icon::after {
      top: 1rem !important;
      right: 0.5rem !important;
    }
  }