<!DOCTYPE html>
<html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" >
<head>
<meta charset="utf-8" />
<script async src="https://www.googletagmanager.com/gtag/js?id=G-YXMHMSQXVX"></script>
<script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments)};gtag("js", new Date());gtag("set", "developer_id.dMDhkMT", true);gtag("config", "G-YXMHMSQXVX", {"groups":"default","page_placeholder":"PLACEHOLDER_page_location"});</script>
<script src="/sites/default/files/hotjar/hotjar.script.js?su0sxf"></script>
<meta name="description" content="A4TE was founded in 2024 as the National Center for Transgender Equality (NCTE) and Transgender Legal Defense and Education Fund (TLDEF), two long-time champions for the trans community, merged together as one organization." />
<link rel="canonical" href="https://transequality.org/" />
<link rel="shortlink" href="https://transequality.org/" />
<link rel="image_src" href="https://a4te.org/sites/default/files/2024-06/Andy%20%2B%20Rigo.png" />
<meta property="og:site_name" content="A4TE" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://transequality.org/" />
<meta property="og:title" content="Homepage | A4TE" />
<meta property="og:image" content="https://a4te.org/sites/default/files/2024-06/Andy%20%2B%20Rigo.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@TransEquality" />
<meta name="twitter:title" content="Homepage | A4TE" />
<meta name="twitter:image" content="https://a4te.org/sites/default/files/2024-06/Andy%20%2B%20Rigo.png" />
<link rel="icon" href="/themes/custom/a4te/images/favicons/favicon.svg" type="image/svg+xml"/>
<link rel="apple-touch-icon" href="/themes/custom/a4te/images/favicons/favicon.png"/>
<meta name="favicon-generator" content="Drupal responsive_favicons + realfavicongenerator.net" />
<meta name="Generator" content="Drupal 10 (https://www.drupal.org)" />
<meta name="MobileOptimized" content="width" />
<meta name="HandheldFriendly" content="true" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/themes/custom/a4te/favicon.ico" type="image/vnd.microsoft.icon" />
<title>Advocates for Trans Equality | Fighting for legal and political rights of transgender people in America</title>
<link rel="preload" href="/themes/custom/a4te/fonts/PlatformMedium.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PlatformMediumItalic.ttf" as="font" type="font/ttf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PostGroteskBook.otf" as="font" type="font/otf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PostGroteskBookItalic.otf" as="font" type="font/otf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PostGroteskMedium.otf" as="font" type="font/otf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PostGroteskMediumItalic.otf" as="font" type="font/otf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PostGroteskBold.otf" as="font" type="font/otf" crossorigin="anonymous">
<link rel="preload" href="/themes/custom/a4te/fonts/PostGroteskBoldItalic.otf" as="font" type="font/otf" crossorigin="anonymous">
<link rel="stylesheet" href="/themes/custom/a4te/css/fonts.css">
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/align.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/progress.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/ajax-progress.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/../themes/custom/a4te/components/learn-more-block/learn-more-block.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?su0sxf" />
<link rel="stylesheet" media="all" href="/modules/contrib/blazy/css/blazy.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/../themes/custom/a4te/components/search-block/search-block.css?su0sxf" />
<link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?su0sxf" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/assets/vendor/normalize-css/normalize.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/action-links.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/breadcrumb.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/button.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/container-inline.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/details.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/exposed-filters.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/field.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/form.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/icons.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/inline-form.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/item-list.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/link.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/links.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/menu.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/more-link.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/pager.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tabledrag.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tableselect.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tablesort.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tabs.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/textarea.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/ui-dialog.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/other-news.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/social-media.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/facets.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/layout--twocol.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/messages.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/progress.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/node.css?su0sxf" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/build/main.css?su0sxf" />
</head>
<body class="slug-node-44 path-frontpage page-node-type-page group/global font-sans">
<a href="#main-content" class="visually-hidden focusable skip-link">
Skip to main content
</a>
<div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas>
<div class="block layout-container relative">
<header role="banner" class="sticky-nav">
<div
class="
region
region-header
z-10
flex
w-full
max-w-[100vw]
justify-center
group-[.mobile-menu-opened]/global:top-0
group-[.mobile-menu-opened]/global:bottom-0
group-[.mobile-menu-opened]/global:overflow-y-scroll
">
<nav role="navigation" aria-labelledby="block-a4te-main-menu-menu" id="block-a4te-main-menu" class="block-menu navigation menu--main w-full hidden mdlg:block">
<h2 class="visually-hidden" id="block-a4te-main-menu-menu">Main navigation</h2>
<div>
<div id="nav" class="w-full bg-white">
<nav id="nav-content" class="max-w-screen-xl mx-auto w-full horizontal-spacing-full z-30 hidden h-[70px] items-center justify-between mdlg:flex">
<a href="/" rel="home" >
<img id="logo"
src="/themes/custom/a4te/images/a4te_logo_purple.svg"
fetchpriority="high"
alt="Visit the homepage"
width={272px}
height={34}
/>
<img id="logoMdlg"
src="/themes/custom/a4te/images/a4te_logo_purple_notext.svg"
fetchpriority="high"
alt="Visit the homepage"
width={105}
height={34}
/>
</a>
<ul id="menu-main" class="flex items-center min-w-[680px] flex-wrap gap-x-[49px] uppercase mdlg:min-w-[620px] mdlg:gap-x-[22px]">
<li class="menu-item group has-hoverstate relative">
<a href="/about-us" class="
first-level-item
font-postgroteskbold
font-bold
group-[.is-visible]:text-magentaDark
group-[.is-visible]:underline
group-[.is-visible]:decoration-2
group-[.is-visible]:underline-offset-[3px]
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl text-magentaMedium" target="" data-drupal-link-system-path="node/12">About</a>
<div class="absolute -left-[40px] pt-[18px] top-[100%] z-30 hidden h-auto w-max group-[.is-visible]:block group-[.is-visible]:animate-fadeIn group-[.is-visible]:transition-all">
<div class="flex h-auto w-max gap-y-[12px] rounded-bl-[10px] rounded-br-[10px] rounded-tl-[0px] rounded-tr-[0px] bg-white px-[40px] py-[24px] shadow-lg flex-col ">
<a href="/history" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/36">History</a>
<a href="/our-team" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1049">Our Team</a>
<a href="/jobs" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/22">Jobs</a>
<a href="/financial-information" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1047">Financial Information</a>
<a href="/contact-us" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/24">Contact Us</a>
</div>
</div>
</li>
<li class="menu-item group has-hoverstate relative">
<a href="/what-we-do" class="
first-level-item
font-postgroteskbold
font-bold
group-[.is-visible]:text-magentaDark
group-[.is-visible]:underline
group-[.is-visible]:decoration-2
group-[.is-visible]:underline-offset-[3px]
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl text-magentaMedium" target="" data-drupal-link-system-path="node/26">What We Do</a>
<div class="absolute -left-[40px] pt-[18px] top-[100%] z-30 hidden h-auto w-max group-[.is-visible]:block group-[.is-visible]:animate-fadeIn group-[.is-visible]:transition-all">
<div class="flex h-auto w-max gap-y-[12px] rounded-bl-[10px] rounded-br-[10px] rounded-tl-[0px] rounded-tr-[0px] bg-white px-[40px] py-[24px] shadow-lg flex-col ">
<a href="/what-we-do/litigation" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/25">Litigation</a>
<a href="/what-we-do/organizing" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1003">Organizing</a>
<a href="/what-we-do/policy" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1042">Policy</a>
<a href="/what-we-do/elections" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1043">Elections</a>
<a href="/what-we-do/voter-engagement" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1010">Voter Engagement</a>
<a href="/trans-health-project" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1011">Trans Health Project</a>
<a href="/name-change-project" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1012">Name Change Project</a>
<a href="/us-trans-survey" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/11">U.S. Trans Survey</a>
<a href="/documents" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1143">ID Documents Center</a>
<a href="/speaking-requests" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1064">Speaking Engagements</a>
<a href="/transgender-legal-services-network" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/35">Trans Legal Services Network</a>
</div>
</div>
</li>
<li class="menu-item group has-hoverstate relative">
<a href="/issues" class="
first-level-item
font-postgroteskbold
font-bold
group-[.is-visible]:text-magentaDark
group-[.is-visible]:underline
group-[.is-visible]:decoration-2
group-[.is-visible]:underline-offset-[3px]
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl text-magentaMedium" target="" data-drupal-link-system-path="node/29">Issues</a>
<div class="absolute -left-[40px] pt-[18px] top-[100%] z-30 hidden h-auto w-max group-[.is-visible]:block group-[.is-visible]:animate-fadeIn group-[.is-visible]:transition-all">
<div class="flex h-auto w-max gap-y-[12px] rounded-bl-[10px] rounded-br-[10px] rounded-tl-[0px] rounded-tr-[0px] bg-white px-[40px] py-[24px] shadow-lg flex-col ">
<a href="/issues/anti-violence" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/826">Anti-Violence</a>
<a href="/issues/education" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/10">Education</a>
<a href="/issues/employment" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/827">Employment</a>
<a href="/issues/health-healthcare" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/829">Health & Healthcare</a>
<a href="/issues/housing-homelessness" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/830">Housing & Homelessness</a>
<a href="/issues/identity-documents-privacy" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/831">Identity Documents</a>
<a href="/issues/immigration" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/832">Immigration</a>
<a href="/issues/military-veterans" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/834">Military & Veterans</a>
<a href="/issues/police-jails-prisons" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/836">Police, Jails & Prisons</a>
<a href="/issues/sports" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1092">Sports</a>
<a href="/issues/travel-airport-security" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/839">Travel & Airport Security</a>
<a href="/issues/youth-families" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/842">Youth & Families</a>
</div>
</div>
</li>
<li class="menu-item group has-hoverstate relative">
<a href="/trans-101" class="
first-level-item
font-postgroteskbold
font-bold
group-[.is-visible]:text-magentaDark
group-[.is-visible]:underline
group-[.is-visible]:decoration-2
group-[.is-visible]:underline-offset-[3px]
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl text-magentaMedium" target="" data-drupal-link-system-path="node/31">Trans 101</a>
<div class="absolute -left-[40px] pt-[18px] top-[100%] z-30 hidden h-auto w-max group-[.is-visible]:block group-[.is-visible]:animate-fadeIn group-[.is-visible]:transition-all">
<div class="flex h-auto w-max gap-y-[12px] rounded-bl-[10px] rounded-br-[10px] rounded-tl-[0px] rounded-tr-[0px] bg-white px-[40px] py-[24px] shadow-lg flex-col ">
<a href="/trans-101/about-transgender-people" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1044">About Transgender People</a>
<a href="/trans-101/about-nonbinary-people" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1046">About Nonbinary People</a>
<a href="/trans-101/supporting-transgender-people" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1048">Supporting Transgender People</a>
</div>
</div>
</li>
<li class="menu-item group has-hoverstate relative">
<a href="/news" class="
first-level-item
font-postgroteskbold
font-bold
group-[.is-visible]:text-magentaDark
group-[.is-visible]:underline
group-[.is-visible]:decoration-2
group-[.is-visible]:underline-offset-[3px]
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl text-magentaMedium" target="" data-drupal-link-system-path="node/32">News</a>
</li>
<li class="menu-item group has-hoverstate relative">
<a href="/take-action" class="
first-level-item
font-postgroteskbold
font-bold
group-[.is-visible]:text-magentaDark
group-[.is-visible]:underline
group-[.is-visible]:decoration-2
group-[.is-visible]:underline-offset-[3px]
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl text-magentaMedium" target="" data-drupal-link-system-path="node/33">Take Action</a>
<div class="absolute -left-[40px] pt-[18px] top-[100%] z-30 hidden h-auto w-max group-[.is-visible]:block group-[.is-visible]:animate-fadeIn group-[.is-visible]:transition-all">
<div class="flex h-auto w-max gap-y-[12px] rounded-bl-[10px] rounded-br-[10px] rounded-tl-[0px] rounded-tr-[0px] bg-white px-[40px] py-[24px] shadow-lg flex-col ">
<a href="/national-actions" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/47">National Actions</a>
<a href="/events" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/45">Events</a>
<a href="/vote" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1074">Vote</a>
<a href="/volunteer" title="Volunteer" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1079">Volunteer</a>
<a href="/support-us" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="" data-drupal-link-system-path="node/1081">Support Us</a>
</div>
</div>
</li>
<li class="relative z-30 self-center">
<span class="search-block-icon block cursor-pointer" id="magnifyingglass">
<img
src="/themes/custom/a4te/images/magnifyingglass_purple.svg"
class="h-[20px] w-[21px] block group-[.search-visible]/global:hidden" alt="Search" />
<img
src="/themes/custom/a4te/images/close-search-purple.svg"
class="h-[20px] w-[21px] hidden group-[.search-visible]/global:block" alt="Close Search" />
</span>
</li>
<li class="menu-item group has-hoverstate relative">
<a href="https://donate.ncteactionfund.org/a/a4te" class="
btn rounded-full bg-magenta hover:bg-magentaDark px-[32px] py-[15px] font-postgrotesk font-bold text-white mdlg:text-navAnchorMdlg mdlg:tracking-headerAnchorMdlg lg:text-navAnchorLg xl:text-navAnchorXl btn-link-dropdown" target="_blank">Donate</a>
<div class="absolute right-0 text-right pt-[8px] top-[100%] z-30 hidden h-auto w-max group-[.is-visible]:block group-[.is-visible]:animate-fadeIn group-[.is-visible]:transition-all">
<div class="flex h-auto w-max gap-y-[12px] rounded-bl-[10px] rounded-br-[10px] rounded-tl-[0px] rounded-tr-[0px] bg-white px-[40px] py-[24px] shadow-lg flex-col ">
<a href="https://transequality.org/changemakers-circle" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="_blank">Give Monthly</a>
<a href="https://transequality.org/bright-futures-society" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="_blank">Planned Giving</a>
<a href="https://transequality.org/corporate-partnerships" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="_blank">Corporate Partnerships</a>
<a href="https://transequality.org/support-us" class="
font-postgroteskbold
font-bold
text-dropdownAnchor
uppercase
tracking-dropdownAnchor
text-magentaMedium
hover:text-magentaDark
mdlg:text-navAnchorMdlg
mdlg:tracking-headerAnchorMdlg
lg:text-navAnchorLg
xl:text-navAnchorXl
" target="_blank">More Ways to Give</a>
</div>
</div>
</li>
</ul>
</nav>
</div>
</div>
</nav>
<nav role="navigation" aria-labelledby="block-a4te-mainnavigation-mobile-menu" id="block-a4te-mainnavigation-mobile" class="block block-menu navigation group menu--main">
<h2 class="visually-hidden" id="block-a4te-mainnavigation-mobile-menu">Main navigation mobile</h2>
<div id="mobile-menu" class="block mdlg:hidden absolute w-full top-0 left-0 overflow-hidden min-h-[100dvh] pointer-events-none">
<!-- mobile hamburger menu -->
<div
id="mobilehamburgermenu"
class="
absolute
z-40
translate-x-full
h-[100dvh]
overflow-y-scroll
w-full
flex-col
bg-white
horizontal-spacing-full
pb-[40px]
pt-[230px]
opacity-0
transition-all
group-[.mobile-menu-opened]/global:flex
group-[.mobile-menu-opened]/global:translate-x-0
group-[.mobile-menu-opened]/global:opacity-100
mdlg:group-[.mobile-menu-opened]/global:hidden
pointer-events-auto
">
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="/about-us" class="hamburgermenu-anchor font-platform text-[40px] text-magentaMedium" target="" data-drupal-link-system-path="node/12">About</a>
<button class="submenu-button w-[30px] h-[30px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[30px]
before:bg-magentaMedium
before:rotate-90
before:transition-all
before:group-[.submenu-opened]:rotate-[180deg]
after:content-['']
after:block
after:h-[3px]
after:w-[30px]
after:bg-magentaMedium
after:transition-all
after:-translate-y-[2.5px]
after:group-[.submenu-opened]:rotate-[180deg]
">
<span class="sr-only">Open submenu</span>
</div>
</button>
</div>
<div class="grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 group-[.submenu-opened]:grid-rows-[1fr] group-[.submenu-opened]:opacity-100">
<div class="overflow-hidden">
<div class="flex flex-col py-4">
<a href="/history" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/36">History</a>
<a href="/our-team" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1049">Our Team</a>
<a href="/jobs" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/22">Jobs</a>
<a href="/financial-information" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1047">Financial Information</a>
<a href="/contact-us" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/24">Contact Us</a>
</div>
</div>
</div>
</div>
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="/what-we-do" class="hamburgermenu-anchor font-platform text-[40px] text-magentaMedium" target="" data-drupal-link-system-path="node/26">What We Do</a>
<button class="submenu-button w-[30px] h-[30px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[30px]
before:bg-magentaMedium
before:rotate-90
before:transition-all
before:group-[.submenu-opened]:rotate-[180deg]
after:content-['']
after:block
after:h-[3px]
after:w-[30px]
after:bg-magentaMedium
after:transition-all
after:-translate-y-[2.5px]
after:group-[.submenu-opened]:rotate-[180deg]
">
<span class="sr-only">Open submenu</span>
</div>
</button>
</div>
<div class="grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 group-[.submenu-opened]:grid-rows-[1fr] group-[.submenu-opened]:opacity-100">
<div class="overflow-hidden">
<div class="flex flex-col py-4">
<a href="/what-we-do/litigation" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/25">Litigation</a>
<a href="/what-we-do/organizing" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1003">Organizing</a>
<a href="/what-we-do/policy" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1042">Policy</a>
<a href="/what-we-do/elections" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1043">Elections</a>
<a href="/what-we-do/voter-engagement" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1010">Voter Engagement</a>
<a href="/trans-health-project" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1011">Trans Health Project</a>
<a href="/name-change-project" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1012">Name Change Project</a>
<a href="/us-trans-survey" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/11">U.S. Trans Survey</a>
<a href="/documents" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1143">ID Documents Center</a>
<a href="/speaking-requests" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1064">Speaking Engagements</a>
<a href="/transgender-legal-services-network" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/35">Trans Legal Services Network</a>
</div>
</div>
</div>
</div>
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="/issues" class="hamburgermenu-anchor font-platform text-[40px] text-magentaMedium" target="" data-drupal-link-system-path="node/29">Issues</a>
<button class="submenu-button w-[30px] h-[30px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[30px]
before:bg-magentaMedium
before:rotate-90
before:transition-all
before:group-[.submenu-opened]:rotate-[180deg]
after:content-['']
after:block
after:h-[3px]
after:w-[30px]
after:bg-magentaMedium
after:transition-all
after:-translate-y-[2.5px]
after:group-[.submenu-opened]:rotate-[180deg]
">
<span class="sr-only">Open submenu</span>
</div>
</button>
</div>
<div class="grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 group-[.submenu-opened]:grid-rows-[1fr] group-[.submenu-opened]:opacity-100">
<div class="overflow-hidden">
<div class="flex flex-col py-4">
<a href="/issues/anti-violence" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/826">Anti-Violence</a>
<a href="/issues/education" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/10">Education</a>
<a href="/issues/employment" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/827">Employment</a>
<a href="/issues/health-healthcare" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/829">Health & Healthcare</a>
<a href="/issues/housing-homelessness" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/830">Housing & Homelessness</a>
<a href="/issues/identity-documents-privacy" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/831">Identity Documents</a>
<a href="/issues/immigration" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/832">Immigration</a>
<a href="/issues/military-veterans" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/834">Military & Veterans</a>
<a href="/issues/police-jails-prisons" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/836">Police, Jails & Prisons</a>
<a href="/issues/sports" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1092">Sports</a>
<a href="/issues/travel-airport-security" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/839">Travel & Airport Security</a>
<a href="/issues/youth-families" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/842">Youth & Families</a>
</div>
</div>
</div>
</div>
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="/trans-101" class="hamburgermenu-anchor font-platform text-[40px] text-magentaMedium" target="" data-drupal-link-system-path="node/31">Trans 101</a>
<button class="submenu-button w-[30px] h-[30px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[30px]
before:bg-magentaMedium
before:rotate-90
before:transition-all
before:group-[.submenu-opened]:rotate-[180deg]
after:content-['']
after:block
after:h-[3px]
after:w-[30px]
after:bg-magentaMedium
after:transition-all
after:-translate-y-[2.5px]
after:group-[.submenu-opened]:rotate-[180deg]
">
<span class="sr-only">Open submenu</span>
</div>
</button>
</div>
<div class="grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 group-[.submenu-opened]:grid-rows-[1fr] group-[.submenu-opened]:opacity-100">
<div class="overflow-hidden">
<div class="flex flex-col py-4">
<a href="/trans-101/about-transgender-people" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1044">About Transgender People</a>
<a href="/trans-101/about-nonbinary-people" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1046">About Nonbinary People</a>
<a href="/trans-101/supporting-transgender-people" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1048">Supporting Transgender People</a>
</div>
</div>
</div>
</div>
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="/news" class="hamburgermenu-anchor font-platform text-[40px] text-magentaMedium" target="" data-drupal-link-system-path="node/32">News</a>
</div>
</div>
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="/take-action" class="hamburgermenu-anchor font-platform text-[40px] text-magentaMedium" target="" data-drupal-link-system-path="node/33">Take Action</a>
<button class="submenu-button w-[30px] h-[30px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[30px]
before:bg-magentaMedium
before:rotate-90
before:transition-all
before:group-[.submenu-opened]:rotate-[180deg]
after:content-['']
after:block
after:h-[3px]
after:w-[30px]
after:bg-magentaMedium
after:transition-all
after:-translate-y-[2.5px]
after:group-[.submenu-opened]:rotate-[180deg]
">
<span class="sr-only">Open submenu</span>
</div>
</button>
</div>
<div class="grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 group-[.submenu-opened]:grid-rows-[1fr] group-[.submenu-opened]:opacity-100">
<div class="overflow-hidden">
<div class="flex flex-col py-4">
<a href="/national-actions" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/47">National Actions</a>
<a href="/events" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/45">Events</a>
<a href="/vote" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1074">Vote</a>
<a href="/volunteer" title="Volunteer" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1079">Volunteer</a>
<a href="/support-us" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="" data-drupal-link-system-path="node/1081">Support Us</a>
</div>
</div>
</div>
</div>
<div class="mobile-menu-item group flex w-full flex-col">
<div class="flex flex-row items-center justify-between">
<a href="https://donate.ncteactionfund.org/a/a4te" class="hamburgermenu-anchor font-platform text-[40px] text-magentaDark" target="_blank">Donate</a>
<button class="submenu-button w-[30px] h-[30px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[30px]
before:bg-magentaMedium
before:rotate-90
before:transition-all
before:group-[.submenu-opened]:rotate-[180deg]
after:content-['']
after:block
after:h-[3px]
after:w-[30px]
after:bg-magentaMedium
after:transition-all
after:-translate-y-[2.5px]
after:group-[.submenu-opened]:rotate-[180deg]
">
<span class="sr-only">Open submenu</span>
</div>
</button>
</div>
<div class="grid overflow-hidden transition-all duration-300 ease-in-out grid-rows-[0fr] opacity-0 group-[.submenu-opened]:grid-rows-[1fr] group-[.submenu-opened]:opacity-100">
<div class="overflow-hidden">
<div class="flex flex-col py-4">
<a href="https://transequality.org/changemakers-circle" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="_blank">Give Monthly</a>
<a href="https://transequality.org/bright-futures-society" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="_blank">Planned Giving</a>
<a href="https://transequality.org/corporate-partnerships" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="_blank">Corporate Partnerships</a>
<a href="https://transequality.org/support-us" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="_blank">More Ways to Give</a>
</div>
</div>
</div>
</div>
<div class="flex-grow flex items-end mt-8">
<div class="flex flex-row gap-x-4 social-media">
<a href="https://www.facebook.com/TransEqualityNow/" target="_blank" class="flex-inline h-[18px]" >
<img src="/sites/default/files/2024-06/facebook_dark.svg" alt="" width="18" height="18" loading="lazy"/>
</a>
<a href="https://www.linkedin.com/company/advocates-for-trans-equality/" target="_blank" class="flex-inline h-[18px]" >
<img src="/sites/default/files/2024-06/linkedin_dark.svg" alt="" width="18" height="18" loading="lazy"/>
</a>
<a href="https://bsky.app/profile/did:plc:ivb62ux4pkwamrwjjk5l4psj" target="_blank" class="flex-inline h-[18px]" >
<img src="/sites/default/files/2025-02/bluesky_dark.svg" alt="" width="18" height="18" loading="lazy"/>
</a>
<a href="https://www.instagram.com/transequalitynow/" target="_blank" class="flex-inline h-[18px]" >
<img src="/sites/default/files/2024-06/instagram_dark.svg" alt="" width="18" height="18" loading="lazy"/>
</a>
</div>
</div>
</div>
</div>
</nav>
<!-- TODO: Add the dynamic mobile version of the top nav bar -->
<!-- top nav bar, mobile -->
<nav
id="navmobile"
class="bg-white z-50 flex h-[54px] w-full flex-row justify-between px-[24px] py-[12px] md:px-[40px] mdlg:hidden"
>
<a href="/">
<img
id="logo"
src="/themes/custom/a4te/images/a4te_logo_purple_notext.svg"
alt="Visit the homepage"
class="w-[92px] md:w-[98px]"
/>
</a>
<div class="flex flex-row align-middle">
<span class="search-block-icon cursor-pointer" id="magnifyingglassmobile">
<img
src="/themes/custom/a4te/images/magnifyingglass_purple.svg"
class="mr-[24px] h-[30px] w-[30px] md:mr-[38px] block group-[.search-visible]/global:hidden"
alt="Search Icon"
/>
<img
src="/themes/custom/a4te/images/close-search-purple.svg"
class="mr-[24px] h-[30px] w-[30px] md:mr-[38px] hidden group-[.search-visible]/global:block" alt="Close Search" />
</span>
<button id="mobilehamburger" class="group w-[25px] md:w-[28px]">
<div class="
before:content-['']
before:block
before:h-[3px]
before:w-[25px]
before:bg-magentaMedium
before:transition-all
before:group-[.mobile-menu-opened]/global:bg-magentaMedium
before:group-[.mobile-menu-opened]/global:translate-y-2.5
before:group-[.mobile-menu-opened]/global:rotate-[135deg]
after:content-['']
after:block
after:h-[3px]
after:w-[25px]
after:bg-magentaMedium
after:transition-all
after:group-[.mobile-menu-opened]/global:bg-magentaMedium
after:group-[.mobile-menu-opened]/global:-translate-y-2.5
after:group-[.mobile-menu-opened]/global:rotate-[-135deg]
">
<span class="
content-['']
block
h-[3px]
w-[25px]
my-[7px]
bg-magentaMedium
transition-all
group-[.mobile-menu-opened]/global:scale-0
"></span>
<span class="sr-only">Mobile Menu toggle</span>
</div>
</button>
</div>
</nav>
</div>
</header>
<div class="fixed w-[100vw] h-[100vh] z-[99] pointer-events-none group-[.search-visible]/global:pointer-events-auto">
<div class="
bg-[rgba(255,255,255,0.7)]
absolute left-0 top-0 w-full h-full
invisible
opacity-0
transition-all
group-[.search-visible]/global:visible
group-[.search-visible]/global:opacity-[1]
z-[1]
" id="outside"></div>
<div class="
search-block
max-w-[100vw]
bg-deepBlue
-translate-y-full
w-full
relative
z-[9]
py-20
opacity-0
transition-all
duration-300
ease-in-out
group-[.search-visible]/global:flex
group-[.search-visible]/global:flex-col
group-[.search-visible]/global:translate-y-[0]
group-[.search-visible]/global:opacity-100
">
<div class="horizontal-spacing-full mx-auto">
<div class="views-exposed-form bef-exposed-form block-views block-views-exposed-filter-blocka4te-search-page-search" data-drupal-selector="views-exposed-form-a4te-search-page-search" id="block-a4te-exposedforma4te-searchpage-search">
<form action="/search" method="get" id="views-exposed-form-a4te-search-page-search" accept-charset="UTF-8">
<div class="form--inline clearfix">
<div class="js-form-item form-item js-form-type-search-api-autocomplete form-type-search-api-autocomplete js-form-item-search-api-fulltext form-item-search-api-fulltext">
<label for="edit-search-api-fulltext" class="sr-only">Search_api_fulltext</label>
<input placeholder="Search" data-drupal-selector="edit-search-api-fulltext" type="text" id="edit-search-api-fulltext" name="search_api_fulltext" value="" size="30" maxlength="128" class="form-text" />
</div>
<div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input data-drupal-selector="edit-submit-a4te-search" type="submit" id="edit-submit-a4te-search" value="Apply" class="button js-form-submit form-submit m-0 btn rounded-full bg-magenta hover:bg-magentaDark px-[32px] py-[15px] font-postgrotesk font-bold text-white mdlg:text-navAnchorMdlg mdlg:tracking-headerAnchorMdlg lg:text-navAnchorLg xl:text-navAnchorXl" />
</div>
</div>
</form>
</div>
<div class="views-element-container block-views block-views-blockpopular-tags-block-1" id="block-a4te-views-block-popular-tags-block-1">
<div>
<div class="popular-tags group/populartags first mt-[110px] md:mt-20">
<p class="typo-paragraph text-powderBlueMedium mb-6">Popular tags</p>
<div class="
flex
flex-wrap
gap-3
min-w-[767px]
transition-all
duration-300
ease-in-out
group-[.first]/populartags:translate-x-0
group-[.middle]/populartags:translate-x-[-200px]
group-[.last]/populartags:translate-x-[-400px]
[&_a]:typo-captions
[&_a]:bg-powderBlueLight
[&_a]:rounded-[50px]
[&_a]:text-deepBlue
[&_a]:py-2
[&_a]:px-3
md:min-w-full
group-[.first]/populartags:md:translate-x-0
group-[.middle]/populartags:md:translate-x-0
group-[.last]/populartags:md:translate-x-0
[&_a]:md:px-6
">
<a href="/category/agendas" hreflang="en">Agendas</a>
</div>
<div class="flex justify-center gap-x-1 mt-6 md:hidden">
<a href="" class="popular-first w-2 h-2 rounded-full bg-deepBlueDark group-[.first]/populartags:bg-powderBlueLight"><span class="sr-only">First group of popular tags</span></a>
<a href="" class="popular-middle w-2 h-2 rounded-full bg-deepBlueDark group-[.middle]/populartags:bg-powderBlueLight"><span class="sr-only">Second group of popular tags</span></a>
<a href="" class="popular-last w-2 h-2 rounded-full bg-deepBlueDark group-[.last]/populartags:bg-powderBlueLight"><span class="sr-only">Last group of popular tags</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="region region-help">
<div data-drupal-messages-fallback class="hidden"></div>
</div>
<main id="main-content" role="main" class="block">
<a id="main-content-link" tabindex="-1"></a>
<div data-section=issues class="section text-center issues bg-magentaDark overflow-hidden max-w-[100vw]">
<div class="relative mdlg:inline-block text-left after:bg-magentaMedium watch">
<div class="horizontal-spacing-full overflow-hidden z-[2] relative flex flex-col min-h-screen mdlg:h-screen mdlg:flex-row
items-center justify-center mdlg:justify-between pt-[80px] pb-[140px] md:py-[80px] gap-[40px] xl:gap-[219px] lg:gap-[164px] mdlg:gap-[32px]" >
<div class="relative z-[3] w-full mdlg:w-[40%] mdlg:min-w-[40%]
order-0 md:order-1 mdlg:order-0">
<div class="md:w-[448px] mdlg:w-full md:mx-auto">
<h2
class="pb-[16px] md:pb-[24px] font-platform typo-h1 tracking-normal text-pinkLight">
<div class="field field--name-field-headline field--type-string field--label-hidden field__item">Trans Rights Are Under Attack</div>
</h2>
<div class="mb-[24px] md:mb-[32px] lg:mb-[40px] font-postgrotesk typo-paragraph text-pinkLight">
<div class="field field--name-field-description field--type-string-long field--label-hidden field__item">Advocates for Trans Equality is tracking all of the latest executive orders and the Trump Administration's ongoing attacks on the trans community. Our lawyers and policy experts are on the front lines of this fight, and we need your support.</div>
</div>
<div class="flex flex-col md:flex-row gap-[8px] md:gap-[16px]">
<a class="btn typo-button bg-pinkLight hover:bg-magenta hover:text-pinkLight text-magentaDark flex whitespace-nowrap mr-auto md:mr-0 justify-center rounded-full px-[32px] py-[16px] uppercase md:px-[40px] md:py-[20px] mdlg:px-[40px] mdlg:py-[20px]" href="https://donate.ncteactionfund.org/a/a4te"
>
Donate Today
</a>
</div>
</div>
</div>
<div class="relative z-[2] flex items-center w-full">
<div class="relative flex xl:h-[645px] lg:h-[495px] mdlg:h-[440px] h-auto ml-auto w-full mdlg:w-auto">
<img src="/sites/default/files/2025-03/Protect%20trans%20lives.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=870//sites/default/files/2025-03/Protect%20trans%20lives.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2025-03/Protect%20trans%20lives.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2025-03/Protect%20trans%20lives.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2025-03/Protect%20trans%20lives.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2025-03/Protect%20trans%20lives.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Protect Trans Lives sign with flags and other signs behind"
title=""
width="870"
height="870"
class="relative z-[2] object-contain rounded-[10px] h-auto md:h-[36vh] mdlg:h-full w-full md:w-auto mdlg:w-auto max-w-[569px] mdlg:max-w-none mx-auto mdlg:mx-0 object-right h-auto"
loading="lazy"
>
</div>
</div>
<div class="absolute z-0 top-0 w-full h-full pointer-events-none mr-0 flex items-center right-0 justify-end">
<img src="themes/custom/a4te/images/bg-pattern-xl-purple.svg" alt="Pattern" class="animate hidden xl:block h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-lg-purple.svg" alt="Pattern" class="animate hidden lg:block xl:hidden h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-mdlg-purple.svg" alt="Pattern" class="animate hidden mdlg:block lg:hidden h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-md-purple.svg" alt="Pattern" class="animate hidden md:block mdlg:hidden h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-purple.svg" alt="Pattern" class="animate block md:hidden absolute left-0 bottom-0 h-auto w-full" />
</div>
</div>
</div>
</div>
<div id="block-a4te-content" class="block-system block-system-main-block">
</div>
<div class="horizontal-spacing-full my-20 md:my-[120px]">
<div class="grid md:grid-cols-2 lg:grid-cols-3 horizontal-spacing-full gap-x-4 gap-y-8 md:gap-x-8 md:gap-y-16 ">
<div class="flex flex-col gap-y-3 md:gap-y-4 group hover-item">
<a href="/news/how-testify-trans-rights" class="relative">
<img src="/sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="580"
height="580"
class="object-cover aspect-[5/4] w-full rounded-md transition-all h-auto"
loading="lazy"
>
<span class="position rounded-md absolute top-0 left-0 w-full h-full transition-all bg-darkOrange opacity-0 group-[.hovered]:opacity-100 after-overlay after:bg-darkOrange">
<img src="/sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-02/How%20to%20Testify%20for%20Trans%20Rights_Web%20Image%20%282%29.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="580"
height="580"
class="object-cover aspect-[5/4] w-full h-full rounded-md transition-all mix-blend-screen grayscale h-auto"
loading="lazy"
>
</span>
</a>
<a href="/news/how-testify-trans-rights">
<h3 class="typo-h4 text-darkOrange">Testifying Guide: You Can Make An Impact</h3>
</a>
<div class="typo-paragraph formatted-text hidden md:inline-flex">
A comprehensive guide to testifying for trans rights in front of school boards, city councils, state legislatures, and more.
</div>
<a class="typo-cta link-item text-magentaMedium hidden md:inline-flex" href="/news/how-testify-trans-rights">How to Testify for Trans Rights</a>
</div>
<div class="flex flex-col gap-y-3 md:gap-y-4 group hover-item">
<a href="/news/freedom-fly-passport-access-action" class="relative">
<img src="/sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="580"
height="580"
class="object-cover aspect-[5/4] w-full rounded-md transition-all h-auto"
loading="lazy"
>
<span class="position rounded-md absolute top-0 left-0 w-full h-full transition-all bg-magentaMedium opacity-0 group-[.hovered]:opacity-100 after-overlay after:bg-magentaMedium">
<img src="/sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/freedom-to-fly-Advocates%20for%20Trans%20Equality-transgender-passports-travel-equality-identification.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="580"
height="580"
class="object-cover aspect-[5/4] w-full h-full rounded-md transition-all mix-blend-screen grayscale h-auto"
loading="lazy"
>
</span>
</a>
<a href="/news/freedom-fly-passport-access-action">
<h3 class="typo-h4 text-magentaMedium">Freedom to Fly: Take Action Now</h3>
</a>
<div class="typo-paragraph formatted-text hidden md:inline-flex">
Submit comments to the U.S. Department of State on passport applications to make your voice heard on anti-trans changes
</div>
<a class="typo-cta link-item text-magentaMedium hidden md:inline-flex" href="/news/freedom-fly-passport-access-action">Take Action to Protect Trans Passport Access</a>
</div>
<div class="flex flex-col gap-y-3 md:gap-y-4 group hover-item">
<a href="/news/a4te-endorses-transgender-healthcare-access-act" class="relative">
<img src="/sites/default/files/2025-03/Balint%20web%20image_March2025.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/Balint%20web%20image_March2025.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/Balint%20web%20image_March2025.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/Balint%20web%20image_March2025.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/Balint%20web%20image_March2025.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/Balint%20web%20image_March2025.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="580"
height="580"
class="object-cover aspect-[5/4] w-full rounded-md transition-all h-auto"
loading="lazy"
>
<span class="position rounded-md absolute top-0 left-0 w-full h-full transition-all bg-deepBlue opacity-0 group-[.hovered]:opacity-100 after-overlay after:bg-deepBlue">
<img src="/sites/default/files/2025-03/Balint%20web%20image_March2025.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/Balint%20web%20image_March2025.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/Balint%20web%20image_March2025.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=580//sites/default/files/2025-03/Balint%20web%20image_March2025.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/Balint%20web%20image_March2025.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=700//sites/default/files/2025-03/Balint%20web%20image_March2025.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="580"
height="580"
class="object-cover aspect-[5/4] w-full h-full rounded-md transition-all mix-blend-screen grayscale h-auto"
loading="lazy"
>
</span>
</a>
<a href="/news/a4te-endorses-transgender-healthcare-access-act">
<h3 class="typo-h4 text-deepBlue">A4TE Endorses Transgender Health Care Access Act</h3>
</a>
<div class="typo-paragraph formatted-text hidden md:inline-flex">
Representative Balint introduces a critical legislation to advancing the health and well-being of transgender individuals across all ages.
</div>
<a class="typo-cta link-item text-magentaMedium hidden md:inline-flex" href="/news/a4te-endorses-transgender-healthcare-access-act">Learn More</a>
</div>
</div>
</div>
<div data-section=about-us class="section text-center about-us bg-pinkMedium overflow-hidden max-w-[100vw]">
<div class="relative mdlg:inline-block text-left after:bg-pinkLight watch">
<div class="horizontal-spacing-full overflow-hidden z-[2] relative flex flex-col min-h-screen mdlg:h-screen mdlg:flex-row
items-center justify-center mdlg:justify-between pt-[80px] pb-[140px] md:py-[80px] gap-[40px] xl:gap-[219px] lg:gap-[164px] mdlg:gap-[32px]" >
<div class="relative z-[3] w-full mdlg:w-[40%] mdlg:min-w-[40%]
order-0 md:order-1 mdlg:order-0">
<div class="md:w-[448px] mdlg:w-full md:mx-auto">
<h2
class="pb-[16px] md:pb-[24px] font-platform typo-h1 tracking-normal text-magentaDark">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">About us</div>
<br>
</h2>
<div class="mb-[24px] md:mb-[32px] lg:mb-[40px] font-postgrotesk typo-paragraph text-magentaDark">
<div class="field field--name-field-description field--type-string-long field--label-hidden field__item">Leveraging decades of experience on the frontlines of power, we shift government and society towards a future where we are no less than equal. A4TE was founded in 2024 as the National Center for Transgender Equality (NCTE) and Transgender Legal Defense and Education Fund (TLDEF), two long-time champions for the trans community, merged together as one organization. A4TE builds on their successes to boldly imagine a world where trans people live our lives joyfully and without barriers.</div>
</div>
<div class="flex flex-col md:flex-row gap-[8px] md:gap-[16px]">
<a class="btn typo-button bg-magentaDark hover:bg-pinkDark hover:text-magentaDark text-pinkMedium flex whitespace-nowrap mr-auto md:mr-0 justify-center rounded-full px-[32px] py-[16px] uppercase md:px-[40px] md:py-[20px] mdlg:px-[40px] mdlg:py-[20px]" href="/about-us"
>
Learn More
</a>
</div>
</div>
</div>
<div class="relative z-[2] flex items-center w-full">
<div class="relative flex xl:h-[645px] lg:h-[495px] mdlg:h-[440px] h-auto ml-auto w-full mdlg:w-auto">
<img src="/sites/default/files/2024-06/Andy%20%2B%20Rigo.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=870//sites/default/files/2024-06/Andy%20%2B%20Rigo.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2024-06/Andy%20%2B%20Rigo.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2024-06/Andy%20%2B%20Rigo.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2024-06/Andy%20%2B%20Rigo.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2024-06/Andy%20%2B%20Rigo.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Andy Marra and Rodrigo Heng-Lehtinen stand side-by-side while smiling confidently at the camera. "
title=""
width="870"
height="870"
class="relative z-[2] object-contain rounded-[10px] h-auto md:h-[36vh] mdlg:h-full w-full md:w-auto mdlg:w-auto max-w-[569px] mdlg:max-w-none mx-auto mdlg:mx-0 object-right h-auto"
loading="lazy"
>
</div>
</div>
<div class="absolute z-0 top-0 w-full h-full pointer-events-none mr-0 flex items-center right-0 justify-end">
<img src="themes/custom/a4te/images/bg-pattern-xl-pink.svg" alt="Pattern" class="animate hidden xl:block h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-lg-pink.svg" alt="Pattern" class="animate hidden lg:block xl:hidden h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-mdlg-pink.svg" alt="Pattern" class="animate hidden mdlg:block lg:hidden h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-md-pink.svg" alt="Pattern" class="animate hidden md:block mdlg:hidden h-full" />
<img src="/themes/custom/a4te/images/bg-pattern-pink.svg" alt="Pattern" class="animate block md:hidden absolute left-0 bottom-0 h-auto w-full" />
</div>
</div>
</div>
</div>
<div class="w-full justify-center bg-pinkLight pt-20 md:pt-[120px]">
<div class="flex flex-col gap-y-[40px] md:flex-row md:gap-y-[0px] justify-center">
<div class="views-element-container">
<div class="last:mb-20 last:md:mb-[120px] view view-news view-id-news view-display-id-block_latest_news js-view-dom-id-4a4c56544e99ab2323d39d6224b4bb407767f4a7aa93324020bc350d8b0ffb78">
<div class="view-content">
<div class="horizontal-spacing-full mx-auto mb-0">
<div class="flex justify-between gap-6">
<h2 class="vertical-spacing-title typo-h3 text-magentaMedium">
Latest News
</h2>
<a href="/news" class="mt-[6px] md:mt-4 typo-cta link-item text-magentaMedium">
View All
</a>
</div>
<div class="latest-news grid grid-cols-1 gap-y-10 md:grid-cols-2 md:gap-10 lg:grid-cols-3 ">
<div class="news-teaser-block h-full flex-1">
<div class="flex flex-col group-[.news-hero]:sticky top-16 mdlg:top-10 lg:top-16 group hover-item">
<div class="flex flex-row mb-[12px] typo-label uppercase">
<p class="text-magentaMedium font-bold">A4TE NEWS</p>
<div class="font-bold block"> /
<div class="field field--name-field-date field--type-datetime field--label-hidden field__item"><time datetime="2025-03-31T12:00:00Z" class="datetime">March 31, 2025</time>
</div>
</div>
</div>
<a
href="/news/a4te-endorses-transgender-healthcare-access-act"
target=""
class="inline-flex mb-[12px] hover-parent"
>
<h3 class="inline-block typo-h5 transition-all group-[.hovered]:text-magenta">
<span class="font-medium">A4TE Endorses Transgender Healthcare Access Act </span>
</h3>
</a>
<div class="mb-[24px] typo-paragraph">
Advocates for Trans Equality (A4TE) announced its endorsement of the Transgender Health Care Access Act, a bill sponsored by Rep. Becca Balint of Vermont
</div>
</div>
</div>
<div class="news-teaser-block h-full flex-1">
<div class="flex flex-col group-[.news-hero]:sticky top-16 mdlg:top-10 lg:top-16 group hover-item">
<div class="flex flex-row mb-[12px] typo-label uppercase">
<p class="text-magentaMedium font-bold">A4TE NEWS</p>
<div class="font-bold block"> /
<div class="field field--name-field-date field--type-datetime field--label-hidden field__item"><time datetime="2025-03-27T12:00:00Z" class="datetime">March 27, 2025</time>
</div>
</div>
</div>
<a
href="/news/act-now-protect-our-healthcare"
target=""
class="inline-flex mb-[12px] hover-parent"
>
<h3 class="inline-block typo-h5 transition-all group-[.hovered]:text-magenta">
<span class="font-medium">Act Now to Protect Our Healthcare</span>
</h3>
</a>
<div class="mb-[24px] typo-paragraph">
The Trump administration is trying to change insurance requirements so they can deprive trans people of the healthcare that we need. Tell this administration to get their hands off our healthcare!
</div>
</div>
</div>
<div class="news-teaser-block h-full flex-1">
<div class="flex flex-col group-[.news-hero]:sticky top-16 mdlg:top-10 lg:top-16 group hover-item">
<div class="flex flex-row mb-[12px] typo-label uppercase">
<p class="text-magentaMedium font-bold">A4TE NEWS</p>
<div class="font-bold block"> /
<div class="field field--name-field-date field--type-datetime field--label-hidden field__item"><time datetime="2025-03-20T12:00:00Z" class="datetime">March 20, 2025</time>
</div>
</div>
</div>
<a
href="/news/a4te-statement-trump-executive-order-abolish-us-department-education"
target=""
class="inline-flex mb-[12px] hover-parent"
>
<h3 class="inline-block typo-h5 transition-all group-[.hovered]:text-magenta">
<span class="font-medium">A4TE Statement on Trump Executive Order to Abolish US Department of Education </span>
</h3>
</a>
<div class="mb-[24px] typo-paragraph">
Trump signed an executive order that unlawfully attempts to dismantle the US Department of Education and pressures agency officials to violate the civil rights laws the agency is tasked with upholding.
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-section=what-we-do class="section text-center what-we-do bg-powderBlueLight overflow-hidden max-w-[100vw]">
<div class="relative mdlg:inline-block text-left after:bg-none watch">
<div class="horizontal-spacing-full overflow-hidden z-[2] relative flex flex-col min-h-screen mdlg:h-screen mdlg:flex-row
items-center justify-center mdlg:justify-between pt-[80px] pb-[140px] md:py-[80px] gap-[40px] xl:gap-[219px] lg:gap-[164px] mdlg:gap-[32px]" >
<div class="relative z-[3] w-full mdlg:w-[40%] mdlg:min-w-[40%]
order-0 md:order-1 mdlg:order-1">
<div class="md:w-[448px] mdlg:w-full md:mx-auto">
<h2
class="pb-[16px] md:pb-[24px] font-platform typo-h1 tracking-normal text-deepBlue">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">What </div>
<br>
<div class="field field--name-field-title-second-line field--type-string field--label-hidden field__item">We Do</div>
</h2>
<div class="mb-[24px] md:mb-[32px] lg:mb-[40px] font-postgrotesk typo-paragraph text-deepBlue">
<div class="field field--name-field-description field--type-string-long field--label-hidden field__item">Our policy experts, litigators, and community organizers work at all levels of government to ensure trans voices are not only heard, but embraced in rooms where they've long been ignored. As a trans-led nonprofit, we also help our community navigate the realities of law and policy through vital tools, knowledge, and services.</div>
</div>
<div class="flex flex-col md:flex-row gap-[8px] md:gap-[16px]">
<a class="btn typo-button bg-deepBlue hover:bg-white hover:text-deepBlue text-powderBlueLight flex whitespace-nowrap mr-auto md:mr-0 justify-center rounded-full px-[32px] py-[16px] uppercase md:px-[40px] md:py-[20px] mdlg:px-[40px] mdlg:py-[20px]" href="/what-we-do"
>
Learn more
</a>
</div>
</div>
</div>
<div class="relative z-[2] flex items-center w-full">
<div class="relative flex xl:h-[645px] lg:h-[495px] mdlg:h-[440px] h-auto ml-auto w-full mdlg:w-auto">
<div class="absolute z-[1] top-0 w-full h-full pointer-events-none mr-0 flex items-center left-0">
<img src="themes/custom/a4te/images/pattern-11-rows.svg" alt="Pattern" class="animate relative hidden xl:block w-auto h-auto max-w-none w-[104%] ml-[-52.3%]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-10-rows.svg" alt="Pattern" class="animate relative hidden lg:block xl:hidden w-auto h-auto max-w-none w-[122%] ml-[-99.1%]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-10-rows.svg" alt="Pattern" class="animate relative hidden mdlg:block lg:hidden w-auto h-auto max-w-none w-[122%] ml-[-139.1%]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-13-rows.svg" alt="Pattern" class="animate relative hidden md:block mdlg:hidden w-auto h-auto max-w-none w-[58%] ml-[-30.2%] mt-[calc(-100vw-100%)]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-13-rows.svg" alt="Pattern" class="animate relative z-[1] block md:hidden w-auto h-auto max-w-none w-[110%] ml-[-5%] mt-[calc(500%-100vw)] sm:mt-[calc(300%-75vw)]" width="1166" height="1452" loading="lazy"/>
</div>
<img src="/sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.45.59%E2%80%AFAM.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=870//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.45.59%E2%80%AFAM.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.45.59%E2%80%AFAM.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.45.59%E2%80%AFAM.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.45.59%E2%80%AFAM.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.45.59%E2%80%AFAM.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Meeting"
title=""
width="870"
height="870"
class="relative z-[2] object-contain rounded-[10px] h-auto md:h-[36vh] mdlg:h-full w-full md:w-auto mdlg:w-auto max-w-[569px] mdlg:max-w-none mx-auto mdlg:mx-0 object-left h-auto"
loading="lazy"
>
</div>
</div>
</div>
</div>
</div>
<div data-section=donate class=" text-center donate bg-pinkMedium overflow-hidden max-w-[100vw]">
<div class="relative mdlg:inline-block text-left after:bg-none watch">
<div class="horizontal-spacing-full overflow-hidden z-[2] relative flex flex-col min-h-screen mdlg:h-screen mdlg:flex-row
items-center justify-center mdlg:justify-between pt-[80px] pb-[140px] md:py-[80px] gap-[40px] xl:gap-[219px] lg:gap-[164px] mdlg:gap-[32px]" >
<div class="relative z-[3] w-full mdlg:w-[40%] mdlg:min-w-[40%]
order-0 md:order-1 mdlg:order-1">
<div class="md:w-[448px] mdlg:w-full md:mx-auto">
<h2
class="pb-[16px] md:pb-[24px] font-platform typo-h1 tracking-normal text-magentaDark">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">Donate</div>
<br>
</h2>
<div class="mb-[24px] md:mb-[32px] lg:mb-[40px] font-postgrotesk typo-paragraph text-magentaDark">
<div class="field field--name-field-description field--type-string-long field--label-hidden field__item">With a record number of attacks on trans people and trans rights, now more than ever, we need to be twice as loud and twice as bold. Because we are stronger together, we need you with us in the fight for a world where trans people are no less than equal. Donate today. </div>
</div>
<div class="flex flex-col md:flex-row gap-[8px] md:gap-[16px]">
<a class="btn typo-button bg-magentaDark hover:bg-pinkDark hover:text-magentaDark text-pinkMedium flex whitespace-nowrap mr-auto md:mr-0 justify-center rounded-full px-[32px] py-[16px] uppercase md:px-[40px] md:py-[20px] mdlg:px-[40px] mdlg:py-[20px]" href="https://donate.ncteactionfund.org/a/a4te"
onClick="trackGTM('Donate', 'take action'); >
Give Now
</a>
<a class="btn typo-button bg-none inline-block rounded-full border-[2px] border-magentaDark hover:bg-magentaDark mr-auto hover:text-pinkMedium px-[32px] py-[16px] uppercase text-magentaDark md:px-[36px] md:py-[18px] mdlg:px-[40px] mdlg:py-[20px] first-line:lg:tracking-buttonTextLg"
href="/support-us">
Other ways to give
</a>
</div>
</div>
</div>
<div class="relative z-[2] flex items-center w-full">
<div class="relative flex xl:h-[645px] lg:h-[495px] mdlg:h-[440px] h-auto ml-auto w-full mdlg:w-auto">
<div class="absolute z-[1] top-0 w-full h-full pointer-events-none mr-0 flex items-center left-0">
<img src="themes/custom/a4te/images/pattern-11-rows-pink.svg" alt="Pattern" class="animate relative hidden xl:block w-auto h-auto max-w-none w-[104%] ml-[-52.3%]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-10-rows-pink.svg" alt="Pattern" class="animate relative hidden lg:block xl:hidden w-auto h-auto max-w-none w-[122%] ml-[-99.1%]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-10-rows-pink.svg" alt="Pattern" class="animate relative hidden mdlg:block lg:hidden w-auto h-auto max-w-none w-[122%] ml-[-139.1%]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-13-rows-pink.svg" alt="Pattern" class="animate relative hidden md:block mdlg:hidden w-auto h-auto max-w-none w-[58%] ml-[-30.2%] mt-[calc(-100vw-100%)]" width="1166" height="1452" loading="lazy"/>
<img src="themes/custom/a4te/images/pattern-13-rows-pink.svg" alt="Pattern" class="animate relative z-[1] block md:hidden w-auto h-auto max-w-none w-[110%] ml-[-5%] mt-[calc(500%-100vw)] sm:mt-[calc(300%-75vw)]" width="1166" height="1452" loading="lazy"/>
</div>
<img src="/sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.51.50%E2%80%AFAM.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=870//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.51.50%E2%80%AFAM.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.51.50%E2%80%AFAM.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=600//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.51.50%E2%80%AFAM.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.51.50%E2%80%AFAM.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=400//sites/default/files/2024-05/Screenshot%202024-05-11%20at%2011.51.50%E2%80%AFAM.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="homepage"
title=""
width="870"
height="870"
class="relative z-[2] object-contain rounded-[10px] h-auto md:h-[36vh] mdlg:h-full w-full md:w-auto mdlg:w-auto max-w-[569px] mdlg:max-w-none mx-auto mdlg:mx-0 object-left h-auto"
loading="lazy"
>
</div>
</div>
</div>
</div>
</div>
<div class="stay-informed watch">
<div class="animated-bg">
<img class="blue relative block top-[1px] animate w-full h-auto " src="/themes/custom/a4te/images/footer-lines.svg" width="1440" height="200" alt="Footer lines pattern" loading="lazy" />
<img class="pink relative block top-[1px] animate w-full h-auto " src="/themes/custom/a4te/images/footer-lines-pink.svg" width="1440" height="200" alt="Footer lines pattern" loading="lazy" />
</div>
<div class="horizontal-spacing-full mx-auto flex flex-col mdlg:flex-row pt-[70px] md:pt-[1vw] pb-[75px] md:pb-[60px] mdlg:pb-[80px] lg:pb-[120px] xl:pb-[130px]">
<div class="w-full mdlg:w-auto md:mr-auto lg:mr-[45%] xl:mr-[47%]">
<h2 class="pb-[24px] typo-h3 whitespace-nowrap">Stay Informed</h2>
</div>
<div class="w-full mdlg:w-auto">
<p class="typo-paragraph mb-[40px] pb-0 max-w-full md:w-[460px] xl:w-[550px]">
Subscribe to our newsletter to get the latest news and opportunities for action delivered straight to your inbox.
</p>
<a href="https://action.ncteactionfund.org/a/a4te-signup" target="_blank"
class="typo-label self-end rounded-full px-[36px] py-[16px] uppercase text-white mdlg:w-[12vw] lg:w-[10vw] xl:w-[155px] transition-all" >
Subscribe
</a>
</div>
</div>
</div>
</main>
<footer id="footer">
<div id="bottom-footer"
class="w-full bg-magenta pb-[40px] pt-[31px] md:py-[30px] mdlg:pb-[37px] mdlg:pt-[40px] lg:py-[40px] lg:pb-[38px] lg:pt-[34px] xl:pt-[40px]">
<div class="horizontal-spacing-full">
<div class="relative w-full flex gap-[30px] md:gap-[60px] mdlg:gap-[80px] lg:gap-155px xl:gap-[220px] pb-[160px] mdlg:pb-0">
<img src="/themes/custom/a4te/images/a4te_square_logo.svg" width="164" height="191" class="w-auto h-auto mr-auto md:mr-[90px] mdlg:mr-0 min-w-[100px] md:min-w-[208px] mdlg:min-w-[242px] lg:min-w-[193px] xl:min-w-[245px] self-baseline md:self-center" alt="Logo in square format"/>
<div class="block w-full flex flex-col justify-between lg:ml-auto lg:pr-[220px] nowrap max-w-[282px] mdlg:max-w-none">
<div class="flex w-full flex-row gap-[30px] md:gap-[60px] mdlg:gap-[80px] lg:gap-155px xl:gap-[220px] flex-col mdlg:flex-row">
<div class="mdlg:min-w-[280px] lg:min-w-[330px]">
<h3 class="flex flex-col formatted-footer-contact-us">
<p>Want to reach out?</p><p>Contact us <a href="/contact-us">here</a>.</p>
</h3>
</div>
<div class="w-[calc(100% - 126px)] md:w-full relative lg:static pt-[70px] md:pt-0 ml-[-126px] md:ml-0 ">
<nav role="navigation" aria-labelledby="-menu" class="block-menu navigation menu--footer w-full hidden mdlg:block">
<div class="w-full flex flex-row justify-between">
<div class="w-[50%] flex flex-col gap-y-[12px] md:gap-y-[15px]">
<a href="/about-us"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
About
</a>
<a href="/what-we-do"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
What We Do
</a>
<a href="/issues"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
Issues
</a>
<a href="/trans-101"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
Trans 101
</a>
</div>
<div class="w-[50%] flex flex-col gap-y-[12px] md:gap-y-[15px]">
<a href="/news"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
News
</a>
<a href="/take-action"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
Take Action
</a>
<a href="https://donate.ncteactionfund.org/a/a4te"
onClick="trackGTM('Donate', 'footer');" target="_blank" class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
Donate
</a>
<a href="/contact-us"
class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start animate-underline">
Contact
</a>
</div>
</div>
</nav>
<div class="absolute left-0 lg:left-auto lg:right-0 bottom-[-80px] lg:bottom-0">
<nav role="navigation" aria-labelledby="-menu" class="block-menu navigation menu--social-media w-full hidden mdlg:block">
<div class="flex flex-row gap-x-[16px] social-media">
<a href="https://www.facebook.com/TransEqualityNow/" target="_blank" class="flex-inline w-[19px] lg:w-[14px] xl:w-[15px] h-[19px] lg:h-[14px] xl:h-[15px]">
<div class="field field--name-field-item-icon field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" class="no-image-style image-style-large" src="/sites/default/files/2024-06/facebook.svg" alt="Facebook" />
</div>
</div>
</article>
</div>
</a>
<a href="https://www.linkedin.com/company/advocates-for-trans-equality/" target="_blank" class="flex-inline w-[19px] lg:w-[14px] xl:w-[15px] h-[19px] lg:h-[14px] xl:h-[15px]">
<div class="field field--name-field-item-icon field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" class="no-image-style image-style-large" src="/sites/default/files/2024-06/linkedin.svg" alt="LinkedIn" />
</div>
</div>
</article>
</div>
</a>
<a href="https://bsky.app/profile/did:plc:ivb62ux4pkwamrwjjk5l4psj" target="_blank" class="flex-inline w-[19px] lg:w-[14px] xl:w-[15px] h-[19px] lg:h-[14px] xl:h-[15px]">
<div class="field field--name-field-item-icon field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" class="no-image-style image-style-large" src="/sites/default/files/2025-02/bluesky.svg" alt="Bluesky" />
</div>
</div>
</article>
</div>
</a>
<a href="https://www.instagram.com/transequalitynow/" target="_blank" class="flex-inline w-[19px] lg:w-[14px] xl:w-[15px] h-[19px] lg:h-[14px] xl:h-[15px]">
<div class="field field--name-field-item-icon field--type-entity-reference field--label-hidden field__item"><article class="media media--type-image media--view-mode-default">
<div class="field field--name-field-media-image field--type-image field--label-visually_hidden">
<div class="field__item"> <img loading="lazy" class="no-image-style image-style-large" src="/sites/default/files/2024-06/instagram.svg" alt="Instagram" />
</div>
</div>
</article>
</div>
</a>
</div>
</nav>
</div>
</div>
</div>
<div class="flex w-full flex-row gap-[30px] md:gap-[60px] mdlg:gap-[80px] lg:gap-155px xl:gap-[220px] absolute mdlg:relative bottom-0 left-0 pb-30 mdlg:pb-0 flex-wrap md:flex-nowrap">
<div class="mdlg:min-w-[280px] lg:min-w-[330px] mb-[-20px] md:mb-0">
<div class="font-postgrotesk font-bold text-footerAnchorSm uppercase tracking-wider text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL">
© 2025 A4TE. All rights reserved.
</div>
</div>
<div class="w-full flex flex-row justify-between">
<div href="/privacy-policy" class="w-[50%] font-postgrotesk font-bold text-footerAnchorSm uppercase text-pinkLight md:text-footerAnchorMd lg:text-footerAnchorLg xl:text-footerAnchorXL self-start ">
<a href="/privacy-policy" class="animate-underline">Privacy Policy</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"node\/44","currentPathIsAdmin":false,"isFront":true,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyFk1FygzAMRC-Ek5_ehxH2YtzaEmOZNOT0NTidyXQK-ZNXj8USC30UXAdSdLRXUexXK-2iRVIfhRxykxIFflZQJQ9tJxb3fP4W8N3EfjP9NRkw0S1I7gaUgtzjPovC9WOI9ahXD0am2A2RHut1CHKhT7p3VnK1kDQLg4teNl9j7GhCqi8_aI8i1fO0aaxwIVveQfOag5-OsAnbZsyQiV1gf0RJwlxva7huxrT9_k8G1QXGUnYHQKQCLe-NIiizSbV3iiXwcr6tnYjw9cucAHsqTvoqNhw67MMU1KwcXULrNHY6nUQLrSbwKDnBvZJcFYrhgc6L-IiemOJagq2R-yN0umpBav_CHuMW5pbEVyGJWyJ-AJAANPk","theme":"a4te","theme_token":null},"ajaxTrustedUrl":{"\/search":true},"google_analytics":{"account":"G-YXMHMSQXVX","trackOutbound":true,"trackMailto":true,"trackTel":true,"trackDownload":true,"trackDownloadExtensions":"7z|aac|arc|arj|asf|asx|avi|bin|csv|doc(x|m)?|dot(x|m)?|exe|flv|gif|gz|gzip|hqx|jar|jpe?g|js|mp(2|3|4|e?g)|mov(ie)?|msi|msp|pdf|phps|png|ppt(x|m)?|pot(x|m)?|pps(x|m)?|ppam|sld(x|m)?|thmx|qtm?|ra(m|r)?|sea|sit|tar|tgz|torrent|txt|wav|wma|wmv|wpd|xls(x|m|b)?|xlt(x|m)|xlam|xml|z|zip"},"base_path":"\/","directory":"themes\/custom\/a4te","views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:4a4c56544e99ab2323d39d6224b4bb407767f4a7aa93324020bc350d8b0ffb78":{"view_name":"news","view_display_id":"block_latest_news","view_args":"","view_path":"\/node\/44","view_base_path":null,"view_dom_id":"4a4c56544e99ab2323d39d6224b4bb407767f4a7aa93324020bc350d8b0ffb78","pager_element":0}}},"a4te":{"imagePath":"\/themes\/custom\/a4te\/images\/spinner.webp"},"user":{"uid":0,"permissionsHash":"ffa7774b6c75baa3f24000063f141b8c16e3777a48ed2878bb35c4e081da2823"}}</script>
<script src="/core/assets/vendor/jquery/jquery.min.js?v=3.7.1"></script>
<script src="/core/assets/vendor/once/once.min.js?v=1.0.1"></script>
<script src="/core/misc/drupalSettingsLoader.js?v=10.3.13"></script>
<script src="/core/misc/drupal.js?v=10.3.13"></script>
<script src="/core/misc/drupal.init.js?v=10.3.13"></script>
<script src="/core/misc/debounce.js?v=10.3.13"></script>
<script src="/modules/contrib/blazy/js/dblazy.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.once.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.sanitizer.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.dom.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/base/blazy.base.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.dataset.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.viewport.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.xlazy.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.observer.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/base/io/bio.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/base/io/bio.media.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/base/blazy.drupal.min.js?su0sxf"></script>
<script src="/modules/contrib/blazy/js/blazy.compat.min.js?su0sxf"></script>
<script src="/core/assets/vendor/tabbable/index.umd.min.js?v=6.2.0"></script>
<script src="/modules/contrib/google_analytics/js/google_analytics.js?v=10.3.13"></script>
<script src="/themes/custom/a4te/build/main.js?v=1.x"></script>
<script src="/themes/custom/a4te/js/global.js?v=1.x"></script>
<script src="/themes/custom/a4te/js/custom-loader.js?su0sxf"></script>
<script src="/core/misc/jquery.form.js?v=4.3.0"></script>
<script src="/core/misc/progress.js?v=10.3.13"></script>
<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
<script src="/core/misc/announce.js?v=10.3.13"></script>
<script src="/core/misc/message.js?v=10.3.13"></script>
<script src="/core/misc/ajax.js?v=10.3.13"></script>
<script src="/core/modules/views/js/base.js?v=10.3.13"></script>
<script src="/core/modules/views/js/ajax_view.js?v=10.3.13"></script>
<script src="/modules/contrib/blazy/js/base/io/bio.ajax.min.js?su0sxf"></script>
<script src="/core/../themes/custom/a4te/components/search-block/search-block.js?su0sxf"></script>
<script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?v=10.3.13"></script>
<script src="/core/../themes/custom/a4te/components/menu-main/menu-main.js?su0sxf"></script>
<script>(function(){function c(){var b=a.contentDocument||a.contentWindow.document;if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'9296f8febd6152f5',t:'MTc0MzQ5ODgyOC4wMDAwMDA='};var a=document.createElement('script');a.nonce='';a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script></body>
</html>