/* General */
a, a:hover {
	color: var(--aapi-link-color);
}

.assistive-text, .edit-link {
	display: none;
}

.aapi-btn, .gform_button {
	background: var(--aapi-dark-bg-color);
	border: 0;
	border-radius: 10px;
	color: var(--aapi-white-text-color);
	display: inline-block;
	margin: 10px 0;
	font: 1rem var(--aapi-headline-font);
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	padding: 10px 20px !important;
	text-align: center;
}

p.aapi-btn {
	margin: auto;
}

.aapi-btn>a, .aapi-btn a {
	color: var(--aapi-white-text-color) !important;
	display: inline-block;
	text-decoration: none;
	margin: auto;
}

.aapi-btn.green, :hover .aapi-btn.green {
	background: var(--aapi-green-color);
	color: var(--aapi-text-color);
}

.aapi-btn.green>a, .aapi-btn.green a {
	color: var(--aapi-text-color) !important;
}

.aapi-btn.yellow {
	background: var(--aapi-yellow-color);
}

.aapi-btn.yellow>a, .aapi-btn.yellow a {
	color: var(--aapi-text-color) !important;
}

.aapi-btn.light-blue {
	background: var(--aapi-light-blue-color);
}

.aapi-btn.black, .gform_button {
	background: var(--aapi-dark-bg-color);
	color: var(--aapi-white-text-color) !important;
}

.aapi-btn.black.outline {
	border: 1px solid var(--aapi-text-color);
	background: none;
	color: var(--aapi-text-color) !important;
}

.aapi-btn.black.outline>a, .aapi-btn.black.outline a {
	color: var(--aapi-text-color) !important;
}

.aapi-btn:hover {
	color: var(--aapi-white-text-color) !important;
}

body {
	background: var(--aapi-dark-bg-color);
	font-family: var(--aapi-body-font);
	transition: 1s opacity;
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--aapi-headline-font);
}

html {
	background: #000;
	width: 100%;
	overflow-x: hidden;
}

img {
	height: auto;
	max-width: 100%;
}

.container {
	max-width: 1300px;
}

.entry-content.container {
	max-width: 900px;
}

.desktop-only {
	display: none;
}

#page {
	background: var(--aapi-white-bg-color);
}

/* Content */
.entry-header.page-header {
	background: var(--aapi-dark-bg-color);
	color: var(--aapi-white-text-color);
	font-family: var(--aapi-headline-font);
	padding-bottom: calc(20px + 3vw);
	padding-top: calc(20px + 3vw);
}

.entry-header.page-header .header-number {
	font-size: 1.2rem;
	text-align: right;
}

.entry-header.page-header.blue {
	background: var(--aapi-blue-color);
}

.entry-header.page-header.yellow {
	background: var(--aapi-yellow-color);
	color: var(--aapi-text-color);
}

.entry-header.page-header h1 {
	font-size: 3rem;
	font-weight: bolder;
	padding: 0;
	margin-bottom: 0;
}

.entry-header.page-header.post-header h1 {
	font-size: 1.5rem;
}

.entry-header.page-header h3.parent-title {
	padding: 0;
	margin-bottom: 0;
}

.entry-header.page-header h3.parent-title a {
	color: var(--aapi-gold-color);
	text-decoration: none;
}

.entry-content:not(.omit-padding) {
	padding-bottom: calc(30px + 5vw);
	padding-top: calc(20px + 5vw);
}

.entry-content .contact-social-link a {
	text-decoration: none;
}

.entry-content .contact-social-link a i {
	font-size: 1.5rem;
	margin-right: 10px;
}

/* Blocks specifically */
.entry-content h2.sun {
	font-size: 10vw;
	background: url('../images/icon-sun-light.svg') no-repeat top left;
	background-size: 25vw;
	margin-bottom: 0;
	padding: 10vw 0 10vw 10vw;
}

.entry-content h2.sun.blue {
	background-image: url('../images/icon-sun-blue.svg');
}

