/*Layouts css goes here*/

/* Property filtering*/

.filter-list {
    margin-bottom: 30px;
}

.filter-list [class*=col-xs] {
    padding: 0 5px;
}

.filter-list [class*=col-xs]:first-child {
    padding-left: 15px;
}

.filter-list [class*=col-xs]:last-child {
    padding-right: 15px;
}

.filter-list .search-header h3 {
    margin-top: 10px;
    margin-bottom: 5px;
    color: white;
    font-size: 1.7em;
}

.filter-list .search-more {
    padding-top: 20px;
}
.filter-list .form-inline div.checkbox {
  padding: 1px 3px;
}


.filter-list label {
    font-weight: normal;
    font-size: .9em;
    margin: 0;
}

.filter-list .search-header:after {
    content: "";
    border-width: 10px;
    border-style: solid;
    border-color:  var(--primary-color) transparent transparent transparent;
    height: 1px;
    width: 1px;
    position: absolute;
    bottom: -19px;
    right: 50%;
    margin-left: -10px;
    z-index: 1;
}

@media (min-width: 768px) {
    .filter-list .search-header:after {
        border-color: transparent transparent transparent  var(--primary-color);
        bottom: auto;
        top: 50%;
        right: -19px;
        margin-left: 0;
        margin-top: -10px;
    }
}

/* Property slider + Single property image header */
.property-slider,
.property-header {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 500px;
    position: relative;
}

.property-slider:before,
.property-header:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(138, 138, 138, 0) 30%, rgba(255, 255, 255, 0) 100%);
}

.slider-content {
    margin-top: 10%;
}

.slider-header {
    padding: 10px 15px;
    margin: 0
}

.slider-info {
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
}

.slider-info h3 {
    margin-top: 0;
}

.property-slider-pagination {
    margin-top: -45px;
    z-index: 10;
    position: relative;
}

@media (max-width: 760px) {
    .property-header {
        height: 250px;
        font-size: .5em;
    }

}

.property-header h1,
.property-header .info {
    text-shadow: 0px 0px 1em #000, 1px 1px 0.2em rgba(0, 0, 0, 0.6), -1px -1px 0.2em rgba(0, 0, 0, 0.6);
    color: #fff;

}

.property-header h1 {
    margin: 10% 0 0 10%;
    font-size: 4em;
}

.property-header .info {
    font-size: 2em;
    margin: 10px 0 0 10%;
}

@media (min-width: 768px) {
    .filter-list .search-header {
        width: 90%;
        min-height: 130px;
        text-align: left;
    }
}

.filter-list .search-header {
  background-color:  var(--primary-color);
    padding: 15px;
    color: #fff;
    position: relative;
    text-align: center;
}

.filter-list .search-header p {
    color: #fff;
}

/* Single Property Content */
.property-content,
.property-features,
.property-map {
    margin-top: 50px;
}

.property-header,
.property-gallery {
    margin-bottom: 50px;
}

.property-features li {
    display: inline-block;
    width: 190px;
    padding-right: 2.14285714em;
}

.property-details .property-detail {
    display: inline-block;
    padding: 5px 10px;
}


/******************************************************
	COLORS
*******************************************************/
:root {
  	--primary-color: #DB5800;
    --house-color: #DB5800;
    --apartment-color: #DEB510;
    --land-color: #3CBEFE;
    --office-color: #4D4DCC;
}

.bg-primary {
	color: #fff;
  	background-color: var(--primary-color);
}
.text-primary,
.home .pagination > li > a
{
	color: var(--primary-color);
}
.border-primary {
    border-color:  var(--primary-color);
}
input[type="submit"],
.btn-primary,
.pagination-dots > li > a:hover,
.pagination-dots > .active-dot > a,
.pagination span {
    background-color:  var(--primary-color) !important;
    border-color:  var(--primary-color) !important;
    color: #fff;
}

/* House - Color */

