/*
 Theme Name:   My Listing Child
 Theme URI:    http://mylisting.27collective.net/my-city/
 Description:  MyListing Child Theme
 Author:       27collective
 Author URI:   https://27collective.net/
 Template:     my-listing
 Version:      1.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         one-column, two-columns, three-columns, left-sidebar, right-sidebar, grid-layout, custom-menu, custom-logo, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  my-listing-child
*/

/* fix listing page css */
.elementor-856 .elementor-element.elementor-element-30a832f2 {
--z-index: 99;
	}

/* fix explore page css */
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0;
	line-height: 28px;
	min-height: 0;
	display: block;
}


/* links class */
.wrrlinks a {
	color: #3366cc !important;
}


/* Maintenance Page Styles */
.maintenance-page-wrapper {
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 40px 20px;
    background: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
}

.maintenance-content {
    max-width: 800px;
    width: 100%;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
    padding: 60px 40px;
    text-align: center;
    animation: fadeInUp 0.6s ease-out;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.maintenance-icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 30px;
    background: #172F5E;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.05);
    }
}

.maintenance-icon svg {
    width: 40px;
    height: 40px;
    animation: rotate 3s linear infinite;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.maintenance-content h1 {
    font-size: 32px;
    color: #172F5E;
    margin-bottom: 10px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: 0.5px;
}

.maintenance-content p {
    font-size: 16px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
}

.maintenance-content .highlight {
    color: #172F5E;
    font-weight: 600;
}

.maintenance-divider {
    width: 60px;
    height: 3px;
    background: #172F5E;
    margin: 12px auto 18px;
    border-radius: 2px;
}

.maintenance-important {
    background: #f8f9fa;
    border-left: 4px solid #172F5E;
    padding: 15px 20px;
    margin-top: 15px;
    margin-bottom: 0;
    border-radius: 4px;
    text-align: left;
    font-size: 15px;
    color: #333;
}

@media (max-width: 768px) {
    .maintenance-content {
        padding: 40px 25px;
    }
    
    .maintenance-content h1 {
        font-size: 26px;
    }
    
    .maintenance-content p {
        font-size: 16px;
    }
}