/*
 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
*/

/* Contact Form 7 */
.wpcf7 input, .wpcf7 textarea {
    background-color: #4d445b;
    color: #FFF;
    border-radius: 8px;
    padding: 12px 24px;
}

.wpcf7-form p {
    margin-bottom: 0 !important;
}

.wpcf7-form ul li {
    margin-bottom: 12px;
}

label {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: -4px;
    text-align: left;
}

.wpcf7 select {
    display: block;
    width: 100%;
    background-color: #4d445b;
    padding: 12px;
    border: 0;
    border-radius: 12px;
}

.contactForm .wpcf7-form label, .wpcf7 .wpcf7-form label, .wpcf7-response-output {
    color: #FFF;
}

.wpcf7 textarea::placeholder {
    color: #948ca0;
}

#place-autocomplete-container {
    background-color: #FFF;
    border-radius: 12px;
}

#place-autocomplete-container .widget-container {
    border: 0 !important;
}
/* END Contact Form 7 */

/* Dark Theme Mods */

.dark, .dark p {
    color: #FFF;
}

.dark a {
    color: #e94040;
}

.dark input::placeholder {
    color: #9e96ac;
}

#c27-site-wrapper {
    background-color: #2B2534 !important;
}

.profile-header {
    background-color: #1F1B29;
}

.quick-listing-actions>ul>li>a {
    color: #FFF;
    background: var(--accent);
    border: 0;
}

.profile-header .profile-menu ul li a {
    color: #FFF;
}

.lf-head-btn {
    background: #17122882;
    border: 0;
    border-radius: 6px;
}

/* END Dark Theme Mods */

.listing-main-info {
        bottom: 20px;
}

.mapdrag-switch {
    border-radius: 20px;
    padding: 0 16px;

}

.lf-item-container {
    border-radius: 16px;
    overflow: hidden;
}

.lmb-calltoaction>a {
    background: transparent;
    padding: 0 6px;
    color: #FFF;
}

.lmb-calltoaction>a, .element {
    border-radius: 24px;
}

.element {
    border-radius: 24px;
}

.quick-listing-actions>ul>li>a span, .quick-listing-actions>ul>li>a>i {
    color: #FFF;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.15;
}

@media only screen and (max-width: 480px) {
    .listing-main-info .listing-main-buttons>ul>li:last-child {
        margin-right: 15px !important;
    }
	
	.profile-name h1 {
        font-size: 32px;
    }
}

.section-title h2 {
    color: #FFF;
}

.section-title .case27-primary-text {
    font-weight: 600 !important;
}

footer.footer {
    background: #1f1b29 !important;
}

footer.footer p {
    color: #FFF;
}


@media only screen and (max-width: 1200px) {
    .explore-mobile-nav .nav-tabs li a {
        font-size: 16px !important;
        padding: 10px 16px !important;
		color: #FFF !important;
        background: var(--accent) !important;
    }
	
	.explore-mobile-nav .nav-tabs li a i {
        color: #FFF !important;
    }
    
    .lmb-calltoaction>a {
        background: transparent;
        color: #ada6b6;
    }
    
    .main-info-mobile {
        margin-top: -48px;
        z-index: 99;
        position: relative;
    }
    
    .quick-listing-actions .cts-next, .quick-listing-actions .cts-prev {
        background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #2B2534 80%);
    }
    
    .listing-main-info {
        background: #1F1B29;
        border-radius: 40px 40px 0 0;
    }
    
    .listing-main-info .profile-name h1,.listing-main-info .profile-name h2 {
        color: #FFF;
    }
    
    .profile-name .edit-listing i {
        color: #b5a6db;
        border-color: transparent;
        background: #5c4f7f;
        top: -2px;
    }
	
	.header .header-left {
        position: absolute;
        left: 0;
        width: 100%;
        padding-left: 5%;
    }
    
    .header .header-container .header-top .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .header .header-right {
        z-index:999;
    }
	
    .listing-main-info {
        padding: 24px 24px 0;
    }
}

@media only screen and (max-width: 1450px) {
    .listing-main-info {
        bottom: 20px;
    }
}