CINXE.COM

<!DOCTYPE html> <html lang="en" dir="ltr" prefix="og: https://ogp.me/ns#" lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge">  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-W5ZN28L');</script>   <script async src="https://www.googletagmanager.com/gtag/js?id=G-KYBX634VVG"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-KYBX634VVG'); </script>  <meta charset="utf-8" /> <meta name="description" content="The Smithsonian American Art Museum is home to one of the largest and most inclusive collections of American art in the world." /> <link rel="shortlink" href="https://americanart.si.edu/webform/adult_group_tour_request" /> <link rel="canonical" href="https://americanart.si.edu/visit/tours/request" /> <meta property="og:site_name" content="Smithsonian American Art Museum" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://americanart.si.edu/visit/tours/request" /> <meta property="og:title" content="Adult Group Tour Request" /> <meta property="fb:admins" content="29428791399" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@americanart" /> <meta name="msvalidate.01" content="C524AA89AB0E59F5DC8A8C73F67C655F" /> <meta name="MobileOptimized" content="480" /> <meta name="HandheldFriendly" content="true" /> <meta name="viewport" content="width=device-width, initial-scale=1" /> <link rel="icon" href="/themes/custom/azalea/dist/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="dns-prefetch" href="//s3.amazonaws.com"> <link rel="dns-prefetch" href="//www.google-analytics.com"> <link rel="dns-prefetch" href="//gateway.forsee.com"> <link rel="dns-prefetch" href="//static.addtoany.com"> <link rel="dns-prefetch" href="//maxcdn.bootstrapcdn.com"> <link rel="dns-prefetch" href="//cdn.jsdelivr.net"> <link rel="dns-prefetch" href="//js.adsrvr.org"> <link rel="preconnect" href="https://rsms.me"><link rel="preconnect" href="//d3ec1vt3scx7rr.cloudfront.net" crossorigin><link rel="preconnect" href="//cdn.saam.media" crossorigin> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-76-2x.png" rel="apple-touch-icon" sizes="152x152" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-60-2x.png" rel="apple-touch-icon" sizes="120x120" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-76.png" rel="apple-touch-icon" sizes="76x76" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-60.png" rel="apple-touch-icon" sizes="60x60" /> <link href="https://americanart.si.edu/themes/custom/azalea/dist/media/images/app/Icon-60.png" rel="shortcut icon" /> <title>Adult Group Tour Request | Smithsonian American Art Museum and Renwick Gallery</title> <style> [x-cloak] { display: none !important; } </style> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_jWmmtI3iV3VYbxW7LRHMYPCqb45Uk_xobNBfbzilIXY.css?delta=0&language=en&theme=azalea&include=eJx9UFsOgzAMuxBqpV0IBepCUUtQEx7b6Qd7SJu28uPEseTEkasokm1IUNGNIsg-y5stwYEHqVY0nnOyr2oQkTCqSRChDtUSsIp9oEns5oiKvQ8t6p7nLPaT1IcDqSL_2B5Q3OVIcSrGIFq-dI4apv2uljOsy_NE0dBA29dAqYlwmbqij-xNq5eiztr_CdZymljCSQCeNPBY_rSP2Bre7juxqL0" /> <link rel="stylesheet" media="all" href="/themes/custom/azalea/dist/css/app.css?snc6lf" fetchpriority="high" /> <link rel="stylesheet" media="all" href="/sites/default/files/css/css_cG7OGuSJmpiELnSYivzoShpOQDr6sedA8q1yRrePezk.css?delta=2&language=en&theme=azalea&include=eJx9UFsOgzAMuxBqpV0IBepCUUtQEx7b6Qd7SJu28uPEseTEkasokm1IUNGNIsg-y5stwYEHqVY0nnOyr2oQkTCqSRChDtUSsIp9oEns5oiKvQ8t6p7nLPaT1IcDqSL_2B5Q3OVIcSrGIFq-dI4apv2uljOsy_NE0dBA29dAqYlwmbqij-xNq5eiztr_CdZymljCSQCeNPBY_rSP2Bre7juxqL0" /> <script src="/sites/default/files/js/js_mNTlnNx-hBM-HVJFAw6TuZa4XKY7O_WhKq3BFu4WaUQ.js?scope=header&delta=0&language=en&theme=azalea&include=eJyFjuEOgjAMhF8IWeILmQIHFMo2toLi04tgTAws_uk197XX0pMEZGiTbBczcwXXxYuibLM7itqFwXw0h2CA1byCEkvMI81IDg2IkZojf5fkUlybUtOZkyh7QVa6AMNWESxJ3o0TwrInb6QKk1996ujxYygVgoDonY0848iqQM2f565J7rRFSFOvvJ7NxonLXtj25tvd2LKeAu9kqVnkDL4A2vyuYQ"></script> </head> <body class="path-webform h-full text-black"> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-W5ZN28L" height="0" width="0" style="display:none;visibility:hidden" aria-hidden="true"></iframe></noscript> <a href="#main-content" class="visually-hidden sr-only focusable skip-link"> Skip to main content </a> <div class="dialog-off-canvas-main-canvas" data-off-canvas-main-canvas> <div class="drupal-region region-header"> <div id="block-viola-site-banners" class="drupal-block"> </div> </div> <div x-data="navbar()" class="sticky top-0 z-100"><div class="relative w-full bg-white border-b-2 border-black"><div class="azalea-container azalea-outer-gutter mx-auto"><div class="flex justify-between h-20 lg:h-24"><div class="flex px-2 lg:px-0"><div class="flex shrink-0 items-center"><div class="drupal-block"><a href="/" rel="home" tabindex="1" class="flex w-20 md:w-28 lg:w-32 justify-center items-center"><img src="/themes/custom/azalea/dist/media/images/logo.png" alt="Home" class="w-full" /></a><a class="sr-only" href="/" rel="home">Smithsonian American Art Museum</a><div class="sr-only">Smithsonian American Art Museum and Renwick Gallery</div></div></div><nav class="hidden lg:ml-12 lg:flex lg:space-x-6"><div id="visit-menu-tab" class="inline-flex items-center" ><a href="/visit" @mouseover.debounce="setMenu('visit')" @touchstart.prevent="setMenu('visit')" @focusin="setMenu('visit')" @focus="focusMenu('visit')" aria-haspopup="menu" :aria-selected="active === 'visit'" aria-controls="visit-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Visit</span><div :class="active === 'visit' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="art-menu-tab" class="inline-flex items-center" ><a href="/art" @mouseover.debounce="setMenu('art')" @touchstart.prevent="setMenu('art')" @focusin="setMenu('art')" @focus="focusMenu('art')" aria-haspopup="menu" :aria-selected="active === 'art'" aria-controls="art-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Art + Artists</span><div :class="active === 'art' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="research-menu-tab" class="inline-flex items-center" ><a href="/research" @mouseover.debounce="setMenu('research')" @touchstart.prevent="setMenu('research')" @focusin="setMenu('research')" @focus="focusMenu('research')" aria-haspopup="menu" :aria-selected="active === 'research'" aria-controls="research-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Research</span><div :class="active === 'research' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="education-menu-tab" class="inline-flex items-center" ><a href="/education" @mouseover.debounce="setMenu('education')" @touchstart.prevent="setMenu('education')" @focusin="setMenu('education')" @focus="focusMenu('education')" aria-haspopup="menu" :aria-selected="active === 'education'" aria-controls="education-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Education</span><div :class="active === 'education' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="about-menu-tab" class="inline-flex items-center" ><a href="/about" @mouseover.debounce="setMenu('about')" @touchstart.prevent="setMenu('about')" @focusin="setMenu('about')" @focus="focusMenu('about')" aria-haspopup="menu" :aria-selected="active === 'about'" aria-controls="about-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">About</span><div :class="active === 'about' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div><div id="donate-menu-tab" class="inline-flex items-center" ><a href="/donate" @mouseover.debounce="setMenu('donate')" @touchstart.prevent="setMenu('donate')" @focusin="setMenu('donate')" @focus="focusMenu('donate')" aria-haspopup="menu" :aria-selected="active === 'donate'" aria-controls="donate-menu" class="flex text-black hover:text-primary-700 text-md lg:text-lg font-medium hover:no-underline" ><span class="mr-2">Donate</span><div :class="active === 'donate' ? 'visible' : 'invisible'" class="group-hover:text-black inline-flex items-center w-3 md:w-4"><span x-cloak><div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><polyline points="6 9 12 15 18 9"></polyline></svg></div></span></div></a></div></nav></div><div class="flex-1 flex items-center justify-end px-2 lg:ml-6"><button id="search-button" @click.prevent="$dispatch('open-search-modal')" aria-label="Search"><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><circle cx="10" cy="10" r="7"></circle><line x1="21" y1="21" x2="15" y2="15"></line></svg></div></button></div><label for="main-menu" class="flex lg:hidden justify-center items-center px-2"><button @click.prevent="$dispatch('open-mobile-menu')" tabindex="0" aria-label="Main menu"><span class="sr-only">Menu</span><span class="text-primary-900 hover:text-tertiary-700"><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"></path><line x1="4" y1="8" x2="20" y2="8"></line><line x1="4" y1="16" x2="20" y2="16"></line></svg></div></span></button></label></div></div></div><div x-cloak x-show="active !== null" :aria-expanded="active !== null" @mouseleave="close()" @click.away="close()" class="absolute inset-x-0 transform shadow-lg" x-transition:enter="transition ease-out duration-100" x-transition:enter-start="transform opacity-0 scale-95" x-transition:enter-end="transform opacity-100 scale-100" x-transition:leave="transition ease-in duration-75" x-transition:leave-start="transform opacity-100 scale-100" x-transition:leave-end="transform opacity-0 scale-95" ><div class="absolute inset-0 flex" aria-hidden="true"><div class="bg-white w-1/2"></div><div class="bg-tertiary-100 w-1/2"></div></div><div class="azalea-container"><div id="visit-menu" x-ref="visit-menu" x-show="active === 'visit'" ><div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="plan-visit-menu-label">Visit Planning</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="plan-visit-menu-label"><li class="flex items-center"><a href="/visit" class="azalea-text-md text-tertiary-900">Plan Your Visit</a></li><li class="flex items-center"><a href="/search/events" class="azalea-text-md text-tertiary-900">Event Calendar</a></li><li class="flex items-center"><a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a></li><li class="flex items-center"><a href="/visit/tours" class="azalea-text-md text-tertiary-900">Tours</a></li><li class="flex items-center"><a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a></li><li class="flex items-center"><a href="/visit/guidelines" class="azalea-text-md text-tertiary-900">Guidelines and Policies</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="access-programs-menu-label">Access Programs</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="access-programs-menu-label"><li class="flex items-center"><a href="/visit/accessibility" class="azalea-text-md text-tertiary-900">Accessibility</a></li><li class="flex items-center"><a href="/events/asl-tours-art-signs" class="azalea-text-md text-tertiary-900">ASL Tours</a></li><li class="flex items-center"><a href="/events/dementia-programs" class="azalea-text-md text-tertiary-900">Dementia Programs</a></li><li class="flex items-center"><a href="/events/verbal-description-tours" class="azalea-text-md text-tertiary-900">Verbal Description Tours</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="museum-locations-menu-label">Museums</h5><div class="azalea-my-sm" aria-labelledby="research-your-art-menu-label"><div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/saam" aria-label="Smithsonian American Art Museum" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/_V-w4ViVCCG7zD3mzm85xZbYlB0/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Fluce_foundation_center.jpg"title=""alt="Luce Foundation Center"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Smithsonian American Art Museum </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 11:30 a.m.–7:00 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/renwick" aria-label="Renwick Gallery" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WNGyjsX7MT_uXogV5vfxOOhPTms/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Frenwick_stairwellodiledecqrug2.jpg"title=""alt="Renwick Gallery Stairwwell"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Renwick Gallery </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 10:00 a.m.–5:30 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div></div><a href="#art-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div></div><div id="art-menu" x-ref="art-menu" x-show="active === 'art'" ><div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="explore-art-menu-label">Explore Art and Artists</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="explore-art-menu-label"><li class="flex items-center"><a href="/art/highlights" class="azalea-text-md text-tertiary-900">Collection Highlights</a></li><li class="flex items-center"><a href="/search/artworks" class="azalea-text-md text-tertiary-900">Search Artworks</a></li><li class="flex items-center"><a href="/art/new" class="azalea-text-md text-tertiary-900">New Acquisitions</a></li><li class="flex items-center"><a href="/search/artists" class="azalea-text-md text-tertiary-900">Search Artists</a></li><li class="flex items-center"><a href="/search/artists?genders[]=3254" class="azalea-text-md text-tertiary-900">Search Women Artists</a></li></ul><h5 id="something-fun-menu-label">Something Fun</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="something-fun-menu-label"><li class="flex items-center"><a href="/art/artists/all/birthdays" class="azalea-text-md text-tertiary-900">Which Artist Shares Your Birthday?</a></li><li class="flex items-center"><a href="/art/art-comics" class="azalea-text-md text-tertiary-900">Comics</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="exhibitions-menu-label">Exhibitions</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="exhibitions-menu-label"><li class="flex items-center"><a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a></li><li class="flex items-center"><a href="/exhibitions/upcoming" class="azalea-text-md text-tertiary-900">Upcoming Exhibitions</a></li><li class="flex items-center"><a href="/exhibitions/traveling" class="azalea-text-md text-tertiary-900">Traveling Exhibitions</a></li><li class="flex items-center"><a href="/exhibitions/past" class="azalea-text-md text-tertiary-900">Past Exhibitions</a></li></ul><h5 id="art-conservation-menu-label">Art Conservation</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="art-conservation-menu-label"><li class="flex items-center"><a href="/art/conservation" class="azalea-text-md text-tertiary-900">Lunder Conservation Center</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="collection-highlights-menu-label">Collection Highlights</h5><div class="azalea-my-sm" aria-labelledby="collection-highlights-menu-label"><div class="views-element-container"><div class="js-view-dom-id-720389b66573758df789b21177f072a926d7ccc6fa70c470e035dd8c8b48a83b azalea-container"><div class="azalea-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/20th-century" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">20th Century</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/20th-century" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/6rF-mArxD6atNhygtEhcoDfD-58/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F14c6b5ea87a9e54cbb789ff9867557d7.jpg"title=""alt="20th Century"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/asian-american" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Asian American Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/asian-american" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/HqGYtr7cs7igAOgWa0ItTAphrzE/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2Fd072a4f042a26de62b4848e12f39becd.jpg"title=""alt="Asian American Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/photography" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Photography</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/photography" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WotqOXZm9kLrkOwlNhu3mncOCLI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2022-06%2Fhighlights_-_photography_untitled_broach_with_goatee.jpg"title=""alt="Photography"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/latinx" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Latinx Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/latinx" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/VNgg4-8PrHcWAy6W8WqWqeehpwI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2FSAAM-2020.25.1_1.jpg"title=""alt="Latinx Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/sculpture" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Sculpture</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/sculpture" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/FYnJ6XGUSpOnRWa5YndNyDUA7H4/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F93d15294cfd738f54b853dc9516bdbf6.jpg"title=""alt="Sculpture"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/contemporary" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Contemporary Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/contemporary" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/glUBZha_vwxiu4aKxWdx5QbWxMQ/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg"title=""alt="Contemporary Art"loading="lazy"/></picture></a></div></div></div></div></div><a href="#research-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div></div><div id="research-menu" x-ref="research-menu" x-show="active === 'research'" ><div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="research-resources-menu-label">Research Resources</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="research-resources-menu-label"><li class="flex items-center"><a href="/research" class="azalea-text-md text-tertiary-900">Research and Scholars Center</a></li><li class="flex items-center"><a href="/research/paik" class="azalea-text-md text-tertiary-900">Nam June Paik Archive Collection</a></li><li class="flex items-center"><a href="/research/photograph-study-collection" class="azalea-text-md text-tertiary-900">Photograph Study Collection</a></li><li class="flex items-center"><a href="/research/inventories" class="azalea-text-md text-tertiary-900">National Art Inventories Databases</a></li><li class="flex items-center"><a href="/research/inventories/outdoor-sculpture" class="azalea-text-md text-tertiary-900">Save Outdoor Sculpture!</a></li><li class="flex items-center"><a href="/research/my-art" class="azalea-text-md text-tertiary-900">Researching Your Art</a></li><li class="flex items-center"><a href="/research/library" class="azalea-text-md text-tertiary-900">Library</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="publications-menu-label">Publications</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="publications-menu-label"><li class="flex items-center"><a href="/research/journal" class="azalea-text-md text-tertiary-900">American Art Journal</a></li><li class="flex items-center"><a href="/research/toward-equity-publishing" class="azalea-text-md text-tertiary-900">Toward Equity in Publishing</a></li><li class="flex items-center"><a href="/search/books" class="azalea-text-md text-tertiary-900">Catalogs and Books</a></li><li class="flex items-center"><a href="/research/symposia" class="azalea-text-md text-tertiary-900">Scholarly Symposia</a></li><li class="flex items-center"><a href="/research/awards" class="azalea-text-md text-tertiary-900">Publication Prizes</a></li></ul><h5 id="fellows-interns-menu-label">Fellows and Interns</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="fellows-interns-menu-label"><li class="flex items-center"><a href="/research/fellowships" class="azalea-text-md text-tertiary-900">Fellowship Programs</a></li><li class="flex items-center"><a href="/search/fellows" class="azalea-text-md text-tertiary-900">List of Fellows and Scholars</a></li><li class="flex items-center"><a href="/research/internships" class="azalea-text-md text-tertiary-900">Internship Programs</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="featured-resources-menu-label">Featured Resource</h5><div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"><div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/research/my-art/first-steps" tabindex="-1"><img class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" src="//cdn.saam.media/Ca_H8DMj_UC3NjDXkjCgg8rshXs/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.110_1.jpg" title="" alt="A painting of an eye seen in the reflection of a mirror"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/research/my-art/first-steps" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline"> How Do I Research My Art? </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Want to learn more about the painting you found while clearing out the attic? For answers, be prepared for a little detective work. </div><a href="/research/my-art/first-steps" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div></div></div><a href="#education-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div><div id="education-menu" x-ref="education-menu" x-show="active === 'education'" ><div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="k-12-teachers-menu-label">For K-12 Teachers</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="k-12-teachers-menu-label"><li class="flex items-center"><a href="/education/k-12/resources" class="azalea-text-md text-tertiary-900">Teachers Guides and Resources</a></li><li class="flex items-center"><a href="/education/k-12/field-trips" class="azalea-text-md text-tertiary-900">Field Trips and School Tours</a></li><li class="flex items-center"><a href="/education/k-12/professional-development" class="azalea-text-md text-tertiary-900">Professional Development</a></li><li class="flex items-center"><a href="/education/k-12/videoconferences" class="azalea-text-md text-tertiary-900">Classroom Videoconferences</a></li><li class="flex items-center"><a href="/education/k-12/professional-development/summer-institutes" class="azalea-text-md text-tertiary-900">Summer Institutes for Teachers</a></li><li class="flex items-center"><a href="/education/k-12/dodea" class="azalea-text-md text-tertiary-900">Student Artwork Showcase</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="adult-learners-menu-label">For Lifelong Learners</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="adult-learners-menu-label"><li class="flex items-center"><a href="/education/adult" class="azalea-text-md text-tertiary-900">Adult Learners</a></li><li class="flex items-center"><a href="/visit/tours/request" class="azalea-text-md text-tertiary-900">Group Tour Request</a></li></ul><h5 id="learn-from-home-menu-label">Learn from Home</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="learn-from-home-menu-label"><li class="flex items-center"><a href="/education/learn-from-home" class="azalea-text-md text-tertiary-900">Resources for Learning at Home</a></li><li class="flex items-center"><a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="featured-resources-menu-label">Featured Resource</h5><div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"><div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/search/learning-resources?content_type=learningresource&featured=true" tabindex="-1"><img src="//cdn.saam.media/6yWoajeJYaf08oT3To_R7XR-hpQ/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.59.664_2.jpg" class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" title="" alt="Image of an oil painting titled Booker T. Washington Legend"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/search/learning-resources" class="mt-2 md:m-0 font-heading font-semibold text-tertiary-900 text-xl text-black hover:no-underline"> Educational Resources Search </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Find lesson plans, hands-on activities, and more for learners of all ages. </div><a href="/search/learning-resources" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Search educational resources</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div></div></div><a href="#about-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div><div id="about-menu" x-ref="about-menu" x-show="active === 'about'" ><div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="latest-news-menu-label">Latest News</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="latest-news-menu-label"><li class="flex items-center"><a href="/blog" class="azalea-text-md text-tertiary-900">SAAM Stories</a></li><li class="flex items-center"><a href="/press" class="azalea-text-md text-tertiary-900">Press Room</a></li><li class="flex items-center"><a href="/search/videos" class="azalea-text-md text-tertiary-900">Videos</a></li></ul><h5 id="about-museums-menu-label">About the Museums</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="about-museums-menu-label"><li class="flex items-center"><a href="/about" class="azalea-text-md text-tertiary-900">About Us</a></li><li class="flex items-center"><a href="/about/history" class="azalea-text-md text-tertiary-900">Museum History</a></li></ul><h5 id="host-event-menu-label">Host an Event</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="host-event-menu-label"><li class="flex items-center"><a href="/about/event-spaces" class="azalea-text-md text-tertiary-900">Event Venues and Space Rental</a></li></ul></div><div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="connect-with-us-menu-label">Connect with Us</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="connect-with-us-menu-label"><li class="flex items-center"><a href="/about/careers" class="azalea-text-md text-tertiary-900">Careers</a></li><li class="flex items-center"><a href="/about/volunteers" class="azalea-text-md text-tertiary-900">Volunteer</a></li><li class="flex items-center"><a href="/about/contact" class="azalea-text-md text-tertiary-900">Contact Us</a></li><li class="flex items-center"><a href="/about/news" class="azalea-text-md text-tertiary-900">Sign up for our Newsletter</a></li></ul><h5 id="shop-online-menu-label">Shop Online</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="shop-online-menu-label"><li class="flex items-center"><a href="https://saamnpgstore.si.edu/" class="azalea-text-md text-tertiary-900">Museum Store Online</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="featured-posts-menu-label">Featured Story</h5><div class="azalea-my-sm" aria-labelledby="featured-posts-menu-label"><div class="views-element-container"><div class="js-view-dom-id-5b09308817c5fdf832617294edfa6c9fd4b2d7a221e3b5f5a8e27b9f14d22e88 azalea-container"><div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/blog/rural-education" tabindex="-1"><picture class="" ><img class="azalea-alt-text-sr-only max-w-full mx-auto rounded-sm" src="//cdn.saam.media/qPeq9Cgv-zIGSXkSu7OAkUj-Ivs/640/640/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2Fimage%2F1730822449%2FRural%2520Initiative_Mary%2520Tait.jpg"title=""alt="Teachers use rolled pieces of paper as telescopes."loading="lazy"/></picture></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/blog/rural-education" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline" role="heading" aria-level="4" > Teachers from Rural Communities Find Inspiration at SAAM </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> SAAM's Education Department serves teachers and students in rural communities. </div><a href="/blog/rural-education" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div></div></div></div><a href="#donate-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a></div></div></div><div id="donate-menu" x-ref="donate-menu" x-show="active === 'donate'" ><div class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"><div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"><h5 id="donate-menu-label">Donate</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="donate-menu-label"><li><a href="/donate" class="azalea-text-md text-tertiary-900">Support the Museum</a></li><li><a href="/donate/corporate-patrons" class="azalea-text-md text-tertiary-900">Corporate Patrons</a></li><li><a href="https://legacy.si.edu/saam/" class="azalea-text-md text-tertiary-900">Gift Planning</a></li><li><a href="/about/contact/donating-artworks" class="azalea-text-md text-tertiary-900">Donating Artworks</a></li></ul></div><div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"><h5 id="member-join-menu-label">Join</h5><ul class="p-0 mb-3 lg:mb-6" aria-labelledby="member-join-menu-label"><li><a href="/donate/directors-circle" class="azalea-text-md text-tertiary-900">Join the Director's Circle</a></li><li><a href="/donate/creatives" class="azalea-text-md text-tertiary-900">Join SAAM Creatives</a></li></ul></div><div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"><h5 id="become-a-member-menu-label">Become a member</h5><div class="azalea-my-sm" aria-labelledby="become-a-member-menu-label"><div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/directors-circle" aria-label="Director's Circle Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/uJlEByfKHHbFgBKqsIoRgUoy0yM/640/360/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2F2017-08%2Fdonate_hero_planned_giving.jpg" title="" alt="A couple dances while a string band plays music" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Director’s Circle </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A national membership group of museum friends who share a love of American art and craft. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/creatives" aria-label="SAAM Creatives Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/s88HvgSPSEA_IlPQUHkAYDHCsjg/640/360/top/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2Fimage%2F1684034713%2Fsaam-creatives-thumbnail.jpg" title="" alt="A group of young people pose for a photograph" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> SAAM Creatives </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A membership group for young professionals interested in the American art experience. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div></div></div><a href="#search-button" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Close menu</a></div></div></div></div></div></div> <div class="azalea-outer-gutter flex flex-col space-y-2 md:space-y-0"> <main role="main" tabindex="-1" class="focus:outline-none"> <a id="main-content"></a> <div class="drupal-region azalea-container"> <div id="block-azalea-breadcrumbs" class="drupal-block"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4 azalea-my-md"><nav class="azalea-breadcrumb px-2 md:px-0" role="navigation" aria-label="Breadcrumb"><ol class="flex items-center space-x-6 pl-0 overflow-x-auto azalea-scrollbar-hidden"><li class=""><div class="azalea-text-sm md:azalea-text-md"><a class="text-tertiary-500 hover:text-tertiary-900 whitespace-nowrap truncate" href="/">Home</a></div></li><li class="flex items-center"><div>/</div><div class="azalea-text-sm md:azalea-text-md ml-4"><a class="text-tertiary-500 hover:text-tertiary-900 whitespace-nowrap truncate" href="/visit">Visit </a></div></li><li class="flex items-center"><div>/</div><div class="azalea-text-sm md:azalea-text-md ml-4"><a class="text-tertiary-500 hover:text-tertiary-900 whitespace-nowrap truncate" href="/visit/tours">Museum Tours</a></div></li></ol></nav></div> </div> </div> <div class="drupal-region region-highlighted"> <div data-drupal-messages-fallback class="hidden"></div> </div> <div class="drupal-region region-content"> <div id="block-pagetitle" class="drupal-block"> <div class="max-w-screen-2xl mx-auto"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4 azalea-my-lg"><h1>Adult Group Tour Request</h1></div> </div> </div> <div id="block-azalea-content" class="drupal-block"> <form class="webform-submission-form webform-submission-add-form webform-submission-adult-group-tour-request-form webform-submission-adult-group-tour-request-add-form azalea-drupal-webform azalea-container" data-drupal-selector="webform-submission-adult-group-tour-request-add-form" action="/visit/tours/request" method="post" id="webform-submission-adult-group-tour-request-add-form" accept-charset="UTF-8"> <div class="azalea-text-md js-form-item form-item js-form-type-processed-text form-item- js-form-item- form-no-label my-2" id="edit-form-intro"> <p><strong>TOURS AT THE SMITHSONIAN AMERICAN ART MUSEUM</strong></p> <p>Currently, limited tours are available based on volunteer docent availability. Visitors may use their smartphone to access a QR code via signage in the museum for a self-guided tour. Or they may request a virtual tour, please give us 3-4 weeks' notice to desired date.</p> <p><strong>TOURS AT THE RENWICK GALLERY</strong></p> <p>Currently, limited tours are available based on volunteer docent availability. Visitors may use their smartphone to access a QR code via signage in the museum for a self-guided tour. Or they may request a virtual tour, please give us 3-4 weeks' notice to desired date.</p> <p>Fill out the form to request a date, time, and theme. Fields marked with an asterisk are required. Once the form has been submitted, you will receive a reply within three working days. For more information, email the education staff at <a href="mailto:AmericanArtMuseumTours@si.edu" rel="nofollow noopener">AmericanArtMuseumTours@si.edu</a>.</p> <p> </p> </div> <fieldset data-drupal-selector="edit-group-leader-contact-information" id="edit-group-leader-contact-information" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper my-4"> <legend> <span class="fieldset-legend azalea-heading-level-6">Group Leader Contact Information</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <div class="js-form-item form-item js-form-type-textfield form-item-group-leader-name js-form-item-group-leader-name my-2"> <label for="edit-group-leader-name" class="js-form-required form-required">Group Leader Name</label> <input data-drupal-selector="edit-group-leader-name" type="text" id="edit-group-leader-name" name="group_leader_name" value="" size="60" maxlength="255" class="form-text required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> <div data-drupal-selector="edit-phone-container" class="webform-flexbox js-webform-flexbox js-form-wrapper form-wrapper" id="edit-phone-container"><div class="webform-flex webform-flex--1"><div class="webform-flex--container"><div class="js-form-item form-item js-form-type-tel form-item-daytime-phone js-form-item-daytime-phone my-2"> <label for="edit-daytime-phone" class="js-form-required form-required">Daytime Phone</label> <input data-drupal-selector="edit-daytime-phone" type="tel" id="edit-daytime-phone" name="daytime_phone" value="" size="30" maxlength="128" class="form-tel required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> </div></div><div class="webform-flex webform-flex--1"><div class="webform-flex--container"><div class="js-form-item form-item js-form-type-tel form-item-mobile-phone-for-day-of-tour js-form-item-mobile-phone-for-day-of-tour my-2"> <label for="edit-mobile-phone-for-day-of-tour" class="js-form-required form-required">Mobile Phone for day of tour</label> <input data-drupal-selector="edit-mobile-phone-for-day-of-tour" type="tel" id="edit-mobile-phone-for-day-of-tour" name="mobile_phone_for_day_of_tour" value="" size="30" maxlength="128" class="form-tel required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> </div></div></div> <div class="js-form-item form-item js-form-type-email form-item-email js-form-item-email my-2"> <label for="edit-email" class="js-form-required form-required">Email</label> <input data-drupal-selector="edit-email" type="email" id="edit-email" name="email" value="" size="60" maxlength="254" class="form-email required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-group-information" id="edit-group-information" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper my-4"> <legend> <span class="fieldset-legend azalea-heading-level-6">Group Information</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <div class="js-form-item form-item js-form-type-textfield form-item-group-name js-form-item-group-name my-2"> <label for="edit-group-name" class="js-form-required form-required">Group Name</label> <input data-drupal-selector="edit-group-name" type="text" id="edit-group-name" name="group_name" value="" size="60" maxlength="255" class="form-text required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> <div class="js-form-item form-item js-form-type-textfield form-item-total-number-of-participants js-form-item-total-number-of-participants my-2"> <label for="edit-total-number-of-participants" class="js-form-required form-required">Total Number of Participants</label> <input data-drupal-selector="edit-total-number-of-participants" type="text" id="edit-total-number-of-participants" name="total_number_of_participants" value="" size="60" maxlength="255" class="form-text required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> <div data-drupal-selector="edit-group-address" id="edit-group-address--wrapper" class="webform-address--wrapper fieldgroup form-composite js-form-wrapper form-wrapper"> <div class="js-form-item form-item js-form-type-textfield form-item-group-address-address js-form-item-group-address-address my-2"> <label for="edit-group-address-address" class="js-form-required form-required">Address</label> <input data-drupal-selector="edit-group-address-address" type="text" id="edit-group-address-address" name="group_address[address]" value="" size="60" maxlength="255" class="form-text required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> <div class="js-form-item form-item js-form-type-textfield form-item-group-address-city js-form-item-group-address-city my-2"> <label for="edit-group-address-city" class="js-form-required form-required">City</label> <input data-drupal-selector="edit-group-address-city" type="text" id="edit-group-address-city" name="group_address[city]" value="" size="60" maxlength="255" class="form-text required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> <div class="js-form-item form-item js-form-type-select form-item-group-address-state-province js-form-item-group-address-state-province my-2"> <label for="edit-group-address-state-province" class="js-form-required form-required">State</label> <select data-drupal-selector="edit-group-address-state-province" id="edit-group-address-state-province" name="group_address[state_province]" class="form-select required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true"><option class="azalea-text-md" value="" selected="selected">- Select -</option><option class="azalea-text-md" value="AL">Alabama</option><option class="azalea-text-md" value="AK">Alaska</option><option class="azalea-text-md" value="AS">American Samoa</option><option class="azalea-text-md" value="AZ">Arizona</option><option class="azalea-text-md" value="AR">Arkansas</option><option class="azalea-text-md" value="AE">Armed Forces (Canada, Europe, Africa, or Middle East)</option><option class="azalea-text-md" value="AA">Armed Forces Americas</option><option class="azalea-text-md" value="AP">Armed Forces Pacific</option><option class="azalea-text-md" value="CA">California</option><option class="azalea-text-md" value="CO">Colorado</option><option class="azalea-text-md" value="CT">Connecticut</option><option class="azalea-text-md" value="DE">Delaware</option><option class="azalea-text-md" value="DC">District of Columbia</option><option class="azalea-text-md" value="FM">Federate States of Micronesia</option><option class="azalea-text-md" value="FL">Florida</option><option class="azalea-text-md" value="GA">Georgia</option><option class="azalea-text-md" value="GU">Guam</option><option class="azalea-text-md" value="HI">Hawaii</option><option class="azalea-text-md" value="ID">Idaho</option><option class="azalea-text-md" value="IL">Illinois</option><option class="azalea-text-md" value="IN">Indiana</option><option class="azalea-text-md" value="IA">Iowa</option><option class="azalea-text-md" value="KS">Kansas</option><option class="azalea-text-md" value="KY">Kentucky</option><option class="azalea-text-md" value="LA">Louisiana</option><option class="azalea-text-md" value="ME">Maine</option><option class="azalea-text-md" value="MH">Marshall Islands</option><option class="azalea-text-md" value="MD">Maryland</option><option class="azalea-text-md" value="MA">Massachusetts</option><option class="azalea-text-md" value="MI">Michigan</option><option class="azalea-text-md" value="MN">Minnesota</option><option class="azalea-text-md" value="MS">Mississippi</option><option class="azalea-text-md" value="MO">Missouri</option><option class="azalea-text-md" value="MT">Montana</option><option class="azalea-text-md" value="NE">Nebraska</option><option class="azalea-text-md" value="NV">Nevada</option><option class="azalea-text-md" value="NH">New Hampshire</option><option class="azalea-text-md" value="NJ">New Jersey</option><option class="azalea-text-md" value="NM">New Mexico</option><option class="azalea-text-md" value="NY">New York</option><option class="azalea-text-md" value="NC">North Carolina</option><option class="azalea-text-md" value="ND">North Dakota</option><option class="azalea-text-md" value="MP">Northern Mariana Islands</option><option class="azalea-text-md" value="OH">Ohio</option><option class="azalea-text-md" value="OK">Oklahoma</option><option class="azalea-text-md" value="OR">Oregon</option><option class="azalea-text-md" value="PW">Palau</option><option class="azalea-text-md" value="PA">Pennsylvania</option><option class="azalea-text-md" value="PR">Puerto Rico</option><option class="azalea-text-md" value="RI">Rhode Island</option><option class="azalea-text-md" value="SC">South Carolina</option><option class="azalea-text-md" value="SD">South Dakota</option><option class="azalea-text-md" value="TN">Tennessee</option><option class="azalea-text-md" value="TX">Texas</option><option class="azalea-text-md" value="UT">Utah</option><option class="azalea-text-md" value="VT">Vermont</option><option class="azalea-text-md" value="VI">Virgin Islands</option><option class="azalea-text-md" value="VA">Virginia</option><option class="azalea-text-md" value="WA">Washington</option><option class="azalea-text-md" value="WV">West Virginia</option><option class="azalea-text-md" value="WI">Wisconsin</option><option class="azalea-text-md" value="WY">Wyoming</option></select> </div> <div class="js-form-item form-item js-form-type-textfield form-item-group-address-postal-code js-form-item-group-address-postal-code my-2"> <label for="edit-group-address-postal-code" class="js-form-required form-required">Zip Code</label> <input data-drupal-selector="edit-group-address-postal-code" type="text" id="edit-group-address-postal-code" name="group_address[postal_code]" value="" size="60" maxlength="255" class="form-text required azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" required="required" aria-required="true" /> </div> </div> <div class="js-form-item form-item js-form-type-tel form-item-group-phone js-form-item-group-phone my-2"> <label for="edit-group-phone">Group Phone</label> <input data-drupal-selector="edit-group-phone" type="tel" id="edit-group-phone" name="group_phone" value="" size="30" maxlength="128" class="form-tel azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> <div id="edit-number-with-accessibility-needs" class="js-form-item form-item js-form-type-item form-item-number-with-accessibility-needs js-form-item-number-with-accessibility-needs my-2"> <label>Number of participants with accessibility needs, if any</label> </div> <div class="webform-element--title-inline js-form-item form-item js-form-type-number form-item-mobility js-form-item-mobility my-2"> <label for="edit-mobility">Mobility</label> <input data-drupal-selector="edit-mobility" type="number" id="edit-mobility" name="mobility" value="0" step="any" min="0" max="5000" size="5" class="form-number azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> <div class="webform-element--title-inline js-form-item form-item js-form-type-number form-item-cognitive js-form-item-cognitive my-2"> <label for="edit-cognitive">Cognitive</label> <input data-drupal-selector="edit-cognitive" type="number" id="edit-cognitive" name="cognitive" value="0" step="any" min="0" max="5000" size="5" class="form-number azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> <div class="webform-element--title-inline js-form-item form-item js-form-type-number form-item-vision js-form-item-vision my-2"> <label for="edit-vision">Vision</label> <input data-drupal-selector="edit-vision" type="number" id="edit-vision" name="vision" value="0" step="any" min="0" max="5000" size="5" class="form-number azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> <div class="webform-element--title-inline js-form-item form-item js-form-type-number form-item-other js-form-item-other my-2"> <label for="edit-other">Other</label> <input data-drupal-selector="edit-other" aria-describedby="edit-other--description" type="number" id="edit-other" name="other" value="0" step="any" min="0" max="5000" size="5" class="form-number azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> <div class="description mt-4"> <div id="edit-other--description" class="webform-element-description">Please specify below</div> </div> </div> <div class="js-form-item form-item js-form-type-textfield form-item-other-accessibility-needs js-form-item-other-accessibility-needs my-2"> <label for="edit-other-accessibility-needs">Other accessibility needs</label> <input data-drupal-selector="edit-other-accessibility-needs" type="text" id="edit-other-accessibility-needs" name="other_accessibility_needs" value="" size="60" maxlength="255" class="form-text azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-tour" id="edit-tour" class="js-webform-type-fieldset webform-type-fieldset js-form-item form-item js-form-wrapper form-wrapper my-4"> <legend> <span class="fieldset-legend azalea-heading-level-6">Tour</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <fieldset data-drupal-selector="edit-tour-type" id="edit-tour-type--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper my-4"> <legend id="edit-tour-type--wrapper-legend"> <span class="fieldset-legend azalea-heading-level-6">Tour Type</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <div id="edit-tour-type" class="js-webform-radios webform-options-display-one-column"><div class="js-form-item form-item js-form-type-radio form-item-tour-type js-form-item-tour-type my-2"> <input data-drupal-selector="edit-tour-type-docent-led-tour" type="radio" id="edit-tour-type-docent-led-tour" name="tour_type" value="Docent-Led Tour" class="form-radio p-2 mr-2 border-tertiary-400 focus:outline-none focus:ring-black focus:border-black rounded-full accent-tertiary-400" /> <label for="edit-tour-type-docent-led-tour" class="option">Docent-Led Tour</label> </div> <div class="js-form-item form-item js-form-type-radio form-item-tour-type js-form-item-tour-type my-2"> <input data-drupal-selector="edit-tour-type-self-guided-tour" type="radio" id="edit-tour-type-self-guided-tour" name="tour_type" value="Self-Guided Tour" checked="checked" class="form-radio p-2 mr-2 border-tertiary-400 focus:outline-none focus:ring-black focus:border-black rounded-full accent-tertiary-400" /> <label for="edit-tour-type-self-guided-tour" class="option">Self-Guided Tour</label> </div> <div class="js-form-item form-item js-form-type-radio form-item-tour-type js-form-item-tour-type my-2"> <input data-drupal-selector="edit-tour-type-virtual-tour" type="radio" id="edit-tour-type-virtual-tour" name="tour_type" value="Virtual Tour" class="form-radio p-2 mr-2 border-tertiary-400 focus:outline-none focus:ring-black focus:border-black rounded-full accent-tertiary-400" /> <label for="edit-tour-type-virtual-tour" class="option">Virtual Tour</label> </div> </div> </div> </fieldset> <fieldset data-drupal-selector="edit-location" id="edit-location--wrapper" class="radios--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-radios webform-type-radios js-form-item form-item js-form-wrapper form-wrapper my-4"> <legend id="edit-location--wrapper-legend"> <span class="fieldset-legend azalea-heading-level-6">Location</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <div id="edit-location" class="js-webform-radios webform-options-display-one-column"><div class="js-form-item form-item js-form-type-radio form-item-location js-form-item-location my-2"> <input data-drupal-selector="edit-location-smithsonian-american-art-museum" type="radio" id="edit-location-smithsonian-american-art-museum" name="location" value="Smithsonian American Art Museum" checked="checked" class="form-radio p-2 mr-2 border-tertiary-400 focus:outline-none focus:ring-black focus:border-black rounded-full accent-tertiary-400" /> <label for="edit-location-smithsonian-american-art-museum" class="option">Smithsonian American Art Museum</label> </div> <div class="js-form-item form-item js-form-type-radio form-item-location js-form-item-location my-2"> <input data-drupal-selector="edit-location-renwick-gallery" type="radio" id="edit-location-renwick-gallery" name="location" value="Renwick Gallery" class="form-radio p-2 mr-2 border-tertiary-400 focus:outline-none focus:ring-black focus:border-black rounded-full accent-tertiary-400" /> <label for="edit-location-renwick-gallery" class="option">Renwick Gallery</label> </div> </div> </div> </fieldset> <fieldset class="js-webform-select2 webform-select2 js-webform-select-other webform-select-other js-form-item webform-select-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-select-other webform-type-webform-select-other form-item js-form-wrapper form-wrapper my-4" data-drupal-selector="edit-saam-tour-theme" id="edit-saam-tour-theme" data-drupal-states="{"visible":{".webform-submission-adult-group-tour-request-add-form :input[name=\u0022location\u0022]":{"value":"Smithsonian American Art Museum"}}}"> <legend> <span class="fieldset-legend azalea-heading-level-6">Tour Theme</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <div class="js-form-item form-item js-form-type-select form-item-saam-tour-theme-select js-form-item-saam-tour-theme-select form-no-label my-2"> <label for="edit-saam-tour-theme-select" class="visually-hidden">Tour Theme</label> <select class="js-webform-select2 webform-select2 form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" data-drupal-selector="edit-saam-tour-theme-select" id="edit-saam-tour-theme-select" name="saam_tour_theme[select]"><option class="azalea-text-md" value="" selected="selected">- None -</option><option class="azalea-text-md" value="America the Beautiful: Landscapes">America the Beautiful: Landscapes</option><option class="azalea-text-md" value="Highlights">Highlights</option><option class="azalea-text-md" value="Special Exhibition">Special Exhibition</option><option class="azalea-text-md" value="_other_">Other…</option></select> </div> <div class="js-webform-select-other-input webform-select-other-input js-form-item form-item js-form-type-textfield form-item-saam-tour-theme-other js-form-item-saam-tour-theme-other form-no-label my-2"> <label for="edit-saam-tour-theme-other" class="visually-hidden">Enter other…</label> <input data-drupal-selector="edit-saam-tour-theme-other" type="text" id="edit-saam-tour-theme-other" name="saam_tour_theme[other]" value="" size="60" maxlength="255" placeholder="Enter other…" class="form-text azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> </div> </fieldset> <fieldset class="js-webform-select2 webform-select2 js-webform-select-other webform-select-other js-webform-states-hidden js-form-item webform-select-other--wrapper fieldgroup form-composite webform-composite-visible-title js-webform-type-webform-select-other webform-type-webform-select-other form-item js-form-wrapper form-wrapper my-4" data-drupal-selector="edit-renwick-tour-theme" id="edit-renwick-tour-theme" data-drupal-states="{"visible":{".webform-submission-adult-group-tour-request-add-form :input[name=\u0022location\u0022]":{"value":"Renwick Gallery"}}}"> <legend> <span class="fieldset-legend azalea-heading-level-6">Tour Theme</span> </legend> <div class="fieldset-wrapper py-4 pl-4 mt-4"> <div class="js-form-item form-item js-form-type-select form-item-renwick-tour-theme-select js-form-item-renwick-tour-theme-select form-no-label my-2"> <label for="edit-renwick-tour-theme-select" class="visually-hidden">Tour Theme</label> <select class="js-webform-select2 webform-select2 form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" data-drupal-selector="edit-renwick-tour-theme-select" id="edit-renwick-tour-theme-select" name="renwick_tour_theme[select]"><option class="azalea-text-md" value="" selected="selected">- None -</option><option class="azalea-text-md" value="Renwick Permanent Collection">Renwick Permanent Collection</option><option class="azalea-text-md" value="Special Exhibition">Special Exhibition</option><option class="azalea-text-md" value="_other_">Other…</option></select> </div> <div class="js-webform-select-other-input webform-select-other-input js-form-item form-item js-form-type-textfield form-item-renwick-tour-theme-other js-form-item-renwick-tour-theme-other form-no-label my-2"> <label for="edit-renwick-tour-theme-other" class="visually-hidden">Enter other…</label> <input data-drupal-selector="edit-renwick-tour-theme-other" type="text" id="edit-renwick-tour-theme-other" name="renwick_tour_theme[other]" value="" size="60" maxlength="255" placeholder="Enter other…" class="form-text azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> </div> </fieldset> <div id="preferred_dates_table"><div id="edit-preferred-dates" class="js-form-item form-item js-form-type-webform-multiple form-item-preferred-dates js-form-item-preferred-dates my-2"> <label class="js-form-required form-required">Preferred Dates</label> <div class="webform-multiple-table webform-multiple-table-responsive"><table data-drupal-selector="edit-preferred-dates-items" id="edit-preferred-dates-items" class="responsive-enabled" data-striping="1"> <thead> <tr> <th colspan="5"><span class="visually-hidden">Preferred Dates</span></th> </tr> </thead> <tbody> <tr class="draggable" data-drupal-selector="edit-preferred-dates-items-0"> <td class="webform-multiple-table--handle"></td> <td><div class="js-form-item form-item js-form-type-datelist form-item-preferred-dates-items-0--item- js-form-item-preferred-dates-items-0--item- form-no-label my-2"> <label class="visually-hidden">Preferred Dates</label> <div id="edit-preferred-dates-items-0-item-" class="container-inline"> <div class="js-form-item form-item js-form-type-select form-item-preferred-dates-items-0--item--month js-form-item-preferred-dates-items-0--item--month form-no-label my-2"> <label for="edit-preferred-dates-items-0-item-month" class="visually-hidden">Preferred Dates: Month</label> <select data-drupal-selector="edit-preferred-dates-items-0-item-month" title="Month" id="edit-preferred-dates-items-0-item-month" name="preferred_dates[items][0][_item_][month]" class="form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm"><option class="azalea-text-md" value="" selected="selected">Month</option><option class="azalea-text-md" value="1">Jan</option><option class="azalea-text-md" value="2">Feb</option><option class="azalea-text-md" value="3">Mar</option><option class="azalea-text-md" value="4">Apr</option><option class="azalea-text-md" value="5">May</option><option class="azalea-text-md" value="6">Jun</option><option class="azalea-text-md" value="7">Jul</option><option class="azalea-text-md" value="8">Aug</option><option class="azalea-text-md" value="9">Sep</option><option class="azalea-text-md" value="10">Oct</option><option class="azalea-text-md" value="11">Nov</option><option class="azalea-text-md" value="12">Dec</option></select> </div> <div class="js-form-item form-item js-form-type-select form-item-preferred-dates-items-0--item--day js-form-item-preferred-dates-items-0--item--day form-no-label my-2"> <label for="edit-preferred-dates-items-0-item-day" class="visually-hidden">Preferred Dates: Day</label> <select data-drupal-selector="edit-preferred-dates-items-0-item-day" title="Day" id="edit-preferred-dates-items-0-item-day" name="preferred_dates[items][0][_item_][day]" class="form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm"><option class="azalea-text-md" value="" selected="selected">Day</option><option class="azalea-text-md" value="1">1</option><option class="azalea-text-md" value="2">2</option><option class="azalea-text-md" value="3">3</option><option class="azalea-text-md" value="4">4</option><option class="azalea-text-md" value="5">5</option><option class="azalea-text-md" value="6">6</option><option class="azalea-text-md" value="7">7</option><option class="azalea-text-md" value="8">8</option><option class="azalea-text-md" value="9">9</option><option class="azalea-text-md" value="10">10</option><option class="azalea-text-md" value="11">11</option><option class="azalea-text-md" value="12">12</option><option class="azalea-text-md" value="13">13</option><option class="azalea-text-md" value="14">14</option><option class="azalea-text-md" value="15">15</option><option class="azalea-text-md" value="16">16</option><option class="azalea-text-md" value="17">17</option><option class="azalea-text-md" value="18">18</option><option class="azalea-text-md" value="19">19</option><option class="azalea-text-md" value="20">20</option><option class="azalea-text-md" value="21">21</option><option class="azalea-text-md" value="22">22</option><option class="azalea-text-md" value="23">23</option><option class="azalea-text-md" value="24">24</option><option class="azalea-text-md" value="25">25</option><option class="azalea-text-md" value="26">26</option><option class="azalea-text-md" value="27">27</option><option class="azalea-text-md" value="28">28</option><option class="azalea-text-md" value="29">29</option><option class="azalea-text-md" value="30">30</option><option class="azalea-text-md" value="31">31</option></select> </div> <div class="js-form-item form-item js-form-type-select form-item-preferred-dates-items-0--item--year js-form-item-preferred-dates-items-0--item--year form-no-label my-2"> <label for="edit-preferred-dates-items-0-item-year" class="visually-hidden">Preferred Dates: Year</label> <select data-drupal-selector="edit-preferred-dates-items-0-item-year" title="Year" id="edit-preferred-dates-items-0-item-year" name="preferred_dates[items][0][_item_][year]" class="form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm"><option class="azalea-text-md" value="" selected="selected">Year</option><option class="azalea-text-md" value="2017">2017</option><option class="azalea-text-md" value="2018">2018</option><option class="azalea-text-md" value="2019">2019</option><option class="azalea-text-md" value="2020">2020</option><option class="azalea-text-md" value="2021">2021</option><option class="azalea-text-md" value="2022">2022</option><option class="azalea-text-md" value="2023">2023</option><option class="azalea-text-md" value="2024">2024</option><option class="azalea-text-md" value="2025">2025</option><option class="azalea-text-md" value="2026">2026</option><option class="azalea-text-md" value="2027">2027</option><option class="azalea-text-md" value="2028">2028</option><option class="azalea-text-md" value="2029">2029</option><option class="azalea-text-md" value="2030">2030</option></select> </div> </div> </div> </td> <td class="webform-multiple-table--weight"><div class="webform-multiple-table--weight js-form-item form-item js-form-type-number form-item-preferred-dates-items-0-weight js-form-item-preferred-dates-items-0-weight form-no-label my-2"> <label for="edit-preferred-dates-items-0-weight" class="visually-hidden">Item weight</label> <input class="webform-multiple-sort-weight form-number azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" data-drupal-selector="edit-preferred-dates-items-0-weight" type="number" id="edit-preferred-dates-items-0-weight" name="preferred_dates[items][0][weight]" value="0" step="1" size="10" /> </div> </td> <td class="webform-multiple-table--operations webform-multiple-table--operations-two"><input data-drupal-selector="edit-preferred-dates-items-0-operations-add" formnovalidate="formnovalidate" type="image" id="edit-preferred-dates-items-0-operations-add" name="preferred_dates_table_add_0" src="/modules/contrib/webform/images/icons/plus.svg" alt="Add new item after item 1" title="Add new item after item 1" class="image-button js-form-submit form-submit azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> <input data-drupal-selector="edit-preferred-dates-items-0-operations-remove" formnovalidate="formnovalidate" type="image" id="edit-preferred-dates-items-0-operations-remove" name="preferred_dates_table_remove_0" src="/modules/contrib/webform/images/icons/minus.svg" alt="Remove item 1" title="Remove item 1" class="image-button js-form-submit form-submit azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </td> </tr> </tbody> </table> </div><div class="webform-multiple-add js-webform-multiple-add container-inline"><input data-drupal-selector="edit-preferred-dates-add-submit" formnovalidate="formnovalidate" type="submit" id="edit-preferred-dates-add-submit" name="preferred_dates_table_add" value="Add" class="button js-form-submit form-submit azalea-touch-action inline-flex grow-0 items-center my-4 py-2 px-4 border border-transparent rounded-sm no-underline hover:no-underline text-xl whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary-500 bg-primary-800 hover:bg-primary-600 text-white cursor-pointer" /> <div class="js-form-item form-item js-form-type-number form-item-preferred-dates-add-more-items js-form-item-preferred-dates-add-more-items form-no-label my-2"> <label for="edit-preferred-dates-add-more-items" class="visually-hidden">Add more items</label> <input data-drupal-selector="edit-preferred-dates-add-more-items" type="number" id="edit-preferred-dates-add-more-items" name="preferred_dates[add][more_items]" value="1" step="1" min="1" max="2" class="form-number azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> <span class="field-suffix">more items</span> </div> </div> </div> </div><div class="js-form-item form-item js-form-type-select form-item-saam-preferred-time-2 js-form-item-saam-preferred-time-2 my-2"> <label for="edit-saam-preferred-time-2">Preferred Time</label> <select data-drupal-selector="edit-saam-preferred-time-2" id="edit-saam-preferred-time-2" name="saam_preferred_time_2" class="form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" data-drupal-states="{"visible":{".webform-submission-adult-group-tour-request-add-form :input[name=\u0022location\u0022]":{"value":"Smithsonian American Art Museum"}},"required":{".webform-submission-adult-group-tour-request-add-form :input[name=\u0022location\u0022]":{"value":"Smithsonian American Art Museum"}}}"><option class="azalea-text-md" value="" selected="selected">- Select -</option><option class="azalea-text-md" value="10:00 AM">10:00 AM</option><option class="azalea-text-md" value="10:30 AM">10:30 AM</option><option class="azalea-text-md" value="11:00 AM">11:00 AM</option><option class="azalea-text-md" value="11:30 AM">11:30 AM</option><option class="azalea-text-md" value="12:00 PM">12:00 PM</option><option class="azalea-text-md" value="12:30 PM">12:30 PM</option><option class="azalea-text-md" value="1:00 PM">1:00 PM</option><option class="azalea-text-md" value="1:30 PM">1:30 PM</option><option class="azalea-text-md" value="2:00 PM">2:00 PM</option><option class="azalea-text-md" value="2:30 PM">2:30 PM</option><option class="azalea-text-md" value="3:00 PM">3:00 PM</option><option class="azalea-text-md" value="3:30 PM">3:30 PM</option><option class="azalea-text-md" value="4:00 PM">4:00 PM</option><option class="azalea-text-md" value="4:30 PM">4:30 PM</option><option class="azalea-text-md" value="5:00 PM">5:00 PM</option><option class="azalea-text-md" value="5:30 PM">5:30 PM</option><option class="azalea-text-md" value="6:00 PM">6:00 PM</option></select> </div> <div class="js-webform-states-hidden js-form-item form-item js-form-type-select form-item-renwick-preferred-time-2 js-form-item-renwick-preferred-time-2 my-2"> <label for="edit-renwick-preferred-time-2">Preferred Time</label> <select data-drupal-selector="edit-renwick-preferred-time-2" id="edit-renwick-preferred-time-2" name="renwick_preferred_time_2" class="form-select azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" data-drupal-states="{"visible":{".webform-submission-adult-group-tour-request-add-form :input[name=\u0022location\u0022]":{"value":"Renwick Gallery"}},"required":{".webform-submission-adult-group-tour-request-add-form :input[name=\u0022location\u0022]":{"value":"Renwick Gallery"}}}"><option class="azalea-text-md" value="" selected="selected">- Select -</option><option class="azalea-text-md" value="10:00 AM ">10:00 AM </option><option class="azalea-text-md" value="10:30 AM">10:30 AM</option><option class="azalea-text-md" value="11:00 AM">11:00 AM</option><option class="azalea-text-md" value="11:30 AM">11:30 AM</option><option class="azalea-text-md" value="12:00 PM">12:00 PM</option><option class="azalea-text-md" value="12:30 PM">12:30 PM</option><option class="azalea-text-md" value="1:00 PM">1:00 PM</option><option class="azalea-text-md" value="1:30 PM">1:30 PM</option><option class="azalea-text-md" value="2:00 PM">2:00 PM</option><option class="azalea-text-md" value="2:30 PM">2:30 PM</option><option class="azalea-text-md" value="3:00 PM">3:00 PM</option><option class="azalea-text-md" value="3:30 PM">3:30 PM</option><option class="azalea-text-md" value="4:00 PM">4:00 PM</option></select> </div> <div class="js-form-item form-item js-form-type-textarea form-item-comments js-form-item-comments my-2"> <label for="edit-comments">Comments</label> <div> <textarea data-drupal-selector="edit-comments" id="edit-comments" name="comments" rows="5" cols="60" class="form-textarea azalea-text-md mt-1 block w-full p-4 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm"></textarea> </div> </div> </div> </fieldset> <input data-drupal-selector="form-ajxvfojddvwkoesmufvjrcxes-ut1t5ymx3xzjbpfre" type="hidden" name="form_build_id" value="form-ajxVfoJddvWkoESmUFVjRcXES-UT1T5yMX3xZjbpFRE" class="azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> <input data-drupal-selector="edit-webform-submission-adult-group-tour-request-add-form" type="hidden" name="form_id" value="webform_submission_adult_group_tour_request_add_form" class="azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> <div data-drupal-selector="edit-actions" class="form-actions js-form-wrapper form-wrapper" id="edit-actions"><input class="webform-button--submit button button--primary js-form-submit form-submit azalea-touch-action inline-flex grow-0 items-center my-4 py-2 px-4 border border-transparent rounded-sm no-underline hover:no-underline text-xl whitespace-nowrap focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary-500 bg-primary-800 hover:bg-primary-600 text-white cursor-pointer" data-drupal-selector="edit-submit" type="submit" id="edit-submit" name="op" value="Submit" /> </div> <div class="url-textfield js-form-wrapper form-wrapper" style="display: none !important;"><div class="js-form-item form-item js-form-type-textfield form-item-url js-form-item-url my-2"> <label for="edit-url">Leave this field blank</label> <input autocomplete="off" data-drupal-selector="edit-url" type="text" id="edit-url" name="url" value="" size="20" maxlength="128" class="form-text azalea-text-md mt-1 block w-full pl-3 pr-10 py-2 border-tertiary-300 focus:outline-none focus:ring-black focus:border-black rounded-sm" /> </div> </div> </form> </div> </div> </main> </div> <footer role="contentinfo" class="w-full flex flex-col mt-4" aria-labelledby="footer-label"> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="w-full flex flex-col lg:flex-row lg:justify-between space-y-4 p-2 md:p-4 lg:p-10 xl:p-16"> <div> <div id="" class="azalea-heading font-heading font-semibold azalea-heading-level-3"><span>Subscribe to our newsletter</span></div> <div class="azalea-text-md mt-2"> The latest news, articles, and resources sent to your inbox weekly. </div> </div> <div class="w-full sm:w-3/4 lg:w-1/3"> <form id="newsletter-signup" class="relative mt-1" action="https://go.americanart.si.edu/l/980712/2022-08-26/3xd2q" method="get" name="pardot-subscribe-form-footer" target="_blank"> <div class="absolute inset-y-0 left-0 pl-4 flex items-center pointer-events-none text-tertiary-400"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <rect x="3" y="5" width="18" height="14" rx="2"></rect> <polyline points="3 7 12 13 21 7"></polyline> </svg> </div> </div> <label for="pardot-subscribe-form-footer-email" class="sr-only">Email</label> <div class="flex space-x-2"> <input id="pardot-subscribe-form-footer-email" name="email" type="email" value="" placeholder="Enter your email" class="azalea-text-sm block w-full pl-12 rounded-sm shadow-sm focus:ring-primary-500 focus:border-primary-500 border-tertiary-300" /> <div aria-hidden="true" style="position: absolute; left: -5000px;"><input name="b_461076cb6b9d0364b9350676b_5694db792e" tabindex="-1" type="text" value="" /></div> <button class="azalea-push-button azalea-touch-action inline-flex items-center justify-center gap-2 grow-0 py-2 px-4 border border-transparent rounded-sm no-underline hover:no-underline font-body font-normal text-center focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-secondary-500 whitespace-nowrap bg-primary-800 hover:bg-primary-600 text-white text-lg" type="submit" ><span class="text-center">Subscribe</span></button> </div> </form> </div> </div> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="azalea-text-lg w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-2 md:p-4 lg:p-10 xl:p-16"> <a href="/visit/saam" class="flex justify-center items-center text-primary-900" aria-label="Plan your visit to the Smithsonian American Art Museum"> <div class="fill-current w-72 h-72 md:w-96 md:h-96" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M48 0H0V48H48V0Z" fill="none"/> <path d="M46.77 22.5H41.25" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M45.35 20.93H41.17" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M45.47 37.76H41.15" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M1.22998 22.5H6.74998" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.65002 20.93H6.83002" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2.53003 37.76H6.85003" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M35.44 40.25H12.39" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M40.8901 33.59H6.93005" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M37.19 13.09L23.48 8.77002L9.89001 13.27" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M24.98 35.64H22.85V39.12H24.98V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M8.51001 33.59H11.27L10.95 20.06H8.82001L8.51001 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M11.32 18.68H8.45996V20.06H11.32V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.2 33.59H15.96L15.64 20.06H13.51L13.2 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.01 18.68H13.15V20.06H16.01V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M17.89 33.59H20.65L20.33 20.06H18.2L17.89 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.7 18.68H17.84V20.06H20.7V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M22.5699 33.59H25.3399L25.0199 20.06H22.8899L22.5699 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M25.38 18.68H22.52V20.06H25.38V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M27.26 33.59H30.02L29.71 20.06H27.58L27.26 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M30.07 18.68H27.21V20.06H30.07V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M31.95 33.59H34.7099L34.4 20.06H32.27L31.95 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M34.76 18.68H31.9V20.06H34.76V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36.64 33.59H39.4L39.09 20.06H36.96L36.64 33.59Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M39.45 18.68H36.59V20.06H39.45V18.68Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.77 35.64H18.64V39.12H20.77V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M29.1999 35.64H27.0699V39.12H29.1999V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M33.41 35.64H31.28V39.12H33.41V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.5601 35.64H14.4301V39.12H16.5601V35.64Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.81006 16.59V41.38H41.1001V16.59" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.93005 18.68H41.0301" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.94998 13.99V13.27L5.22998 12.67L23.48 6.63L42.97 12.76L42.31 13.27L42.25 13.9L41.08 15.08V16.31L6.72998 16.4V15.08L5.94998 13.99Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.94995 13.27H42.31" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M6.72998 15.08H41.08" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> <path d="M36.1001 41.38H11.8101L12.7601 39.12H35.1501L36.1001 41.38Z" stroke="currentColor" stroke-width="0.6" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </a> <div class="flex flex-col"> <address class="azalea-text-md w-full flex flex-col mb-4 lg:mb-6"> <div class="azalea-heading-level-5">Smithsonian American Art Museum</div> <div>8th and G Streets, NW</div> <div class="flex"> <span>Washington, DC 20004</span> <a href="/visit/saam" class="-rotate-45 text-tertiary-900" aria-label="Plan your visit to Smithsonian American Art Museum"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="5" y1="12" x2="19" y2="12" /> <line x1="13" y1="18" x2="19" y2="12" /> <line x1="13" y1="6" x2="19" y2="12" /> </svg> </div> </a> </div> </address> <div class="azalea-text-sm flex flex-col space-y-2"> <div class="font-bold tracking-wider">Hours</div> <div class="flex flex-col divide-y divide-tertiary-200 border-t border-tertiary-200"><div class="flex justify-between py-2.5"><div><span>Mon - Sun: </span></div><div><span><span class="numbers">11</span>:<span class="numbers">30</span> am‑<span class="numbers">7</span>:<span class="numbers">00</span> pm</span><span><br /></span></div></div></div> </div> </div> <a href="/visit/renwick" class="flex justify-center items-center text-primary-900" aria-label="Plan your visit to the Renwick Gallery"> <div class="fill-current w-72 h-72 md:w-96 md:h-96" aria-hidden="true"><svg viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_27_4429)"> <path d="M510.47 -351.07H-91.21V712.3H510.47V-351.07Z" fill="none" stroke="currentColor" stroke-width="2.03" stroke-linecap="round" stroke-linejoin="round"/> <path d="M19.51 24V26.74" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M18.24 28.8398V37.9998" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M29.4299 28.8398V37.9998" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M28.22 24V26.74" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M42.84 9.66978H38.7701L36.5201 14.2898L30 14.4098C30 6.26978 24.3 6.63978 23.91 6.63978C23.52 6.63978 17.83 6.26978 17.83 14.4098L11.3 14.2898L9.00005 9.66978H5.00005L2.30005 14.8398V38.5598H45.51V14.8398L42.84 9.66978Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M5.1001 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M8.93994 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M23.9399 30.2402V30.5002" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M23.8799 33.0801V38.5601" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.69 16.44L23.67 11.71L16.03 16.44" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M1.12988 16.4399C2.93473 15.471 4.95138 14.9639 6.99988 14.9639C9.04838 14.9639 11.065 15.471 12.8699 16.4399" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M35.1299 16.4399C36.9347 15.471 38.9514 14.9639 40.9999 14.9639C43.0484 14.9639 45.065 15.471 46.8699 16.4399" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M19.51 20.6001C19.9762 19.8769 20.6033 19.2714 21.3423 18.8307C22.0813 18.3901 22.9122 18.1263 23.77 18.0601C24.6299 18.1018 25.466 18.3556 26.2041 18.7987C26.9421 19.2419 27.559 19.8607 28 20.6001" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M16.2901 19.3301H11.3401" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M26.6 33.0801H21.27" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.69 16.4399H16.03" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M19.51 40.4902H28.6" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M36.4101 19.3301H31.0901" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M45.51 27.1699H2.30005" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M45.51 28.7402H2.30005" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M11.3401 14.29V26.74" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M11.3401 28.7402V38.5602" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M16.6299 16.4399V27.1099" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M16.6299 28.8398V38.2098" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.0901 28.8398V38.2098" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M36.3999 28.9702V38.3302" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M31.0901 16.4399V27.1099" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M36.3999 14.29V27.11" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M21.0901 27.1099H26.6601V23.1099C26.6601 23.1099 26.6601 20.1099 23.9101 20.1099C21.1601 20.1099 21.0901 23.1099 21.0901 23.1099V27.1099Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M13.0801 27.11H14.9201V25.34C14.9201 25.34 14.9201 24 14.0001 24C13.0801 24 13.0701 25.34 13.0701 25.34L13.0801 27.11Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M13.0601 38.5601H14.9001V36.7201C14.9001 36.7201 14.9001 35.3301 13.9901 35.3301C13.0801 35.3301 13.0601 36.7201 13.0601 36.7201V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M32.8201 38.5601H34.6601V36.7201C34.6601 36.7201 34.6601 35.3301 33.7501 35.3301C32.8401 35.3301 32.8201 36.7201 32.8201 36.7201V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M32.8201 27.11H34.6601V25.34C34.6601 25.34 34.6601 24 33.7501 24C32.8401 24 32.8201 25.34 32.8201 25.34V27.11Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M39.55 27.1101H42.4501V24.5401C42.4501 24.5401 42.45 22.6001 41.0201 22.6001C39.5901 22.6001 39.55 24.5401 39.55 24.5401V27.1101Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M5.31006 27.1101H8.21006V24.5401C8.21006 24.5401 8.21006 22.6001 6.78006 22.6001C5.35006 22.6001 5.31006 24.5401 5.31006 24.5401V27.1101Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M39.55 38.5601H42.4501V36.0001C42.4501 36.0001 42.45 34.0601 41.0201 34.0601C39.5901 34.0601 39.55 36.0001 39.55 36.0001V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M5.31006 38.5601H8.21006V36.0001C8.21006 36.0001 8.21006 34.0601 6.78006 34.0601C5.35006 34.0601 5.31006 36.0001 5.31006 36.0001V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M21.2 38.5598H26.6V32.4698C26.6 32.4698 26.6 30.8198 23.94 30.8198C21.28 30.8198 21.2 32.4698 21.2 32.4698V38.5598Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M38.8999 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M42.73 7.9502V9.4502" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M20.75 5.56982V7.06982" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M26.8101 5.56982V7.06982" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M45.5201 38.5601H2.30005V42.4201H45.5201V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M41.04 20.1699C41.7414 20.1699 42.31 19.6013 42.31 18.8999C42.31 18.1985 41.7414 17.6299 41.04 17.6299C40.3386 17.6299 39.77 18.1985 39.77 18.8999C39.77 19.6013 40.3386 20.1699 41.04 20.1699Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M6.75999 20.1699C7.46139 20.1699 8.02999 19.6013 8.02999 18.8999C8.02999 18.1985 7.46139 17.6299 6.75999 17.6299C6.05859 17.6299 5.48999 18.1985 5.48999 18.8999C5.48999 19.6013 6.05859 20.1699 6.75999 20.1699Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M19.2401 38.5601H15.8301V42.3401H19.2401V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> <path d="M32.0101 38.5601H28.6001V42.3401H32.0101V38.5601Z" stroke="currentColor" stroke-width="0.6" stroke-miterlimit="10" stroke-linecap="round"/> </g> <defs> <clipPath id="clip0_27_4429"> <rect width="100%" height="100%" fill="none"/> </clipPath> </defs> </svg> </div> </a> <div class="flex flex-col"> <address class="azalea-text-md w-full flex flex-col mb-4 lg:mb-6"> <div class="azalea-heading-level-5">Renwick Gallery</div> <div>Pennsylvania Avenue at 17th Street, NW</div> <div class="flex"> <span>Washington, DC 20006</span> <a href="/visit/renwick" class="-rotate-45 text-tertiary-900" aria-label="Plan your visit to Renwick Gallery"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="5" y1="12" x2="19" y2="12" /> <line x1="13" y1="18" x2="19" y2="12" /> <line x1="13" y1="6" x2="19" y2="12" /> </svg> </div> </a> </div> </address> <div class="azalea-text-sm flex flex-col space-y-2"> <div class="font-bold tracking-wider">Hours</div> <div class="flex flex-col divide-y divide-tertiary-200 border-t border-tertiary-200"><div class="flex justify-between py-2.5"><div><span>Mon - Sun: </span></div><div><span><span class="numbers">10</span>:<span class="numbers">00</span> am‑<span class="numbers">5</span>:<span class="numbers">30</span> pm</span><span><br /></span></div></div></div> </div> </div> </div> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="azalea-text-md md:azalea-text-lg w-full grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-4 p-2 md:p-4 lg:p-10 xl:p-16"> <div> <h5 id="" class="azalea-heading font-heading"><span>Legal</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="https://si.edu" title="Smithsonian Institution" class="text-tertiary-900">Smithsonian Institution</a> </li> <li> <a href="https://si.edu/privacy/" class="text-tertiary-900">Smithsonian Privacy Statement</a> </li> <li> <a href="https://si.edu/termsofuse" class="text-tertiary-900">Smithsonian Terms of Use</a> </li> <li> <a href="/terms" class="text-tertiary-900">Third Party Terms of Use</a> </li> </ul> </div> <div> <h5 id="" class="azalea-heading font-heading"><span>The Museum</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="/visit" class="text-tertiary-900">Visit</a> </li> <li> <a href="/about" class="text-tertiary-900">About</a> </li> <li> <a href="/art" class="text-tertiary-900">Art + Artists</a> </li> <li> <a href="/donate" class="text-tertiary-900">Donate</a> </li> </ul> </div> <div> <h5 id="" class="azalea-heading font-heading"><span>News and Contact</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="/about/contact" class="text-tertiary-900">Contact Us</a> </li> <li> <a href="/press" class="text-tertiary-900">Press Room</a> </li> <li> <a href="/blog" class="text-tertiary-900">SAAM Stories</a> </li> <li> <a href="/about/careers" class="text-tertiary-900">Opportunities</a> </li> </ul> </div> <div> <h5 id="" class="azalea-heading font-heading"><span>Follow Us</span></h5> <ul class="azalea-text-sm flex flex-col space-y-0.5 p-0"> <li> <a href="https://www.facebook.com/americanart" class="text-tertiary-900" rel="nofollow">Facebook</a> </li> <li> <a href="https://www.instagram.com/americanart/" class="text-tertiary-900" rel="nofollow">Instagram</a> </li> <li> <a href="https://www.youtube.com/user/americanartmuseum" class="text-tertiary-900" rel="nofollow">YouTube</a> </li> <li> <a href="https://www.linkedin.com/company/smithsonian-american-art-museum/" class="text-tertiary-900" rel="nofollow">LinkedIn</a> </li> </ul> </div> </div> <div class="azalea-my-sm relative py-2 md:py-4"><div class="absolute inset-0 flex items-center" aria-hidden="true"><div class="w-full border-t border-primary-900"></div></div></div> <div class="azalea-text-md md:azalea-text-lg w-full flex flex-col md:flex-row md:justify-between space-y-4 p-2 md:p-4 lg:p-10 xl:p-16"> <a href="https://si.edu" class="flex items-center" aria-label="Visit si.edu"> <img src="https://americanart.si.edu/themes/custom/azalea/dist/media/images/SI-Sunburst-Logo.png" alt="Smithsonian Institution Logo"/> </a> <div class="flex items-center mb-2 azalea-text-sm text-tertiary-400"> <span>© 2024 Smithsonian American Art Museum</span> </div> </div> </footer> <div x-data="{ open: false }" x-dialog x-model="open" style="display: none" :initial-focus="$refs.focus" class="azalea-drawer azalea-z-max fixed inset-0 overflow-hidden" @open-mobile-menu.window="open = true" @close-drawer.window="open = false" @swiped-right="open = false" > <div x-dialog:overlay class="azalea-overlay fixed w-full h-full pointer-events-none bg-black/50 backdrop-blur-sm"></div> <div class="fixed inset-y-0 right-0 max-w-lg w-full"> <div x-dialog:panel x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="h-full w-full" > <div class="flex fixed inset-0"> <div class="w-screen"> <div class="azalea-scrollbar-hidden flex flex-col w-full h-full py-2 bg-white shadow-xl overflow-y-auto"> <div class="flex justify-end"> <button class="flex items-center p-1 text-black cursor-pointer no-underline outline-none" @click="$dialog.close()" > <span class="sr-only">Close</span> <div class="fill-current w-10 h-10 md:w-12 md:h-12" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </div> </button> </div> <div x-ref="focus" class="relative mt-6 flex-1"> <nav x-data="{ active: null }" @open-mobile-menu.window="active = null" class="flex azalea-scrollbar-hidden flex-col p-0 text-primary-900" aria-label="Mobile Menu" > <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'visit' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/visit" :class="{ 'text-tertiary-50': active === 'visit' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Visit </a> <button @click="active = active === 'visit' ? null : 'visit'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'visit' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'visit'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="plan-visit-menu-label">Visit Planning</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="plan-visit-menu-label"> <li class="flex items-center"> <a href="/visit" class="azalea-text-md text-tertiary-900">Plan Your Visit</a> </li> <li class="flex items-center"> <a href="/search/events" class="azalea-text-md text-tertiary-900">Event Calendar</a> </li> <li class="flex items-center"> <a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a> </li> <li class="flex items-center"> <a href="/visit/tours" class="azalea-text-md text-tertiary-900">Tours</a> </li> <li class="flex items-center"> <a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a> </li> <li class="flex items-center"> <a href="/visit/guidelines" class="azalea-text-md text-tertiary-900">Guidelines and Policies</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="access-programs-menu-label">Access Programs</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="access-programs-menu-label"> <li class="flex items-center"> <a href="/visit/accessibility" class="azalea-text-md text-tertiary-900">Accessibility</a> </li> <li class="flex items-center"> <a href="/events/asl-tours-art-signs" class="azalea-text-md text-tertiary-900">ASL Tours</a> </li> <li class="flex items-center"> <a href="/events/dementia-programs" class="azalea-text-md text-tertiary-900">Dementia Programs</a> </li> <li class="flex items-center"> <a href="/events/verbal-description-tours" class="azalea-text-md text-tertiary-900">Verbal Description Tours</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="museum-locations-menu-label">Museums</h5> <div class="azalea-my-sm" aria-labelledby="research-your-art-menu-label"> <div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/saam" aria-label="Smithsonian American Art Museum" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/_V-w4ViVCCG7zD3mzm85xZbYlB0/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Fluce_foundation_center.jpg"title=""alt="Luce Foundation Center"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Smithsonian American Art Museum </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 11:30 a.m.–7:00 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/visit/renwick" aria-label="Renwick Gallery" rel="bookmark"><div class="flex w-full mb-4"><picture class="" ><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WNGyjsX7MT_uXogV5vfxOOhPTms/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2017-08%2Frenwick_stairwellodiledecqrug2.jpg"title=""alt="Renwick Gallery Stairwwell"loading="lazy"/></picture></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Renwick Gallery </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm">Open Daily, 10:00 a.m.–5:30 p.m</div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Plan your visit</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div> </div> <a href="#art-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'art' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/art" :class="{ 'text-tertiary-50': active === 'art' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Art + Artists </a> <button @click="active = active === 'art' ? null : 'art'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'art' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'art'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="explore-art-menu-label">Explore Art and Artists</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="explore-art-menu-label"> <li class="flex items-center"> <a href="/art/highlights" class="azalea-text-md text-tertiary-900">Collection Highlights</a> </li> <li class="flex items-center"> <a href="/search/artworks" class="azalea-text-md text-tertiary-900">Search Artworks</a> </li> <li class="flex items-center"> <a href="/art/new" class="azalea-text-md text-tertiary-900">New Acquisitions</a> </li> <li class="flex items-center"> <a href="/search/artists" class="azalea-text-md text-tertiary-900">Search Artists</a> </li> <li class="flex items-center"> <a href="/search/artists?genders[]=3254" class="azalea-text-md text-tertiary-900">Search Women Artists</a> </li> </ul> <h5 id="something-fun-menu-label">Something Fun</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="something-fun-menu-label"> <li class="flex items-center"> <a href="/art/artists/all/birthdays" class="azalea-text-md text-tertiary-900">Which Artist Shares Your Birthday?</a> </li> <li class="flex items-center"> <a href="/art/art-comics" class="azalea-text-md text-tertiary-900">Comics</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="exhibitions-menu-label">Exhibitions</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="exhibitions-menu-label"> <li class="flex items-center"> <a href="/exhibitions" class="azalea-text-md text-tertiary-900">Current Exhibitions</a> </li> <li class="flex items-center"> <a href="/exhibitions/upcoming" class="azalea-text-md text-tertiary-900">Upcoming Exhibitions</a> </li> <li class="flex items-center"> <a href="/exhibitions/traveling" class="azalea-text-md text-tertiary-900">Traveling Exhibitions</a> </li> <li class="flex items-center"> <a href="/exhibitions/past" class="azalea-text-md text-tertiary-900">Past Exhibitions</a> </li> </ul> <h5 id="art-conservation-menu-label">Art Conservation</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="art-conservation-menu-label"> <li class="flex items-center"> <a href="/art/conservation" class="azalea-text-md text-tertiary-900">Lunder Conservation Center</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="collection-highlights-menu-label">Collection Highlights</h5> <div class="azalea-my-sm" aria-labelledby="collection-highlights-menu-label"> <div class="views-element-container"><div class="js-view-dom-id-708b5b371914e2d2f4adcd4dcb4b961755e75a35f88fa77f9662203b21fd9e82 azalea-container"> <div class="azalea-grid grid grid-cols-2 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-3 xl:grid-cols-3 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/20th-century" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">20th Century</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/20th-century" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/6rF-mArxD6atNhygtEhcoDfD-58/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F14c6b5ea87a9e54cbb789ff9867557d7.jpg"title=""alt="20th Century"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/asian-american" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Asian American Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/asian-american" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/HqGYtr7cs7igAOgWa0ItTAphrzE/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2Fd072a4f042a26de62b4848e12f39becd.jpg"title=""alt="Asian American Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/photography" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Photography</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/photography" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/WotqOXZm9kLrkOwlNhu3mncOCLI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2F2022-06%2Fhighlights_-_photography_untitled_broach_with_goatee.jpg"title=""alt="Photography"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/latinx" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Latinx Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/latinx" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/VNgg4-8PrHcWAy6W8WqWqeehpwI/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2FSAAM-2020.25.1_1.jpg"title=""alt="Latinx Art"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/sculpture" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Sculpture</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/sculpture" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/FYnJ6XGUSpOnRWa5YndNyDUA7H4/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F93d15294cfd738f54b853dc9516bdbf6.jpg"title=""alt="Sculpture"loading="lazy"/></picture></a></div><div class="flex flex-col-reverse items-center justify-center self-start" role="heading" aria-level="4"><a href="/art/highlights/contemporary" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Contemporary Art</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a><a href="/art/highlights/contemporary" tabindex="-1"><picture class="" ><img class="aspect-video azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/glUBZha_vwxiu4aKxWdx5QbWxMQ/640/360/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fartwork%2Fimages%2F77c3efc7523630f72aee5830c94fdd1b.jpg"title=""alt="Contemporary Art"loading="lazy"/></picture></a></div></div> </div> </div> </div> <a href="#research-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'research' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/research" :class="{ 'text-tertiary-50': active === 'research' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Research </a> <button @click="active = active === 'research' ? null : 'research'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'research' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'research'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="research-resources-menu-label">Research Resources</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="research-resources-menu-label"> <li class="flex items-center"> <a href="/research" class="azalea-text-md text-tertiary-900">Research and Scholars Center</a> </li> <li class="flex items-center"> <a href="/research/paik" class="azalea-text-md text-tertiary-900">Nam June Paik Archive Collection</a> </li> <li class="flex items-center"> <a href="/research/photograph-study-collection" class="azalea-text-md text-tertiary-900">Photograph Study Collection</a> </li> <li class="flex items-center"> <a href="/research/inventories" class="azalea-text-md text-tertiary-900">National Art Inventories Databases</a> </li> <li class="flex items-center"> <a href="/research/inventories/outdoor-sculpture" class="azalea-text-md text-tertiary-900">Save Outdoor Sculpture!</a> </li> <li class="flex items-center"> <a href="/research/my-art" class="azalea-text-md text-tertiary-900">Researching Your Art</a> </li> <li class="flex items-center"> <a href="/research/library" class="azalea-text-md text-tertiary-900">Library</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="publications-menu-label">Publications</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="publications-menu-label"> <li class="flex items-center"> <a href="/research/journal" class="azalea-text-md text-tertiary-900">American Art Journal</a> </li> <li class="flex items-center"> <a href="/research/toward-equity-publishing" class="azalea-text-md text-tertiary-900">Toward Equity in Publishing</a> </li> <li class="flex items-center"> <a href="/search/books" class="azalea-text-md text-tertiary-900">Catalogs and Books</a> </li> <li class="flex items-center"> <a href="/research/symposia" class="azalea-text-md text-tertiary-900">Scholarly Symposia</a> </li> <li class="flex items-center"> <a href="/research/awards" class="azalea-text-md text-tertiary-900">Publication Prizes</a> </li> </ul> <h5 id="fellows-interns-menu-label">Fellows and Interns</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="fellows-interns-menu-label"> <li class="flex items-center"> <a href="/research/fellowships" class="azalea-text-md text-tertiary-900">Fellowship Programs</a> </li> <li class="flex items-center"> <a href="/search/fellows" class="azalea-text-md text-tertiary-900">List of Fellows and Scholars</a> </li> <li class="flex items-center"> <a href="/research/internships" class="azalea-text-md text-tertiary-900">Internship Programs</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="featured-resources-menu-label">Featured Resource</h5> <div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/research/my-art/first-steps" tabindex="-1"><img class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" src="//cdn.saam.media/Ca_H8DMj_UC3NjDXkjCgg8rshXs/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.110_1.jpg" title="" alt="A painting of an eye seen in the reflection of a mirror"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/research/my-art/first-steps" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline"> How Do I Research My Art? </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Want to learn more about the painting you found while clearing out the attic? For answers, be prepared for a little detective work. </div><a href="/research/my-art/first-steps" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div> </div> </div> <a href="#education-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'education' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/education" :class="{ 'text-tertiary-50': active === 'education' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Education </a> <button @click="active = active === 'education' ? null : 'education'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'education' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'education'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="k-12-teachers-menu-label">For K-12 Teachers</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="k-12-teachers-menu-label"> <li class="flex items-center"> <a href="/education/k-12/resources" class="azalea-text-md text-tertiary-900">Teachers Guides and Resources</a> </li> <li class="flex items-center"> <a href="/education/k-12/field-trips" class="azalea-text-md text-tertiary-900">Field Trips and School Tours</a> </li> <li class="flex items-center"> <a href="/education/k-12/professional-development" class="azalea-text-md text-tertiary-900">Professional Development</a> </li> <li class="flex items-center"> <a href="/education/k-12/videoconferences" class="azalea-text-md text-tertiary-900">Classroom Videoconferences</a> </li> <li class="flex items-center"> <a href="/education/k-12/professional-development/summer-institutes" class="azalea-text-md text-tertiary-900">Summer Institutes for Teachers</a> </li> <li class="flex items-center"> <a href="/education/k-12/dodea" class="azalea-text-md text-tertiary-900">Student Artwork Showcase</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="adult-learners-menu-label">For Lifelong Learners</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="adult-learners-menu-label"> <li class="flex items-center"> <a href="/education/adult" class="azalea-text-md text-tertiary-900">Adult Learners</a> </li> <li class="flex items-center"> <a href="/visit/tours/request" class="azalea-text-md text-tertiary-900">Group Tour Request</a> </li> </ul> <h5 id="learn-from-home-menu-label">Learn from Home</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="learn-from-home-menu-label"> <li class="flex items-center"> <a href="/education/learn-from-home" class="azalea-text-md text-tertiary-900">Resources for Learning at Home</a> </li> <li class="flex items-center"> <a href="/visit/family-activities" class="azalea-text-md text-tertiary-900">Family Activities</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="featured-resources-menu-label">Featured Resource</h5> <div class="azalea-my-sm" aria-labelledby="featured-resources-menu-label"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/search/learning-resources?content_type=learningresource&featured=true" tabindex="-1"><img src="//cdn.saam.media/6yWoajeJYaf08oT3To_R7XR-hpQ/640/640/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Ffiles%2Fimages%2F1967%2FSAAM-1967.59.664_2.jpg" class="azalea-alt-text-sr-only max-w-full mx-auto max-h-full rounded-sm" title="" alt="Image of an oil painting titled Booker T. Washington Legend"></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/search/learning-resources" class="mt-2 md:m-0 font-heading font-semibold text-tertiary-900 text-xl text-black hover:no-underline"> Educational Resources Search </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> Find lesson plans, hands-on activities, and more for learners of all ages. </div><a href="/search/learning-resources" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Search educational resources</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div> </div> </div> <a href="#about-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'about' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/about" :class="{ 'text-tertiary-50': active === 'about' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> About </a> <button @click="active = active === 'about' ? null : 'about'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'about' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'about'" x-collapse x-cloak class="border-b border-primary-900"> <div x-ignore class="relative grid grid-cols-1 lg:grid-cols-4 items-stretch"> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="latest-news-menu-label">Latest News</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="latest-news-menu-label"> <li class="flex items-center"> <a href="/blog" class="azalea-text-md text-tertiary-900">SAAM Stories</a> </li> <li class="flex items-center"> <a href="/press" class="azalea-text-md text-tertiary-900">Press Room</a> </li> <li class="flex items-center"> <a href="/search/videos" class="azalea-text-md text-tertiary-900">Videos</a> </li> </ul> <h5 id="about-museums-menu-label">About the Museums</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="about-museums-menu-label"> <li class="flex items-center"> <a href="/about" class="azalea-text-md text-tertiary-900">About Us</a> </li> <li class="flex items-center"> <a href="/about/history" class="azalea-text-md text-tertiary-900">Museum History</a> </li> </ul> <h5 id="host-event-menu-label">Host an Event</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="host-event-menu-label"> <li class="flex items-center"> <a href="/about/event-spaces" class="azalea-text-md text-tertiary-900">Event Venues and Space Rental</a> </li> </ul> </div> <div class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="connect-with-us-menu-label">Connect with Us</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="connect-with-us-menu-label"> <li class="flex items-center"> <a href="/about/careers" class="azalea-text-md text-tertiary-900">Careers</a> </li> <li class="flex items-center"> <a href="/about/volunteers" class="azalea-text-md text-tertiary-900">Volunteer</a> </li> <li class="flex items-center"> <a href="/about/contact" class="azalea-text-md text-tertiary-900">Contact Us</a> </li> <li class="flex items-center"> <a href="/about/news" class="azalea-text-md text-tertiary-900">Sign up for our Newsletter</a> </li> </ul> <h5 id="shop-online-menu-label">Shop Online</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="shop-online-menu-label"> <li class="flex items-center"> <a href="https://saamnpgstore.si.edu/" class="azalea-text-md text-tertiary-900">Museum Store Online</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="featured-posts-menu-label">Featured Story</h5> <div class="azalea-my-sm" aria-labelledby="featured-posts-menu-label"> <div class="views-element-container"><div class="js-view-dom-id-80e7110e74b7bd88c4b8d537dedbfe9225647d146f6bba923b8b0b3164173ad2 azalea-container"> <div class="azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="azalea-tile max-h-full grid grid-flow-row grid-cols-1 gap-4 w-full lg:max-h-128 lg:grid-cols-6 azalea-stack grid grid-cols-1 grid-flow-row gap-y-2 md:gap-y-4"><div class="col-span-1 lg:col-span-2"><a href="/blog/rural-education" tabindex="-1"><picture class="" ><img class="azalea-alt-text-sr-only max-w-full mx-auto rounded-sm" src="//cdn.saam.media/qPeq9Cgv-zIGSXkSu7OAkUj-Ivs/640/640/center/cover/jpg/https%3A%2F%2Fd3ec1vt3scx7rr.cloudfront.net%2Ffiles%2Fimages%2Fimage%2F1730822449%2FRural%2520Initiative_Mary%2520Tait.jpg"title=""alt="Teachers use rolled pieces of paper as telescopes."loading="lazy"/></picture></a></div><div class="col-span-1 lg:col-span-4"><header class="mb-4"><a href="/blog/rural-education" class="mt-2 md:m-0 font-heading font-semibold text-xl text-black hover:no-underline" role="heading" aria-level="4" > Teachers from Rural Communities Find Inspiration at SAAM </a></header><div><div class="azalea-text-sm overflow-ellipsis overflow-hidden text-base"> SAAM's Education Department serves teachers and students in rural communities. </div><a href="/blog/rural-education" class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Read more</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></a></div></div></div></div> </div> </div> </div> <a href="#donate-menu-tab" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Skip to the next menu</a> </div> </div> </div> <div :class="{ 'shadow-md bg-primary-900 text-tertiary-50': active === 'donate' }" class="flex justify-between p-2 border-b border-primary-900"> <a href="/donate" :class="{ 'text-tertiary-50': active === 'donate' }" class="text-primary-900 text-lg font-medium whitespace-nowrap"> Donate </a> <button @click="active = active === 'donate' ? null : 'donate'" class="inline-flex grow justify-end focus:outline-none" > <span class="transform transition duration-200" :class="active === 'donate' ? '-rotate-180 ease-in' : 'rotate-0 ease-out'"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> </span> </button> </div> <div x-show="active === 'donate'" x-collapse x-cloak class="border-b border-primary-900"> <div class="relative grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 items-stretch"> <div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 lg:rounded-l-sm bg-white"> <h5 id="donate-menu-label">Donate</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="donate-menu-label"> <li> <a href="/donate" class="azalea-text-md text-tertiary-900">Support the Museum</a> </li> <li> <a href="/donate/corporate-patrons" class="azalea-text-md text-tertiary-900">Corporate Patrons</a> </li> <li> <a href="https://legacy.si.edu/saam/" class="azalea-text-md text-tertiary-900">Gift Planning</a> </li> <li> <a href="/about/contact/donating-artworks" class="azalea-text-md text-tertiary-900">Donating Artworks</a> </li> </ul> </div> <div x-ignore class="col-span-1 px-2 pt-2 lg:px-6 lg:pt-6 bg-white"> <h5 id="member-join-menu-label">Join</h5> <ul class="p-0 mb-3 lg:mb-6" aria-labelledby="member-join-menu-label"> <li> <a href="/donate/directors-circle" class="azalea-text-md text-tertiary-900">Join the Director's Circle</a> </li> <li> <a href="/donate/creatives" class="azalea-text-md text-tertiary-900">Join SAAM Creatives</a> </li> </ul> </div> <div class="col-span-full lg:col-span-2 px-4 lg:px-8 pt-2 pb-4 lg:pt-6 bg-tertiary-100 rounded-r-sm"> <h5 id="become-a-member-menu-label">Become a member</h5> <div class="azalea-my-sm" aria-labelledby="become-a-member-menu-label"> <div class="azalea-grid grid grid-cols-1 sm:grid-cols-1 md:grid-cols-2 lg:grid-cols-2 xl:grid-cols-2 gap-x-2 md:gap-x-4 lg:gap-x-6 gap-y-8 md:gap-y-4 lg:gap-y-6"><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/directors-circle" aria-label="Director's Circle Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/uJlEByfKHHbFgBKqsIoRgUoy0yM/640/360/center/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2F2017-08%2Fdonate_hero_planned_giving.jpg" title="" alt="A couple dances while a string band plays music" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> Director’s Circle </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A national membership group of museum friends who share a love of American art and craft. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div><div><a class="azalea-card flex flex-col overflow-hidden rounded-sm max-w-md hover:no-underline" href="/donate/creatives" aria-label="SAAM Creatives Membership" rel="bookmark"><div class="flex w-full mb-4"><img class="mb-2.5 azalea-alt-text-sr-only rounded-sm" src="//cdn.saam.media/s88HvgSPSEA_IlPQUHkAYDHCsjg/640/360/top/cover/jpg/https%3A%2F%2Fs3.amazonaws.com%2Fassets.saam.media%2Ffiles%2Fimages%2Fimage%2F1684034713%2Fsaam-creatives-thumbnail.jpg" title="" alt="A group of young people pose for a photograph" loading="lazy"></div><header class="pb-4 font-heading font-bold text-tertiary-900 text-xl"><div class="font-heading font-semibold text-xl text-black hover:no-underline"> SAAM Creatives </div></header><div class="azalea-text-sm pb-4 text-tertiary-900"><div class="azalea-text-sm overflow-ellipsis overflow-hidden"> A membership group for young professionals interested in the American art experience. </div></div><footer class="pb-4 text-left"><div class="flex justify-start items-center my-2 text-base md:text-lg leading-normal font-medium text-black hover:no-underline"><span class="mr-1">Join now</span><span><div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><line x1="5" y1="12" x2="19" y2="12" /><line x1="13" y1="18" x2="19" y2="12" /><line x1="13" y1="6" x2="19" y2="12" /></svg></div></span></div></footer></a></div></div> </div> <a href="#search-button" @click="close()" class="visually-hidden sr-only focusable skip-link" aria-current="page">Close menu</a> </div> </div> </div> </nav> </div> </div> </div> </div> </div> </div> </div> <div x-data="{ open: false }" x-dialog x-model="open" @open-search-modal.window="open = true" @keydown.ctrl.k.prevent.window="$dispatch('open-search-modal')" class="azalea-modal azalea-z-max flex fixed w-full h-full top-0 left-0" style="display: none;" x-transition:enter="ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" > <div x-dialog:overlay class="azalea-overlay flex fixed w-full h-full pointer-events-none bg-black/50 backdrop-blur-sm"></div> <div x-dialog:panel class="w-full z-50"> <div class="py-2 md:py-4 bg-black text-white"> <div class="azalea-outer-gutter flex justify-center"> <button @click="$dialog.close()" class="pr-4"> <span class="sr-only">Close</span> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="5" y1="12" x2="19" y2="12"></line> <line x1="5" y1="12" x2="11" y2="18"></line> <line x1="5" y1="12" x2="11" y2="6"></line> </svg> </div> </button> <div x-data="searchBar()" @open-priority-dialog.window="$dialog.close()" @submitted="$dialog.close()" class="flex flex-col grow relative items-center justify-center" > <form id="search-bar-form" class="w-full" action="/search" x-ref="form" @focusin="open()" tabindex="-1" > <div class="rounded-sm shadow-sm"> <label for="search-bar" class="block font-medium text-tertiary-800"> <span class="sr-only">Search</span> <input x-ref="input" x-model.debounce="query" @open-search-modal.window="$nextTick(() => $refs.input.focus());" type="text" name="query" placeholder="Search for ..." autocomplete="off" class="text-lg md:text-xl lg:text-2xl leading-normal font-medium placeholder:font-light text-black w-full px-4 py-3 focus:ring-black focus:border-secondary-700 border-tertiary-300 bg-tertiary-50 rounded-sm" > </label> <div class="absolute inset-y-0 right-0 flex items-center text-tertiary-400"> <button @click="resetSuggestions()" class="hidden md:inline-flex px-3" type="reset" aria-label="Reset"> <span class="azalea-icon fill-current w-6 h-6"> <div class="fill-current w-5 h-5 md:w-6 md:h-6" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </div> </span> </button> </div> </div> </form> <div x-cloak class="azalea-dropdown relative w-full mt-1"> <div x-show="isOpen()" class="absolute z-40 px-2 sm:px-0 mt-1 max-h-screen w-full left-1/2 transform -translate-x-1/2 rounded-sm border border-tertiary-300 bg-tertiary-50 shadow-md"> <div x-show="showSaved"> <div class="w-full p-4 text-xs text-tertiary-500 font-light">Recent searches</div> <ul class="p-0 divide-y divide-tertiary-100"> <template x-for="text in $store.search.saved"> <li class="p-0 flex overflow-ellipsis overflow-hidden hover:bg-tertiary-200"> <button @click="$refs.input.value = text; $refs.form.submit()" class="azalea-push-button azalea-touch-action inline-flex grow items-center py-4 pl-4 pr-6 text-tertiary-900 border-0 border-transparent no-underline whitespace-nowrap" :aria-label="text"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <circle cx="12" cy="12" r="9"></circle> <polyline points="12 7 12 12 15 15"></polyline> </svg> </div> </span> <span x-text="text" class="text-base"></span> </button> <button @click.prevent.stop="removeSearch(text)" class="azalea-push-button azalea-touch-action flex-none items-center py-2 px-4 text-tertiary-900 border-0 border-transparent no-underline whitespace-nowrap" aria-label="Remove suggestion"> <span> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"/> <line x1="18" y1="6" x2="6" y2="18" /> <line x1="6" y1="6" x2="18" y2="18" /> </svg> </div> </span> </button> </li> </template> </ul> </div> <div x-show="showSuggestions"> <span class="sr-only">Suggested search phrases</span> <div class="w-full p-4 text-xs text-tertiary-500 font-light">Suggestions for <em x-text="query"></em></div> <ul class="p-0 divide-y divide-tertiary-300"> <template x-for="suggestion in suggestions"> <li class="p-0 overflow-ellipsis overflow-hidden"> <button @click="$refs.input.value = suggestion.title; $refs.form.submit()" class="azalea-push-button azalea-touch-action inline-flex grow items-center py-2 pl-4 pr-6 text-tertiary-900 border-0 border-transparent no-underline whitespace-nowrap" :aria-label="suggestion.title"> <template x-if="suggestion.metadata.bundle === 'artwork'"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="15" y1="8" x2="15.01" y2="8"></line> <rect x="4" y="4" width="16" height="16" rx="3"></rect> <path d="M4 15l4 -4a3 5 0 0 1 3 0l5 5"></path> <path d="M14 14l1 -1a3 5 0 0 1 3 0l2 2"></path> </svg> </div> </span> </template> <template x-if="suggestion.metadata.bundle === 'person'"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <circle cx="12" cy="7" r="4"></circle> <path d="M6 21v-2a4 4 0 0 1 4 -4h4a4 4 0 0 1 4 4v2"></path> </svg> </div> </span> </template> <template x-if="suggestion.metadata.bundle === 'exhibition'"> <span class="mr-4"> <div class="fill-current w-3 h-3 md:w-4 md:h-4" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" class="icon" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"> <path stroke="none" d="M0 0h24v24H0z" fill="none"></path> <line x1="3" y1="21" x2="21" y2="21"></line> <line x1="3" y1="10" x2="21" y2="10"></line> <polyline points="5 6 12 3 19 6"></polyline> <line x1="4" y1="10" x2="4" y2="21"></line> <line x1="20" y1="10" x2="20" y2="21"></line> <line x1="8" y1="14" x2="8" y2="17"></line> <line x1="12" y1="14" x2="12" y2="17"></line> <line x1="16" y1="14" x2="16" y2="17"></line> </svg> </div> </span> </template> <span x-text="suggestion.title" class="text-base"></span> </button> </li> </template> </ul> </div> <div x-show="loading" class="w-full p-4"> <div x-data="skeleton()" @update-skeleton.window="randomize()" aria-busy="true" aria-live="polite" role="alert" class="animate-pulse flex grow space-x-1 max-w-2xl" ><div class="w-full"><template x-for="item in lines"><div><div class="h-4 bg-tertiary-300 rounded-sm" :class="randomWidthClass()"></div><div class="w-full h-2"></div></div></template></div></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <script type="application/json" data-drupal-selector="drupal-settings-json">{"path":{"baseUrl":"\/","pathPrefix":"","currentPath":"webform\/adult_group_tour_request","currentPathIsAdmin":false,"isFront":false,"currentLanguage":"en"},"pluralDelimiter":"\u0003","suppressDeprecationErrors":true,"ajaxPageState":{"libraries":"eJyFkVtuhDAMRTeUEqkbQiaYwYzzmNhhoKsvDG3VCqL--Dr32I4swwcwgoWXmEPsTD3GSd4U3WhczGj7XBJwAxMsfwyFjrHPcDu7GSXFIDTjwSgo5rDR6VEwr80QszdxGMhhO8aSxf5-tDsG3VrMo5C7M4W7_cmuvJYC6SVIkdeBmI2souhtB4JmJnyKfcXGx74wmid2-6_2SxsXfYpCeibI6DFo08M_kEm0XoAKxNIIzPUpA-PSxaXKPYrArd7vCyuli-2-C2JS2u5U5zpuR6hR2RJXX_HA7ye-h0_VKfes","theme":"azalea","theme_token":null},"ajaxTrustedUrl":{"form_action_p_pvdeGsVG5zNF_XLGPTvYSKCf43t8qZYSwcfZl2uzM":true,"\/visit\/tours\/request?ajax_form=1":true},"webform":{"dateFirstDay":0},"ajax":{"edit-preferred-dates-add-submit":{"callback":["Drupal\\webform\\Element\\WebformMultiple","ajaxCallback"],"wrapper":"preferred_dates_table","progress":{"type":"none"},"event":"mousedown","keypress":true,"prevent":"click","url":"\/visit\/tours\/request?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"preferred_dates_table_add","_triggering_element_value":"Add"}},"edit-preferred-dates-items-0-operations-remove":{"callback":["Drupal\\webform\\Element\\WebformMultiple","ajaxCallback"],"wrapper":"preferred_dates_table","progress":{"type":"none"},"event":"mousedown","keypress":true,"prevent":"click","url":"\/visit\/tours\/request?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"preferred_dates_table_remove_0"}},"edit-preferred-dates-items-0-operations-add":{"callback":["Drupal\\webform\\Element\\WebformMultiple","ajaxCallback"],"wrapper":"preferred_dates_table","progress":{"type":"none"},"event":"mousedown","keypress":true,"prevent":"click","url":"\/visit\/tours\/request?ajax_form=1","httpMethod":"POST","dialogType":"ajax","submit":{"_triggering_element_name":"preferred_dates_table_add_0"}}},"tableDrag":{"edit-preferred-dates-items":{"webform-multiple-sort-weight":[{"target":"webform-multiple-sort-weight","source":"webform-multiple-sort-weight","relationship":"sibling","action":"order","hidden":true,"limit":0}]}},"quicklink":{"admin_link_container_patterns":["#block-local-tasks-block a",".block-local-tasks-block a","#drupal-off-canvas a","#toolbar-administration a"],"ignore_admin_paths":true,"ignore_ajax_links":true,"ignore_file_ext":true,"total_request_limit":0,"concurrency_throttle_limit":0,"idle_wait_timeout":2000,"viewport_delay":0,"debug":false,"url_patterns_to_ignore":["user\/logout","#","\/admin","\/edit"]},"user":{"uid":0,"permissionsHash":"7523f7316a034f365c3f7e15dba40b69cba736fcd61515dd299e4c6faec2cc24"}}</script> <script src="https://polyfill-fastly.io/v3/polyfill.min.js?features=IntersectionObserver%2CIntersectionObserverEntry%2CURL%2CObject.assign%2CArray.from%2CArray.prototype.includes%2CString.prototype.includes%2CElement.prototype.matches%2CPromise%2CPromise.prototype.finally"></script> <script src="/sites/default/files/js/js_8F2wI8ER7hVfnc3_ZfexXhoLappgbuTTP3kgWgWBPeQ.js?scope=footer&delta=1&language=en&theme=azalea&include=eJyFjuEOgjAMhF8IWeILmQIHFMo2toLi04tgTAws_uk197XX0pMEZGiTbBczcwXXxYuibLM7itqFwXw0h2CA1byCEkvMI81IDg2IkZojf5fkUlybUtOZkyh7QVa6AMNWESxJ3o0TwrInb6QKk1996ujxYygVgoDonY0848iqQM2f565J7rRFSFOvvJ7NxonLXtj25tvd2LKeAu9kqVnkDL4A2vyuYQ"></script> <script src="https://unpkg.com/quicklink@2.2.0/dist/quicklink.umd.js"></script> <script src="/sites/default/files/js/js_Woaz2TQUnaDtZDEOF9LyP2wCwcVaSzaNjN_1onuRRp8.js?scope=footer&delta=3&language=en&theme=azalea&include=eJyFjuEOgjAMhF8IWeILmQIHFMo2toLi04tgTAws_uk197XX0pMEZGiTbBczcwXXxYuibLM7itqFwXw0h2CA1byCEkvMI81IDg2IkZojf5fkUlybUtOZkyh7QVa6AMNWESxJ3o0TwrInb6QKk1996ujxYygVgoDonY0848iqQM2f565J7rRFSFOvvJ7NxonLXtj25tvd2LKeAu9kqVnkDL4A2vyuYQ"></script> <script src="/themes/custom/azalea/dist/js/app.min.js?snc6lf" defer></script> <script src="/sites/default/files/js/js_oa7_4C_ckH6wPd0wy_TUFbQUzwYpIR176ANi7PE4y64.js?scope=footer&delta=5&language=en&theme=azalea&include=eJyFjuEOgjAMhF8IWeILmQIHFMo2toLi04tgTAws_uk197XX0pMEZGiTbBczcwXXxYuibLM7itqFwXw0h2CA1byCEkvMI81IDg2IkZojf5fkUlybUtOZkyh7QVa6AMNWESxJ3o0TwrInb6QKk1996ujxYygVgoDonY0848iqQM2f565J7rRFSFOvvJ7NxonLXtj25tvd2LKeAu9kqVnkDL4A2vyuYQ"></script> </body> </html>