.report-title h2 {
	display: inline-block;
    position: relative;
}
.report-title h2::before {
  	content: "";
 	height: 2px;
    background: #8F6D4F;
    margin-left: -38px;
    width: 26px;
    display: block;
    top: 8px;
    position: absolute;
}
.report-title h2::after {
    content: "";
    height: 2px;
    background: #8F6D4F;
    margin-left: 47px;
    width: 26px;
    display: block;
    top: 8px;
    position: absolute;
    right: -38px;
}
.ar_menu_icon .hfe-nav-menu-icon svg {
	width: 45px !important;
    height: 35px !important;
}
.footer-quick-links li a {
	padding-left: 0 !important;
}
.ar-menu-wrapper .hfe-nav-menu:before {
    content: "";
    display: block;
    background: url('../images/Boulder-Logo.png') no-repeat center;
    background-size: contain;
    height: 60px;
    margin: 15px auto;
}
.ar-menu-wrapper .hfe-nav-menu li:first-child::before {
    content: "Navigate Report";
    display: block;
    background-size: contain;
    height: auto;
    margin: 15px auto;
    font-size: 22px;
    color: #16254D;
    font-weight: 700;
    padding-left: 16px;
    padding-bottom: 15px;
}

@media (min-width: 768px) and (max-width: 1024px) {
    .perform-tabs-desc p {
        min-height: 105px !important;
    }
}
.reveal-box {
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    transition: transform 1.2s ease, opacity 0.4s ease;
    will-change: transform;
    overflow: hidden;
}

.reveal-box.inView {
    transform: scaleY(1);
    opacity: 1;
}
@media screen and (min-width: 768px) {
    .ar_overview-right_grid:hover .elementor-widget-text-editor,
    .ar_overview-right_grid:hover h2 {
        color: #fff !important;
    }
}
/*.oveview-counter .overview-box:hover {
	background-color: #1B365D !important;
}
.oveview-counter .overview-box:hover * {
	color: #fff !important;
    transition: color 1s ease;
*/

/**
 * Reusable hover fills (awards-style timing: 1.15s).
 *
 * hoverme       — bottom → top  (scaleY)
 * hoverme-lr    — left → right (scaleX)
 *
 * Colors: add ONE modifier (hoverme--navy) OR data-hoverme="gold"
 * Custom: style="--hoverme-bg: rgba(0, 131, 147, 0.8);"
 *
 * Elementor → Advanced → CSS Classes:
 *   hoverme hoverme--gold
 *   hoverme-lr hoverme--navy hoverme-lr--light-text
 */
.hoverme {
	--hoverme-bg: rgba(22, 37, 77, 0.8);
	--hoverme-duration: 1.15s;
	position: relative;
	overflow: hidden;
}

.hoverme::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--hoverme-bg);
	transform: scaleY(0);
	transform-origin: bottom center;
	transition: transform var(--hoverme-duration) cubic-bezier(0.33, 1, 0.68, 1);
}

.hoverme:hover::after {
	transform: scaleY(1);
}

.hoverme > * {
	position: relative;
	z-index: 1;
}

/* Left → right hover fill */
.hoverme-lr {
	--hoverme-bg: rgba(22, 37, 77, 1);
	--hoverme-duration: 1.15s;
	position: relative;
	overflow: hidden;
}

.hoverme-lr::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--hoverme-bg);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--hoverme-duration) cubic-bezier(0.33, 1, 0.68, 1);
}

.hoverme-lr:hover::after {
	transform: scaleX(1);
}

.hoverme-lr > * {
	position: relative;
	z-index: 1;
}

/* Optional: light text on hover (navy / dark overlays) */
.hoverme-lr--light-text:hover,
.hoverme-lr--light-text:hover * {
	color: #ffffff !important;
	transition: color var(--hoverme-duration) ease-in-out;
}

