/*
Theme Name: Merillat
Author: Phire Group
Author URI: http://thephiregroup.com/
Version: 1.1
*/

@media screen {

	/* RESETS */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, embed, 
	figure, figcaption, footer, header, hgroup, main,
	menu, nav, output, ruby, section, summary,
	time, mark, audio, video {
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
		font: inherit;
		vertical-align: baseline;
	}
	article, aside, details, figcaption, figure, 
	footer, header, hgroup, main, menu, nav, section {
		display: block;
	}
	body {
		line-height: 1;
	}
	ol, ul {
		list-style: none;
	}
	blockquote, q {
		quotes: none;
	}
	blockquote:before, blockquote:after,
	q:before, q:after {
		content: '';
		content: none;
	}
	table {
		border-collapse: collapse;
		border-spacing: 0;
	}
	

	/* WORDPRESS CLASSES */

	.alignnone {
		margin: 5px 20px 20px 0;
	}

	.aligncenter,
	div.aligncenter {
		display: block;
		margin: 5px auto 5px auto;
	}

	.alignright {
		float:right;
		margin: 5px 0 20px 20px;
	}

	.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.alignright {
		float: right;
		margin: 5px 0 20px 20px;
	}

	a img.alignnone {
		margin: 0 20px 20px 0;
	}

	a img.alignleft {
		float: left;
		margin: 5px 20px 20px 0;
	}

	a img.aligncenter {
		display: block;
		margin-left: auto;
		margin-right: auto
	}

	.wp-caption {

	}

	.wp-caption.alignnone {
		margin: 0;
	}

	.wp-caption.alignleft {
		margin: 5px 20px 20px 0;
	}

	.wp-caption.alignright {
		margin: 5px 0 20px 20px;
	}

	.wp-caption img {
		display: block;
		border-radius: 10px;
		margin: 0 0 10px 0;
	}

	.wp-caption p.wp-caption-text {
		color: var(--black);
		font-size: 0.875rem;
		line-height: 1.125rem;
		letter-spacing: -0.00438rem;
	}
	
	.wp-caption p {
		margin: 0 !important;
	}

	/* Text meant only for screen readers. */
	.screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		position: absolute !important;
		height: 1px;
		width: 1px;
		overflow: hidden;
	}

	.screen-reader-text:focus {
		background-color: #f1f1f1;
		border-radius: 3px;
		box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
		clip: auto !important;
		color: #21759b;
		display: block;
		font-size: 14px;
		font-size: 0.875rem;
		font-weight: bold;
		height: auto;
		left: 5px;
		line-height: normal;
		padding: 15px 23px 14px;
		text-decoration: none;
		top: 5px;
		width: auto;
		z-index: 100000; /* Above WP toolbar. */
	}
	
	.skip-main:not(:focus) {
	  position: absolute;
	  left: -9999px;
	  z-index: 999;
	  padding: 3em;
	  opacity: 0;
	}
	.skip-main:focus {
	  left: 50%;
	  transform: translateX(-50%);
	  opacity: 1;
	}
	.skip-main {
	  color: #000000;
	  background-color: #FFCB05;
	}
	
	.visually-hidden {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}

	.sr-only {
		position: absolute;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: -1px;
		overflow: hidden;
		clip: rect(0 0 0 0);
		white-space: nowrap;
		border: 0;
	}
	
	


	/* GLOBAL */
	
	html {
		scroll-behavior: smooth;
	}
	
	body {
		font-family: "Inter", sans-serif;
		font-size: 16px;
		line-height: 1.3125rem;
		font-weight: 400;
		color: #000000;
		text-align: center;
		position: relative;
		overflow-x: hidden;
	}

	:root {
		--black: #000;
		--off-black: #333;
		--white: #fff;
		--red: #DA291C;
		--lighter-grey: #F2F2F2;
		--lightish-grey: #E1E1DB;
		--light-grey: #D0D1D5;
		--another-grey: #99A1A8;
		--grey: #63666A;
		--dark-grey: #616B79;
		--base-dark: #111827;
		--dark-blue: #041C2C;
		--blue-supposedly: #030729;
	}
	

	*, *:before, *:after {
		box-sizing: border-box;
	}
	
	.main_container {
		margin: 0 auto;
	}
	
	.row {
		margin: 0 auto;
		width: 1340px;
		text-align: left;
		position: relative;
	}
	
	.row_1040 {
		margin: 0 auto;
		width: 1040px;
		text-align: left;
		position: relative;
	}
	
	.row_950 {
		margin: 0 auto;
		width: 950px;
		text-align: left;
		position: relative;
	}
	
	.clearfix::after {
		display: block;
		visibility: hidden;
		clear: both;
		height: 0;
		content: '';
	}
	
	p {
		margin-bottom: 1.88rem;
	}
	
	a {
		text-decoration: none;
		color: inherit;
	}
	
	a:focus, button:focus, input:focus, select:focus, textarea:focus {
		/* outline: dotted 2px #253746; */
	}
	
	img {
		max-width: 100%;
	}
	
	.centered {
		text-align: center;
	}
	
	.hide_on_desktop {
		display: none;
	}
	
	button {
		font-family: "Inter", sans-serif;
		font-size: 1rem;
		border: 0;
		margin: 0;
		padding: 0;
		background-color: transparent;
		-webkit-appearance: none;
		appearance: none;	
		cursor: pointer;		
	}
	
	b, strong {
		font-weight: 600;
	}

	i, em {
		font-style: italic;
	}
	
	#main {

	}
	
	h1 {
		font-size: 3rem;
		font-style: normal;
		font-weight: 400;
		line-height: 3.125rem;
		letter-spacing: -0.03rem;
	}
	
	h2 {
		color: var(--black);
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.04rem;
		margin: 0 0 40px 0;
	}
	
	h3 {
		color: var(--black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
		margin: 0 0 8px 0;
	}
	
	h4 {
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.375rem;
		margin: 0 0 10px 0;
	}

	.cta {
		display: inline-flex;
		align-items: center;
		background-color: var(--red);
		border-radius: 32px;
		padding: 12px 20px;
		color: var(--white);
		font-size: 0.875rem;
		line-height: 1;
		font-weight: 400;
		transition: all .15s linear;
		margin: 0 20px 0 0;
	}
	
	.cta:hover {
		background-color: var(--black);
	}
	
	.cta svg {
		display: block;
		margin: 0 0 0 4px;
	}

	.cta_grey {
		background-color: var(--lighter-grey);
		color: var(--black);
		margin: 0;
	}
	
	.cta_grey:hover {
		color: var(--white);
	}
	
	.right_cta {
		margin: 0 0 10px auto;
	}

	.hc {
		display: flex;
		justify-content: space-between;
		align-items: end;
		margin: 0 0 40px;
	}
	
	.hc_left h2 {
		margin: 0;
	}
	
	.hc_right .cta {
		margin: 0;
	}
	
	h2.small_heading {
		margin: 0 0 12px 0;
	}
	
	.tagline.t_small {
		color: var(--black);
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.04rem;
		margin: 0;
	}
	
	.p_30 {
		padding: 0 0 30px 0;
	}
	
	.p_40 {
		padding: 0 0 40px 0;
	}
	
	.detail_head {
		color: var(--off-black);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;	
		margin: 0 0 16px 0;
	}


	
	/* HEADER */
	
	.desktop_header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 15px 0;
		z-index: 11;
	}
	
	.desktop_header .row {
		border-radius: 8px;
		background: var(--white);
		box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
	}
	
	.desktop_header .row .row_1 {
		display: flex;
		padding: 12px;
		justify-content: space-between;
		align-items: center;
	}
	
	.desktop_logo img {
		display: block;
	}
	
	.desktop_nav .nav {
		display: flex;
	}

	.desktop_nav .nav_a, .desktop_nav .nav_trigger {
		height: 42px;
		border-radius: 32px;
		display: inline-flex;
		align-items: center;
		color: var(--grey);
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.125rem;
		padding: 0 12px;
		transition: all .15s linear;
		margin: 0 4px;
	}
	
	.desktop_nav .nav_trigger .icon {
		display: block;
		transition: all .15s linear;
		margin: 0 0 0 4px;
	}
	
	.desktop_nav svg {
		display: block;
	}
	
	.desktop_nav .nav_a:hover, .desktop_nav .nav_trigger:hover {
		background-color: var(--red);
		color: var(--white);
	}
	
	.desktop_nav button:hover svg path {
		fill: var(--white);
	}
	
	.desktop_nav .nav_trigger[aria-expanded="true"] {
		background-color: var(--red);
		color: var(--white);		
	}
	
	.desktop_nav .nav_trigger[aria-expanded="true"] svg path {
		fill: var(--white);
	}
	
	.desktop_nav .nav_trigger[aria-expanded="true"] .icon {
		transform: rotate(180deg);
	}
	
	.submenu {
		width: 100%;
		border-top: 1px solid var(--light-grey);
		border-radius: 0;
		transition: max-height 0.15s ease;
	}

	.submenu.open {
		display: block;
	}

	.submenu_inner {
		display: flex;
		justify-content: space-between;		
	}
	
	.sm_products_1, .sm_products_2 {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		column-gap: 48px;
		color: var(--off-black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem;
	}
	
	.sm_products_1 {
		padding: 48px 40px;
	}
	
	.sm_products_2 {
		border-top: 1px solid var(--light-grey);
		padding: 48px 40px;
		background-color: var(--lighter-grey);
		border-radius: 0 0 8px 8px;
	}
	
	.sm_products_1 a, .sm_products_2 a {
		display: flex;
		align-items: center;
		color: var(--dark-blue);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.625rem;
		letter-spacing: -0.0125rem;
		margin: 0 0 8px 0;
	}
	
	.sm_products_1 a:hover, .sm_products_2 a:hover {
		text-decoration: underline;
	}
	
	.submenu_inner_products a svg {
		display: block;
		margin: 0 0 0 5px;
	}
	
	.sm_left {
		padding: 48px 60px;
	}
	
	.sm_type {
		color: var(--grey);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem;
		letter-spacing: 0.21rem;
		text-transform: uppercase;
		margin: 0 0 20px 0;
	}
	
	.sm_left li {
		margin: 0 0 20px 0;
	}
	
	.sm_left a {
		color: var(--dark-blue);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1rem;
		letter-spacing: -0.01125rem;
		padding: 0;
		margin: 0;
	}
	
	.sm_left a:hover {
		text-decoration: underline;
	}
	
	.sm_right {
		width: 420px;
		flex: 0 0 auto;
		padding: 48px 32px;
		border-left: 1px solid var(--light-grey);
		display: flex;
		column-gap: 24px;
	}
	
	.sm_icon {
		
	}
	
	.sm_extra {
		color: var(--off-black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem; /* 128.571% */
	}
	
	.sm_extra b, .sm_extra strong {
		color: var(--dark-blue);
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.3125rem; /* 131.25% */
		letter-spacing: -0.01rem;
	}
	
	.sm_extra p {
		margin: 0 0 6px 0;
	}
	
	.sm_extra a:hover {
		text-decoration: underline;
	}
	
	.search_box {
		width: 340px;
		position: relative;
	}
	
	.search_input {
		width: 100%;
		border-radius: 32px;
		border: 1px solid var(--light-grey);
		background: var(--lighter-grey);
		display: flex;
		align-items: center;
		height: 42px;
		padding: 10px 20px 12px 44px;
		font-family: "Inter", sans-serif;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem;
	}

	.search_icon {
		position: absolute;
		left: 20px;
		top: 50%;
		transform: translateY(-50%);
		pointer-events: none;
	}
	
	
	.product_lines_bar {
		background-color: var(--lighter-grey);
		height: 58px;
		display: none;
		justify-content: space-between;
		align-items: center;
		padding: 0 15px;
		border-radius: 0 0 8px 8px;
	}
	
	.product_lines_bar.active {
		display: flex;
	}
	
	.pl_left {
		color: var(--grey);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
	}
	
	.pl_right ul {
		display: inline-flex;
	}
	
	.pl_right a {
		display: inline-flex;
		align-items: center;
		height: 58px;
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem;
		border-bottom: 3px solid var(--lighter-grey);
		padding: 0 16px;
	}
	
	.pl_right a.active, .pl_right a:hover {
		border-bottom: 3px solid var(--red);
	}
	
	.pl_right a.active {
		font-weight: 500;
	}


	#mm {
		display: none;
	}
	
	
	
	/* DOOR STYLES AND FINISHES SHARED */
	
		
	.plf {
		position: absolute;
		right: 20px;
		bottom: 20px;
		display: flex;
		column-gap: 10px;
	}
	
	.t_label a:hover {
		text-decoration: underline;
	}
	
	.door_finish_content {
		padding: 80px 0;
	}
	
	.door_finish_content .row {
		display: flex;
		justify-content: space-between;
	}
	
	.dfc_left {
		width: 600px;
		flex: 0 0 auto;
	}
	
	.dfc_images {
		margin: 0 0 48px 0;
	}
	
	.dfc_images_detail {
		width: 100%;
		border: 1px solid var(--light-grey);
		border-radius: 8px;
		aspect-ratio: 1 / 1;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 30px;
		transition: all .15s ease;
		margin: 0 0 16px 0;
	}
	
	.dfc_images_detail img {
		display: block;
		width: auto;
		max-height: 100%;
	}
	
	.dfc_images_detail.full  {
		padding: 0;
	}
	
	.dfc_images_detail.full img  {
		border-radius: 8px;
	}
	
	.dfc_car {
		display: flex;
		column-gap: 10px;
		row-gap: 10px;
	}
	
	.dfc_car_thumb {
		width: 70px;
		height: 70px;
		border-radius: 3px;
		border: 1px solid var(--light-grey);
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	.dfc_car_thumb img {
		display: block;
		width: 70px;
		height: 70px;
	}
	
	.dfc_car_thumb.dst img {
		width: auto;
		height: 60px;
	}
	
	.dfc_car_thumb.active {
		border: 1px solid var(--dark-grey);
	}
	
	.dfc_right {
		width: 640px;
		flex: 0 0 auto;
		color: var(--grey);
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.3125rem;
	}
	
	.dfc_right_head {
		border-bottom: 1px solid var(--light-grey);
		padding: 0 0 20px 0;
		margin: 0 0 30px 0;
	}
	
	.door_finish_content h2 {
		color: var(--black);
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 600;
		line-height: 2.1875rem
		letter-spacing: -0.035rem;
		margin: 0 0 8px 0;
	}

	.door_finish_content h3 {
		color: var(--black);
		font-family: Inter;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem;
		margin: 0 0 12px 0;
	}
	
	.mat_cards {
		display: flex;
		flex-wrap: wrap;
		column-gap: 10px;
		row-gap: 30px;
	}
	
	.mat_card {
		width: 120px;
		flex: 0 0 auto;
	}

	.mat_card .check {
		position: absolute;
		top: 10px;
		left: 10px;
		border-radius: 22.5px;
		background: var(--red);
		display: flex;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;
	}
	
	.mat_card .check svg {
		display: block;
	}
	
	.mat_card.chosen {
		position: relative;
	}
	
	.mat_card.chosen img {
		border: 3px solid var(--red);
	}
	
	.mat_card.greyed {
		opacity: 0.25;
	}
	
	.mat_card img {
		display: block;
		border-radius: 6px;
		background-color: var(--light-grey);
		aspect-ratio: 1;
		margin: 0 0 6px 0;
	}
	
	.mat_card a {
		color: var(--blue-supposedly);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.125rem;
	}
	
	.mat_card:hover a {
		text-decoration: underline;
	}
	
	.filter_panel .pill {
		margin: 0 10px 0 0;
	}
		


	/* HOME HERO */
	
	.home_hero_block {
		background-color: var(--light-grey);
		position: relative;
	}

	
	
	
	/* STANDARD HEADING */
	
	.standard_heading {
		padding: 166px 0 80px 0;
	}
	
	.standard_heading .row {
		text-align: center;
	}
	
	.small_h1, .page_type, .small_heading {
		color: var(--base-dark);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem;
		letter-spacing: 0.21rem;
		text-transform: uppercase;
		margin: 0 0 12px 0;
	}

	.small_heading {
		color: var(--grey);
		margin: 0 0 12px 0;
	}
	
	.tagline, .sh_h1 {
		max-width: 700px;
		color: var(--base-dark);
		font-size: 2.75rem;
		font-style: normal;
		font-weight: 600;
		line-height: 3.125rem;
		letter-spacing: -0.055rem;
		margin: 0 auto;
	}
	
	.standard_heading .cta {
		margin: 30px 0 0 0;
	}
	
	
	
	/* GENERAL CONTENT */
	
	.general_content_block {
		padding: 70px 0;
		color: var(--off-black);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 300;
		line-height: 1.5rem;
	}
	
	.general_content_block blockquote {
		color: var(--black);
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.03rem;
	}
	
	
	
	/* LEFT CONTENT / RIGHT IMAGE */
	
	.left_content_right_image_block {
		padding: 50px 0;
	}
	
	.lcri_inner {
		background-color: var(--lighter-grey);
		display: flex;
		justify-content: space-between;
	}
	
	.lcri_left {
		padding: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.lcri_right {
		width: 370px;
		flex: 0 0 auto;
	}
	
	.lcri_right img {
		display: block;
		object-fit: cover;
	}
	
	.lcri_left .tagline_small {
		max-width: 600px;
	}
	
	.lcri_left .cta {
		margin: 24px 0 0 0;
	}
	
	
	
	/* IMAGE / CONTENT CARDS */
	
	.image_content_cards_block {
		padding: 70px;
	}
	
	.ic_cards {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 10px;
		row-gap: 30px;
	}
	
	.ic_card {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	
	.ic_card_left {
		width: 200px;
		min-height: 200px;
		flex: 0 0 auto;
		background-color: var(--lighter-grey);
	}
	
	.ic_card_right {
		width: 425px;
		flex: 0 0 auto;
	}
	
	.ic_heading {
		color: var(--off-black);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		margin: 0 0 16px 0;
	}
	
	.ic_desc  {
		color: var(--grey);
		max-width: 340px;
	}
	
	.ic_desc p:last-of-type {
		margin: 0;
	}
	
	.ic_card_right .cta {
		margin: 25px 0 0 0;
	}
	
	
	
	/* FEATURED RESOURCES */
	
	.featured_resources_block {
		padding: 70px 0;
		background-color: var(--lighter-grey);
	}
	
	
	
	/* CONTACT BLOCK */
	
	.contact_block {
		padding: 50px 0;
	}
	
	.contact_block .row {
		background-color: var(--lighter-grey);
		display: flex;
		justify-content: space-between;
	}
	
	.cb_left {
		padding: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.cb_left .tagline_small {
		max-width: 600px;
	}
	
	.tagline_small {
		color: var(--black);
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.04rem;
	}
	
	.cb_right {
		width: 370px;
		flex: 0 0 auto;
		border-left: 1px solid var(--light-grey);
		padding: 50px;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	
	.link_tel, .link_email {
		border-radius: 24px;
		border: 1px solid var(--another-grey);
		display: inline-flex;
		align-items: center;
		padding: 12px 20px;
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.125rem;
		margin: 0 0 8px 0;
	}
	
	.link_tel svg, .link_email svg {
		display: block;
		margin: 0 10px 0 0;
	}
	
	
	
	/* THREE CARDS */
	
	.three_cards_block {
		padding: 70px 0;
	}
	
	.three_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 10px;
	}
	
	.three_card {
		border-radius: 8px;
		border: 1px solid var(--lightish-grey);
		padding: 15px;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	.three_card p:last-of-type {
		margin: 0;
	}
	
	.checkmark_box {
		padding: 0 0 70px 0;
	}
	
	.checkmark {
		display: flex;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;
		gap: 8px;
		aspect-ratio: 1/1;
		border-radius: 4px;
		background-color: var(--red);
	}
	
	
	
	/* FEATURED INSIGHTS */
	
	.featured_insights_block {
		padding: 70px 0;
	}
	
	.featured_insights_block .blog_posts {
		padding: 0;
	}
	
	
	
	/* FULL WIDTH IMAGE */
	
	.full_width_image_block {
		display: flex;
		justify-content: center;
	}
	
	.full_width_image_block img {
		display: block;
	}
	

	
	
	/* SOCIAL */
	
	.social_block {
		padding: 70px 0;
	}
	
	.cta_follow svg {
		margin: 0 8px 0 0;
	}
	
	.cta_follow:hover svg path {
		fill: var(--white);
	}
	
	.social_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr 1fr;
		column-gap: 10px;
	}
	
	.social_card {
		aspect-ratio: 1 / 1;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		position: relative;
	}
	
	.handle {
		border-radius: 5px;
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(6px);
		color: var(--off-black);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		padding: 5px 10px;
		position: absolute;
		right: 10px;
		bottom: 10px;
	}
	
	
	/* LEFT CONTACT / RIGHT FORM */
	
	.left_contact_card_right_form_block {
		padding: 70px 0;
	}
	
	.left_contact_card_right_form_block .row {
		display: flex;
		justify-content: space-between;
	}
	
	.form_left {
		width: 340px;
		flex: 0 0 auto;
	}
	
	.contact_card {
		border-radius: 8px;
		border: 1px solid var(--light-grey);
		padding: 30px 20px;
		color: var(--grey);
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.3125rem;
	}
	
	.contact_card_heading {
		color: var(--black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
		margin: 0 0 10px 0;
	}
	
	.form_right {
		width: 850px;
		flex: 0 0 auto;
	}
	
	.gfield_label {
		color: var(--grey) !important;
		font-size: 0.75rem !important;
		font-style: normal;
		font-weight: 300 !important;
		line-height: normal;
	}
	
	input[type="text"], input[type="email"], textarea , select {
		border-radius: 4px;
		border: 1px solid var(--light-grey);
		background-color: var(--lighter-grey);
		padding: 12px 16px !important;
	}
	
	textarea {
		font-family: "Inter", sans-serif;
	}
	
	.gform_footer {
		justify-content: end;
	}
	
	.gform_button {
		display: inline-flex;
		align-items: center;
		background-color: var(--red);
		border-radius: 32px;
		padding: 12px 20px;
		color: var(--white);
		font-size: 0.875rem;
		line-height: 1;
		font-weight: 400;
		transition: all .15s linear;
		border: 0;
	}
	
	.gform_button:hover {
		background-color: var(--black);
	}
	
	
	
	/* PRODUCT LINES */
	
	.product_line {
		height: 700px;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
	}
	
	.pl_inner {
		width: 100%;
		height: 700px;
		display: flex;
		justify-content: end;
		align-items: end;
		padding: 20px;
	}
	
	.pl_content {
		width: 460px;
		padding: 30px;
		border-radius: 15px;
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(6px);
		text-align: left;
	}
	
	.pl_name {
		color: var(--black);
		font-size: 2rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.04rem;
		margin: 0 0 16px 0;
	}
	
	.pl_desc {
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.125rem;
		margin: 0 0 24px 0;
	}
	
	.finishes_styles {
		display: flex;
		column-gap: 4px;
		margin: 0 0 24px 0;
	}
	
	.finishes, .styles {
		border-radius: 4px;
		background: var(--white);
		padding: 20px;
		text-align: center;
		width: calc(50% - 2px);
		flex: 0 0 auto;
	}
	
	.stat {
		color: var(--black);
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.03rem;
		margin: 0 0 4px 0;
	}
	
	
	
	/* HOME INTRO */
	
	.home_intro_block {
		padding: 100px 0;
	}
	
	.home_intro_block .row_1 {
		display: flex;
		justify-content: space-between;
	}
	
	.hi_left {
		width: 400px;
		flex: 0 0 auto;
	}
	
	.hi_right {
		width: 890px;
		flex: 0 0 auto;
		color: var(--off-black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 300;
		line-height: 1.625rem;
	}
	
	.hi_right p:last-of-type {
		margin: 0;
	}
	
	.intro_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 10px;
		margin: 50px auto 0 auto;
	}
	
	.intro_card {
		aspect-ratio: 11 / 8;
		padding: 15px;
		position: relative;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		background-color: var(--off-black);
	}
	
	.intro_card_heading {
		max-width: 60%;
		color: var(--white);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
		margin: 0 0 20px 0;
		position: relative;
		z-index: 3;
	}
	
	.intro_card_desc {
		color: var(--lighter-grey);
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.3125rem;
		opacity: 0;
		transition: all .25s ease;
		position: relative;
		z-index: 3;
	}
	
	.ic_icon {
		display: flex;
		width: 42px;
		height: 42px;
		padding: 3px;
		justify-content: center;
		align-items: center;
		aspect-ratio: 1/1;
		border-radius: 5px;
		background-color: var(--white);
		transition: all .15s linear;
		position: absolute;
		bottom: 15px;
		right: 15px;
		z-index: 3;
	}
	
	.ic_icon:hover {
		background-color: var(--red);
	}
	
	.ic_icon:hover .ic_plus path {
		fill: var(--white);
	} 
	
	.ic_minus {
		display: none;
	}
	
	.intro_card.active .ic_icon {
		background-color: var(--red);
	}
	
	.intro_card.active .ic_minus {
		display: flex;
	}
	
	.intro_card.active .ic_plus {
		display: none;
	}
	
	.intro_card.active .intro_card_desc {
		opacity: 1;
	}
	
	
	
	/* INSP */
	
	.inspiration_block {
		background-color: var(--lighter-grey);
		padding: 70px 0;
	}
	
	.inspiration_block .row_1 {
		display: flex;
		justify-content: space-between;
		align-items: end;
		margin: 0 auto 40px auto;
	}
	
	.inspiration_block .tagline {
		max-width: 600px;
	}
	
	.i_cards {
		width: 100%;
		padding: 0 0 0 calc(calc(100vw - 1340px) / 2);
		overflow: hidden;
		position: relative;
	}
	
	.i_cards_inner {
		display: flex;
		flex-wrap: nowrap;
		column-gap: 10px;
		transition: transform 0.4s ease;
	}
	
	.i_card {
		flex: 0 0 auto;
	}
	
	.ib_right {
		display: flex;
		align-items: center;
	}
	
	.ib_right .cta {
		margin: 0 10px 0 0;
	}
	
	.controls {
		border-radius: 30px;
		border: 1px solid var(--light-grey);
		display: flex;
		height: 42px;
		padding: 8px;
		justify-content: center;
		align-items: center;
		gap: 10px;	
	}
	
	.btn_prev {
		display: flex;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;
		gap: 12px;
		border-radius: 30px;
		background-color: var(--red);
		transition: all .25s ease-in;
	}
	.btn_prev svg {
		transform: rotate(180deg);
	}
	.btn_prev.is_disabled {
		background-color: var(--lighter-grey);
	}
	.btn_prev.is_disabled svg path {
		fill: var(--black);
	}
	.btn_prev:hover {
		background-color: var(--black);
	}
	.btn_prev:hover svg path {
		fill: var(--white);
	}
	.btn_prev.is_disabled:hover {
		background-color: transparent;
	}
	.btn_prev.is_disabled:hover svg path {
		fill: var(--black);
	}
	
	
	.btn_next {
		display: flex;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;
		gap: 12px;
		border-radius: 30px;
		background-color: var(--red);
		transition: all .25s ease-in;
	}
	.btn_next.is_disabled {
		background-color: var(--lighter-grey);
	}	
	.btn_next.is_disabled svg path {
		fill: var(--black);
	}
	.btn_next:hover {
		background-color: var(--black);
	}
	.btn_next:hover svg path {
		fill: var(--white);
	}
	.btn_next.is_disabled:hover {
		background-color: transparent;
	}
	.btn_next.is_disabled:hover svg path {
		fill: var(--black);
	}
	
	
	
	/* TESTIMONIALS */
	
	.testimonials_block {
		padding: 70px 0;
	}
	
	.testimonials_block .tagline {
		margin: 0 0 40px 0;
	}
	
	.testimonials {
		height: 640px;
		background-color: var(--lighter-grey);
		position: relative;
	}
	
	.testimonial {
		width: 100%;
		height: 640px;
		display: grid;
		grid-template-columns: 1fr 1fr;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.t_left {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		background-color: var(--lighter-grey);
	}
	
	.t_left_inner {
		width: 390px;
		text-align: center;
		color: var(--black);
		text-align: center;
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.3125rem;
	}
	
	.t_left_inner img {
		display: block;
		width: 270px;
		height: auto;
		margin: 0 auto 60px auto;
	}
	
	.credit {
		color: var(--grey);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		margin: 16px 0 0 0;
	}
	
	.t_right {
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center center;
		display: flex;
		justify-content: end;
		align-items: end;
		padding: 15px;
	}
	
	.t_specs {
		display: grid;
		grid-template-columns: 195px 195px 195px;
		column-gap: 10px;
	}
	
	.t_label {
		min-width: 184px;
		border-radius: 5px;
		background: rgba(255, 255, 255, 0.60);
		backdrop-filter: blur(6px);
		padding: 16px;
		color: var(--black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
	}
	
	.spec_label {
		color: var(--black);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		margin: 0 0 5px 0;
	}
	
	.testimonial_pause {
		position: absolute;
		left: 0;
		bottom: 0;
		display: flex;
		width: 26px;
		height: 26px;
		justify-content: center;
		align-items: center;
		background-color: rgba(0, 0, 0, 0.50);
		backdrop-filter: blur(5px);
	}
	
	.testimonial_pause .play_icon {
		display: none;
	}
	
	.testimonial_pause[aria-pressed="true"] .play_icon  {
		display: block;
	}
	
	.testimonial_pause[aria-pressed="true"] .pause_icon  {
		display: none;
	}
	
	
	
	/* HTML */
	
	.html_block {
		padding: 70px 0;
	}
	
	
	
	/* RELATED DOOR STYLES */
	
	.related_door_styles_block {
		padding: 70px 0;
	}
	
	.door_style_card {
		width: 280px;
		flex: 0 0 auto;
	}
	
	.dsc_img {
		border-radius: 8px;
		border: 1px solid var(--light-grey);
		padding: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 0 10px 0;
	}
	
	.dsc_img img {
		display: block;
		width: 220px;
		height: auto;
	}
	
	
	/* RELATED FINISHES */
	
	.related_finishes_block {
		padding: 70px 0;
	}
	
	.finish_card {
		width: 280px;
		flex: 0 0 auto;
	}

	.finish_card img {
		display: block;
		border-radius: 8px;
		margin: 0 0 10px 0;
	}
	
	
	
	/* PRODUCT FEATURES */

	.product_features {
		padding: 100px 0;
	}
	
	.standard_heading + .product_features {
		padding: 0 0 100px 0;
	}
	
	.full_feature {
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
	
	.product_features .tagline {
		margin: 0 0 40px 0;
	}
	
	.product_features .hide_on_mobile {
		text-align: center;
		position: relative;
	}
	
	.product_features img {
		display: block;
		margin: 0 auto;
		max-width: 5000px;
	}
	
	.grey_box {
		background-color: var(--lighter-grey);
		text-align: center;
		position: relative;
	}
	
	.product_features .grey_box img {
		width: 700px;
		height: auto;
	}
	
	.feature_btn {
		position: absolute;
		display: flex;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;	
		border-radius: 30px;
		background-color: var(--red);
		font-size: 1.5rem;
		line-height: 30px;
		color: var(--white);
		z-index: 7;
	}
	
	.feature_close_btn {
		display: flex;
		width: 30px;
		height: 30px;
		justify-content: center;
		align-items: center;	
		border-radius: 30px;
		background-color: var(--red);
		font-size: 1.5rem;
		line-height: 30px;
		color: var(--white);
		margin: 0 0 15px 0;
	}
	
	.feature_card {
		position: absolute;
		translate: -15px -15px;
		width: 300px;
		padding: 15px;
		background: var(--white);
		border-radius: 6px;
		box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.10);
		z-index: 9;
		text-align: left;
	}
	
	.feature_card h3 {
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.5rem;
		letter-spacing: -0.01125rem;
		margin: 0 0 10px 0;
	}
	
	.feature_btn svg {
		display: block;
	}

	.notes {
		color: var(--blue-supposedly);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 300;
		line-height: 120%;
		margin: 20px auto 0 auto;
	}
	
	

	/* BLOG */
	
	.blog_posts {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 70px;
		row-gap: 60px;
		padding: 70px 0;
	}

	.blog_img {
		overflow: hidden;
	}
	
	.blog_img:hover img {
		scale: 1.05;
	}

	.blog_post img {
		display: block;
		transition: .3s scale ease-out;
	}
	
	.blog_tag_time {
		color: var(--off-black);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		padding: 20px 0;
		border-bottom: 1px solid var(--light-grey);
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 20px 0;
	}
	
	.time_to_read {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.time_to_read svg {
		margin: 0 10px 0 0;
	}
	
	.blog_title {
		display: block;
		color: var(--black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
		margin: 0 0 10px 0;
	}
	
	.blog_title:hover {
		text-decoration: underline;
	}
	
	.blog_image {
		position: relative;
		display: flex;
		justify-content: center;
	}
	
	.b_specs {
		display: grid;
		grid-template-columns: 195px 195px;
		column-gap: 10px;
		position: absolute;
		bottom: 15px;
		right: 15px;
	}
	
	.blog_content {
		padding: 50px 0 70px 0;
	}
	
	.blog_content .blog_tag_time {
		margin: 0 0 60px 0;
	}
	
	.blog_left_right {
		display: flex;
		justify-content: space-between;
		column-gap: 100px;
	}
	
	.blog_left {
		width: 340px;
		flex: 0 0 auto;
	}
	
	.blog_left_inner {
		border-radius: 8px;
		border: 1px solid var(--light-grey);
		padding: 30px 20px;
		color: var(--grey);
		font-size: 1rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1.3125rem;
	}
	
	.blog_right {
		color: var(--off-black);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 300;
		line-height: 1.5rem;
	}
	
	.related_insights {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	
	
	/* DOOR STYLES */
	
	.door_styles {
		padding: 0 0 60px 0;
	}
	
	.door_styles .row {
		display: flex;
		justify-content: space-between;
	}
	
	.ds_grid {
		width: 900px;
		flex: 0 0 auto;
	}
	
	.ds_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 30px;
		row-gap: 30px;
	}
	
	.ds_card {

	}
	
	.ds_img {
		display: block;
		margin: 0 0 10px 0;
	}
	
	.ds_title {
		color: var(--blue-supposedly);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.5rem;
		letter-spacing: -0.01125rem;
	}
	
	.ds_title:hover {
		text-decoration: underline;
	}
	
	.img_outline {
		border-radius: 8px;
		border: 1px solid var(--light-grey);
		padding: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0 0 10px 0;
	}
	
	.img_outline img {
		display: block;
		width: 220px;
		height: auto;
	}
	
	
	
	/* FINISHES */
	
	.finishes_page {
		padding: 0 0 60px 0;
	}
	
	.finishes_page .row {
		display: flex;
		justify-content: space-between;
	}
	
	.f_grid {
		width: 900px;
		flex: 0 0 auto;
	}
	
	.f_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 30px;
		row-gap: 30px;
	}
	
	.f_card img {
		border-radius: 8px;
	}
	
	.f_title {
		color: var(--blue-supposedly);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.5rem;
		letter-spacing: -0.01125rem;
	}
	
	.f_title:hover {
		text-decoration: underline;
	}
	
	.finish_detail_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 20px;
	}
	
	.finish_detail_card .img_outline img {
		display: block;
		width: 60%;
		height: auto;
	}
	
	.finish_detail_card .ds_title {
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.125rem;
	}

	
	
	
	
	
	/* INSPIRATION */
	
	.inspiration {
		padding: 60px 0;
	}
	
	.inspiration .row {
		display: flex;
		justify-content: space-between;
	}

	.filters {
		width: 340px;
		flex: 0 0 auto;
	}
	
	.filter_reset {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin: 0 0 10px 0;
	}
	
	.filter_head {
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 700;
		line-height: 1.125rem; /* 128.571% */
		letter-spacing: -0.00875rem;
	}
	
	.reset {
		display: flex;
		align-items: center;
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 300;
		line-height: 1.125rem;
		letter-spacing: -0.00875rem;
		padding: 5px;
	}
	
	.reset svg {
		display: block;
		margin: 0 4px 0 0;
	}
	
	.filter_group {
		border: 1px solid var(--light-grey);
		border-radius: 8px;
		margin: 0 0 10px 0;
	}
	
	.filter_toggle {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		color: var(--black);
		font-size: 1rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.3125rem;
		letter-spacing: -0.01rem;
		padding: 15px;
	}
	
	.filter_toggle svg {
		transition: transform 0.15s ease;
		transform: rotate(180deg);
	}
	
	.filter_toggle[aria-expanded="true"] svg {
		transform: rotate(0deg);
	}
	
	.filter_panel {
		border-top: 1px solid var(--light-grey);
		padding: 15px;
	}
	
	.filter_panel label {
		display: flex;
		align-items: center;
		color: var(--black);
		font-size: 0.875rem;
		line-height: 1.125rem;
		margin: 0 0 12px 0;
	}
	
	.filter_panel label span {
		display: block;
		color: var(--grey);
		margin: 0 0 0 5px;
	}
	
	.filter_panel label input {
		margin: 0 10px 0 0;
	}
	
	.btn_submit {
		display: flex;
		justify-content: end;
	}
	
	.btn_apply {
		border: 0;
		border-radius: 8px;
		background-color: var(--lighter-grey);
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 1;
		padding: 12px 20px;
		cursor: pointer;
	}

	.insp_grid {
		width: 900px;
		flex: 0 0 auto;
	}
	
	.insp_cards {
		display: grid;
		grid-template-columns: 1fr 1fr;
		column-gap: 30px;
		row-gap: 30px;
	}
	
	.insp_card {
		text-align: left;
	}
	
	.insp_img {
		display: block;
		margin: 0 0 10px 0;
	}
	
	.insp_title {
		display: block;
		color: var(--blue-supposedly);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.5rem;
		letter-spacing: -0.01125rem;
	}
	
	
	
	
	
	
	
	/* FAQ */
	
	.faq_section {
		padding: 0 0 100px 0;
	}
	
	.faq_section h2 {
		margin: 0 0 20px 0;
	}
	
	.faq_block {
		padding: 20px 0;
		border-bottom: 1px solid var(--lighter-grey);
	}
	
	.question {
		width: 100%;
		text-align: left;
		display: flex;
		align-items: center;
		justify-content: space-between;
		column-gap: 30px;
		color: var(--black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
	}

	.faq_icon {
		display: flex;
		width: 42px;
		height: 42px;
		padding: 3px;
		justify-content: center;
		align-items: center;
		aspect-ratio: 1/1;
		border-radius: 5px;
		background-color: var(--lighter-grey);
		transition: all .15s linear;
	}
	
	.question:hover .faq_icon {
		background-color: var(--red);
	}
	
	.question:hover .faq_plus path {
		fill: var(--white);
	}
	
	.faq_minus {
		display: none;
	}
	
	.question[aria-expanded="true"] .faq_icon {
		background-color: var(--red);
	}
	
	.question[aria-expanded="true"] .faq_minus {
		display: flex;
	}
	
	.question[aria-expanded="true"] .faq_plus {
		display: none;
	}
	
	.answer {
		padding: 10px 0 0 0;
	}
	
	.faq_block.active {
		border-bottom: 1px solid var(--black);
	}
	
	.answer a {
		color: var(--red);
		font-weight: 600;
		text-decoration: underline;
	}
	
	.answer p:last-of-type {
		margin: 0;
	}
	
	
	
	/* RESOURCES */
	
	.resources {
		background-color: var(--lighter-grey);
		padding: 70px 0;
	}
	
	.resource_tabs .row {
		display: flex;
		align-items: center;
	}

	.resource_types {
		color: var(--black);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 40px;
		border-bottom: 3px solid var(--white);	
		margin: 0 80px 0 0;
	}
	
	.resource_tabs ul {
		display: flex;
		align-self: end;
	}
	
	.resource_tabs button {
		color: var(--grey);
		font-size: 0.875rem;
		line-height: 40px;
		font-style: normal;
		font-weight: 500;
		padding: 0 16px;
		border-bottom: 3px solid var(--white);		
		transition: all .15s linear;
	}
	
	.resource_tabs button[aria-selected="true"] {
		color: var(--black);
		font-weight: 500;
		border-bottom: 3px solid var(--red);
	}
	
	.resource_tabs button:hover {
		color: var(--black);
		border-bottom: 3px solid var(--red);
	}
	
	.res_cards {
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		column-gap: 10px;
		row-gap: 10px;
	}
	
	.res_card {
		border-radius: 8px;
		border: 1px solid var(--gray);
		background-color: var(--white);
	}
	
	.res_top {
		padding: 12px 12px 0 12px;
	}
	
	.res_title {
		color: var(--vlack);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.625rem;
		margin: 0 0 8px 0;
	}
	
	.res_notes {
		margin: 8px 0 0 0;
		color: var(--grey);
	}
	
	.res_cta {
		border-top: 1px solid var(--lightish-grey);
		padding: 12px;
		margin: 20px 0 0 0;
	}
	
	.pill {
		display: inline-block;
		border-radius: 4px;
		background-color: var(--lighter-grey);	
		padding: 8px;	
		color: var(--black);
		font-size: 0.875rem;
		line-height: 1;
		font-style: normal;
		font-weight: 300;
		letter-spacing: -0.00875rem;
		margin: 0 0 50px 0;
	}
	
	
	
	/* TIMELINE */
	
	.timeline {
		padding: 170px 0;
	}
	
	.years {
		padding: 50px 0;
		display: flex;
		justify-content: center;
		background: linear-gradient(90deg, var(--white) 0%, var(--white) calc(50% - 1px), var(--red) calc(50% - 1px), var(--red) calc(50% + 1px), var(--white) calc(50% + 1px), var(--white) 100%);
	}
	
	.years:first-of-type {
		padding: 0 0 50px 0;
	}
	
	.years_label {
		display: inline-block;
		border-radius: 8px;
		background-color: var(--red);
		color: var(--white);
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.625rem;
		letter-spacing: -0.0125rem;
		padding: 12px 20px;
	}
	
	.tl_block {
		display: flex;
		align-items: end;
		column-gap: 10px;
	}
	
	.tl_img {
		width: 600px;
		flex: 0 0 auto;
		background-color: var(--lighter-grey);
		display: flex;
		justify-content: center;
		align-items: center;
		min-height: 420px;
	}
	
	.tl_img img {
		display: block;
	}
	
	.tl_desc {
		width: 340px;
		flex: 0 0 auto;
		border-radius: 8px;
		background-color: var(--lighter-grey);
		padding: 30px 20px;
	}
	
	.tl_year {
		color: var(--off-black);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		margin: 0 0 16px 0;
	}
	
	.tl_block.ldri .tl_desc {
		order: 1;
	}
	
	.tl_block.ldri .tl_img {
		order: 2;
	}
	
	
	
	/* SEARCH */
	
	.search_num_results .row {
		padding: 0 0 20px 0;
		border-bottom: 1px solid var(--light-grey);
		color: var(--Shades-Off-Black, #333);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
	}
	
	.search_results {
		padding: 20px 0 50px 0;
	}
	
	.search_link {
		color: var(--black);
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.03rem;
		text-decoration: underline;
	}
	
	.search_results li {
		padding: 30px 0;
		border-bottom: 1px solid var(--light-grey);
	}
	
	
	
	
	/* FOOTER */
	
	footer .row_1 {
		background-color: var(--off-black);
		padding: 50px 0 30px 0;
		color: var(--white);
	}
	
	footer .row {
		display: flex;
		justify-content: space-between;
	}
	
	.footer_tagline {
		color: var(--white);
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 600;
		line-height: 2.1875rem;
		letter-spacing: -0.035rem;
		margin: 0 0 30px 0;
	}
	
	.footer_logo {
		padding: 50px 0 0 0;
	}
	
	.footer_logo img {
		display: block;
	}

	.footer_menu_heading {
		color: var(--light-grey);
		font-size: 0.75rem;
		font-weight: 400;
		line-height: normal;
		letter-spacing: 0.09rem;
		text-transform: uppercase;
		margin: 0 0 12px 0;
	}
	
	.footer_nav_cols {
		display: flex;
		justify-content: space-between;

	}
	
	.footer_nav_col {
		width: 175px;
	}
	
	.footer_nav li {
		margin: 0 0 10px 0;
	}
	
	.footer_nav li a {
		color: var(--white);
		font-size: 0.875rem;
		font-weight: 500;
		line-height: 1.125rem;
	}
	
	.footer_nav li a:hover {
		text-decoration: underline;
	}
	
	.social_copyright {
		display: flex;
		justify-content: space-between;
	}
	
	.footer_social ul {
		display: flex;
		column-gap: 20px;
		align-items: center;
	}
	
	.footer_social svg {
		transition: all .15s ease-in;
	}
	
	.footer_social svg:hover {
		transform: scale(1.25);
	}
	
	.footer_copyright {
		color: var(--white);
		font-size: 0.75rem;
	}
	
	.row_1 .footer_left, .row_1 .footer_right {
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}
	
	footer .row_2 {
		background-color: var(--black);
		padding: 20px 0;
	}
	
	footer .row_2 ul {
		display: flex;
		column-gap: 25px;
	}
	
	footer .row_2 a {
		color: var(--white);
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: normal;
	}
	
	footer .row_2 a:hover {
		text-decoration: underline;
	}
	
}


@media screen and (min-width: 990px) and (max-width: 1300px) {

	.row, .row_1040 {
		width: calc(100vw - 30px);
		margin: 0 auto;
	}

}


@media screen and (max-width: 989px) {


	.hide_on_desktop {
		display: block;
	}
	
	.hide_on_mobile {
		display: none !important;
	}
	
	.row, .row_1040, .row_950 {
		width: calc(100vw - 30px);
		margin: 0 auto;
	}
	
	.tagline, .sh_h1 {
		max-width: 100%;
		font-size: 2rem;
		line-height: normal;
		letter-spacing: -0.04rem;
	}
	
	.tagline.t_small {
		margin: 0 0 30px 0;
	}
	
	h2 {
		font-size: 1.75rem;
		font-style: normal;
		font-weight: 600;
		line-height: 2.1875rem;
		letter-spacing: -0.035rem;
		margin: 0 0 20px 0;
	}
	
	.hc {
		display: block;
	}
	
	.hc_left h2 {
		margin: 0 0 30px 0;
	}




	/* HEADER */
	
	.mobile_header {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		padding: 10px 0;
		z-index: 11;
	}
	
	.mobile_header .row {
		background-color: var(--white);
		padding: 7px;
		border-radius: 6px;
		box-shadow: 0 6px 12px 0 rgba(0, 0, 0, 0.10);
	}
	
	.mobile_header .row_1 {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	
	.mobile_header img {
		display: block;
	}
	
	#burger {
		color: var(--black);
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.125rem;
		display: flex;
		align-items: center;
	}
	
	#burger .burger_open {
		display: none;
		margin: 0 12px 0 0;
	}
	
	#burger .burger_closed {
		display: block;
		margin: 0 12px 0 0;
	}
	
	#burger.active .burger_closed {
		display: none;
	}
	
	#burger.active .burger_open {
		display: block;
	}
	
	#mm {
		display: none;
		z-index: 3;
		background-color: #ffffff;
		width: 100%;
		padding: 15px 8px;
	}
	
	#mm.dropped {
		display: block;
	}
	
	
	#mm .nav_a, #mm .nav_trigger {
		width: 100%;
		height: 42px;
		border-radius: 32px;
		display: inline-flex;
		align-items: center;
		justify-content: space-between;
		color: var(--dark-blue);
		font-size: 1rem;
		font-weight: 500;
		transition: all .15s linear;
	}
	
	#mm .nav_trigger .icon {
		display: block;
		transition: all .15s linear;
	}
	
	#mm svg {
		display: block;
	}
	
	#mm .nav_trigger[aria-expanded="true"] .icon {
		transform: rotate(180deg);
	}
	
	.submenu_mobile {
		border-radius: 6px;
		border: 1px solid var(--light-grey);
	}
	
	.submenu_mobile ul {
		padding: 15px;
	}
	
	.submenu_mobile a {
		display: block;
		color: var(--dark-blue);
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 1.5rem; /* 133.333% */
		letter-spacing: -0.01125rem;
		padding: 10px 0;
	}

	.sm_blurb {
		padding: 15px;
		border-top: 1px solid var(--light-grey);
	}

	.sm_icon {
		margin: 0 0 10px 0;
	}
	
	.sm_extra a {
		padding: 0;
	}
	
	
	
	.search_box {
		width: 100%;
		margin: 15px 0 0 0;
	}
	
	
	/* STANDARD HEADER */
	
	.standard_heading {
		padding: 142px 0 80px 0;
	}
	
	
	
	/* HOME INTRO BLOCK */
	
	.home_intro_block {
		padding: 30px 0;
	}
	
	.home_intro_block .row_1 {
		display: block;
	}
	
	.hi_left {
		width: 100%;
	}

	.hi_right {
		width: 100%;
		font-size: 1.125rem;
		line-height: 1.5rem;
		margin: 0 0 30px 0;
	}
	
	.intro_cards {
		display: block;
	}
	
	.intro_card {
		margin: 0 0 10px 0;
	}
	
	
	
	/* INSPIRATION */
	
	.inspiration_block .row_1 {
		display: block;
	}
		
	.inspiration_block h2 {
		max-width: 600px;
		margin: 0 0 30px 0;
	}
	
	.ib_right {
		justify-content: space-between;
	}
	
	
	
	/* TESTIMONIALS */
	
	.testimonials_block .row {
		width: 100%;
	}

	.testimonials_block  .small_heading,.testimonials_block h2 {
		padding: 0 0 0 15px;
	}

	.testimonials {
		height: 1280px;
	}
	
	.testimonial {
		width: 100%;
		height: 1280px;
		display: block;
	}
	
	.t_left {
		height: 640px;
	}
		
	.t_left_inner {
		width: 85%;
	}
	
	.t_right {
		height: 640px;
	}
	
	.testimonial_pause {
		bottom: 640px;
	}
	
	
	
	/* SOCIAL BLOCK */
	
	.social_block {
		padding: 60px 0;
	}
	
	.social_cards {
		display: block;
		text-align: center;
	}
	
	.social_card {
		width: 100%;
		max-width: 470px;
		margin: 0 auto 10px auto;
	}
	
	
	
	
	/* LEFT CONTENT / RIGHT IMAGE */
	
	.left_content_right_image_block {
		padding: 0;
	}
	
	.left_content_right_image_block .row {
		width: 100%;
	}
	
	.lcri_inner {
		display: block;
	}
	
	.lcri_left {
		padding: 50px 15px;
	}
	
	.lcri_right {
		width: 100%;
		object-fit: cover;
	}
	
	
	
	/* IMAGE / CONTENT CARDS */
	
	.image_content_cards_block {
		padding: 60px 0 0 0;
	}
		
	.ic_cards {
		display: block;
	}
		
	.ic_card {
		align-items: flex-start;
		column-gap: 20px;
		margin: 0 0 60px 0;
	}
	
	.ic_card_left {
		width: 100px;
		min-height: 100px;
	}
	
	.ic_card_right {
		width: calc(100% - 120px);
	}
	
	
	
	/* THREE CARDS BLOCK */
	
	.three_cards_block {
		padding: 70px 0;
	}
	
	.three_cards {
		display: block;
	}
	
	.three_card {
		margin: 0 0 10px 0;
	}
	
	
	
	/* FEATURED RESOURCES */
	
	.res_cards {
		display: block;
	}
	
	.res_card {
		margin: 0 0 10px 0;
	}
	
	
	
	/* CONTACT BLOCK */
	
	.contact_block {
		padding: 50px 15px;
		background-color: var(--lighter-grey);
	}
	
	.contact_block .row {
		width: 100%;
		display: block;
	}

	.cb_left {
		width: 100%;
		padding: 0 0 25px 0;
		display: block;
	}
	
	.cb_right {
		width: 100%;
		padding: 25px 0 0 0;
		border-top: 1px solid var(--light-grey);
		border-left: none;
	}
	
	
	/* LEFT CONTACT CARD / RIGHT FORM */
	
	.left_contact_card_right_form_block {
		padding: 50px 0;
	}
	
	.left_contact_card_right_form_block .row {
		display: block;
	}
	
	.form_left {
		width: 100%;
		margin: 0 0 40px 0;
	}
	
	.form_right {
		width: 100%;
	}
	

	/* PRODUCT FEATURES */

	.product_features {
		padding: 50px 0;
		display: flex;
		justify-content: center;
	}
	
	.standard_heading + .product_features {
		padding: 0 0 50px 0;
	}
	
	.full_feature {
		width: 300px;
	}
	
	.feature_card {
		position: relative;
		width: 300px;
	}
	
	.row.grey_box {
		width: 100%;
		display: flex;
		justify-content: center;
	}
	
	.grey_box_mobile {
		width: 300px;
	}
	
	.product_features .grey_box img {
		width: 300px;
		height: auto;
	}
	
	
	
	
	
	/* INSPIRATION */
	
	.inspiration .row {
		display: block;
	}
	
	.filters {
		width: 100%;
		margin: 0 0 50px 0;
	}
	
	.insp_grid {
		width: 100%;
	}

	.insp_cards {
		display: block;
	}
	
	.insp_card {
		margin: 0 0 30px 0;
	}
	
	
	
	/* BLOG */
	
	.blog_posts {
		display: block;
		padding: 60px 0;
	}

	.blog_left_right {
		display: block;
	}

	.blog_left {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.blog_right {
		width: 100%;
	}

	.related_insights {
		display: block;
		margin: 0 0 40px 0;
	}


	
	/* RESOURCES */
	
	.resource_tabs .row {
		flex-wrap: wrap;
		width: 100%;
	}


	.resource_tabs button {
		white-space: nowrap;
	}
	
	.resource_tabs .resource_types {
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem;
		padding: 5px 0 15px 15px;
		order: 1;
		width: 60%;
		flex: 0 0 auto;
		margin: 0;
	}
	
	.resource_tabs .right_cta {
		order: 2;
		width: 40%;
		flex: 0 0 auto;
		text-align: right;
		padding: 0 15px 0 0;
	}
	
	.resource_tabs ul {
		flex: 0 0 auto;
		overflow-x: auto;
		order: 3;
	}
	
	
	
	/* TIMELINE */
	
	.tl_block {
		flex-direction: column;		
		column-gap: 0;
	}
	
	.tl_img {
		width: 100%;
		min-height: 0;
	}
	
	.lird .tl_img {
		margin: 0 0 10px 0;
	}
	
	.tl_desc {
		width: 100%;
	}
	
	.ldri .tl_desc {
		margin: 0 0 10px 0;
	}
	
	
	
	
	/* FAQ */
	
	.faq_section {
		padding: 0 0 50px 0;
	}
	
	.faq_section h2 {
		font-size: 1.25rem;
		font-style: normal;
		font-weight: 600;
		line-height: normal;
		letter-spacing: -0.0125rem;
	}

	.question {
		width: 100%;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 500;
		line-height: 1.5rem;
	}
	
	
	
	/* DOOR STYLE */

	.main_image {
		background-image: none !important;
		aspect-ratio: auto;
	}

	.plf {
		width: 100%;
		display: block;
		position: static;
		background-color: var(--lighter-grey);
		padding: 15px;
	}
	
	.t_label {
		background-color: var(--white);
		width: 100%;
		margin: 0 0 10px 0;
	}
	
	.t_label:last-of-type {
		margin: 0;
	}
	
	.door_finish_content .row {
		display: block;
	}

	.dfc_left {
		width: 100%;
		margin: 0 0 60px 0;
	}

	.dfc_right {
		width: 100%;
	}

	
	
	/* FOOTER */
	
	footer .row_1 {
		padding: 30px 0;
	}
	
	footer .row {
		display: block;
	}
	
	.row_1 .footer_left {
		display: block;
		margin: 0 0 60px 0;
	}
	
	.footer_cta {
		margin: 0 0 20px 0;
	}
	
	.row_1 .footer_right {
		display: block;
	}

	.footer_nav_cols {
		display: grid;
		grid-template-columns: calc(50% - 15px) calc(50% - 15px);
		column-gap: 30px;
		row-gap: 30px;
		max-width: 100%;
		margin: 0 0 60px 0;
	}
	
	.social_copyright {
		display: block;
	}
	
	.footer_social {
		margin: 0 0 30px 0;
	}
	
	footer .row_2 ul {
		display: block;
	}


}