/* 
 Theme Name:   Accurate Leasing (GP-Child)
 Theme URI:    
 Description:  A custom child theme of Generate Press.
 Author:       Modern Earth
 Author URI:   https://modernearth.net
 Template:     generatepress
 Version:      0.1
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
*/


:root {
	--para-width:		76ch;
	--inner-block-width:	960px;
	--inner-wide-width:	1200px;
	--layout-width:		1440px;
	--gray-gradient:	linear-gradient( 120deg,rgba( 5, 5, 5, 0.01 ) 20%, rgba( 0, 0, 0, 0.15 ) 96% );
}

	/* modern media query for loading on non-mobile only */
@media (any-pointer: fine) and (min-width: 769px) {
	@font-face {
		font-family:	'Roboto Flex';
			/* full range of supported axes */
		font-style:	oblique 0deg 10deg;   /* Maps the 'slnt' axis for italics/slanted text */
		font-weight:	100 1000;           /* Full range from Thin to Extra Black */
		font-stretch:	25% 151%;          /* Maps the 'wdth' axis (Condensed to Expanded) */
		font-display:	swap;
			/* source with modern format configs */
		src:		url('assets/fonts/roboto-flex-latin-full-normal.woff2') format('woff2 supports variations'),
				url('assets/fonts/roboto-flex-latin-full-normal.woff2') format('woff2-variations');
			/* Latin + Latin-Ext unicode subsetting ranges */
		unicode-range:	U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308,
				U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
	}
		/* Extended Latin Characters (Accents, special European glyphs) */
	@font-face {
		font-family:	'Roboto Flex';
		font-style:	oblique 0deg 10deg;
		font-weight:	100 1000;
		font-stretch:	25% 151%;
		font-display:	swap;
		src:		url('assets/fonts/roboto-flex-latin-ext-full-normal.woff2') format('woff2 supports variations'),
				url('assets/fonts/roboto-flex-latin-ext-full-normal.woff2') format('woff2-variations');
			/* Extended Latin Unicode Block */
		unicode-range:	U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020,
				U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
	}
}

html {
	font-size:		18px;
	font-size:		calc( 15px + 0.32vw );
}
body {
	overflow-x:		hidden; /* edge case for browsers that calculate vw wrongly with persistent sidebars */
	font-family:		'Roboto Flex', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
				Roboto, 'Ubuntu', 'Cantarell', 'Oxygen-Sans', 'Liberation Sans', 'Helvetica Neue',
				Helvetica, Arial, sans-serif;
	font-optical-sizing:		auto;
	-webkit-font-smoothing:		antialiased;
	-moz-osx-font-smoothing:	grayscale;
	font-weight:		360;
}
.footer-bar {
	width:			100%;
}
p {
	font-size:		1rem;
	line-height:		1.618;
}
p:empty, p:last-child {
	margin-bottom:		0;
}
.gray-grad-bg {
	background:		var( --gray-gradient );
}
.text-shadow {
	text-shadow:		1px 1px 6px rgba( 20, 20, 20, .6 );
}
article p, .para-width {
	max-width:		var( --para-width );
}
.inner-block-width {
	max-width:		var( --inner-block-width );
}
.inner-wide-width {
	max-width:		var( --inner-wide-width );
}
.layout-width {
	max-width:		var( --layout-width );
}
.center {
	margin-left:		auto;
	margin-right:		auto;
}
.inside-article {
	max-width: 		var( --inner-block-width );
	margin-left:		auto;
	margin-right:		auto;
}
@media screen and (min-width: 1200px) {
	.entry-content .inner-wide-width {
		margin-left:		-120px;
		margin-right:		-120px;
		width:			calc( 100% + 320px );
		max-width:		calc( 100% + 320px );
		max-width:		94vw;
	}
}
#primary-menu {
	margin-right:		0;
	margin-left:		auto;
}
#primary-menu .menu > li {
	border-left:		1px solid var( --primary-dark );
}
#primary-menu .menu > li:last-child {
	border-right:		1px solid var( --primary-dark );
}
.main-navigation, .main-navigation ul ul {
	background-color:	var(--primary);
	background-size:	cover;
	background:		linear-gradient( 0deg, rgba(65, 16, 20, 0.85 ) 10%, rgba( 132, 37, 34, 0.9 ) 35% );
}
.main-navigation a {
	font-size:		.9rem;
	font-variant-caps:	small-caps;
	letter-spacing:		.02em;
	transition:		background .6s ease;
}
.main-navigation a:hover {
	background:		linear-gradient( 180deg, rgba( 20, 69, 64, .2 ) 86%, rgba( 132, 37, 34, 0.6 ) 85%);
	color:			var(--base-3);
}

