.search-page{
    margin-top: 112px;
    min-height: 800px;
    background-color: #EDEDEB;
    overflow: hidden;
    .filter{
        float: left;
        padding-top: 26px;
        .btn-filter{
            font-family: "Pridi", sans-serif;
            font-size: 18px;
            font-weight: 300;
            min-width: 186px;
            img{filter: brightness(1) invert(0); transition: all 200ms;}
            &:hover{
                img{filter:  brightness(0) invert(1);}
            }
        }
    }

    .dropdown{
        .detail{
            cursor: pointer;
        }
    }

    .dropdown-menu{
        transform: translate(-180px, 10px) !important;
        border: none;
        box-shadow: 0 3px 6px 0 rgba($color: #000000, $alpha: 0.1);
        padding: 7px;
        min-width: 180px;
        img{width: 28px;}

    }
}
.campa-search-map {
    display: block;
    width: calc(100vw - 125.5%);
    height: calc(100vh - 112px);
    margin-left: 36px;
}
#sticky-map{
    .card{
        position: absolute;
        width: 375px;
        height: 457px;
        top: 350px;
        left: 540px;
        z-index: 1;
        opacity: 0;
        pointer-events: none;
        transition: all 200ms;
        &.active{opacity: 1; pointer-events: unset;}
        .head{
            height: 264px;
            .cover{padding-bottom: 67%;}
        }
        .favorite{
            left: unset;
            top: 19px;
            right: 16px;
        }
    }
}
.pin-location{
    position: absolute;
    top: 45%;
    left: 63%;
    transform: translate(-50%, 50%);
    border-radius: 20px;
    min-width: 60px;
    height: 33px;
    line-height: 27px;
    background-color: $color-light;
    border: 1px solid $color-light;
    font-family: "DMSans";
    font-weight: 500;
    transition: all 200ms;
    border: inherit;
    opacity: 1 !important;
    outline: 0;
    &.active{
        color: $color-light;
        background-color: $color-darkgray;
        border: 1px solid $color-darkgray;
    }
    &:hover{
        border: 1px solid $color-darkgray;
    }
}