@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");

/* 
 * --------------------------------------------------
 * :: BREAK POINTS
 * --------------------------------------------------
 */

/* 375px, 576px, 768px, 992px, 1200px */

:root {
	--color-primary-text: #333333;

	--color-p66-red-tint: #f73e31;
	--color-p66-red: #da2b1f;
	--color-p66-red-rgba: rgba(218, 43, 31, 0.3);
	--color-p66-red-shade: #ba251a;

	--color-p66-light-gray: #f2f2f2;
	--color-p66-light-gray-shade-1: #e8e8e1;
	--color-p66-light-gray-shade-2: #d9d9d1;

	--color-p66-ocean-blue-tint-1: #4594c4;
	--color-p66-ocean-blue-tint-1-rgba-07: rgba(69, 148, 196, 0.07);
	--color-p66-ocean-blue-tint-1-rgba-10: rgba(69, 148, 196, 0.1);
	--color-p66-ocean-blue-tint-1-rgba-15: rgba(69, 148, 196, 0.15);
	--color-p66-ocean-blue-tint-1-rgba-25: rgba(69, 148, 196, 0.25);

	--color-p66-ocean-blue-tint-2: #064687;

	--color-p66-ocean-blue: #002858;
	--color-p66-ocean-blue-rgba-07: rgba(0, 40, 88, 0.07);
	--color-p66-ocean-blue-rgba-10: rgba(0, 40, 88, 0.1);
	--color-p66-ocean-blue-rgba-15: rgba(0, 40, 88, 0.15);
	--color-p66-ocean-blue-rgba-25: rgba(0, 40, 88, 0.25);

	--color-p66-ocean-blue-shade: #001b2e;

	--color-p66-renewed-green-tint-1: #9abb62;
	--color-p66-renewed-green-tint-2: #d3e9ae;
	--color-p66-renewed-green: #6b8c35;
	--color-p66-renewed-green-rgba-10: rgba(107, 140, 53, 0.1);
	--color-p66-renewed-green-rgba-15: rgba(107, 140, 53, 0.15);
	--color-p66-renewed-green-rgba-20: rgba(107, 140, 53, 0.2);
	--color-p66-renewed-green-rgba-25: rgba(107, 140, 53, 0.22);
	--color-p66-renewed-green-rgba-30: rgba(107, 140, 53, 0.3);
	--color-p66-renewed-green-shade: #4b6225;

	--color-p66-tucson-yellow-tint: #fce5ae;
	--color-p66-tucson-yellow: #f0bc59;
	--color-p66-tucson-yellow-rgba-07: rgba(240, 188, 89, 0.07);
	--color-p66-tucson-yellow-rgba-10: rgba(240, 188, 89, 0.1);
	--color-p66-tucson-yellow-rgba-15: rgba(240, 188, 89, 0.15);
	--color-p66-tucson-yellow-rgba-25: rgba(240, 188, 89, 0.25);
	--color-p66-tucson-yellow-rgba-50: rgba(240, 188, 89, 0.5);
	--color-p66-tucson-yellow-rgba-80: rgba(240, 188, 89, 0.8);
	--color-p66-tucson-yellow-shade: #eaa22f;

	--color-p66-slate-blue-tint-2: #cee5e8;
	--color-p66-slate-blue-tint-2-rgba: rgba(206, 229, 232, 0.1);

	--color-p66-slate-blue: #2c4f61;
	--color-p66-slate-blue-rgba-07: rgba(44, 79, 97, 0.07);
	--color-p66-slate-blue-rgba-10: rgba(44, 79, 97, 0.1);
	--color-p66-slate-blue-rgba-15: rgba(44, 79, 97, 0.15);
	--color-p66-slate-blue-rgba-25: rgba(44, 79, 97, 0.25);
	--color-p66-slate-blue-rgba-80: rgba(44, 79, 97, 0.8);

	--color-p66-basalt: #63587f;
	--color-p66-basalt-rgba-07: rgba(99, 88, 127, 0.07);
	--color-p66-basalt-rgba-10: rgba(99, 88, 127, 0.1);
	--color-p66-basalt-rgba-15: rgba(99, 88, 127, 0.15);

	--color-p66-background-gradient-light: #3c688e;
	--color-p66-background-gradient-dark: #1d395b;

	--border-color: #ccc;
	--border-radius-sm: 0.25rem;
	--border-radius: 0.5rem;
	--border-radius-lg: 1rem;

	--padding-xxs: 0.5rem;
	--padding-xs: 1rem;
	--padding-sm: 2rem;
	--padding: 4rem;
	--padding-lg: 8rem;

	box-sizing: border-box;
}

body {
	margin: 0;
	padding: 77px 0 0 0;
	min-height: 100vh;
	font-family: "gotham", sans-serif;
	font-weight: 400;
	font-style: normal;
	color: var(--color-primary-text);
	background-color: #fff;
}

