Job Opportunities | Smithsonian Institution

<!DOCTYPE html>      <html class="no-js" lang="en" dir="ltr" prefix="content: http://purl.org/rss/1.0/modules/content/ dc: http://purl.org/dc/terms/ foaf: http://xmlns.com/foaf/0.1/ rdfs: http://www.w3.org/2000/01/rdf-schema# sioc: http://rdfs.org/sioc/ns# sioct: http://rdfs.org/sioc/types# skos: http://www.w3.org/2004/02/skos/core# xsd: http://www.w3.org/2001/XMLSchema#"> <head> <script type="text/javascript"> (function(){ window["loaderConfig"] = "/TSPD/?type=21"; })(); </script> <script type="text/javascript" src="/TSPD/?type=18"></script> <meta charset="utf-8" /> <script src="https://www.google.com/recaptcha/api.js?hl=en" async="async" defer="defer"></script> <link rel="shortcut icon" href="https://www.si.edu/sites/default/files/favicon_1.ico" type="image/vnd.microsoft.icon" /> <link rel="profile" href="http://www.w3.org/1999/xhtml/vocab" /> <link rel="apple-touch-icon" sizes="180x180" href="https://www.si.edu/sites/all/themes/si_baseline/favicon/apple-touch-icon.png?v=Jy7B3ml8wp" /> <link rel="icon" sizes="32x32" href="https://www.si.edu/sites/all/themes/si_baseline/favicon/favicon-32x32.png?v=Jy7B3ml8wp" /> <link rel="icon" sizes="16x16" href="https://www.si.edu/sites/all/themes/si_baseline/favicon/favicon-16x16.png?v=Jy7B3ml8wp" /> <link rel="manifest" href="https://www.si.edu/sites/all/themes/si_baseline/favicon/manifest.json?v=Jy7B3ml8wp" /> <link rel="mask-icon" href="https://www.si.edu/sites/all/themes/si_baseline/favicon/safari-pinned-tab.svg?v=Jy7B3ml8wp" color="#0177a8" /> <meta name="theme-color" content="#ffffff" /> <meta name="description" content="Learn more about Job Opportunities" /> <meta name="author" content="Smithsonian Institution" /> <meta name="generator" content="Drupal 7 (http://drupal.org)" /> <link rel="image_src" href="https://www.si.edu/sites/default/files/page_banner/20190612-honor-guard-6_0.jpeg" /> <link rel="canonical" href="https://www.si.edu/ohr/jobs" /> <meta property="og:site_name" content="Smithsonian Institution" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Job Opportunities | Smithsonian Institution" /> <meta property="og:url" content="https://www.si.edu/ohr/jobs" /> <meta property="og:description" content="Learn more about Job Opportunities" /> <meta property="og:image" content="https://www.si.edu/sites/default/files/page_banner/20190612-honor-guard-6_0.jpeg" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@smithsonian" /> <meta name="twitter:site:id" content="14199378" /> <meta name="twitter:creator" content="@smithsonian" /> <meta name="twitter:creator:id" content="14199378" /> <meta name="twitter:title" content="Job Opportunities | Smithsonian Institution" /> <meta name="twitter:url" content="https://www.si.edu/ohr/jobs" /> <meta name="twitter:description" content="Learn more about Job Opportunities" /> <meta name="twitter:image" content="https://www.si.edu/sites/default/files/page_banner/20190612-honor-guard-6_0.jpeg" /> <title>Job Opportunities | Smithsonian Institution</title> <link rel="preload" href="https://use.typekit.net/qfv0ytn.css" as="style"> <link rel="stylesheet" href="https://use.typekit.net/qfv0ytn.css"> <style> @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/system/system.base.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/system/system.menus.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/system/system.messages.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/system/system.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/calendar/css/calendar_multiday.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/date/date_repeat_field/date_repeat_field.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/book/book.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/google_appliance/theme/google_appliance.css?sug11p"); @import url("https://www.si.edu/modules/node/node.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/ogmt/ogmt.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/field/field.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/picture/picture_wysiwyg.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/si_jobs/css/si_jobs.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/views/css/views.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/user/user.base.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/omega/omega/css/modules/user/user.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/ckeditor/css/ckeditor.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/ckeditor_image2/ckeditor_image2.theme.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/ckeditor_image2/ckeditor_image2.responsive.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/media/modules/media_wysiwyg/css/media_wysiwyg.base.css?sug11p"); </style> <style> @import url("https://www.si.edu/sites/all/modules/colorbox/styles/default/colorbox_style.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/ctools/css/ctools.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/webform/css/webform.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/edan/modules/edan_search/edan-search.css?sug11p"); @import url("https://www.si.edu/sites/all/modules/edan/modules/edan_searchtab/css/search-form.css?sug11p"); </style> <style> @import url("https://www.si.edu/sites/all/themes/si_baseline/css/font-awesome.css?sug11p"); @import url("https://www.si.edu/sites/all/themes/si_baseline/css/style.css?sug11p"); </style> <style media="print"> @import url("https://www.si.edu/sites/all/themes/si_baseline/css/print.css?sug11p"); </style> <script defer="defer" src="https://www.si.edu/sites/default/files/google_tag/www_si_edu/google_tag.script.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/jquery_update/replace/jquery/1.12/jquery.min.js?v=1.12.4"></script> <script>jQuery.migrateMute=true;jQuery.migrateTrace=false;</script> <script src="https://www.si.edu/sites/all/modules/jquery_update/replace/jquery-migrate/1/jquery-migrate.min.js?v=1"></script> <script src="https://www.si.edu/misc/jquery-extend-3.4.0.js?v=1.12.4"></script> <script src="https://www.si.edu/misc/jquery-html-prefilter-3.5.0-backport.js?v=1.12.4"></script> <script src="https://www.si.edu/misc/jquery.once.js?v=1.2"></script> <script src="https://www.si.edu/misc/drupal.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/omega/omega/js/no-js.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/jquery_update/js/jquery_browser.js?v=0.0.1"></script> <script>document.createElement( "picture" );</script> <script src="https://www.si.edu/sites/all/modules/jquery_update/replace/ui/external/jquery.cookie.js?v=67fb34f6a866c40d0570"></script> <script src="https://www.si.edu/sites/all/modules/jquery_update/replace/jquery.form/4/jquery.form.min.js?v=4.2.1"></script> <script src="https://www.si.edu/misc/form-single-submit.js?v=7.98"></script> <script src="https://www.si.edu/misc/ajax.js?v=7.98"></script> <script src="https://www.si.edu/sites/all/modules/jquery_update/js/jquery_update.js?v=0.0.1"></script> <script src="https://www.si.edu/sites/all/modules/autoupload/js/autoupload.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/entityreference/js/entityreference.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/picture/picturefill/picturefill.min.js?v=3.0.1"></script> <script src="https://www.si.edu/sites/all/modules/picture/picture.min.js?v=7.98"></script> <script src="https://www.si.edu/sites/all/libraries/colorbox/jquery.colorbox-min.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/colorbox/js/colorbox.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/colorbox/styles/default/colorbox_style.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/colorbox/js/colorbox_load.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/colorbox/js/colorbox_inline.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/better_exposed_filters/better_exposed_filters.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/ctools/js/auto-submit.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/views/js/base.js?sug11p"></script> <script src="https://www.si.edu/misc/progress.js?v=7.98"></script> <script src="https://www.si.edu/sites/all/modules/views/js/ajax_view.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/captcha/captcha.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/field_group/field_group.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/webform/js/webform.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/js-cookie/dist/js.cookie.min.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/si_visit_planner.behaviors.js?sug11p"></script> <script src="https://www.si.edu/sites/all/libraries/superfish/jquery.hoverIntent.minified.js?sug11p"></script> <script src="https://www.si.edu/sites/all/libraries/superfish/sftouchscreen.js?sug11p"></script> <script src="https://www.si.edu/sites/all/libraries/superfish/sfsmallscreen.js?sug11p"></script> <script src="https://www.si.edu/sites/all/libraries/superfish/supposition.js?sug11p"></script> <script src="https://www.si.edu/sites/all/libraries/superfish/superfish.js?sug11p"></script> <script src="https://www.si.edu/sites/all/modules/superfish/superfish.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/luminateExtend.min.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/modernizr-custom.min.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/ScrollMagic.min.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/uisearch.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/si_baseline.behaviors.js?sug11p"></script> <script>jQuery.extend(Drupal.settings, {"basePath":"\/","pathPrefix":"","setHasJsCookie":0,"ajaxPageState":{"theme":"si_baseline","theme_token":"zLY0b75vsXDGwS-Lr8HuuPsHR5pXyGEWEtNxqy-qcUE","jquery_version":"1.12","jquery_version_token":"89kvjCdxvYkF0oqSkOIVnTncNd3E_X6zXO7-vgjIy6o","js":{"sites\/all\/themes\/si_baseline\/js\/si_promo.js":1,"sites\/all\/themes\/si_baseline\/js\/colorbox-gs.js":1,"sites\/all\/themes\/si_baseline\/js\/si_views.js":1,"https:\/\/www.si.edu\/sites\/default\/files\/google_tag\/www_si_edu\/google_tag.script.js":1,"sites\/all\/modules\/jquery_update\/replace\/jquery\/1.12\/jquery.min.js":1,"0":1,"sites\/all\/modules\/jquery_update\/replace\/jquery-migrate\/1\/jquery-migrate.min.js":1,"misc\/jquery-extend-3.4.0.js":1,"misc\/jquery-html-prefilter-3.5.0-backport.js":1,"misc\/jquery.once.js":1,"misc\/drupal.js":1,"sites\/all\/themes\/omega\/omega\/js\/no-js.js":1,"sites\/all\/modules\/jquery_update\/js\/jquery_browser.js":1,"1":1,"sites\/all\/modules\/jquery_update\/replace\/ui\/external\/jquery.cookie.js":1,"sites\/all\/modules\/jquery_update\/replace\/jquery.form\/4\/jquery.form.min.js":1,"misc\/form-single-submit.js":1,"misc\/ajax.js":1,"sites\/all\/modules\/jquery_update\/js\/jquery_update.js":1,"sites\/all\/modules\/autoupload\/js\/autoupload.js":1,"sites\/all\/modules\/entityreference\/js\/entityreference.js":1,"sites\/all\/modules\/picture\/picturefill\/picturefill.min.js":1,"sites\/all\/modules\/picture\/picture.min.js":1,"sites\/all\/libraries\/colorbox\/jquery.colorbox-min.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox.js":1,"sites\/all\/modules\/colorbox\/styles\/default\/colorbox_style.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox_load.js":1,"sites\/all\/modules\/colorbox\/js\/colorbox_inline.js":1,"sites\/all\/modules\/better_exposed_filters\/better_exposed_filters.js":1,"sites\/all\/modules\/ctools\/js\/auto-submit.js":1,"sites\/all\/modules\/views\/js\/base.js":1,"misc\/progress.js":1,"sites\/all\/modules\/views\/js\/ajax_view.js":1,"sites\/all\/modules\/captcha\/captcha.js":1,"sites\/all\/modules\/field_group\/field_group.js":1,"sites\/all\/modules\/webform\/js\/webform.js":1,"sites\/all\/themes\/si_baseline\/js\/js-cookie\/dist\/js.cookie.min.js":1,"sites\/all\/themes\/si_baseline\/js\/si_visit_planner.behaviors.js":1,"sites\/all\/libraries\/superfish\/jquery.hoverIntent.minified.js":1,"sites\/all\/libraries\/superfish\/sftouchscreen.js":1,"sites\/all\/libraries\/superfish\/sfsmallscreen.js":1,"sites\/all\/libraries\/superfish\/supposition.js":1,"sites\/all\/libraries\/superfish\/superfish.js":1,"sites\/all\/modules\/superfish\/superfish.js":1,"sites\/all\/themes\/si_baseline\/js\/luminateExtend.min.js":1,"sites\/all\/themes\/si_baseline\/js\/modernizr-custom.min.js":1,"sites\/all\/themes\/si_baseline\/js\/ScrollMagic.min.js":1,"sites\/all\/themes\/si_baseline\/js\/uisearch.js":1,"sites\/all\/themes\/si_baseline\/js\/si_baseline.behaviors.js":1},"css":{"sites\/all\/themes\/omega\/omega\/css\/modules\/system\/system.base.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/system\/system.menus.theme.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/system\/system.messages.theme.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/system\/system.theme.css":1,"sites\/all\/modules\/calendar\/css\/calendar_multiday.css":1,"sites\/all\/modules\/date\/date_repeat_field\/date_repeat_field.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/book\/book.theme.css":1,"sites\/all\/modules\/google_appliance\/theme\/google_appliance.css":1,"modules\/node\/node.css":1,"sites\/all\/modules\/ogmt\/ogmt.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/field\/field.theme.css":1,"sites\/all\/modules\/picture\/picture_wysiwyg.css":1,"sites\/all\/modules\/si_jobs\/css\/si_jobs.css":1,"sites\/all\/modules\/views\/css\/views.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/user\/user.base.css":1,"sites\/all\/themes\/omega\/omega\/css\/modules\/user\/user.theme.css":1,"sites\/all\/modules\/ckeditor\/css\/ckeditor.css":1,"sites\/all\/modules\/ckeditor_image2\/ckeditor_image2.theme.css":1,"sites\/all\/modules\/ckeditor_image2\/ckeditor_image2.responsive.css":1,"sites\/all\/modules\/media\/modules\/media_wysiwyg\/css\/media_wysiwyg.base.css":1,"sites\/all\/modules\/colorbox\/styles\/default\/colorbox_style.css":1,"sites\/all\/modules\/ctools\/css\/ctools.css":1,"sites\/all\/themes\/si_baseline\/panels\/layouts\/two-col-right\/..\/..\/..\/css\/panels.layout.css":1,"sites\/all\/themes\/si_baseline\/panels\/layouts\/one-col-stacked\/..\/..\/..\/css\/layouts\/panels\/panels.layout.css":1,"sites\/all\/modules\/webform\/css\/webform.css":1,"sites\/all\/modules\/edan\/modules\/edan_search\/edan-search.css":1,"sites\/all\/modules\/edan\/modules\/edan_searchtab\/css\/search-form.css":1,"sites\/all\/themes\/si_baseline\/css\/font-awesome.css":1,"sites\/all\/themes\/si_baseline\/css\/style.css":1,"sites\/all\/themes\/si_baseline\/css\/print.css":1}},"colorbox":{"transition":"elastic","speed":"350","opacity":"0.60","slideshow":false,"slideshowAuto":true,"slideshowSpeed":"2500","slideshowStart":"start slideshow","slideshowStop":"stop slideshow","current":"{current} of {total}","previous":"\u00ab Prev","next":"Next \u00bb","close":"Close","overlayClose":true,"returnFocus":true,"maxWidth":"1920px","maxHeight":"90%","initialWidth":"300","initialHeight":"250","fixed":true,"scrolling":true,"mobiledetect":true,"mobiledevicewidth":"670px","file_public_path":"\/sites\/default\/files","specificPagesDefaultValue":"admin*\nimagebrowser*\nimg_assist*\nimce*\nnode\/add\/*\nnode\/*\/edit\nprint\/*\nprintpdf\/*\nsystem\/ajax\nsystem\/ajax\/*"},"better_exposed_filters":{"datepicker":false,"slider":false,"settings":[],"autosubmit":false,"views":{"jobs":{"displays":{"jobs_page_grid2":{"filters":{"field_job_unit_tid":{"required":false},"field_job_location_tid":{"required":false},"field_job_series_tid":{"required":false},"combine":{"required":false}}}}},"website_notifications":{"displays":{"block":{"filters":[]}}},"promotions":{"displays":{"lightbox":{"filters":[]}}}}},"urlIsAjaxTrusted":{"\/ohr\/jobs":true,"\/views\/ajax":true,"\/search":true},"views":{"ajax_path":"\/views\/ajax","ajaxViews":{"views_dom_id:6e4d1c7bd21351ed750ec742256fbf7b":{"view_name":"jobs","view_display_id":"jobs_page_grid2","view_args":"","view_path":"node\/675859","view_base_path":null,"view_dom_id":"6e4d1c7bd21351ed750ec742256fbf7b","pager_element":0}}},"field_group":{"html-element":"full"},"siTheme":{"logo_path":"\/sites\/all\/themes\/si_baseline\/images\/logos\/logo.png"},"superfish":{"1":{"id":"1","sf":{"animation":{"opacity":"show","height":"show"},"speed":"fast","autoArrows":false,"dropShadows":false},"plugins":{"touchscreen":{"behaviour":"0","mode":"window_width","breakpoint":1200,"breakpointUnit":"px"},"smallscreen":{"mode":"window_width","breakpoint":1200,"breakpointUnit":"px","title":"Main menu"},"supposition":true}}}});</script> </head> <body class="html not-front not-logged-in page-node page-node- page-node-675859 node-type-ohr-page section-ohr"> <a href="#main-content" class="element-invisible element-focusable">Skip to main content</a> <noscript aria-hidden="true"><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TT2JWKJ" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div class="wrapper--page"> <header class="l-header " role="banner"> <div class="l-header-preface-wrapper"> <div class="l-container"> <div class="l-region l-region--header-preface-right"> <div class="inner"> <div id="block-edan-searchtab-edan-searchtab-block-search-form" class="block block--edan-searchtab block--edan-searchtab-edan-searchtab-block-search-form"> <h2 class="element-invisible block__title">Search</h2> <form class="edan-search-form edan-searchtab-search-form-block search-form edan-searchtab-search-form" autocomplete="off" action="/search" method="post" id="edan-searchtab-search-form" accept-charset="UTF-8"><div><div class="form-item form-type-textfield form-item-edan-q"> <label class="element-invisible" for="edit-edan-q">Search </label> <input placeholder="Enter your search terms" type="text" id="edit-edan-q" name="edan_q" value="" size="60" maxlength="128" class="form-text" /> </div> <div class="si-email-textfield" tabindex="-1" aria-hidden="true"><div class="form-item form-type-textfield form-item-email-edan"> <label for="edit-email-edan">What is 2+5? </label> <input autocomplete="off" tabindex="-1" type="text" id="edit-email-edan" name="email_edan" value="" size="15" maxlength="128" class="form-text" /> </div> </div><input type="hidden" name="form_build_id" value="form-3VQuFLmB8_OXcSDTfdCssWNcXvezLI2wcLJVo3ZzAuo" /> <input type="hidden" name="form_id" value="edan_searchtab_search_form" /> <div class="form-actions form-wrapper" id="edit-actions"><button class="submit form-submit search btn-svg" type="submit" id="edit-submit" name="op" value="Search"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-labelledby="edit-submit--search"><title id="edit-submit--search">Search</title> <path class="fill" d="M15.5,14H14.71l-0.28-.27a6.51,6.51,0,1,0-.7.7L14,14.71V15.5l5,5L20.49,19Zm-6,0A4.5,4.5,0,1,1,14,9.5,4.49,4.49,0,0,1,9.5,14Z" fill="#fff" /> <path d="M0,0H24V24H0V0Z" fill="none" /> </svg> </button></div></div></form></div> <div id="block-si-custom-si-my-visit-link" class="block block--si-custom block--si-custom-si-my-visit-link"> <a href="/myvisit" class="si-myvisit-link"><span class="fa fa-heart" aria-hidden="true"></span>My Visit</a></div> <div id="block-block-13" class="block block--block block--block-13"> <a class="donate-btn" href="http://go.si.edu/si-give" target="_blank">Donate</a> </div> </div> </div> </div> </div> <div class="l-header-inner l-container"> <div class="l-branding"> <a href="/" title="Home" rel="home" class="site-logo"><img src="/sites/all/themes/si_baseline/images/logos/logo.svg" alt="Home" /> <span class="sr-only">Smithsonian Institution</span> </a> </div> <div class="l-region l-region--header"> <div id="block-superfish-1" class="block block--superfish block--superfish-1 robots-noindex"> <h2 class="block__title element-invisible">Site Navigation</h2> <nav aria-labelledby="block-superfish-1"><ul id="superfish-1" class="menu sf-menu sf-main-menu sf-horizontal sf-style-none"><li id="menu-1583-1" class="first odd sf-item-1 sf-depth-1 menuparent"><a href="/visit" class="sf-depth-1 menuparent">Visit</a><ul><li id="menu-16408-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="/visit/museums" class="sf-depth-2">Museums and Zoo</a></li><li id="menu-3873-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="/visit/tips" class="sf-depth-2">Entry and Guidelines</a></li><li id="menu-12976-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="/visit/maps" class="sf-depth-2">Maps and Brochures</a></li><li id="menu-1862-1" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="/dining" class="sf-depth-2">Dine and Shop</a></li><li id="menu-12091-1" class="middle odd sf-item-5 sf-depth-2 sf-no-children"><a href="/visit/accessibility" class="sf-depth-2">Accessibility</a></li><li id="menu-3879-1" class="middle even sf-item-6 sf-depth-2 sf-no-children"><a href="/visit/kids" class="sf-depth-2">Visiting with Kids</a></li><li id="menu-3880-1" class="last odd sf-item-7 sf-depth-2 menuparent"><a href="/visit/groups" class="sf-depth-2 menuparent">Group Visits</a><ul><li id="menu-3594-1" class="firstandlast odd sf-item-1 sf-depth-3 sf-no-children"><a href="/groupsales" class="sf-depth-3">Group Sales</a></li></ul></li></ul></li><li id="menu-3462-1" class="middle even sf-item-2 sf-depth-1 menuparent"><a href="/whats-on" class="sf-depth-1 menuparent">What's On</a><ul><li id="menu-3905-1" class="first odd sf-item-1 sf-depth-2 menuparent"><a href="/exhibitions" class="sf-depth-2 menuparent">Exhibitions</a><ul><li id="menu-4468-1" class="first odd sf-item-1 sf-depth-3 sf-no-children"><a href="/exhibitions" class="sf-depth-3">Current</a></li><li id="menu-4469-1" class="middle even sf-item-2 sf-depth-3 sf-no-children"><a href="/exhibitions/upcoming" class="sf-depth-3">Upcoming</a></li><li id="menu-4470-1" class="last odd sf-item-3 sf-depth-3 sf-no-children"><a href="/exhibitions/past" class="sf-depth-3">Past</a></li></ul></li><li id="menu-14938-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="/events/online" class="sf-depth-2">Online Events</a></li><li id="menu-4113-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="/events" class="sf-depth-2">All Events</a></li><li id="menu-3466-1" class="last even sf-item-4 sf-depth-2 sf-no-children"><a href="/imax" class="sf-depth-2">IMAX & Planetarium</a></li></ul></li><li id="menu-3433-1" class="middle odd sf-item-3 sf-depth-1 menuparent"><a href="/explore" class="sf-depth-1 menuparent">Explore</a><ul><li id="menu-3764-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="/explore/art" class="sf-depth-2">- Art & Design</a></li><li id="menu-3079-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="/explore/history" class="sf-depth-2">- History & Culture</a></li><li id="menu-3765-1" class="middle odd sf-item-3 sf-depth-2"><a href="/explore/science" class="sf-depth-2">- Science & Nature</a></li><li id="menu-3129-1" class="middle even sf-item-4 sf-depth-2 menuparent"><a href="/collections" class="sf-depth-2 menuparent">Collections</a><ul><li id="menu-14554-1" class="firstandlast odd sf-item-1 sf-depth-3 sf-no-children"><a href="/openaccess" class="sf-depth-3">Open Access</a></li></ul></li><li id="menu-3463-1" class="middle odd sf-item-5 sf-depth-2 menuparent"><a href="/researchers" class="sf-depth-2 menuparent">Research Resources</a><ul><li id="menu-3907-1" class="first odd sf-item-1 sf-depth-3 sf-no-children"><a href="https://library.si.edu/" class="sf-depth-3">Libraries</a></li><li id="menu-3419-1" class="last even sf-item-2 sf-depth-3 menuparent"><a href="/siasc" class="sf-depth-3 menuparent">Archives</a><ul><li id="menu-3572-1" class="first odd sf-item-1 sf-depth-4 sf-no-children"><a href="/siasc/si_archives" class="sf-depth-4">Smithsonian Institution Archives</a></li><li id="menu-3428-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/siasc/nasm_archives" class="sf-depth-4">Air and Space Museum</a></li><li id="menu-3420-1" class="middle odd sf-item-3 sf-depth-4 sf-no-children"><a href="/siasc/acma" class="sf-depth-4">Anacostia Community Museum</a></li><li id="menu-3571-1" class="middle even sf-item-4 sf-depth-4 sf-no-children"><a href="/siasc/saam" class="sf-depth-4">American Art Museum</a></li><li id="menu-3422-1" class="middle odd sf-item-5 sf-depth-4 sf-no-children"><a href="/siasc/aaa" class="sf-depth-4">Archives of American Art</a></li><li id="menu-3421-1" class="middle even sf-item-6 sf-depth-4 sf-no-children"><a href="/siasc/american_gardens" class="sf-depth-4">Archives of American Gardens</a></li><li id="menu-3423-1" class="middle odd sf-item-7 sf-depth-4 sf-no-children"><a href="/siasc/archives_center" class="sf-depth-4">American History Museum</a></li><li id="menu-3468-1" class="middle even sf-item-8 sf-depth-4 sf-no-children"><a href="/siasc/nmai" class="sf-depth-4">American Indian Museum</a></li><li id="menu-3425-1" class="middle odd sf-item-9 sf-depth-4 sf-no-children"><a href="/siasc/freer_sackler" class="sf-depth-4">Asian Art Museum Archives</a></li><li id="menu-3424-1" class="middle even sf-item-10 sf-depth-4 sf-no-children"><a href="/siasc/eepa_nmafa" class="sf-depth-4">Eliot Elisofon Photographic Archives, African Art</a></li><li id="menu-3426-1" class="middle odd sf-item-11 sf-depth-4 sf-no-children"><a href="/siasc/hmsg_archive" class="sf-depth-4">Hirshhorn Archive</a></li><li id="menu-3467-1" class="middle even sf-item-12 sf-depth-4 sf-no-children"><a href="/siasc/naa" class="sf-depth-4">National Anthropological Archives</a></li><li id="menu-3477-1" class="middle odd sf-item-13 sf-depth-4 sf-no-children"><a href="/siasc/npg" class="sf-depth-4">National Portrait Gallery</a></li><li id="menu-3478-1" class="middle even sf-item-14 sf-depth-4 sf-no-children"><a href="/siasc/rrfa_archive" class="sf-depth-4">Ralph Rinzler Archives, Folklife</a></li><li id="menu-3573-1" class="last odd sf-item-15 sf-depth-4 sf-no-children"><a href="/siasc/si_libraries" class="sf-depth-4">Libraries' Special Collections</a></li></ul></li></ul></li><li id="menu-3878-1" class="last even sf-item-6 sf-depth-2 sf-no-children"><a href="/podcasts" class="sf-depth-2">Podcasts</a></li></ul></li><li id="menu-3769-1" class="middle even sf-item-4 sf-depth-1 menuparent"><a href="/learn" class="sf-depth-1 menuparent">Learn</a><ul><li id="menu-20305-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="/learn/parents-and-caregivers" class="sf-depth-2">For Caregivers</a></li><li id="menu-12928-1" class="middle even sf-item-2 sf-depth-2 menuparent"><a href="/educators" class="sf-depth-2 menuparent">For Educators</a><ul><li id="menu-20221-1" class="first odd sf-item-1 sf-depth-3 sf-no-children"><a href="/educators/art-resources" class="sf-depth-3">Art & Design Resources</a></li><li id="menu-20224-1" class="middle even sf-item-2 sf-depth-3 sf-no-children"><a href="/educators/science-resources" class="sf-depth-3">Science & Nature Resources</a></li><li id="menu-20227-1" class="middle odd sf-item-3 sf-depth-3 sf-no-children"><a href="/educators/social-studies-resources" class="sf-depth-3">Social Studies & Civics Resources</a></li><li id="menu-12937-1" class="middle even sf-item-4 sf-depth-3 sf-no-children"><a href="/educators/professional-development" class="sf-depth-3">Professional Development</a></li><li id="menu-12943-1" class="middle odd sf-item-5 sf-depth-3 sf-no-children"><a href="/educators/events" class="sf-depth-3">Events for Educators</a></li><li id="menu-12934-1" class="last even sf-item-6 sf-depth-3 sf-no-children"><a href="/visit/field-trip" class="sf-depth-3">Field Trips</a></li></ul></li><li id="menu-20308-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="/learn/students" class="sf-depth-2">For Students</a></li><li id="menu-20314-1" class="middle even sf-item-4 sf-depth-2 sf-no-children"><a href="/learn/academics" class="sf-depth-2">For Academics</a></li><li id="menu-20311-1" class="last odd sf-item-5 sf-depth-2 sf-no-children"><a href="/learn/lifelong-learners" class="sf-depth-2">For Lifelong Learners</a></li></ul></li><li id="menu-17116-1" class="middle odd sf-item-5 sf-depth-1 menuparent"><a href="/support" class="sf-depth-1 menuparent">Support Us</a><ul><li id="menu-17119-1" class="first odd sf-item-1 sf-depth-2 sf-no-children"><a href="http://go.si.edu/si-join" class="sf-depth-2">Become a Member</a></li><li id="menu-17122-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="http://go.si.edu/si-renew" class="sf-depth-2">Renew Membership</a></li><li id="menu-17125-1" class="middle odd sf-item-3 sf-depth-2 sf-no-children"><a href="http://go.si.edu/si-gift" class="sf-depth-2">Make a Gift</a></li><li id="menu-3768-1" class="last even sf-item-4 sf-depth-2 menuparent"><a href="/volunteer" class="sf-depth-2 menuparent">Volunteer</a><ul><li id="menu-3665-1" class="first odd sf-item-1 sf-depth-3 sf-no-children"><a href="/volunteer/telephone-information" class="sf-depth-3">Smithsonian Call Center</a></li><li id="menu-20872-1" class="middle even sf-item-2 sf-depth-3 sf-no-children"><a href="/volunteer/ambassador-program" class="sf-depth-3">Ambassador Program</a></li><li id="menu-3476-1" class="middle odd sf-item-3 sf-depth-3 sf-no-children"><a href="/volunteer/museum-information-desk" class="sf-depth-3">Museum Information Desk</a></li><li id="menu-3472-1" class="middle even sf-item-4 sf-depth-3 sf-no-children"><a href="/volunteer/docent" class="sf-depth-3">Docent Programs</a></li><li id="menu-3475-1" class="middle odd sf-item-5 sf-depth-3 sf-no-children"><a href="/volunteer/behind-the-scenes-volunteer" class="sf-depth-3">Behind-the-Scenes</a></li><li id="menu-3473-1" class="middle even sf-item-6 sf-depth-3 sf-no-children"><a href="/volunteer/digitalvolunteers" class="sf-depth-3">Digital Volunteers</a></li><li id="menu-3474-1" class="last odd sf-item-7 sf-depth-3 sf-no-children"><a href="/volunteer/participatory-science" class="sf-depth-3">Participatory Science</a></li></ul></li></ul></li><li id="menu-1582-1" class="active-trail last even sf-item-6 sf-depth-1 menuparent"><a href="/about" class="sf-depth-1 menuparent">About</a><ul><li id="menu-5771-1" class="active-trail first odd sf-item-1 sf-depth-2 menuparent"><a href="/about/administration" class="sf-depth-2 menuparent">Our Organization</a><ul><li id="menu-3398-1" class="first odd sf-item-1 sf-depth-3 menuparent"><a href="/regents" class="sf-depth-3 menuparent">Board of Regents</a><ul><li id="menu-4682-1" class="first odd sf-item-1 sf-depth-4 sf-no-children"><a href="/regents/members" class="sf-depth-4">Members</a></li><li id="menu-4683-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/regents/committees" class="sf-depth-4">Committees</a></li><li id="menu-4684-1" class="middle odd sf-item-3 sf-depth-4 sf-no-children"><a href="/regents/otherreading" class="sf-depth-4">Reading Room</a></li><li id="menu-4686-1" class="middle even sf-item-4 sf-depth-4 sf-no-children"><a href="/regents/bylaws" class="sf-depth-4">Bylaws, Policies and Procedures</a></li><li id="menu-4679-1" class="middle odd sf-item-5 sf-depth-4 sf-no-children"><a href="/regents/schedules-and-agendas" class="sf-depth-4">Schedules and Agendas</a></li><li id="menu-4680-1" class="middle even sf-item-6 sf-depth-4 sf-no-children"><a href="/regents/minutes" class="sf-depth-4">Meeting Minutes</a></li><li id="menu-4678-1" class="middle odd sf-item-7 sf-depth-4 sf-no-children"><a href="/regents/actions" class="sf-depth-4">Actions</a></li><li id="menu-4681-1" class="middle even sf-item-8 sf-depth-4 sf-no-children"><a href="/regents/webcasts" class="sf-depth-4">Webcasts</a></li><li id="menu-4685-1" class="last odd sf-item-9 sf-depth-4 sf-no-children"><a href="/regents/contact" class="sf-depth-4">Contact</a></li></ul></li><li id="menu-4480-1" class="middle even sf-item-2 sf-depth-3 sf-no-children"><a href="/about/museums" class="sf-depth-3">Museums and Zoo</a></li><li id="menu-1828-1" class="middle odd sf-item-3 sf-depth-3 sf-no-children"><a href="/researchcenters" class="sf-depth-3">Research Centers</a></li><li id="menu-3651-1" class="middle even sf-item-4 sf-depth-3 sf-no-children"><a href="/cultural-centers" class="sf-depth-3">Cultural Centers</a></li><li id="menu-3166-1" class="middle odd sf-item-5 sf-depth-3 sf-no-children"><a href="/education" class="sf-depth-3">Education Centers</a></li><li id="menu-3406-1" class="middle even sf-item-6 sf-depth-3 menuparent"><a href="/ogc" class="sf-depth-3 menuparent">General Counsel</a><ul><li id="menu-3407-1" class="first odd sf-item-1 sf-depth-4 sf-no-children"><a href="/ogc/legalhistory" class="sf-depth-4">Legal History</a></li><li id="menu-3408-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/ogc/internships-office-general-counsel" class="sf-depth-4">Internships</a></li><li id="menu-3409-1" class="middle odd sf-item-3 sf-depth-4 menuparent"><a href="/ogc/records-requests" class="sf-depth-4 menuparent">Records Requests</a><ul><li id="menu-4886-1" class="firstandlast odd sf-item-1 sf-depth-5 sf-no-children"><a href="/ogc/records-reading-room" class="sf-depth-5">Reading Room</a></li></ul></li><li id="menu-3410-1" class="middle even sf-item-4 sf-depth-4 sf-no-children"><a href="/ogc/tort-claim" class="sf-depth-4">Tort Claim</a></li><li id="menu-4479-1" class="middle odd sf-item-5 sf-depth-4 sf-no-children"><a href="/ogc/responding-subpoenas" class="sf-depth-4">Subpoenas & Testimonies</a></li><li id="menu-3411-1" class="last even sf-item-6 sf-depth-4 sf-no-children"><a href="/ogc/office-general-counsel-events" class="sf-depth-4">Events</a></li></ul></li><li id="menu-19006-1" class="active-trail middle odd sf-item-7 sf-depth-3 menuparent"><a href="/ohr" class="sf-depth-3 menuparent">Office of Human Resources</a><ul><li id="menu-14956-1" class="first odd sf-item-1 sf-depth-4 sf-no-children"><a href="/ohr/benefits" style="hide" class="sf-depth-4">Employee Benefits</a></li><li id="menu-14962-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/ohr/howtoapply" class="sf-depth-4">How to Apply</a></li><li id="menu-16354-1" class="active-trail middle odd sf-item-3 sf-depth-4 sf-no-children"><a href="/ohr/jobs" class="active-trail sf-depth-4 active">Job Opportunities</a></li><li id="menu-14959-1" class="middle even sf-item-4 sf-depth-4 sf-no-children"><a href="/ohr/disabled" class="sf-depth-4">Job Seekers with Disabilities</a></li><li id="menu-14965-1" class="middle odd sf-item-5 sf-depth-4 sf-no-children"><a href="/ohr/faq" class="sf-depth-4">Frequently Asked Questions</a></li><li id="menu-19390-1" class="middle even sf-item-6 sf-depth-4 sf-no-children"><a href="/sicivil" class="sf-depth-4">SI Civil Program</a></li><li id="menu-14968-1" class="last odd sf-item-7 sf-depth-4 sf-no-children"><a href="/ohr/contactus" class="sf-depth-4">Contact Us</a></li></ul></li><li id="menu-5645-1" class="middle even sf-item-8 sf-depth-3 menuparent"><a href="/oeesd" class="sf-depth-3 menuparent">EEO & Small Business</a><ul><li id="menu-5646-1" class="first odd sf-item-1 sf-depth-4 sf-no-children"><a href="/oeesd/eeocomplaintprocess" class="sf-depth-4">EEO Complaint Process</a></li><li id="menu-5647-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/oeesd/IndividualswithDisabilities" class="sf-depth-4">Individuals with Disabilities</a></li><li id="menu-5649-1" class="middle odd sf-item-3 sf-depth-4 menuparent"><a href="/oeesd/small-business-program" class="sf-depth-4 menuparent">Small Business Program</a><ul><li id="menu-5767-1" class="first odd sf-item-1 sf-depth-5 sf-no-children"><a href="/oeesd/small-business-registration" class="sf-depth-5">Doing Business with Us</a></li><li id="menu-5768-1" class="middle even sf-item-2 sf-depth-5 sf-no-children"><a href="/oeesd/small-business-opportunities" class="sf-depth-5">Contracting Opportunities</a></li><li id="menu-5650-1" class="last odd sf-item-3 sf-depth-5 sf-no-children"><a href="/oeesd/small-business-resources" class="sf-depth-5">Additional Resources</a></li></ul></li><li id="menu-5648-1" class="last even sf-item-4 sf-depth-4 sf-no-children"><a href="/oeesd/SpecialEmphasisProgram" class="sf-depth-4">Special Emphasis Program</a></li></ul></li><li id="menu-19369-1" class="last odd sf-item-9 sf-depth-3 menuparent"><a href="/osp" class="sf-depth-3 menuparent">Sponsored Projects</a><ul><li id="menu-19372-1" class="first odd sf-item-1 sf-depth-4 menuparent"><a href="/osp/policies" class="sf-depth-4 menuparent">Policies</a><ul><li id="menu-20461-1" class="first odd sf-item-1 sf-depth-5 sf-no-children"><a href="/osp/policies/combating-trafficking-persons" class="sf-depth-5">Combating Trafficking in Persons</a></li><li id="menu-19381-1" class="middle even sf-item-2 sf-depth-5 sf-no-children"><a href="/osp/policies/animal-care" class="sf-depth-5">Animal Care and Use</a></li><li id="menu-19378-1" class="last odd sf-item-3 sf-depth-5 sf-no-children"><a href="/osp/policies/human-subject-research" class="sf-depth-5">Human Research</a></li></ul></li><li id="menu-19375-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/osp/reports" class="sf-depth-4">Reports</a></li><li id="menu-19366-1" class="last odd sf-item-3 sf-depth-4 sf-no-children"><a href="/osp/internships" class="sf-depth-4">Internships</a></li></ul></li></ul></li><li id="menu-10267-1" class="middle even sf-item-2 sf-depth-2 sf-no-children"><a href="/about/leadership" class="sf-depth-2">Our Leadership</a></li><li id="menu-3399-1" class="middle odd sf-item-3 sf-depth-2 menuparent"><a href="/about/reports" class="sf-depth-2 menuparent">Reports and Plans</a><ul><li id="menu-3397-1" class="first odd sf-item-1 sf-depth-3 sf-no-children"><a href="/about/annual-report" class="sf-depth-3">Annual Reports</a></li><li id="menu-5118-1" class="middle even sf-item-2 sf-depth-3 menuparent"><a href="/dashboard" class="sf-depth-3 menuparent">Metrics Dashboard</a><ul><li id="menu-5119-1" class="first odd sf-item-1 sf-depth-4 sf-no-children"><a href="/dashboard" class="btn btn-alt btn-large sf-depth-4">Dashboard Home</a></li><li id="menu-13345-1" class="middle even sf-item-2 sf-depth-4 sf-no-children"><a href="/dashboard/virtual-smithsonian" class="btn btn-alt btn-large sf-depth-4">Virtual Smithsonian</a></li><li id="menu-5122-1" class="middle odd sf-item-3 sf-depth-4 sf-no-children"><a href="/dashboard/public-engagement" class="btn btn-alt btn-large sf-depth-4">Public Engagement</a></li><li id="menu-5121-1" class="middle even sf-item-4 sf-depth-4 sf-no-children"><a href="/dashboard/national-collections" class="btn btn-alt btn-large sf-depth-4">National Collections</a></li><li id="menu-5125-1" class="middle odd sf-item-5 sf-depth-4 sf-no-children"><a href="/dashboard/research" class="btn btn-alt btn-large sf-depth-4">Research</a></li><li id="menu-5123-1" class="middle even sf-item-6 sf-depth-4 sf-no-children"><a href="/dashboard/people-operations" class="btn btn-alt btn-large sf-depth-4">People & Operations</a></li><li id="menu-5124-1" class="last odd sf-item-7 sf-depth-4 sf-no-children"><a href="/dashboard/crossing-boundaries" class="btn btn-alt btn-large sf-depth-4">One Smithsonian</a></li></ul></li><li id="menu-6287-1" class="last odd sf-item-3 sf-depth-3 sf-no-children"><a href="/strategicplan-2027" class="sf-depth-3">Strategic Plan</a></li></ul></li><li id="menu-6772-1" class="last even sf-item-4 sf-depth-2 menuparent"><a href="/newsdesk" class="sf-depth-2 menuparent">Newsdesk</a><ul><li id="menu-9097-1" class="first odd sf-item-1 sf-depth-3 sf-no-children"><a href="/newsdesk/releases" class="sf-depth-3">News Releases</a></li><li id="menu-9103-1" class="middle even sf-item-2 sf-depth-3 sf-no-children"><a href="/newsdesk/media-contacts" class="sf-depth-3">Media Contacts</a></li><li id="menu-9106-1" class="middle odd sf-item-3 sf-depth-3 sf-no-children"><a href="/newsdesk/photos" class="sf-depth-3">Photos and Video</a></li><li id="menu-9109-1" class="middle even sf-item-4 sf-depth-3 sf-no-children"><a href="/newsdesk/kits" class="sf-depth-3">Media Kits</a></li><li id="menu-9112-1" class="middle odd sf-item-5 sf-depth-3 sf-no-children"><a href="/newsdesk/factsheets" class="sf-depth-3">Fact Sheets</a></li><li id="menu-9241-1" class="middle even sf-item-6 sf-depth-3 sf-no-children"><a href="/newsdesk/about/stats" class="sf-depth-3">Visitor Stats</a></li><li id="menu-12094-1" class="middle odd sf-item-7 sf-depth-3 sf-no-children"><a href="/newsdesk/admin-bios" class="sf-depth-3">Secretary and Admin Bios</a></li><li id="menu-9115-1" class="last even sf-item-8 sf-depth-3 sf-no-children"><a href="/newsdesk/filming-requests" class="sf-depth-3">Filming Requests</a></li></ul></li></ul></li></ul></nav></div> </div> </div> </header> <div class="l-content-wrapper"> <a id="main-content"></a> <div class="l-main clearfix" role="main"> <div class="l-region--hero"> <div class="panel-pane pane-panels-mini pane-page-header l-container" id="panel-pane-1321" class="panel-pane pane-panels-mini pane-page-header l-container"> <div class="row-1"> <div class="panel-pane pane-node-title" id="panel-pane-358" class="panel-pane pane-node-title"> <h1 class="page-title field">Job Opportunities</h1> </div> <div class="panel-pane pane-entity-field pane-node-field-tagline" id="panel-pane-1129" class="panel-pane pane-entity-field pane-node-field-tagline"> <div class="content field field--name-field-tagline field--type-text field--label-hidden"> Office of Human Resources </div> </div> </div> </div> </div> <div class="layout l-container"> <div class="l-region--main-content col col-md-9"> <div class="panel-pane pane-entity-field pane-node-field-image spacing-bottom" id="panel-pane-1327" class="panel-pane pane-entity-field pane-node-field-image spacing-bottom"> <div class="content field field--name-field-image field--type-image field--label-hidden"> <picture >  <source srcset="https://www.si.edu/sites/default/files/styles/main_image/public/page_banner/20190612-honor-guard-6_0.jpeg?itok=tpUTl6Y0&timestamp=1701450029 1x" media="(min-width: 980px)" /> <source srcset="https://www.si.edu/sites/default/files/styles/main_tab/public/page_banner/20190612-honor-guard-6_0.jpeg?itok=xc4K6Cnn&timestamp=1701450029 1x" media="(min-width: 620px)" /> <source srcset="https://www.si.edu/sites/default/files/styles/main_mobile/public/page_banner/20190612-honor-guard-6_0.jpeg?itok=hK7cQnKN&timestamp=1701450029 1x" media="(min-width: 0px)" />  <img src="https://www.si.edu/sites/default/files/styles/main_image/public/page_banner/20190612-honor-guard-6_0.jpeg?itok=tpUTl6Y0&timestamp=1701450029" width="1280" height="566" alt="Smithsonian OPS guards, in uniform, standing in front of the Smithsonian." title="" /> </picture> </div> </div> <div class="panel-pane pane-entity-field pane-node-field-block-content" id="panel-pane-1330" class="panel-pane pane-entity-field pane-node-field-block-content"> <div class="entity entity-paragraphs-item paragraphs-item-embedded-block full-width field-layout bg-none field-bg" id="paragraphs-item-21127" class="entity entity-paragraphs-item paragraphs-item-embedded-block full-width field-layout bg-none field-bg"> <div class="content cf"> <div class="view view-jobs view-id-jobs view-display-id-jobs_page_grid2 view-dom-id-6e4d1c7bd21351ed750ec742256fbf7b" id="view-jobs-jobs-page-grid2"> <div class="view-header"> Total job opportunities displayed: 29 </div> <div class="view-filters"> <form class="ctools-auto-submit-full-form views-exposed-form-jobs-jobs-page-grid2" action="/ohr/jobs" method="get" id="views-exposed-form-jobs-jobs-page-grid2" accept-charset="UTF-8"><div><div class="views-exposed-form"> <div class="views-exposed-widgets clearfix"> <div id="edit-field-job-unit-tid-wrapper" class="views-exposed-widget views-widget-filter-field_job_unit_tid"> <label for="edit-field-job-unit-tid"> Smithsonian Unit </label> <div class="views-widget"> <div class="form-item form-type-select form-item-field-job-unit-tid"> <select id="edit-field-job-unit-tid" name="field_job_unit_tid" class="form-select"><option value="All" selected="selected">- Any -</option><option value="2731">Anacostia Community Museum</option><option value="2656">National Museum of African Art</option><option value="1354">National Museum of Natural History</option><option value="1348">National Museum of the American Indian</option><option value="2728">National Zoo and Conservation Biology Institute</option><option value="1318">National Zoological Park</option><option value="1282">Office of Advancement</option><option value="2910">Office of Contracting & Personal Property Management</option><option value="2725">Office of Digital Transformation</option><option value="2800">Office of Finance & Accounting</option><option value="2812">Office of the Under Secretary for Education</option><option value="2821">Smithsonian Associates</option><option value="1303">Smithsonian Astrophysical Observatory</option><option value="2704">Smithsonian Enterprises</option><option value="1300">Smithsonian Institution</option><option value="2626">Smithsonian Institution Traveling Exhibition Service and Smithsonian Affiliations</option></select> </div> </div> </div> <div id="edit-field-job-location-tid-wrapper" class="views-exposed-widget views-widget-filter-field_job_location_tid"> <label for="edit-field-job-location-tid"> Location </label> <div class="views-widget"> <div class="form-item form-type-select form-item-field-job-location-tid"> <select id="edit-field-job-location-tid" name="field_job_location_tid" class="form-select"><option value="All" selected="selected">- Any -</option><option value="1315">Amado, AZ</option><option value="2734">Bozeman, MT</option><option value="1306">Cambridge, MA</option><option value="2668">Chantilly, VA</option><option value="1270">Fort Pierce, FL</option><option value="1360">Front Royal, VA</option><option value="1345">Multiple Locations</option><option value="1342">New York, NY</option><option value="1294">Suitland, MD</option><option value="1276">Washington, DC</option></select> </div> </div> </div> <div id="edit-field-job-series-tid-wrapper" class="views-exposed-widget views-widget-filter-field_job_series_tid"> <label for="edit-field-job-series-tid"> Series </label> <div class="views-widget"> <div class="form-item form-type-select form-item-field-job-series-tid"> <select id="edit-field-job-series-tid" name="field_job_series_tid" class="form-select"><option value="All" selected="selected">- Any -</option><option value="1525">0190-General Anthropology</option><option value="1555">0301-Miscellaneous Administration And Program</option><option value="1597">0340-Program Management</option><option value="1606">0343-Management And Program Analysis</option><option value="1663">0408-Ecology</option><option value="1741">0501-Financial Administration And Program</option><option value="1744">0503-Financial Clerical And Assistance</option><option value="1750">0510-Accounting</option><option value="1759">0525-Accounting Technician</option><option value="1945">0701-Veterinary Medical Science</option><option value="2098">1001-General Arts And Information</option><option value="2161">1101-General Business And Industry</option><option value="2164">1102-Contracting</option><option value="2272">1310-Physics</option><option value="2293">1330-Astronomy And Space Science</option><option value="2410">1640-Facility Operations Services</option><option value="2434">1710-Education And Vocational Training</option><option value="2617">2210-Information Technology Management</option></select> </div> </div> </div> <div id="edit-combine-wrapper" class="views-exposed-widget views-widget-filter-combine"> <label for="edit-combine"> Search All </label> <div class="views-widget"> <div class="form-item form-type-textfield form-item-combine"> <input type="text" id="edit-combine" name="combine" value="" size="30" maxlength="128" class="form-text" /> </div> </div> </div> <div id="edit-sort-bef-combine-wrapper" class="views-exposed-widget views-widget-sort-sort_bef_combine"> <div class="views-widget"> <div class="form-item form-type-select form-item-sort-bef-combine"> <label for="edit-sort-bef-combine">Sort by </label> <select id="edit-sort-bef-combine" name="sort_bef_combine" class="form-select"><option value="field_job_grade_high_value ASC">Grade Ascending</option><option value="field_job_grade_high_value DESC" selected="selected">Grade Descending</option><option value="title ASC">Title Ascending</option><option value="title DESC">Title Descending</option><option value="field_job_location_tid ASC">Location Ascending</option><option value="field_job_location_tid DESC">Location Descending</option><option value="field_job_unit_tid ASC">Smithsonian Unit Ascending</option><option value="field_job_unit_tid DESC">Smithsonian Unit Descending</option><option value="field_job_application_close_date_value ASC">Closing Date Ascending</option><option value="field_job_application_close_date_value DESC">Closing Date Descending</option></select> </div> </div> </div> <div class="views-exposed-widget views-submit-button"> <button class="ctools-use-ajax ctools-auto-submit-click js-hide form-submit apply btn-svg" type="submit" id="edit-submit-jobs" name="" value="Apply"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" role="img" aria-labelledby="edit-submit-jobs--apply"><title id="edit-submit-jobs--apply">Apply</title> <path class="fill" d="M15.5,14H14.71l-0.28-.27a6.51,6.51,0,1,0-.7.7L14,14.71V15.5l5,5L20.49,19Zm-6,0A4.5,4.5,0,1,1,14,9.5,4.49,4.49,0,0,1,9.5,14Z" fill="#fff" /> <path d="M0,0H24V24H0V0Z" fill="none" /> </svg> </button> </div> </div> </div> </div></form> </div> <div class="view-content"> <div class="views-row views-row-1 views-row-odd views-row-first"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/320746" target="_blank">Executive Director, STARS (IS-0301-15)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0301-Miscellaneous Administration And Program</div> <div><strong>ID: </strong>25-62</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0301-15</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-28T00:00:00-04:00" class="date-display-single">April 28, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-2 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.usajobs.gov:443/GetJob/ViewDetails/834620100" target="_blank">Supervisory Veterinary Medical Officer</a> </h4> <div><strong>National Zoological Park</strong></div> <div>Front Royal, VA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All US Citizens </div> <div><strong>Series: </strong>0701-Veterinary Medical Science</div> <div><strong>ID: </strong>25DH-BD-312384-DEU-NZP</div> </div> <div class="si-jobs-job-card-right"> <div>GS-0701-14</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-22T23:59:59-04:00" class="date-display-single">April 22, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-3 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/326407" target="_blank">Supervisory IT Specialist (CRM Program Architect), (IS-2210-14)</a> </h4> <div><strong>Office of Digital Transformation</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>2210-Information Technology Management</div> <div><strong>ID: </strong>312368</div> </div> <div class="si-jobs-job-card-right"> <div>IS-2210-14</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-25T00:00:00-04:00" class="date-display-single">April 25, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-4 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/335048" target="_blank">Sponsored Research Data Analytics and Reporting Supervisor (IS-0301-13)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0301-Miscellaneous Administration And Program</div> <div><strong>ID: </strong>25-76</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0301-13</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-05-03T00:00:00-04:00" class="date-display-single">May 3, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-5 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.si.edu/sites/default/files/jobs/se-25-0125.pdf" target="_blank">Software Developer</a> </h4> <div><strong>Smithsonian Enterprises</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All US Citizens </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>SE-25-0125</div> </div> <div class="si-jobs-job-card-right"> <div>Pay Band L</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-21T00:00:00-04:00" class="date-display-single">April 21, 2025</span></div> <div class="new" style="color: green;"> New this week!</div> </div> </div> </div> </div> <div class="views-row views-row-6 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/335063" target="_blank">Contract Specialist IS-1102-12</a> </h4> <div><strong>Office of Contracting & Personal Property Management</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1102-Contracting</div> <div><strong>ID: </strong>312413</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1102-12</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-18T00:00:00-04:00" class="date-display-single">April 18, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-7 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.si.edu/sites/default/files/jobs/se-25-0124.pdf" target="_blank">Microsoft D365 Business Systems Analyst</a> </h4> <div><strong>Smithsonian Enterprises</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>SE-25-0124</div> </div> <div class="si-jobs-job-card-right"> <div>Pay Band K</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-11T00:00:00-04:00" class="date-display-single">April 11, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-8 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/318409" target="_blank">Financial Specialist, IS-0501-11/12</a> </h4> <div><strong>Office of the Under Secretary for Education</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0501-Financial Administration And Program</div> <div><strong>ID: </strong>312301</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0501-11/12</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-25T00:00:00-04:00" class="date-display-single">April 25, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-9 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/329336" target="_blank">Facility Operations Specialist, IS-1640-11/12</a> </h4> <div><strong>National Museum of Natural History</strong></div> <div>Fort Pierce, FL</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1640-Facility Operations Services</div> <div><strong>ID: </strong>312381</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1640-11/12</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-16T00:00:00-04:00" class="date-display-single">April 16, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-10 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/336498" target="_blank">Astrophysicist (Postdoctoral Research Fellow) (IS-1330-11)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1330-Astronomy And Space Science</div> <div><strong>ID: </strong>25-77</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1330-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-23T00:00:00-04:00" class="date-display-single">April 23, 2025</span></div> <div class="new" style="color: green;"> New this week!</div> </div> </div> </div> </div> <div class="views-row views-row-11 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/334198" target="_blank">Astrophysicist (Postdoctoral Research Fellow) (IS-1330-11)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1330-Astronomy And Space Science</div> <div><strong>ID: </strong>25-74</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1330-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-11T00:00:00-04:00" class="date-display-single">April 11, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-12 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/324839" target="_blank">Digital Engagement Specialist</a> </h4> <div><strong>Office of Digital Transformation</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>2210-Information Technology Management</div> <div><strong>ID: </strong>312347</div> </div> <div class="si-jobs-job-card-right"> <div>IS-2210-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-25T00:00:00-04:00" class="date-display-single">April 25, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-13 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/313289" target="_blank">Astrophysicist (Post-Doctoral Research Fellow) (IS-1330-11)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1330-Astronomy And Space Science</div> <div><strong>ID: </strong>25-35</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1330-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-11T00:00:00-04:00" class="date-display-single">April 11, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-14 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/311340" target="_blank">Supervisory Research Ecologist/Director Great Plains Science Program (IS-0408-13)</a> </h4> <div><strong>National Zoo and Conservation Biology Institute</strong></div> <div>Bozeman, MT</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0408-Ecology</div> <div><strong>ID: </strong>312215</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0408-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-14T00:00:00-04:00" class="date-display-single">April 14, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-15 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/328858" target="_blank">Advancement Specialist (IS-1001-11)</a> </h4> <div><strong>Office of Advancement</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1001-General Arts And Information</div> <div><strong>ID: </strong>312377</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1001-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-11T00:00:00-04:00" class="date-display-single">April 11, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-16 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/329085" target="_blank">Ecologist (Postdoctoral Research Fellow) (IS-0408-11)</a> </h4> <div><strong>National Zoo and Conservation Biology Institute</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0408-Ecology</div> <div><strong>ID: </strong>311456-3</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0408-11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-24T00:00:00-04:00" class="date-display-single">April 24, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-17 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.usajobs.gov:443/GetJob/ViewDetails/834151800" target="_blank">Electrician</a> </h4> <div><strong>Smithsonian Institution</strong></div> <div>Amado, AZ</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> Individuals with Disabilities, Government Wide/Status Only, Military spouses, Peace Corps & AmeriCorps Vista, Special authorities, Veterans </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>25-70</div> </div> <div class="si-jobs-job-card-right"> <div>WG-2805-10</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-23T23:59:59-04:00" class="date-display-single">April 23, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-18 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.usajobs.gov:443/GetJob/ViewDetails/834152800" target="_blank">Electrician</a> </h4> <div><strong>Smithsonian Institution</strong></div> <div>Amado, AZ</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All US Citizens </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>25-71</div> </div> <div class="si-jobs-job-card-right"> <div>WG-2805-10</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-23T23:59:59-04:00" class="date-display-single">April 23, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-19 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/330495" target="_blank">Administration Specialist</a> </h4> <div><strong>National Museum of the American Indian</strong></div> <div>Suitland, MD</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0301-Miscellaneous Administration And Program</div> <div><strong>ID: </strong>312391</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0301-09</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-23T00:00:00-04:00" class="date-display-single">April 23, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-20 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/319746" target="_blank">Ecologist (Postdoctoral Research Fellow) (IS-0408-09)</a> </h4> <div><strong>National Zoo and Conservation Biology Institute</strong></div> <div>Front Royal, VA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0408-Ecology</div> <div><strong>ID: </strong>312307</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0408-09</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-17T00:00:00-04:00" class="date-display-single">April 17, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-21 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/329507" target="_blank">Advancement Associate (Online Fundraising) (IS-1001-09)</a> </h4> <div><strong>Office of Advancement</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>1001-General Arts And Information</div> <div><strong>ID: </strong>312018RR</div> </div> <div class="si-jobs-job-card-right"> <div>IS-1001-09</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-16T00:00:00-04:00" class="date-display-single">April 16, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-22 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.si.edu/sites/default/files/jobs/se-25-0126.pdf" target="_blank">Digital Advertising Operations Coordinator</a> </h4> <div><strong>Smithsonian Enterprises</strong></div> <div>New York, NY</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>SE-25-0126</div> </div> <div class="si-jobs-job-card-right"> <div>Pay Band G</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-21T00:00:00-04:00" class="date-display-single">April 21, 2025</span></div> <div class="new" style="color: green;"> New this week!</div> </div> </div> </div> </div> <div class="views-row views-row-23 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/336453" target="_blank">Accounting Technician IS-0525-07</a> </h4> <div><strong>Smithsonian Associates</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0525-Accounting Technician</div> <div><strong>ID: </strong>312420</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0525-07</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-22T00:00:00-04:00" class="date-display-single">April 22, 2025</span></div> <div class="new" style="color: green;"> New this week!</div> </div> </div> </div> </div> <div class="views-row views-row-24 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/332558" target="_blank">Vendor Maintenance Technician (IS-0503-06)</a> </h4> <div><strong>Office of Finance & Accounting</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong>0503-Financial Clerical And Assistance</div> <div><strong>ID: </strong>312173-2</div> </div> <div class="si-jobs-job-card-right"> <div>IS-0503-06</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-11T00:00:00-04:00" class="date-display-single">April 11, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-25 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.si.edu/sites/default/files/jobs/se-25-0123.pdf" target="_blank">Parking Operations Supervisor</a> </h4> <div><strong>Smithsonian Enterprises</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>SE-25-0123</div> </div> <div class="si-jobs-job-card-right"> <div>Pay Band D</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-09T00:00:00-04:00" class="date-display-single">April 9, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-26 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/331932" target="_blank">Astrophysicist (Post-Doctoral Research Fellow), (IS-1330-11)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>25-72</div> </div> <div class="si-jobs-job-card-right"> <div>1330/11</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-14T00:00:00-04:00" class="date-display-single">April 14, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-27 views-row-odd"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/329333" target="_blank">Staff Assistant (IS-0301-09)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>25-69</div> </div> <div class="si-jobs-job-card-right"> <div>0301/09</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-25T00:00:00-04:00" class="date-display-single">April 25, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-28 views-row-even"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://www.usajobs.gov:443/GetJob/ViewDetails/834787200" target="_blank">Deputy Director, Facilities Operations</a> </h4> <div><strong>Smithsonian Institution</strong></div> <div>Washington, DC</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All US Citizens </div> <div><strong>Series: </strong>1640-Facility Operations Services</div> <div><strong>ID: </strong>EX-25-06</div> </div> <div class="si-jobs-job-card-right"> <div>SL-1640-0</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-25T23:59:59-04:00" class="date-display-single">April 25, 2025</span></div> </div> </div> </div> </div> <div class="views-row views-row-29 views-row-odd views-row-last"> <style> .view_filters { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } /* Custom styles for .views-exposed-widgets */ .view-jobs .views-exposed-form { display: flex; flex-wrap: wrap; } .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } @media (min-width: 600px) { .view-jobs .views-exposed-form .views-exposed-widgets { display: flex !important; flex-wrap: wrap !important; } } .si-jobs-view-content { display: flex; flex-wrap: wrap; gap: 20px; /* Space between cards */ justify-content: space-around; } .si-jobs-views-row { box-sizing: border-box; flex: 0 1 calc(50% - 20px); /* Two columns with spacing */ margin-bottom: 20px; display: flex; } .si-jobs-job-card { border: 1px solid #ccc; display: flex; background-color: #f9f9f9; box-shadow: 0 2px 4px rgba(0,0,0,0.1); width: 100%; } .si-jobs-job-card-left { padding: 15px; flex: 3; /* Larger section on the left */ } .si-jobs-job-card-right { padding: 15px; flex: 1; /* Smaller section on the right */ border-left: 1px solid #ccc; /* Add a border between the two sections */ } /* Responsive adjustments for the job cards */ @media (max-width: 768px) { .si-jobs-views-row { flex-direction: column; flex: 0 1 100%; /* Full width on smaller screens */ } .si-jobs-job-card { flex-direction: column; /* Stack the columns vertically on smaller screens */ } .si-jobs-job-card-right { border-left: none; border-top: 1px solid #ccc; /* Border on top for mobile */ } } .job-field-spacing { margin: 10px 0; } .views-exposed-form { padding: 15px; box-sizing: border-box; margin-bottom: 20px; } .views-exposed-widgets { display: flex; flex-wrap: wrap; gap: 0; /* No space between filters */ justify-content: flex-start; /* Align children to the start */ } .views-exposed-widget { flex-grow: 1; /* Allow each widget to grow */ min-width: 150px; /* Minimum width of filters to prevent squishing */ max-width: calc(33.333% - 10px); /* Maximum width of each filter */ } /* Adjusting for two columns on larger screens */ @media (min-width: 992px) { .views-exposed-widgets { justify-content: flex-start; } .views-exposed-widget { max-width: calc(50% - 10px); /* Each filter takes up to half of the container's width */ } } /* Adjust label padding */ .views-exposed-form label { padding-bottom: 0; } /* Base styles for the form items */ .views-exposed-form .form-item { margin-bottom: 10px; /* Spacing between fields */ } /* Base styles for the widget */ .views-exposed-widgets .views-exposed-widget { margin-right: 10px; /* Spacing between inline fields */ } /* Mobile and Tablet styles */ @media (max-width: 992px) { .views-exposed-widgets .views-exposed-widget { margin-right: 0; width: 100%; /* Each filter takes full width */ } /* Adjust the label to avoid extra space */ .views-exposed-form label { padding-bottom: 0; margin-bottom: 5px; /* Consistent space between the label and the input */ } /* Ensure the select and input fields are full width */ .views-exposed-widgets .form-select, .views-exposed-widgets .form-text { width: 100%; } } /* Styles for select elements to fix any select2 or chosen.js applied styles */ .views-exposed-form select { width: auto; max-width: 100%; } /* Make sure this is the last rule to override all previous ones */ @media (max-width: 992px) { .views-exposed-form select { width: 100% !important; /* Force select elements to be full width on mobile */ } } /* Style the 'No results' message */ .view-empty { clear: both; padding: 20px; background-color: #f9f9f9; /* Background color similar to the cards for consistency */ border: 1px solid #ccc; /* Border like the cards */ box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Shadow like the cards */ margin-top: 20px; /* Provide some space above the message */ text-align: center; /* Center the text */ } /* Adjust the layout of the filters and 'No results' message on smaller screens */ @media (max-width: 768px) { .views-exposed-widgets .views-exposed-widget { width: 100%; /* Full width for filters on small screens */ margin-right: 0; margin-bottom: 10px; /* Space between the filters */ } /* Adjust the 'No results' message on smaller screens to fit the layout */ .view-empty { margin-left: auto; margin-right: auto; width: 100%; /* Full width for the message on small screens */ box-sizing: border-box; /* Include padding and border in the element's width */ } } .view-jobs .views-exposed-form .views-widget-filter-combine { margin-top: 2.5rem; } </style> <div class="si-jobs-views-row"> <div class="si-jobs-job-card"> <div class="si-jobs-job-card-left">  <h4> <a href="https://smithsonian.pinpointhq.com/en/jobs/307686" target="_blank">Electronics Engineer (IS-0855-14)</a> </h4> <div><strong>Smithsonian Astrophysical Observatory</strong></div> <div>Cambridge, MA</div> <div class="job-field-spacing"> <strong>Who may apply: </strong><br> All may apply </div> <div><strong>Series: </strong></div> <div><strong>ID: </strong>25-46</div> </div> <div class="si-jobs-job-card-right"> <div>0855/14</div> <div><strong>Closing Date:</strong><br><span property="dc:date" datatype="xsd:dateTime" content="2025-04-25T00:00:00-04:00" class="date-display-single">April 25, 2025</span></div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> <div class="l-region--right-aside col col-md-3 last-md"> <div class="panel-pane pane-menu-tree pane-main-menu side-nav" id="panel-pane-1333" class="panel-pane pane-menu-tree pane-main-menu side-nav"> <h2 class="pane-title"> <a href="/ohr" class="active-trail">Office of Human Resources</a> </h2> <div class="menu-block-wrapper menu-block-ctools-main-menu-1 menu-name-main-menu parent-mlid-19006 menu-level-1"> <ul class="menu"><li class="first leaf menu-mlid-14956"><a href="/ohr/benefits" style="hide"><span class="menu-title">Employee Benefits</span></a></li> <li class="leaf menu-mlid-14962"><a href="/ohr/howtoapply"><span class="menu-title">How to Apply</span></a></li> <li class="leaf active-trail active menu-mlid-16354"><a href="/ohr/jobs" class="active-trail active"><span class="menu-title">Job Opportunities</span></a></li> <li class="leaf menu-mlid-14959"><a href="/ohr/disabled"><span class="menu-title">Job Seekers with Disabilities</span></a></li> <li class="leaf menu-mlid-14965"><a href="/ohr/faq"><span class="menu-title">Frequently Asked Questions</span></a></li> <li class="leaf menu-mlid-19390"><a href="/sicivil"><span class="menu-title">SI Civil Program</span></a></li> <li class="last leaf menu-mlid-14968"><a href="/ohr/contactus"><span class="menu-title">Contact Us</span></a></li> </ul></div> </div> </div> </div> </div> </div> <footer class="l-footer"> <div class="l-container l-region l-region--footer"> <div id="block-panels-mini-footer" class="block block--panels-mini block--panels-mini-footer"> <div class="panel-2col-stacked clearfix panel-display" id="mini-panel-footer"> <div class="panel-col-top panel-panel"> <div class="l-container"><div class="panel-pane pane-block pane-block-1" id="panel-pane-355" class="panel-pane pane-block pane-block-1"> <h2 class="pane-title element-invisible" id="footer-logo"> Footer logo </h2> <div aria-labelledby="footer-logo"><p class="logo-wrapper" style="max-height:100px;"><a class="si-logo" href="/"><span class="sr-only">Link to homepage</span></a></p> </div> </div> <div class="panel-pane pane-block pane-menu-menu-footer robots-noindex" id="panel-pane-356" class="panel-pane pane-block pane-menu-menu-footer robots-noindex"> <h3 class="pane-title element-invisible" id="footer-navigation"> Footer navigation </h3> <nav aria-labelledby="footer-navigation"><ul class="menu"><li class="first leaf"><a href="/contacts"><span class="menu-title">Contact Us</span></a></li> <li class="leaf active-trail"><a href="/ohr/jobs" class="active-trail active"><span class="menu-title">Job Opportunities</span></a></li> <li class="leaf"><a href="/getinvolved"><span class="menu-title">Get Involved</span></a></li> <li class="leaf"><a href="https://oig.si.edu"><span class="menu-title">Inspector General</span></a></li> <li class="leaf"><a href="/ogc/records-requests"><span class="menu-title">Records Requests</span></a></li> <li class="leaf"><a href="/faqs/access"><span class="menu-title">Accessibility</span></a></li> <li class="leaf"><a href="/oeesd"><span class="menu-title">EEO & Small Business</span></a></li> <li class="leaf"><a href="/shop"><span class="menu-title">Shop Online</span></a></li> <li class="leaf"><a href="/specialevents"><span class="menu-title">Host Your Event</span></a></li> <li class="leaf"><a href="/newsdesk"><span class="menu-title">Press Room</span></a></li> <li class="leaf"><a href="/privacy"><span class="menu-title">Privacy</span></a></li> <li class="last leaf"><a href="/termsofuse"><span class="menu-title">Terms of Use</span></a></li> </ul></nav> </div> </div> </div> <div class="panel-col-bottom panel-panel"> <div class="panel-pane pane-block pane-menu-menu-social-media robots-noindex" id="panel-pane-354" class="panel-pane pane-block pane-menu-menu-social-media robots-noindex"> <h3 class="pane-title element-invisible" id="social-media-links"> Social media links </h3> <nav aria-labelledby="social-media-links"><ul class="menu"><li class="first leaf"><a href="https://www.facebook.com/Smithsonian" title="Facebook" class="fa fa-facebook-f fa-brands" target="_blank"><span class="menu-title">Facebook</span></a></li> <li class="leaf"><a href="https://instagram.com/smithsonian" class="fa-brands fa-instagram"><span class="menu-title">Instagram</span></a></li> <li class="leaf"><a href="https://www.youtube.com/c/smithsonian" class="fa-brands fa-youtube"><span class="menu-title">YouTube</span></a></li> <li class="last leaf"><a href="https://www.linkedin.com/company/smithsonian-institution" class="fa-brands fa-linkedin" target="_blank"><span class="menu-title">LinkedIn</span></a></li> </ul></nav> </div> <div class="panel-pane pane-block pane-webform-client-block-682426" id="panel-pane-1552" class="panel-pane pane-block pane-webform-client-block-682426"> <div id="node-682426" class="node node--webform node--promoted node--full node--webform--full clearfix" about="/webform/get-latest-news-smithsonian" typeof="sioc:Item foaf:Document" role="article" class="node node--webform node--promoted node--full node--webform--full"> <h2 class="node__title"><a href="/webform/get-latest-news-smithsonian">Get the latest news from the Smithsonian</a></h2> <span property="dc:title" content="Get the latest news from the Smithsonian" class="rdf-meta element-hidden"></span> <div class="content" class="node__content"> <p><a class="btn green colorbox-inline newsletter-signup" href="?width=700&height=425&inline=true#webform-client-form-682426">Sign up for Smithsonian e-news</a></p> <div class="group-webform-wrapper field-group-html-element" id="newsletter-signup-form"><form class="webform-client-form webform-client-form-682426 webform-client-form-682426" action="/ohr/jobs" method="post" id="webform-client-form-682426" accept-charset="UTF-8"><div><div class="form-item webform-component webform-component-markup webform-component--title"> <h2 class="title">Get the latest news from the Smithsonian</h2> </div> <div class="form-item webform-component webform-component-email webform-component--si-email-signup-form webform-container-inline"> <label for="edit-submitted-si-email-signup-form">Sign up for Smithsonian e-news: <span class="form-required" title="This field is required.">*</span></label> <input required="required" class="email form-text form-email required" type="email" id="edit-submitted-si-email-signup-form" name="submitted[si_email_signup_form]" size="60" /> <div class="description">Email powered by BlackBaud (Privacy Policy, Terms of Use)</div> </div> <div class="form-item webform-component webform-component-markup webform-component--msg-container"> </div> <input type="hidden" name="details[sid]" /> <input type="hidden" name="details[page_num]" value="1" /> <input type="hidden" name="details[page_count]" value="1" /> <input type="hidden" name="details[finished]" value="0" /> <input type="hidden" name="form_build_id" value="form-8p5LW3K9-v6LE0xYj3-ctbpg0wyRxCVpKkx8JVUo8MY" /> <input type="hidden" name="form_id" value="webform_client_form_682426" /> <fieldset class="captcha form-wrapper"><legend><span class="fieldset-legend">CAPTCHA</span></legend><div class="fieldset-wrapper"><div class="fieldset-description">This question is for testing whether or not you are a human visitor and to prevent automated spam submissions.</div><input type="hidden" name="captcha_sid" value="402562350" /> <input type="hidden" name="captcha_token" value="bf62ddf75ac7dec6e23264b05842e2f0" /> <input type="hidden" name="captcha_response" value="Google no captcha" /> <div class="g-recaptcha" data-sitekey="6LfgLRkUAAAAAP_vdq2zcO4mnPVvqqxDXyINJVEJ" data-theme="light" data-type="image"></div><noscript> <div style="width: 302px; height: 352px;"> <div style="width: 302px; height: 352px; position: relative;"> <div style="width: 302px; height: 352px; position: absolute;"> <iframe src="https://www.google.com/recaptcha/api/fallback?k=6LfgLRkUAAAAAP_vdq2zcO4mnPVvqqxDXyINJVEJ&hl=en" frameborder="0" scrolling="no" style="width: 302px; height:352px; border-style: none;"></iframe> </div> <div style="width: 250px; height: 80px; position: absolute; border-style: none; bottom: 21px; left: 25px; margin: 0px; padding: 0px; right: 25px;"> <textarea id="g-recaptcha-response" name="g-recaptcha-response" class="g-recaptcha-response" style="width: 250px; height: 80px; border: 1px solid #c1c1c1; margin: 0px; padding: 0px; resize: none;" value=""></textarea> </div> </div> </div> </noscript> <input type="hidden" name="captcha_cacheable" value="1" /> </div></fieldset> <div class="form-actions"><input class="webform-submit button-primary form-submit " type="submit" name="op" value=">>" /></div></div></form></div> </div> </div> </div> </div> </div> </div> </div> </footer> <div class="region--postscript"> <div> <a href="#main-content" class="page-nav" id="back-to-top"><span class="icon"></span><span class="text">Back to Top</span> </a> </div> </div> </div>   <script> window.webtrendsAsyncInit=function(){ var dcs=new Webtrends.dcs().init({ dcsid:"dcsuft0skadzpxvkk977nydg5_3r1t", domain:"logs1.smithsonian.museum", timezone:-5, i18n:true, fpcdom:".si.edu", plugins:{ } }).track(); }; (function(){ var s=document.createElement("script"); s.async=true; s.src="https://www.si.edu/sites/all/modules/si_webtrends/js/webtrends.min.js"; var s2=document.getElementsByTagName("script")[0]; s2.parentNode.insertBefore(s,s2); }()); </script> <noscript><img alt="dcsimg" id="dcsimg" width="1" height="1" src="//logs1.smithsonian.museum/dcsuft0skadzpxvkk977nydg5_3r1t/njs.gif?dcsuri=/nojavascript&WT.js=No&WT.tv=10.4.23&dcssip=si.edu"/></noscript>  <script src="https://www.si.edu/sites/all/themes/si_baseline/js/si_promo.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/colorbox-gs.js?sug11p"></script> <script src="https://www.si.edu/sites/all/themes/si_baseline/js/si_views.js?sug11p"></script> </body> </html>

CINXE.COM

Job Opportunities | Smithsonian Institution