/*
Theme Name:     Twenty Twenty-Two Child
Template:       twentytwentytwo
Author:         Leah Pinault
Date:           2025
*/
/* ^^^ DO NOT EDIT ^^^ */





/*** FONTS ***/

.wp-site-title,
.wp-block-navigation,
.wp-block-site-title,
.wp-block-heading,
.wp-block-group,
.wp-block-post-title {
	font-family: "coolvetica", sans-serif !important;
}
.alignwide .wp-block-post-title {
	font-family: "coolvetica", sans-serif !important;
	font-weight: 700 !important;
	font-style: normal !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: "coolvetica", sans-serif !important;
}
p, li {
	font-family: "helvetica-lt-pro", sans-serif !important;
}




/*** NAV ***/

.wp-block-navigation .wp-block-navigation-item a:hover {
	text-decoration: none !important;
    text-decoration-style: none !important;
}
.wp-block-navigation-item.current-menu-item > a {
	opacity: 0.44 !important;
}
.wp-block-social-link:hover {
    transform: scale(1.3);
}

/* Submenu */
body .wp-site-blocks .partner-menu .wp-block-navigation__submenu-container {
	right: 0;
	left: auto;
	width: 100%;
	min-width: 100%;
	text-align: right !important;
}
body .wp-site-blocks .partner-menu .wp-block-navigation__submenu-container .wp-block-navigation-item {
	width: 100%;
}
body .wp-site-blocks .partner-menu .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	padding-left: 0;
	padding-right: 0;
	display: flex;
	justify-content: flex-end;
	text-align: right;
}





/*** BUTTONS ***/

/* Don’t force white bg on wipe buttons */
.wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	background-color: white !important;
	opacity: 1 !important;
	transition: background-color 0.4s ease, color 0.4s ease !important;
}
/*hcf*/
.page-id-107 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.page-id-107 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.page-id-107 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.page-id-107 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	color: #3d76e0 !important;
}
.page-id-107 .wp-block-button.is-style-outline .wp-block-button__link:hover,
.page-id-107 .wp-block-button.is-style-outline .wp-block-button__link:focus,
.page-id-107 .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.page-id-107 .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: white !important;
	color: #3d76e0 !important;
	border-color: white !important;
	transition: background-color 0.4s ease, color 0.4s ease !important;
}
/*approach*/
.page-id-2216 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.page-id-2216 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.page-id-2216 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.page-id-2216 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	color: #00b2a5 !important;
}
.page-id-2216 .wp-block-button.is-style-outline .wp-block-button__link:hover,
.page-id-2216 .wp-block-button.is-style-outline .wp-block-button__link:focus,
.page-id-2216 .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.page-id-2216 .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
	transition: color 0.4s ease, border-color 0.4s ease !important;
}
/*talk*/
.page-id-37 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.page-id-37 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.page-id-37 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.page-id-37 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	color: #00b2a5 !important;
}
.page-id-37 .wp-block-button.is-style-outline .wp-block-button__link:hover,
.page-id-37 .wp-block-button.is-style-outline .wp-block-button__link:focus,
.page-id-37 .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.page-id-37 .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
	transition: color 0.4s ease, border-color 0.4s ease !important;
}
/*home*/
.page-id-2214 .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover,
.page-id-2214 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus,
.page-id-2214 .wp-block-button:not(.is-style-outline) .wp-block-button__link:focus-visible,
.page-id-2214 .wp-block-button:not(.is-style-outline) .wp-block-button__link:active {
	color: #00b2a5 !important;
}
.page-id-2214 .wp-block-button.is-style-outline .wp-block-button__link:hover,
.page-id-2214 .wp-block-button.is-style-outline .wp-block-button__link:focus,
.page-id-2214 .wp-block-button.is-style-outline .wp-block-button__link:focus-visible,
.page-id-2214 .wp-block-button.is-style-outline .wp-block-button__link:active {
	background-color: transparent !important;
	color: white !important;
	border-color: white !important;
	transition: color 0.4s ease, border-color 0.4s ease !important;
}





