/*
Theme Name: lowvol 25
Theme URI: 
Author: We Are Volume
Author URI: 
Description: low volume (less code, less bloat, little complication)
Version: 1.08
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: lowvol
*/

@layer reset, fonts, base, global, nav, front, templates, badge, responsive;

:root {
	--black: #000;
	--bronx-red: #C8102E;
	--gray: #F2F2F2;
	--link-blue: #1F6FEB;
	--light-gray: rgba(0, 0, 0, 0.25);
	--white: #fff;
}

@view-transition {
	navigation: auto;
}

@layer reset {
	*, *::before, *::after { box-sizing: border-box; }
	body { margin: 0; }
	img, picture, video, canvas, svg { display: block; max-width: 100%; }
	input, button, textarea, select { font: inherit; }
}

@layer fonts {
	/**
	* @license
	* MyFonts Webfont Build ID 3867246, 2020-12-16T11:57:38-0500
	* 
	* The fonts listed in this notice are subject to the End User License
	* Agreement(s) entered into by the website owner. All other parties are 
	* explicitly restricted from using the Licensed Webfonts(s).
	* 
	* You may obtain a valid license at the URLs below.
	* 
	* Webfont: Bio Sans Italic by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Regular by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Light Italic by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Light by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Extra Light Italic by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Extra Light by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Bold Italic by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Bold by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Semi Bold Italic by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* Webfont: Bio Sans Semi Bold by Dharma Type
	* URL: https://www.myfonts.com/collections/dharma-type-foundry
	
	* © 2025 MyFonts Inc. */
	
	
	
	@font-face {
		font-family: "BioSansRegular";
		src: url('webFonts/BioSansRegular/font.woff2') format('woff2'), url('webFonts/BioSansRegular/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansBold";
		src: url('webFonts/BioSansBold/font.woff2') format('woff2'), url('webFonts/BioSansBold/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansLight";
		src: url('webFonts/BioSansLight/font.woff2') format('woff2'), url('webFonts/BioSansLight/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansSemiBold";
		src: url('webFonts/BioSansSemiBold/font.woff2') format('woff2'), url('webFonts/BioSansSemiBold/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansLightItalic";
		src: url('webFonts/BioSansLightItalic/font.woff2') format('woff2'), url('webFonts/BioSansLightItalic/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansExtraLightItalic";
		src: url('webFonts/BioSansExtraLightItalic/font.woff2') format('woff2'), url('webFonts/BioSansExtraLightItalic/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansExtraLight";
		src: url('webFonts/BioSansExtraLight/font.woff2') format('woff2'), url('webFonts/BioSansExtraLight/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansItalic";
		src: url('webFonts/BioSansItalic/font.woff2') format('woff2'), url('webFonts/BioSansItalic/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansBoldItalic";
		src: url('webFonts/BioSansBoldItalic/font.woff2') format('woff2'), url('webFonts/BioSansBoldItalic/font.woff') format('woff');
	}
	@font-face {
		font-family: "BioSansSemiBoldItalic";
		src: url('webFonts/BioSansSemiBoldItalic/font.woff2') format('woff2'), url('webFonts/BioSansSemiBoldItalic/font.woff') format('woff');
	}
}

@layer base {
	.is-layout-flex {
		display: flex;
	}
	
	.is-layout-grid {
		display: grid;
	}
	
	html,
	body {
		font-family: "BioSansRegular", sans-serif;
	}
	
	html,
	body {
		font-size: 62.5%;
	}
	
	strong {
		font-family: "BioSansBold";
	}
	
	html,
	body,
	#page {
		height: 100svh;
	}

	.has-text-align-center {
		text-align: center;
	}
	
	.has-text-align-right {
		text-align: right;
	}
}

@layer global {
	body.loading {
		cursor: progress;

		a {
			pointer-events: none;
		}
	}

	#page {
		display: flex;
		flex-direction: column-reverse
	}
	
	main {
		flex: 1;
	}

	[x-cloak] {
		display: none !important;
	}
}

@layer nav {
	header,
	ul {
		margin: 0;
		padding: 0;	
	}

	header,
	header nav {
		display: block;
	}

	nav {
		height: 110px;
	}

	header nav {
		background-color: var(--black);
		width: 100%;
		
		ul {
			counter-reset: navitem;
			display: flex;
			height: 100%;
			list-style: none;

			li:not(:last-child) {
				border-right: 1px solid var(--white);
			}

			li:not(:first-child):not(:nth-child(2)):not(:last-child) {
				background-color: var(--bronx-red);
			}

			li:not(:first-child):not(:nth-child(2)):not(:last-child) {
				counter-increment: navitem;
				flex: 1;
			}

			li:not(:first-child):not(:nth-child(2)):not(:last-child):hover,
			li:not(:first-child):not(:nth-child(2)):not(:last-child).current_page_item,
			li:not(:first-child):not(:nth-child(2)):not(:last-child).current-page-ancestor {
				background-color: var(--black);
			}

			/* li:not(:first-child):not(:nth-child(2)):not(:last-child):hover,
			li:nth-child(3).current_page_item,
			li:nth-child(3).current-page-ancestor {
				border-left: 1px solid var(--white);
			} */

			li:not(:first-child):not(:last-child) a {
				padding: 3px 9px 1px 15px;
				position: relative;
			}

			li:not(:first-child):not(:last-child) a::before,
			li:not(:first-child):not(:last-child):nth-child(2) a {
				background-image: linear-gradient(currentColor, currentColor);
				background-repeat: no-repeat;
				background-position: 0px calc(100% - 3px );
				background-size: 1ch 1px;
				content: counter(navitem, decimal-leading-zero) " ";
				display: block;
				font-size: 2.4rem;
				font-family: "BioSansBold";
				line-height: 1.8;
			}

			li:not(:first-child):not(:last-child):nth-child(2) a {
				background-position: 1.5rem 4.2rem;
				padding-right: 24px;
				text-transform: uppercase;
			}

			li:not(:first-child):not(:last-child):nth-child(2) a::before {
				content: none;
				display: none;
			}

			li:last-child {
				display: grid;
				place-items: center;
				width: 36px;
				
				a {
					display: inline-block;
					font-size: 2rem;
					font-family: "BioSansBold";
					height: auto;
					letter-spacing: 0.1rem;
					line-height: 1.6;
					writing-mode: vertical-rl;
					text-align: center;
					/* text-orientation: mixed; */
					text-transform: uppercase;
					transform: rotate(180deg);
				}
			}

			.menu-item-home {
				text-indent: -9000rem;
				width: 123px;
				
				a {
					background: url(img/home.svg) center no-repeat;
					background-size: 34px;
				}
			}

			a {
				align-items: flex-start;
				color: var(--white);
				display: flex;
				flex-direction: column;
				font-family: "BioSansLight";
				font-size: 1.6rem;
				height: 100%;
				line-height: 1.15;
				text-decoration: none;
				text-wrap: balance;
				width: 100%;
			}
		}
	}

	#hamburger-bar {
		display: none;
	}
}

@layer front {
	body.home {

		main {
			display: grid;
			place-items: center;
			
			.entry-content{
				width: 90vw;
			}
		}

		h1 {
			color: var(--white);
			display: flex;
			flex-direction: column;
			font-family: "BioSansBold";
			font-size: 17.1svh;
			gap: 2.4vh;
			line-height: 1;
			margin-top: 0;
			margin-bottom: 0;
			text-transform: uppercase;
			text-shadow: 1px 1px 1px rgba(0,0,0,.15);
			
			.row,
			.w {
				display: flex;
				justify-content: space-between;
				width: 100%;
			}
			
			.row.row-2 .w {
				display: block;
			}
			
			.row.row-2 .w  + .w {
				text-align: right;
			}
		}
}
}

@layer templates {
	.page-template-page-intro main,
	.page-template-page-intro-blocks main,
	.page-template-page-child main,
	.page-template-page-child-v-blinds main,
	.page-template-page-child-h-blinds main {
		display: flex;
		
		#subpage-index {
			padding-top: 50px;
			text-align: center;
			width: 123px;
			
			#position {
				color: var(--white);
				font-family: "BioSansLight";
				font-size: 6rem;
			}
		}

		#subpage-list {
			background-color: var(--white);
			display: flex;
			flex: 1;
			flex-direction: column;

			.subpage-eyebrow {
				color: var(--bronx-red);
				display: block;
				font-family: "BioSansBold";
				font-size: 1.6rem;
				margin-left: 36px;
				position: absolute;
				top: 27px;
				z-index: 1;
			}

				@media (max-height: 780px) {
					.subpage-eyebrow {
						top: .9vh;
					}
				}

			&:has(a:first-of-type:hover) .subpage-eyebrow {
				color: var(--white);
			}

			a {
				align-items: center;
				background-color: var(--white);
				border-bottom: 1px solid #ccc;
				color: var(--black);
				display: flex;
				flex: 1;
				padding-right: 36px;
				padding-left: 36px;
				position: relative;
				text-decoration: none;
				text-transform: uppercase;
				transition: background-color 0.33s ease-in-out;
				
				&:hover {
					background: rgba(200, 16, 46, 0.8);
				}

				&:hover .subpage-inner {
					position: relative;
					z-index: 2;
					color: #fff;
					padding: 1.5rem 0;
				}

				h2 {
					font-family: "BioSansExtraLight";
					font-size: 4.2rem;
					line-height: 1;
					margin: 0;
					padding: 0;

					@media (max-width: 1079px) {
						font-size: 3.3rem;
					}

				}
				
				&:hover h2 {
					font-family: "BioSansBold";
					font-size: 4.8rem;
				}
			}

				a:last-child {
					border-bottom: 0;
				}
		}
	}

	#subpage-child-title {
		background-color: var(--white);
		container-type: inline-size;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 66px 37px;
		width: clamp(250px, 24.1vw, 350px);

		h1 {
			font-family: "BioSansBold";
			/* font-size: 6rem; */
			/* font-size: 4.2rem; */
			/* font-size: 3.9rem; */
			font-size: 12.3cqw;
			line-height: 1;
			margin: 0;
			padding: 0;
			text-transform: uppercase;
			text-wrap: balance;
			/* overflow-wrap: break-word;
			word-wrap: break-word;  */
		}

		@media (max-width: 1079px) {
			h1 {
				margin-bottom: 15px;
			}
		}

		blockquote {
			background-color: var(--black);
			color: #fff;
			margin: 0;
			max-height: 36.6svh;
			overflow-y: auto;
			padding: 24px;
			width: 100%;
			
			p {
				font-family: "BioSansLight";
				font-size: 1.8rem;
				line-height: 1.43;
				margin: 0;
				margin-bottom: 1.4rem;
				position: relative;
				text-wrap: pretty;

				&::before {
					content: "“";
					position: absolute;
					left: -.8ch;
					top: 0;
				}

				&::after {
					content: "”";
				}
			}

			.quote-meta {
				font-family: "BioSansSemiBold";
				font-size: 1.8rem;
				line-height: 1.2;
				text-transform: uppercase;
				
				.quote-title {
					color: var(--bronx-red);
				}

				.quote-location {
					color: var(--white);
				}
			}
		}

		#go-back,
		#go-back-placeholder {
			background-color: var(--bronx-red);
			color: #fff;
			display: inline-grid;
			font-size: 1.6rem;
			font-family: "BioSansBold";
			height: 28px;
			place-items: center;
			text-decoration: none;
			padding: 1px 12px;
		}
		
		#go-back-placeholder {
			background-color: transparent;
		}
	}

	#subpage-content {
		background-color: var(--gray);
		flex: 1;
		height: calc(100svh - 110px);
		overflow-y: auto;

		section {
			border-bottom: 1px solid var(--light-gray);
			padding: 27px 30px;
			
			> div > h2 {
				font-family: "BioSansLight";
				font-size: 4.8rem;
				text-wrap: pretty;
			}

			h3,
			p,
			ul {
				font-size: 2.4rem;
				line-height: 1.25;
				margin: 0;
				padding: 0;
				text-wrap: pretty;
			}

			h3 {
				font-family: "BioSansBold";
				text-transform: uppercase;
			}

			p,
			ul li {
				margin-bottom: 30px;

				a,
				a:visited {
					color: var(--link-blue);
				}
			}

			ul li {
				margin-bottom: 21px;
			}
			
			ul li:last-child {
				margin-bottom: 30px;
			}

			ul {
				margin: 0 0 0 3rem;
			}
			
			blockquote {
				margin: 0;
				padding: 0;
			}
		}

		section:first-child > .wp-block-group__inner-container {
			margin-top: 38px;
		}

		section:last-child {
			border-bottom: 0;
		}
	}

	#subpage-content:has(blockquote){
		background-color: var(--black);
		color: #fff;

		.wp-block-group {
			padding-right: 66px;
		}
		
		blockquote {

			p {
				font-family: "BioSansLight";
				font-size: 3.6rem;
				line-height: 1;
				position: relative;

				&::before {
					content: "“";
					position: absolute;
					left: -.8ch;
					top: 0;
				}
				
				&::after {
					content: "”";
				}
			}
			
			cite {
				font-family: "BioSansLight";
				font-size: 2.4rem;
				font-style: normal;
				line-height: 1.17;
				margin-top: 70px;
				text-align: right;
				
				strong {
					color: var(--bronx-red);
					font-family: "BioSansBold";
				}
			}
		}
	}

	#subpage-content:has(#subpage-content-section) {
		display: flex;
		flex-direction: column;
		min-height: 100%;

		&.sections-expanded {
			display: block;
			flex-direction: initial;
			height: calc(100svh - 110px);

			@media (max-width: 1079px) {
				min-height: 3%;
			}
		}

		#subpage-content-section {
			background-color: #fff;
		}

		#subpage-content-section:has(.intro-blinds) + #horizontal-blinds:not(.expanded) {
			section {
				padding-top: 0;
				padding-bottom: 0;
			}

			.title {
				align-items: center;
				display: flex;
				min-height: 48px;
			}
		}

	}
	
	#vertical-blinds {
		section {
			.title,
			.summary {
				min-height: 150px;
			}
		}
	}

	#vertical-blinds,
	#horizontal-blinds {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
		height: 100%;

		&.expanded {
			grid-template-columns: 1fr 3fr;
		}

		section {
			background-color: var(--gray);
			border-left: 1px solid var(--light-gray);
			cursor: pointer;
			display: flex;
			flex-direction: column;
			gap: 10px;
			justify-content: center;
			/*padding-top: 66px;*/

			&:first-child {
				border-left: 0 none;
			}

			.title,
			.summary {
				font-family: "BioSansLight";
			}

			.title h2 {
				/* font-size: 2.04rem; */
				font-size: 1.35cqw;
				margin: 0;
				padding: 0;
				text-transform: uppercase;
				/* word-wrap: break-word; */
			}
			
			p {
				font-size: 2rem;
			}
			
			.content {
				display: none;
			}
		}

		section:hover,
		&.expanded section {
			background: rgba(200, 16, 46, 0.8);
			color: #fff;
		
			.title h2 {
				font-family:  "BioSansBold";
				font-size: 2rem;
			}
			
			.summary {
				font-family: "BioSansRegular";
			}
		}

		#section-expanded {
			background-color: var(--gray);
			color: var(--black);
			overflow-y: scroll;
			padding: 66px 36px;
			position: relative;

			a,
			a:visited {
				color: var(--link-blue);
			}

			p {
				/* font-family: "BioSansLight";
				font-size: 4.8rem; */
				font-size: 2.4rem;
				margin: 0 0 1.6rem 0;

				a,
				a:visited {
					color: var(--link-blue);
				}
			}

			h5 {
				font-family: "BioSansBold";
				/* font-size: 2.4rem; */
				font-size: 2.46rem;
			}

			#section-close {
				background-color: var(--black);
				border: 0 none;
				bottom: 148px;
				color: #fff;
				cursor: pointer;
				display: grid;
							display: none;
				font-family: "BioSansLight";
				font-size: 2.4rem;
				line-height: .87;
				place-items: center;
				position: fixed;
				right: 36px;
				width: 30px;
				height: 30px;
			}
		}
	}

	#horizontal-blinds {
		grid-template-columns: 1fr;
		grid-auto-rows: minmax(0, 1fr);
		
		&.expanded {
			grid-template-columns: initial;
			grid-template-rows: 1fr 3fr;
		}

		@media (max-width: 1079px) {
			&.expanded {
				grid-template-rows: .33fr 3.66fr;
			}
		}
		
		section {
			border-top: 1px solid var(--light-gray);
			border-left: 0 none;
			&:first-child {
				border-top: 0 none;
			}
		}

		#section-expanded {
			p,
			ul {
				font-family: "BioSansRegular";
				font-size: 2.4rem;
				line-height: 1.25;
				margin-bottom: 2rem;
			}

			ul {
				margin: 0 0 2rem 3rem;
			}
		}
	}

	#vertical-blinds {
		section {
			justify-content: flex-start;
		}
	}

	#subpage-list.blocks {
		padding: 20px 39px 30px;

		a {
			padding-right: 36px;
		}
		&:hover h2 {
			font-size: 4.5rem;
		}
	}
	
	body.page-template-page-intro-blocks main #eye-brow-container {
		color: #fff;
		font-family: "BioSansBold";
		font-size: 1.6rem;
		margin-bottom: 18px;
		padding: 10px 0 30px;
		text-transform: uppercase;

		.subpage-eyebrow {
			color: #fff;
			margin-left: 0;
			position: relative;
		}
	}

	#multi-col-layout {
		display: grid;
		grid-template-columns: 1fr 1fr;
		gap: 24px;
		height: 100%;

		#col-a,
		#col-b {
			display: grid;
			gap: 24px;
		}

		#col-a {
			grid-template-rows: repeat(2, 1fr);
		}
		
		#col-b {
			grid-template-rows: repeat(3, 1fr);
		}
	}

	.is-layout-row  {
		display: flex;
		margin-bottom: 24px;
		gap: 40px;

		figure {
			margin: 0;
			min-width: 170px;
		}

		@media (max-width: 1079px) {
			flex-direction: column;

			figure img {
				width: 100%;
			}
		}
	}
	
	.quote-start,
	.quote-end {
		position: relative;
	}

	.quote-start::before,
	.quote-end::after {
		color: var(--bronx-red);
		font-size: 4.5rem;
		font-weight: bold;
		line-height: 1;
		position: absolute;
		transform: translateY(-3%);
	}

	.quote-start::before {
	  content: "“";
	  margin-left: -1ch;
	}

	.quote-end::after {
	  content: "”";
	  margin-right: 1ch;
	}

	.multi-cols > .wp-block-group__inner-container {
		column-count: 3;
		column-gap: 3rem;
		column-rule: 1px solid #ccc;

		@media (max-width: 1079px) {
			column-count: 2;
		}

		p {
			break-inside: avoid;
		}
	}

	#subpage-content section.multi-cols p {
		font-size: 2.1rem;

		@media (max-width: 1439px) {
			font-size: 1.8rem;
		}
	}
}