@media (min-width: 768px) {
	body {
		padding-top: 97px;
	}
}

/* 
 * --------------------------------------------------
 * :: TYPOGRAPHY
 * --------------------------------------------------
 */

h1 {
	margin-bottom: 1.5rem;
	font-size: clamp(2.5rem, 1.56vw + 2.13rem, 3.5rem);
	font-weight: 500;
	letter-spacing: -3px;
}

h2 {
	margin-bottom: 1.25rem;
	font-size: clamp(2rem, 1.17vw + 1.73rem, 2.75rem);
	font-weight: 500;
	letter-spacing: -2px;
}

h3 {
	margin-bottom: 1rem;
	font-size: clamp(1.5rem, 0.47vw + 1.39rem, 1.8rem);
	font-weight: 500;
	letter-spacing: -1px;
}

h4 {
	margin-bottom: 1rem;
	font-size: clamp(1.2rem, 0.47vw + 1.09rem, 1.5rem);
	font-weight: 500;
	letter-spacing: -1px;
}

h5 {
	margin-bottom: 1rem;
	font-size: clamp(0.9rem, 0.31vw + 0.83rem, 1.1rem);
	font-weight: 500;
	letter-spacing: -1px;
}

h6 {
	letter-spacing: -0.5px;
}

p {
	font-size: clamp(1rem, 0.39vw + 0.91rem, 1.25rem);
	line-height: 1.35;
	letter-spacing: -1px;
}

ul,
ol {
	margin-top: 1rem;
	letter-spacing: -0.5px;
	/* max-width: 50ch; */
}

strong {
	font-weight: 700;
}

/* 
 * --------------------------------------------------
 * :: ANCHOR LINKS
 * --------------------------------------------------
 */

a {
	text-decoration: underline;
	color: inherit;
}

a:hover,
a:active,
a:focus {
	color: #666;
}

/* 
 * --------------------------------------------------
 * :: BUTTON
 * --------------------------------------------------
 */

.btn-red {
	color: var(--color-primary-text);
	border: solid 2px var(--color-p66-red);
	font-size: 0.95rem;
	font-weight: 500;
	letter-spacing: -0.5px;
}

.btn-red:hover {
	color: #fff;
	background-color: var(--color-p66-red);
}

/* 
 * --------------------------------------------------
 * :: TABLES
 * --------------------------------------------------
 */

.table-list {
	margin: 0;
	width: 100%;
	font-size: 0.9rem;
	letter-spacing: -0.5px;
}

.table-list th {
	padding: 1rem 0;
	font-size: 1rem;
	text-align: center;
}

.table-list td {
	padding: 1rem 0.5rem;
	vertical-align: top;
}

.table-list td:not(:first-child) {
	text-align: center;
}

.table-list th:first-of-type {
	border-top-left-radius: var(--border-radius-sm);
}

.table-list th:last-of-type {
	border-top-right-radius: var(--border-radius-sm);
}

.table-list tr:last-of-type td:first-of-type {
	border-bottom-left-radius: var(--border-radius-sm);
}

.table-list tr:last-of-type td:last-of-type {
	border-bottom-right-radius: var(--border-radius-sm);
}

.table-list td:not(:nth-last-of-type(1)) {
	border-right: solid 1px var(--border-color);
}

.table-list ul {
	margin: 0;
	padding-left: 1.5rem;
}

.table-container {
	width: 100%;
	margin-top: 2rem;
	padding: var(--padding-xxs);
	border-radius: var(--border-radius);
	border: solid 1px var(--border-color);
}

/* 
 * --------------------------------------------------
 * :: TABLES COLOR CODING
 * --------------------------------------------------
 */

.well-being .table-list th {
	/* background-color: var(--color-p66-ocean-blue-tint-1-rgba-15); */
	background-color: var(--color-p66-ocean-blue-tint-1);
	color: #fff;
}

.well-being .table-list tr:nth-child(odd) {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-10);
}

.community .table-list th {
	/* background-color: var(--color-p66-tucson-yellow-rgba-15); */
	background-color: var(--color-p66-tucson-yellow);
}

.community .table-list tr:nth-child(odd) {
	background-color: var(--color-p66-tucson-yellow-rgba-10);
}

.impact .table-list th {
	background-color: var(--color-p66-renewed-green-rgba-15);
}

.impact .table-list tr:nth-child(odd) {
	background-color: var(--color-p66-renewed-green-rgba-10);
}

.life-events .table-list th {
	background-color: var(--color-p66-slate-blue-rgba-15);
}

.life-events .table-list tr:nth-child(odd) {
	background-color: var(--color-p66-slate-blue-rgba-10);
}

/* 
 * --------------------------------------------------
 * :: OUTER CONTAINER
 * --------------------------------------------------
 */

.wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	max-width: 1400px;
	background-color: #fff;
}