/*** LINKS ***/	

/* Underline */
body .wp-site-blocks a:where(:not(.wp-element-button)) {
	position: relative;
	text-decoration: none;
}
body .wp-site-blocks a:where(:not(.wp-element-button))::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width 0.3s ease;
}
body .wp-site-blocks a:where(:not(.wp-element-button)):hover::after {
	width: 100%;
}
.wp-block-social-links a::after {
	content: none !important;
}
.wp-block-site-logo .custom-logo-link::after {
	content: none;
}
body .wp-site-blocks .wp-block-navigation__submenu-container a::after,
body .wp-site-blocks .wp-block-navigation__submenu-container .wp-block-navigation-item__content::after {
	content: none !important;
	border-bottom: 0 !important;
}
body .wp-site-blocks .wp-block-navigation__submenu-container .wp-block-navigation-item__label {
	position: relative;
	display: inline-block;
	text-decoration: none;
}
body .wp-site-blocks .wp-block-navigation__submenu-container .wp-block-navigation-item__label::after {
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 0;
	height: 2px;
	background: currentColor;
	transition: width 0.3s ease;
}
body .wp-site-blocks .wp-block-navigation__submenu-container a:hover .wp-block-navigation-item__label::after,
body .wp-site-blocks .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover .wp-block-navigation-item__label::after {
	width: 100%;
}

/* Arrow */
.arrow-blue /*hcf*/ {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/arrow-right-blue.svg");
	background-repeat: no-repeat;
	background-position: right 0.05em center;
	background-size: .7em .7em;
	padding-inline-end: 1.05em;
	vertical-align: middle;
}
.arrow-white /*hcf-docs*/ {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/arrow-right-white.svg");
	background-repeat: no-repeat;
	background-position: right 0.05em center;
	background-size: .7em .7em;/*size*/
	padding-inline-end: 1.05em; /*space*/
	vertical-align: middle;
}
.arrow-teal {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/arrow-right-teal.svg");
	background-repeat: no-repeat;
	background-position: right 0.05em center;
	background-size: .75em .75em;
	padding-inline-end: 1.05em;
	vertical-align: middle;
}
.arrow-orange {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/arrow-right-orange.svg");
	background-repeat: no-repeat;
	background-position: right 0.05em center;
	background-size: .75em .75em;
	padding-inline-end: 1.05em;
	vertical-align: middle;
}

/* Accordion */
.wp-block-details summary::-webkit-details-marker { 
	display: none; 
}
.wp-block-details summary { 
	display: grid;
	grid-template-columns: .96em 1fr;
	column-gap: 0em; 
	align-items: start; 
	text-decoration: none;
	padding: 0;
	list-style: none;
	position: relative;
}
.page-id-107 .wp-block-details summary::before { /*hcf*/
	content: "";
	width: .6em; 
	height: .6em; 
	margin-top: 0.33em;
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-blue.svg");
	pointer-events: none;
}
.page-id-107 .wp-block-details[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a.svg");
}
.page-id-2214 .wp-block-details summary::before { /*home*/
	content: "";
	width: .6em; 
	height: .6em; 
	margin-top: 0.31em;
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-teal.svg");
	pointer-events: none;
}
.page-id-2214 .wp-block-details[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a-teal.svg");
}
.page-id-2542 .wp-block-details summary::before { /*faq*/
	content: "";
	width: .6em; 
	height: .6em; 
	margin-top: 0.5em;
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-teal.svg");
	pointer-events: none;
}
.page-id-2542 .wp-block-details[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a-teal.svg");
}
.page-id-2216 .wp-block-details summary::before { /*approach*/
	content: "";
	width: .6em; 
	height: .6em; 
	margin-top: 0.2em;
	pointer-events: none;
}
.page-id-2216 .wp-block-details.support-accordion summary::before {
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-teal.svg");
}
.page-id-2216 .wp-block-details.support-accordion[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a-teal.svg");
}
.page-id-2216 .wp-block-details.hcf-accordion summary::before {
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-blue.svg");
}
.page-id-2216 .wp-block-details.hcf-accordion[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a.svg");
}
.page-id-2216 .wp-block-details.coalition-accordion summary::before {
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-yellow.svg");
}
.page-id-2216 .wp-block-details.coalition-accordion[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a-yellow.svg");
}
.page-id-2216 .wp-block-details.social-accordion summary::before {
	background: no-repeat center / contain 
    url("https://www.hptn096.org/wp-content/uploads/2025/10/plus-orange.svg");
}
.page-id-2216 .wp-block-details.social-accordion[open] summary::before {
	background-image: url("https://www.hptn096.org/wp-content/uploads/2025/10/minus-a-orange.svg");
}
.wp-block-details summary:hover::before { 
	opacity: 0.5;
	transition: opacity .2s ease;
}





