/*
JUST FOR STYLING FILES IN THE /properties/ DIRECTORY 
DO NOT EDIT THIS FILE
THIS IS THE DEFAULT CSS FILE
IT SITS ABOVE THE WEBSITE CSS FILE
PLACE EDITS IN THE WEBSITES CSS FILE 
*/

#properties-listing{
margin:20px auto;
border:1px solid #ccc;
//overflow:hidden;
display:flex;
flex-direction: row;
flex-wrap:wrap;
align-items:stretch;
border:0px solid red;
justify-content: space-evenly
}

#properties-listing #columns{
color:#333;
background-color:#f1f1f1;
margin:0px;
border:0px solid red !important;
padding:10px 0;
display:none;
}

#properties-listing #columns .column-headers {
text-align:center;
font-weight:bold !important;
padding:3px 0;
font-size:110%;
display:none;
}

#properties-listing #rows div.row{
background-color:#f1f1f1;
margin:0;
padding:0;
width:100%;
}


#properties-listing .item{
padding:0 10px 10px 10px !important;
text-align:center;
line-height:150%;
flex-basis: auto;
border:0px solid red;
}

#properties-listing .item img{
max-height:350px;
}

#properties-listing #rows div.row:nth-child(odd){
background-color: #efefef !important;
}

#properties-listing .item img{
margin:20px auto;
display:block;
max-width:500px;
border-radius: 5px;
}

#properties-listing .item .name{
font-size:115%;
font-weight:bold;
}

#properties-listing .item .rate{
display:block;
}

#properties-listing .item .more-info{
display:block;
border:1px solid #999;
background-color:#e1e1e1;
cursor: pointer;
padding: 8px 20px;
border-radius: 5px;
margin:20px auto;
width:auto;
max-width:300px;
color:#333;
font-size:105%;
text-decoration:none
}

#properties-listing .item .more-info:hover{
background-color:#ccc;
}

#properties-listing .item .availability{
display:block;
border:1px solid #999;
background-color:#53a451;
cursor: pointer;
padding: 8px 20px;
border-radius: 10px;
margin:20px auto;
width:auto;
max-width:300px;
color: white;
font-size:105%;
text-decoration:none
}