/*
Theme Name: Listeo ChildTheme
Theme URI: http://listeo.pro
Author: Purethemes
Author URI: http://themeforest.net/user/purethemes
Description: Directory WordPress Theme by Purethemes
Version: 1.0.1758807843
License: ThemeForest
License URI: http://themeforest.net/licenses
Text Domain: listeo
Domain Path: /languages/
Tags: light,responsive-layout,post-formats,theme-options,translation-ready,two-columns
Template: listeo
Updated: 2025-09-25 13:44:03
*/


#default form {
	max-width:1200px;
	margin: 0 auto;
}

body,
body p {	
	color: #000;
	font-size:20px !important;
	line-height:1.7 !important;
}

#footer p {
	font-size:17px !important;
}

#titlebar .container {
	padding:0 1.5rem !important;	
}

#titlebar {
	background:#fff;
	padding: 70px 0 0 !important;
}

#titlebar.listing-titlebar .star-rating {
	background: none;
	margin-bottom: 1rem;
}

.home .highlighted-categories-headline {
	display:none;
}

.home .main-search-inner {
	top:70% !important;
}



/* =============================================
	CAROUSEL
================================================ */
.main-search-container-with-slider .container.msps-container {
	width: calc(100% - 0px) !important;
}

.main-search-photo-slider {
	border-radius: 0 !important;
}

.elementor-2311 .elementor-element.elementor-element-9582f8f h1 .typed-words {
	color:#ff6000 !important;
}


.slick-track .listing-item {
	border-radius: 10px 10px 0 0 !important;
}

.home .slider-controls {
	background: none !important;
}

.home .slider-controls-container button {
	display:none !important;
}

.listing-item-content h3 {    
    margin: 0 0 5px;
    line-height: 22px; 
    margin-bottom: 5px;
}

/* =============================================
	 HEADER
================================================ */
#logo,
#logo img {
	height: 90px !important;
	width: 146px !important;
	margin-top:0 !important;	
}

h1, h2, h3, h4, h5, h6 {
    color: #000;
    font-weight: bold !important;
}

.transparent-header #header:not(.cloned) {
	background:#fff !important;
}



/* =============================================
	 HOMEPAGE SVG ICONS
================================================ */
.listeo-svg-icon-box-grid svg,
.elementor .listeo-svg-icon-box-grid svg {
	height: 70px !important;
	margin-top: -10px !important;
}

.category-small-box h4 {
	text-transform: uppercase;
	margin-top: 15px !important;
    margin-bottom: 15px !important;  
}

.category-small-box .category-box-counter {
	margin-bottom: 5px !important;  
	transition: all ease .3s !important;  
}

.category-small-box:hover {
	background: #333 !important; 
	transition: all ease .3s !important;  
}

/* .category-small-box-alt h4 {    
    margin-top: 15px !important;
    margin-bottom: 10px !important;  
	border:1px red solid;
}

.category-small-box-alt {   
    border-radius: 8px !important;
    padding: 30px 0 15px !important
} */

/* =============================================
	 DESKTOP NAV
================================================ */
#navigation.style-1 {
    margin-top: 20px !important;
}

#navigation.style-1 ul a {
    line-height: 32px;
    padding: 5px 10px !important;
	color:#000;
}

.transparent-header #header:not(.cloned) #navigation.style-1>ul>li>a {
    color: #000;
}

#navigation.style-1 > ul > li > a {   
    border-radius: 5px !important;
    font-size: 18px !important;
	text-transform:uppercase !important;
	font-weight:600 !important;
	color:#000;
}

#navigation.style-1 > ul > li.current-menu-item > a,
#navigation.style-1 > ul > li.current-menu-item > a:hover {
	color:#fff !important;
	background:#f91942 !important;
	border-radius: 5px !important;
}

#navigation ul li a:after {
    position: absolute !important;
    top: 20px !important;
    left: 0 !important;
    right: 0 !important;
    text-align: center !important;
	padding-left: 0 !important;
}

@media (max-width: 1239px) {
    #navigation.style-1 {
        margin: 25px 0 5px -5px;
        width: auto !important;
        padding-top: 15px;
        padding-bottom: 0;
        position: relative;
    }
	#navigation.style-1:before {       
        height: 0px !important;
        display: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1239px) {
    .right-side {      
        margin-top:0 !important;
    }
}

@media (min-width: 1025px) and (max-width: 1239px) {
	.left-side {
		width: auto !important;
	}
}

@media only screen and (max-width: 1024px) {
	.header-widget {
        padding: 10px 0 !important;
	}
    .header-widget a.button.border {
        padding: 7px 16px;
        background-color: transparent;
        font-size: 16px;
        min-width: auto;
        float: right;
    }
	.menu-logo a img {
		max-height: 60px !important;
	}
	#logo, #logo img {
    height: 60px !important;
    width: auto !important;
}
}

@media only screen and (max-width: 768px) {
	.menu-logo a img {
		max-height: 50px !important;
	}
}

/* =============================================
	 CONTAINERS
================================================ */
#header .container,
.home .container.content-container.full-width,
body.full-width-header #header .container {     
	max-width: 100% !important; 
	width:100% !important;	
}
/* 
#header .container { 
	padding-left: 20px;
    padding-right: 20px;	
} */

#header-container:not(.hws-wrapper) #header .container {       
	align-items: center !important;
}

@media (min-width: 1200px and max-width:1200px) {
    #header-container:not(.hws-wrapper) #header .container {
        display: flex;
        justify-content: space-between;
		align-items: center !important;
    }
}


/* @media (min-width: 768px) {
    .container {
        width:100% !important;
    }
} */


/* =============================================
	 MOBILE NAV
================================================ */
.mobile-nav-widgets h4, .mobile-nav-widgets h5 {
    color: #000 !important;
}

.mobile-nav-widgets .textwidget p {
	color:#000 !important;
}


.mobile-navigation-wrapper,
.mobile-nav-header {   
    background: #fff !important;
}

.mobile-nav-header {   
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}

.menu-icon-toggle::before, 
.menu-icon-toggle::after {
    background-color: #000 !important;  
}

#mobile-nav li a {   
    padding: 10px;
    font-weight: 600;
    font-size: 17px !important;
}

.mobile-navigation-list li a {
    color: #000 !important;   
    font-size: 18px !important;
}

/* =============================================
	 MAIN SEARCH
================================================ */
/* .main-search-form {   
    max-width: 1200px !important;
    margin: 0 auto !important;
} */

.category-small-box-alt h4 {
    font-size: 20px !important;
    line-height: 22px;
    margin-top: 9px;
    margin-bottom: 9px;
    font-weight: 600 !important;
   text-transform:uppercase;
}


/* =============================================
	 FOOTER
================================================ */
#footer {
	margin-top:150px;
    padding: 70px .5rem 0 !important;
    background: rgba(0, 0, 0, 0.035) !important;
    border-top: 0 !important;
    font-size: 16px;
}

#footer .container {
    width: 100% !important;
	max-width: 100% !important;
}

.footer-new-bottom-inner {   
    background: none !important;
    display: flex !important;
	padding:0 !important;
	margin: 0 0 50px 0 !important;
}

#footer #text-3 {
	text-align:right;
}


/* =============================================
	 LISTINGS
================================================ */
.listing-links li a {
    color: #000 !important;    
    font-size: 17px !important;  
}

/* Add period to first paragraph in listing overview description */
#listing-overview > p:first-child::after,
#listing-overview .listing-description > p:first-child::after,
.listing-content #listing-overview > p:first-child::after {
    content: ".";
    font-weight: inherit;
}