.entry-content h2.sun.green {
	background-image: url('../images/icon-sun-green.svg');
}

.entry-content h2.sun.dark {
	background-image: url('../images/icon-sun-dark.svg');
}

.entry-content .full-width {
	width: 100vw;
	position: relative;
	margin-left: -50vw;
	left: 50%;
}

.entry-content .full-width .wp-block-cover__inner-container, .entry-content .full-width .wp-block-group__inner-container {
	max-width: 1300px;
	padding: 10px;
	margin: auto;
}

.entry-content .aapi-rounded {
	border-radius: 50px;
}

.entry-content figure.aapi-rounded img {
	border-radius: 50px;
}

.entry-content .aapi-fill {
	height: 100%;
}

.entry-content figure.aapi-fill {
	height: 100%;
}

.entry-content figure.aapi-fill figcaption {
	display: none;
}

.entry-content figure.aapi-fill img {
	height: 100%;
	object-fit: cover;
}

/* Content: Carousel */
.carousel-indicators [data-bs-target]:not(.carousel-arrow), .carousel-dark .carousel-indicators [data-bs-target]:not(.carousel-arrow) {
	background: none;
	border: 2px solid #000;
	border-radius: 20px;
	opacity: 1;
	height: 20px;
	margin: 0 10px;
	width: 20px;
}

.carousel-indicators .active, .carousel-dark .carousel-indicators .active:not(.carousel-arrow) {
	background: #000;
}

.carousel-indicators .carousel-arrow, .carousel-dark .carousel-indicators .carousel-arrow {
	opacity: 1;
	background: none;
	height: auto;
	width: auto;
}

.carousel-control-next-icon {
	background-image: url('../images/fontawesome/arrow-right-long-solid.svg');
}

.carousel-control-prev-icon {
	background-image: url('../images/fontawesome/arrow-left-long-solid.svg');
}

.carousel-dark .carousel-control-next-icon, .carousel-dark .carousel-control-prev-icon {
	filter: none;
}

/* Carousel: Mobile-specific adjustments for very narrow mobile */
@media screen and (max-width: 450px) {
	.carousel-inner {
		font-size: .7rem;
	}
	
	.carousel-indicators button:not(.carousel-arrow) {
		display: none;
	}
}

/* Content: Posts */
article.type-post .entry-meta {
	border-top: 1px solid var(--aapi-gray-color);
	color: var(--aapi-gray-color);
	font-family: var(--aapi-headline-font);
	text-align: right;
	margin-top: 20px;
	padding-top: 10px;
}

article.type-post .entry-meta a {
	color: var(--aapi-gray-color);
	text-transform: underline;
}

/* Content: Blocks */
.wp-block-post h2 a {
	text-decoration: none;
}

.wp-block-post .wp-block-post-date {
	color: var(--aapi-gray-color);
	font-family: var(--aapi-headline-font);
	margin-bottom: 10px;
	text-align: right;
}

.wp-block-group.aapi-gold {
	background: var(--aapi-gold-color);
	color: var(--aapi-text-color);
	padding: 10vw;
}

/* Masthead */
#masthead {
	height: 30vw;
	position: absolute;
	width: 100%;
}

#masthead .container {
	--bs-gutter-x: 2rem;
	max-width: 1600px;
}

#masthead .site-title {
	background: url('../images/logo-emblem.svg') no-repeat;
	background-position: left 0.5rem bottom 0;
	background-position-y: center;
	background-size: 30%;
	max-width: 500px;
}

body>.header-yellow #masthead .site-title {
	background-image: url('../images/logo-emblem-lightbg-mono.svg');
}

#masthead .site-title a {
	display: block;
	height: 30vw;
	overflow: hidden;
	width: 100%;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
}

/* Jump arrow */
#jump-arrow {
	height: 0;
}

