/**************************
 TYPOGRAPHY
**************************/

html {
	font-size: 16px;
}

body {
	color: #253746;
}

h1 {
	font-size: clamp(2.5rem, 2rem + 2vw, 3.75rem);
	line-height: 1.1;
}

/* Section headings: 34px → 48px */
h2 {
	font-size: clamp(2.125rem, 1.75rem + 1.5vw, 3rem);
	line-height: 1.15;
}

/* Standard card/subsection headings: 24px → 30px */
h3 {
	font-size: clamp(1.5rem, 1.375rem + 0.5vw, 1.875rem);
	line-height: 1.25;
}

/* Add-on headings: 23px → 28px */
h3.add-on-name {
	font-size: clamp(1.4375rem, 1.3125rem + 0.5vw, 1.75rem);
}

/* Eyebrows: 16px → 18px */
span.eyebrow {
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
}

/* Standard paragraph text should remain consistent */
p {
	font-size: 1rem;
	line-height: 1.5;
	hyphens: none;
}

/* These are already small enough to remain fixed */
.why-arch h3 {
	font-size: 1.25rem;
}

.why-arch p {
	font-size: 0.9375rem;
}

/* Intro copy: 16px → 18px */
p.intro-text {
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
}

/**************************
 MISC. OVERRIDES
**************************/

.wrap {
    width: 92%; 
}

#content, h1, h2, h3, h4, h5, h6 {
    color: inherit;
}

body.home #content {
	background: #f6f9fd;
	padding: 5rem 0;
	border-top: 1px solid #dce5ef;
	border-bottom: 1px solid #dce5ef; 
}

body.home #content #inner-content.wrap {
	width: 100%;
	max-width: 100%;
}

/* removes unnecessary float */
body.home #content #inner-content main.m-all,
body.home #content #inner-content main.t-all,
body.home #content #inner-content main.d-all {
	float: none;
}

body.home #content #inner-content main .article-header {
	display: none;
}

body.home #content #inner-content main .entry-content {
	padding: 0;
}



/**************************
 HEADER
**************************/

header.header {}

header.header.a-fixed-head {
	transition: background-color .25s ease, box-shadow .25s ease;
}

header.header.a-fixed-head.has-scrolled,
header.header.a-fixed-head.has-reappeared {
	background: #101e2b;
	box-shadow: 0 6px 12px rgba(0, 0, 0, .25);
}

header.header.a-fixed-head.has-scrolled .logo-nav,
header.header.a-fixed-head.has-reappeared .logo-nav,
header.header.a-fixed-head.has-scrolled .logo-nav.thirds-header[style*="background-color"],
header.header.a-fixed-head.has-reappeared .logo-nav.thirds-header[style*="background-color"] {
	background: #101e2b !important;
}

header.header .top-bar {}

header.header .top-bar .inner-top-bar {}

header.header .top-bar .inner-top-bar .header-phone {}

header.header .top-bar .inner-top-bar .header-phone a {}

header.header .top-bar .inner-top-bar .header-phone a span {}

header.header .logo-nav {}

header.header .logo-nav,
header.header .logo-nav.thirds-header[style*="background-color"] {
	background: transparent !important;
}

header.header .logo-nav #inner-header,
header.header .logo-nav.thirds-header #inner-header {
	width: 92%;
	max-width: 1240px;
	margin: 0 auto;
	padding: 1.5rem 0;
}

header.header .logo-nav #inner-header .header-slot {}

header.header .logo-nav #inner-header .header-slot-1 {}

header.header .logo-nav #inner-header .header-slot-1 #logo {}

header.header .logo-nav #inner-header .header-slot-1 #logo a {}

header.header .logo-nav #inner-header .header-slot-1 #logo a img {}

header.header .logo-nav #inner-header .header-slot-2 {}

header.header .logo-nav #inner-header .header-slot-2 #nav {
	display: none;
}

header.header .logo-nav #inner-header .header-slot-2 #nav .top-nav {}

header.header .logo-nav #inner-header .header-slot-2 #nav .top-nav ul {}

header.header .logo-nav #inner-header .header-slot-2 #nav .top-nav ul li {}

header.header .logo-nav #inner-header .header-slot-2 #nav .top-nav ul li.current_page_item {}

header.header .logo-nav #inner-header .header-slot-3 {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	flex-wrap: nowrap;
	white-space: nowrap;
}

header.header .logo-nav #inner-header .header-slot-3 a {
	flex: 0 0 auto;
	white-space: nowrap;
	color: rgba(252,252,252,.9);
	padding: 0;
	text-decoration: none;
}

header.header .logo-nav #inner-header .header-slot-3 a.header-meeting-link {
	margin-left: 1.5rem;
}

header.header .logo-nav #inner-header .header-slot-3 a::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	margin-right: .5rem;
	color: #00bfb3;
}

header.header .logo-nav #inner-header .header-slot-3 a.header-phone-link::before {
	font: var(--fa-font-solid);
	content: "\f095";
}

header.header .logo-nav #inner-header .header-slot-3 a.header-meeting-link::before {
	font: var(--fa-font-regular);
	content: "\f073";
}

header.header .logo-nav #inner-header .header-slot-3 a:hover,
header.header .logo-nav #inner-header .header-slot-3 a:focus-visible {
	color: #fcfcfc;
}

header.header .logo-nav #inner-header .header-slot-3 a:hover::before,
header.header .logo-nav #inner-header .header-slot-3 a:focus-visible::before {
	color: #16d2c5;
}

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

	header.header .logo-nav #inner-header .header-slot-3 a {
		font-size: .875rem;
	}

}

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

	header.header .logo-nav #inner-header .header-slot-3 {
		width: 100%;
		margin-top: 1.5rem;
		justify-content: center;
	}

}