/* Solid overlays (0.8 opacity) — shared by hoverme + hoverme-lr */
.hoverme--navy,
.hoverme-lr.hoverme--navy,
.hoverme[data-hoverme="navy"],
.hoverme-lr[data-hoverme="navy"] {
	--hoverme-bg: rgba(22, 37, 77, 0.8);
}

.hoverme--navy-dark,
.hoverme-lr.hoverme--navy-dark,
.hoverme[data-hoverme="navy-dark"],
.hoverme-lr[data-hoverme="navy-dark"] {
	--hoverme-bg: rgba(27, 54, 93, 0.8);
}

.hoverme--featured,
.hoverme-lr.hoverme--featured,
.hoverme[data-hoverme="featured"],
.hoverme-lr[data-hoverme="featured"] {
	--hoverme-bg: rgba(27, 55, 118, 0.8);
}

.hoverme--brand,
.hoverme-lr.hoverme--brand,
.hoverme[data-hoverme="brand"],
.hoverme-lr[data-hoverme="brand"] {
	--hoverme-bg: rgba(22, 38, 93, 0.8);
}

.hoverme--gold,
.hoverme-lr.hoverme--gold,
.hoverme[data-hoverme="gold"],
.hoverme-lr[data-hoverme="gold"] {
	--hoverme-bg: rgba(168, 126, 92, 0.8);
}

.hoverme--bronze,
.hoverme-lr.hoverme--bronze,
.hoverme[data-hoverme="bronze"],
.hoverme-lr[data-hoverme="bronze"] {
	--hoverme-bg: rgba(143, 109, 79, 0.8);
}

.hoverme--teal,
.hoverme-lr.hoverme--teal,
.hoverme[data-hoverme="teal"],
.hoverme-lr[data-hoverme="teal"] {
	--hoverme-bg: rgba(0, 131, 147, 0.8);
}

.hoverme--blue,
.hoverme-lr.hoverme--blue,
.hoverme[data-hoverme="blue"],
.hoverme-lr[data-hoverme="blue"] {
	--hoverme-bg: rgba(0, 102, 178, 0.8);
}

.hoverme--archway,
.hoverme-lr.hoverme--archway,
.hoverme[data-hoverme="archway"],
.hoverme-lr[data-hoverme="archway"] {
	--hoverme-bg: rgba(32, 100, 201, 0.8);
}

.hoverme--white,
.hoverme-lr.hoverme--white,
.hoverme[data-hoverme="white"],
.hoverme-lr[data-hoverme="white"] {
	--hoverme-bg: hsla(0, 0%, 100%, 0.32);
}

.hoverme--gray,
.hoverme-lr.hoverme--gray,
.hoverme[data-hoverme="gray"],
.hoverme-lr[data-hoverme="gray"] {
	--hoverme-bg: rgba(106, 114, 130, 0.35);
}

/* Light tints (awards-style subtle fills) */
.hoverme--navy-light,
.hoverme-lr.hoverme--navy-light,
.hoverme[data-hoverme="navy-light"],
.hoverme-lr[data-hoverme="navy-light"] {
	--hoverme-bg: linear-gradient(180deg, rgba(22, 37, 77, 0.12) 0%, rgba(22, 37, 77, 0.04) 100%);
}

.hoverme--gold-light,
.hoverme-lr.hoverme--gold-light,
.hoverme[data-hoverme="gold-light"],
.hoverme-lr[data-hoverme="gold-light"] {
	--hoverme-bg: linear-gradient(180deg, rgba(143, 109, 79, 0.12) 0%, rgba(143, 109, 79, 0.04) 100%);
}

.hoverme--white-light,
.hoverme-lr.hoverme--white-light,
.hoverme[data-hoverme="white-light"],
.hoverme-lr[data-hoverme="white-light"] {
	--hoverme-bg: hsla(0, 0%, 100%, 0.45);
}