@layer badge {
	#need-help-info {
		background-color: var(--black);
		display: grid;
		margin-left: 65px;
		place-items: center;
		height: 78px;
		min-width: 442px;
		display: none;
		opacity: 0;
		pointer-events: none;
		transform: translate(-6px,-15px);
		transition: opacity 0.45s ease, transform 0.24s ease;
		
		span {
			color: var(--white);
			font-family: "BioSansSemiBold";
			font-size: 1.44rem;
			line-height: 1.26;
			padding: 0 9px 0 30px;
			text-align: center;
			
			a {
				color: currentcolor;
			}
		}
	}

	#need-help-info.active {
		display: grid;
		opacity: .87;
		pointer-events: auto;
		transform: translate(0,-15px);
	}

	#subpage-index {
		position: relative;
	}

	#need-help-container {
		bottom: 36px;
		height: 108px;
		left: 50%;
		position: absolute;
		transform: translate(-54px,0);
		z-index: 1;
	}

		#need-help {
			background-color: var(--bronx-red);
			cursor: pointer;
			display: grid;
			place-items: center;
			position: absolute;
			transform: rotate(-45deg);
			z-index: 1;
			width: 108px;
			height: 44px;
			
			span {
				color: var(--white);
				font-family: "BioSansBold";
				font-size: 1.59rem;
				text-transform: uppercase;
			}
		}
	
		#need-help::before {
			background-color: var(--bronx-red);
			content: "";
			position: absolute;
			width: 44px;
			height: 108px;
			z-index: -1;
		}
}

