/* @listing-page */
.page-template-template-listing {
    .listing-page-form {
        .filters {
            display: flex;
            
            @media (max-width: #{$medium-screen - 1}) {
                flex-direction: column;
            }

            .filter-wrap {
                flex: 1;
                padding: 2rem 1.5rem 0 0;
            }

            .listing-page-results-counter {
                margin-left: 0.5rem;
                background: white;
                display: inline-block;
            }
        }
    }

    .result-teaser {
        transition: all 200ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	

        &[class*="filterby"] {
            height: 0;
            opacity: 0;
            margin: 0;
            padding-top: 0;
            padding-bottom: 0;
        }
    }
}