.searchprop-form-fvh{
    max-width: 100%;
}


.searchprop-arrival-fvh {
    background: var(--white);
    border: 1px solid #c8c8c8;
    border-radius: 0;
    color: #555;
    height: 45px;
    box-shadow: none;
    font-family: "Avenir Next", "Avenir Next LT Pro", "Nunito Sans", sans-serif; /*sans-serif;*/
    font-weight: 500;
    font-size: medium; /*13px;*/
    width: 100%;
    padding: 8px;
}

.fa-calendar-alt {
    position: absolute;
    bottom: 15px;
    right: 20px;
}

.relative-postn-fvh{
    position: relative !important;
    margin: 0 !important;
}

.searchprop-select-fvh {
    border: 1px solid #c8c8c8;
    border-radius: 0;
    color: #9b9b9b;
    height: 45px;
    box-shadow: none;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    padding: 8px;
}

.searchprop-form-fvh .searchprop-row-fvh{
    display: flex;
    justify-content: space-between;
}

.searchprop-col-fvh {
    flex: 1;
    width: 20%;
    padding: 0px 5px 0 5px;
}
.custm-wrapper_searchFilter{
    max-width: 100%!important;

}  
.btnStyle{
    border: 1px solid #c8c8c8;
    border-radius: 0;
    color: #fff;
    height: 45px;
    box-shadow: none;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    padding: 8px;
    background: #e91e63;
}

#property-list-options{
    border: 1px solid #c8c8c8;
    border-radius: 0;
    color: #9b9b9b;
    height: 45px;
    box-shadow: none;
    font-family: "Montserrat";
    font-weight: 500;
    font-size: 14px;
    width: 100%;
    padding: 8px;
}

.property-list-form-fvh{
    margin: 0 auto;
    max-width: 500px;
    padding-top: 30px;
    padding-bottom: 30px;
}

.searchprop-row-fvh #multiselect-location input[type="checkbox"] {
    margin-right: 5px;
}

.searchprop-form-fvh summary {
    outline-width: 0px !important;
    font-family: "Avenir Next", "Avenir Next LT Pro", "Nunito Sans", sans-serif;
    font-size: medium;
    font-weight: 500;
    color: #555;
}

#searchprop-loader {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background-color: rgba(192, 192, 192, 0.5);
    background-image: url("../img/loader.gif");
    background-repeat: no-repeat;
    background-position: center;
    display: none;
}

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

} 

@media only screen and (min-width: 700px) and (max-width: 900px)  {
	
	.searchprop-col-fvh {
    flex: 1;
    width: 20%;
    padding: 0px 8px 0 8px;
}
    
	
}

@media only screen and (max-width: 690px){
    .searchprop-col-fvh {
    width: 100%;
    padding: 10px 15px 0 15px;
}
.searchprop-form-fvh .searchprop-row-fvh{
    flex-direction: column;
}

.searchprop-form-fvh{
    position: relative;
    padding-top: 53px;
    padding-bottom: 10px;
}

#searchprop-search-btn{
    position: absolute;
    top: 0;
    margin-top: 0px;
}
}


/* style for UPDATE RESULTS button on search page */
/* Hidden by default on larger screens */
/* Hidden by default on larger screens */
#mobileTopCTA { display: none; }

@media (max-width: 575.98px) {
    #mobileTopCTA { display: inline-flex; }  /* <— beats the global ID rule */
    .mtcta{
        --bg-a:#2563eb;                 /* color A */
        --bg-b:#1e40af;                 /* color B */
        --fg:#fff;
        --shadow:rgba(0,0,0,.18);

        position: fixed;
        left: 8px; right: 8px;
        /* top: calc(8px + env(safe-area-inset-top, 0px));*/
        top: var(--mtcta-top, calc(8px + env(safe-area-inset-top, 0px)));
        z-index: 99999;

        display: inline-flex;
        align-items: center; justify-content: center;

        padding: .9rem 1rem;
        width: auto; min-height: 48px;
        border: 0; /*border-radius: 0px;*/
        color: var(--fg);
       
        background-color: red;              /* start color */
        background-image: none !important;
        font: 800 .95rem/1 system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
        font-size: 14px;
        letter-spacing:.02em;
        box-shadow: 0 8px 20px var(--shadow);
        text-transform: uppercase;

        transform: translateY(-120%);   /* hidden above header */
        opacity: 0; pointer-events: none;
        transition: transform .2s ease, opacity .2s ease, filter .15s ease;
    }

    /* New: animated background color */
    .mtcta.color-cycle.is-visible {
        animation: mtctaBgColor 1.8s ease-in-out infinite alternate;
    }

    @keyframes mtctaBgColor {
        0%   { background-color: red; }
        50%  { background-color: orange; }
        100% { background-color: red; }
    }

    .mtcta.is-visible{ transform: translateY(0); opacity:1; pointer-events:auto; }

    /* Effect 1: pulsing background (set by JS with .pulse-bg) */
    .mtcta.pulse-bg.is-visible { animation: mtctaPulse 1.8s ease-in-out infinite alternate; }
    @keyframes mtctaPulse{
        0% { filter: saturate(1) brightness(1); }
        100%{ filter: saturate(1.15) brightness(1.07); }
    }

    /* Effect 2: animated ring (set by JS with .ring) */
    .mtcta.ring.is-visible { animation: mtctaRing 1.6s ease-out infinite; }
    @keyframes mtctaRing{
        0%   { box-shadow: 0 8px 20px rgba(0,0,0,.18), 0 0 0 0 rgba(255,69,0,.35); }
        70%  { box-shadow: 0 8px 20px rgba(0,0,0,.18), 0 0 0 12px rgba(255,69,0,0); }
        100% { box-shadow: 0 8px 20px rgba(0,0,0,.18), 0 0 0 0 rgba(255,69,0,0); }
    }

        /* icon container */
    .mtcta__icon{
        display:inline-flex;
        align-items:center;
        justify-content:center;
        width:20px; height:20px;
        margin-right:.55rem;
        /* keep icon visible even with bold label */
        color: #fff;
    }
    .mtcta__label{ letter-spacing:.04em; }

    /* A) Nudge arrow: gentle right-left nudge */
    .mtcta.is-visible .ico-nudge{
        width:18px; height:18px;
        animation: mtctaNudge 1.4s ease-in-out infinite;
    }
    @keyframes mtctaNudge{
        0%   { transform: translateX(0);   opacity: .9; }
        50%  { transform: translateX(3px); opacity: 1;  }
        100% { transform: translateX(0);   opacity: .9; }
    }

    /* B) Tap hand: subtle pulse ring on the “tap” circle */
    .mtcta.is-visible .ico-tap{
        width:20px; height:20px;
    }
    .mtcta.is-visible .ico-tap .tap-ring{
        transform-origin: 12px 5px;
        animation: tapPulse 1.6s ease-out infinite;
        opacity:.9;
    }
    @keyframes tapPulse{
        0%   { transform: scale(1);   opacity:.9; }
        70%  { transform: scale(1.7); opacity:0; }
        100% { transform: scale(1);   opacity:0; }
    }

    @media (prefers-reduced-motion: reduce){
        /*.mtcta.pulse-bg.is-visible, .mtcta.ring.is-visible { animation: none; }*/
        .mtcta.is-visible .ico-nudge,
        .mtcta.color-cycle.is-visible, .mtcta.ring.is-visible { animation: none; }
        }
    }

    /* Offset for logged-in WordPress admin bar on small screens */
    @media (max-width: 782px){
    body.admin-bar .mtcta{
        top: calc(8px + env(safe-area-inset-top, 0px) + 46px);
    }
    }