.site-main .wp-block-group__inner-container {
	padding:		2.6rem 2.6vw;
}



.redline-center {
	max-width:		70%;
	height:			.25rem;
	border-radius:		.5rem;
	margin:			3rem auto;
	background-color:	var( --primary );
	border-color:		var( --primary );
}
.wp-block-cover .h2,
.cover-block-text {
	max-width:		1200px;
	margin-left:		auto;
	margin-right:		auto;
	color:			var( --base-3 );
}
h1.wp-block-heading, .h1 {
	font-size:		2.6rem;
	font-weight:		500;
	color:			var( --dark-gray );
}
h2, .h2 {
	margin-top:		1.618em;
	word-wrap:		balance;
	color:			var( --primary-very-dark );
	font-size:		2.427rem;
	font-weight:		760;
	letter-spacing:		.003em;
	font-stretch:		90%;
	backdrop-filter:	blur(2px);
	font-variation-settings:	'GRAD' -50, 'XTRA' 468, 'XOPQ' 75;
}
h3, .h3 {
	color:			var( --primary );
	font-size:		1.618rem;
	font-weight:		660;
	word-wrap:		balance;
	font-variation-settings:	'GRAD' -50, 'XTRA' 468, 'XOPQ' 75;
}

.top-bar {
	position:		absolute;
	width:			100%;
	font-size:		.85rem;
}
.top-bar aside {
	z-index:		9;
	font-weight:		500;
}
.site-branding-container {
	position:		relative;
}
.site-logo {
	z-index:		99;
}
.site-description {
	position:		absolute;
	bottom:			-9px;
	left:			100px;
	display:		inline-block;
	width:			fit-content;
	text-wrap:		nowrap;
	font-size:		1.308rem;
	font-style:		oblique 10deg;
	color:			var(--gray);
}
.main-navigation a {
	font-size:		.85rem;
	font-weight:		500;
}

#hero-carousel {
	padding-top:		4vw;
	background:		linear-gradient( 120deg,rgba( 5, 5, 5, 0.01 ) 20%, rgba( 0, 0, 0, 0.15 ) 96% );
}
.me-ohc {
	max-width:		100%;
}
.me-ohc__bg-image {
	height:			auto;
	max-height:		calc( 100% - 2rem );
	object-fit:		contain;
	left:			auto;
	align-self:		center;
	width:			clamp( 300px, 40vw, 600px );
	margin:			2vw 0 -2vw;
	right:			clamp( 20px, 12%, 95px );
}
.me-ohc__slides {
	min-height:		400px;
}
.me-ohc article {
	padding:		1rem 4vw 2rem 6vw;
	text-shadow:		1px 1px 6px rgba( 255, 255, 255, .35 );
}
#app-carousel-tag,
.me-ohc__subheadline {
	font-size:		2.427rem;
	width:			fit-content;
	font-weight:		550;
	color:			var( --gray );
	backdrop-filter:	blur(2px);
	font-variation-settings:	'GRAD' 50, 'XTRA' 468, 'XOPQ' 75;
}
.me-ohc__headline {
	font-size:		3.236rem;
	width:			fit-content;
	color:			var( --primary );
	font-style:		oblique;
	font-weight:		760;
	letter-spacing:		.003em;
	padding-left:		3vw;
	font-stretch:		90%;
	backdrop-filter:	blur(2px);
	font-variation-settings:	'GRAD' -50, 'XTRA' 468, 'XOPQ' 75;
}
.me-ohc__actions {
	margin-top:		3.226rem;
	max-width:		400px;
	text-align:		center;
	height:			calc( 10vw + 61px );
	display:		flex;
	align-items:		flex-end;
	min-height:		200px;
}
.me-ohc__button {
	margin-bottom:		7vw;
	margin-left:		5vw;
}