#jump-arrow a {
	background: url('../images/icon-down-yellow.svg') no-repeat;
	background-size: contain;
	display: block;
	height: 50px;
	overflow: hidden;
	position: relative;
	top: -30px;
	width: 50px;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	z-index: 10;
}

body>.header-yellow #jump-arrow a {
	background-image: url('../images/icon-down-blue.svg');
}

/* We want the first item on the page to extend vertically */
.first-on-page {
	padding-top: 40vw !important;
}

/* Navigation */
#masthead .menu-toggle {
	color: var(--aapi-white-text-color);
	display: block;
	height: 80px;
	position: fixed;
	z-index: 50;
	background: url('../images/icon-nav.svg?2') no-repeat;
	background-size: 50px;
	display: block;
	top: 7vw;
	right: 5vw;
	overflow: hidden;
	width: 50px;
	text-align: left;
	text-decoration: none;
	text-indent: -9999px;
	z-index: 50;
}

#masthead a.menu-toggle.active {
	background: url('../images/icon-nav-active.svg') no-repeat;
}

/* Mobile: Navigation */
@media screen and (max-width: 991px) {
#masthead #site-navigation {
	background: var(--aapi-yellow-color);
	display: none;
	font-family: var(--aapi-headline-font);
	height: 100vh;
	left: 0;
	margin: 0 -15px;
	overflow: auto;
	padding-top: 20vw;
	padding-bottom: 90px;
	position: fixed;
	top: 0;
	width: calc(100% + 30px);
	z-index: 49;
}

#masthead #site-navigation h3 {
	font-size: 16px;
	font-weight: bolder;
	text-transform: uppercase;
	margin-bottom: 0;
	padding: 5px 40px;
}

#masthead #site-navigation img {
	display: block;
	height: 40vw;
	width: auto;
	margin: 10vw auto 3vw auto;
}

#masthead #site-navigation div ul {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#masthead #site-navigation div ul a {
	color: var(--aapi-text-color);
	font-size: 30px;
	display: block;
	position: relative;
	padding: 5px 5px 5px 60px;
	transition: .5s background;
	text-decoration: none;
}

#masthead #site-navigation div ul a i.fa {
	color: var(--aapi-secondary-color-1);
	position: absolute;
	top: 20px;
	right: 50px;
}

#masthead #site-navigation div ul a:hover, #masthead #site-navigation div ul a:focus {
	text-decoration: none;
}

#masthead #site-navigation div>ul>li>ul {
}

#masthead #site-navigation>div>ul>li>ul li a {
	font-size: 1rem;
	font-weight: normal;
	padding-left: 80px;
}

#masthead #site-navigation>div>ul>li>ul li a:hover, #masthead #site-navigation>div>ul>li>ul li a:focus {
}

#masthead #site-navigation>div>ul>li>ul li>ul {
	display: block !important;
}

#masthead #site-navigation>div>ul>li>ul li>ul li a {
	font-size: 0.9rem;
	padding-left: 100px;
}

#masthead #site-navigation>div>ul {

}
}

/* Footer */
/* Footer: Every Action form */
#colophon .at, #colophon .at-inner {
	background: var(--aapi-gold-color);
}

#colophon .at-inner label {
	color: var(--aapi-text-color);
}

#colophon .at-inner>.at-title, #colophon .at-inner fieldset>.at-legend {
	display: none;
}

#colophon .at-inner .btn-at-primary {
	background: var(--aapi-dark-bg-color);
	border: 0;
	border-radius: 10px;
	color: var(--aapi-white-text-color);
	display: inline-block;
	float: none;
	margin: 10px 0;
	font: 1rem var(--aapi-headline-font);
	text-decoration: none;
	text-transform: uppercase;
	width: auto;
	padding: 10px 20px !important;
	text-align: center;
}

#colophon .at .content.thankYou img {
	display: none; // To hide logo
}

#colophon .at .content.thankYou a {
	color: var(--aapi-white-text-color);
	text-decoration: underline;
}

#colophon .grecaptcha-badge {
	visibility: hidden;
}