.hoverme-dark-green,
.hoverme--dark-green,
.hoverme-lr.hoverme-dark-green,
.hoverme-lr.hoverme--dark-green,
.hoverme[data-hoverme="dark-green"],
.hoverme-lr[data-hoverme="dark-green"] {
	--hoverme-bg: #014226;
}

.hoverme--lightnavy,
.hoverme-lr.hoverme--lightnavy,
.hoverme[data-hoverme="lightnavy"],
.hoverme-lr[data-hoverme="lightnavy"] {
	--hoverme-bg: #CAA260;
}

@media (prefers-reduced-motion: reduce) {
	.hoverme::after,
	.hoverme-lr::after {
		transition: none;
	}

	.hoverme:hover::after {
		transform: scaleY(1);
	}

	.hoverme-lr:hover::after {
		transform: scaleX(1);
	}

	.hoverme-lr--light-text:hover,
	.hoverme-lr--light-text:hover * {
		transition: none;
	}
}

/* ==========================================================================
   Button hover: gold fill left → right, navy text (standalone — not hoverme)
   Elementor → Advanced → CSS Classes on the Button widget: hover-lr-gold
   (Class sits on the widget wrapper; effect is applied to the <a> tag.)
   ========================================================================== */

/* Native button / link when class is on the element itself */
button.hover-lr-gold,
a.hover-lr-gold,
input.hover-lr-gold[type="submit"],
.affinity-member-region-filtering__show-more.hover-lr-gold {
	--hover-lr-gold-bg: #A87E5C;
	--hover-lr-gold-duration: 1.15s;
	--hover-lr-gold-text: #fff;
	position: relative;
	overflow: hidden;
	color: #fff !important;
	transition: color var(--hover-lr-gold-duration) ease-in-out;
}

button.hover-lr-gold::after,
a.hover-lr-gold::after,
input.hover-lr-gold[type="submit"]::after,
.affinity-member-region-filtering__show-more.hover-lr-gold::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--hover-lr-gold-bg);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--hover-lr-gold-duration) cubic-bezier(0.33, 1, 0.68, 1);
}

button.hover-lr-gold:hover::after,
a.hover-lr-gold:hover::after,
input.hover-lr-gold[type="submit"]:hover::after,
.affinity-member-region-filtering__show-more.hover-lr-gold:hover::after {
	transform: scaleX(1);
}

button.hover-lr-gold:hover,
button.hover-lr-gold:hover *,
a.hover-lr-gold:hover,
a.hover-lr-gold:hover * {
	color: #fff !important;
}

/* Elementor: class on widget/column wrapper — do not paint on parent div */
.elementor-widget-button.hover-lr-gold,
.elementor-element.hover-lr-gold,
.elementor-widget.hover-lr-gold .elementor-widget-button,
.hover-lr-gold.elementor-widget-container {
	overflow: visible !important;
}

.elementor-widget-button.hover-lr-gold::after,
.elementor-element.hover-lr-gold::after,
.elementor-widget.hover-lr-gold::after,
.hover-lr-gold.elementor-widget-container::after {
	content: none !important;
	display: none !important;
}
#hover-lr-gold-home.hover-lr-gold .elementor-button:hover {
	color: #fff !important;
}
#hover-lr-gold-home.hover-lr-gold .elementor-button svg path {
	fill: #fff !important;
}
#hover-lr-gold-home.hover-lr-gold .elementor-button:hover svg path {
	fill: #fff !important;
}

/* Gold sweep on the actual <a class="elementor-button"> */
.elementor-widget-button.hover-lr-gold .elementor-button,
.elementor-element.hover-lr-gold .elementor-button,
.elementor-widget.hover-lr-gold .elementor-button,
.hover-lr-gold .elementor-button.elementor-button-link,
a.elementor-button.hover-lr-gold {
	--hover-lr-gold-bg: #A87E5C;
	--hover-lr-gold-duration: 1.15s;
	--hover-lr-gold-text: #fff;
	position: relative;
	overflow: hidden;
	color: #fff !important;
	transition: color var(--hover-lr-gold-duration) ease-in-out;
}