#menu-main-menu .menu-item-object-house a:hover,
#menu-main-menu .current-menu-item.menu-item-object-house a,
#primary-menu .menu-item-object-house a:hover,
#primary-menu .current-menu-item.menu-item-object-house a,
#menu-main-menu-french .menu-item-object-house a:hover,
#menu-main-menu-french .current-menu-item.menu-item-object-house a,
#primary-menu-french .menu-item-object-house a:hover,
#primary-menu-french .current-menu-item.menu-item-object-house a,
.post-type-archive-house .bg-primary,
.single-house .bg-primary,
.post-type-archive-house .filter-list .search-header {
    background-color:  var(--house-color); !important
}

.post-type-archive-house .text-primary,
.post-type-archive-house a,
.single-house .text-primary,
.single-house a,
.post-type-archive-house .pagination li a {
    color:  var(--house-color);
}

.post-type-archive-house .border-primary,
.single-house .border-primary {
    border-color:  var(--house-color);
}

.post-type-archive-house input[type="submit"],
.post-type-archive-house .btn-primary,
.home .btn-primary,
.single-house input[type="submit"],
.single-house .btn-primary,
.post-type-archive-house .pagination-dots > li > a:hover,
.post-type-archive-house .pagination-dots > .active-dot > a,
.post-type-archive-house .pagination span {
    background-color:  var(--house-color) !important;
    border-color:  var(--house-color) !important;
    color: #fff;
}

.post-type-archive-house .filter-list .search-header:after {
    border-color: var(--house-color) transparent transparent transparent;
}

@media (min-width: 768px) {
    .post-type-archive-house .filter-list .search-header:after {
        border-color: transparent transparent transparent var(--house-color);
    }
}
/* Apartment - Color */
#menu-main-menu .menu-item-object-apartment a:hover,
#menu-main-menu .current-menu-item.menu-item-object-apartment a,
#menu-main-menu-french .menu-item-object-apartment a:hover,
#menu-main-menu-french .current-menu-item.menu-item-object-apartment a,
#primary-menu .menu-item-object-apartment a:hover,
#primary-menu .current-menu-item.menu-item-object-apartment a,
#primary-menu-french .menu-item-object-apartment a:hover,
#primary-french .current-menu-item.menu-item-object-apartment a,
.post-type-archive-apartment .bg-primary,
.single-apartment .bg-primary,
.post-type-archive-apartment .filter-list .search-header {
    background-color: var(--apartment-color) !important
}

.post-type-archive-apartment .text-primary,
.post-type-archive-apartment a,
.single-apartment .text-primary,
.single-apartment a,
.post-type-archive-apartment .pagination li a {
    color: var(--apartment-color);
}

.post-type-archive-apartment .border-primary,
.single-apartment .border-primary {
    border-color: var(--apartment-color);
}

.post-type-archive-apartment input[type="submit"],
.post-type-archive-apartment .btn-primary,
.single-apartment input[type="submit"],
.single-apartment .btn-primary,
.post-type-archive-apartment .pagination-dots > li > a:hover,
.post-type-archive-apartment .pagination-dots > .active-dot > a,
.post-type-archive-apartment .pagination span {
    background-color: var(--apartment-color) !important;
    border-color: var(--apartment-color) !important;
    color: #fff;
}

.post-type-archive-apartment .filter-list .search-header:after {
    border-color: var(--apartment-color) transparent transparent transparent;
}

@media (min-width: 768px) {
    .post-type-archive-apartment .filter-list .search-header:after {
        border-color: transparent transparent transparent var(--apartment-color);
    }
}

/* Land - Color */
#menu-main-menu .menu-item-object-land a:hover,
#menu-main-menu .current-menu-item.menu-item-object-land a,
#menu-main-menu-french .menu-item-object-land a:hover,
#menu-main-menu-french .current-menu-item.menu-item-object-land a,
#primary-menu .menu-item-object-land a:hover,
#primary-menu .current-menu-item.menu-item-object-land a,
#primary-menu-french .menu-item-object-land a:hover,
#primary-menu-french .current-menu-item.menu-item-object-land a,
.post-type-archive-land .bg-primary,
.single-land .bg-primary,
.post-type-archive-land .filter-list .search-header {
    background-color: var(--land-color) !important
}