@media only screen and (min-width: 1024px) {

	header.header .logo-nav #inner-header,
	header.header .logo-nav.thirds-header #inner-header {
		display: flex;
		align-items: center;
	}

	header.header .logo-nav #inner-header .header-slot-1 {
		flex: 0 1 auto;
		justify-content: flex-start;
	}

	header.header .logo-nav #inner-header .header-slot-2 {
		flex: 1 1 auto;
		width: auto;
	}

	header.header .logo-nav #inner-header .header-slot-3 {
		flex: 0 0 auto;
		width: auto;
		min-width: max-content;
		margin-left: auto;
		text-align: right;
	}

}


/**************************
 HERO BANNER
**************************/

.hero-banner {
	/* background:
		radial-gradient(
			ellipse 36% 88% at 69% 45%,
			rgba(88, 214, 208, .88) 0%,
			rgba(58, 186, 186, .68) 18%,
			rgba(34, 138, 157, .42) 38%,
			rgba(18, 88, 122, .18) 58%,
			rgba(7, 45, 79, .04) 72%,
			transparent 84%
		),
		linear-gradient(
			100deg,
			#01152f 0%,
			#011733 14%,
			#041c3a 28%,
			#082341 40%,
			#0d2c4c 52%,
			#12375d 64%,
			#174874 78%,
			#16487a 100%
		);*/
	
	background:
		radial-gradient(
			ellipse 34% 82% at 69% 45%,
			rgba(82, 218, 210, .88) 0%,
			rgba(48, 177, 180, .62) 18%,
			rgba(27, 126, 149, .34) 36%,
			rgba(17, 78, 111, .14) 55%,
			rgba(21, 37, 52, 0) 76%
		),
		linear-gradient(
			105deg,
			#0f1d2a 0%,
			#142536 25%,
			#182d40 45%,
			#1b364b 62%,
			#1d4057 78%,
			#1f4b66 100%
		);
}

.hero-banner .cta-container {}

.hero-banner .cta-container .cta-wrap {}

.hero-banner .cta-container .cta-wrap .cta-image-side {}

.hero-banner .cta-container .cta-wrap .cta-image-side img {}

.hero-banner .cta-container .cta-wrap .cta-content-side {}

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside {}

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside h1.cta-title {
	font-size: clamp(2.5rem, 2rem + 2vw, 3.75rem);
	line-height: 1.1;
	font-weight: 700;
	color: #fcfcfc;
}

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside .cta-content {
	color: #fcfcfc;
	opacity: .9;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	margin: 2rem 0 2.5rem;
}

/* HERO BUTTONS */

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link {
	background: #006ae3;
	border: 2px solid #006ae3;
	color: #fcfcfc;
	padding: .65rem 1rem;
	border-radius: 2rem;
	margin-top: 0;
	text-decoration: none;
}

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link:hover,
.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link:focus-visible {
	background: #0054b8;
	border-color: #0054b8;
	color: #fcfcfc;
}


/* HERO GHOST BUTTON */

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link.cta-link-2 {
	background: transparent;
	border-color: #fcfcfc;
	color: #fcfcfc;
	margin-left: 1.25rem;
}

.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link.cta-link-2:hover,
.hero-banner .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link.cta-link-2:focus-visible {
	background: #0054b8;
	border-color: #0054b8;
	color: #fcfcfc;
}


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

	.hero-banner {
		padding-top: calc(3rem + 140px);
		padding-bottom: 5rem;
		background:
			radial-gradient(
				ellipse 72% 42% at 55% calc(31% + 50px),
				rgba(93, 221, 213, .92) 0%,
				rgba(57, 187, 186, .72) 18%,
				rgba(34, 137, 157, .46) 38%,
				rgba(18, 86, 121, .20) 58%,
				rgba(7, 44, 78, .05) 74%,
				transparent 86%
			),
			linear-gradient(
				105deg,
				#01152f 0%,
				#021936 30%,
				#082744 52%,
				#104064 74%,
				#174d7d 100%
			);
		
			background:
				radial-gradient(
					ellipse 72% 42% at 55% calc(31% + 50px),
					rgba(82, 218, 210, .88) 0%,
					rgba(48, 177, 180, .62) 18%,
					rgba(27, 126, 149, .34) 36%,
					rgba(17, 78, 111, .14) 55%,
					rgba(21, 37, 52, 0) 76%
				),
				linear-gradient(
					105deg,
					#0f1d2a 0%,
					#142536 25%,
					#182d40 45%,
					#1b364b 62%,
					#1d4057 78%,
					#1f4b66 100%
				);
		
	}
	
	.hero-banner.main-content-pre .cta-container .cta-wrap {
		display: block;
	}
	
	.hero-banner .cta-container .cta-wrap .cta-content-side {
		margin-top: 2.5rem;
	}
	
	.hero-banner .cta-container .cta-wrap .cta-image-side img {
		width: 100%; 
		max-width: 600px;
		margin: 0 auto;
	}
	
}

@media only screen and (min-width: 1024px) {

	.hero-banner {
		padding-top: calc(4rem + 80px);
		padding-bottom: 5rem;
	}
	
	.hero-banner.main-content-pre .cta-container .cta-wrap {
		display: grid;
	}
	
	.hero-banner .cta-container .cta-wrap .cta-image-side {
		display: flex;
		align-items: center;
	}
	
}