/* 
 * --------------------------------------------------
 * :: NAVIGATION
 * --------------------------------------------------
 */

.bg-body-tertiary {
	--bs-bg-opacity: 1;
}

.navbar.fixed-top {
	max-width: 1400px;
	left: 50%;
	right: auto;
	z-index: 9000;
	transform: translateX(-50%);
	width: 100%;
	border-bottom: 1px solid transparent;
	transition:
		border-color 0.2s ease,
		box-shadow 0.2s ease;
}

.navbar.fixed-top.scrolled {
	border-bottom-color: var(--color-p66-light-gray);
	--bs-bg-opacity: 0.7;
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
}

.navbar-nav {
	max-width: none !important;
}

.navbar-brand {
	margin-right: 0 !important;
	margin-left: 1rem !important;
}

.navbar-brand .p66-logo-shield {
	height: 47px;
	width: 47px;
}

.navbar-brand .p66-logo {
	display: none;
	height: 67px;
	width: 256px;
}

.navbar-toggler {
	padding: 0.35rem 0.65rem;
	font-size: 0.95rem;
	line-height: 1;
	border: none;
	/* border: solid 2px var(--color-p66-red); */
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28218, 43, 31, 1' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}

.navbar-toggler:not(.collapsed) .navbar-toggler-icon,
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28218, 43, 31, 1%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2.5' d='M7 7l16 16M7 23L23 7'/%3e%3c/svg%3e") !important;
}

.navbar-toggler:focus,
.navbar-toggler:active {
	outline: none;
	box-shadow: none;
}

.navbar-collapse {
	flex-grow: 0;
	margin-left: auto;
}

.navbar .nav-link {
	font-size: 0.75rem;
	font-weight: 500;
	padding-left: 0.5rem !important;
	padding-right: 0.5rem !important;
}

.navbar .dropdown-item {
	font-size: 0.75rem;
}

.offcanvas {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	/* max-width: 400px; */
	background-color: var(--color-p66-slate-blue-rgba-80);
}

.offcanvas.offcanvas-top {
	height: 50vh;
}

/* 
 * --------------------------------------------------
 * :: NAVBAR COLOR CODING
 * --------------------------------------------------
 */

.well-being-nav .nav-link:hover,
.well-being-nav .nav-link:active,
.well-being-nav .nav-link:focus,
.well-being-nav .dropdown-item:active,
.well-being-nav .dropdown-item:focus {
	color: var(--color-p66-ocean-blue-tint-2);
}

.well-being-nav .dropdown-item:hover {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-15);
}

.impact-nav .nav-link:hover,
.impact-nav .nav-link:active,
.impact-nav .nav-link:focus,
.impact-nav .dropdown-item:active,
.impact-nav .dropdown-item:focus {
	color: var(--color-p66-renewed-green-shade);
}

.impact-nav .dropdown-item:hover {
	background-color: var(--color-p66-renewed-green-rgba-15);
}

.community-nav .nav-link:hover,
.community-nav .nav-link:active,
.community-nav .nav-link:focus,
.community-nav .dropdown-item:active,
.community-nav .dropdown-item:focus {
	color: var(--color-p66-tucson-yellow-shade);
}

.community-nav .dropdown-item:hover {
	background-color: var(--color-p66-tucson-yellow-rgba-15);
}

.life-events-nav .nav-link:hover,
.life-events-nav .nav-link:active,
.life-events-nav .nav-link:focus,
.life-events-nav .dropdown-item:active,
.life-events-nav .dropdown-item:focus {
	color: var(--color-p66-slate-blue);
}

.life-events-nav .dropdown-item:hover {
	background-color: var(--color-p66-slate-blue-rgba-10);
}

/* 
 * --------------------------------------------------
 * :: NAVIGATION MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 768px) {
	.navbar-brand .p66-logo-shield {
		display: none;
	}

	.navbar-brand .p66-logo {
		display: block;
		height: 67px;
		width: 256px;
	}
}

/* 
 * --------------------------------------------------
 * :: HERO
 * --------------------------------------------------
 */

.hero-container {
	position: relative;
	margin-top: 2rem;
	overflow: hidden;
}

.powerflow {
	position: absolute;
	bottom: 0;
	right: -150px;
	width: 75%;
	z-index: 20;
}

/* 
 * --------------------------------------------------
 * :: HERO MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 1200px) {
	.powerflow {
		bottom: 0;
		right: -125px;
		width: 50%;
	}
}

/* 
 * --------------------------------------------------
 * :: INTRO
 * --------------------------------------------------
 */

.applied-mask {
	display: block;
	margin-left: clamp(2rem, 9.36vw - 0.2rem, 8rem);
	mask-image: url("../assets/images/Go-Shape-Solid-Cropped.svg");
	mask-size: auto 100%;
	mask-repeat: no-repeat;
	mask-position: left;
	width: calc(100% - clamp(2rem, 9.36vw - 0.2rem, 8rem));
	max-height: 400px;
	object-fit: cover;
	object-position: center center;
	/* object-position: left top; */
}

