/*
Theme Name: Houzez Child
Theme URI: http://www.favethemes.com/
Author: Favethemes
Author URI: http://www.favethemes.com/
Description: Houzez is a premium WordPress theme for real estate agents where modern aesthetics are combined with tasteful simplicity, and where the ease of use is achieved without compromise in your ability to customise the design. Whether you are a real estate agent looking to build a website for your company or a web developer seeking a perfect WordPress theme for your next project, you are certain to appreciate the numerous features and benefits that our theme provides.
Version: 1.0
Tags: white, right-sidebar, left-sidebar, custom-colors, custom-menu, featured-images, post-formats, theme-options, translation-ready
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: houzez
Template: houzez
*/


@import url("../houzez/style.css");

/* Your CSS code goes here
-------------------------------------- */

/* Hide the default scrollbar for webkit browsers */
::-webkit-scrollbar {
    width: 14px; /* width of the scrollbar */
}

/* Track (the background) */
::-webkit-scrollbar-track {
    background: #028ca2; /* light grey background */
    border-radius: 12px; /* radius of the track */
}

/* Handle (the draggable part) */
::-webkit-scrollbar-thumb {
    background: #afedfc; /* primary hue color */
    border-radius: 12px; /* radius of the handle */
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #85c9da; /* slightly darker shade on hover */
}


.footer_logo.logo img{
	width: 175px;
}


.sky-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    transition: all 1s ease;
}

/* Day sky - sky-500 to sky-100 */
.sky-background.day {
    background: linear-gradient(to bottom, #0ea5e9 0%, rgba(125, 211, 252, 0.7) 50%, #e0f2fe 100%);
}

/* Night sky - slate-900 via indigo-900/30 to slate-900 */
.sky-background.night {
    background: linear-gradient(to bottom, #0f172a 0%, rgba(49, 46, 129, 0.3) 30%, #0f172a 100%);
}

/* Stars */
.star {
    position: absolute;
    border-radius: 50%;
    background: white;
    opacity: 0;
    animation: twinkle 3s infinite;
}

@keyframes twinkle {
    0%, 100% { opacity: 0; }
    50% { opacity: 1; }
}

/* Clouds */
.cloud {
    position: absolute;
    transition: opacity 0.5s ease;
}

.cloud img {
    width: 100%;
    height: auto;
    filter: brightness(1.2) contrast(0.8);
}

.cloud.night img {
    filter: brightness(0.3) contrast(0.5);
}

.cloud-big {
    width: 60vw;
    animation: float-slow 60s infinite linear;
}

.cloud-small {
    width: 20vw;
    animation: float 40s infinite linear;
}

@keyframes float-slow {
    0% { transform: translateX(-100vw); }
    100% { transform: translateX(100vw); }
}

@keyframes float {
    0% { transform: translateX(-50vw); }
    100% { transform: translateX(120vw); }
}

.error-404-page {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column; 
}

.legal-page .legal-content {
    padding: 40px 0;
    line-height: 1.6;
}
.legal-page h1, .legal-page h2 {
    color: #2c3e50;
    margin-bottom: 20px;
}
.legal-page ul {
    margin-left: 20px;
}

.houzez-search-form-js .nav-pills .nav-link.active, 
.houzez-search-form-js .nav-pills .nav-link.active:hover,
.top-banner-wrap .nav-pills .nav-link.active {
    color: #02ff81;
}

h1, h2, h3, h4, h5, h6, .item-title
 {
    font-family: Roboto;
    font-weight: 400;
    text-transform: none !important;
}

.bootstrap-select .dropdown-menu li a.dropdown-item.selected {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #d4fdff;
    border-radius: 3px;
    margin-bottom: 6px;
    padding-top: 7px;
    padding-bottom: 7px;
    box-shadow: 0 2px 17px #000000b3;
}

a.dropdown-item.selected span{
	color: #056f75;	
}
.bootstrap-select .bs-ok-default:after {
    content: "\f058"; /* fa-check */
    font-family: "FontAwesome"; /* FA7 uses same family name */
    font-weight: 900;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.label{
	font-weight: bold;
}