.wp-site-blocks > section.wp-block-group {
	padding-inline: var(--page-padding) !important;
}

/*------------------------------------------------
Hero
------------------------------------------------*/
.hero.grantee {
    background-image: url("https://ahead.africa/wp-content/uploads/2024/10/shapes-tile-green.svg");
    position: relative;
}
.hero-nav {
    --_hero-nav-height: 40px;

    position: absolute;
    inset: 10px 10px auto;
    min-height: var(--_hero-nav-height);
    margin: 0;
}

.hero .back-button a,
.hero .back-button a strong {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
    font-weight: 600; /* Ensures bold, not extra bold */
    transition: scale 0.25s ease;
}
@media screen and (max-width: 590px) {
    .hero-nav {
        position: static;
    }
    .hero-nav .wp-block-buttons {
        position: absolute;
        inset: 10px auto auto 10px;
    }
    .hero-nav .grantee-categories {
        justify-content: center;
        flex-wrap: wrap;
        width: 100%;
        margin-top: 1rem;
    }
}

.hero .location-icon {
    min-width: 18px;
}

.hero .back-button a {
    background-color: var(--wp--preset--color--secondary);
    color: var(--wp--preset--color--background);
    font-weight: 600; /* Changed from 700 to 600 for bold */
    transition: scale 0.25s ease;
}
.hero .back-button a::before {
    content: '‹ ';
    font-size: 1.25em;
    line-height: 1;
}
.hero .back-button a:hover {
    opacity: 0.9;
}

.wp-block-post-featured-image {
	max-width: 500px;
}

/*------------------------------------------------
Social Icons
------------------------------------------------*/
.wp-block-tn-share-post {
    --_svg-color: var(--wp--preset--color--background);
}

/*------------------------------------------------
Tabs
------------------------------------------------*/
.tabs {
    --_inline-padding: 20px;
    
    padding-top: var(--_title-height);
    position: relative;
    overflow: clip;
}

.tab-titles {
    padding: 0;
    margin: 0;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    gap: 1rem;
    position: sticky;
    top: calc(var(--header-height) + var(--wp-admin--admin-bar--position-offset, 0px));
}
.tab-titles::before {
    content: '';
    inset: -100vh 0 0;
    position: absolute;
    z-index: -1;
    background: var(--wp--preset--color--background);
}
.tab-title {
    --_background-color: var(--wp--preset--color--secondary-alt);
    --_color: var(--wp--preset--color--background);

	flex: 1;
	text-align: center;
    list-style: none;
    color: var(--_color);
    padding: 5px var(--_inline-padding);
    border-radius: 500px;
    background-color: var(--_background-color);
    cursor: pointer;
    transition: background-color 0.25s ease;
}
.tab-title[selected] {
    --_background-color: var(--wp--preset--color--secondary);
    --_color: var(--wp--preset--color--background)
}
.tab-title:hover:not([selected]) {
    --_background-color: var(--wp--preset--color--secondary);
}

.tab-content-item:not([selected]) {
    display: none;
}

@media screen and (max-width: 610px) {
    .tab-title {
        width: 100%;
    }
    .tab-titles {
        position: static;
    }
}

/*------------------------------------------------
Grantee Election Post
------------------------------------------------*/
.grantee-election-post {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.grantee-election-post h2 {
    text-align: center;
	font-size: var(--wp--preset--font-size--h-5);
}
.grantee-election-post img {
    max-width: 400px;
    width: 100%;
}
.grantee-election-post .wp-block-buttons {
    margin-top: 1.5rem;
}

/*------------------------------------------------
More About Grantee
------------------------------------------------*/
.more-about-grantee {
    margin-top: 0;
}
.more-about-grantee:not(:has(.wp-block-query ul)) {
    display: none;
}

.grantee-recommended-divider {
    display: none;
    position: relative;
}
.grantee-recommended-divider:has(+ .more-about-grantee .wp-block-query ul) {
    display: block;
}
.grantee-recommended-divider .shape {
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    translate: 0 -50%;
    z-index: 1;
    max-width: clamp(70px, 8vw, 120px);
}
@media screen and (min-width: 550px) {
	.more-about-grantee .wp-block-post-template {
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
	}
	.more-about-grantee .wp-block-post {
		max-width: 360px;
		width: 100%;
	}
}

/*------------------------------------------------
Grantee Categories
------------------------------------------------*/
.grantee-categories {
    padding: 0;
    margin: 0;
    list-style: none;
    display: flex;
    gap: 10px;
}
.grantee-category {
    --_background-color: transparent;
    --_color: var(--wp--preset--color--text);
    --_border-color: transparent;

    background-color: var(--_background-color);
    color: var(--_color);
    border: 2px solid var(--_border-color);
    border-radius: 500px;
    padding: 5px 10px;
}
.grantee-category[data-name="advocacy"] {
	--_background-color: var(--wp--preset--color--quaternary-alt);
    --_color: var(--wp--preset--color--quaternary);
    --_border-color: var(--wp--preset--color--quaternary);
}
.grantee-category[data-name="election-observation"] {
    --_background-color: var(--wp--preset--color--primary-alt);
    --_color: var(--wp--preset--color--primary);
    --_border-color: var(--wp--preset--color--primary);
}
.grantee-category[data-name="research"] {
	--_background-color: var(--wp--preset--color--tertiary-alt);
    --_color: var(--wp--preset--color--tertiary);
    --_border-color: var(--wp--preset--color--tertiary);
}