/*
Theme Name:   My Listing Child
Theme URI:    http://mylisting.27collective.net/my-city/
Description:  MyListing Child Theme
Author:       Developed By Kenny
Author URI:   https://impactwebstudio.ca/
Template:     my-listing
Version:      1.2
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
*/
html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: 'Roboto', sans-serif !important;
}

html,
body {
	font-size: 16px;
	scroll-behavior: smooth;
}

body {
	width: 100dvw;
	max-width: 1920px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin: 0 auto;
	background: white;
}

.h1,
h1,
.hero-display-text-wrapper p {
	line-height: 1.1em;
	font-weight: 300;
	letter-spacing: -0.03em;
	font-size: 54px;
	color: hsl(251, 55%, 11%);
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	.h1,
	h1,
	.hero-display-text-wrapper p {
		font-size: 112px;
		font-weight: 300;
		line-height: 123.2px;
		letter-spacing: -0.04em;
	}
}
@media screen and (min-width: 1025px) {
	.h1,
	h1,
	.hero-display-text-wrapper p {
		font-size: 112px;
		font-weight: 300;
		line-height: 123.2px;
		letter-spacing: -0.04em;
	}
	.h1:not(:first-of-type),
	h1:not(:first-of-type),
	.hero-display-text-wrapper p:not(:first-of-type) {
		transform: translateX(var(--wp--preset--spacing--padding-128));
	}
}

.h2,
.has-h-xl-font-size .h3,
.has-h-lg-font-size,
.h4,
.has-h-md-font-size,
.h5,
.has-h-sm-font-size,
.h6,
.has-h-xs-font-size,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.1em;
	font-weight: 400;
	letter-spacing: -0.03em;
	color: hsl(251, 55%, 11%);
}

body:not(.home) #c27-site-wrapper {
	padding: 100px 16px 40px 16px;
}
@media screen and (min-width: 800px) {
	body:not(.home) #c27-site-wrapper {
		padding: 160px 32px 64px 32px;
	}
}

#c27-site-wrapper {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: static;
	background: white !important;
}
@media screen and (min-width: 800px) {
	#c27-site-wrapper {
		padding: 0px 32px;
	}
}
@media screen and (min-width: 1025px) {
	#c27-site-wrapper {
		padding: 0px 64px;
	}
}

main:not(#home-main) {
	background-color: var(--wp--custom--color--base--white);
}
@media screen and (min-width: 1025px) {
	main:not(#home-main) {
		padding: 0px var(--wp--preset--spacing--padding-64);
	}
}

main {
	flex-grow: 1;
	align-items: unset;
	height: 100%;
	display: flex !important;
	flex-direction: column;
	gap: 64px;
	max-width: 1440px;
	width: 100%;
}
@media screen and (min-width: 800px) {
	main {
		gap: 128px;
	}
}
main #hero {
	background: url('./assets/img/hero-background.webp') no-repeat center;
	width: 100%;
	height: 100%;
	min-height: max(90vh, 100dvh);
	display: flex;
	padding: 0 var(--wp--preset--spacing--padding-16);
	justify-content: center;
}
@media screen and (min-width: 1025px) {
	main #hero {
		background: url('./assets/img/hero-background.webp') no-repeat center top;
		background-size: cover;
		padding: 0 var(--wp--preset--spacing--padding-128);
	}
}
main #hero .hero-b-row .hero-description-text {
	width: 90%;
	flex-basis: unset;
	font-size: 18px;
}
@media screen and (min-width: 800px) and (max-width: 1024px) {
	main #hero .hero-b-row .hero-description-text {
		font-size: 20px;
		width: 640px;
	}
}
@media screen and (min-width: 1025px) {
	main #hero .hero-b-row .hero-description-text {
		font-size: 20px;
		flex-basis: 100%;
	}
}
main #hero .hero-b-row .hero-newsletter-button-wrapper .newsletter-button {
	display: none;
}
@media screen and (min-width: 1025px) {
	main #hero .hero-b-row .hero-newsletter-button-wrapper .newsletter-button {
		display: inline-block;
	}
	main #hero .hero-b-row .hero-newsletter-button-wrapper .newsletter-button * {
		text-align: left;
	}
}

.filter-button {
	padding: 10px;
	margin-right: 10px;
	cursor: pointer;
	background-color: #0073aa;
	color: white;
	border: none;
	border-radius: 5px;
}

.filter-button:hover {
	background-color: #005177;
}

.listing-item {
	margin-bottom: 20px;
	border: 1px solid #ccc;
	padding: 15px;
}

.instant-results {
	border-radius: 8px;
	overflow: hidden;
}
.instant-results .instant-results-list {
	padding: 16px 8px;
}
.instant-results .instant-results-list .ir-cat {
	color: black;
	font-size: 16px;
	font-weight: 700;
	text-align: left;
	border-top: none;
}
.instant-results .instant-results-list .ir-cat:not(:first-of-type) {
	margin-top: 16px;
}
.instant-results .instant-results-list .category-name {
	display: flex;
	align-items: center;
	line-height: 1.05em !important;
}
.instant-results .category-name {
	text-align: left;
	font-weight: 500;
	font-size: 14px;
}

/*# sourceMappingURL=style.css.map */