/*
Theme Name: Styles for Property Window
*/

/* CSS Document */


.properties .property-type, .rooms, .room {display: inline-block; color: #8b8b8b; font-weight: 300;}

.flag {font-size: 9px!important; padding: 3px 10px!important;}
.flag.flag-for-sale {background: #038c4c!important;}
.flag.flag-under-offer {background: #003468!important;}
.flag.flag-sold {background: #cc0000!important;}
.flag.flag-reduced-price {background: #4D82B4!important;}
.flag.flag-new-property {background: #FF8A00!important;}


/* Property Details */



/* Search Results */
.propertyhive-result-count {display: inline;}
.propertyhive-ordering {display: inline; float: right;}
.propertyhive-save-search-button {display: block; width: 200px; margin-top: 1em;}
.properties {}
.property-list-item {display: flex; margin-bottom: 1em!important;}
.propertyhive ul.properties li .thumbnail a {height: auto!important;}
.propertyhive ul.properties {display: block;}
.propertyhive ul.properties li {padding: 0!important; background-color: #efefef!important; height: 100%!important; border-bottom: none!important;}
.propertyhive ul.properties li .details h3 {font-weight: bold; font-size: 1.2em; line-height: 1.4; color: #038c4c; margin-bottom: 0!important;}
.propertyhive ul.properties li .details h4 {font-size: 0.9em; color: #038c4c; font-weight: bold; margin: 0!important;}
.propertyhive ul.properties li .details .beds {float: left; font-size: 0.9em; color: #333; font-weight: bold;}
.propertyhive .price {float: right; font-size: 0.9em; color: #333; font-weight: bold;}

.propertyhive ul.properties li .details a {color: #038c4c;}

.propertyhive ul.properties .thumbnail {width: 100%!important; height: 220px; overflow: hidden;}
.propertyhive ul.properties .thumbnail img {width: 100%!important; height: 220px;}
.propertyhive ul.properties .details {width: 100%!important; padding: 0.5em; background: #efefef;}

.propertyhive .info {font-size: 0.8em; padding-top: 10px;}


.propertyhive ul.properties li .details a.listing-cta {
	font-size: 0.8em;
	font-weight: 300;
    color: #038c4c;
}
.propertyhive ul.properties li .details a.listing-cta:hover {
    color: #333;
}


/* Property Details */
ul.slides {margin: 0;}

ul.slides li a img {
    margin: 0 auto !important;
    max-height: 220px !important;
    /*width: auto !important;*/
}

.property-info {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 5px 0;
    margin-bottom: 1em;
	margin-top: 1em;
}


.property h1 {color: #4b4f54; font-weight: 300; text-transform: none; font-size: 2em; border-bottom: none; margin-bottom: 0;}
.property h2.property-location {margin-bottom: 0; font-weight: 300; color: #379966; font-size: 1.2em;}
.property h3.property-type {margin-bottom: 0; font-weight: 300; color: #8b8b8b; font-size: 1.2em;}
.property h4.property-price {text-align: right; font-size: 1.2em; margin-bottom: 0; font-weight: 300; color: #379966;}
.property h5.property-summary {border-left: 1px solid #379965; font-size: 1.1em; background: #fafafa; padding: 10px; color: #379965; font-style: italic; margin-bottom: 1em;}


.property_actions ul {list-style: none; margin: 0 0 30px 0; padding: 0;}
.property_actions ul li {display: inline-block;}
.property_actions ul li a {display: inline-block; border: none!important; padding: 10px; font-weight: 300; background: #038c4c; color: #fff; white-space: nowrap; margin-bottom: 1px; font-size: 0.8em;}
.property_actions ul li a:hover {background: #000; color: #fff;}


.flex-control-paging li a {width: 15px!important; height: 15px!important; background: #ddd!important; -webkit-box-shadow: none!important; box-shadow: none!important; border-radius: 0!important; }
.flex-control-paging li a.flex-active {background: #379966!important;}
.flex-control-nav {position: relative!important; bottom: 0!important; margin-top: 20px!important;}
.flex-control-nav li {margin: 0 3px!important;}

.flexslider {border: 0!important;}

.flexslider .slides img {
    height: auto;
    -moz-user-select: none;
    /*width: inherit!important;*/
    margin: 0 auto;
}

.type-property h3.ruled, .description h4, .summary h4 {color: #038c4c; padding: 10px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 1em; font-size: 1.2em; font-weight: 300;}
.description-contents, .summary-contents {font-size: 0.9em; display: inline-block; color: #8b8b8b; font-weight: 300; margin-bottom: 2em;}



.description-contents .room .name {display: block; color: #038c4c; padding: 10px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; margin-bottom: 0; font-size: 1.2em; font-weight: 300;}




.features h4 {display: none;}
.features ul {list-style: none; margin: 0; padding: 0;}

.property-summary-label, .property-summary-info {font-size: 0.8em;}
.property-summary-label {font-weight: bold;}



/* Search Forms */
.property-search-form {display: block!important; padding: 10px 0;}
.property-search-form h3 {font-size: 2em; color: #fff; font-weight: 300; margin-bottom: 0.5em;}
.property-search-form .control {display: block!important; padding: 0 2px!important;}
.property-search-form .control select {display: block; width: 100%; border: none!important; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0.5em 2em 0.5em 0.5em; font-size: 0.8em; background: #fff;}

.property-search-form .control:after {
    content: '\f078';
    font-size: 17px;
	font-family: 'Font Awesome\ 5 Free'; 
    color: #aed5d9;
    right: 8px;
    top: 0;
    height: 25px;
    padding: 7px 0px 0 8px;
    position: absolute;
    pointer-events: none;
	font-weight: 900;
}

.property-search-form .control-address_keyword:after,  .property-search-form .search-button:after,  .property-search-form .control-price-slider:after {content: none;}


.property-search-form .control input[type="text"] {padding: 0.5rem 2rem 0.5rem 0.5rem; font-size: 0.8em; border: 0; font-family: 'Lato', arial, helvetica, sans-serif;}
.property-search-form .control select {font-family: 'Lato', arial, helvetica, sans-serif;}
.property-search-form input[type="submit"], input[type="submit"] {width: auto; background: #038c4c; color: #fff; border: 0; padding: 9px; font-family: 'Lato', arial, helvetica, sans-serif;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;}
.property-search-form input[type="submit"]:hover, input[type="submit"]:hover  {background: #000;}


.property-search-form .control.search-button {width: 100%;}

.home-search-panel {
    height: auto;
    padding: 20px;
    background-color: rgba(255, 255, 255, 0.8);
    color: #038c4c;
    margin-bottom: 2.0em;
}
.home-search-panel h3 {color: #003468;}
.home-search-panel .control {width: 100%!important;}
.home-search-panel .control.control-address_keyword {display: block!important; width: 100%!important;}





.propertyhive-save-search-button {background-color: #038c4c;}
.propertyhive-save-search-button:hover {background-color: #000;}


.booking-button {display: inline-block; border: none!important; padding: 10px; white-space: nowrap; margin-bottom: 1px; font-size: 0.8em; text-transform: uppercase; font-weight: bold; background: #038c4c; color: #fff;}
.booking-button:hover {background: #000; color: #fff;}


/* User Panel */
.pw-user-panel {padding: 10px 0; color: #fff; text-align: center;}
.pw-user-panel h5 {color: #fff; margin-bottom: 0.2em;}
.pw-user-panel a {display: inline-block; color: #fff; text-decoration: none; margin-right: 20px;}
.pw-user-panel a:hover {color: #fff;}
.pw-user-panel a i {width: 20px;}

.pw-registration {display: block; background: #038c4c; padding: 20px; color: #000; font-size: 1.2em; text-align: center; font-weight: bold; margin-top: 5px;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;}
.pw-registration:hover {background: #000; color: #fff;}


/* Account Pages */
.my-account-navigation {}
.my-account-navigation ul {list-style: none; margin: 0; padding: 0;}
.my-account-navigation ul li {}
.my-account-navigation ul li a {display: block; padding: 5px 10px; margin-bottom: 1px; background: #fff; color: #8b8b8b; border: 1px solid #ddd; text-transform: uppercase;}
.my-account-navigation ul li a:hover {background: #fff; color: #000;}

.propertyhive-form input[type="submit"] {width: auto; background: #038c4c; color: #333; border: 0; padding: 11px 9px; font-family: 'Lato', arial, helvetica, sans-serif;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;}
.property-search-form input[type="submit"]:hover {background: #000;}


.button {background: #038c4c;; color: #fff; border: 0; padding: 11px 9px; font-family: 'Lato', arial, helvetica, sans-serif;
-webkit-transition: background 0.4s;
-moz-transition: background 0.4s;
transition: background 0.4s;}
.button:hover {background: #000; color: #fff;}

.account-requirements-form {margin-bottom: 2em;}

.propertyhive-ordering {text-align: right;}
.propertyhive-ordering select {width: 200px;}

.propertyhive-pagination ul li span {display: inline-block; padding: 5px 10px; background: #038c4c; color: #333;}
.propertyhive-pagination ul li a {display: inline-block; padding: 5px 10px; background: #efefef;}
.propertyhive-pagination ul li a:hover {background: #ddd;}

/* MEDIA QUERIES */

@media screen and (min-width: 200px) {

}

@media screen and (min-width: 480px) {

}

@media screen and (min-width: 600px) {
.propertyhive ul.properties {display: flex; flex-wrap: wrap;}
}

@media screen and (min-width: 960px) {
ul.slides li a img {
    max-height: 420px !important;
}
.flag {font-size: 13px!important; padding: 7px 20px!important;}
.property-search-form { display: inline-block!important; }
.property-search-form .control {display: inline-block!important; vertical-align: top!important;}
.property-search-form-homepage .control-address_keyword {width: 99%;}
.property-search-form .control.search-button {width: auto;}
.property-search-form-homepage .control-location, .property-search-form-homepage .control-property_type, .property-search-form-homepage .control-minimum_bedrooms, .property-search-form-homepage .control-minimum_price, .property-search-form-homepage .control-maximum_price, .property-search-form-homepage .control-availability {width: 49%;}
.property-search-form-homepage .control.search-button {width: 100%; margin-top: 5px;}
.home-search-panel .control {width: 48%!important;}
.home-search-panel .control.control-address_keyword {display: block!important; width: 97%!important;}
}


@media print {
/* Print CSS rules go here */

}