main {
	background: #F5FCFC;
}

h1 {
	color: #0E345A;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.5625rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.5625rem !important;
	letter-spacing: 0.15625rem;
	text-transform: uppercase;
	margin-bottom: 0rem !important;
}

h2 {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.25rem !important;
	letter-spacing: 0.1125rem;
	text-transform: uppercase;
	margin-bottom: 0rem !important;
	align-self: stretch;
}

.bg-white {
	border-left: 16px solid #E9E9E9;
	border-right: 16px solid #E9E9E9;
	background: #FFF;
	display: flex;
	flex-direction: column;
	gap: 2rem;
}

.lead {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.5rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.8125rem !important;
	margin-bottom: 0rem;
}

blockquote {
	font-size: 1.35rem;
	font-style: italic;
	padding: 1rem 1.5rem 1rem 1.5rem;
	background: #E2F6F8 !important;
	margin-bottom: 0rem !important;
}

blockquote a {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
}

.sr-only {
	/* color: transparent; */
	text-decoration: none;
}

.story-capt-box {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	width: 100%;
	height: auto;
	padding: .3rem .8rem;
}

.story-capt {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.7rem;
	font-style: normal;
	font-weight: 700;
	line-height: 0.7125rem;
	margin-bottom: 0rem;
}

.story-cred {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.7rem;
	font-style: normal;
	font-weight: 350;
	line-height: 0.7125rem;
	margin-bottom: 0rem;
}

figure {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	flex: 1 0 0;
	align-self: stretch;
	margin-bottom: 0rem !important;
}

figure figcaption {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 700;
	line-height: 0.875rem;
	letter-spacing: 0.0075rem;
}

figure img {
	max-width: 100%;
	height: auto;
	border-radius: 0.5rem;
	border: 2px solid #D6F1F5;
}

.stories-header {
	display: flex;
	padding-bottom: 1.25rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	border-bottom: 2px solid #B6E0E3;
}

.stories-header h1 {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 4rem !important;
	font-style: normal;
	font-weight: 300 !important;
	line-height: 95% !important;
	text-align: left;
	letter-spacing: initial !important;
	text-transform: initial !important;
	margin-bottom: 0rem !important;
}

.rc-hero-container {
	position: relative;
}

.skip-to-content {
	color: #B30000;
	position: absolute;
	top: 0;
	left: -215px;
	padding: 0 10px;
	background-color: white;
	border-radius: 5px;
	z-index: 2000;
	transition: left .3s ease-out;
	-webkit-transition: left .3s ease-out;
}

.skip-to-content:focus {
	left: 0px;
}

.met ul {
	padding-left: 1.5rem !important;
	margin-bottom: 0rem;
}

.met ul li {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
	margin-bottom: 0rem;
}

.met ol {
	padding-left: 1.5rem !important;
	margin-bottom: 0rem !important;
}

.met ol li {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
	margin-bottom: 0rem;
}

.stories-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 3rem 2.625rem;
}

.contrib-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 3rem 2.625rem;
}

.bio-card {
	display: flex;
	padding: 1.5rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1.5rem;
	background: #E2F6F8;
	width: 21.75rem !important;
}

.bio-top {
	display: flex;
	align-items: flex-start;
	gap: 1rem;
	align-self: stretch;
}

.bio-headshot-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}

.bio-headshot-box img {
	width: 8.125rem;
	height: 10.6875rem;
	border-radius: 1.5rem;
	object-fit: cover;
}

.bio-top-right {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
}

.bio-title-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	align-self: stretch;
}

.bio-name {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.25rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.25rem !important;
	margin-bottom: 0rem;
	align-self: stretch;
	text-transform: capitalize !important;
	letter-spacing: initial !important;
}

.bio-detail {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 350 !important;
	line-height: 1.125rem !important;
	align-self: stretch;
	margin-bottom: 0rem;
}

.bio-edu {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem !important;
	font-style: italic;
	font-weight: 350 !important;
	line-height: 0.9375rem !important;
	align-self: stretch;
}

.bio-bottom {
	display: flex;
	padding-top: 1rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	align-self: stretch;
}

.bio-bottom p {
	overflow: hidden;
	color: #000;
	text-overflow: ellipsis;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 1.625rem !important;
	margin-bottom: 0rem;
	transition: max-height 0.5s ease;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 6;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bio-bottom a {
  text-decoration: underline;
  color: #000;
}

.bio-bottom a:hover {
  text-decoration: none;
  color: #0C4CAB;
}

.bio-more {
	display: flex;
	padding: 0.25rem 0rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}

.bio-more button {
	display: flex;
	justify-content: flex-start;
	width: 100%;
	border: none;
	background: no-repeat;
}

.bio-more button[aria-expanded="false"]::before {
	content: "\f0fe";
	font: normal normal normal 1.2125rem/1.25rem "Font Awesome 6 Pro";
	font-weight: normal;
	font-weight: 200;
	color: #0E345A;
}

.bio-more button[aria-expanded="true"]::before {
	content: "\f146" !important;
	font: normal normal normal 1.2125rem/1.25rem "Font Awesome 6 Pro";
	font-weight: normal;
	font-weight: 200;
	color: #0E345A;
}

.ellipsis {
	max-height: 10rem;
}

.expanded {
	max-height: 30rem;
	display: initial !important;
}

.expanded-1 {
	max-height: 30rem;
	display: initial !important;
}

.expanded-2 {
	max-height: 41rem;
	display: initial !important;
}

.expanded-3 {
	max-height: 47rem;
	display: initial !important;
}

.expanded-4 {
	max-height: 77rem;
	display: initial !important;
}

.expanded-5 {
	max-height: 45rem;
	display: initial !important;
}

.expanded-6 {
	max-height: 40rem;
	display: initial !important;
}

.expanded-7 {
	max-height: 57rem;
	display: initial !important;
}

.expanded-8 {
	max-height: 64rem;
	display: initial !important;
}

.expanded-9 {
	max-height: 61rem;
	display: initial !important;
}

.expanded-10 {
	max-height: 31rem;
	display: initial !important;
}

.expanded-11 {
	max-height: 60rem;
	display: initial !important;
}

.expanded-12 {
	max-height: 38rem;
	display: initial !important;
}

.expanded-13 {
	max-height: 42rem;
	display: initial !important;
}

.expanded-14 {
	max-height: 44rem;
	display: initial !important;
}

.expanded-15 {
	max-height: 33rem;
	display: initial !important;
}

.expanded-16 {
	max-height: 39rem;
	display: initial !important;
}

.expanded-17 {
	max-height: 72rem;
	display: initial !important;
}

.expanded-18 {
	max-height: 64rem;
	display: initial !important;
}

.expanded-19 {
	max-height: 52rem;
	display: initial !important;
}

.expanded-20 {
	max-height: 42rem;
	display: initial !important;
}

.expanded-21 {
	max-height: 42rem;
	display: initial !important;
}

.expanded-22 {
	max-height: 36rem;
	display: initial !important;
}

.expanded-23 {
	max-height: 38rem;
	display: initial !important;
}

.expanded-24 {
	max-height: 34rem;
	display: initial !important;
}

.expanded-25 {
	max-height: 80rem;
	display: initial !important;
}

.expanded-26 {
	max-height: 80rem;
	display: initial !important;
}

.expanded-27 {
	max-height: 38rem;
	display: initial !important;
}

.expanded-28 {
	max-height: 45rem;
	display: initial !important;
}

.expanded-29 {
	max-height: 80rem;
	display: initial !important;
}

.expanded-30 {
	max-height: 75rem;
	display: initial !important;
}

.expanded-32 {
	max-height: 75rem;
	display: initial !important;
}

.card-height-cap {
	max-height: 26rem;
}

.filters-box {
	display: flex;
	padding: 0.5rem 0rem;
	align-items: center;
	align-content: center;
	gap: 1.875rem;
	flex: 1 0 0;
	flex-wrap: wrap;
	border-top: 1px solid #B6E0E3;
	border-bottom: 1px solid #B6E0E3;
}

.filters-box .dropdown {
	width: 10.125rem;
}

.filters-box .clear-filter {
	width: 10.125rem;
}

.dropdown {
	width: 15rem;
}

.dropdown-btn {
	width: 100%;
	border: none;
	background-color: white;
	padding: 1rem 0rem 1rem 0rem;
	text-align: left;
}

.dropdown-btn-acc {
	width: 100%;
	border: none;
	background-color: transparent;
	text-align: left;
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: 0.5rem;
}

.account-status {
	color: #FFF;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 105%;
	letter-spacing: 0.20313rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
	position: relative;
}

.acc-right-sub {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}

.clear-filter {
	display: flex;
	flex-direction: row;
	width: 15rem;
	background: #0E345A;
	color: #FFF;
	border-radius: 0.5rem;
	align-items: center;
	padding: .3rem .7rem;
	gap: .5rem;
	text-decoration: none;
}

.clear-filter:hover {
	text-decoration: underline;
	color: #FFF;
}

.clear-filter:focus-visible {
	text-decoration: underline;
	color: #FFF;
}

.clear-filter-close {
	color: #FFF;
	border: none;
	background: none;
}

.clear-filter i {
	color: #FFF;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 300;
	line-height: 1.75rem;
}

.clear-filter p {
	font-family: freight-sans-pro, sans-serif;
	color: #FFF;
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 350 !important;
	line-height: 1rem !important;
	margin-bottom: 0rem;
}

.dropdown-text {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1rem;
}

.fa-square-caret-down {
	content: "\f150";
	font: normal normal normal 1.8125rem/1.75rem "Font Awesome 6 Pro";
	font-weight: 900;
	color: #0E345A;
}

.fa-square-caret-up {
	content: "\f151";
	font:
  normal normal normal 1.8125rem/1.75rem "Font Awesome 6 Pro";
	  font-weight: normal;
	font-weight: 900;
	color: #0E345A;
}

#stories-btn[aria-expanded="true"] .stories-dropdown-btn i {
	content: "\f151" !important;
	--fa: "\f151";
	font: normal normal normal 1.8125rem/1.75rem "Font Awesome 6 Pro";
	color: #0E345A;
	font-weight: 900;
}

