OK
https://transequality.org/
Websites
Runtime: 2.4s
On November 20, 2024, 10:32 AM UTC, https://transequality.org/ was accessible when tested on AS37057 in Lesotho.
Failures
HTTP Experiment
null
DNS Experiment
null
Control
null
DNS Queries
Resolver:
41.191.200.22
Query:
IN A transequality.org
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
A
172.67.166.91
@
IN
A
104.21.11.149
Query:
IN AAAA transequality.org
Engine:
system
Name
Class
TTL
Type
DATA
@
IN
AAAA
2606:4700:3036::6815:b95
@
IN
AAAA
2606:4700:3034::ac43:a65b
TCP Connections
Connection to 2606:4700:3034::ac43:a65b:443 was blocked.
Connection to 2606:4700:3036::6815:b95:443 was blocked.
Connection to 104.21.11.149:443 succeeded.
Connection to 172.67.166.91:443 succeeded.
HTTP Requests
URL
GET https://transequality.org/
Response Headers
Alt-Svc:h3=":443"; ma=86400Cache-Control:max-age=3600, publicCf-Cache-Status:DYNAMICCf-Ray:8e57c7972e20ec9f-MADContent-Language:enContent-Type:text/html; charset=UTF-8Date:Wed, 20 Nov 2024 10:33:04 GMTExpires:Sun, 19 Nov 1978 05:00:00 GMTLast-Modified:Tue, 19 Nov 2024 23:35:44 GMTNel:{"success_fraction":0,"report_to":"cf-nel","max_age":604800}Report-To:{"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=bks81DabRXN9Tfa5hFX8xlWDuqHJUif0U9f%2FpRn5Xnl1XdfoEFAgRPlHNqNG4DsDXtRsQsVogh1Di0iVlTVXmVK8qQV%2FSzA2Ivpy9D%2B9ti2oaTdTSjGGa7gBmlXl9KBQVN63fA%3D%3D"}],"group":"cf-nel","max_age":604800}Server:cloudflareServer-Timing:cfL4;desc="?proto=TCP&rtt=176734&sent=8&recv=12&lost=0&retrans=0&sent_bytes=3215&recv_bytes=665&delivery_rate=24249&cwnd=171&unsent_bytes=0&cid=caa8c860e07dd65e&ts=471&x=0"Strict-Transport-Security:max-age=0Traceresponse:00-1809a6aac475ae7fad32761c937810cc-b5a6a79ca6978a21-01Vary:CookieX-Content-Type-Options:nosniffX-Debug-Info:eyJyZXRyaWVzIjowfQ==X-Drupal-Cache:HITX-Drupal-Dynamic-Cache:MISSX-Frame-Options:SAMEORIGINX-Generator:Drupal 10 (https://www.drupal.org)X-Platform-Cluster:olpmfafvigwhq-main-bvxea6iX-Platform-Processor:ygtxrn7luent4gtpt6a7jjdexuX-Platform-Router:2yasnjzkrnrnj7zf57smvkokwe
Response Body
<!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?smuhws"></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?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/fieldgroup.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/container-inline.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/clearfix.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/details.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/hidden.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/item-list.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/js.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/nowrap.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/position-container.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/reset-appearance.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/resize.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-counter.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-counters.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/system-status-report-general-info.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/system/components/tablesort.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/progress.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/components/ajax-progress.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/../themes/custom/a4te/components/learn-more-block/learn-more-block.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/views/views.module.css?smuhws" />
<link rel="stylesheet" media="all" href="/modules/contrib/blazy/css/blazy.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/../themes/custom/a4te/components/search-block/search-block.css?smuhws" />
<link rel="stylesheet" media="all" href="/modules/contrib/better_exposed_filters/css/better_exposed_filters.css?smuhws" />
<link rel="stylesheet" media="all" href="/core/themes/stable9/css/core/assets/vendor/normalize-css/normalize.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/action-links.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/breadcrumb.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/button.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/container-inline.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/details.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/exposed-filters.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/field.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/form.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/icons.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/inline-form.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/item-list.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/link.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/links.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/menu.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/more-link.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/pager.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tabledrag.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tableselect.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tablesort.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/tabs.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/textarea.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/ui-dialog.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/other-news.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/social-media.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/facets.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/layout--twocol.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/messages.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/node.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/css/components/progress.css?smuhws" />
<link rel="stylesheet" media="all" href="/themes/custom/a4te/build/main.css?smuhws" />
</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="">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="">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="">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="">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="">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="">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="">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="">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="">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="">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="">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="">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="">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="">Vote</a>
<a href="/volunteer" title="Volunteer" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="">Volunteer</a>
<a href="/support-us" class="hamburgermenu-anchor font-platform text-[26px] text-black" target="">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://x.com/TransEquality" target="_blank" class="flex-inline h-[18px]" >
<img src="/sites/default/files/2024-06/x_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="hero" class="section hero-block">
<div class="bg-magenta min-h-[390px] h-[calc(100dvh-70px)] w-full max-w-full relative">
<video id="video" class="absolute left-0 top-0 h-full w-full overflow-hidden object-cover pointer-events-none" muted loop autoplay playsinline>
<source src="/sites/default/files/2024-06/Homepage_Video_Mobile.mp4" type="video/mp4" media="(max-width: 767px)" />
<source src="/sites/default/files/2024-06/Homepage_Video_Tablet.mp4" type="video/mp4" media="(min-width: 768px) and (max-width: 1439px)" />
<source src="/sites/default/files/2024-06/Homepage_Video_Desktop_0.mp4" type="video/mp4" media="(min-width: 1440px)" />
</video>
<div class="relative flex h-full w-full xl:justify-center pb-[40px]">
<div class="horizontal-spacing-full self-end z-10 relative block">
<h1 class="typo-h1 leading-negative text-white mdlg:block">
Fighting for equality
</h1>
</div>
</div>
</div>
</div>
<div id="block-a4te-content" class="block-system block-system-main-block">
</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:mr-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 mdlg:mx-0 ml-auto 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">
<div class="horizontal-spacing-full flex mx-auto flex-col py-[80px] md:py-[120px] xl:mx-auto">
<h3 class="font-platform typo-h1 text-magentaMedium">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">News</div>
</h3>
<div class="font-postgrotesk typo-paragraph text-black">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Learn more about our work to protect trans people across the U.S. </p></div>
</div>
</div>
<div class="flex flex-col gap-y-[40px] md:pb-[24px] 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-25de76f3772323ea35e61addfa04d8a546a1875b1129fc3e3a74ac041228604e">
<div class="view-content">
<div class="horizontal-spacing-full mx-auto mb-0 md:mb-[120px]">
<div class="flex justify-between gap-6">
<h3 class="vertical-spacing-title typo-h3 text-magentaMedium">
Latest News
</h3>
<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">
<a href="/news/lifeline-trans-youth-puberty-blockers-explained"
target="" class="w-full mb-[24px] md:h-auto md:w-full">
<img src="/sites/default/files/2024-10/Get%20The%20Facts-Puberty%20Pausing%20Meds_Website%20Image.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Get%20The%20Facts-Puberty%20Pausing%20Meds_Website%20Image.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Get%20The%20Facts-Puberty%20Pausing%20Meds_Website%20Image.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Get%20The%20Facts-Puberty%20Pausing%20Meds_Website%20Image.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Get%20The%20Facts-Puberty%20Pausing%20Meds_Website%20Image.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Get%20The%20Facts-Puberty%20Pausing%20Meds_Website%20Image.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="650"
height="650"
class="w-full object-cover object-center aspect-[5/4] rounded-md h-auto"
loading="lazy"
>
</a>
<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="2024-10-22T12:00:00Z" class="datetime">October 22, 2024</time>
</div>
</div>
</div>
<a
href="/news/lifeline-trans-youth-puberty-blockers-explained"
target=""
class="inline-flex mb-[12px] hover-parent"
>
<h3 class="inline-block typo-h5 transition-all group-[.hovered]:text-magenta">
<span class="font-medium">A Lifeline for Trans Youth: Puberty Blockers, Explained </span>
</h3>
</a>
<div class="news-category flex flex-row flex-wrap gap-4">
<div class="btn btn-pill w-fit">
<a href="/category/health-healthcare" hreflang="en">Health & Healthcare</a>
</div>
<div class="btn btn-pill w-fit">
<a href="/category/youth-and-families" hreflang="en">Youth and families</a>
</div>
</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">
<a href="/news/advocates-trans-equality-unveils-118th-congressional-champions-list"
target="" class="w-full mb-[24px] md:h-auto md:w-full">
<img src="/sites/default/files/2024-10/Trans%20Equality%20Champions_Website%20Image.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Trans%20Equality%20Champions_Website%20Image.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Trans%20Equality%20Champions_Website%20Image.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Trans%20Equality%20Champions_Website%20Image.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Trans%20Equality%20Champions_Website%20Image.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=650//sites/default/files/2024-10/Trans%20Equality%20Champions_Website%20Image.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="650"
height="650"
class="w-full object-cover object-center aspect-[5/4] rounded-md h-auto"
loading="lazy"
>
</a>
<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="2024-10-02T12:00:00Z" class="datetime">October 02, 2024</time>
</div>
</div>
</div>
<a
href="/news/advocates-trans-equality-unveils-118th-congressional-champions-list"
target=""
class="inline-flex mb-[12px] hover-parent"
>
<h3 class="inline-block typo-h5 transition-all group-[.hovered]:text-magenta">
<span class="font-medium">Advocates for Trans Equality Unveils 118th Congressional Champions List </span>
</h3>
</a>
<div class="news-category flex flex-row flex-wrap gap-4">
<div class="btn btn-pill w-fit">
<a href="/category/washington-dc" hreflang="en">Washington DC</a>
</div>
<div class="btn btn-pill w-fit">
<a href="/category/congress" hreflang="en">Congress</a>
</div>
</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="2024-10-01T12:00:00Z" class="datetime">October 01, 2024</time>
</div>
</div>
</div>
<a
href="/news/ncte-tldef-officially-merge-form-advocates-trans-equality"
target=""
class="inline-flex mb-[12px] hover-parent"
>
<h3 class="inline-block typo-h5 transition-all group-[.hovered]:text-magenta">
<span class="font-medium">NCTE, TLDEF Officially Merge to Form Advocates for Trans Equality</span>
</h3>
</a>
<div class="news-category flex flex-row flex-wrap gap-4">
<div class="btn btn-pill w-fit">
<a href="/category/washington-dc" hreflang="en">Washington DC</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="w-full max-w-full bg-white">
<div class="horizontal-spacing-full pb-0 pt-[80px] md:py-[120px] xl:mx-auto">
<h2 class="font-platform typo-h1 text-darkOrange">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">Take Action</div>
</h2>
<div class="pb-[80px] font-postgrotesk typo-paragraph text-black md:w-[60%] md:pb-[120px] mdlg:w-[48%]">
<div class="clearfix text-formatted field field--name-body field--type-text-with-summary field--label-hidden field__item"><p>Join us as we work to safeguard and improve the lives of trans folks across the country.</p></div>
</div>
<div class="flex align-center items-center justify-between mb-[40px] md:mb-[64px]">
<div class="text-postgrotesk pb-0 font-platform typo-h3 text-darkOrange">
National Actions
</div>
<a href="/national-actions" class="font-postgrotesk typo-paragraph mb-[0px] leading-anchorSm text-darkOrange underline decoration-2 underline-offset-4">
View all
</a>
</div>
<div class="flex flex-col gap-y-[32px] md:flex-row md:gap-y-[0px] mdlg:w-full mdlg:gap-y-[40px] lg:gap-x-[40px]">
<div class="views-element-container">
<div class="view view-actions view-id-actions view-display-id-block_take_action_full js-view-dom-id-59630b164d7152943cf2a91608b3671aa859f9ee38f47cb259c4a7d6b638a52c">
<div class="view-content">
<div class="grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 gap-0 md:gap-[30px] justify-between">
<div class="flex flex-col p-4 gap-6 rounded-lg bg-sandLight mb-8 lg:p-6">
<img src="/sites/default/files/2024-06/House%20of%20Representatives.png"
srcset="https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=550//sites/default/files/2024-06/House%20of%20Representatives.png 1920w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=550//sites/default/files/2024-06/House%20of%20Representatives.png 1440w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=550//sites/default/files/2024-06/House%20of%20Representatives.png 1080w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=300//sites/default/files/2024-06/House%20of%20Representatives.png 768w, https://transequality.org/cdn-cgi/image/format=webp,quality=91,width=300//sites/default/files/2024-06/House%20of%20Representatives.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Image"
title=""
width="550"
height="550"
class="rounded-lg mb-4 object-cover aspect-[7/4] w-full h-auto"
loading="lazy"
>
<h3 class="typo-h4 text-darkOrange">Tell Congress: Vote NO on anti-trans appropriations bills!</h3>
<p class="typo-paragraph">Anti-LGBTQI extremists in Congress are attempting to use the federal budgeting process to deprive trans people of essential medical care, access to social services, and protection of their civil rights.</p>
<div class="flex pb-4 mb-4 flex-grow item-center">
<img src="themes/custom/a4te/images/icons/time-icon.svg" alt="time icon" class="mr-2 inline-flex w-[19px] h-[19px]" />
<p class="typo-label font-bold uppercase">
<span class="leading-[20px] sm:leading-inherit">2 mins</span>
</p>
</div>
<a class="btn typo-label rounded-full bg-orangeMedium py-[15px] w-full text-center uppercase hover:bg-orangeLight" target="_blank" href="https://secure.everyaction.com/iM6VjHpGhEWW4UUS4xbX5w2">Send an email to Congress</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="flex flex-col md:flex-row-reverse">
</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:ml-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-[-35.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-[-55.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-[-55.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%]" 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-[200%]" 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 mdlg:mx-0 mr-auto object-left h-auto"
loading="lazy"
>
</div>
</div>
</div>
</div>
</div>
<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:mr-auto">
<h2
class="pb-[16px] md:pb-[24px] font-platform typo-h1 tracking-normal text-pinkLight">
<div class="field field--name-field-title field--type-string field--label-hidden field__item">Issues</div>
<br>
</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">Whether you’re looking for gender-affirming support, or ways to protect trans rights, Advocates for Trans Equality has the right resource for you. Through our ID Documents Center, we support trans people with changing their name and/or gender marker on official documents. If you are transgender, gender non-conforming, or nonbinary living with a low income, we offer pro bono legal name change services through our Name Change Project. Through our Trans Health Project, we expand access to medical care for trans people through litigation and public education. We also provide real data about what it means to be trans in America to help inform policymakers, educators, healthcare providers, and others via our U.S. Trans Survey, the largest survey ever of trans people in the United States. Looking for more ways to affirm and protect trans lives in your state? Visit our State Action Center.</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="/issues"
>
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-05/Screenshot%202024-05-11%20at%2011.48.29%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.48.29%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.48.29%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.48.29%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.48.29%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.48.29%E2%80%AFAM.png 640w"
sizes="(min-width: 1920px) 1920px, (min-width: 1440px) 1440px, (min-width: 1080px) 1080px, (min-width: 768px) 768px, 640px"
alt="Alt"
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 mdlg:mx-0 ml-auto 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 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:ml-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-[-35.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-[-55.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-[-55.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%]" 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-[200%]" 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 mdlg:mx-0 mr-auto 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://x.com/TransEquality" 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/x.svg" alt="X" />
</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">
<p>© 2024 A4TE. All rights reserved.</p>
</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":"eJyNk1GSwyAIhi8Um5e9T4YoMW4VMkK7TU9fG9uZzs7o7hvCJwj-wJfiOIPgAIcV2Z6raS-inKbI4DBXV4JALwtFwKPUE7F73b8G_KnO6Zn0nWTGFa6B8zCjKuYJbxsLumkJsRxl9EiYIQ5zhPs-zoFP8A23wXIuKThtTEgqp2deY8BqYDIWsmsQdjEhlec1wgtzqdoNGsukpdBf0Lbn4NcWtuJzdmbOQC6Qb1KZTR18A-CEW2nHUBlul4ygKPoPDiGTSSXWxRLSpT-tg4joy991gEM3nbiwDc0MRzOKRU2tR0jpxq7dTkRhN4EWzgldl1Q441tiHxyVmxDDHQfP7CNOQBB3DbaI95djkF0UU92qYyHqWlRNfzoSu0vEB9qXUDw","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:25de76f3772323ea35e61addfa04d8a546a1875b1129fc3e3a74ac041228604e":{"view_name":"news","view_display_id":"block_latest_news","view_args":"","view_path":"\/node\/44","view_base_path":null,"view_dom_id":"25de76f3772323ea35e61addfa04d8a546a1875b1129fc3e3a74ac041228604e","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.5"></script>
<script src="/core/misc/drupal.js?v=10.3.5"></script>
<script src="/core/misc/drupal.init.js?v=10.3.5"></script>
<script src="/core/misc/debounce.js?v=10.3.5"></script>
<script src="/modules/contrib/blazy/js/dblazy.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.once.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.sanitizer.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.dom.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/base/blazy.base.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.dataset.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.viewport.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.xlazy.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/plugin/blazy.observer.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/base/io/bio.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/base/io/bio.media.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/base/blazy.drupal.min.js?smuhws"></script>
<script src="/modules/contrib/blazy/js/blazy.compat.min.js?smuhws"></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.5"></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?smuhws"></script>
<script src="/core/misc/jquery.form.js?v=4.3.0"></script>
<script src="/core/misc/progress.js?v=10.3.5"></script>
<script src="/core/assets/vendor/loadjs/loadjs.min.js?v=4.3.0"></script>
<script src="/core/misc/announce.js?v=10.3.5"></script>
<script src="/core/misc/message.js?v=10.3.5"></script>
<script src="/core/misc/ajax.js?v=10.3.5"></script>
<script src="/core/modules/views/js/base.js?v=10.3.5"></script>
<script src="/core/modules/views/js/ajax_view.js?v=10.3.5"></script>
<script src="/modules/contrib/blazy/js/base/io/bio.ajax.min.js?smuhws"></script>
<script src="/core/../themes/custom/a4te/components/search-block/search-block.js?smuhws"></script>
<script src="/modules/contrib/better_exposed_filters/js/better_exposed_filters.js?v=6.x"></script>
<script src="/core/../themes/custom/a4te/components/menu-main/menu-main.js?smuhws"></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:'8e57c7972e20ec9f',t:'MTczMjA5ODc4NC4wMDAwMDA='};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>
Resolver
Resolver ASN
AS37057
Resolver IP
41.191.200.22
Resolver Network Name
Vodacom Lesotho (Pty) Ltd
Report ID
20241120T102411Z_webconnectivity_LS_37057_n1_tEAZ6bTkuJYnVThK
Platform
android
Software Name
ooniprobe-android-unattended (4.0.0)
Measurement Engine
ooniprobe-engine (3.23.0)