/**************************
 WHY ARCHITECT?
**************************/

.test {
	padding: 5rem 0;
}

.test .service-boxes-pre_2 {}

.test .service-boxes-pre_2 .wrap {}

.test .service-boxes-pre_2 .wrap .section-header {
	text-align: left;
	font-size: clamp(2.125rem, 1.75rem + 1.5vw, 3rem);
	line-height: 1.1;
	font-weight: 700;
	max-width: 680px;
	margin: 0 0 3rem;
}

.test .service-boxes-pre_2 .wrap .section-header::before {
	content: "Why Architect?";
	display: block;
	margin-bottom: 1rem;
	line-height: 1;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	color: #00bfb3;
	font-weight: 600;
}

.test .service-boxes-pre_2 .wrap .service-box-container {
	display: grid;
	grid-template-columns: 1fr;
	gap: 0;
	padding: 0;
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 {
	position: relative;
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 0 2rem;
	padding: 0 0 2rem;
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:not(:last-child)::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: rgba(37,55,70,.10);
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box {
	padding: 0;
	border-radius: 0;
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box .service-box-content-wrap {}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box .service-box-content-wrap .service-title-pre_2 {}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.25;
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title::before {
	display: block;
	content: "";
	margin-bottom: 1rem;
	width: 4rem;
	height: 4rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:first-child .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title::before {
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/user.png");
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(2) .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title::before {
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/shield_check.png");
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(3) .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title::before {
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/magnifying_glass.png");
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(4) .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title::before {
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/speedometer.png");
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(5) .inner-service-box .service-box-content-wrap .service-title-pre_2 .service-title::before {
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/puzzle_piece.png");
}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box .service-box-content-wrap .service-content-pre_2 {}

.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 .inner-service-box .service-box-content-wrap .service-content-pre_2 p {
	font-size: .9375rem;
	line-height: 1.5;
	margin: 1rem 0 0;
}

@media screen and (min-width: 768px) and (max-width: 1239px) {

	.test .service-boxes-pre_2 .wrap .service-box-container {
		--column-gap: 4rem;
		--row-gap: 3rem;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		column-gap: var(--column-gap);
		row-gap: var(--row-gap);
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 {
		margin: 0;
		padding: 0;
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2::before,
	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2::after,
	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:not(:last-child)::after {
		content: none;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: auto;
		height: auto;
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(1)::after,
	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(3)::after {
		content: "";
		position: absolute;
		top: 0;
		right: calc(var(--column-gap) / -2);
		width: 1px;
		height: 100%;
		background: rgba(37,55,70,.10);
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(1)::before,
	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:nth-child(3)::before {
		content: "";
		position: absolute;
		left: 0;
		bottom: calc(var(--row-gap) / -2);
		width: calc(200% + var(--column-gap));
		height: 1px;
		background: rgba(37,55,70,.10);
	}

}

@media screen and (min-width: 1240px) {

	.test .service-boxes-pre_2 .wrap .service-box-container {
		--column-gap: 3rem;
		grid-template-columns: repeat(5, minmax(0, 1fr));
		column-gap: var(--column-gap);
		row-gap: 0;
		width: 100%;
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2 {
		position: relative;
		width: auto;
		max-width: none;
		min-width: 0;
		margin: 0;
		padding: 0;
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2::before,
	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2::after {
		content: none;
		left: auto;
		right: auto;
		top: auto;
		bottom: auto;
		width: auto;
		height: auto;
	}

	.test .service-boxes-pre_2 .wrap .service-box-container .service-box-bg-pre_2:not(:last-child)::after {
		content: "";
		position: absolute;
		top: 0;
		right: calc(var(--column-gap) / -2);
		bottom: auto;
		left: auto;
		width: 1px;
		height: 100%;
		background: rgba(37,55,70,.10);
	}

}



/**************************
 PACKAGES
**************************/

.arch-packages-section {
	width: 92%;
	max-width: 1240px;
	margin: 0 auto;
}



.arch-packages-section {
	position: relative;
	isolation: isolate;
	width: 92%;
	max-width: 1240px;
	margin: 0 auto;
}

.arch-packages-section::before {
	content: "";
	position: absolute;
	top: -5rem;
	bottom: -5rem;
	left: 50%;
	width: 100vw;
	transform: translateX(-50%);
	z-index: -1;
	pointer-events: none;

	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/bg-arch.png");
	background-repeat: repeat-y;
	background-position: center top;
	background-size: 1920px auto;

	opacity: .75;
}



/* Packages Intro */

.arch-packages-section .arch-packages-intro,
.arch-packages-section .arch-packages-intro.is-layout-constrained {
	text-align: left;
	max-width: 680px;
	margin: 0 0 3rem!important;
}

.arch-packages-section .arch-packages-intro .wp-block-heading {
	font-size: clamp(2.125rem, 1.75rem + 1.5vw, 3rem);
	line-height: 1.1;
	font-weight: 700;
}

.arch-packages-section .arch-packages-intro .wp-block-heading::before {
	content: "Architect Packages";
	display: block;
	margin-bottom: 1rem;
	line-height: 1;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	color: #00bfb3;
	font-weight: 600;
}

.arch-packages-section .arch-packages-intro .wp-block-paragraph {
	font-size: 1.125rem;
}

/* Packages */

.arch-packages-section .arch-packages,
.arch-packages-section .arch-packages.is-layout-constrained,
.arch-packages-section .arch-packages.wp-block-columns {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 2rem;
	width: 100%;
	max-width: 100%;
	margin: 0!important;
}

.arch-packages-section .arch-packages .arch-package {
	background: #fcfcfc;
	border: 1px solid #dce5ef;
	border-radius: 1.5rem;
	overflow: hidden;
	width: 100%;
	max-width: 80%;
	margin: 0 auto;
	min-width: 0;
}

/* Package Header */

.arch-packages-section .arch-packages .arch-package .arch-package-header {
	padding: 4rem 1.5rem 2rem 1.5rem;
	padding-bottom: 2rem;
	background: linear-gradient(
		120deg,
		#192b3a 0%,
		#203647 55%,
		#244052 100%
	);
	color: #fcfcfc;
	position: relative;
}

.arch-packages-section .arch-packages .arch-package .arch-package-header::after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	height: 5px;
	background: linear-gradient(
		90deg,
		#00BFB3 0%,
		#21D0C4 50%,
		#00A9E0 100%
	);
}

.arch-packages-section .arch-packages .arch-package .arch-package-header .wp-block-heading {
	margin: 0;
	color: #fcfcfc;
	line-height: 1;
	position: relative;
}

.arch-packages-section .arch-packages .arch-package .arch-package-header .wp-block-heading::before {
	display: block;
	line-height: 1;
	font-size: .75rem;
	font-weight: 500;
	position: absolute;
	left: -1.5rem;
	top: -2.5rem;
	background: rgba(10, 20, 29, .55);
	padding: .5rem 1.5rem;
	border-bottom: 1px solid rgba(255,255,255,.14);
	border-radius: 0 1.5rem 1.5rem 0;
}

.arch-packages-section .arch-packages .arch-package .arch-package-header .wp-block-paragraph {
	margin: 1rem 0 0;
	line-height: 1.5;
	opacity: .9;
}

/* Package Features */

.arch-packages-section .arch-packages .arch-package .arch-packages-list-group {
	padding: 1.5rem;
	padding-top: .5rem;
}

.arch-packages-section .arch-packages .arch-package .arch-packages-list-group .arch-packages-list {
	margin: 0;
}

.arch-packages-section .arch-packages .arch-package .arch-packages-list-group .arch-packages-list li {
	list-style: none;
	margin: 0;
	display: flex;
	align-items: center;
	padding: 1rem 0;
	border-bottom: 1px solid #dce5ef;
}

.arch-packages-section .arch-packages .arch-package .arch-packages-list-group .arch-packages-list li::before {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-regular);
	content: "\f058";
	margin-right: .5rem;
	font-size: 1.125rem;
	color: #00BFB3;
}

/* Package Price */

.arch-packages-section .arch-packages .arch-package .arch-package-price {
	padding: 0 1.5rem 1.5rem;
}

.arch-packages-section .arch-packages .arch-package .arch-package-price .wp-block-paragraph {
	font-size: .875rem;
	margin-bottom: .25rem;
}

.arch-packages-section .arch-packages .arch-package .arch-package-price .wp-block-paragraph.arch-package-price-amount {
	font-size: clamp(1.5rem, 1.25rem + 1vw, 1.875rem);
	line-height: 1;
	font-weight: 700;
	margin: 0;
}

/* Package Buttons */

.arch-packages-section .arch-packages .arch-package .wp-block-buttons {
	padding: .5rem 1.5rem 2.5rem;
}

.arch-packages-section .arch-packages .arch-package .wp-block-buttons .wp-block-button {}

.arch-packages-section .arch-packages .arch-package .wp-block-buttons .wp-block-button a {
	background: #006ae3;
	background-image: none;
	border: 2px solid #006ae3;
	color: #fcfcfc;
	padding: .65rem 1rem;
	border-radius: 2rem;
	text-decoration: none;
}

.arch-packages-section .arch-packages .arch-package .wp-block-buttons .wp-block-button a:hover,
.arch-packages-section .arch-packages .arch-package .wp-block-buttons .wp-block-button a:focus-visible {
	background: #0054b8;
	background-image: none;
	border-color: #0054b8;
	color: #fcfcfc;
}

/* Package 1 */

.arch-packages-section .arch-packages .arch-package-1 .arch-package-header .wp-block-heading::before {
	content: "Professional website foundation";
}

.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(9),
.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(10),
.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(11),
.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(12) {
	color: #bcc9d9;
}

.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(9)::before,
.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(10)::before,
.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(11)::before,
.arch-packages-section .arch-packages .arch-package-1 .arch-packages-list-group .arch-packages-list li:nth-child(12)::before {
	opacity: 0;
}

/* Package 2 */

.arch-packages-section .arch-packages .arch-package-2 {
	box-shadow:
		0 28px 60px -24px rgba(50,50,93,.24),
		0 18px 36px -24px rgba(0,0,0,.22);
}

.arch-packages-section .arch-packages .arch-package-2 .arch-package-header .wp-block-heading::before {
	content: "Enhanced customer-action tools";
}

.arch-packages-section .arch-packages .arch-package-2 .arch-packages-list-group .arch-packages-list li:nth-child(10),
.arch-packages-section .arch-packages .arch-package-2 .arch-packages-list-group .arch-packages-list li:nth-child(11),
.arch-packages-section .arch-packages .arch-package-2 .arch-packages-list-group .arch-packages-list li:nth-child(12) {
	color: #bcc9d9;
}

.arch-packages-section .arch-packages .arch-package-2 .arch-packages-list-group .arch-packages-list li:nth-child(10)::before,
.arch-packages-section .arch-packages .arch-package-2 .arch-packages-list-group .arch-packages-list li:nth-child(11)::before,
.arch-packages-section .arch-packages .arch-package-2 .arch-packages-list-group .arch-packages-list li:nth-child(12)::before {
	opacity: 0;
}

/* Package 3 */

.arch-packages-section .arch-packages .arch-package-3 .arch-package-header .wp-block-heading::before {
	content: "Tailored functionality";
}

/* 2 Across */

@media screen and (min-width: 700px) {

	.arch-packages-section .arch-packages,
	.arch-packages-section .arch-packages.is-layout-constrained,
	.arch-packages-section .arch-packages.wp-block-columns {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.arch-packages-section .arch-packages .arch-package {
		max-width: 100%;
		margin: 0;
	}

}

/* 3 Across */

@media screen and (min-width: 1100px) {

	.arch-packages-section .arch-packages,
	.arch-packages-section .arch-packages.is-layout-constrained,
	.arch-packages-section .arch-packages.wp-block-columns {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

}



/**************************
 ADD-ONS
**************************/

.arch-add-ons {
	padding: 5rem 0;
}

.arch-add-ons .service-boxes {}

.arch-add-ons .service-boxes .main-content-inner {}

/* Add-Ons Intro */
.arch-add-ons .service-boxes .main-content-inner .section-header {
	font-size: clamp(2.125rem, 1.75rem + 1.5vw, 3rem);
	line-height: 1.1;
	font-weight: 700;
	text-align: left;
	max-width: 680px;
	margin: 0 0 3rem!important;
}

.arch-add-ons .service-boxes .main-content-inner .section-header::before {
	content: "Premium add-ons";
	display: block;
	margin-bottom: 1rem;
	line-height: 1;
	font-size: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);
	font-weight: 600;
	color: #00BFB3;
}

.arch-add-ons .service-boxes .main-content-inner .section-header::after {
	content: "Premium add-ons help customers schedule, reserve, shop, inquire, or explore content without adding unnecessary complexity.";
	display: block;
	line-height: 1.5;
	font-size: 1.125rem;
	font-weight: 400;
	margin-top: 1.125rem;
}

/* Add-Ons */
.arch-add-ons .service-boxes .main-content-inner .service-box-container {}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg {
	margin-top: 3rem;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:first-child {
	margin-top: 0;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button {}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box {
	padding: 0;
    margin: 0;
    background: transparent;
    box-shadow: none;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap {
	--icon-box-size: 110px;
	--icon-size: 2.5rem;
	--icon-gap: 1rem;

	position: relative;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	min-height: 0;
	padding-top: calc(var(--icon-box-size) + var(--icon-gap));
	padding-left: 0;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--icon-box-size);
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	background: #f6f9fd;
	border: 1px solid #dce5ef;
	border-radius: 1rem;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: var(--icon-box-size);
	aspect-ratio: 1 / 1;
	box-sizing: border-box;

	background-repeat: no-repeat;
	background-position: center;
	background-size: var(--icon-size) auto;

	transform: translateZ(0) scale(1);
	transform-origin: center;
	backface-visibility: hidden;
	will-change: transform;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);

	/* FONT AWESOME VERSION
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-solid);
	font-size: var(--icon-size);
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #292929;
	*/
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button:hover .inner-service-box .service-box-content-wrap::after,
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button:focus-visible .inner-service-box .service-box-content-wrap::after {
	transform: translateZ(0) scale(1.15);
}

/* Appointment Booking — calendar-check */
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(1) .inner-service-box .service-box-content-wrap::after {
	/*content: "\f274";*/
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/calendar_checkmark.png");
}


/* Accommodation Booking — hotel */
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(2) .inner-service-box .service-box-content-wrap::after  {
	/*content: "\f594";*/
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/building.png");
}

/* Simple eCommerce — cart-shopping */
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(3) .inner-service-box .service-box-content-wrap::after  {
	/*content: "\f07a";*/
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/shopping_cart.png");
}

/* Breeder Management — paw */
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(4) .inner-service-box .service-box-content-wrap::after  {
	/*content: "\f1b0";*/
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/paw_print.png");
}

/* Showcase Library — folder-open */
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(5) .inner-service-box .service-box-content-wrap::after  {
	/*content: "\f5fd";*/
	background-image: url("https://architect.seethewebdev.com/wp-content/uploads/2026/08/files.png");
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-title {}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-title .service-title {
	font-size: clamp(1.4375rem, 1.3125rem + 0.5vw, 1.75rem);
	font-weight: 700;
	line-height: 1.1;
	color: #292929;
	margin: 0;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-title .service-title::after {
	display: block;
	line-height: 1.1;
	font-size: 1.125rem;
	font-weight: 600;
	margin-top: .75rem;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:first-child .inner-service-box .service-box-content-wrap .service-title .service-title::after {
	content: "Let customers book when they’re ready.";
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(2) .inner-service-box .service-box-content-wrap .service-title .service-title::after {
	content: "Make availability easier to view and book.";
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(3) .inner-service-box .service-box-content-wrap .service-title .service-title::after {
	content: "Sell focused products and services online";
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(4) .inner-service-box .service-box-content-wrap .service-title .service-title::after {
	content: "Display availability, litters, and inquiries.";
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg:nth-child(5) .inner-service-box .service-box-content-wrap .service-title .service-title::after {
	content: "Organize content for easier browsing.";
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-content {}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-content p {
	color: #292929;
	margin: .75rem 0 0;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-button {
	margin-top: 1rem;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-button .service-box-button {
	color: #006ae3;
	font-weight: 600;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap .service-button .service-box-button::after {
	display: inline-block;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font: var(--fa-font-regular);
	content: "\f08e";
	margin-left: .125rem;
	font-weight: 400;
	
	transform: translateX(0) translateZ(0) scale(1);
	transform-origin: center;
	backface-visibility: hidden;
	will-change: transform;
	transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button:hover .inner-service-box .service-box-content-wrap .service-button .service-box-button,
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button:focus-visible .inner-service-box .service-box-content-wrap .service-button .service-box-button {
	color: #02346e;
}

.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button:hover .inner-service-box .service-box-content-wrap .service-button .service-box-button::after,
.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .service-box-outer-button:focus-visible .inner-service-box .service-box-content-wrap .service-button .service-box-button::after {
	/*transform: translateX(0.25rem) translateZ(0) scale(1.3);*/
}

@media (min-width: 481px) {
    .sbc {
        display: block;
    }
}

@media screen and (min-width: 768px) {
	.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap {
		--icon-box-size: 150px;
		--icon-size: 3.25rem;
		--icon-gap: 1.25rem;

		justify-content: center;
		min-height: var(--icon-box-size);
		padding-top: 0;
		padding-left: calc(var(--icon-box-size) + var(--icon-gap));
	}

	.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap::before {
		border-radius: 1.25rem;
	}
}

@media screen and (min-width: 1024px) {
	
	.arch-add-ons .service-boxes .main-content-inner .service-box-container {
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 2rem;
	}
	
	.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg {
		margin-top: 0;
	}
	
	.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap {
		--icon-box-size: 180px;
		--icon-size: 3.75rem;
		--icon-gap: 1.5rem;
	}

	.arch-add-ons .service-boxes .main-content-inner .service-box-container .service-box-bg .inner-service-box .service-box-content-wrap::before {
		border-radius: 1.5rem;
	}
}


/**************************
 BOTTOM CTA
**************************/

.arch-bottom-cta {
	position: relative;
	overflow: hidden;

	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='paper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='5' seed='8' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23paper)' opacity='.5'/%3E%3C/svg%3E"),
		linear-gradient(
			120deg,
			#153449 0%,
			#194967 38%,
			#1b5d87 68%,
			#216d98 100%
		);

	background-size:
		180px 180px,
		100% 100%;

	background-repeat:
		repeat,
		no-repeat;

	background-blend-mode:
		soft-light,
		normal;

	box-shadow:
		inset 0 0 100px rgba(3,17,31,.52),
		inset 0 0 180px rgba(9,49,78,.2);

	color: #fcfcfc;
	padding: 4rem 0;
}

.arch-bottom-cta .cta-container {
	width: 92%;
	max-width: 1240px;
	margin: 0 auto;
}

.arch-bottom-cta .cta-container .cta-wrap {
	display: block;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-image-side {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-width: 0;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-image-side img {
	display: block;
	width: 100%;
	max-width: 720px;
	height: auto;
	margin: 0 auto;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side {
	width: 100%;
	min-width: 0;
	margin-top: 3rem;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside {
	max-width: 600px;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside .cta-subtitle {
	margin-bottom: 1rem;
	line-height: 1;
	font-size: clamp(1rem, .95rem + .2vw, 1.125rem);
	font-weight: 600;
	color: #00bfb3;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside .cta-title {
	font-size: clamp(2.125rem, 1.75rem + 1.5vw, 3rem);
	line-height: 1.1;
	font-weight: 600;
	margin-bottom: .375em;
	color: #fcfcfc;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside .cta-content {
	font-size: 1.125rem;
	line-height: 1.5;
	margin: 0;
	color: rgba(252,252,252,.9);
}

/* PRIMARY BUTTON */

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link-1_2 {
	background: #0b2a42;
	background-image: none;
	border: 2px solid #0b2a42;
	color: #fcfcfc;
	padding: .65rem 1rem;
	border-radius: 2rem;
	margin-top: 2rem;
	text-decoration: none;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link-1_2:hover,
.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link-1_2:focus-visible {
	background: #061827;
	background-image: none;
	border-color: #061827;
	color: #fcfcfc;
}

/* GHOST BUTTON */

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link-2_2 {
	background: transparent;
	background-image: none;
	border: 2px solid #fcfcfc;
	color: #fcfcfc;
	padding: .65rem 1rem;
	border-radius: 2rem;
	margin-top: 2rem;
	margin-left: 1rem;
	text-decoration: none;
	transition:
		background-color .2s ease,
		border-color .2s ease,
		color .2s ease;
}

.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link-2_2:hover,
.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside a.cta-link-2_2:focus-visible {
	background: #061827;
	background-image: none;
	border-color: #061827;
	color: #fcfcfc;
}

/* MOBILE + TABLET */

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

	.arch-bottom-cta .cta-container .cta-wrap {
		display: block;
		grid-template-columns: none;
		grid-template-areas: none;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-image-side {
		width: 100%;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-image-side img {
		display: block;
		width: 100%;
		max-width: 720px;
		height: auto;
		margin: 0 auto;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-content-side {
		width: 100%;
		margin-top: 3rem;
	}

}

/* DESKTOP */

@media screen and (min-width: 1024px) {

	.arch-bottom-cta {
		padding: 5rem 0;
	}

	.arch-bottom-cta .cta-container .cta-wrap {
		display: grid;
		grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
		align-items: center;
		gap: 4rem;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-image-side {
		display: flex;
		align-items: center;
		justify-content: center;
		width: auto;
		min-width: 0;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-image-side img {
		display: block;
		width: 112%;
		max-width: 680px;
		height: auto;
		margin: 0 auto;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-content-side {
		width: auto;
		min-width: 0;
		margin-top: 0;
	}

	.arch-bottom-cta .cta-container .cta-wrap .cta-content-side .cta-inside {
		max-width: 600px;
	}

}




/**************************
 FOOTER
**************************/

footer.footer {
	padding: 4.5rem 0 2rem;
	background: linear-gradient(
		135deg,
		#08131d 0%,
		#0c1a27 35%,
		#102332 68%,
		#142d3e 100%
	);
	font-size: .75rem;
	color: rgba(252,252,252,.6);
}

/* FOOTER INNER */

footer.footer #inner-footer {
	width: 92%;
	max-width: 1240px;
	margin: 0 auto;
}

/* FOOTER COLUMNS */

footer.footer #footer-columns {
	width: 100%;
	margin: 0 0 2rem;
	padding: 0 0 2rem;
	border-bottom: 1px solid rgba(252,252,252,.12);
}

/* FOOTER BIO */

footer.footer #footer-columns .footer-column .footer-custom-content #footer-bio {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 1.5rem 2rem;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
}

footer.footer #footer-columns .footer-column .footer-custom-content #footer-bio .footer-bio-image {
	flex: 0 0 130px;
	width: 130px;
}

footer.footer #footer-columns .footer-column .footer-custom-content #footer-bio .footer-bio-image img {
	display: block;
	width: 130px;
	height: 130px;
	object-fit: contain;
}

footer.footer #footer-columns .footer-custom-content #footer-bio .footer-bio-copy {
	flex: 1 1 320px;
	min-width: 0;
}

footer.footer #footer-columns .footer-custom-content #footer-bio .footer-bio-copy h3 {
	font-size: clamp(1.375rem, 1.268rem + .46vw, 1.625rem);
	line-height: 1.15;
	font-weight: 600;
	color: #fcfcfc;
	margin: 0 0 1rem;
}

footer.footer #footer-columns .footer-custom-content #footer-bio .footer-bio-copy p {
	font-size: .875rem;
	line-height: 1.6;
	color: rgba(252,252,252,.68);
	margin: 0;
}

footer.footer #footer-columns .footer-custom-content #footer-bio .footer-bio-copy p + p {
	margin-top: .75rem;
}

/* BOTTOM BAR */

footer.footer .bottom-bar {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1rem;
	width: 92%;
	max-width: 1240px;
	margin: 0 auto;
	font-size: .75rem;
	line-height: 1.5;
	color: rgba(252,252,252,.55);
	text-align: center;
}

/* COPYRIGHT */

footer.footer .bottom-bar .bottom-bar-meta {
	margin: 0;
}

footer.footer .bottom-bar .bottom-bar-copyright {
	display: block;
	padding: 0;
	color: rgba(252,252,252,.68);
}

/* BOTTOM BAR NAVIGATION */

footer.footer .bottom-bar .bottom-bar-nav {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0;
}

footer.footer .bottom-bar .bottom-bar-nav a {
	position: relative;
	display: inline-block;
	margin: 0;
	padding: 0 .75rem;
	color: rgba(252,252,252,.55);
	text-decoration: none;
	transition: color .2s ease;
}

footer.footer .bottom-bar .bottom-bar-nav a:first-child {
	padding-left: 0;
}

footer.footer .bottom-bar .bottom-bar-nav a:last-child {
	padding-right: 0;
}

footer.footer .bottom-bar .bottom-bar-nav a + a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	width: 1px;
	height: .75rem;
	background: rgba(252,252,252,.2);
	transform: translateY(-50%);
}

footer.footer .bottom-bar .bottom-bar-nav a:hover,
footer.footer .bottom-bar .bottom-bar-nav a:focus-visible {
	color: #fcfcfc;
}

/* SOCIAL */

footer.footer .bottom-bar .bottom-bar-social {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 1.25rem;
	width: auto;
	max-width: none;
	margin: 0;
}

footer.footer .bottom-bar .bottom-bar-social a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 1.5rem;
	margin: 0;
	padding: 0;
	font-size: 1.125rem;
	line-height: 1;
	color: rgba(252,252,252,.55);
	text-decoration: none;
	transition: color .2s ease;
}

footer.footer .bottom-bar .bottom-bar-social a svg {
	display: block;
	width: 1rem;
	height: 1rem;
	fill: currentColor;
}

footer.footer .bottom-bar .bottom-bar-social a:hover,
footer.footer .bottom-bar .bottom-bar-social a:focus-visible {
	color: #00bfb3;
}

/* CUSTOM OVERRIDE */

footer.footer .bottom-bar .bottom-bar-override {
	width: 100%;
}

/* DESKTOP */

@media screen and (min-width: 768px) {

	footer.footer .bottom-bar {
		flex-direction: row;
		align-items: center;
		gap: 0;
		text-align: left;
	}

	footer.footer .bottom-bar .bottom-bar-meta {
		flex: 0 0 auto;
	}

	footer.footer .bottom-bar .bottom-bar-nav {
		justify-content: flex-start;
		margin-left: 1.5rem;
	}

	footer.footer .bottom-bar .bottom-bar-social {
		margin-left: auto;
	}

}


/*********************
 FORM STYLES
*********************/

.hs-form {
	width:100%;
	max-width:500px;
	margin:2rem auto 0;
    padding:0 1.5rem;
}

.hs-form .hs-form-field {
	margin-top:1.5rem;
    position:relative;
}

.hs-form .hs-form-field label {
	font-size:.875rem;
}

.hs-form .hs-form-field label span {}

.hs-form .hs-form-field label .hs-form-required {
	margin-left:.25rem;
}

.hs-form .hs-form-field .input {
	width:100%;
}

.hs-form .hs-form-field .input .hs-input {}

.hs-form .hs-form-field .input input.hs-input[type="text"],
.hs-form .hs-form-field .input input.hs-input[type="email"],
.hs-form .hs-form-field .input input.hs-input[type="tel"] {
	width:100%;
	max-width:99999px;
	border:2px solid transparent;
	padding:.5rem!important;
}



.hs-form .hs-input.error,
.hs-form .hs-form-field .input input.hs-input.invalid.error[type="text"],
.hs-form .hs-form-field .input input.hs-input.invalid.error[type="email"],
.hs-form .hs-form-field .input input.hs-input.invalid.error[type="tel"] {
	border:2px solid #f9423a;
}

.hs-form .hs-form-field .input .inputs-list {
	list-style:none;
	padding:0;
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.hs-form .hs-form-field .input .inputs-list[role="radiogroup"] {
	margin-bottom:0;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio {
	margin-left:1.5rem;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio:first-of-type {
	margin-left:0;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio .hs-form-radio-display {
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio .hs-form-radio-display .hs-input {}

.hs-form .hs-form-field .input .inputs-list .hs-form-radio .hs-form-radio-display span {margin-left:.5rem;}

.hs-form .hs-website_form_email_opt_in {
	width:100%;
}

.hs-form div .hs-richtext {
	width:100%;
	border:1px solid rgba(255, 255, 255, .5);
    padding:1rem;
    margin-top:2rem;
    color:#fff;
}

.hs-form div .hs-richtext p {
font-size:.75rem;
text-align:left;
margin:0;
}

.hs-form div .hs-richtext p a {
	color:#fff;
}

.hs-form div .hs-richtext p a {
	color:#fff;
}

.hs-form div .hs-richtext p a:hover {
	color:#ee3937;
}

.hs-form .hs-submit {
	width:100%; 
	text-align:center;
}

.hs-form .hs-submit .actions {}

.hs-form .hs-submit .actions .hs-button {
	border:none;
	margin:1rem auto 0
}

.hs-form .hs-error-msgs {
	position:absolute;
	bottom:-16px;
	margin:0;
	padding:0;
	list-style:none;
	font-size:.75rem;
}

.hs-form .hs-error-msgs li {}

.hs-form .hs-error-msgs li label {
	font-size:.75rem;
	color:#f9423a;
}

.hs-form .hs_error_rollup {display:none;}

/* SMS/Text Messaging Field  */

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field {}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input {}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list {
	margin-top: 0;
}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox {}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display {
	display:flex;
	align-items: flex-start;
}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display .hs-input {
	width: auto;
	margin-top: 4px;
	margin-right: 12px;
	line-height: 1.5;
}

.hs-form .hs-fieldtype-booleancheckbox.hs-form-field .input ul.inputs-list li.hs-form-booleancheckbox label.hs-form-booleancheckbox-display span {
	line-height: 1.5;
}

@media(min-width:768px) {
	
	.hs-form {
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
		max-width:700px;
	}
	
	.hs-form .hs-form-field.hs-firstname {
		width:48%;
	}

	.hs-form .hs-form-field.hs-email {
		width:48%;
	}

	.hs-form .hs-form-field.hs-phone {
		width:48%;
	}

	.hs-form .hs-form-field.hs-website {
		width:48%;
	}

}
	
	
	
/***********************
 MODAL STYLES
***********************/

.modal {
    display:none;
    position:fixed;
    inset:0;
    z-index:2147483647;
    background-color:rgba(0, 0, 0, .85);
    padding:40px;
    overflow:auto;
}

.modal.open {
    display:block;
}

.modal .modal-body {
	padding: 4rem 2rem;
	background: linear-gradient(
		105deg,
		#0f1d2a 0%,
		#142536 25%,
		#182d40 45%,
		#1b364b 62%,
		#1d4057 78%,
		#1f4b66 100%
	);
	color: #fcfcfc;
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}

.modal .modal-body h3,
.modal .modal-body p {
	text-align:center;
}

.modal .modal-body h3 + p {
	max-width:500px;
	margin:1rem auto;
}

.modal .modal-body .modal-close {
	position:absolute;
	top:1rem;
	right:1rem;
	color:#fcfcfc;
	font-size:1.25rem;
}

.modal .modal-body .modal-close {
	position:absolute;
	top:1rem;
	right:1rem;
	color:#fcfcfc;
	font-size:1.25rem;
}

body.modal-open {
    /*overflow:hidden;*/
}

.fade-in {
    animation:fadeInModal 0.5s forwards;
}

@keyframes fadeInModal {
	
    from {
		opacity:0;
	}
	
    to {
		opacity:1;
	}
	
}

.fade-in-body {
    animation:fadeInModalBody 0.7s forwards;
}

@keyframes fadeInModalBody {
	
    from {
		opacity:0;
	}
	
    to {
		opacity:1;
	}
	
}

.fade-out {
    animation:fadeOutModal 0.5s forwards;
}

@keyframes fadeOutModal {
	
    from {
		opacity:1;
	}
	
    to {
		opacity:0;
	}
	
}

.fade-out-body {
    animation:fadeOutModalBody 0.3s forwards;
}

@keyframes fadeOutModalBody {
	
    from {
		opacity:1;
	}
	
    to {
		opacity:0;
	}
	
}