.elementor-widget-button.hover-lr-gold .elementor-button::after,
.elementor-element.hover-lr-gold .elementor-button::after,
.elementor-widget.hover-lr-gold .elementor-button::after,
.hover-lr-gold .elementor-button.elementor-button-link::after,
a.elementor-button.hover-lr-gold::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--hover-lr-gold-bg);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--hover-lr-gold-duration) cubic-bezier(0.33, 1, 0.68, 1);
}

.elementor-widget-button.hover-lr-gold:hover .elementor-button::after,
.elementor-element.hover-lr-gold:hover .elementor-button::after,
.elementor-widget.hover-lr-gold:hover .elementor-button::after,
.hover-lr-gold:hover .elementor-button.elementor-button-link::after,
a.elementor-button.hover-lr-gold:hover::after {
	transform: scaleX(1);
}

.elementor-widget-button.hover-lr-gold:hover .elementor-button,
.elementor-widget-button.hover-lr-gold:hover .elementor-button *,
.elementor-element.hover-lr-gold:hover .elementor-button,
.elementor-element.hover-lr-gold:hover .elementor-button *,
.elementor-widget.hover-lr-gold:hover .elementor-button,
.elementor-widget.hover-lr-gold:hover .elementor-button *,
.hover-lr-gold:hover .elementor-button.elementor-button-link,
.hover-lr-gold:hover .elementor-button.elementor-button-link *,
a.elementor-button.hover-lr-gold:hover,
a.elementor-button.hover-lr-gold:hover * {
	color: var(--hover-lr-gold-text) !important;
}

.elementor-widget-button.hover-lr-gold .elementor-button .elementor-button-content-wrapper,
.elementor-element.hover-lr-gold .elementor-button .elementor-button-content-wrapper,
.elementor-widget.hover-lr-gold .elementor-button .elementor-button-content-wrapper,
.hover-lr-gold .elementor-button .elementor-button-content-wrapper,
a.elementor-button.hover-lr-gold .elementor-button-content-wrapper {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	button.hover-lr-gold::after,
	a.hover-lr-gold::after,
	.affinity-member-region-filtering__show-more.hover-lr-gold::after,
	.elementor-widget-button.hover-lr-gold .elementor-button::after,
	.elementor-element.hover-lr-gold .elementor-button::after,
	.elementor-widget.hover-lr-gold .elementor-button::after,
	.hover-lr-gold .elementor-button.elementor-button-link::after,
	a.elementor-button.hover-lr-gold::after {
		transition: none;
	}

	button.hover-lr-gold:hover::after,
	a.hover-lr-gold:hover::after,
	.affinity-member-region-filtering__show-more.hover-lr-gold:hover::after,
	.elementor-widget-button.hover-lr-gold:hover .elementor-button::after,
	.elementor-element.hover-lr-gold:hover .elementor-button::after,
	.elementor-widget.hover-lr-gold:hover .elementor-button::after,
	.hover-lr-gold:hover .elementor-button.elementor-button-link::after,
	a.elementor-button.hover-lr-gold:hover::after {
		transform: scaleX(1);
	}
}


/* ==========================================================================
   Button hover: dark green fill left → right
   Elementor → Advanced → CSS Classes on the Button widget: hover-dark-green
   ========================================================================== */

/* Native button / link when class is on the element itself */
button.hover-dark-green,
a.hover-dark-green,
input.hover-dark-green[type="submit"],
.affinity-member-region-filtering__show-more.hover-dark-green {
	--hover-dark-green-bg: #014226;
	--hover-dark-green-duration: 1.15s;
	--hover-dark-green-text: #fff;
	position: relative;
	overflow: hidden;
	color: #fff !important;
	transition: color var(--hover-dark-green-duration) ease-in-out;
}