.plots-accord[aria-expanded="true"] .plot-drop-d i {
	content: "\f151" !important;
	--fa: "\f151";
	font: normal normal normal 1.8125rem/1.75rem "Font Awesome 6 Pro";
	color: #0E345A;
	font-weight: 900;
}

.carousel-item {
	border-radius: 1.5rem 1.5rem 0rem 0rem;
	padding: 0rem !important;
}

.slideshow-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 1.5rem;
	background: #0E345A;
}

.slideshow-img-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.slideshow-img-block img {
	height: 21.25rem;
	width: 100%;
	align-self: stretch;
	object-fit: cover;
	border-radius: 1.5rem 1.5rem 0rem 0rem;
}

.slideshow-credit-block {
	display: flex;
	padding: 0rem 0.5rem;
	align-items: flex-start;
	gap: 0.5rem;
	align-self: stretch;
}

.slideshow-content-block {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	align-self: stretch;
}

.slideshow-name-block {
	display: flex;
	padding: 1rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.slideshow-name {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.125rem !important;
	align-self: stretch;
	margin-bottom: 0rem !important;
}

.slideshow-species {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.625rem !important;
	font-style: normal;
	font-weight: 350 !important;
	line-height: 0.8125rem !important;
	margin-bottom: 0rem !important;
}

.slideshow-controls-block {
	display: flex;
	padding: 0rem var(--Card-Margin, 1.5rem);
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-top: 0.25px solid #FFF;
}

.slideshow-controls-left {
	display: flex;
	padding: 0.5rem 0rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.slideshow-controls-center {
	display: flex;
	width: 33.75rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}

.slideshow-controls-right {
	display: flex;
	padding: 0.5rem 0rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.playback-btn {
	background: transparent;
	border: none;
	color: #FFF;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 900;
	line-height: 140%;
	padding: 0rem 0rem;
}

.threat-table-text h3 {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.625rem !important;
	margin-bottom: 0rem;
}

.play-box {
	display: flex;
	padding: 0.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.play-box button {
	border: none;
	background: transparent;
}

.play-box #play-button::after {
	background: transparent;
	border: none;
	color: #FFF;
	content: "\f04b";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 900;
	line-height: 140%;
}

.play-box #pause-button::after {
	background: transparent;
	border: none;
	color: #FFF;
	content: "\f04c";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.25rem;
	font-style: normal;
	font-weight: 900;
	line-height: 140%;
}

.slideshow-index-current {
	display: flex;
	padding: 0.375rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	border-radius: 0.25rem;
	border: 0.25px solid #FFF;
	background: #FFF;
	padding: .175rem 0.6rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.slideshow-index {
	display: flex;
	padding: 0.375rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	border-radius: 0.25rem;
	border: 0.25px solid #FFF;
	background: none;
	color: #FFF;
	padding: .175rem 0.6rem;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600;
	line-height: 140%;
}

.conserve-card {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	align-self: stretch;
	border-radius: 1.5rem;
	background: linear-gradient(0deg, rgba(226, 246, 248, 0.00) 0%, #E2F6F8 1rem, #E2F6F8 95%, rgba(226, 246, 248, 0.30) 100%), url(https://www.aquariumofpacific.org/images/report_card/decoratives/background_stripes.png) #E2F6F8 0% 0% / 30px 30px repeat;
}

.conserve-sub {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.conserve-sub table {
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.conserve-sub p {
	color: #0e345a;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
	margin-bottom: 0rem;
}

.references-card {
	display: flex;
	padding: 1.5rem;
	align-items: center;
	gap: 0.25rem;
	align-self: stretch;
	border-radius: 1.5rem;
	background: #E2F6F8;
}

.references-card a {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
	letter-spacing: 0.1125rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
	text-decoration: none;
	position: relative;
}

.references-card a:hover {
	text-decoration: underline;
}

.references-card a:focus-visible {
	text-decoration: underline;
}

.references-card a::after {
	content: "\f30f";
	font-family: "Font Awesome 6 Pro";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 300;
	color: #0E345A;
	line-height: 1.75rem;
	top: -3.5px;
	position: absolute;
	padding-left: 0.3rem;
}

.plots-card {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
	border-radius: 1.5rem;
	background: linear-gradient(0deg, rgba(226, 246, 248, 0.00) 0%, #E2F6F8 1rem, #E2F6F8 88%, rgba(226, 246, 248, 0.30) 100%), url(https://www.aquariumofpacific.org/images/report_card/decoratives/background_stripes.png) #E2F6F8 0% 0% / 30px 30px repeat;
}

.plot-item {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.plots-accord {
	display: flex;
	padding: 0.5625rem 0rem;
	justify-content: space-between;
	align-items: center;
	align-self: stretch;
	border-top: 1px solid #E2F6F8;
	border-bottom: 1px solid #E2F6F8;
	border-left: none;
	border-right: none;
	background: none;
}

.plots-accord-left {
	display: flex;
	align-items: center;
	gap: 0.4375rem;
	flex: 1 0 0;
}

.plots-accord-left p {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.25rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.25rem !important;
	margin-bottom: 0rem !important;
	text-align: left;
}

.plot-icon {
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
}

.plot-icon svg {
	width: 2rem;
	height: 2rem;
	fill: #0E345A;
	position: relative;
}

.plot-content img {
	border-radius: 0.5rem;
	border: 2px solid #D6F1F5;
}

.plot-icon i {
	content: "\f201";
	font-family: "Font Awesome 6 Pro";
	font-size: 1.11113rem;
	font-style: normal;
	font-weight: 300;
	line-height: 3.5rem;
	color: #FFF;
	position: absolute;
}

.plot-dropdown-btn {
	border: none;
	background-color: transparent;
}

.plot-source {
	display: flex;
	padding-top: 0.25rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	border-top: 0.25px solid #000;
}

.plot-source p {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem !important;
	font-style: italic;
	font-weight: 350 !important;
	line-height: 1.0625rem !important;
	margin-bottom: 0rem;
	text-wrap: auto;
	overflow-wrap: anywhere;
}

.plot-cap-block {
	display: flex;
	padding: 0rem 1rem 1rem 1rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
}

.plot-content {
	display: flex;
	flex-direction: column;
	gap: 1rem;
}

.plot-content p {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.825rem;
	font-style: normal;
	font-weight: 350;
	line-height: 0.825rem;
	margin-bottom: 0rem;
}

@media (min-width:2000px) {
	.filters-box .dropdown {
		width: 18.125rem;
	}

	.filters-box .clear-filter {
		width: 18.125rem;
	}
}

@media (min-width:1770px) and (max-width: 1999px) {
	.filters-box .dropdown {
		width: 14.125rem;
	}

	.filters-box .clear-filter {
		width: 14.125rem;
	}
}

@media (min-width:1400px) and (max-width: 2500px) {
	.rc-hero-home {
		height: 45rem;
	}

	.rc-hero-story {
		height: 45rem;
	}
}

@media (min-width:1200px) and (max-width: 1399px) {
	.rc-hero-home {
		height: 37.5rem;
	}

	.rc-hero-story {
		height: 37.5rem;
	}

	.st-card-sn {
		width: 28rem;
	}

	.vert .acc-icons-sub img {
		width: 4.8125rem !important;
		height: 4.8125rem !important;
	}
}

@media (min-width:1200px) {
	.st-card-sn {
		width: 28rem !important;
	}
}

@media (min-width:992px) and (max-width: 1199px) {
	.acc-anim-title {
		font-size: 2.5625rem !important;
		line-height: 2.0625rem !important;
		letter-spacing: 0.25rem !important;
	}

	.vert .acc-anim-title {
		font-size: 2.0625rem !important;
		line-height: 1.8125rem !important;
		letter-spacing: 0.125rem !important;
		text-transform: uppercase;
	}

	.rc-hero-home {
		height: 31.25rem;
	}

	.rc-hero-story {
		height: 31.25rem;
	}

	.thumb-sub {
		height: 7rem !important;
	}

	.st-card-sn {
		width: 24rem !important;
	}

	.filters-box .dropdown {
		width: 7.9rem;
	}

	.filters-box .clear-filter {
		width: 7.9rem;
	}

	.vert .acc-icons-sub img {
		width: 4.8125rem !important;
		height: 4.8125rem !important;
	}

	.account-header:not(.vert) .acc-icons-sub {
		flex-direction: column !important;
		justify-content: center;
	}

	.account-header:not(.vert) .acc-right-sub p {
		text-align: center !important;
	}

	.account-header {
		justify-content: flex-start;
		align-items: flex-start;
		flex-direction: row;
	}

	.acc-header-right {
		flex-direction: row !important;
		align-items: flex-start;
		justify-content: flex-start;
		padding: 1.875rem 1.5rem 1.5rem 0rem !important;
	}
}

@media (max-width: 991px) {
	.species-thumb-img {
		height: 15.9375rem !important;
	}

	.sheet-card {
		width: 100%;
	}

	.accounts-header-spacer {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
	}
}

@media (min-width:768px) and (max-width: 991px) {
	.acc-anim-title {
		font-size: 3.0625rem !important;
		font-weight: 700;
		line-height: 2.5rem !important;
		letter-spacing: 0.3125rem !important;
	}

	.rc-hero-home {
		height: 23.438rem;
	}

	.rc-hero-story {
		height: 23.438rem;
	}

	.filters-box .dropdown {
		width: 9.125rem;
	}

	.filters-box .clear-filter {
		width: 9.125rem;
	}

	.slideshow-img-block img {
		height: 17.1875rem !important;
	}

	.report-container {
		padding: 1.5rem 1.5rem !important;
		gap: 1.5rem !important;
	}

	.card-ear-top {
		width: 2.763rem !important;
		height: 2.888rem !important;
		position: absolute;
		right: 0.05rem !important;
		top: -0.07rem !important;
		background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
		transform: rotate(270deg);
		border-radius: 1.5rem 0rem;
	}

	.card-ear-top svg {
		transform: rotate(90deg);
		position: absolute;
		top: 22px !important;
		right: 9px !important;
		width: 1rem !important;
		height: 1.257rem !important;
	}

	.card-ear-horiz {
		right: 0.05rem !important;
	}

	.account-header-top .acc-icons-sub img {
		width: 4.8125rem;
		height: 4.8125rem;
	}

	.account-header-top .acc-right-sub p {
		font-weight: 700 !important;
		line-height: 105%;
		letter-spacing: 0.09375rem;
		margin-bottom: 0rem;
		width: 4.63rem;
	}

	.account-content {
		padding: 0rem 1rem !important;
	}

	.threats-card {
		padding: var(--Card-Margin, 1.5rem);
		flex-direction: column;
		align-items: flex-start;
		gap: 1rem;
		flex: 1 0 0;
	}

	.trend-item img {
		width: 5.3125rem !important;
		height: 5.3125rem !important;
	}

	.species-thumb-img {
		height: 15.9375rem !important;
	}

	.st-card-sn {
		width: 22rem !important;
	}

	.card-height-cap {
		max-height: 27.5rem !important;
	}

	.bio-card {
		width: 21.3rem !important;
	}

	.expanded {
		max-height: 31rem !important;
	}

	.expanded-3 {
		max-height: 51rem !important;
	}

	.expanded-4 {
		max-height: 92rem !important;
	}

	.expanded-5 {
		max-height: 53rem !important;
	}

	.expanded-6 {
		max-height: 50rem !important;
	}

	.expanded-9 {
		max-height: 72rem !important;
	}

	.expanded-11 {
		max-height: 75rem !important;
	}

	.expanded-14 {
		max-height: 50rem !important;
	}

	.expanded-23 {
		max-height: 40rem !important;
	}
}

@media (min-width: 577px) and (max-width: 991px) {
	.card-ear-top {
		width: 2.763rem !important;
		height: 2.888rem !important;
		position: absolute;
		right: 0.05rem !important;
		top: -0.07rem !important;
		background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
		transform: rotate(270deg);
		border-radius: 1.5rem 0rem;
	}

	.card-ear-top svg {
		transform: rotate(90deg);
		position: absolute;
		top: 22px !important;
		right: 9px !important;
		width: 1rem !important;
		height: 1.257rem !important;
	}
}

@media(max-width: 767px) {
	.st-card-sn {
		width: 100% !important;
	}
}


@media (min-width:576px) and (max-width: 767px) {

	.vert .acc-anim-title {
		font-size: 2.625rem !important;
		line-height: 2.25rem !important;
		letter-spacing: 0.25rem !important;
	}

	.rc-hero-home {
		height: 17.5rem;
	}

	.rc-hero-story {
		height: 17.5rem;
	}

	.account-content {
		padding: 0rem 1rem !important;
	}

	.acc-icons-sub img {
		width: 4.8125rem !important;
		height: 4.8125rem !important;
	}

	.acc-icons-sub {
		width: min-content;
	}

	.account-header-top .acc-right-sub p {
		text-align: center;
		font-size: 0.625rem;
		font-style: normal;
		font-weight: 700;
		line-height: 105%;
		letter-spacing: 0.09375rem;
		text-transform: uppercase;
	}

	.card-ear-horiz {
		right: .78rem !important;
	}
}

@media (min-width: 577px) {
	.acc-anim-title {
		font-size: 3.0625rem !important;
		line-height: 2.5rem !important;
		letter-spacing: 0.3125rem !important;
	}
}

@media (max-width: 575px) {
	.acc-anim-title {
		font-size: 2rem !important;
		line-height: 1.6375rem !important;
		letter-spacing: 0.125rem !important;
	}

	.vert .acc-anim-title {
		font-size: 1.625rem !important;
		line-height: 1.325rem !important;
		letter-spacing: 0.125rem !important;
	}

	.rc-hero-home {
		height: 15.625rem;
	}

	.rc-hero-story {
		height: 15.625rem;
	}

	.acc-container {
		padding: 1.5rem 1.5rem !important;
	}

	.acc-header-right {
		align-items: center !important;
		justify-content: center;
	}

	.account-content {
		padding: 0rem 0rem !important;
	}

	.acc-icons-sub {
		width: min-content;
	}

	.vert .acc-header-right {
		padding: 1.5rem 1.125rem 1.125rem 0rem !important;
	}

	.acc-icons-sub img {
		height: 2.1875rem !important;
		width: 2.1875rem !important;
	}

	.vert .acc-icons {
		width: 3.3rem;
	}

	.account-header-top .acc-right-sub p {
		font-size: 0.4375rem !important;
		line-height: 105% !important;
		letter-spacing: 0.06563rem !important;
	}

	.account-header-top .acc-left-sub p {
		font-size: 0.75rem !important;
		font-weight: 350 !important;
		line-height: 0.8125rem !important;
	}

	.threats-card {
		padding: 1.5rem 0rem !important;
	}

	.card-ear-horiz {
		right: 0.8rem !important;
	}

	.threats-card h2 {
		padding-left: 1rem;
	}

	.slideshow-img-block img {
		height: 17.1875rem !important;
	}

	.maincontainer {
		padding: 1.5rem 1.5rem !important;
	}

	.clear-filter {
		width: 100% !important;
	}

	.card-ear-top {
		width: 2.763rem !important;
		height: 2.888rem !important;
		position: absolute;
		right: 0.05rem !important;
		top: -0.07rem !important;
		background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
		transform: rotate(270deg);
		border-radius: 1.5rem 0rem;
	}

	.card-ear-top svg {
		transform: rotate(90deg);
		position: absolute;
		top: 22px !important;
		right: 9px !important;
		width: 1rem !important;
		height: 1.257rem !important;
	}

	.account-content p:not(:last-child) {
		font-weight: 400 !important;
		font-size: 1.325rem !important;
		line-height: 1.825rem !important;
	}

	.mod-date {
		color: #000;
		font-variant-numeric: lining-nums proportional-nums;
		font-family: freight-sans-pro, sans-serif;
		font-size: 0.8125rem !important;
		font-style: normal !important;
		font-weight: 350 !important;
		line-height: 1.0625rem !important;
		margin-bottom: 0rem;
	}

	.acc-header-left {
		padding: 1.125rem 0rem 1.125rem 1.5rem !important;
		min-width: initial !important;
		justify-content: center;
	}

	.acc-header-right {
		padding: 1.5rem 1.125rem 1.125rem 0rem !important;
	}

	.threats-icon-item {
		width: 8.4375rem !important;
		height: 8.875rem !important;
		/* padding: 0.93419rem; */
	}

	.status-trends-row {
		display: flex;
		padding: 1.5rem;
		justify-content: space-between !important;
		align-items: flex-start;
		align-content: flex-start;
		row-gap: 1.5rem;
		align-self: stretch;
		flex-wrap: wrap;
	}

	.trend-item img {
		width: 6rem !important;
		height: 6rem !important;
	}

	.sections-main li a {
		color: #000;
		text-decoration: none;
		padding-left: 1rem !important;
	}

	.report-container {
		padding: 1.5rem 1.5rem !important;
	}

	main p {
		font-weight: 400 !important;
		font-size: 1.325rem !important;
		line-height: 1.825rem !important;
	}

	.lead {
		font-size: 1.5rem !important;
		font-weight: 700 !important;
		line-height: 1.8125rem !important;
	}

	.species-left-text p {
		font-size: 0.8125rem !important;
		font-style: italic !important;
		font-weight: 350 !important;
		line-height: 0.9375rem !important;
	}

	.trend-item p {
		font-size: 1rem !important;
		font-weight: 600 !important;
		line-height: 1.1rem !important;
	}

	.about-sub p {
		font-size: 1.325rem !important;
		line-height: 1.825rem !important;
	}

	.stories-header h1 {
		font-size: 3rem !important;
	}

	.hang-indent-list {
		font-size: 1.025rem !important;
		line-height: 1.325rem !important;
	}

	.inv-card {
		display: flex;
		flex-direction: column;
	}

	.inv-img {
		width: 100% !important;
		height: 14.25rem !important;
	}

	.inv-content {
		gap: 1rem;
	}

	.stories-container {
		padding: 1.5rem 1.5rem !important;
	}

	.rc-hero-container {
		height: 15.625rem;
	}

	.rc-hero-container-sm {
		height: 15.625rem;
	}

	.rc-pullquote {
		width: initial !important;
	}

	.rc-pullquote div {
		padding: 1rem !important;
	}

	.inter-ul {
		font-weight: 400 !important;
		width: initial !important;
	}

	.met ol li {
		font-weight: 400 !important;
		font-size: 1.325rem !important;
		line-height: 1.825rem !important;
	}

	.threat-table {
		gap: 4rem !important;
	}

	.threat-table-row {
		display: flex;
		flex-direction: column;
		justify-content: center !important;
		align-items: center !important;
		gap: 1rem;
	}

	.threat-table-icon {
		padding-right: initial;
	}

	.threat-table-text {
		align-items: center;
	}

	.stories-header h1 {
		font-size: 3rem !important;
	}

	.contrib-container {
		padding: 1.5rem 1.5rem !important;
	}

	.bio-card {
		width: 20.15rem !important;
	}

	.expanded-1 {
		max-height: 32rem !important;
	}

	.expanded-2 {
		max-height: 45rem !important;
	}

	.expanded-3 {
		max-height: 55rem !important;
	}

	.expanded-4 {
		max-height: 84rem !important;
	}

	.expanded-5 {
		max-height: 52rem !important;
	}

	.expanded-6 {
		max-height: 47rem !important;
	}

	.expanded-8 {
		max-height: 71rem !important;
	}

	.expanded-9 {
		max-height: 66rem !important;
	}

	.expanded-10 {
		max-height: 34rem !important;
	}

	.expanded-13 {
		max-height: 46rem !important;
	}

	.expanded-14 {
		max-height: 48rem !important;
	}

	.expanded-16 {
		max-height: 43rem !important;
	}

	.expanded-18 {
		max-height: 69rem !important;
	}

	.expanded-19 {
		max-height: 55rem !important;
	}

	.expanded-20 {
		max-height: 44rem !important;
	}

	.expanded-22 {
		max-height: 38rem !important;
	}

	.expanded-23 {
		max-height: 41rem !important;
	}

	.expanded-25 {
		max-height: 86rem !important;
	}

	.expanded-26 {
		max-height: 86rem !important;
	}

	.expanded-27 {
		max-height: 40rem !important;
	}

	.expanded-29 {
		max-height: 88rem !important;
	}

	#bc-10 .expanded {
		max-height: 34rem;
	}

	#bc-11 .expanded-11 {
		max-height: 68rem;
	}

	#bc-13 .expanded {
		max-height: 35rem;
	}
}

@media (min-width:568px) and (max-width:767px) {
	.filters-box .dropdown {
		width: 100%;
	}

	.filters-box .clear-filter {
		width: 100%;
	}

	.maincontainer {
		padding: 1.5rem 1.5rem !important;
	}

	.vert .acc-header-left {
		min-width: initial !important;
	}
}

@media(min-width:400px) and (max-width:576px) {
	.filters-box .dropdown {
		width: 10rem !important;
	}

	.filters-box .clear-filter {
		width: 10rem !important;
	}
}

@media(min-width:350px) and (max-width:399px) {
	.filters-box .dropdown {
		width: 8rem !important;
	}

	.filters-box .clear-filter {
		width: 8rem !important;
	}
}

.about-card {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.about-sub {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

p {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
	margin-bottom: 0rem !important;
}

p span {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.5rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
}

.sheet-card {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	text-decoration: none;
}

.sheet-card:hover {
	text-decoration: none;
}

.sheet-card:hover img {
	opacity: 0.5;
}

.sheet-card:focus-visible img {
	opacity: 0.5;
}

.sheet-card p {
	color: #000;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

.sheet-img {
	width: 100%;
	object-fit: cover;
	border-radius: 0.75rem;
	border: 2px solid #B6E0E3;
	object-position: top;
}

.species-thumb {
	display: flex;
	width: 16.25rem;
	flex-direction: column;
	align-items: flex-start;
	border-radius: 1.5rem;
}

.species-thumb-img {
	height: 12.1875rem;
	width: 100%;
	border-radius: 1.5rem 1.5rem 0rem 0rem;
	object-fit: cover;
}

.species-card {
	overflow: hidden;
	position: relative;
}

.species-card .card-ear {
	width: 2.763rem !important;
	height: 2.888rem !important;
	position: absolute;
	right: 0.8rem !important;
	top: -0.07rem !important;
	background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
	transform: rotate(270deg);
	border-radius: 1.5rem 0rem;
}

.species-card .card-ear svg {
	transform: rotate(90deg);
	position: absolute;
	top: 22px !important;
	right: 9px !important;
	width: 1rem !important;
	height: 1.257rem !important;
}

.thumb-sub {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	background: #0E345A;
	border-radius: 0rem 0rem 1.5rem 1.5rem;
	height: 5.9375rem;
}

.species-left {
	display: flex;
	padding: 0.75rem 0rem 0.75rem 1.5rem;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
	align-self: stretch;
	color: #FFF;
}

.species-left-text {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	align-self: stretch;
}

.species-left-text a {
	text-decoration: none;
}

.species-left-text h2 {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.1875rem !important;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1875rem !important;
	text-transform: uppercase;
	margin-bottom: 0rem;
	word-break: normal;
	letter-spacing: initial !important;
}

.species-card:hover {
	opacity: 0.8;
}

.species-left-text a:hover {
	text-decoration: none;
}

.species-left-text a:focus-visible {
	text-decoration: none;
}

.species-card:has(.species-left-text a:focus-visible) {
	opacity: 0.8;
}

.species-left-text h3 {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.1875rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.1875rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

.species-left-text p {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem;
	font-style: italic;
	font-weight: 350;
	line-height: 0.9375rem;
	margin-bottom: 0rem;
}

.species-right {
	display: flex;
	padding: 0.875rem;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 0.5rem;
	align-self: stretch;
	border-radius: 0rem 0rem 1.5rem 0rem;
}

.species-right-icons {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-end;
	gap: 0.25rem;
}

.species-right-icons img {
	width: 2.3125rem;
	height: 2.3125rem;
}

.status-card {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	align-self: stretch;
	border-radius: 1.5rem;
	background: linear-gradient(0deg, rgba(226, 246, 248, 0.00) 0%, #E2F6F8 32%, #E2F6F8 73.5%, rgba(226, 246, 248, 0.30) 100%), url(https://www.aquariumofpacific.org/images/report_card/decoratives/background_stripes.png) #E2F6F8 0% 0% / 30px 30px repeat;
}

.status-head {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
	letter-spacing: 0.1125rem;
	text-transform: uppercase;
	align-self: stretch;
	position: relative;
	margin-bottom: 0rem;
}

.status-head a {
	display: inline-block;
	width: .8rem;
	height: .8rem;
}

.status-head a::after {
	content: "\f30f";
	font-family: "Font Awesome 6 Pro";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 300;
	color: #0E345A;
	line-height: 1.75rem;
	top: -4px;
	position: absolute;
	padding-left: 0.1rem;
}

.status-sub {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	margin-bottom: 0rem;
}

.status-trend-box {
	display: flex;
	padding: 0.75rem 0rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}

.status-subhead {
	color: #0E345A;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.0625rem;
	letter-spacing: 0.08125rem;
	align-self: stretch;
	margin-bottom: 0rem;
}

.status-trends-row {
	display: flex;
	padding: 1.5rem;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
	row-gap: 1.5rem;
	align-self: stretch;
	flex-wrap: wrap;
	border-radius: 1rem;
	background: var(--New-Shade, #D1EEF0);
}

.trend-item {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.25rem;
	width: min-content;
}

.trend-item img {
	width: 5.3125rem;
	height: 5.3125rem;
}

.trend-item p {
	color: #063666;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1rem;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 1.1rem;
	margin-bottom: 0rem;
}

.sections-card {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 1.5rem;
	background: linear-gradient(0deg, rgba(226, 246, 248, 0.00) 0%, #E2F6F8 32%, #E2F6F8 73.5%, rgba(226, 246, 248, 0.30) 100%), url(https://www.aquariumofpacific.org/images/report_card/decoratives/background_stripes.png) #E2F6F8 0% 0% / 30px 30px repeat;
}

.sections-main {
	display: flex;
	padding-bottom: var(--Card-Margin, 1.5rem);
	flex-direction: column;
	align-items: flex-start;
	align-self: stretch;
	background: #E2F6F8;
}

.sections-main-sub {
	display: flex;
	padding: 1.25rem 1rem;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	border-top: 1.5px solid #B6E0E3;
	border-bottom: 1.5px solid #B6E0E3;
}

.sections-main-left {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	flex: 1 0 0;
}

.sections-main-left img {
	width: 2.75rem;
	height: 2.75rem;
}

.sections-main-left p {
	font-family: freight-sans-pro, sans-serif;
	color: #000;
	font-size: var(--Text-Font-Size-Big-Links, 1rem);
	font-style: normal;
	font-weight: 700 !important;
	line-height: var(--Text-Line-Height-Big-Links, 1rem);
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

.stories-dropdown-btn {
	border: none;
	padding: 1rem 0rem 1rem 0rem;
	text-align: left;
	background: transparent;
	font-size: 1.8125rem;
	font-style: normal;
	font-weight: 900;
	line-height: 1.75rem;
}

#stories-btn {
	background: none;
	border-left: none;
	border-right: none;
}

#stories-btn:hover {
	background: #bfdfe2;
}

#stories-btn:focus-visible {
	background: #bfdfe2;
}

.section-b {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.section-b-box {
	display: flex;
	padding: 1.25rem 1rem;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
	border-top: 1.5px solid #B6E0E3;
	border-bottom: 1.5px solid #B6E0E3;
	text-decoration: none;
	background: #E2F6F8;
}

.section-b-box:hover {
	background: #bfdfe2;
	text-decoration: underline;
}

.section-b-box:focus-visible {
	background: #bfdfe2;
	text-decoration: underline;
}

.section-b-box img {
	width: 2.75rem;
	height: 2.75rem;
}

.section-b-box p {
	font-family: freight-sans-pro, sans-serif;
	color: #000;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1rem;
	letter-spacing: 0.1rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

.report-container {
	display: flex;
	padding: 3rem 2.625rem;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.view-link {
	font-family: freight-sans-pro, sans-serif;
	color: #000;
	text-decoration: underline;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
}

.view-link:hover {
	text-decoration: none;
}

.profiles-box {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.sections-main li {
	list-style: none;

	font-family: freight-sans-pro, sans-serif;
}

.sections-main ul li a div img {
	width: 2rem;
	height: 2rem;
}

.sections-main ul li a div {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 1.5rem;
	height: 100%
}

.sections-main ul {
	list-style-type: none;
	padding-left: 0rem;
}

.sections-main li a {
	color: #000;
	text-decoration: none;
	font-size: 1rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1rem;
	display: flex;
	padding: 0.375rem 0.5rem;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}

.sections-main li:hover {
	background: #bfdfe2;
	text-decoration: none;
}

.sections-main li a:focus-visible {
	background: #bfdfe2;
	text-decoration: none;
}

.sections-main li:has(.sections-main li a:focus-visible) {
	background: #bfdfe2;
	text-decoration: none;
}

.sections-main li a:hover {
	color: #000;
	text-decoration: underline;
}

.sections-main li a:focus-visible {
	color: #000;
	text-decoration: underline;
}

.acc-container {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
	padding: 3rem 2.625rem;
}

/* Footer */

#footer-details p {
	margin: 0;
	line-height: .95rem;
	font-size: 0.8rem;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-weight: 300;
}

.fd-full p {
	font-size: 1.1rem !important;
	line-height: 1.4rem !important;
}

.footer {
	padding-top: 30px;
	width: 100%;
	background-image: linear-gradient(360deg, #0388E2 0%, #046AAF 100%);
}

.footer p {
	font-size: 0.875rem;
	line-height: 1.125rem;
	font-weight: 400;
	font-family: freight-sans-pro, sans-serif;
	color: white;
}

.footer button {
	background-color: white;
	border-radius: .25rem;
	padding-left: 12px;
	margin-left: -3px;
	border: none;
	color: #00BBFF;
}

.footer input {
	border: none;
	/* 		font-size: 0.875rem; */
	line-height: 1.125rem;
	font-weight: 400;
	font-family: freight-sans-pro, sans-serif;
	color: black;
}

.footer input::placeholder {
	color: #BCBCBC;
	opacity: 1;
}

.footer input:-ms-input-placeholder {
	/* Internet Explorer 10-11 */
	color: #BCBCBC
}

.footer input::-ms-input-placeholder {
	/* Microsoft Edge */
	color: #BCBCBC
}

.footerlinks h6 {
	font: 600 1.0625rem/1.5rem ff-tisa-web-pro, serif;
	color: white;
}

.footerlinks a {
	font: 600 1rem/1rem freight-sans-pro, sans-serif;
	color: white;
	text-decoration: none;
}

.footerlinks li {
	margin-bottom: 0;
}

.social-links a {
	margin-right: 6px;
	line-height: 2.2rem;
}

.footer-address {
	margin-bottom: 0;
	position: absolute;
	left: 15px;
	right: 0px;
	bottom: 0px;
}

.arrow {
	border-style: solid;
	border-color: #6DB3E3;
	border-width: 0 2px 2px 0;
	display: inline-block;
	padding: 4px;
	transition: transform 0.3s ease-in-out;
}

.tooltip .arrow {
	border-style: initial;
	border-color: initial;
	border-width: initial;
	display: initial;
	padding: initial;
	transition: initial;
}


.aspect-ratio-box {
	width: 100%;
	padding-top: 67%;
	/* 3:2 Aspect Ratio */
	position: relative;
	overflow: hidden;
}

.aspect-ratio-box-sq {
	width: 100%;
	padding-top: 100%;
	/* 1:1 Aspect Ratio */
	position: relative;
	overflow: hidden;
}

.aspect-ratio-box-video {
	width: 100%;
	padding-top: 56%;
	/* 1.79:1 Aspect Ratio */
	position: relative;
	overflow: hidden;
}

.aspect-ratio-box-inside {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

.sponsor-card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin-right: -15px;
	margin-left: -15px;
	gap: 60px;
	justify-content: center;
}

.sponsor-card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	align-items: center;
}

.sponsor-card-img {
	height: 141px;
	width: 141px;
	object-fit: contain !important;
}

.sponsor-card-text {
	font-size: .8rem !important;
	font-weight: 200;
	line-height: 1.2rem;
	color: black;
	font-family: freight-sans-pro, sans-serif;
}

.podcast-ul {
	display: flex;
	gap: 10px;
	justify-content: center;
	align-items: center;
	margin-bottom: 8px !important;
	list-style: none;
	padding-left: 0rem;
}

.podcast-img {
	width: 36px;
	min-width: 36px;
	height: 36px;
	box-shadow: 1px 1px 6px #00000026;
	border-radius: 50% !important;
}

.visible {
	opacity: 1;
}

.faded {
	opacity: 0.2;
}

.threat-icon-set p {
	color: #0e345a;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8rem !important;
	font-style: normal;
	font-weight: 400 !important;
	line-height: 0.85rem !important;
	letter-spacing: -0.01rem;
	margin-bottom: 0rem !important;
	padding-left: 1.2rem;
	padding-right: 1.2rem;
}

.found-box {
	display: flex;
	width: 100%;
	height: 4.75rem;
	padding: 1.5rem;
	align-items: center;
	gap: 0.5rem;
	border-radius: 1.5rem;
	background: #E2F6F8;
}

.found-icon-box {
	width: 2rem;
	height: 2rem;
	flex-shrink: 0;
	position: relative;
}

.found-text-box {
	display: flex;
	align-items: flex-start;
	gap: 0.25rem;
	flex: 1 0 0;
}

.found-text-box p {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem !important;
	font-style: normal;
	font-weight: 700 !important;
	line-height: 1.625rem !important;
	margin-bottom: 0rem !important;
}

.mod-date {
	color: #000;
	font-variant-numeric: lining-nums proportional-nums;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem !important;
	font-style: normal !important;
	font-weight: 350 !important;
	line-height: 1.0625rem !important;
	margin-bottom: 0rem;
}

.threats-card {
	display: flex;
	padding: var(--Card-Margin, 1.5rem);
	flex-direction: column;
	align-items: flex-start;
	gap: 1rem;
	flex: 1 0 0;
	border-radius: 1.5rem;
	background: linear-gradient(0deg, rgba(226, 246, 248, 0.00) 0%, #E2F6F8 32%, #E2F6F8 73.5%, rgba(226, 246, 248, 0.30) 100%), url(https://www.aquariumofpacific.org/images/report_card/decoratives/background_stripes.png) #E2F6F8 0% 0% / 30px 30px repeat;
}

.threats-card h2 {
	color: #0E345A;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
	letter-spacing: 0.1125rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
	position: relative;
}

.threats-card h2 a {
	display: inline-block;
	height: .8rem;
	width: .8rem;
}

.threats-card h2 a::after {
	content: "\f30f";
	font-family: "Font Awesome 6 Pro";
	font-size: 0.75rem;
	font-style: normal;
	font-weight: 300;
	color: #0E345A;
	line-height: 1.75rem;
	top: -3.5px;
	position: absolute;
	padding-left: 0.3rem;
}

.threats-container {
	display: flex;
	align-items: flex-start;
	gap: 2.25rem;
	align-self: stretch;
}

.threats-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 1.5rem;
	align-self: stretch;
	flex-wrap: wrap;
}

.threats-icons a:hover {
	text-decoration: none;
	background-color: #b7e0e3;
}

.threats-icons a:focus-visible {
	text-decoration: none;
	background-color: #b7e0e3;
}

.threats-icon-item {
	display: flex;
	width: var(--Icons-threat-icon-W, 8.875rem);
	height: var(--Icons-threat-icon-H, 8.875rem);
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 2.24213rem;
	background: var(--Icons-Box-Background, #D1EEF0);
	text-decoration: none;
}

@media (max-width: 576px) {
	.sponsor-card-deck {
		flex-flow: column;
		gap: 45px;
	}

	.sponsor-card {
		align-items: center !important;
	}

	.sponsor-card-img {
		width: 50% !important;
	}
}

/* Print Options */
@media print {
	body {
		overflow: visible;
	}
}


/* 	iOS Zoom Fix */
input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
	font-size: 16px;
	font-variant: lining-nums;
}

/* Bootstrap Override */
.badge-success {
	background-color: #218739
}

.liningnums {
	font-variant: lining-nums !important;
}

.footer {
	background: rgb(57, 192, 196);
	background: linear-gradient(270deg, rgba(57, 192, 196, 1) 0%, rgba(18, 106, 179, 1) 100%);
}

.footer-top-btn {
	background: white !important;
	padding: 0.8rem 2.1rem !important;
	border-radius: 0.65rem;
	color: #012F65;
	font-weight: 600;
}

.footer-top-div {
	padding-bottom: 6rem;
}

.fs {
	font-family: freight-sans-pro, sans-serif;
}

nav a {
	font: 600 1rem/19px freight-sans-pro, sans-serif;
	font-weight: 600;
}

#sidenav-toggle-btn:focus-visible {
	outline: 5px auto rgba(0, 150, 255, 1);
	-webkit-outline: 5px auto rgba(0, 150, 255, 1);
	-moz-outline: 5px auto rgba(0, 150, 255, 1);
	-ms-outline: 5px auto rgba(0, 150, 255, 1);
	-o-outline: 5px auto rgba(0, 150, 255, 1);
	border: 1px solid rgba(0, 0, 0, 0);
}

#mySidenav ul li {
	display: flex;
	flex-direction: row;
	height: 60px;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 0px;
	padding-left: 1rem;
}

.sidenav {
	height: 100%;
	width: 100%;
	margin-left: 100%;
	position: fixed;
	z-index: 100;
	top: 0px;
	padding-top: 60px;
	overflow-x: hidden;
	transition: 0.5s;
}

.rcnav {
	display: flex;
	width: 100%;
	background: #FFF;
	height: 6.4375rem;
}

.rcnav-content {
	display: flex;
	width: 100%;
	padding: 0rem 2.625rem;
	justify-content: space-between;
	align-items: center;
	background: linear-gradient(0deg, rgba(226, 246, 248, 0.00) 0%, #E2F6F8 32%, #E2F6F8 73.5%, rgba(226, 246, 248, 0.30) 100%), url(https://www.aquariumofpacific.org/images/report_card/decoratives/background_stripes.png) #E2F6F8 0% 0% / 30px 30px repeat;
}

.rc-logo-anchor {
	display: flex;
	flex-direction: row;
	align-items: center;
	gap: .5rem;
}

.rc-logo-anchor:hover {
	text-decoration: none;
}

.rc-logo-anchor h1 {
	color: #0E345A;
	font-size: 1.9375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	letter-spacing: 0.19375rem;
}

.nav-items-row {
	display: flex;
	padding: 1.2rem 0.5rem 1.3rem 0.5rem;
	align-items: flex-start;
	gap: 0.5rem;
}

.nav-items-row ul {
	display: flex;
	gap: 0.9375rem;
	margin-bottom: 0;
	list-style: none;
	align-items: center;
}

.nav-items-row ul li {
	margin-bottom: 0rem;
}

.rc-nav-item {
	display: flex;
	padding: 0.5rem;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	color: #0E345A;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.8125rem;
	font-style: normal;
	font-weight: 700;
	line-height: normal;
	letter-spacing: 0.08125rem;
	text-transform: uppercase;
	text-decoration: none;
	border-top: 1.5px solid #B6E0E3;
	border-bottom: 1.5px solid #B6E0E3;
	background: #E2F6F8;
}

.rc-nav-item:hover {
	background-color: #d1eef0;
	text-decoration: none;
	color: #0E345A;
}

.rc-nav-item:focus-visible {
	background-color: #d1eef0;
	text-decoration: none;
	color: #0E345A;
}

.nv-active {
	background: #0E345A;
	color: #FFF;
}

.nav-desk-logo {
	width: 14.3125rem;
	height: 4.25969rem;
}

/* Collapsable Nav */
#sidenav-toggler {
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .5s ease-in-out;
	-moz-transition: .5s ease-in-out;
	-o-transition: .5s ease-in-out;
	transition: .5s ease-in-out;
	cursor: pointer;
	width: 26px;
	height: .82rem !important;
}

#sidenav-toggler span {
	display: block;
	position: absolute;
	height: 3px;
	width: 100%;
	background: #0E345A;
	border-radius: 9px;
	opacity: 1;
	left: 0;
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .25s ease-in-out;
	-moz-transition: .25s ease-in-out;
	-o-transition: .25s ease-in-out;
	transition: .25s ease-in-out;
}

#sidenav-toggler span:nth-child(1) {
	top: 0px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#sidenav-toggler span:nth-child(2) {
	top: 8px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#sidenav-toggler span:nth-child(3) {
	top: 16px;
	-webkit-transform-origin: left center;
	-moz-transform-origin: left center;
	-o-transform-origin: left center;
	transform-origin: left center;
}

#sidenav-toggler.open span:nth-child(1) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	top: -2px;
	left: 1px;
}

#sidenav-toggler.open span:nth-child(2) {
	width: 0%;
	opacity: 0;
}

#sidenav-toggler.open span:nth-child(3) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 16px;
	left: 1px;
}

.sidenav {
	height: 100%;
	width: 100%;
	margin-left: 100%;
	position: fixed;
	z-index: 100;
	top: 0px;
	padding-top: 60px;
	overflow-x: hidden;
	transition: 0.5s;
}

#sidebarnav-container {
	background-image: linear-gradient(180deg, #D2DCE3 20%, #fff 100%);
	min-height: 100%;
}

.sidenav a {
	text-decoration: none;
	transition: 0.3s;
	color: #0e345a !important;
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: 0.08125rem;
}

.menusection {
	background-color: #F2F5F7;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

.menuhome-link {
	font: 600 1rem/1rem freight-sans-pro, sans-serif;
	letter-spacing: 0.68px;
	width: 100%;
	padding: 15px 38px 15px 50px;
	text-align: left;
}

.menusection .col-8 {
	font: 600 1rem/1rem freight-sans-pro, sans-serif;
	letter-spacing: 0.68px;
	padding: 15px 15px 15px 65px;
}

.menusection button {
	font: 600 1rem/1rem freight-sans-pro, sans-serif;
	letter-spacing: 0.68px;
	width: 100%;
	padding: 15px 38px 15px 50px;
	text-align: left;
}

.innermenusection {
	font-family: freight-sans-pro, sans-serif;
	padding-bottom: 1px;
}

.innermenusection ul {
	padding-left: 80px;
	padding-right: 20px;
}

.innermenusection ul li {
	margin-bottom: 15px;
	display: block;
}

.innermenusection a {
	padding: 0;
	font-weight: 400;
	letter-spacing: 0;
	font-size: 1rem;
	line-height: 1rem;
}

.innermenupadding-single {
	padding: 5px 20px 1px 50px;
}

.sidenav a:hover {
	color: #00BBFF;
}

.menuheader {
	border: 1px solid #caf1f4;
	background-color: #E2F6F8;
	width: 100%;
}

.indexlink {
	font: 700 1rem/1rem freight-sans-pro, sans-serif;
	text-align: left;
	padding: 20px 30px;
	letter-spacing: 1.28px;
	text-transform: uppercase;
}

.accordianbtn {
	border: none;
	padding-right: 45px;
	background-color: transparent;
}

.aopnavbar {
	padding-right: 25px;
}

.nav-sticky {
	position: fixed;
	top: 0;
	z-index: 1130;
}

@media(min-width: 1200px){
	.vert .acc-anim-title {
		font-size: 2.8125rem !important;
		line-height: 2.5rem !important;
		letter-spacing: 0.125rem !important;
	}
}

@media (min-width: 992px) {
	#nav-t {
		display: none;
	}
}

@media (max-width: 991px) {
	#nav-t {
		display: flex;
	}
}

@media (max-width: 991px) {
	.nav-item {
		display: none;
	}
}

@media (max-width:576px) {
	.rcnav-content {
		padding: 0.5rem 1.5rem !important;
	}

	#sidenav-toggler {
		width: 26px;
		height: .82rem !important;
	}

	.nav-items-row {
		padding: 1.2rem 0rem 1.3rem 0.5rem !important;
	}

	.rc-logo-anchor {
		position: sticky;
		top: 0;
		z-index: 1020;
	}
}

@media (max-width:400px) {
	.nav-desk-logo {
		width: 10.5rem;
		height: 3.125rem;
	}
}

.hang-indent-list {
	padding: 0;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.9rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.0625rem;
	list-style: none;
}

.hang-indent-list li {
	text-indent: -1.5rem;
	padding-left: 1.5rem;
	margin-bottom: .65rem;
}

.more-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 2rem;
	align-self: stretch;
}

.more-sub {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 2rem;
	align-self: stretch;
	flex-wrap: wrap;
}

.more-card {
	display: flex;
	width: 20.3125rem;
	height: 15.4375rem;
	flex-direction: column;
	align-items: flex-start;
	position: relative;
}

.more-card img {
	height: 13.5rem;
	object-fit: cover;
}

.more-card h3 a {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.9375rem;
	font-style: normal;
	font-weight: 700;
	line-height: 100%;
	text-decoration: none;
}

.more-card h3 a:hover {
	text-decoration: underline;
}

.inv-card {
	display: flex;
	width: 100%;
	align-items: flex-start;
	gap: 1.875rem;
}

.inv-img {
	width: 14.1875rem;
	height: 10.25rem;
	object-fit: cover;
	flex-shrink: 0;
	border-radius: 0.5rem;
}

.inv-content {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 1.875rem;
	flex: 1 0 0;
}

.inv-sub {
	display: flex;
	flex-direction: column;
	gap: 1.5rem;
}

.inv-content h3 {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.3rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.5125rem;
	align-self: stretch;
}

.mc a {
	text-decoration: underline;
	color: #000;
}

.mc a:hover {
	text-decoration: none;
	color: #0C4CAB;
}

.mc a:focus-visible {
	text-decoration: none;
}

.threat-table {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 2rem;
	align-self: stretch;
	border-radius: 1.5rem;
	background: #E2F6F8;
}

.threat-table-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.threat-table-icon {
	display: flex;
	padding-right: 1.5rem;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.threat-icon-set img {
	width: 4.625rem;
	height: 5.25rem;
}

.threat-table-text {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
	flex-direction: column;
}

.threat-icon {
	display: flex;
	width: 8.875rem;
	height: 8.875rem;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 2.24213rem;
	background: #D1EEF0;
}

.threat-icon-set {
	display: flex;
	flex-direction: column;
	align-items: center;
	align-self: stretch;
}

.threat-icon img {
	width: 4.625rem;
	height: 5.25rem;
	object-fit: cover;
}

.prot-box {
	display: flex;
	padding: 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 2rem;
	align-self: stretch;
	border-radius: 1.5rem;
	background: #E2F6F8;
}

.prot-row {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
}

.prot-col-a {
	display: flex;
	padding-right: 1.5rem;
	flex-direction: column;
	align-items: center;
	gap: 0.5rem;
}

.prot-col-a img {
	width: 4.5rem;
	height: 8.875rem;
}

.prot-col-a .card-ear {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: 3.763rem;
	height: 2.488rem;
	border-radius: 0.8rem;
	background: #D85F5F;
}

.prot-col-a .card-ear svg {
	width: 2rem;
	height: 1.2rem;
}

.prot-col-b {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
}

.prot-col-b h3 {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
	margin-bottom: 0rem;
}

.prot-col-b p {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 350;
	line-height: 1.625rem;
}

.rcs h2 {
	padding-bottom: 2rem;
}

.rcs-link {
	color: #000;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.625rem;
	text-decoration-line: underline;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: auto;
	text-underline-position: from-font;
	align-self: stretch;
}

.rcs-link:hover {
	text-decoration-line: none;
}

.rcs-link:focus-visible {
	text-decoration-line: none;
}

.story-cards-sn {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: flex-start;
	gap: 1.875rem;
	align-self: stretch;
	flex-wrap: wrap;
}

.st-card-sn {
	width: 28rem;
	height: 18.75rem;
	border-radius: 1.5rem;
	overflow: auto;
	position: relative;
}

.st-card-sn a:hover .stories-overlay-sn {
	opacity: 0;
}

.st-card-sn a:focus-visible .stories-overlay-sn {
	opacity: 0;
}

.st-card-sn:has(a:focus-visible) {
	outline: none;
	outline-color: currentcolor;
	outline-color: currentcolor;
	-webkit-outline: 5px auto black;
	-moz-outline: 5px auto black;
	-ms-outline: 5px auto black;
	-o-outline: 5px auto black;
	outline-color: black;
	border: 10px solid black;
}

.stories-overlay-sn {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(14, 52, 90, 0.75);
	opacity: 1;
	transition: opacity 1s;
}

.text-overlay-sn {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 0rem 1.875rem;
	position: absolute;
	top: 0;
	opacity: 1;
	padding: 0rem 1.875rem;
}

.story-card-title {
	color: #FFF !important;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 2rem !important;
	font-style: normal;
	font-weight: 600 !important;
	line-height: 2rem !important;
	letter-spacing: initial !important;
	text-transform: initial !important;
}

.story-card-title a {
	color: #FFF !important;
	text-decoration: none;
}

.story-cards {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 1.875rem;
	align-self: stretch;
	flex-wrap: wrap;
	padding-bottom: 4rem;
}

.st-card {
	width: 15.8rem;
	height: 11.25rem;
	border-radius: 1.5rem;
	position: relative;
	overflow: auto;
}

.st-card img {
	border: initial !important;
}

.st-card a:hover .stories-overlay {
	opacity: 0;
}

.st-card a:focus-visible .stories-overlay {
	opacity: 0;
}

.st-card:has(a:focus-visible) {
	outline: none;
	outline-color: currentcolor;
	outline-color: currentcolor;
	-webkit-outline: 5px auto black;
	-moz-outline: 5px auto black;
	-ms-outline: 5px auto black;
	-o-outline: 5px auto black;
	outline-color: black;
	border: 10px solid black;
}

.stories-overlay {
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	background-color: rgba(14, 52, 90, 0.75);
	opacity: 1;
	transition: opacity 1s;
}

.text-overlay {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	width: 100%;
	padding: 0rem 0.9375rem;
	position: absolute;
	top: 0;
	opacity: 1;
	padding: 0rem 1.875rem;
}

.stories-rec-h3 {
	color: #FFF !important;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 700;
	line-height: 1.25rem;
}

.acc-header-right {
	display: flex;
	padding: 1.875rem 1.5rem 1.5rem 0rem;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.5rem;
	align-self: stretch;
}

.acc-header-icons {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	align-self: stretch;
}

.acc-header-left {
	display: flex;
	min-width: 17.5rem;
	max-width: 37.5rem;
	padding: 1.5rem 0.75rem 1.5rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
	align-self: stretch;
}

.acc-left-sub {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.25rem;
	align-self: stretch;
}

.account-header {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: 1.5rem;
	background: #0E345A;
	position: relative;
}

.account-header-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	align-self: stretch;
	border-radius: var(--Card-Radius, 1.5rem);
	background: var(--Nav-Bar-Logo, #0E345A);
	position: relative;
}

.acc-icons {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	align-content: space-between;
	gap: 0.625rem;
}

.acc-icons-sub {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
}

.acc-icons-sub a {
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
	justify-content: center;
	align-items: center;
	text-decoration: none;
}

.acc-icons-sub a:hover {
	text-decoration: underline;
}

.account-content-subtitle {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.25rem !important;
	font-style: normal;
	font-weight: 350;
	line-height: 1.625rem;
	margin-bottom: 0rem;
}

.account-content ul {
	margin-bottom: 0rem;
}

.account-content ul li {
	color: #000;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: normal;
	font-weight: 400;
	line-height: 1.625rem;
	margin-bottom: 0rem;
}

.account-content {
	display: flex;
	padding: 0rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 1.5rem;
	align-self: stretch;
}

.right-content {
	display: flex;
	flex-direction: column;
	padding: 0rem 0rem;
	gap: 2.25rem;
}

.vert .acc-right-sub {
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 0.5rem;
}

.vert .acc-icons {
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	gap: 0.25rem;
}

.vert .acc-icons-sub {
	flex-direction: column !important;
}

.vert .acc-icons-sub img {
	width: 4.8125rem;
	height: 4.8125rem;
}

.vert .acc-header-left {
	display: flex;
	min-width: 17.5rem;
	max-width: 37.5rem;
	padding: 1.5rem 0.75rem 1.5rem 1.5rem;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
	flex: 1 0 0;
	align-self: stretch;
}

.vert .acc-header-right {
	display: flex;
	padding: 1.875rem 1.5rem 1.5rem 0rem;
	flex-direction: column;
	align-items: flex-end;
	gap: 0.5rem;
	align-self: stretch;
}

.card-ear-top {
	width: 3.763rem;
	height: 3.888rem;
	position: absolute;
	right: 0.05rem;
	top: -0.07rem;
	background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
	transform: rotate(270deg);
	border-radius: 1.5rem 0rem;
}

.account-header:not(.ear) .acc-header-right {
	padding: 1.5rem;
}

.account-header .acc-right-sub p {
	color: #FFF;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 700;
	line-height: 105%;
	letter-spacing: 0.09375rem;
	text-transform: uppercase;
	margin-bottom: 0rem;
	width: 4.63rem;
}

.account-header-top .acc-right-sub p {
	color: #FFF;
	text-align: center;
	font-family: freight-sans-pro, sans-serif;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 600;
	line-height: 0.6875rem;
	margin-bottom: 0rem;
	text-transform: uppercase;
}

.account-header .acc-left-sub p {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: italic;
	font-weight: 350;
	line-height: 1.1875rem;
	margin-bottom: 0rem;
}

.account-header-top .acc-left-sub p {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-size: 1.125rem;
	font-style: italic;
	font-weight: 350;
	line-height: 1.1875rem;
	margin-bottom: 0rem;
}

.account-header:not(.vert) .acc-icons-sub img {
	width: 4.8125rem;
	height: 4.8125rem;
}

.vert .acc-right-sub p {
	text-align: center !important;
}

.card-ear-top svg {
	transform: rotate(90deg);
	position: absolute;
	top: 37px;
	right: 10px;
	width: 1.40188rem;
	height: 0.85688rem;
}

.card-ear-top a {
	position: absolute;
	top: 0px;
	right: -1px;
	width: 2.5rem;
	height: 3rem;
	color: transparent;
	text-decoration: none;
}

.account-header:not(.vert) .card-ear {
	width: 2.763rem;
	height: 2.888rem;
	position: absolute;
	right: 0.05rem;
	top: -0.07rem;
	background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
	transform: rotate(270deg);
	border-radius: 1.5rem 0rem;
}

.account-header:not(.vert) .card-ear svg {
	transform: rotate(90deg);
	position: absolute;
	top: 24px;
	right: 6px;
	width: 1.00188rem;
	height: 0.85688rem;
}

.account-header:not(.vert) .card-ear a {
	position: absolute;
	top: -2px;
	right: 1px;
	width: 2rem;
	height: 3rem;
	color: rgb(0 0 0 / .5%);
}

.acc-anim-title {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0rem;
	text-align: left !important;
}

.vert .acc-anim-title {
	color: #FFF;
	font-family: freight-sans-pro, sans-serif;
	font-style: normal;
	font-weight: 700;
	text-transform: uppercase;
	margin-bottom: 0rem;
}

.card-ear-horiz {
	width: 2.763rem;
	height: 2.888rem;
	position: absolute;
	right: 0.05rem;
	top: -0.07rem;
	background: linear-gradient(135deg, transparent 50%, #D85F5F 50%);
	transform: rotate(270deg);
	border-radius: 1.5rem 0rem;
}

.card-ear-horiz a {
	position: absolute;
	top: -2px;
	right: 1px;
	width: 2rem;
	height: 3rem;
	text-decoration: none;
	color: transparent;
}

.card-ear-horiz svg {
	transform: rotate(90deg);
	position: absolute;
	top: 24px;
	right: 6px;
	width: 1.00188rem;
	height: 0.85688rem;
}

.conserve-card table {
	font-size: 1.25rem;
	margin: 0rem 0rem;
}

tbody,
td,
tfoot,
th,
thead,
tr {
	border-color: inherit;
	border-style: solid;
	border-width: 0;
}

tbody tr:nth-of-type(odd) {
	background-color: rgba(0, 0, 0, .05);
}

td {
	padding: .75rem;
	vertical-align: top;
	border: 1px solid #dee2e6;
}

tr {
	font-family: freight-sans-pro, sans-serif;
	font-weight: 500;
	border: 1px solid #dee2e6;
}

thead th {
	padding: .75rem;
	color: #fff;
	background-color: #343a40;
	border-color: #454d55;
	vertical-align: middle;
}

tr td:first-child {
	font-weight: bold;
	white-space: nowrap;
}