/* Footer: General content */
#colophon #footer-connect #footer-connect-signup {
	background-color: var(--aapi-gold-color);
	padding: 15vw calc(10px + 1vw);
	text-align: center;
}

#colophon #footer-connect #footer-connect-signup .gform_button {
	margin: auto;
}

#colophon #footer-connect #footer-connect-signup h3 {
	font-size: 2rem;
}

#colophon #footer-connect #footer-connect-contact {
	background-color: var(--aapi-blue-color);
	color: var(--aapi-white-text-color);
	padding: 15vw calc(10px + 1vw);
	text-align: center;
}

#colophon #footer-connect #footer-connect-contact h2 {
	font-size: 3rem;
}

#colophon #footer-contact a {
	display: block;
	font: 1rem var(--aapi-headline-font);
	text-decoration: none;
}

#colophon #footer-social {
	background-color: var(--aapi-green-color);
}

#colophon #footer-social a {
	color: var(--aapi-white-text-color);
	display: block;
	font-size: 2.8rem;
	text-align: center;
	padding: calc(10px + 1vw);
}

#colophon #footer-navigation {
	text-align: center;
}

#colophon #footer-navigation #footer-logo a {
	display: block;
	text-align: center;
	padding: 20px 5px;
}

#colophon #footer-navigation #footer-logo a img {
	height: auto;
	width: 100%;
	max-width: 60vw;
}

#colophon #footer-navigation #footer-nav-list ul {
	list-style: none;
	padding: 20px 0 0 0;
}

#colophon #footer-navigation #footer-nav-list ul li a {
	font: 1.5rem var(--aapi-headline-font);
	text-decoration: none;
}

#colophon #footer-navigation #footer-nav-list ul li ul {
	display: none; /* Hide second-level nav in this context */
}

/* DESKTOP */
@media screen and (min-width: 992px) {

/* DESKTOP: General */
#primary {
	margin-top: 0;
}

.desktop-only {
	display: block;
}

span.desktop-only {
	display: inline;
}

.entry-content {
	font-size: 1.3rem;
}

h2 {
	font-size: 2.7rem;
}

h3 {
	font-size: 2rem;
}

.mobile-only {
	display: none !important;
}

.first-on-page {
	padding-top: 300px !important;
}

/* DESKTOP Content: Entry header */
.entry-header.page-header .header-number {
	font-size: 2.5rem;
}

.entry-header.page-header .subhead {
	font-size: 1.75rem;
}

.entry-header.page-header h1 {
	font-size: 7rem;
}

.entry-header.page-header.post-header h1 {
	font-size: 2.5rem;
}

/* DESKTOP Content: Blocks */
.wp-block-group.aapi-gold {
	background: var(--aapi-gold-color);
	color: var(--aapi-text-color);
	padding: 30px;
}

.entry-content h2.sun {
	font-size: 2.6rem;
	font-weight: bolder;
	background-size: 6rem;
	margin-bottom: 0;
	padding: 2.5rem 0 3rem 4rem;
}

/* DESKTOP: Masthead */
#masthead {
	height: 150px;
	padding-top: 30px;
}

#masthead .container {
	--bs-gutter-x: 5rem;
}

#masthead .site-title a {
	height: 150px;
}

#jump-arrow a {
	height: 70px;
	top: -50px;
	width: 70px;
}

/* DESKTOP: Navigation */
#masthead .menu-toggle {
	display: none;
}

#site-navigation {
	font: 18px var(--aapi-headline-font);
	font-weight: normal;
	margin-top: 40px;
	padding: 0;
	height: 100%;
	width: 100%;
	text-align: right;
}

#site-navigation>div {
	height: 100%;
	width: 100%;
}

#site-navigation a {
	color: var(--aapi-white-text-color);
	transition: color .5s;
}

body>.header-yellow #site-navigation a {
	color: var(--aapi-text-color);
}

#site-navigation a:hover {
	color: var(--aapi-gold-color);
}