button.hover-dark-green::after,
a.hover-dark-green::after,
input.hover-dark-green[type="submit"]::after,
.affinity-member-region-filtering__show-more.hover-dark-green::after {
	content: "";
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--hover-dark-green-bg);
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--hover-dark-green-duration) cubic-bezier(0.33, 1, 0.68, 1);
}

button.hover-dark-green:hover::after,
a.hover-dark-green:hover::after,
input.hover-dark-green[type="submit"]:hover::after,
.affinity-member-region-filtering__show-more.hover-dark-green:hover::after {
	transform: scaleX(1);
}

button.hover-dark-green:hover,
button.hover-dark-green:hover *,
a.hover-dark-green:hover,
a.hover-dark-green:hover * {
	color: #fff !important;
}

/* Elementor: class on widget/column wrapper — do not paint on parent div */
.elementor-widget-button.hover-dark-green,
.elementor-element.hover-dark-green,
.elementor-widget.hover-dark-green .elementor-widget-button,
.hover-dark-green.elementor-widget-container {
	overflow: visible !important;
}

.elementor-widget-button.hover-dark-green::after,
.elementor-element.hover-dark-green::after,
.elementor-widget.hover-dark-green::after,
.hover-dark-green.elementor-widget-container::after {
	content: none !important;
	display: none !important;
}

#hover-dark-green-home.hover-dark-green .elementor-button:hover {
	color: #fff !important;
}
#hover-dark-green-home.hover-dark-green .elementor-button svg path {
	fill: #fff !important;
}
#hover-dark-green-home.hover-dark-green .elementor-button:hover svg path {
	fill: #fff !important;
}

/* Dark green sweep on the actual <a class="elementor-button"> */
.elementor-widget-button.hover-dark-green .elementor-button,
.elementor-element.hover-dark-green .elementor-button,
.elementor-widget.hover-dark-green .elementor-button,
.hover-dark-green .elementor-button.elementor-button-link,
a.elementor-button.hover-dark-green {
	--hover-dark-green-bg: #014226;
	--hover-dark-green-duration: 1.15s;
	--hover-dark-green-text: #fff;
	position: relative;
	overflow: hidden;
	color: #fff !important;
	transition: color var(--hover-dark-green-duration) ease-in-out;
}

.elementor-widget-button.hover-dark-green .elementor-button::after,
.elementor-element.hover-dark-green .elementor-button::after,
.elementor-widget.hover-dark-green .elementor-button::after,
.hover-dark-green .elementor-button.elementor-button-link::after,
a.elementor-button.hover-dark-green::after {
	content: "" !important;
	display: block !important;
	position: absolute;
	inset: 0;
	border-radius: inherit;
	z-index: 0;
	pointer-events: none;
	background: var(--hover-dark-green-bg) !important;
	transform: scaleX(0);
	transform-origin: left center;
	transition: transform var(--hover-dark-green-duration) cubic-bezier(0.33, 1, 0.68, 1);
}

.elementor-widget-button.hover-dark-green:hover .elementor-button::after,
.elementor-element.hover-dark-green:hover .elementor-button::after,
.elementor-widget.hover-dark-green:hover .elementor-button::after,
.hover-dark-green:hover .elementor-button.elementor-button-link::after,
a.elementor-button.hover-dark-green:hover::after {
	transform: scaleX(1);
}

.elementor-widget-button.hover-dark-green:hover .elementor-button,
.elementor-widget-button.hover-dark-green:hover .elementor-button *,
.elementor-element.hover-dark-green:hover .elementor-button,
.elementor-element.hover-dark-green:hover .elementor-button *,
.elementor-widget.hover-dark-green:hover .elementor-button,
.elementor-widget.hover-dark-green:hover .elementor-button *,
.hover-dark-green:hover .elementor-button.elementor-button-link,
.hover-dark-green:hover .elementor-button.elementor-button-link *,
a.elementor-button.hover-dark-green:hover,
a.elementor-button.hover-dark-green:hover * {
	color: var(--hover-dark-green-text) !important;
}

