/*
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 
*/

body#properties #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
}

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

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

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


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

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

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

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

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

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

body#properties #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
}

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

body#properties #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
}

body#properties form#property-search-form{
margin:20px auto;
width:100%;
}

body#properties form#property-search-form .form-group{
display:inline;
}

body#properties form#property-search-form .form-group .form-control{
margin-right:10px !important;
margin-bottom:10px !important;
}

body#properties form#property-search-form fieldset{
margin:0 auto;
border:1px solid #e1e1e1;
text-align:center;
padding:20px;
}

body#properties form#property-search-form fieldset h2{
font-size:26px;
}

body#properties .pagination ul{
margin:20px auto;
text-align:center;
}

body#properties .pagination > .active > a,
body#properties .pagination > .active > span,
body#properties .pagination > .active > a:hover,
body#properties .pagination > .active > span:hover,
body#properties .pagination > .active > a:focus,
body#properties .pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #eee;
border-color: #ddd;
}

body#property-details #property {
margin:20px auto;
display:flex;
flex-direction: row;
flex-wrap:wrap;
align-items:stretch;
border:0px solid red;
justify-content: space-evenly
}

body#property-details #property div{
border:0px solid blue;
padding:0 20px;
width:auto;
}

body#property-details #div-left{
flex-grow: 1;
padding:10px;
max-width:40%;
}

body#property-details #div-left .carousel{
background-color:#f1f1f1;
padding:10px;
}

body#property-details #div-left .carousel .carousel-my-caption {
font-size:15px;
text-align:center;
color:black;
margin:10px auto;
background-color: #fff;
padding:6px;
}

body#property-details #div-left .carousel-inner .large-image {
text-align:center;
display:block;
font-size:85%;
}

body#property-details #div-left .carousel .carousel-control-prev .carousel-control-prev-icon,
body#property-details #div-left .carousel .carousel-control-next .carousel-control-next-icon,
body#property-details #div-left .carousel .carousel-control .glyphicon{
font-size:40px;
color:black;
}

body#property-details #div-left .carousel-inner{
//background-color:#f1f1f1;
}

body#property-details #div-left .carousel-inner > .item{
max-width: 100%;
min-height: 250px;
height: auto;
margin: 20px auto;
border:0px solid red;
}


body#property-details #div-left .carousel-inner > .item img{
margin: 0 auto;
max-height:400px;
}


body#property-details #div-left #property-description{
display:block;
padding:0;
margin:15px auto;
line-height:140%;
}

body#property-details #div-right{
width:auto;
max-width:60%;
flex-grow:1;
}

body#property-details #summary{
font-size:125%;
margin:10px auto;
//background-color:#f9f9f9;
padding:0 0 10px 0;
line-height:140%;
border-bottom:1px solid #333;
}

body#property-details #div-right span{
display:block;
margin:17px 0;
font-size:120%;
}

body#property-details #div-right span.rent{
display:inline;
font-weight:bold;
}

body#property-details #div-right span.um{
display:inline;
font-weight:normal;
font-size:80%;
}

body#property-details #div-right span i[class^="fas"]{
font-size:125%;
padding-right:10px;
}

body#property-details #div-right #details-fees{
background-color:#f5f5f5;
margin:20px;
padding:6px;
}

body#property-details #div-right #details-fees span{
font-size:70%;
display:inline;
}

body#property-details #div-right span.note{
font-style: italic;
font-size:80%;
display:inline;
padding-left:10px;
}

body#property-details #div-right span.note:before{
content:"- ";
}

body#property-details #div-right span#details-amenities {
margin:10px 0;
border:0px solid red;
display:block;
}

body#property-details #div-right span#details-amenities b{
display:block;
margin-bottom:10px;
padding-bottom:1px;
text-decoration:underline;
}

body#property-details #div-right #details-amenities span{
margin:10px 0;
padding:0;
display:block;
font-size:90%;
font-weight:bold;
}

body#property-details #div-right #details-amenities span:before{
content:"-";
}

body#property-details #div-right #details-amenities span i{
font-size:90%;
display:inline;
margin-left:5px;
font-weight:normal;
}



body#reservation form#reservation-form{
max-width:800px;
margin:30px auto;
border:0px solid red;
}