.intro-inner-container {
	display: flex;
	flex-direction: row;
	position: relative;
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 9.3%;
}

.intro-text-container {
	padding: var(--padding) var(--padding-xs) 0 7rem;
	clip-path: polygon(8rem 0%, calc(100% + 2px) 0%, calc(100% + 2px) calc(100% + 2px), 0% calc(100% + 2px));
	margin-left: clamp(-6rem, 9.37vw - 8.2rem, 0rem);
}

.intro-text-container p {
	font-size: clamp(1.25rem, 0.39vw + 1.16rem, 1.5rem);
}

/* 
 * --------------------------------------------------
 * :: INNER CONTAINER COLOR CODING
 * --------------------------------------------------
 */

.home .intro-inner-container {
	background-image: url("../assets/images/Go-Shape-Solid-Corner-Red.svg");
}

.well-being .intro-inner-container {
	background-image: url("../assets/images/Go-Shape-Solid-Corner-Ocean-Blue.svg");
}

.impact .intro-inner-container {
	background-image: url("../assets/images/Go-Shape-Solid-Corner-Green.svg");
}

.community .intro-inner-container {
	background-image: url("../assets/images/Go-Shape-Solid-Corner-Yellow.svg");
}

.life-events .intro-inner-container {
	background-image: url("../assets/images/Go-Shape-Solid-Corner-Slate-Blue.svg");
}

.intro-callout-container {
	padding: var(--padding-sm) var(--padding-xs) var(--padding);
}

.intro-callout-container p,
.intro-callout-container ul li a {
	font-size: clamp(0.85rem, 0.23vw + 0.8rem, 1rem);
}

/* 
 * --------------------------------------------------
 * :: CALLOUT CONTAINER COLOR CODING
 * --------------------------------------------------
 */

.well-being .intro-callout-container ul li a:hover {
	color: var(--color-p66-ocean-blue-tint-2);
}

.impact .intro-callout-container ul li a:hover {
	color: var(--color-p66-renewed-green-shade);
}

.community .intro-callout-container ul li a:hover {
	color: var(--color-p66-tucson-yellow-shade);
}

.life-events .intro-callout-container ul li a:hover {
	color: var(--color-p66-slate-blue);
}

/* 
 * --------------------------------------------------
 * :: INTRO MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 576px) {
	.intro-callout-container {
		padding-left: 2rem;
	}
}

@media (width >= 768px) {
	.intro-text-container {
		padding: var(--padding) var(--padding) 0 7.75rem;
	}

	.intro-callout-container {
		padding: var(--padding) var(--padding) var(--padding);
	}
}

@media (width >= 992px) {
	.intro-text-container {
		padding: var(--padding) 0 var(--padding) 8rem;
		width: calc(55% + 36px);
	}

	.intro-callout-container {
		padding: var(--padding);
		flex: 0 0 45%;
	}
}

@media (width >= 1200px) {
	.intro-text-container {
		width: calc(60% + 36px);
	}

	.intro-callout-container {
		flex: 0 0 40%;
	}
}

/* 
 * --------------------------------------------------
 * :: CONTENT
 * --------------------------------------------------
 */

.content-container,
.content-container-alt {
	display: flex;
	padding: var(--padding) var(--padding-xs);
}

.d-none {
	display: none !important;
}

.content-container:nth-child(odd of .content-container:not(.d-none)) {
	background-image: url("../assets/images/Go-Shape-Outline-Double.svg");
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: right clamp(-800px, -56.1vw - 0.91rem, -225px) bottom clamp(-450px, -31.71vw - 0.38rem, -125px);
}

/* .content-container:nth-child(even) {
	background-image: url("../assets/images/Powerflow-Lines-Ver-Doubled-20-Opac.svg");
	background-repeat: no-repeat;
	background-size: 75%;
	background-position: right clamp(-170px, -13.66vw + 1.33rem, -30px) center;
} */

.content {
	width: 100%;
}

.content-block {
	margin: 2rem 0 0;
}

.content-full {
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	column-gap: 1rem;
}

.content-full .content-block {
	flex: 1;
	min-width: 190px;
	padding: var(--padding-xxs);
	border: solid 1px var(--border-color);
	border-radius: var(--border-radius);
}

.content-full .content-block > div {
	height: 100%;
	padding: var(--padding-xs);
	border: solid 1px var(--border-color);
	border-radius: var(--border-radius-sm);
	background-color: #fff;
}

.content-full .content-block h6 {
	text-transform: uppercase;
	letter-spacing: -0.5px;
}

.content-full .content-block p,
.content-full .content-block ul,
.content-full .content-block ol,
.content-full .content-block address {
	font-size: 0.9rem;
}