/*** ACCORDIONS ***/

.page-id-107 /*hcf*/ .wp-block-details summary {
	color: #3d76e0;
}
.page-id-107 /*hcf*/ .wp-block-details {
	font-family: "helvetica-lt-pro", sans-serif !important;
}
.page-id-2214 /*home*/ .wp-block-details summary {
	color: #00b2a5;
}
.page-id-2216 /*about*/ .wp-block-details.support-accordion summary {
	color: #00b2a5 !important;
}
.page-id-2216 /*about*/ .wp-block-details.hcf-accordion summary {
	color: #3d76e0 !important;
}
.page-id-2216 /*about*/ .wp-block-details.coalition-accordion summary {
	color: #f79421 !important;
}
.page-id-2216 /*about*/ .wp-block-details.social-accordion summary {
	color: #f15b27 !important;
}



/*** MISC. EDITS ***/

/* Image Quote */
.wp-block-cover .wp-block-cover__background,
.wp-block-cover .wp-block-cover__inner-container {
	opacity: 0;
	transition: opacity 0.3s ease;
	pointer-events: none;

}
@media (hover: hover) and (pointer: fine) { /*desktop*/ 
	.wp-block-cover:hover .wp-block-cover__background {
		opacity: .5;
	}
	.wp-block-cover:hover .wp-block-cover__inner-container {
		opacity: 1;
		pointer-events: auto;
  }
}


/* Video */
.wp-block-video video {
	border-radius: 0.35rem;
}





/*FX-Fradient-Animated
.fx-gradient-animated.fx-text /*text {
	display: inline-block;
	background-image: linear-gradient(90deg,#00b2a5,#3d76e0,#f15b27,#f79421,#00b2a5);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
	animation: fxHue 8s linear infinite;
	mix-blend-mode: screen;
	opacity: 0.8;
}
hr.wp-block-separator.fx-gradient-animated, /*separator
div.wp-block-separator.fx-gradient-animated {
	border: 0 !important;
	height: 2px;
	background: linear-gradient(90deg, #00b2a5,#3d76e0,#f15b27,#f79421,#00b2a5);
	background-size: 300% 100%;
	animation: fxHue 8s linear infinite;
}
.fx-border /*border {
	--fx-bw: 2px;
	position: relative;
	border: var(--fx-bw) solid transparent !important;
	border-radius: .35rem;
	background: none !important;
}
.fx-border::before {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	padding: var(--fx-bw);
	background: linear-gradient(45deg, red);
	background-size: 300% 100%;
	-webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
	mask-composite: exclude;
	animation: fxHue 8s linear infinite;
	pointer-events: none;
	mix-blend-mode: screen;
	opacity: 0.3;
}
@keyframes fxHue {
	to { filter: hue-rotate(360deg); }
}
@media (prefers-reduced-motion: reduce) {
	.fx-gradient-animated { animation: none !important; }
}
@media (prefers-reduced-motion: reduce){
  .fx-border::before { animation: none !important; }
}
*/