body#reservation form#reservation-form h2{
margin:10px auto;
}

body#reservation form#reservation-form label{
font-weight:bold;
display:block;
}

body#reservation form#reservation-form .warning{
display:block;
}

body#reservation form#reservation-form #div-reservation-policy{
margin:20px 0;
padding:10px;
background-color:#e9e9e9;
font-weight:normal;
}

body#reservation #property-info{
max-width:800px;
margin:20px auto;
text-align:left;
background-color:#f5f5f5;
padding:10px;
}

body#reservation #property-info ul{
margin:15px 0;
padding:0;
list-style-type: none;
text-align:left;
}

body#reservation #property-info ul li{
margin:8px;
text-align:left;
}


body#reservation form#reservation-form #cancellation_policy{
font-weight:normal;
background-color:#f1f1f1;
border:1px dotted #eee;
display:block;
padding:10px;
margin:10px 0;
}


/** RESERVATION RECEIPT ****/
body#reservation-receipt #container{
margin:0 auto;
max-width:1200px;
}

body#reservation-receipt [class^="col-"]{
border:1px solid #eee;
padding:20px;
}

body#reservation-receipt #receipt-top{
margin:0 auto ;
text-align:center;
}

body#reservation-receipt #reservation-receipt-logo{
display:block;
max-height:100px;
margin:20px auto;
}

body#reservation-receipt div#table-headings{
border-top:1px solid #999;
border-left:1px solid #999;
border-right:1px solid #999;
background-color:#f1f1f1;
margin:0;
padding:0;
width:100%;
font-weight:bold;
} 

body#reservation-receipt body#packing-list div#table-headings{
margin-top:20px;
}

body#reservation-receipt div#table-headings [class^="col-"]{
border:0px solid transparent !important;
margin:0;
padding:10px;
text-align:center;
}

body#reservation-receipt div#table-items {
display: table; /* Make the container element behave like a table */
width: 100%;
background-color: white;
padding:0;
margin:0;
border:1px solid #ccc;
}


body#reservation-receipt #table-items .row{
display: flex;
flex-direction: row ;
flex-wrap:wrap;
border:0px solid #ccc;
text-align:left;
background-color: transparent;
padding:0px;
text-align:left;
vertical-align:top;
margin:0;
width:100% !important;
}

body#reservation-receipt div#table-items [class*="col-"]{
display: table-cell; /* Make elements inside the container behave like table cells */
border:1px solid #ccc;
white-space:normal;
padding:4px;
margin:0 !important;
vertical-align:top;
}

body#reservation-receipt #table-headings .col-sm-1,
body#reservation-receipt #table-items .col-sm-1{
width:8.3%;
}

body#reservation-receipt #table-headings .col-sm-2,
body#reservation-receipt #table-items .col-sm-2{
width:16.6%;
}

body#reservation-receipt #table-headings .col-sm-3,
body#reservation-receipt #table-items .col-sm-3{
width:24.9%;
}

body#reservation-receipt #table-headings .col-sm-6,
body#reservation-receipt #table-items .col-sm-6{
width:49.8%;
}

body#reservation-receipt #table-items span{
display:block;
}

#table-items .total,
#table-items .rate,
#table-items .um,
#table-items .qty{
text-align:center; 
}



body#reservation-receipt #receipt-bottom ul{ 
list-style-type: none;
}

body#reservation-receipt #receipt-bottom ul li{ 
margin-left:-40px;
text-align:left;
}

body#reservation-receipt #receipt-bottom #adults, 
body#reservation-receipt #receipt-bottom #children, 
body#reservation-receipt #receipt-bottom #due{ 
margin:10px 0;
}

body#reservation-receipt #reservation-policy{
margin:0 auto;
padding:20px;
background-color:#e9e9e9;
font-weight:normal;
}



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

	body#property-details #div-left,
	body#property-details #div-right{
	width:100% !important;
	max-width:100% !important;
	}

        body#properties #properties-listing #columns{
        display:none;
        }
}

@media only screen and (max-width : 468px) {
	
	body#property-details #div-right i.fas{
	display:block;
	margin:0 0 5px 0;
	}

}