.content-full .content-block ul li,
.content-full .content-block ol li {
	line-height: 1.25;
	padding: 0.25rem 0;
}

.accordion {
	margin-top: 2rem;
	padding: var(--padding-xxs);
	border: solid 1px var(--border-color);
	border-radius: var(--border-radius);
}

.accordion-button {
	font-weight: 500;
	letter-spacing: -0.5px;
}

.accordion-button:focus {
	box-shadow: none;
	outline: 0;
}

.accordion-body ul,
.accordion-body ol,
.accordion-body p,
.accordion-body address {
	font-size: 0.9rem;
	letter-spacing: -0.5px;
}

.accordion-body *:last-child {
	margin-bottom: 0;
}

.accordion-button:not(.collapsed) {
	color: var(--color-primary-text);
	box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.badge-color-ocean-blue {
	background-color: var(--color-p66-ocean-blue);
}

.badge-color-red {
	background-color: var(--color-p66-red);
}

.badge-color-disabled {
	background-color: #999;
}

/* 
 * --------------------------------------------------
 * :: ACCORDION COLORS
 * --------------------------------------------------
 */

.well-being .accordion-button {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-15);
}
.well-being .accordion-button:not(.collapsed) {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-15);
}

.community .accordion-button {
	background-color: var(--color-p66-tucson-yellow-rgba-15);
}

.community .accordion-button:not(.collapsed) {
	background-color: var(--color-p66-tucson-yellow-rgba-15);
}

.impact .accordion-button {
	background-color: var(--color-p66-renewed-green-rgba-15);
}

.impact .accordion-button:not(.collapsed) {
	background-color: var(--color-p66-renewed-green-rgba-15);
}

.life-events .accordion-button {
	background-color: var(--color-p66-slate-blue-rgba-15);
}

.life-events .accordion-button:not(.collapsed) {
	background-color: var(--color-p66-slate-blue-rgba-15);
}

/* 
 * --------------------------------------------------
 * :: ALTERNATING COLORS
 * --------------------------------------------------
 */

.home .content-container:nth-child(odd of .content-container:not(.d-none)) {
	background-color: var(--color-p66-ocean-blue-rgba-07);
}

.well-being .content-container:nth-child(odd of .content-container:not(.d-none)) {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-07);
}

.impact .content-container:nth-child(odd of .content-container:not(.d-none)) {
	background-color: var(--color-p66-renewed-green-rgba-10);
}

.community .content-container:nth-child(odd of .content-container:not(.d-none)) {
	background-color: var(--color-p66-tucson-yellow-rgba-07);
}

.life-events .content-container:nth-child(odd of .content-container:not(.d-none)) {
	background-color: var(--color-p66-slate-blue-rgba-07);
}

/* 
 * --------------------------------------------------
 * :: NAV PILLS
 * --------------------------------------------------
 */

.nav-pills {
	display: flex;
	gap: 0.5rem;
}

.nav-pills .nav-link {
	color: var(--color-primary-text);
	font-size: 0.9rem;
}

.well-being .nav-pills .nav-link {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-10);
}

.well-being .nav-pills .nav-link.active {
	background-color: var(--color-p66-ocean-blue-tint-1);
}

.community .nav-pills .nav-link {
	background-color: var(--color-p66-tucson-yellow-rgba-10);
}

.community .nav-pills .nav-link.active {
	background-color: var(--color-p66-tucson-yellow);
}

/* 
 * --------------------------------------------------
 * :: TAB CONTENT
 * --------------------------------------------------
 */

.content-pills {
	padding-top: 2rem;
	width: 100%;
}

.nav-tabs {
	border: none;
	outline: none;
}

.nav-tabs,
.tab-content {
	backdrop-filter: blur(1px);
}

.tab-callout {
	padding: 1rem;
}

.tab-callout h6 {
	font-size: 0.9rem;
	line-height: 1.6;
}

.tab-callout address,
.tab-callout p {
	margin-bottom: 1rem;
	letter-spacing: -0.5px;
	font-size: 0.85rem;
	line-height: 1.4;
}

.tab-callout *:last-child {
	margin-bottom: 0;
}

.tab-callout ul {
	margin-bottom: 0;
	letter-spacing: -0.5px;
	font-size: 0.85rem;
}

/* .tab-callout ul, */
.intro-callout-container ul,
.link-list {
	list-style: none;
	padding-left: 0;
	/* line-height: 1.9; */
}

/* .tab-callout li, */
.intro-callout-container li,
.link-list li {
	display: flex;
	align-items: flex-start;
	margin-bottom: 8px;
}

/* .tab-callout li::before, */
.intro-callout-container li::before,
.link-list li::before {
	content: "\F136";
	font-family: "bootstrap-icons" !important;
	display: inline-block;
	flex-shrink: 0;
	margin-right: 8px;
	margin-top: 0;
	color: var(--color-primary-text);
	transition: color 0.15s ease-in-out;
}