.elementor-widget-button.hover-dark-green .elementor-button .elementor-button-content-wrapper,
.elementor-element.hover-dark-green .elementor-button .elementor-button-content-wrapper,
.elementor-widget.hover-dark-green .elementor-button .elementor-button-content-wrapper,
.hover-dark-green .elementor-button .elementor-button-content-wrapper,
a.elementor-button.hover-dark-green .elementor-button-content-wrapper {
	position: relative;
	z-index: 1;
}

@media (prefers-reduced-motion: reduce) {
	button.hover-dark-green::after,
	a.hover-dark-green::after,
	.affinity-member-region-filtering__show-more.hover-dark-green::after,
	.elementor-widget-button.hover-dark-green .elementor-button::after,
	.elementor-element.hover-dark-green .elementor-button::after,
	.elementor-widget.hover-dark-green .elementor-button::after,
	.hover-dark-green .elementor-button.elementor-button-link::after,
	a.elementor-button.hover-dark-green::after {
		transition: none;
	}

	button.hover-dark-green:hover::after,
	a.hover-dark-green:hover::after,
	.affinity-member-region-filtering__show-more.hover-dark-green:hover::after,
	.elementor-widget-button.hover-dark-green:hover .elementor-button::after,
	.elementor-element.hover-dark-green:hover .elementor-button::after,
	.elementor-widget.hover-dark-green:hover .elementor-button::after,
	.hover-dark-green:hover .elementor-button.elementor-button-link::after,
	a.elementor-button.hover-dark-green:hover::after {
		transform: scaleX(1);
	}
}


.overview-box:hover {
	background: transparent !important;
}
.ar-left-wrapper {
    top: 0;
    align-self: flex-start;
    padding-top: 100px;
    box-shadow: 5px 2px 16px -8px #8F6D4F;
    z-index: 9999;
}
@media (min-width: 1025px) {
	.ar-left-wrapper {
        width: 220px !important;
    }
    .ar-right-wrapper {
        width: calc(100vw - 220px) !important;
        margin-left: 220px;
    }
    .page-annual-report-animations header nav,    
    .page-annual-repor header nav {
    	width: 100%;
    }
    .page-annual-report-animations .ar-left-wrapper .hfe-nav-menu a.hfe-menu-item,
    .page-annual-report .ar-left-wrapper .hfe-nav-menu a.hfe-menu-item {
        line-height: 27px !important;
    }
    .ar-sticky-menu-logo a {
    	width: 100% !important;
    }
    /* Anchor targets: align to viewport top (JS scroll in main.js) */
    body.page-annual-report [id],
    body.page-annual-report-animations [id] {
        scroll-margin-top: 0 !important;
    }
}

/* Annual Report: bold sidebar link when its #section is in viewport */
body.page-annual-report .ar-left-wrapper a.is-section-in-view,
body.page-annual-report-animations .ar-left-wrapper a.is-section-in-view {
    font-weight: 700 !important;
    color: #8f6d4f !important;
}
@media  screen and (min-width: 1025px) and (max-width: 1380px) {
	.ar-left-wrapper {
    	padding-top: 50px;
    }
}
.e-bar-chart__heading {
	display: none !important;
}
.font-caslon .elementor-heading-title {
	font-family: 'Caslon Pro' !important;
}
@media (min-width: 1025px) and (max-width: 1300px) {
    #ar-report-hero-heading h2 {
		font-size: 80px !important;
    }
}
.content-hover-paragraph__body p {
    color: #000 !important;
}

.site-id-14 .member-listing-template-section__canvas path.affinity-region-shape {
  fill: #B88B6F;
  stroke: #fff;
}
.site-id-14 .member-listing-template-section__canvas path.affinity-region-shape.affinity-region-active {
  fill: #fff !important;
  stroke: rgb(162, 169, 188) !important;
}