/*
Theme Name: Storefront Child
Theme URI: https://woocommerce.com/products/storefront/
Template: storefront
Author: Automattic
Author URI: https://woocommerce.com/
Description: Storefront is the perfect theme for your next WooCommerce project. Designed and developed by WooCommerce Core developers, it features a bespoke integration with WooCommerce itself plus many of the most popular customer facing WooCommerce extensions. There are several layout & color options to personalise your shop, multiple widget regions, a responsive design and much more. Developers will love its lean and extensible codebase making it a joy to customize and extend. Looking for a WooCommerce theme? Look no further!
Tags: e-commerce,two-columns,left-sidebar,right-sidebar,custom-background,custom-colors,custom-header,custom-menu,featured-images,full-width-template,threaded-comments,accessibility-ready,rtl-language-support,footer-widgets,sticky-post,theme-options,editor-style
Version: 4.5.5.1713360778
Updated: 2024-04-17 13:32:58

*/

html, body {
	height: 100%;
}

body > .site {
	min-height: 100%;
    display: grid;
    grid: minmax(0, 1fr) min-content / 100%;
	padding-top: 210px;
}

a:focus, input:focus, textarea:focus, button:focus {
	outline: none;
}

.site-footer .site-info * {
	display: none;
}

.site-header {
	display: grid;
	grid: min-content minmax(0, 1fr) repeat(2, min-content) / 100%;
	max-height: 500px;
	position: fixed;
    top: 0;
    right: 0;
    left: 0;
    height: 190px;
    margin-bottom: 0;
}

.site-header > .col-full {
	width: 100%;
}

.site-header > .storefront-primary-navigation {
	background-color: rgba(0, 128, 0, 1);
}
.site-header > .storefront-primary-navigation .primary-navigation ul li a,
.site-header > .storefront-primary-navigation .primary-navigation ul li a:hover,
.site-header > .storefront-primary-navigation .menu ul li a,
.site-header > .storefront-primary-navigation .menu ul li a:hover {
	color: #fff;
}

.site-header > .storefront-primary-navigation .primary-navigation ul.nav-menu li a,
.site-header > .storefront-primary-navigation .menu ul.nav-menu li a {
	padding: 2px 1em;
}

.site-header > .storefront-primary-navigation .primary-navigation:nth-child(3),
.site-header > .storefront-primary-navigation .menu:nth-child(3) {
	margin-bottom: -100%;
    background-color: rgba(0, 128, 0, 1);
    width: fit-content;
    padding: 0 1em;
}

@media (min-width: 768px) {
	.site-header > .storefront-primary-navigation .primary-navigation:nth-child(3),
	.site-header > .storefront-primary-navigation .menu:nth-child(3) {
		display: none;
	}
}

@media (max-width: 767px) {
	.site-header > .storefront-primary-navigation .primary-navigation:nth-child(3),
	.site-header > .storefront-primary-navigation .menu:nth-child(3) {
		display: block;
	}
	
	.site-header {
		padding-bottom: 0;
        border-bottom: 0;
	}
	
	.site-header > .col-full {
		margin-bottom: 1.618em;
	}
}

body.home .site .site-main > .page .entry-header {
	display: none;
}

.property-list .property {
	display: grid;
    grid: min-content / 150px minmax(0, 1fr);
    gap: 12px;
	cursor: pointer;
    padding: 12px;
}

.property-list .property:hover {
	background-color: #eee;
}

.property-list .property .details {
	display: grid;
    grid: repeat(3, min-content) minmax(0, 1fr) min-content / minmax(0, 1fr)
}

.property-list .property .details > div {
	line-height: 100%;
}

.property-list .property .details p {
	display: none;
}

.property-list .property .details .rent {
	font-size: 1.5em;
}

.property-list .property .details .detail-line {
	font-size: 1.25em;
}

.property-list .property .details .type {
	align-self: center;
	padding: 12px 0;
}

.property-list .property .actions {
	display: grid;
    grid: min-content / auto-flow min-content;
    gap: 12px;
}

.property-list .property .actions .action-btn {
	padding: 5px 10px;
    color: white;
    background-color: blue;
    text-decoration: none;
    border-radius: 1em;
	white-space: nowrap;
}

.tenant-review-list .review .title {
	display: grid;
    grid: min-content 0 / max-content max-content;
    gap: 0 12px;
    align-items: center;
}

.tenant-review-list .review .title .name {
	font-size: 1.25em;
}