/**
 * Document: main.css
 * Created on: 18 Mar 2013, 11:46 AM
 * Author: Marty
 * Description: the main stylesheet for the visitor pages of the All-in-One module.
 */
/*----- Bootstrap -----*/
.table-responsive { margin-bottom:20px; }
.table-responsive .table { margin-bottom:0; }
/*----- General -----*/
.aio-page-wrapper { margin:0 !important; padding:0 !important; width:100% !important; border:none !important; outline:none !important; background-color:transparent !important; float:none !important; clear:both !important; box-sizing:border-box !important; -moz-box-sizing:border-box !important; -webkit-box-sizing:border-box !important; }
.aio-page-wrapper .bold { font-weight:bold; }
.aio-page-wrapper .italic { font-style:italic; }
.aio-page-wrapper .float-left { float:left; };
.aio-page-wrapper .float-right { float:right; };
.aio-page-wrapper .noRecord { font-style:italic; }
.aio-page-wrapper .error { color:#F00; }
.aio-page-wrapper thead th { background-color:#CCC; text-align:center; vertical-align:middle; }
/*----- Form -----*/
.aio-page-wrapper .form-group.required .control-label::before,
.aio-page-wrapper .form-group.required .control-label:before { content:'*'; margin-right:3px; color:#F00; }
.aio-page-wrapper .form-horizontal .checkbox-group,
.aio-page-wrapper .form-horizontal .radio-group { padding-top:7px; }
.aio-page-wrapper .form-horizontal .checkbox-group .checkbox-inline,
.aio-page-wrapper .form-horizontal .radio-group .radio-inline { padding-top:0; font-weight:bold; }
.aio-page-wrapper select.form-control + .btn { margin-top:10px; }
.aio-page-wrapper form .buttons .btn { margin:0 5px 15px; }
/*----- ContentPlus - Accommodation -----*/
.aio-guests-content .content-images-wrapper,
.aio-guests-content .content-details-wrapper { display:none; }
.aio-guests-content #nav-content-menu { margin-bottom:15px; }
/*----- ContentPlus - Homes for Sale -----*/
.aio-guests-content .content-item-thumbnail { margin-bottom:15px; position:relative; }
.aio-guests-content .content-item-thumbnail .property-status { position:absolute; top:5px; right:5px; }
.aio-guests-content .property-status { padding:5px 10px; font-weight:bold; }
.aio-guests-content .property-status-under-offer { color:white; background-color:darkblue; }
.aio-guests-content .property-status-sold { color:white; background-color:red; }
.aio-guests-content .content-item-extra-field-list { padding-left:0; list-style-type:none; }
.aio-guests-content .content-item-extra-field { padding-top:5px; padding-bottom:5px; border-bottom:1px solid #CCC; }
.aio-guests-content .content-item-extra-field:last-of-type { border-bottom:none; }
.aio-guests-content .content-item-extra-field-title { font-weight:700; }
/*----- ContentPlus - Homes for Sale - Details Page -----*/
.aio-guests-content .content-item-header .property-price { margin-top:25px; font-size:18px; display:block; }
.aio-guests-content.content-item .property-status { padding:10px 30px; font-size:18px; }
.aio-guests-content .content-item-slider-wrapper .property-status { position:absolute; top:10px; right:10px; z-index:2; }
.aio-guests-content.content-item .content-item-extra-fields { margin-top:20px; margin-bottom:20px; }
.aio-guests-content.content-item .content-item-extra-field:last-of-type { border-bottom:1px solid #CCC; }
.aio-guests-content.content-item .content-item-extra-field.property-price { border-bottom:none; }
.aio-guests-content .content-item-pdf-list { padding:0; list-style-type:none; }
.aio-guests-content .content-item-pdf-list li { margin-right:15px; margin-bottom:15px; display:inline-block; }
.aio-guests-content .content-item-photo-list { padding:0; list-style-type:none; }
.aio-guests-content .content-item-photo-list li:nth-child(odd) { padding-right:5px; }
.aio-guests-content .content-item-photo-list li:nth-child(even) { padding-left:5px; }
.aio-guests-content .content-item-photo-list > li { margin-bottom:10px; }
.aio-guests-content .content-item-photo-list img { max-width:100%; height:auto; }

/*----- ContentPlus - Specials -----*/
.aio-guests-content .content-item { border-bottom:1px solid #CCC; }
.aio-guests-content .content-item:last-of-type { border-bottom:none; }
.aio-guests-content .content-item-tag-line { padding-top:15px; color:#00f; font-weight:bold; }

@media screen and (max-width:991px) {
  /*----- ContentPlus - Homes for Sale - Details Page -----*/
  .aio-guests-content .content-item-header .text-right { text-align:left; }
  .aio-guests-content .content-item-header .property-price { margin-top:0; }
  .aio-guests-content .sidebar .content-item-photos { display:none; }
}

@media screen and (max-width:479px) {
  /*----- ContentPlus - Homes for Sale - Details Page -----*/
  .aio-guests-content.content-item .property-status { padding:5px 10px; font-size:14px; }
  .aio-guests-content.content-item .pager li { margin-bottom:10px; display:list-item; }
  .aio-guests-content.content-item .pager li:last-of-type { margin-bottom:0; }
  .aio-guests-content.content-item .pager .previous > a,
  .aio-guests-content.content-item .pager .previous > span,
  .aio-guests-content.content-item .pager .next > a,
  .aio-guests-content.content-item .pager .next > span { float:none; }
}