/* .tab-callout li:hover::before, */
.intro-callout-container li:hover::before,
.link-list li:hover::before {
	color: #666;
}

.nav-tabs .nav-link {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--color-primary-text);
	border-top-left-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}

.nav-tabs .nav-link.active {
	font-size: 0.9rem;
	font-weight: 700;
	color: var(--color-primary-text);
	border: none;
}

.tab-content {
	border: none;
	border-bottom-left-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	border-top-right-radius: 0.375rem;
}

/* 
 * --------------------------------------------------
 * :: CONTENT MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 768px) {
	.content-container {
		padding: var(--padding);
	}
}

@media (width >= 992px) {
	.content {
		flex: 0 0 55%;
	}
	.content-pills {
		padding: 0 0 0 var(--padding);
		flex: 0 0 45%;
	}
	.content-full .content-block {
		min-width: 45%;
	}
}

@media (width >= 1200px) {
	.content {
		flex: 0 0 60%;
	}
	.content-pills {
		flex: 0 0 40%;
	}
	.content-full .content-block {
		min-width: 25%;
	}
}

/* 
 * --------------------------------------------------
 * :: TAB CONTENT COLOR CODING
 * --------------------------------------------------
 */

/***** HOME *****/

.home .tab-callout li:hover::before,
.home .intro-callout-container li:hover::before,
.home .tab-callout a:hover {
	color: var(--color-p66-ocean-blue);
}

.home .nav-tabs .nav-link {
	background-color: var(--color-p66-ocean-blue-rgba-10);
}

.home .nav-tabs .nav-link.active {
	color: var(--color-p66-ocean-blue-tint-2);
	background-color: var(--color-p66-ocean-blue-rgba-15);
}

.home .tab-content {
	background-color: var(--color-p66-ocean-blue-rgba-15);
}

/***** WELL-BEING *****/

.well-being .tab-callout li:hover::before,
.well-being .intro-callout-container li:hover::before,
.well-being .tab-callout a:hover {
	color: var(--color-p66-ocean-blue-tint-2);
}

.well-being .nav-tabs .nav-link {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-15);
}

.well-being .nav-tabs .nav-link.active {
	color: var(--color-p66-ocean-blue-tint-2);
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-25);
}

.well-being .tab-content {
	background-color: var(--color-p66-ocean-blue-tint-1-rgba-25);
}

/***** IMPACT *****/

.impact .tab-callout li:hover::before,
.impact .intro-callout-container li:hover::before,
.impact .tab-callout a:hover {
	color: var(--color-p66-renewed-green-shade);
}

.impact .nav-tabs .nav-link {
	background-color: var(--color-p66-renewed-green-rgba-15);
}

.impact .nav-tabs .nav-link.active {
	color: var(--color-p66-renewed-green-shade);
	background-color: var(--color-p66-renewed-green-rgba-25);
}

.impact .tab-content {
	background-color: var(--color-p66-renewed-green-rgba-25);
}

/***** COMMUNITY *****/

.community .tab-callout li:hover::before,
.community .intro-callout-container li:hover::before,
.community .tab-callout a:hover {
	color: var(--color-p66-tucson-yellow-shade);
}

.community .nav-tabs .nav-link {
	background-color: var(--color-p66-tucson-yellow-rgba-15);
}

.community .nav-tabs .nav-link.active {
	color: var(--color-p66-tucson-yellow-shade);
	background-color: var(--color-p66-tucson-yellow-rgba-25);
}

.community .tab-content {
	background-color: var(--color-p66-tucson-yellow-rgba-25);
}

/***** LIFE EVENTS *****/

.life-events .tab-callout li:hover::before,
.life-events .intro-callout-container li:hover::before,
.life-events .tab-callout a:hover {
	color: var(--color-p66-slate-blue);
}

.life-events .nav-tabs .nav-link {
	background-color: var(--color-p66-slate-blue-rgba-10);
}

.life-events .nav-tabs .nav-link.active {
	color: var(--color-p66-slate-blue);
	background-color: var(--color-p66-slate-blue-rgba-15);
}

.life-events .tab-content {
	background-color: var(--color-p66-slate-blue-rgba-15);
}

/* 
 * --------------------------------------------------
 * :: FOOTER
 * --------------------------------------------------
 */

footer {
	padding: var(--padding) var(--padding-xs);
	border-top: solid 1px #fff;
	background-image: url("../assets/images/Powerflow-Lines-Ver-3.svg");
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: left -50px top -5px;
}

.disclaimer {
	margin-bottom: var(--padding-sm);
}

.disclaimer p {
	text-align: center;
	margin: 0 auto 2rem auto;
}

.fine-print {
	letter-spacing: -0.25px;
	font-size: 0.8rem !important;
}