@layer responsive {
	@media (max-width: 1439px) {
		header nav.menu-main-nav-container {
			overflow-x: auto;
		}

		#menu-main-nav {
			width: 1439px;
		}

		.page-template-page-child-v-blinds #subpage-content {
			section {
				padding: 27px clamp(18px, 2.07vw, 30px);
			}
		}
	}
	
	@media (max-width: 1079px) {

		#page { 
			flex-direction: column;
		}

		header {
			display: flex;
			flex-direction: column;
			height: 90px;
			position: fixed;
			width: 100%;
			z-index: 3;
			
			#hamburger-bar {
				background-color: var(--black);
				display: flex;
				z-index: 1;

				> div {
					align-items: center;
					display: flex;
					height: 90px;
					justify-content: space-between;
					padding: 0 26px;
					width: 100%;
				}
			}
			
			#m-home,
			#hamburger {
				width: 42px;
				height: 33px;
			}

			#m-home {
				background: url(img/home.svg) center no-repeat;
				background-size: 34px;
				text-indent: -9876rem;
			}

			#hamburger {
				cursor: pointer;
				display: flex;
				flex-direction: column;
				justify-content: space-between;

				span {
					background-color: var(--white);
					display: block;
					width: 100%;
					height: 4px;
				}
			}
		}

		header nav.menu-main-nav-container {
			height: calc(100svh - 90px);
			opacity: 0;
			overflow-x: hidden;
			overflow-y: scroll;
			position: absolute;
			top: 90px;
			transform: translateY(-100%);
			transition: opacity 0.33s ease, transform 0.66s ease;

			#menu-main-nav {
				flex-direction: column;
				width: auto;
				
				li:not(:first-child):not(:nth-child(2)):not(:last-child) {
					border-right: none;
					border-left: none;
				}

				li {
					flex: 1;
					min-height: 90px; 
				}
				
				.menu-item-home,
				li:last-child {
					width: 100%;
					
					a {
						text-align: left;
						transform: none;
						writing-mode: initial;
					}	
				}

				li {
					border-bottom: 1px solid var(--white);
					border-right: 0 none;
				}
				
				li:last-child {
					border-bottom: 0 none;
					padding-left: 26px;
				}
				
				li:first-child + li {
					border-top: 1px solid var(--white);
				}
				
				li:nth-child(1) {
					display: none;
				}
				
				li:not(:first-child):not(:last-child) a::before  {
					background-position: 3px calc(100% - 12px);
					background-size: 12px 3px;
					left: 26px;
					position: absolute;
				}
				
				li:nth-child(2) a {
					background-position: 3px calc(100% - 12px);
					background-size: 12px 3px;
					margin-left: 26px;
					padding-left: 0;
				}
				
				li:not(:first-child):not(:last-child) a::before,
				li:not(:first-child) a {
					font-size: 4.8rem;
				}
				
				li:not(:first-child):not(:last-child):not(:nth-child(2)) a {
					font-size: 2.4rem;
					justify-content: center;
					padding-left: 105px;
				}
			}
		}
		
		#hamburger-bar.open + nav.menu-main-nav-container {
			opacity: 1;
			transform: translateY(0);
		}
		
		body:not(.home) #hamburger-bar {
			background-color: rgba(0,0,0,.3);
			
			> div {
				justify-content: flex-end;
			}
			
			#m-home {
				display: none;
			}
		}

		body.home {
			h1 {
				font-size: 9vh;
				gap: 0;
				line-height: 1.05;
				
				.row,
				.w {
					justify-content: center;
				}
				
				.row-2 {
					flex-direction: column;
					
					.w {
						text-align: center;
					}
				}
			}
		}

		main {
			flex-direction: column;
			
			#subpage-index {
				min-height: 90px;
				padding: 7px 26px 0;
				text-align: left;
				width: 100%;
			}

			#subpage-child-title {
				background-color: rgba(255,255,255,.90);
				padding: 45px 26px;
				width: 100%;

				blockquote {
					max-height: none;
				}
				
				#go-back,
				#go-back-placeholder {
					bottom: 0;
					left: 0;
					height: 52px;
					position: fixed;
					width: 100%;
				}
			}

			#subpage-list {
				.subpage-eyebrow {
					top: 102px;
				}
				
				#multi-col-layout {
					grid-template-columns: 1fr;
					
					#col-a {
						display: flex;
						flex-direction: column;
					}
					
					a {
						padding: 15px;
					}
				}
			}

			#subpage-list.blocks {
				padding: 12px 26px 15px
			}

			#subpage-content {

				padding-bottom: 36px;

				section {
					padding: 21px 26px;
					
					> div > h2 {
						font-size: 3.3rem;
					}

					h3,
					p,
					ul {
						font-size: 1.8rem;
					}

					p,
					ul,
					li {
						margin-bottom: 21px;
					}

					ul li {
						margin-bottom: 15px;
					}

					ul li:last-child {
						margin-bottom: 21px;
					}
				}
			}
			
			#vertical-blinds {
				grid-template-columns: 1fr;
				
				.title,
				.summary {
					min-height: 1px;
				}
			}
		}

		.page-id-9 #subpage-list .subpage-eyebrow {
			top: 0;
		}

		#need-help-container {
			bottom: 45px;
			left: 30px;
			height: 54px;
			position: fixed;
			transform: translate(-27px,0) ;
			
			#need-help {
				width: 54px;
				height: 24px;
				opacity: .84;

				span {
					font-size: .78rem;
				}
			}

			#need-help::before {
				opacity: .96;
				width: 24px;
				height: 54px;
			}

			#need-help-info {
				height: 54px;
				margin-left: 37px;
				min-width: 294px;

				span {
					font-size: 1.1rem;
				}
			}
		}

		.go-back-wrap {
			z-index: 1;
		}

	}
}