.post-type-archive-land .text-primary,
.post-type-archive-land a,
.single-land .text-primary,
.single-land a,
.post-type-archive-land .pagination li a {
    color: var(--land-color);
}

.post-type-archive-land .border-primary,
.single-land .border-primary {
    border-color: var(--land-color);
}

.post-type-archive-land input[type="submit"],
.post-type-archive-land .btn-primary,
.single-land input[type="submit"],
.single-land .btn-primary,
.post-type-archive-land .pagination-dots > li > a:hover,
.post-type-archive-land .pagination-dots > .active-dot > a,
.post-type-archive-land .pagination span {
    background-color: var(--land-color) !important;
    border-color: var(--land-color) !important;
    color: #fff;
}

.post-type-archive-land .filter-list .search-header:after {
    border-color: var(--land-color) transparent transparent transparent;
}

@media (min-width: 768px) {
    .post-type-archive-land .filter-list .search-header:after {
        border-color: transparent transparent transparent var(--land-color);
    }
}

/* Office - Color */
#menu-main-menu .menu-item-object-office a:hover,
#menu-main-menu .current-menu-item.menu-item-object-office a,
#menu-main-menu-french .menu-item-object-office a:hover,
#menu-main-menu-french .current-menu-item.menu-item-object-office a,
#primary-menu .menu-item-object-office a:hover,
#primary-menu .current-menu-item.menu-item-object-office a,
#primary-menu-french .menu-item-object-office a:hover,
#primary-menu-french .current-menu-item.menu-item-object-office a,
.post-type-archive-office .bg-primary,
.single-office .bg-primary,
.post-type-archive-office .filter-list .search-header {
    background-color: var(--office-color) !important
}

.post-type-archive-office .text-primary,
.post-type-archive-office a,
.single-office .text-primary,
.single-office a,
.post-type-archive-office .pagination li a {
    color: var(--office-color);
}

.post-type-archive-office .border-primary,
.single-office .border-primary {
    border-color: var(--office-color);
}

.post-type-archive-office input[type="submit"],
.post-type-archive-office .btn-primary,
.single-office input[type="submit"],
.single-office .btn-primary,
.post-type-archive-office .pagination-dots > li > a:hover,
.post-type-archive-office .pagination-dots > .active-dot > a,
.post-type-archive-office .pagination span {
    background-color: var(--office-color) !important;
    border-color: var(--office-color) !important;
    color: #fff;
}

.post-type-archive-office .filter-list .search-header:after {
    border-color: var(--office-color) transparent transparent transparent;
}

@media (min-width: 768px) {
    .post-type-archive-office .filter-list .search-header:after {
        border-color: transparent transparent transparent var(--office-color);
    }
}

/****************************
Single Agent
**************************/
ul.list-group {
    margin: 0;
}



/*
helper classes
*/
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.margin-top {margin-top:30px;}

.border-top {margin-top:10px;}
.border-top h3 {margin-bottom:5px}
/****************************
*********************************/
.redbutton {
    background-color: rgba(255,0,0,0.3);
    border-color:red;
    color:black;
}
.r:hover {
  background-color: rgba(255,0,0,0.3);
  border-color:red;
  border-width: 3px;
  color:black;
}
.orangebutton {
    background-color: rgba(255,100,0,0.3);
    border-color:orange;
    color:black;
}
.o:hover {
  background-color: rgba(255,100,0,0.3);
  border-color:orange;
  border-width: 3px;
  color:black;
}
.yellowbutton {
    background-color: rgba(255,192,0,0.3);
    border-color:yellow;
    color:black;
}
.y:hover {
  background-color: rgba(255,192,0,0.3);
  border-color:yellow;
  border-width: 3px;
  color:black;
}
.border {
    border-color:black;
}
/*.nav-tabs{
    background-color: rgba(255,192,0,0.3);
    border: 2px solid #dddddd;
}*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #ffffff;
    background-color: #db5800;
    border: 2px solid #dddddd;
    border-bottom-color: transparent;
    cursor: default;
}
.main-header {
    background: #C0C0C0;
}
.box{
   border-width: 1px;
   border-style: solid;
   border-color: black;
   color:black;
}