body>.header-yellow #site-navigation a:hover {
	color: var(--aapi-blue-color);
}

#site-navigation .menu-toggle, #site-navigation #mobile-launch {
	display: none;
}

#site-navigation>div ul li.current_page_item>a, #site-navigation>div ul li.current_page_ancestor>a {
	text-decoration: underline;
}

#site-navigation>div ul ul {
	visibility: hidden;
	opacity: 0;
	transition: visibility 0s, opacity 0.1s linear;
}

#site-navigation>div ul li:hover > ul, #site-navigation>div ul li.active > ul {
	visibility: visible;
	opacity: 1;
}

#site-navigation>div ul {
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
}

#site-navigation>div>ul {
	text-align: right;
	bottom: 30px;
	left: 0;
	width: 100%;
}

#site-navigation>div>ul>li {
	position: relative;
}

#site-navigation>div ul:after {
	content: "";
	clear: both;
	display: block;
}

#site-navigation>div ul li {
	display: inline-block;
}

#site-navigation>div ul li a {
	display: inline-block;
	line-height: 28px;
	padding: 6px calc(8px + 1vw);
	transition: color .15s;
	text-decoration: none;
}

#site-navigation>div ul ul {
	border-radius: 0px;
	letter-spacing: 0;
	margin: 0 0 0 0;
	padding: 0;
	position: absolute;
	text-align: left;
	width: 150px;
	top: 40px;
	z-index: 999;
}

#site-navigation>div ul ul li {
	display: block;
	float: none; 
	margin-right: 0;
	position: relative;
	transition: background .15s;
	text-align: left;
}

#site-navigation>div ul ul li a {
	display: block;
	font-size: 14px;
	line-height: 16px;
	padding: 10px;
}

#site-navigation>div ul ul ul {
	display: none;
}

/* DESKTOP: Footer */
#colophon #footer-connect #footer-connect-signup {
	padding: calc(50px + 1vw);
}

#colophon #footer-connect #footer-connect-signup h3 {
	font-size: 3rem;
}

#colophon #footer-connect #footer-connect-contact {
	padding: calc(90px + 4vw) 4vw;
	text-align: center;
}

#colophon #footer-connect #footer-connect-contact h2 {
	margin-top: 10px;
	font-size: 5rem;
}

#colophon #footer-social .container {
	max-width: 80vw;
}

#colophon #footer-social a {
	font-size: 4rem;
	padding: calc(10px + .9vw);
}

#colophon #footer-contact {
	margin-bottom: 0;
	padding-top: 20px;
	text-align: right;
}

#colophon #footer-contact a {
	display: inline-block;
	font-size: 1.3rem;
	margin-left: 20px;
	text-decoration: none;
	transition: color .5s;
}

#colophon #footer-contact a:hover {
	color: var(--aapi-gold-color);
}

#colophon #footer-navigation {
	padding: calc(4vw + 50px) 0;
	text-align: right;
}

#colophon #footer-navigation #footer-logo a {
	padding: 20px 5px;
	text-align: right;
}

#colophon #footer-navigation #footer-logo a img {
	margin-right: 30px;
	max-width: 250px;
}

#colophon #footer-navigation #footer-nav-list ul li {
	display: inline-block;
}

#colophon #footer-navigation #footer-nav-list ul li a {
	display: inline-block;
	font-size: 1.75rem;
	transition: color .5s;
	padding: 5px 10px;
}

#colophon #footer-navigation #footer-nav-list ul li:last-child a {
	padding-right: 0;
}

#colophon #footer-navigation #footer-nav-list ul li a:hover {
	color: var(--aapi-gold-color);
}

}

/* WIDE DESKTOP */
@media screen and (min-width: 1400px) {

#site-navigation {
	font-size: 22px;
}

#colophon #footer-connect #footer-connect-contact {
	padding-top: calc(90px + 3vw);
	padding-bottom: calc(90px + 3vw);
}

}