#application-carousel .me-ohc__subheadline,
#application-carousel .me-ohc__actions{
	display:		none;
}
#app-carousel-tag {
	padding-left:		4vw;
}
#application-carousel .me-ohc__bg-image {
	width:			clamp( 450px, 40vw, 700px );
	right:			clamp( 40px, 12%, 125px );
	margin:			-2vw 0 0;
}





.icon-grid > div {
	text-align:		center;
	text-wrap:		balance;
	border:			1px solid var( --light-gray );
	border-radius:		.4rem;
	padding:		.4rem 1.2ch;
}
.icon-grid > div svg,
.icon-grid > div img {
	margin:			0 auto;
	width:			100%;
}
.icon-grid > div > .gb-text {
	display:		inline-flex;
	font-weight:		500;
	line-height:		1.15;
	color:			var( --primary-dark );
}
.icon-grid svg path {
	color:			var( --primary-dark );
	opacity:		.85;
}
.icon-grid svg path[opacity] {
	color:			var( --primary-dark );
	opacity:		.5;
}
.icon-grid > div:hover svg path {
	color:			var( --primary );
	opacity:		1;
}
.icon-grid > div:hover svg path[opacity] {
	opacity:		.4;
}

.checklist-checked {
	display:		flex;
	flex-direction:		row;
	flex-wrap:		wrap;
	margin-left:		3ch;
}
.checklist-checked > li {
	flex-basis:		50%;
}
/*	list-style-image:	url(https://accurateleasing.com/wp-content/uploads/2026/07/square-check.svg);
}
.checklist-checked > li::marker {
	display:		inline-block;
	width:			2ch;
}
*/

@media screen and (max-width: 768px) {
	.wp-container-core-group-is-layout-6514ab7e {
		grid-template-columns: repeat(auto-fill, minmax(max(min(6rem, 100%), (100% - (24px * (3 - 1))) /3), 1fr)) !important;
	}
	.inside-article .entry-content .alignwide {
		padding-left:	2.6vw;
		padding-right:	2.6vw;
	}
}


.checklist-checked.nested > li {
	flex-basis:		33.33%;
}
.checklist-checked.nested > li:has(ul) {
	font-weight:		700;
	list-style-type:	none;
	margin-left:		-3ch;
	margin-right:		3ch;
}
.checklist-checked.nested > li > ul {
	margin-bottom:		1.5em;
}
.checklist-checked.nested > li > ul li {
	font-weight:		300;
	padding-right:		3ch;
}
.checklist-checked.nested > li > ul:has(> li:nth-child(6)) {
	display:		flex;
	flex-wrap:		wrap;
}
.checklist-checked.nested > li > ul:has(> li:nth-child(6)) > li {
	flex-basis:		33.33%;
}
.checklist-checked.nested.two-cols > li > ul > li,
.checklist-checked.nested > li, .checklist-checked.one-col li {
	flex-basis:		100% !important;
}
.checklist-checked.nested > li > ul.two-cols > li,
.checklist-checked.nested.two-cols > li > ul.two-cols > li,
.checklist-checked.two-cols > li, ul.two-cols > li {
	flex-basis:		50% !important;
}

.grid-feature-blocks > div {
	background:		var( --primary );
	container-type:		inline-size;
	display:		flex;
	align-items:		center;
}
.grid-feature-blocks > div > div {
	font-weight:		700;
	color:			var( --base-3 );
	border-radius:		4px;
	text-align:		center;
	text-wrap:		balance;
	line-height:		1.15;
	padding:		1em 1ch;
	font-size:		clamp( 20px, 15cqw, 40px );
}

#me-link:not(:hover) {
	opacity:		0.5;
	text-decoration:	none;
}