.footer-links {
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: var(--padding-xs);
	list-style-type: none;
	font-size: 0.8rem;
	white-space: nowrap;
}

/* 
 * --------------------------------------------------
 * :: FOOTER MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 992px) {
	footer {
		background-size: 90%;
	}
}

/* 
 * --------------------------------------------------
 * :: HOME
 * --------------------------------------------------
 */

/* 
 * --------------------------------------------------
 * :: HOME HERO
 * --------------------------------------------------
 */

.hero-home-container {
	position: relative;
	overflow: hidden;
}

.hero-home-message {
	position: absolute;
	left: clamp(5rem, 20.29vw + 0.24rem, 18rem);
	bottom: clamp(0rem, 6.24vw - 1.46rem, 4rem);
	z-index: 30;
	font-size: clamp(0.75rem, 0.62vw + 0.6rem, 1.15rem);
}

.hero-home-message h1 {
	color: #fff;
	width: 20ch;
	font-size: clamp(1.2rem, 3.59vw + 0.36rem, 3.5rem);
	letter-spacing: -0.5px;
}

.powerflow-home {
	position: absolute;
	right: -5rem;
	bottom: -4rem;
	z-index: 20;
	width: 100%;
}

.applied-mask-home {
	position: relative;
	display: block;
	mask-image: url("../assets/images/Go-Shape-Solid-Cropped.svg");
	mask-size: auto 100%;
	mask-repeat: no-repeat;
	mask-position: left;
	width: calc(100% - clamp(2rem, 9.36vw - 0.2rem, 8rem));
	max-height: 65vh;
	margin-left: clamp(2rem, 9.36vw - 0.2rem, 8rem);
}

.applied-mask-home img {
	display: block;
	width: 100%;
	max-height: 65vh;
	object-fit: cover;
	object-position: left bottom;
}

.applied-mask-home::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(to top, rgba(0, 40, 88, 0.85) 0%, rgba(0, 0, 0, 0) 60%);
	pointer-events: none;
}

/* 
 * --------------------------------------------------
 * :: HOME HERO MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 768px) {
	.powerflow-home {
		right: -10rem;
		bottom: -6rem;
	}
}

/* 
 * --------------------------------------------------
 * :: HOME INTRO
 * --------------------------------------------------
 */

.home .intro-callout-container {
	order: -1;
	padding: var(--padding) 4rem 0;
}

.home .intro-callout-container img {
	border-radius: var(--border-radius);
	border: solid 1px #ccc;
	width: 100%;
	height: 100%;
	max-height: 350px;
	object-fit: cover;
	object-position: center center;
}

.home .intro-text-container {
	padding: var(--padding-sm) 5.25rem var(--padding) 7.25rem;
}

/* 
 * --------------------------------------------------
 * :: HOME INTRO MEDIA QUERIES
 * --------------------------------------------------
 */

/* @media (width >= 768px) {
	.home .intro-callout-container img {
		object-position: center -110px;
	}
} */

@media (width >= 992px) {
	.home .intro-callout-container {
		order: 0;
		padding: var(--padding);
	}

	/* .home .intro-callout-container img {
		object-position: center top;
	} */

	.home .intro-text-container {
		padding: var(--padding) 0 var(--padding) 7.25rem;
	}
}

/* 
 * --------------------------------------------------
 * :: HOME TILES
 * --------------------------------------------------
 */

.content-flex {
	/* padding: var(--padding) var(--padding-xs); */
	padding: 0 var(--padding-xs);
	display: flex;
	flex-direction: row;
	/* align-items: center; */
	justify-content: center;
	flex-wrap: wrap;
	gap: 1rem;
	width: 100%;
}

.card-outer {
	display: flex;
	flex-direction: column;
	position: relative;
	padding: var(--padding-xs);
	border: solid 1px #ccc;
	border-radius: var(--border-radius-lg);
	overflow: hidden;
}

