/* CSS Document */

/* MLS HOME */
.dropdown-menu.overflow{
	max-height: 300px;
	overflow-y: scroll;
}

/* MLS FILTERS */
.toggle-all-collapsed span{
	display: inline-block;
}
.toggle-all-collapsed > span > span:nth-child(2),
.toggle-all-collapsed > span > span:nth-child(4),
.toggle-all-collapsed > span.click > span:first-child,
.toggle-all-collapsed > span.click > span:nth-child(3){
	display: none;
}
.toggle-all-collapsed > span.click > span:nth-child(2),
.toggle-all-collapsed > span.click > span:nth-child(4){
	display: inline-block;
}
.toggle-all-collapsed > span.click > span:nth-child(3){
	transform: rotate(-180deg);
}
.accordion .item .heading{
	transition: all .3s ease;
}
.accordion .item .heading{
	color: var(--black-color);
}
.accordion .item .heading.collapsed{
	color: var(--black-color);
}
.accordion .item .heading > div:last-child > span{
	transition: all .2s linear;
}
.accordion .item .heading > div:last-child > span,
.accordion .item .heading.expand > div:last-child > span,
.accordion .item .heading.collapsed.expand > div:last-child > span{
	transform: rotate(-180deg);
}
.accordion .item .heading.collapsed > div:last-child > span{
	transform: rotate(0);
}

.mls-filter .content .list-group{
	max-height: 290px;
	overflow-y: scroll;
}

#mls-header-options select,
#mls-footer-options select{
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: 1px solid var(--extra-light-gray-color);
}

#mls-listings .item picture{
    height: 115px;
}
#mls-listings .item a{
    transition: all .35s cubic-bezier(.335,.015,.25,.995);
}
#mls-listings .item a:hover{
    transform: translateY(-10px);
}

/* MLS PAGE */
#mls-rotator .rotator,
#mls-rotator .rotator picture{
	height: 225px !important;
}
#mls-rotator .pager picture > div{
	height: 50px !important;
}
#mls-rotator .pager .control{
    min-width: 7%;
    max-width: 7%;
}
#mls-rotator .pager .thumbs{
    min-width: 86%;
    max-width: 86%;
}

#mappy{
	height: 550px;
}

/********************************************************** MEDIA QUERRIES ******************************************************************/

/* Phone (landscape) */
@media (min-width: 576px){
    
    /* MLS HOME */
    #mls-listings .item picture{
        height: 200px;
    }
	
	/* MLS PAGE */
    #mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 285px !important;
    }
    #mls-rotator .pager picture > div{
        height: 60px !important;
    }
    #mls-rotator .pager .control{
        min-width: 6%;
        max-width: 6%;
    }
    #mls-rotator .pager .thumbs{
        min-width: 88%;
        max-width: 88%;
    }
    
}

/* Tablet (portrait) */
@media(min-width:768px){
	
    /* MLS HOME */
    #mls-listings .item picture{
        height: 160px;
    }
    
    /* MLS PAGE */
    #mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 250px !important;
    }    
    #mls-rotator .pager picture > div{
        height: 50px !important;
    }
    #mls-rotator .pager .control{
        min-width: 7%;
        max-width: 7%;
    }
    #mls-rotator .pager .thumbs{
        min-width: 86%;
        max-width: 86%;
    }
    #mls-rotator-sticky-wrapper{
        height: auto !important;
    }
    
}

/* Tablet (landscape) */
@media(min-width:992px){
	
	/* MLS PAGE */
	#mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 355px !important;
    }
    #mls-rotator .pager picture > div{
        height: 80px !important;
    }
    #mls-rotator .pager .control{
        min-width: 5%;
        max-width: 5%;
    }
    #mls-rotator .pager .thumbs{
        min-width: 90%;
        max-width: 90%;
    }
    
}

/* Desktop */
@media(min-width:1200px){
	
	/* MLS HOME */
    #mls-listings .item picture{
        height: 175px;
    }
	
    /* MLS PAGE */
    #mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 415px !important;
    }
    #mls-rotator .pager picture > div{
        height: 90px !important;
    }

}

@media(min-width:1400px){
	
	/* MLS HOME */
    #mls-listings .item picture{
        height: 195px;
    }
    
    /* MLS PAGE */
    #mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 425px !important;
    }
    #mls-rotator .pager picture > div{
        height: 95px !important;
    }
    
}

@media(min-width:1600px){
	
	/* MLS HOME */
    #mls-listings .item picture{
        height: 230px;
    }
    
    /* MLS PAGE */
    #mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 500px !important;
    }
    #mls-rotator .pager picture > div{
        height: 115px !important;
    }    
    
}

@media(min-width:1700px) {

    /* MLS HOME */
    #mls-listings .item picture {
        height: 250px;
    }

    /* MLS PAGE */
    #mls-rotator .rotator,
    #mls-rotator .rotator picture{
        height: 540px !important;
    }
    #mls-rotator .pager picture > div{
        height: 125px !important;
    }

}

@media(min-width:1800px){
	
    /* MLS PAGE */
    
	
}

/* GENERIC STYLES */
.list-group-item,
.list-group-item.active{
	border-color: var(--extra-light-gray-color) !important;
}
.hover{
	transition: all .3s ease;
}
.hover:hover{
	opacity: .75;
}