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

.logo {
    margin: 20px 0 0 20px;
}
.c27-main-header .logo img {
    height: 66px !important;
}
.page-id-136 .header .header-left {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.header .header-left {
    display: flex;
    align-items: center;
}

.header-left #c27-header-search-form {
    margin-left: 15px;
    position: relative;
    left: 109px;
    top: -5px;
	border: 3px solid #ffffff;
    border-radius: 80px;
    padding: 0px 30px;
}

.page-id-309 .header-left #c27-header-search-form {
    margin-left: 15px;
    position: relative;
    left: -200px;
    top: 60px;
    border: 3px solid #ffffff;
    border-radius: 80px;
    padding: 0px 30px;
}

.page-id-309 .header-scroll-hide .header-left #c27-header-search-form {
    top: 90px;
}

.header-search>i {
    left: -15px  !important; 
    top: 17px !important; 
    font-size: 28px !important; 
}
.header-search>input {
    font-size: 1.25rem  !important;
}

.header-scroll-hide.quick-search-instance.header-left #c27-header-search-form {
    top: 30px !important;
}

.header-scroll div#c27-header-search-form {
    margin: 20px;
    background: #b52929;
    transform: translateX(10px);
    display: block;
}

.instant-results {
    background: #ffffffad !important;
    top: 58px !important;
    left: 20px !important;
    transform-origin: top !important;
}
.instant-results:before {
 	display: none;
}
i.mi.search {
    opacity: 0;
    transform: scale(1.1) translateY(-50px);
    animation: fadeInZoom 1s ease-out 3s forwards, blink 3s ease-in-out 0.5s infinite;
}
@keyframes fadeInZoom {
    0% {
        opacity: 0;
       }
    100% {
        opacity: 1;
         }
}
@keyframes blink {
    0%, 100% {
        transform: scale(1.1) translateY(0);
    }
    50% {
        transform: scale(1.3) translateY(0);
    }
}
#c27-header-search-form {
    opacity: 0;
    animation: slideInFromRight 1s ease-out 2s forwards;
}
@keyframes slideInFromRight {
    0% {
        opacity: 0;
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}