.card-outer a {
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.card-outer h6 {
	font-size: 0.7rem;
	text-transform: uppercase;
}

.card-outer a:hover .card-button,
.card-outer a:hover .card-button-alt {
	color: #fff;
	background-color: var(--color-p66-red);
}

.card-inner {
	margin-bottom: 2.5rem;
	width: 100%;
	max-width: 100%;
	text-align: center;
	overflow: hidden;
	border-radius: var(--border-radius);
	display: flex;
	flex-direction: column;
	flex-grow: 1;
}

.card-inner img {
	width: 100%;
	height: 240px;
	object-fit: cover;
}

.card-content {
	background-color: var(--color-p66-ocean-blue);
	padding: var(--padding-xs);
	flex-grow: 1;
}

.card-content h6 {
	color: #fff;
	text-align: center;
}

.card-content p {
	color: #fff;
	font-size: 0.9rem;
	text-align: left;
}

.card-button,
.card-button-alt {
	position: absolute;
	padding: 6px 0;
	background-color: var(--color-p66-light-gray);
	border-top-left-radius: 2rem;
	text-align: center;
	color: var(--color-primary-text);
	font-size: 1.25rem;
}

.card-button {
	bottom: -10px;
	right: -10px;
}

.card-button-alt {
	bottom: -10px;
	right: 80px;
}

/* 
 * --------------------------------------------------
 * :: HOME TILES MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 768px) {
	.card-inner {
		max-width: 250px;
	}
}

@media (width >= 1200px) {
	.content-flex {
		gap: 2rem;
	}
}

/* 
 * --------------------------------------------------
 * :: CAROUSEL
 * --------------------------------------------------
 */

.carousel {
	width: 100%;
	overflow: hidden;
	padding: var(--padding-sm) 0 0 0;
}

.carousel-text-container {
	width: 100%;
}

.carousel-caption h5 {
	padding: 0.75rem;
	border-radius: 0.5rem;
	background-color: rgba(0, 40, 88, 0.85);
}

.carousel-inner img {
	height: 350px; /* Adjust this value to set the desired height */
	object-fit: cover;
	border-radius: var(--border-radius);
	border: solid 1px #ccc;
}

/* 
 * --------------------------------------------------
 * :: CAROUSEL MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 992px) {
	.carousel {
		flex: 0 0 55%;
		max-width: 55%;
		padding: 0 0 0 var(--padding-sm);
	}

	.carousel-text-container {
		flex: 0 0 45%;
		max-width: 45%;
	}
}

/* 
 * --------------------------------------------------
 * :: BENEFITS ENROLLMENT
 * --------------------------------------------------
 */
.ae-scrollspy-banner-container {
	width: 100%;
	padding: var(--padding-xs);
	border-radius: var(--border-radius);
	border: solid 1px #ccc;
}
.ae-scrollspy-banner-content {
	display: flex;
	padding: 2rem;
	justify-content: center;
	align-items: center;
	gap: 2rem;
	flex-direction: row;
	background-color: var(--color-p66-tucson-yellow-rgba-80);
	border-radius: var(--border-radius);
	border: solid 1px #ccc;
}

#modal-announcement-container {
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9000;
	width: 100vw;
	height: 100vh;
	background-color: rgba(51, 51, 51, 0.5);
}

.modal-outer-container {
	width: 50%;
	max-width: 800px;
	min-width: 350px;
	/* height: 50%; */
	max-height: 600px;
	border: solid 1px #fff;
	border-radius: var(--border-radius);
	padding: var(--padding-xxs);
}

.modal-content {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: var(--padding-sm);
	width: 100%;
	height: 100%;
	border-radius: var(--border-radius);
	background-image: url(/assets/images/EVP-Background.avif);
	background-repeat: no-repeat;
	background-position: right bottom;
	color: #fff;
}

.modal-text {
	margin-top: 2rem;
}

.modal-text h2,
.modal-text p {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}

.close-modal {
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
	color: #fff;
	font-size: 30px;
}

.fade-in {
	opacity: 0;
	animation: fadeIn 0.5s ease-in 1s forwards;
}

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

/* 
 * --------------------------------------------------
 * :: BENEFITS ENROLLMENT MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width >= 576px) {
	.modal-content {
		padding: var(--padding);
	}
}

/* 
 * --------------------------------------------------
 * :: BENEFITS ENROLLMENT MEDIA QUERIES
 * --------------------------------------------------
 */

@media (width <= 768px) {
	.ae-scrollspy-banner-content {
		flex-direction: column;
	}
	.ae-scrollspy-banner-content div:nth-child(2) {
		order: -1;
	}
}

/* 
 * --------------------------------------------------
 * :: GOOGLE SEARCH
 * --------------------------------------------------
 */

.gsc-control-cse {
	background-color: unset;
	border-color: #ccc;
	border-radius: var(--border-radius);
	font-family: "gotham", sans-serif !important;
	letter-spacing: -0.5px;
}

.gsc-control-cse .gsc-table-result {
	font-family: "gotham", sans-serif !important;
}

.gs-webResult.gs-result a.gs-title:link {
	color: var(--color-primary-text) !important;
}

.gs-webResult.gs-result a.gs-title:hover {
	color: var(--color-p66-slate-blue) !important;
}

.gsc-wrapper {
	max-width: 100% !important;
}

.gs-snippet {
	max-width: 70ch !important;
}

/* 
 * --------------------------------------------------
 * :: EXPERIMENTAL
 * --------------------------------------------------
 */

.masked-div {
	width: 100px;
	height: 48px;
	-webkit-mask-image: url("../assets/images/Go-Shape-Solid.svg");
	mask-image: url("../assets/images/Go-Shape-Solid.svg");
	-webkit-mask-size: contain;
	mask-size: contain;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
}

.hl {
	background-color: yellow;
}