CINXE.COM

<!DOCTYPE html> <html lang="en-US" class="no-js"> <head>  <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-THQNJTD');</script>  <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1" /><meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style>  <title>Museum of Craft and Design - MCD</title> <link rel="canonical" href="https://sfmcd.org/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Museum of Craft and Design - MCD" /> <meta property="og:url" content="https://sfmcd.org/" /> <meta property="og:site_name" content="MCD" /> <meta property="article:publisher" content="https://www.facebook.com/MuseumofCraftandDesign" /> <meta property="article:modified_time" content="2024-11-25T22:06:24+00:00" /> <meta property="og:image" content="https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-1024x683.png" /> <meta property="og:image:width" content="1024" /> <meta property="og:image:height" content="683" /> <meta property="og:image:type" content="image/png" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:site" content="@SF_MCD" /> <script type="application/ld+json" class="yoast-schema-graph">{"@context":"https://schema.org","@graph":[{"@type":"WebPage","@id":"https://sfmcd.org/","url":"https://sfmcd.org/","name":"Museum of Craft and Design - MCD","isPartOf":{"@id":"https://sfmcd.org/#website"},"about":{"@id":"https://sfmcd.org/#organization"},"primaryImageOfPage":{"@id":"https://sfmcd.org/#primaryimage"},"image":{"@id":"https://sfmcd.org/#primaryimage"},"thumbnailUrl":"https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-300x200.png","datePublished":"2013-11-27T10:05:46+00:00","dateModified":"2024-11-25T22:06:24+00:00","breadcrumb":{"@id":"https://sfmcd.org/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https://sfmcd.org/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https://sfmcd.org/#primaryimage","url":"https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right.png","contentUrl":"https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right.png","width":4500,"height":3000,"caption":"Digital rendering of a white van wrapped in with the Museum of Craft and Design logo in rainbow colors"},{"@type":"BreadcrumbList","@id":"https://sfmcd.org/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https://sfmcd.org/#website","url":"https://sfmcd.org/","name":"MCD","description":"Museum of Craft and Design in San Francisco","publisher":{"@id":"https://sfmcd.org/#organization"},"alternateName":"The Museum of Craft and Design","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://sfmcd.org/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https://sfmcd.org/#organization","name":"MCD - Museum of Craft and Design in San Francisco","url":"https://sfmcd.org/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https://sfmcd.org/#/schema/logo/image/","url":"https://sfmcd.org/wp-content/uploads/2021/02/SFMCD-Logo-black.png","contentUrl":"https://sfmcd.org/wp-content/uploads/2021/02/SFMCD-Logo-black.png","width":975,"height":541,"caption":"MCD - Museum of Craft and Design in San Francisco"},"image":{"@id":"https://sfmcd.org/#/schema/logo/image/"},"sameAs":["https://www.facebook.com/MuseumofCraftandDesign","https://x.com/SF_MCD","https://www.instagram.com/museumofcraftanddesign/"]}]}</script> <meta name="google-site-verification" content="Scw4-TuRDoZhHSYHHZKCklgj4fKeTdMnA0y-mEjoWFA" />  <link rel='dns-prefetch' href='//fonts.googleapis.com' /> <link rel="alternate" type="text/calendar" title="MCD » iCal Feed" href="https://sfmcd.org/events-raw/?ical=1" /> <script type="text/javascript"> /* <![CDATA[ */ window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/sfmcd.org\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); /* ]]> */ </script> <link rel='stylesheet' id='tribe-events-pro-mini-calendar-block-styles-css' href='https://sfmcd.org/wp-content/plugins/events-calendar-pro/src/resources/css/tribe-events-pro-mini-calendar-block.min.css?ver=7.3.0' type='text/css' media='all' /> <link rel='stylesheet' id='dashicons-css' href='https://sfmcd.org/wp-includes/css/dashicons.min.css?ver=6.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='tec-variables-skeleton-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/common/src/resources/css/variables-skeleton.min.css?ver=6.4.1' type='text/css' media='all' /> <link rel='stylesheet' id='tec-variables-full-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/common/src/resources/css/variables-full.min.css?ver=6.4.1' type='text/css' media='all' /> <link rel='stylesheet' id='tribe-common-skeleton-style-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/common/src/resources/css/common-skeleton.min.css?ver=6.4.1' type='text/css' media='all' /> <link rel='stylesheet' id='tribe-common-full-style-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/common/src/resources/css/common-full.min.css?ver=6.4.1' type='text/css' media='all' /> <link rel='stylesheet' id='event-tickets-tickets-css-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/src/resources/css/tickets.min.css?ver=5.18.0' type='text/css' media='all' /> <link rel='stylesheet' id='event-tickets-tickets-rsvp-css-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/src/resources/css/rsvp-v1.min.css?ver=5.18.0' type='text/css' media='all' /> <style id='wp-emoji-styles-inline-css' type='text/css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='foobox-free-min-css' href='https://sfmcd.org/wp-content/plugins/foobox-image-lightbox/free/css/foobox.free.min.css?ver=2.7.33' type='text/css' media='all' /> <link rel='stylesheet' id='mc4wp-form-themes-css' href='https://sfmcd.org/wp-content/plugins/mailchimp-for-wp/assets/css/form-themes.css?ver=4.9.19' type='text/css' media='all' /> <link rel='stylesheet' id='font-awesome-css' href='https://sfmcd.org/wp-content/themes/salient/css/font-awesome-legacy.min.css?ver=4.7.1' type='text/css' media='all' /> <link rel='stylesheet' id='salient-grid-system-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/grid-system.css?ver=16.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='main-styles-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/style.css?ver=16.2.2' type='text/css' media='all' /> <style id='main-styles-inline-css' type='text/css'> html:not(.page-trans-loaded) { background-color: #ffffff; } </style> <link rel='stylesheet' id='nectar-basic-events-calendar-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/third-party/events-calendar.css?ver=16.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='nectar_default_font_open_sans-css' href='https://fonts.googleapis.com/css?family=Open+Sans%3A300%2C400%2C600%2C700&subset=latin%2Clatin-ext' type='text/css' media='all' /> <link rel='stylesheet' id='responsive-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/responsive.css?ver=16.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='skin-material-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/skin-material.css?ver=16.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='salient-wp-menu-dynamic-css' href='https://sfmcd.org/wp-content/uploads/salient/menu-dynamic.css?ver=71413' type='text/css' media='all' /> <link rel='stylesheet' id='js_composer_front-css' href='https://sfmcd.org/wp-content/plugins/js_composer_salient/assets/css/js_composer.min.css?ver=7.6' type='text/css' media='all' /> <link rel='stylesheet' id='event-tickets-rsvp-css' href='https://sfmcd.org/wp-content/plugins/event-tickets/src/resources/css/rsvp.min.css?ver=5.18.0' type='text/css' media='all' /> <link rel='stylesheet' id='dynamic-css-css' href='https://sfmcd.org/wp-content/themes/salient/css/salient-dynamic-styles.css?ver=39851' type='text/css' media='all' /> <style id='dynamic-css-inline-css' type='text/css'> .no-rgba #header-space{display:none;}@media only screen and (max-width:999px){body #header-space[data-header-mobile-fixed="1"]{display:none;}#header-outer[data-mobile-fixed="false"]{position:absolute;}}@media only screen and (max-width:999px){body:not(.nectar-no-flex-height) #header-space[data-secondary-header-display="full"]:not([data-header-mobile-fixed="false"]){display:block!important;margin-bottom:-56px;}#header-space[data-secondary-header-display="full"][data-header-mobile-fixed="false"]{display:none;}}@media only screen and (min-width:1000px){#header-space{display:none;}.nectar-slider-wrap.first-section,.parallax_slider_outer.first-section,.full-width-content.first-section,.parallax_slider_outer.first-section .swiper-slide .content,.nectar-slider-wrap.first-section .swiper-slide .content,#page-header-bg,.nder-page-header,#page-header-wrap,.full-width-section.first-section{margin-top:0!important;}body #page-header-bg,body #page-header-wrap{height:116px;}body #search-outer{z-index:100000;}}@media only screen and (min-width:1000px){#page-header-wrap.fullscreen-header,#page-header-wrap.fullscreen-header #page-header-bg,html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,#nectar_fullscreen_rows:not(.afterLoaded) > div{height:100vh;}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:100vh;}#page-header-bg[data-alignment-v="middle"] .span_6 .inner-wrap,#page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap,.blog-archive-header.color-bg .container{padding-top:113px;}#page-header-wrap.container #page-header-bg .span_6 .inner-wrap{padding-top:0;}.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh + 2px)!important;}.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.admin-bar .nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container{height:calc(100vh - 30px)!important;}}@media only screen and (max-width:999px){#page-header-bg[data-alignment-v="middle"]:not(.fullscreen-header) .span_6 .inner-wrap,#page-header-bg[data-alignment-v="top"] .span_6 .inner-wrap,.blog-archive-header.color-bg .container{padding-top:40px;}.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12,#page-header-bg[data-alignment-v="bottom"] .span_6 .inner-wrap{padding-top:30px;}}@media only screen and (max-width:690px){.vc_row.top-level.full-width-section:not(.full-width-ns) > .span_12{padding-top:40px;}.vc_row.top-level.full-width-content .nectar-recent-posts-single_featured .recent-post-container > .inner-wrap{padding-top:30px;}}@media only screen and (max-width:999px){.full-width-ns .nectar-slider-wrap .swiper-slide[data-y-pos="middle"] .content,.full-width-ns .nectar-slider-wrap .swiper-slide[data-y-pos="top"] .content{padding-top:30px;}}@media only screen and (max-width:999px){.using-mobile-browser #nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"]) > div{height:calc(100vh - 76px);}.using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,.using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12,[data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level,[data-permanent-transparent="1"].using-mobile-browser .wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 76px);}html:not(.nectar-box-roll-loaded) .nectar-box-roll > #page-header-bg.fullscreen-header,.nectar_fullscreen_zoom_recent_projects,.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded),.nectar-slider-wrap[data-fullscreen="true"]:not(.loaded) .swiper-container,#nectar_fullscreen_rows:not(.afterLoaded):not([data-mobile-disable="on"]) > div{height:calc(100vh - 1px);}.wpb_row.vc_row-o-full-height.top-level,.wpb_row.vc_row-o-full-height.top-level > .col.span_12{min-height:calc(100vh - 1px);}body[data-transparent-header="false"] #ajax-content-wrap.no-scroll{min-height:calc(100vh - 1px);height:calc(100vh - 1px);}}#nectar_fullscreen_rows{background-color:transparent;}body .container-wrap .wpb_row[data-column-margin="none"]:not(.full-width-section):not(.full-width-content){margin-bottom:0;}body .container-wrap .vc_row-fluid[data-column-margin="none"] > .span_12,body .container-wrap .vc_row-fluid[data-column-margin="none"] .full-page-inner > .container > .span_12,body .container-wrap .vc_row-fluid[data-column-margin="none"] .full-page-inner > .span_12{margin-left:0;margin-right:0;}body .container-wrap .vc_row-fluid[data-column-margin="none"] .wpb_column:not(.child_column),body .container-wrap .inner_row[data-column-margin="none"] .child_column{padding-left:0;padding-right:0;}#ajax-content-wrap .vc_row.left_padding_20px .row_col_wrap_12,.nectar-global-section .vc_row.left_padding_20px .row_col_wrap_12{padding-left:20px;}#ajax-content-wrap .vc_row.right_padding_20px .row_col_wrap_12,.nectar-global-section .vc_row.right_padding_20px .row_col_wrap_12{padding-right:20px;}body .container-wrap .wpb_row[data-column-margin="40px"]:not(.full-width-section):not(.full-width-content){margin-bottom:40px;}body .container-wrap .vc_row-fluid[data-column-margin="40px"] > .span_12,body .container-wrap .vc_row-fluid[data-column-margin="40px"] .full-page-inner > .container > .span_12,body .container-wrap .vc_row-fluid[data-column-margin="40px"] .full-page-inner > .span_12{margin-left:-20px;margin-right:-20px;}body .container-wrap .vc_row-fluid[data-column-margin="40px"] .wpb_column:not(.child_column),body .container-wrap .inner_row[data-column-margin="40px"] .child_column{padding-left:20px;padding-right:20px;}.container-wrap .vc_row-fluid[data-column-margin="40px"].full-width-content > .span_12,.container-wrap .vc_row-fluid[data-column-margin="40px"].full-width-content .full-page-inner > .span_12{margin-left:0;margin-right:0;padding-left:20px;padding-right:20px;}.single-portfolio #full_width_portfolio .vc_row-fluid[data-column-margin="40px"].full-width-content > .span_12{padding-right:20px;}@media only screen and (max-width:999px) and (min-width:691px){.vc_row-fluid[data-column-margin="40px"] > .span_12 > .one-fourths:not([class*="vc_col-xs-"]),.vc_row-fluid .vc_row-fluid.inner_row[data-column-margin="40px"] > .span_12 > .one-fourths:not([class*="vc_col-xs-"]){margin-bottom:40px;}}.col.padding-5-percent > .vc_column-inner,.col.padding-5-percent > .n-sticky > .vc_column-inner{padding:calc(600px * 0.06);}@media only screen and (max-width:690px){.col.padding-5-percent > .vc_column-inner,.col.padding-5-percent > .n-sticky > .vc_column-inner{padding:calc(100vw * 0.06);}}@media only screen and (min-width:1000px){.col.padding-5-percent > .vc_column-inner,.col.padding-5-percent > .n-sticky > .vc_column-inner{padding:calc((100vw - 180px) * 0.05);}.column_container:not(.vc_col-sm-12) .col.padding-5-percent > .vc_column-inner{padding:calc((100vw - 180px) * 0.025);}}@media only screen and (min-width:1425px){.col.padding-5-percent > .vc_column-inner{padding:calc(1245px * 0.05);}.column_container:not(.vc_col-sm-12) .col.padding-5-percent > .vc_column-inner{padding:calc(1245px * 0.025);}}.full-width-content .col.padding-5-percent > .vc_column-inner{padding:calc(100vw * 0.05);}@media only screen and (max-width:999px){.full-width-content .col.padding-5-percent > .vc_column-inner{padding:calc(100vw * 0.06);}}@media only screen and (min-width:1000px){.full-width-content .column_container:not(.vc_col-sm-12) .col.padding-5-percent > .vc_column-inner{padding:calc(100vw * 0.025);}}body #ajax-content-wrap .col[data-padding-pos="right"] > .vc_column-inner,#ajax-content-wrap .col[data-padding-pos="right"] > .n-sticky > .vc_column-inner{padding-left:0;padding-top:0;padding-bottom:0}.col.padding-2-percent > .vc_column-inner,.col.padding-2-percent > .n-sticky > .vc_column-inner{padding:calc(600px * 0.03);}@media only screen and (max-width:690px){.col.padding-2-percent > .vc_column-inner,.col.padding-2-percent > .n-sticky > .vc_column-inner{padding:calc(100vw * 0.03);}}@media only screen and (min-width:1000px){.col.padding-2-percent > .vc_column-inner,.col.padding-2-percent > .n-sticky > .vc_column-inner{padding:calc((100vw - 180px) * 0.02);}.column_container:not(.vc_col-sm-12) .col.padding-2-percent > .vc_column-inner{padding:calc((100vw - 180px) * 0.01);}}@media only screen and (min-width:1425px){.col.padding-2-percent > .vc_column-inner{padding:calc(1245px * 0.02);}.column_container:not(.vc_col-sm-12) .col.padding-2-percent > .vc_column-inner{padding:calc(1245px * 0.01);}}.full-width-content .col.padding-2-percent > .vc_column-inner{padding:calc(100vw * 0.02);}@media only screen and (max-width:999px){.full-width-content .col.padding-2-percent > .vc_column-inner{padding:calc(100vw * 0.03);}}@media only screen and (min-width:1000px){.full-width-content .column_container:not(.vc_col-sm-12) .col.padding-2-percent > .vc_column-inner{padding:calc(100vw * 0.01);}}.wpb_column.child_column.right_margin_0px{margin-right:0!important;}.wpb_column.child_column.left_margin_0px{margin-left:0!important;}.wpb_column[data-cfc="true"] h1,.wpb_column[data-cfc="true"] h2,.wpb_column[data-cfc="true"] h3,.wpb_column[data-cfc="true"] h4,.wpb_column[data-cfc="true"] h5,.wpb_column[data-cfc="true"] h6,.wpb_column[data-cfc="true"] p{color:inherit}@media only screen and (max-width:999px){.wpb_column.child_column.top_margin_tablet_40px{margin-top:40px!important;}}@media only screen and (max-width:999px){.wpb_column.child_column.top_margin_tablet_20px{margin-top:20px!important;}}@media only screen and (max-width:690px){.wpb_column.child_column.top_margin_phone_20px{margin-top:20px!important;}}@media only screen and (max-width:690px){body .wpb_row .wpb_column.child_column.padding-2-percent_phone > .vc_column-inner,body .wpb_row .wpb_column.child_column.padding-2-percent_phone > .n-sticky > .vc_column-inner{padding:calc(690px * 0.02);}}.screen-reader-text,.nectar-skip-to-content:not(:focus){border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;}.row .col img:not([srcset]){width:auto;}.row .col img.img-with-animation.nectar-lazy:not([srcset]){width:100%;} .wpb_gallery .nectar-flickity .flickity-slider .cell .item-meta h4 {font-size:10px; line-height:14px;} .tribe-events .tribe-events-calendar-list__month-separator-text {margin-right:10px;} #tribe-events-pg-template.tribe-events-pg-template {max-width:1400px !important;} #menu-item-13612 {border-top:2px solid white;} a:link { font-size:inherit; } .article a:link, .article a:visited { color: #444; } .textwidget a:link { font-size:14px; } .foogallery .fg-caption { background-color: rgba(0, 0, 0, 0.8) !important; } #tribe-events-pg-template.tribe-events-pg-template { max-width: 1000px } h2.tribe-events-page-title { margin-top:.5em; } .tribe-events-list .tribe-events-loop .tribe-events-content { width:67%; } .tribe-events-list .tribe-events-event-image+div.tribe-events-content.tribe-events-list-event-description { float:left ; } .tribe-events-list .type-tribe_events h2 { text-transform: uppercase; } h2.tribe-events-list-event-title.entry-title.summary { line-height:1.1em !important; } .tribe-events-event-image { width:100% !important; padding-bottom:10px; } .tribe-events-tooltip:not(.tribe-event-featured) .tribe-events-event-thumb {padding: .85em 1em 1em 0;} @media only screen and (max-width: 770px) { .tribe-events-list .tribe-events-event-image+div.tribe-events-content.tribe-events-list-event-description { float:none ; } } /* YOAST */ #breadcrumbs {display:none;} /* JOTFORM */ .supernova .form-all {box-shadow: 0 0px 0px rgba(0, 0, 0, 0) !important;} /* POP UP */ .pum-title {font-family: Barlow;font-size: 24px;line-height: 28px;font-weight: 600;} .pum-content, .pum-content p {font-family: Barlow;font-size: 16px;line-height: 22px;} .pum-overlay .active:before {display:none !important;} .pum-overlay:before {display:none !important;} .pum-container .pum-title {margin-bottom:.8em;} .no-show {display:none;} .container-wrap[data-nav-pos="after_project_2"] .bottom_controls #portfolio-nav ul, .blog_next_prev_buttons[data-style="fullwidth_next_prev"] .controls{display:none;} body.page-template-page-sidebar-php .main-content >.row >.post-area {margin-top:0px;} ul ul li, ul ol li, ol ul li {list-style-type:circle;margin-top:5px;} ul ul ul li, ol ul ul li, ol ol ul li, ul ol ul li {list-style-type:square;margin-top:5px;} /* BUTTONS */ body .nectar-button.large, body .nectar-button.jumbo {border-radius:0px !important; letter-spacing:1px !important;} /* FOOTER */ #footer-outer .container {width:94%;max-width:94%;} .mc4wp-form-theme {margin: -.4em 0 0em 0 !important;} /* PRESS */ .presscol1 {width:50%;float:left;padding-right:5%;} .presscol2 {width:44%;float:left;} .presswrap {clear:both;padding-bottom:20px;border-bottom:1px solid #cccccc;} /* NAVIGATION */ .menu-item a {outline:1px;} #header-outer.transparent #top nav > ul > li > a {opacity:1 !important;} body.material #header-outer .slide-out-widget-area-toggle a .close-line, body.material #header-outer[data-using-logo].transparent .slide-out-widget-area-toggle a .close-line, body.material:not(.mobile) #header-outer.transparent .slide-out-widget-area-toggle a .close-line {background-color:white !important;} #header-outer.small-nav #logo, #header-outer.small-nav .logo-spacing {margin-top:0px !important;margin-bottom:0px !important;} #header-space {height:60px !important;} .subnav a, .subnav {color: #807e7e !important;font-family:Barlow Condensed;} .subnav a:hover {color:black !important;border-bottom:1px solid black; text-decoration:none;} #subnav {padding-top:14px !important;padding-bottom:14px !important;color: #807e7e !important;} #subnav a {color: #807e7e !important;} #subnav a:hover {color: black !important;} #subnav .row-bg-wrap {background:white;} #subnav a {margin:0px 6px;} #subnav a:nth-child(1) {margin-left:0px;} .nectar-button.large {font-size:22px;} .MCDHappeningSubmit .material input[type="submit"] {font-size:16px;} a.learnmore {color:#e02612;} a.learnmore:hover {color: inherit;} a.learnmorehpbanner {color:#000000;} a.learnmorehpbanner:hover {color: #e02612;} a.learnmoreorange {color:#e02612 !important;border-bottom:0px solid white !important; font-weight:600;} a.learnmoreorange:hover {color: grey !important;} #menu-event-sidebar .current_page_item {color: rgb(241, 90, 36);} #location {margin-top: -80px!important; padding-top: 80px!important; } #360tour {margin-top: -60px!important; padding-top: 60px!important; } #gallery {margin-top: -60px!important; padding-top: 60px!important; } #about {margin-top: -60px!important; padding-top: 60px!important; } #artist {margin-top: -60px!important; padding-top: 60px!important; } #artists {margin-top: -60px!important; padding-top: 60px!important; } #audio {margin-top: -60px!important; padding-top: 60px!important; } #pressrelease {margin-top: -60px!important; padding-top: 60px!important; } #publication {margin-top: -60px!important; padding-top: 60px!important; } #header-outer.transparent:not(.side-widget-open) #top nav ul .slide-out-widget-area-toggle a .lines-button::after {opacity:1;} .scrolled-down ~ #ajax-content-wrap .element-is-sticky .row-bg-wrap {border-bottom:0px solid lightgray;box-shadow: 0 0 3px 0 rgba(0,0,0,0.22);} /* SIDEBAR */ #sidebar .widget {margin-bottom:10px;} #menu-event-sidebar {font-size:1.05rem;} /* TEXT */ p {padding-bottom:1em;} .smalltext {font-size:12px;line-height:16px;} ul li {padding-bottom:6px;} .mediumtext p, .mediumtext li {font-size:17px;line-height:23px;} strong {font-size:102% !important;font-weight:600 !important;} h3.strong {font-size:100% !important;} body #page-header-bg h1 {font-size:40px; margin-bottom:-30px;letter-spacing:.6px;} i {font-style:italic;} /* EXHIBITION TOP MENU */ .row .col .exhibitionmenu h3 {font-weight:100;display:inline; font-family:Barlow Condensed; color:black;} .row .col .exhibitionmenu li {display: inline; font-size: 20px; margin-right: 10px; font-weight: 100; font-family: Barlow Condensed; letter-spacing: 1px;} .row .col .exhibitionmenu li a {color:black;} .row .col .exhibitionmenu li a:hover {padding-bottom:5px !important;border-bottom:1px solid black;} .row .col .exhibitionmenu li:nth-child(1) h3{font-weight:600;} .row .col .exhibitionmenu li:nth-child(1) a:hover {border-bottom:0px solid black;} /* EXHIBITION PAGE */ #exfeature {margin-bottom:0px;} h3.title {text-transform:uppercase;} .main-content .recent-posts-title {display:none;} a.extitlelink {color:black;} a.extitlelink:hover {opacity:.7;} .colcustom4 .entry-image-link img {margin-bottom:5px;} h2.ecs-event-title {line-height:16px;font-family:Barlow Condensed;margin-bottom:10px !important;} .wpb_gallery.wpb_content_element.clearfix {margin-bottom:0px !important;} /* EVENTS CALENDAR */ #tecs-tooltipevent.tooltip-ecs-calendar-1 .ecs-calendar-event-body {line-height:14px;} #tecs-tooltipevent.tooltip-ecs-calendar-1 h4 {padding-bottom:6px;} #tecs-tooltipevent .ecs-calendar-duration {font-size:14px;} .tribe-events-calendar-series-archive__container,.tribe-events-series-relationship-marker, .tribe-events-series-relationship-single-marker {display:none;} .ecs-events.ecs-table .ecs-event {flex-basis:25%;} .ecs-table-row {justify-content: flex-start !important;} .allevents {text-align:right;} .upcomingevents {float:left;} .tribe-events-c-subscribe-dropdown__container {display:none !important;} .tribe-events-content a {text-decoration:none !important;border-bottom: none !important; color: rgb(224, 38, 18) !important;} .tribe-events-content a:hover {color: black !important;} #custom_html-8 {margin-bottom:50px !important;} .ecs-events.ecs-table .ecs-event .ecs-thumbnail img {width:95% !important;} #tribe-events-pg-template {max-width:1400px;} .tribe-common .tribe-common-b2--bold {font-weight:400 !important;font-size:13px;} .tribe-events-calendar-list__event-venue-address {font-size:13px; line-height:16px;} .tribe-events .tribe-events-header {display:none !important;} .tribe-common .tribe-common-b2 {font-size:19px !important;font-family: Barlow !important; line-height:1.1 !important; text-transform:uppercase;} .tribe-events .tribe-events-calendar-list__event-datetime-wrapper {margin: 0 0 6px !important;} .tribe-events-content p {font-size: inherit !important; line-height: inherit !important;margin-bottom:0px; font-weight:500;} .tribe-common p {font-weight:500 !important;} .tribe-events-content h4 {font-weight:600;} .tribe-events-content h5 {font-size: 12px; line-height: 16px;font-weight:500;} .tribe-mini-calendar-event .list-info h2 {font-weight:400 !important; font-size:15px !important;margin-bottom:0px !important;} #tribe-events-footer {display:none;} .single-tribe_events .tribe-events-single .tribe-events-event-meta {display:none;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-calendar-list__event-description {display:none !important;} #tribe-events-pg-template {padding:0px !important;} .ecs-events.ecs-table .ecs-event .ecs-date {font-weight:500 !important;} .ecs-table-row {display:flex !important; width:100% !important;justify-content:space-between;} .ecs-event {width:49% !important;padding:10px 0px !important;} h2.ecs-event-title {margin-bottom:4px !important;} h2.ecs-event-title a {color:black;} .ecs-thumbnail img {margin-bottom:8px !important;} .main-content .fc-widget-content, .main-content .fc-widget-content td {padding:0px !important;} .fc-basic-view .fc-body .fc-row {min-height: 3.5em !important;} .fc-row .fc-content-skeleton td, .fc-row .fc-helper-skeleton td {border-color:#ececec !important;} .fc-widget-header {padding:0px !important;} .fc-widget-header th {padding:5px !important;} .fc-center h2 {font-size:28px;line-height:30px;} #custom_html-8 .compact.compact-1 .ecs-event .date_thumb {width:50px;} #custom_html-8 .compact.compact-1 .ecs-event {height:50px;} #custom_html-8 .compact.compact-1 .ecs-event .summary {font-size:1.2rem;} .tribe-events-cal-links .tribe-events-gcal, .tribe-events-cal-links .tribe-events-ical,.tribe-events-event-meta a, .tribe-events-event-meta a:visited {color: #e02612;} .tribe-events-cal-links .tribe-events-gcal {padding-left:0px;} .single-tribe_events .tribe-events-single .tribe-events-event-meta {width:100%;} h3.tribe-events-calendar-list__event-title a {margin-bottom:3px;} .tribe-events-calendar-list__event-datetime {font-size:19px !important; text-transform:capitalize;} .tribe-events .tribe-events-c-ical {display:none;} .tribe-events-single-event-description {margin-top:10px;} .tribe-events .tribe-events-calendar-list__month-separator {margin-bottom:40px;} .fc-row .fc-content-skeleton {border-top:1px solid #f0f0f0;} .fc-day-top {background:#ccc;} .ecs-wrap .summary {width:95%;} #menu-event-sidebar .current_page_item {color:#e02612;} .tribe-events .tribe-events-calendar-list__event-datetime-recurring-link, .recurringinfo {display:none !important;} /* NAVIGATION */ #menu-item-13612 {border-top:1px solid white; width:50%; margin: initial auto;} li #menu-item-13612::before {border-top:1px solid white;} #header-outer #logo {margin-top:0px;margin-bottom:0px;} #nav_menu-4, #nav_menu-5 {font-size: 28px; font-family: Barlow Condensed; letter-spacing: 2px;} /*removes main menu from mobile off canvas */ #slide-out-widget-area .mobile-only {display:none !important;} /* OFF CANVAS STYLING */ #nav_menu-2 .menu-21-offcanvas-top-container #menu-21-offcanvas-top li a {font-size: 60px;line-height: 76px;font-family: Barlow Condensed;font-weight: 100;letter-spacing: 3px;} #nav_menu-3 .menu-21-offcanvas-bottom-container #menu-21-offcanvas-bottom li a {font-size: 28px; line-height: 46px; font-family: Barlow;font-weight: 300;} #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down):not(.fixed-menu) {transition: box-shadow 0.42s ease, opacity 0.3s ease, transform 0.32s ease; box-shadow: 0 0 3px 0 rgba(0,0,0,0.22) !important;} #slide-out-widget-area.fullscreen-alt .inner #nav_menu-2 {padding:0px 0px !important;} /* EMAIL SIGNUP FOOTER */ .mc4wp-form-fields {font-family:Barlow Condensed;} .MCDHappeningEmail {width:25%; float:left;} .MCDHappeningFirst {width:25%; float:left;} .MCDHappeningLast {width:25%; float:left;} .MCDHappeningSubmit {width:25%; float:left;} body[data-form-submit="regular"] .container-wrap input[type=submit] {padding:7px !important;} body[data-button-style*="slightly_rounded"] input[type=submit] {border-radius:0px;-webkit-border-radius: 0px!important;} .mc4wp-form-theme input[type=submit] {padding: 8px 16px 7px 16px;} /* DISPLAY POSTS */ .display-posts-listing {display: grid; grid-template-columns: repeat(auto-fill, 24%); justify-content: space-between;} .columngrid4 {display: grid; grid-template-columns: repeat(auto-fill, 24%); justify-content: space-between;} .columngrid2 {display: grid; grid-template-columns: repeat(auto-fill, 49%); justify-content: space-between;} .colcustom4 {box-sizing:border-box; padding-bottom:30px;} .colcustom1 {width:100%;box-sizing:border-box;} .colcustom2 {box-sizing:border-box;padding-bottom:30px;} .featuredcaption {margin-top: -40px;color: #ccc;font-size: 12px;z-index: 10000;position: absolute;right: 5px;} .exhibitiontitleblock h1{text-transform:uppercase;font-family:Barlow Condensed;} .exhibitiontitleblock h3 {font-weight:300 !important;} .display-posts-pagination h2 {display:none;} .nav-links a, .nav-links .current {padding-right:5px;} .nav-links {text-align:center;} /* HOME PAGE */ h3.subtitle {font-weight:300 !important;} /* PROGRAMS */ .twelvepx {font-size:12px;line-height:18px;font-weight:600;} #exprogram {margin-bottom:0px;} /* PROJECTS */ .img-with-aniamtion-wrap .hover-wrap .hover-wrap-inner img.logo {max-width:100px;} /* PRESSROOM */ #author-bio {display:none;} /* MEDIA QUERIES */ @media only screen and (min-width: 1500px) { .container {max-width:1400px;} } @media only screen and (max-width: 1300px) { .exhibitionmenu {padding-bottom:5px;} } @media only screen and (max-width: 999px) { #header-outer #logo {margin-top:0px !important;} .columngrid4 {display: grid; grid-template-columns: repeat(auto-fill, 49%); justify-content: space-between;} } @media only screen and (max-width: 690px) { .presscol1, .presscol2 {width:100%} .row .col .exhibitionmenu h3 {font-size: 1em;} .row .col .exhibitionmenu li {font-size: .9em;} .colcustom2 {width:100%;} .columngrid2 {display: grid; grid-template-columns: repeat(auto-fill, 100%); justify-content: space-between;} .display-posts-listing {display: block;} .ecs-events.ecs-table .ecs-event {flex-basis:100%;} .ecs-events.ecs-table .ecs-table-row {display:block !important;} } </style> <link rel='stylesheet' id='salient-child-style-css' href='https://sfmcd.org/wp-content/themes/salient-child/style.css?ver=16.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='redux-google-fonts-salient_redux-css' href='https://fonts.googleapis.com/css?family=Barlow+Condensed%3A600%2C500%2C300%7CBarlow%3A800%2C500%2C600&ver=6.7.1' type='text/css' media='all' /> <script type="text/javascript" src="https://sfmcd.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script type="text/javascript" src="//sfmcd.org/wp-content/plugins/revslider/sr6/assets/js/rbtools.min.js?ver=6.7.23" async id="tp-tools-js"></script> <script type="text/javascript" src="//sfmcd.org/wp-content/plugins/revslider/sr6/assets/js/rs6.min.js?ver=6.7.23" async id="revmin-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/jq-sticky-anything.min.js?ver=2.1.1" id="stickyAnythingLib-js"></script> <script type="text/javascript" id="foobox-free-min-js-before"> /* <![CDATA[ */ /* Run FooBox FREE (v2.7.33) */ var FOOBOX = window.FOOBOX = { ready: true, disableOthers: false, o: {wordpress: { enabled: true }, countMessage:'image %index of %total', captions: { dataTitle: ["captionTitle","title"], dataDesc: ["captionDesc","description"] }, rel: '', excludes:'.fbx-link,.nofoobox,.nolightbox,a[href*="pinterest.com/pin/create/button/"]', affiliate : { enabled: false }}, selectors: [ ".foogallery-container.foogallery-lightbox-foobox", ".foogallery-container.foogallery-lightbox-foobox-free", ".gallery", ".wp-block-gallery", ".wp-caption", ".wp-block-image", "a:has(img[class*=wp-image-])", ".foobox" ], pre: function( $ ){ // Custom JavaScript (Pre) }, post: function( $ ){ // Custom JavaScript (Post) // Custom Captions Code }, custom: function( $ ){ // Custom Extra JS } }; /* ]]> */ </script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/foobox-image-lightbox/free/js/foobox.free.min.js?ver=2.7.33" id="foobox-free-min-js"></script> <script></script><link rel="https://api.w.org/" href="https://sfmcd.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://sfmcd.org/wp-json/wp/v2/pages/410" /><meta name="et-api-version" content="v1"><meta name="et-api-origin" content="https://sfmcd.org"><link rel="https://theeventscalendar.com/" href="https://sfmcd.org/wp-json/tribe/tickets/v1/" /><meta name="tec-api-version" content="v1"><meta name="tec-api-origin" content="https://sfmcd.org"><link rel="alternate" href="https://sfmcd.org/wp-json/tribe/events/v1/" /> <script> document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); </script> <style> .no-js img.lazyload { display: none; } figure.wp-block-image img.lazyloading { min-width: 150px; } .lazyload, .lazyloading { opacity: 0; } .lazyloaded { opacity: 1; transition: opacity 400ms; transition-delay: 0ms; } </style> <script type="text/javascript"> var root = document.getElementsByTagName( "html" )[0]; root.setAttribute( "class", "js" ); </script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-20146863-1"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'UA-20146863-1'); </script> <meta name="generator" content="Powered by WPBakery Page Builder - drag and drop page builder for WordPress."/> <meta name="generator" content="Powered by Slider Revolution 6.7.23 - responsive, Mobile-Friendly Slider Plugin for WordPress with comfortable drag and drop interface." /> <link rel="icon" href="https://sfmcd.org/wp-content/uploads/2016/04/MCD_logo_favicon-90x90.jpg" sizes="32x32" /> <link rel="icon" href="https://sfmcd.org/wp-content/uploads/2016/04/MCD_logo_favicon.jpg" sizes="192x192" /> <link rel="apple-touch-icon" href="https://sfmcd.org/wp-content/uploads/2016/04/MCD_logo_favicon.jpg" /> <meta name="msapplication-TileImage" content="https://sfmcd.org/wp-content/uploads/2016/04/MCD_logo_favicon.jpg" /> <script>function setREVStartSize(e){ //window.requestAnimationFrame(function() { window.RSIW = window.RSIW===undefined ? window.innerWidth : window.RSIW; window.RSIH = window.RSIH===undefined ? window.innerHeight : window.RSIH; try { var pw = document.getElementById(e.c).parentNode.offsetWidth, newh; pw = pw===0 || isNaN(pw) || (e.l=="fullwidth" || e.layout=="fullwidth") ? window.RSIW : pw; e.tabw = e.tabw===undefined ? 0 : parseInt(e.tabw); e.thumbw = e.thumbw===undefined ? 0 : parseInt(e.thumbw); e.tabh = e.tabh===undefined ? 0 : parseInt(e.tabh); e.thumbh = e.thumbh===undefined ? 0 : parseInt(e.thumbh); e.tabhide = e.tabhide===undefined ? 0 : parseInt(e.tabhide); e.thumbhide = e.thumbhide===undefined ? 0 : parseInt(e.thumbhide); e.mh = e.mh===undefined || e.mh=="" || e.mh==="auto" ? 0 : parseInt(e.mh,0); if(e.layout==="fullscreen" || e.l==="fullscreen") newh = Math.max(e.mh,window.RSIH); else{ e.gw = Array.isArray(e.gw) ? e.gw : [e.gw]; for (var i in e.rl) if (e.gw[i]===undefined || e.gw[i]===0) e.gw[i] = e.gw[i-1]; e.gh = e.el===undefined || e.el==="" || (Array.isArray(e.el) && e.el.length==0)? e.gh : e.el; e.gh = Array.isArray(e.gh) ? e.gh : [e.gh]; for (var i in e.rl) if (e.gh[i]===undefined || e.gh[i]===0) e.gh[i] = e.gh[i-1]; var nl = new Array(e.rl.length), ix = 0, sl; e.tabw = e.tabhide>=pw ? 0 : e.tabw; e.thumbw = e.thumbhide>=pw ? 0 : e.thumbw; e.tabh = e.tabhide>=pw ? 0 : e.tabh; e.thumbh = e.thumbhide>=pw ? 0 : e.thumbh; for (var i in e.rl) nl[i] = e.rl[i]<window.RSIW ? 0 : e.rl[i]; sl = nl[0]; for (var i in nl) if (sl>nl[i] && nl[i]>0) { sl = nl[i]; ix=i;} var m = pw>(e.gw[ix]+e.tabw+e.thumbw) ? 1 : (pw-(e.tabw+e.thumbw)) / (e.gw[ix]); newh = (e.gh[ix] * m) + (e.tabh + e.thumbh); } var el = document.getElementById(e.c); if (el!==null && el) el.style.height = newh+"px"; el = document.getElementById(e.c+"_wrapper"); if (el!==null && el) { el.style.height = newh+"px"; el.style.display = "block"; } } catch(e){ console.log("Failure at Presize of Slider:" + e) } //}); };</script> <style type="text/css" id="wp-custom-css"> .programs-template-default .row.heading-title.hentry, .programs-template-default .post-featured-img, .exhibitions-template-default .row.heading-title.hentry, .exhibitions-template-default .post-featured-img {display:none;} </style> <style type="text/css" data-type="vc_custom-css">#fullwidthslider {margin-bottom:-24px !important;} .post-summary.small a.learnmore{color: grey;} .post-summary.small a.learnmore:hover{color:#e02612} body.material #header-outer .slide-out-widget-area-toggle a .close-line, body.material #header-outer[data-using-logo].transparent .slide-out-widget-area-toggle a .close-line, body.material:not(.mobile) #header-outer.transparent .slide-out-widget-area-toggle a .close-line {background-color:white !important;} body #header-outer.transparent[data-has-menu][data-format][data-padding][data-using-logo] > #top .slide-out-widget-area-toggle a .lines-button i.lines::after {background-color:white !important;} #header-outer.transparent .sf-menu li {padding-bottom:38px;} #header-outer.scrolled-down #logo img {height:60px !important;} #header-outer.transparent #logo img {height:80px !important;} #header-outer.scrolled-down #logo {margin-top:0px !important;} body.material #header-outer[data-header-resize="0"]:not([data-format="left-header"]):not(.scrolled-down):not(.fixed-menu) {box-shadow:none !important;} #header-outer #logo {margin-top:30px;} .display-posts-listing {margin-bottom:16px;grid-template-columns: repeat(auto-fill, 100%);} #exhibitrow1, #exhibitrow2, #exhibitrow3 {display:none;} #menu-item-13612222 {border-top:2px solid white;width:50%;} .hp-icons {max-width:160px;} body #header-outerrr, #header-spaceee {background:transparent !important;} #ajax-content-wrap {margin-top:-80px;} .inactive {background-color: black;} .inactive h3.entry-title {color:white !important;} .inactive .subtitle {font-weight:100;color:white !important;} .active {background-color: white;} .active h3.entry-title {color:black !important;} .active .subtitle {font-weight:100;color:black !important;} .active:before{ content: ""; position: absolute; top: -22px; left:30px; z-index: 1; border: solid 15px transparent; border-bottom-color: #FFF; } .exhibit3 {background-color: black;} .exhibit3 h3.entry-title {color:white !important;} .exhibit3 .subtitle {font-weight:100;color:white !important;} .homelinks {margin-left:30px;} .homelinks a {color:white;font-weight:bold;} .homelinks a:hover {color: #e02612;} .homelinks p {padding-bottom:10px;} .homefeature {display:flex;align-items:center !important;} /* FEATURED EVENTS */ .tribe-events-c-nav, .tribe-common .tribe-common-b3--min-medium {display:none !important;} .tribe-common--breakpoint-medium.tribe-events .tribe-events-l-container {padding-top:0px !important; padding-bottom:0px !important; min-height:10px !important;}</style><style type="text/css" data-type="vc_shortcodes-custom-css">.vc_custom_1732570022356{margin-bottom: 0px !important;}.vc_custom_1616796664145{margin-top: 40px !important;border-left-width: 1px !important;padding-left: 40px !important;border-left-color: #cccccc !important;border-left-style: solid !important;}.vc_custom_1616798698058{border-left-width: 1px !important;padding-left: 40px !important;border-left-color: #cccccc !important;border-left-style: solid !important;}</style><noscript><style> .wpb_animate_when_almost_visible { opacity: 1; }</style></noscript> </head> <body class="home page-template page-template-template-home-custom-fullscreen page-template-template-home-custom-fullscreen-php page page-id-410 tribe-no-js tec-no-tickets-on-recurring tec-no-rsvp-on-recurring material wpb-js-composer js-comp-ver-7.6 vc_responsive tribe-theme-salient" data-footer-reveal="false" data-footer-reveal-shadow="none" data-header-format="default" data-body-border="off" data-boxed-style="" data-header-breakpoint="1000" data-dropdown-style="minimal" data-cae="easeOutCubic" data-cad="750" data-megamenu-width="contained" data-aie="none" data-ls="fancybox" data-apte="standard" data-hhun="0" data-fancy-form-rcs="default" data-form-style="default" data-form-submit="regular" data-is="minimal" data-button-style="slightly_rounded_shadow" data-user-account-button="false" data-flex-cols="true" data-col-gap="default" data-header-inherit-rc="false" data-header-search="false" data-animated-anchors="true" data-ajax-transitions="true" data-full-width-header="true" data-slide-out-widget-area="true" data-slide-out-widget-area-style="fullscreen-alt" data-user-set-ocm="1" data-loading-animation="none" data-bg-header="true" data-responsive="1" data-ext-responsive="false" data-ext-padding="90" data-header-resize="0" data-header-color="custom" data-cart="false" data-remove-m-parallax="" data-remove-m-video-bgs="" data-m-animate="0" data-force-header-trans-color="light" data-smooth-scrolling="0" data-permanent-transparent="false" >  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THQNJTD" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> (function(window, document) { if(navigator.userAgent.match(/(Android|iPod|iPhone|iPad|BlackBerry|IEMobile|Opera Mini)/)) { document.body.className += " using-mobile-browser mobile "; } if(navigator.userAgent.match(/Mac/) && navigator.maxTouchPoints && navigator.maxTouchPoints > 2) { document.body.className += " using-ios-device "; } if( !("ontouchstart" in window) ) { var body = document.querySelector("body"); var winW = window.innerWidth; var bodyW = body.clientWidth; if (winW > bodyW + 4) { body.setAttribute("style", "--scroll-bar-w: " + (winW - bodyW - 4) + "px"); } else { body.setAttribute("style", "--scroll-bar-w: 0px"); } } })(window, document); </script><a href="#ajax-content-wrap" class="nectar-skip-to-content">Skip to main content</a><div class="ocm-effect-wrap"><div class="ocm-effect-wrap-inner"><div id="ajax-loading-screen" data-disable-mobile="1" data-disable-fade-on-click="0" data-effect="standard" data-method="standard"><div class="loading-icon none"><div class="material-icon"> <svg class="nectar-material-spinner" width="60px" height="60px" viewBox="0 0 60 60"> <circle stroke-linecap="round" cx="30" cy="30" r="26" fill="none" stroke-width="6"></circle> </svg> </div></div></div> <div id="header-space" data-header-mobile-fixed='1'></div> <div id="header-outer" data-has-menu="true" data-has-buttons="yes" data-header-button_style="default" data-using-pr-menu="false" data-mobile-fixed="1" data-ptnm="false" data-lhe="animated_underline" data-user-set-bg="#ffffff" data-format="default" data-permanent-transparent="false" data-megamenu-rt="0" data-remove-fixed="0" data-header-resize="0" data-cart="false" data-transparency-option="1" data-box-shadow="small" data-shrink-num="20" data-using-secondary="0" data-using-logo="1" data-logo-height="60" data-m-logo-height="30" data-padding="28" data-full-width="true" data-condense="false" data-transparent-header="true" data-transparent-shadow-helper="true" data-remove-border="true" class="transparent"> <div id="search-outer" class="nectar"> <div id="search"> <div class="container"> <div id="search-box"> <div class="inner-wrap"> <div class="col span_12"> <form role="search" action="https://sfmcd.org/" method="GET"> <input type="text" name="s" value="" aria-label="Search" placeholder="Search" /> <span>Hit enter to search or ESC to close</span> </form> </div> </div> </div> <div id="close"><a href="#"><span class="screen-reader-text">Close Search</span> <span class="close-wrap"> <span class="close-line close-line1"></span> <span class="close-line close-line2"></span> </span> </a></div> </div> </div> </div> <header id="top"> <div class="container"> <div class="row"> <div class="col span_3"> <a id="logo" href="https://sfmcd.org" data-supplied-ml-starting-dark="false" data-supplied-ml-starting="false" data-supplied-ml="false" > <img class="stnd skip-lazy dark-version" width="975" height="541" alt="MCD" src="https://sfmcd.org/wp-content/uploads/2021/02/SFMCD-Logo-black.png" /><img class="starting-logo skip-lazy" width="300" height="166" alt="MCD" src="https://sfmcd.org/wp-content/uploads/2021/02/SFMCD-Logo.png" /> </a> </div> <div class="col span_9 col_last"> <div class="nectar-mobile-only mobile-header"><div class="inner"></div></div> <div class="slide-out-widget-area-toggle mobile-icon fullscreen-alt" data-custom-color="false" data-icon-animation="simple-transform"> <div> <a href="#sidewidgetarea" role="button" aria-label="Navigation Menu" aria-expanded="false" class="closed"> <span class="screen-reader-text">Menu</span><span aria-hidden="true"> <i class="lines-button x2"> <i class="lines"></i> </i> </span> </a></div> </div> <nav> <ul class="sf-menu"> <li id="menu-item-13604" class="menu-item menu-item-type-post_type menu-item-object-page nectar-regular-menu-item menu-item-13604"><a href="https://sfmcd.org/join/"><span class="menu-title-text">JOIN</span></a></li> <li id="menu-item-21151" class="menu-item menu-item-type-custom menu-item-object-custom nectar-regular-menu-item menu-item-21151"><a href="https://sfmcd.org/give"><span class="menu-title-text">GIVE</span></a></li> <li id="menu-item-13606" class="menu-item menu-item-type-custom menu-item-object-custom nectar-regular-menu-item menu-item-13606"><a href="http://shop.sfmcd.org/"><span class="menu-title-text">SHOP</span></a></li> </ul> <ul class="buttons sf-menu" data-user-set-ocm="1"> <li class="slide-out-widget-area-toggle" data-icon-animation="simple-transform" data-custom-color="false"><div> <a href="#sidewidgetarea" aria-label="Navigation Menu" aria-expanded="false" role="button" class="closed"> <span class="screen-reader-text">Menu</span><span aria-hidden="true"> <i class="lines-button x2"> <i class="lines"></i> </i> </span> </a> </div></li> </ul> </nav> </div> </div> </div> </header> </div> <div id="ajax-content-wrap"> <div class="container-wrap"> <div class="container main-content"> <div class="row"> <div id="fws_6775ec631bc25" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row top-level" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> </div> </div> </div> </div> </div> </div></div> <div id="fullwidthslider" data-column-margin="none" data-midnight="dark" class="wpb_row vc_row-fluid vc_row full-width-content vc_row-o-full-height vc_row-o-columns-middle vc_row-o-equal-height vc_row-flex vc_row-o-content-top" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element vc_custom_1732570022356" > <div class="wpb_wrapper"> <p class="rs-p-wp-fix"></p> <rs-module-wrap id="rev_slider_9_1_wrapper" data-source="post" style="visibility:hidden;background:#000000;padding:0;"> <rs-module id="rev_slider_9_1" style="" data-version="6.7.23"> <rs-slides style="overflow: hidden; position: absolute;"> <rs-slide style="position: absolute;" data-key="rs-21562" data-title="RugLife" data-description="RugLife features the work of 14 contemporary artists from around the world who use the rug as a medium to address cultural issues." data-link="https://sfmcd.org/exhibitions/ruglife/" data-tag="l" data-target="_self" data-seoz="front" data-anim="adpr:false;" data-in="o:0;" data-out="a:false;"> <img fetchpriority="high" decoding="async" src="//sfmcd.org/wp-content/plugins/revslider/sr6/assets/assets/dummy.png" alt="Photo of multi-pattern rug with contemporary icon designs" title="1920x900_pacman" width="1920" height="900" class="rev-slidebg tp-rs-img rs-lazyload" data-lazyload="//sfmcd.org/wp-content/uploads/2023/06/1920x900_pacman.jpg" data-bg="p:center top;" data-parallax="3" data-no-retina>  </rs-slide> </rs-slides> </rs-module> <script> setREVStartSize({c: 'rev_slider_9_1',rl:[1240,1024,778,480],el:[900],gw:[1920],gh:[900],type:'standard',justify:'',layout:'fullscreen',offsetContainer:'',offset:'110px',mh:"0"});if (window.RS_MODULES!==undefined && window.RS_MODULES.modules!==undefined && window.RS_MODULES.modules["revslider91"]!==undefined) {window.RS_MODULES.modules["revslider91"].once = false;window.revapi9 = undefined;if (window.RS_MODULES.checkMinimal!==undefined) window.RS_MODULES.checkMinimal()} </script> </rs-module-wrap>  </div> </div> <div id="exhibitrow1" data-midnight="" data-column-margin="none" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-equal-height vc_row-flex exhibitionrow2" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div style="" class="vc_col-sm-8 vc_col-lg-offset-0 vc_col-lg-8 vc_col-md-offset-0 vc_col-md-8 vc_col-sm-offset-0 vc_col-xs-6 active navheight wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-t-w-inherits="small_desktop" data-padding-pos="all" data-has-bg-color="true" data-bg-color="rgba(255,255,255,0.01)" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: rgba(255,255,255,0.01);"></div></div> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div style="margin:0px 0px 0px 0px;padding:20px 2% 2% 2%;cursor: pointer;" onclick="javascript:revapi9.revshowslide(1);" class="padding-2-percent" tabindex="0"> <ul class="display-posts-listing"><div class="post-summary small" href="javascript:revapi3.revshowslide(2);"><h3 class="entry-title" style="text-transform:uppercase;margin-bottom:0px;">RugLife</h3><h3 class="subtitle">December 14, 2024 – April 20, 2025</h3><a href="https://sfmcd.org/exhibitions/ruglife/" class="learnmore" aria-label="RugLife">+ Learn More</a></div></ul></div> </div> </div> </div> </div> </div> <div style=" color: #ffffff;" class="vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-12 wpb_column column_container vc_column_container col child_column padding-2-percent right_margin_0px left_margin_0px inherit_tablet inherit_phone " data-cfc="true" data-using-bg="true" data-t-w-inherits="small_desktop" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#2d2d2d" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #2d2d2d;"></div></div> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <div class="homelinks"> <p><a href="/virtual-exhibitions">Virtual Exhibitions »</a></p> <p><a href="/upcoming-exhibitions/">Upcoming Exhibitions » </a></p> <p><a href="/past-exhibitions/">Past Exhibitions » </a></p> </div> </div> </div> </div> </div> </div> </div></div><div id="exhibitrow2" data-midnight="" data-column-margin="none" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-equal-height vc_row-flex exhibitionrow2" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div style="" class="vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-6 active navheight wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-t-w-inherits="small_desktop" data-padding-pos="all" data-has-bg-color="true" data-bg-color="rgba(255,255,255,0.01)" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: rgba(255,255,255,0.01);"></div></div> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div style="margin:0px 0px 0px 0px;padding:20px 2% 2% 2%;cursor: pointer;" onclick="javascript:revapi9.revshowslide(1);" tabindex="0" class="padding-2-percent"> <ul class="display-posts-listing"><div class="post-summary small" href="javascript:revapi3.revshowslide(2);"><h3 class="entry-title" style="text-transform:uppercase;margin-bottom:0px;">RugLife</h3><h3 class="subtitle">December 14, 2024 – April 20, 2025</h3><a href="https://sfmcd.org/exhibitions/ruglife/" class="learnmore" aria-label="RugLife">+ Learn More</a></div></ul></div> </div> </div> </div> </div> </div> <div style="" class="vc_col-sm-4 vc_col-lg-4 vc_col-md-4 vc_col-xs-6 inactive wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-t-w-inherits="small_desktop" data-padding-pos="all" data-has-bg-color="true" data-bg-color="rgba(239,239,239,0.01)" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: rgba(239,239,239,0.01);"></div></div> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div style="margin:0px 0px 0px 0px;padding:20px 2% 2% 2%;cursor: pointer;" onclick="javascript:revapi9.revshowslide(2);" class="padding-2-percent" tabindex="0"> </div> </div> </div> </div> </div> </div> <div style=" color: #ffffff;" class="vc_col-sm-4 vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-12 wpb_column column_container vc_column_container col child_column padding-2-percent right_margin_0px left_margin_0px inherit_tablet inherit_phone " data-cfc="true" data-using-bg="true" data-t-w-inherits="small_desktop" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#2d2d2d" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #2d2d2d;"></div></div> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <div class="homelinks"> <p><a href="/virtual-exhibitions">Virtual Exhibitions »</a></p> <p><a href="/upcoming-exhibitions/">Upcoming Exhibitions » </a></p> <p><a href="/past-exhibitions/">Past Exhibitions » </a></p> </div> </div> </div> </div> </div> </div> </div></div><div id="exhibitrow3" data-midnight="" data-column-margin="none" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-equal-height vc_row-flex exhibitionrow" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div style="" class="vc_col-sm-3 active navheight wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="rgba(255,255,255,0.01)" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: rgba(255,255,255,0.01);"></div></div> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div style="margin:0px 0px 0px 0px;padding:20px 2% 2% 2%;cursor: pointer;" onclick="javascript:revapi9.revshowslide(1);" class="padding-2-percent" tabindex="0"> <ul class="display-posts-listing"><div class="post-summary small" href="javascript:revapi3.revshowslide(2);"><h3 class="entry-title" style="text-transform:uppercase;margin-bottom:0px;">RugLife</h3><h3 class="subtitle">December 14, 2024 – April 20, 2025</h3><a href="https://sfmcd.org/exhibitions/ruglife/" class="learnmore" aria-label="RugLife">+ Learn More</a></div></ul></div> </div> </div> </div> </div> </div> <div style="" class="vc_col-sm-3 inactive wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="rgba(239,239,239,0.01)" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: rgba(239,239,239,0.01);"></div></div> <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div style="margin:0px 0px 0px 0px;padding:20px 2% 2% 2%;cursor: pointer;" onclick="javascript:revapi9.revshowslide(2);" class="padding-2-percent" tabindex="0"> </div> </div> </div> </div> </div> </div> <div style=" color: #ffffff;" class="vc_col-sm-3 inactive wpb_column column_container vc_column_container col child_column no-extra-padding right_margin_0px left_margin_0px inherit_tablet inherit_phone " data-cfc="true" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_raw_code wpb_raw_html wpb_content_element" > <div class="wpb_wrapper"> <div style="margin:0px 0px 0px 0px;padding:20px 2% 2% 2%;cursor: pointer;" onclick="javascript:revapi9.revshowslide(3);" class="padding-2-percent" tabindex="0"> </div> </div> </div> </div> </div> </div> <div style="" class="vc_col-sm-3 wpb_column column_container vc_column_container col child_column padding-2-percent inherit_tablet inherit_phone " data-using-bg="true" data-padding-pos="all" data-has-bg-color="true" data-bg-color="#2d2d2d" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" ><div class="column-bg-overlay-wrap column-bg-layer" data-bg-animation="none"><div class="column-bg-overlay" style="opacity: 1; background-color: #2d2d2d;"></div></div> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <div class="homelinks"> <p><a href="virtual-exhibitions">Virtual Exhibitions »</a></p> <p><a href="/upcoming-exhibitions/">Upcoming Exhibitions » </a></p> <p><a href="/past-exhibitions/">Past Exhibitions » </a></p> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></div> <div id="fws_6775ec6329ee2" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> </div> </div> </div> </div> </div> </div></div> <div id="mcdathome" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row full-width-section vc_row-o-equal-height vc_row-flex" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer using-image" ><div class="row-bg viewport-desktop using-image lazyload" style="background-image:inherit; background-position: center center; background-repeat: no-repeat; " data-bg-image="url(https://sfmcd.org/wp-content/uploads/2023/05/Blurred-Background-17-scaled.jpg)"></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div style="margin-top: 40px; " class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-12 homefeature wpb_column column_container vc_column_container col padding-5-percent inherit_tablet inherit_phone " data-t-w-inherits="small_desktop" data-padding-pos="right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p style="padding-bottom: 0px; margin-bottom: -5px; color: black;">FEATURED PROGRAM</p> <h2 style="color: black;">Mobile MakeArt</h2> <p><span style="color: black;"><br /> Keep your eyes peeled for the bright, colorful Mobile MakeArt van, out and about and bringing creativity to everyone! We distribute MakeArt Kits for school programs, local partnering organizations, deliver in-person community experiences at neighborhood events, and more! </span></p> <p><a class="learnmorehpbanner" href="/makeart-events/">+ Find the Mobile MakeArt van</a></p> </div> </div> </div> </div> </div> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 vc_hidden-xs wpb_column column_container vc_column_container col centered-text padding-2-percent inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element wpb_animate_when_almost_visible wpb_fadeIn fadeIn" > <div class="wpb_wrapper"> <p><img decoding="async" class="alignnone wp-image-21302 lazyload" data-src="https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-300x200.png" alt="Digital rendering of a white van wrapped in with the Museum of Craft and Design logo in rainbow colors" width="500" height="333" data-srcset="https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-300x200.png 300w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-1024x683.png 1024w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-768x512.png 768w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-1536x1024.png 1536w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-2048x1365.png 2048w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-900x600.png 900w" data-sizes="(max-width: 500px) 100vw, 500px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 500px; --smush-placeholder-aspect-ratio: 500/333;" /><noscript><img decoding="async" class="alignnone wp-image-21302" src="https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-300x200.png" alt="Digital rendering of a white van wrapped in with the Museum of Craft and Design logo in rainbow colors" width="500" height="333" srcset="https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-300x200.png 300w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-1024x683.png 1024w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-768x512.png 768w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-1536x1024.png 1536w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-2048x1365.png 2048w, https://sfmcd.org/wp-content/uploads/2023/05/VanRender_Right-900x600.png 900w" sizes="(max-width: 500px) 100vw, 500px" /></noscript></p> </div> </div> </div> </div> </div> </div></div> <div id="fws_6775ec632ac08" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row vc_row-o-equal-height vc_row-flex" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div id="fws_6775ec632ad5b" data-midnight="" data-column-margin="40px" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-content-middle" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div style="margin-top: 40px; " class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet padding-2-percent_phone " data-padding-pos="right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h3>VISIT MCD</h3> <p>The Museum of Craft and Design is open from Wednesday–Sunday. Get your tickets today and plan your visit <em>RugLife</em>, on view December 14, 2024 – April 20, 2025.</p> <p><a href="/visit/" aria-label="Visit">+ Learn More</a></p> </div> </div> </div> </div> </div> <div style="margin-top: 40px; " class="vc_col-sm-6 homefeature wpb_column column_container vc_column_container col child_column no-extra-padding top_margin_tablet_20px top_margin_phone_20px inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="img-with-aniamtion-wrap center" data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" > <div class="inner"> <div class="hover-wrap"> <div class="hover-wrap-inner"> <a href="/visit/" target="_self" class="center"> <img decoding="async" class="img-with-animation hp-icons skip-lazy" data-delay="0" height="439" width="284" data-animation="fade-in" src="https://sfmcd.org/wp-content/uploads/2021/03/hp-ticket.jpg" alt="Visit MCD" srcset="https://sfmcd.org/wp-content/uploads/2021/03/hp-ticket.jpg 284w, https://sfmcd.org/wp-content/uploads/2021/03/hp-ticket-194x300.jpg 194w, https://sfmcd.org/wp-content/uploads/2021/03/hp-ticket-97x150.jpg 97w" sizes="(max-width: 284px) 100vw, 284px" /> </a> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div id="fws_6775ec632b99c" data-midnight="" data-column-margin="40px" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-content-middle vc_custom_1616796664145" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h3>JOIN MCD</h3> <p><span style="font-weight: 400;">MCD Members can craft and design their own museum experience. Enjoy unlimited access to exhibitions, reciprocal admission, discounts in the award-winning MCD Store, and a priority pass to signature programs, events, tours, and more. </span></p> <p><a href="/join/">+ Membership Levels</a></p> </div> </div> </div> </div> </div> <div class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding top_margin_tablet_40px top_margin_phone_20px inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="img-with-aniamtion-wrap center" data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" > <div class="inner"> <div class="hover-wrap"> <div class="hover-wrap-inner"> <a href="/join/" target="_self" class="center"> <img loading="lazy" decoding="async" class="img-with-animation hp-icons skip-lazy" data-delay="0" height="439" width="284" data-animation="fade-in" src="https://sfmcd.org/wp-content/uploads/2023/05/hp-member.jpg" alt="Photo of a museum membership card" srcset="https://sfmcd.org/wp-content/uploads/2023/05/hp-member.jpg 284w, https://sfmcd.org/wp-content/uploads/2023/05/hp-member-194x300.jpg 194w" sizes="auto, (max-width: 284px) 100vw, 284px" /> </a> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></div> <div id="fws_6775ec632c573" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <div style="width: 100%; height: 1px; background: #cccccc;"></div> </div> </div> </div> </div> </div> </div></div> <div id="fws_6775ec632c73e" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row vc_row-o-equal-height vc_row-flex" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div id="fws_6775ec632c853" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-content-middle" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div style="margin-top: 40px; " class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet padding-2-percent_phone " data-padding-pos="right" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h3>SUPPORT MCD</h3> <p><span style="font-weight: 400;">Turn your love of craft and design into a legacy that inspires future generations. Your support allows MCD to</span><span style="font-weight: 400;"> bring the transformative power of craft and design to the Bay Area and beyond. </span><span style="font-weight: 400;">Gifts of any size make an incredible impact on our institution and the community we serve.</span></p> <p><a href="/give/" aria-label="Give">+ Ways to Support Us</a></p> </div> </div> </div> </div> </div> <div style="margin-top: 40px; " class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding top_margin_tablet_20px top_margin_phone_20px inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="img-with-aniamtion-wrap " data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="fade-in" > <div class="inner"> <div class="hover-wrap"> <div class="hover-wrap-inner"> <a href="/give/" target="_self" class=""> <img loading="lazy" decoding="async" class="img-with-animation skip-lazy" data-delay="0" height="439" width="284" data-animation="fade-in" src="https://sfmcd.org/wp-content/uploads/2021/03/hp-donate.jpg" alt="Support MCD" srcset="https://sfmcd.org/wp-content/uploads/2021/03/hp-donate.jpg 284w, https://sfmcd.org/wp-content/uploads/2021/03/hp-donate-194x300.jpg 194w, https://sfmcd.org/wp-content/uploads/2021/03/hp-donate-97x150.jpg 97w" sizes="auto, (max-width: 284px) 100vw, 284px" /> </a> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div id="fws_6775ec632d3da" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row vc_row-o-content-middle vc_custom_1616798698058" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div style="margin-top: 40px; " class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet no-extra-padding_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h3>SHOP MCD</h3> <p>Shop our Museum Store online for unique accessories, home goods, books, gifts, and children’s toys, or come visit us in person in San Francisco.</p> <p><a href="https://shop.sfmcd.org/" target="_blank" rel="noopener" aria-label="Visit the SFMCD Shop (opens in new tab)">+ Shop Now</a></p> </div> </div> </div> </div> </div> <div style="margin-top: 40px; " class="vc_col-sm-6 wpb_column column_container vc_column_container col child_column centered-text no-extra-padding top_margin_tablet_20px top_margin_phone_20px inherit_tablet padding-2-percent_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="img-with-aniamtion-wrap center" data-max-width="100%" data-max-width-mobile="default" data-shadow="none" data-animation="none" > <div class="inner"> <div class="hover-wrap"> <div class="hover-wrap-inner"> <a href="https://shop.sfmcd.org/" target="_blank" class="center"> <img loading="lazy" decoding="async" class="img-with-animation hp-icons skip-lazy" data-delay="0" height="1200" width="800" data-animation="none" src="https://sfmcd.org/wp-content/uploads/2023/05/Carafe01.jpg" alt="Blue Glass carafe with blue glass cup on top of it." srcset="https://sfmcd.org/wp-content/uploads/2023/05/Carafe01.jpg 800w, https://sfmcd.org/wp-content/uploads/2023/05/Carafe01-200x300.jpg 200w, https://sfmcd.org/wp-content/uploads/2023/05/Carafe01-683x1024.jpg 683w, https://sfmcd.org/wp-content/uploads/2023/05/Carafe01-768x1152.jpg 768w" sizes="auto, (max-width: 800px) 100vw, 800px" /> </a> </div> </div> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> </div></div> <div id="fws_6775ec632e3dd" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row" style="padding-top: 20px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <div style="width: 100%; height: 1px; background: #cccccc;"></div> </div> </div> </div> </div> </div> </div></div> <div id="fws_6775ec632e5b5" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row" style="padding-top: 0px; padding-bottom: 0px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-animation-delay="" data-bg-overlay="false"><div class="inner-wrap row-bg-layer" ><div class="row-bg viewport-desktop" style=""></div></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div style="margin-bottom: 0px; " class="vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div id="fws_6775ec632e6a7" data-midnight="" data-column-margin="default" class="wpb_row vc_row-fluid vc_row inner_row" style=""><div class="row-bg-wrap"> <div class="row-bg" ></div> </div><div class="row_col_wrap_12_inner col span_12 left"> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <h4>UPCOMING EVENTS</h4> </div> </div> </div> </div> </div> <div class="vc_col-sm-6 vc_col-lg-6 vc_col-md-6 vc_col-xs-6 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone " data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-animation="" data-delay="0" > <div class="vc_column-inner" > <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <p style="text-align: right;"><a href="/events/" aria-label="All Events">+ ALL EVENTS</a></p> </div> </div> </div> </div> </div> </div></div> <div class="wpb_text_column wpb_content_element " > <div class="wpb_wrapper"> <style>.ecs-events.ecs-clearfix {zoom:1;overflow:auto;}.ecs-events.ecs-table.ecs-table-1 {display:table;table-layout:fixed;width:100%;}.ecs-events.ecs-table.ecs-table-1 .ecs-table-row {display:table-row;width:100%;}.ecs-events.ecs-table.ecs-table-1 .ecs-event {display:table-cell;vertical-align:top;width:25%;padding:10px;}@media only screen and (max-width: 600px) { .ecs-events.ecs-table.ecs-table-1 .ecs-event {display:inline-block;width:100%;} .ecs-events.ecs-table.ecs-table-1, .ecs-events.ecs-table.ecs-table-1 .ecs-table-row {display:block;} }.ecs-events.ecs-table.ecs-table-1 .ecs-event img {width:100%;}.ecs-events.ecs-table.ecs-table-1 .ecs-event .ecs-venue {margin-bottom:10px;}.ecs-events.ecs-table.ecs-table-1 .ecs-event .ecs-excerpt {margin-bottom:10px;}.ecs-events.ecs-table.ecs-table-1 .ecs-event .ecs-wrap {margin-bottom:20px;}.ecs-events.ecs-table.ecs-table-1 .ecs-event .ecs-event-status.ecs-event-status-canceled, .ecs-events.ecs-table.ecs-table-1 .ecs-event-status.ecs-event-status-postponed {color:#DA394D;}.ecs-events.ecs-table.ecs-table-1 .ecs-event .ecs-date {margin-bottom:10px;font-weight:bold;}.ecs-events.ecs-table.ecs-table-1 .ecs-button a {background-color:#666;background-image:none;border-radius:3px;border:0;box-shadow:none;color: #fff;cursor:pointer;display:inline-block;font-size:11px;font-weight:700;letter-spacing:1px;line-height:normal;padding:6px 9px;text-align:center;text-decoration:none;text-transform:uppercase;vertical-align:middle;zoom:1;}.ecs-events.ecs-table.ecs-table-1 .ecs-event .summary .ecs-event-title a {font-size:18px;}</style><div class="ecs-events ecs-clearfix ecs-count-4 ecs-table table-1 ecs-table-1"><div class="ecs-table-row"> <div class="ecs-event makeart-events_ecs_category mobile-makeart_ecs_category"> <div class="ecs-wrap"> <div class="ecs-thumbnail"> <a href="https://sfmcd.org/event-listing/mobile-makeart-lighthouse-for-the-blind-january-2025/" rel="bookmark"> <img loading="lazy" decoding="async" width="1920" height="900" data-src="https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7.png" class="attachment-1920x900 size-1920x900 wp-post-image lazyload" alt="" data-srcset="https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7.png 1920w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-1536x720.png 1536w" data-sizes="auto, (max-width: 1920px) 100vw, 1920px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920/900;" /><noscript><img loading="lazy" decoding="async" width="1920" height="900" src="https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7.png" class="attachment-1920x900 size-1920x900 wp-post-image" alt="" srcset="https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7.png 1920w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7-1536x720.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></noscript> </a> </div> <div class="summary"> <h2 class="ecs-event-title"> <a href="https://sfmcd.org/event-listing/mobile-makeart-lighthouse-for-the-blind-january-2025/" rel="bookmark">Mobile MakeArt: LightHouse for the Blind</a> </h2> <div class="ecs-date"> <span class="tribe-event-date-start">January 9 @ 11:00 AM</span> - <span class="tribe-event-time">1:00 PM</span> </div> </div> </div> </div> <div class="ecs-event library-makeart_ecs_category makeart-events_ecs_category volunteers_ecs_category"> <div class="ecs-wrap"> <div class="ecs-thumbnail"> <a href="https://sfmcd.org/event-listing/mobile-makeart-library-fridays-potrero-branch-2025-january-1/" rel="bookmark"> <img loading="lazy" decoding="async" width="1920" height="900" data-src="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8.png" class="attachment-1920x900 size-1920x900 wp-post-image lazyload" alt="" data-srcset="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8.png 1920w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-1536x720.png 1536w" data-sizes="auto, (max-width: 1920px) 100vw, 1920px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920/900;" /><noscript><img loading="lazy" decoding="async" width="1920" height="900" src="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8.png" class="attachment-1920x900 size-1920x900 wp-post-image" alt="" srcset="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8.png 1920w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8-1536x720.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></noscript> </a> </div> <div class="summary"> <h2 class="ecs-event-title"> <a href="https://sfmcd.org/event-listing/mobile-makeart-library-fridays-potrero-branch-2025-january-1/" rel="bookmark">Mobile MakeArt: Library Fridays–Potrero Branch</a> </h2> <div class="ecs-date"> <span class="tribe-event-date-start">January 10 @ 3:00 PM</span> - <span class="tribe-event-time">5:00 PM</span> </div> </div> </div> </div> <div class="ecs-event library-makeart_ecs_category makeart-events_ecs_category mobile-makeart_ecs_category volunteers_ecs_category"> <div class="ecs-wrap"> <div class="ecs-thumbnail"> <a href="https://sfmcd.org/event-listing/mobile-makeart-library-fridays-bernal-heights-branch-2025-january-17/" rel="bookmark"> <img loading="lazy" decoding="async" width="1920" height="900" data-src="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15.png" class="attachment-1920x900 size-1920x900 wp-post-image lazyload" alt="" data-srcset="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15.png 1920w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-1536x720.png 1536w" data-sizes="auto, (max-width: 1920px) 100vw, 1920px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920/900;" /><noscript><img loading="lazy" decoding="async" width="1920" height="900" src="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15.png" class="attachment-1920x900 size-1920x900 wp-post-image" alt="" srcset="https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15.png 1920w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15-1536x720.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></noscript> </a> </div> <div class="summary"> <h2 class="ecs-event-title"> <a href="https://sfmcd.org/event-listing/mobile-makeart-library-fridays-bernal-heights-branch-2025-january-17/" rel="bookmark">Mobile MakeArt: Library Fridays–Bernal Heights Branch</a> </h2> <div class="ecs-date"> <span class="tribe-event-date-start">January 17 @ 3:00 PM</span> - <span class="tribe-event-time">5:00 PM</span> </div> </div> </div> </div> <div class="ecs-event makeart-events_ecs_category"> <div class="ecs-wrap"> <div class="ecs-thumbnail"> <a href="https://sfmcd.org/event-listing/makeart-lab-new-year-celebration-with-jojo-liu/" rel="bookmark"> <img loading="lazy" decoding="async" width="1920" height="900" data-src="https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7.png" class="attachment-1920x900 size-1920x900 wp-post-image lazyload" alt="Graphic for MakeArt Lab: The Art of Chinese Calligraphy: A New Year Celebration with Jojo Liu" data-srcset="https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7.png 1920w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-1536x720.png 1536w" data-sizes="auto, (max-width: 1920px) 100vw, 1920px" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" style="--smush-placeholder-width: 1920px; --smush-placeholder-aspect-ratio: 1920/900;" /><noscript><img loading="lazy" decoding="async" width="1920" height="900" src="https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7.png" class="attachment-1920x900 size-1920x900 wp-post-image" alt="Graphic for MakeArt Lab: The Art of Chinese Calligraphy: A New Year Celebration with Jojo Liu" srcset="https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7.png 1920w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-300x141.png 300w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-1024x480.png 1024w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-768x360.png 768w, https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7-1536x720.png 1536w" sizes="auto, (max-width: 1920px) 100vw, 1920px" /></noscript> </a> </div> <div class="summary"> <h2 class="ecs-event-title"> <a href="https://sfmcd.org/event-listing/makeart-lab-new-year-celebration-with-jojo-liu/" rel="bookmark">MakeArt Lab – The Art of Chinese Calligraphy: A New Year Celebration with Jojo Liu</a> </h2> <div class="ecs-date"> <span class="tribe-event-date-start">January 18 @ 11:00 AM</span> - <span class="tribe-event-time">1:00 PM</span> </div> </div> </div> </div> </div> <div class="ecs-table-row"> </div></div><script type="application/ld+json"> [{"@context":"http://schema.org","@type":"Event","name":"Mobile MakeArt: LightHouse for the Blind","description":"<p>The Museum of Craft and Design partners with the LightHouse for the Blind and Visually Impaired to facilitate monthly art projects reflective of MCD\u2019s current exhibitions. Explore RugLife through haptic,...</p>\\n","image":"https://sfmcd.org/wp-content/uploads/2024/10/Event-Lighthouse-11.7.png","url":"https://sfmcd.org/event-listing/mobile-makeart-lighthouse-for-the-blind-january-2025/","eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","startDate":"2025-01-09T11:00:00-08:00","endDate":"2025-01-09T13:00:00-08:00","location":{"@type":"Place","name":"LightHouse for the Blind and Visually Impaired","description":"","url":"https://sfmcd.org/venue/lighthouse-for-the-blind-and-visually-impaired/","address":{"@type":"PostalAddress","streetAddress":"Market Street","addressLocality":"San Francisco","addressRegion":"California","postalCode":"94103","addressCountry":"United States"},"geo":{"@type":"GeoCoordinates","latitude":37.77933800000000275076672551222145557403564453125,"longitude":-122.41352729999999837673385627567768096923828125},"telephone":"","sameAs":""},"organizer":{"@type":"Person","name":"Museum of Craft and Design","description":"","url":"","telephone":"","email":"","sameAs":""},"performer":"Organization"},{"@context":"http://schema.org","@type":"Event","name":"Mobile MakeArt: Library Fridays\u2013Potrero Branch","description":"<p>MCD\u2019s Library Fridays brings hands-on creativity to branches across San Francisco! MCD partners with the San Francisco Public Library to bring the Mobile MakeArt van to the Bayview, Bernal Heights,...</p>\\n","image":"https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-12.8.png","url":"https://sfmcd.org/event-listing/mobile-makeart-library-fridays-potrero-branch-2025-january-1/","eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","startDate":"2025-01-10T15:00:00-08:00","endDate":"2025-01-10T17:00:00-08:00","location":{"@type":"Place","name":"San Francisco Public Library – Potrero Branch","description":"","url":"https://sfmcd.org/venue/san-francisco-public-library-potrero-branch/","address":{"@type":"PostalAddress","streetAddress":"1616 20th St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"United States"},"geo":{"@type":"GeoCoordinates","latitude":37.76013300000000327827365254051983356475830078125,"longitude":-122.397667299999994838799466378986835479736328125},"telephone":"","sameAs":""},"organizer":{"@type":"Person","name":"Museum of Craft and Design","description":"","url":"","telephone":"","email":"","sameAs":""},"performer":"Organization"},{"@context":"http://schema.org","@type":"Event","name":"Mobile MakeArt: Library Fridays\u2013Bernal Heights Branch","description":"<p>MCD\u2019s Library Fridays brings hands-on creativity to branches across San Francisco! MCD partners with the San Francisco Public Library to bring the Mobile MakeArt van to the Bayview, Bernal Heights,...</p>\\n","image":"https://sfmcd.org/wp-content/uploads/2024/10/Event-Library-Friday-11.15.png","url":"https://sfmcd.org/event-listing/mobile-makeart-library-fridays-bernal-heights-branch-2025-january-17/","eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","startDate":"2025-01-17T15:00:00-08:00","endDate":"2025-01-17T17:00:00-08:00","location":{"@type":"Place","name":"Bernal Heights Branch Library","description":"","url":"https://sfmcd.org/venue/bernal-heights-branch-library/","address":{"@type":"PostalAddress","streetAddress":"Cortland Avenue","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94110","addressCountry":"United States"},"geo":{"@type":"GeoCoordinates","latitude":37.7388562000000007401467883028090000152587890625,"longitude":-122.416132599999997410122887231409549713134765625},"telephone":"","sameAs":"https://sfpl.org/locations/bernal-heights"},"organizer":{"@type":"Person","name":"Museum of Craft and Design","description":"","url":"","telephone":"","email":"","sameAs":""},"performer":"Organization"},{"@context":"http://schema.org","@type":"Event","name":"MakeArt Lab – The Art of Chinese Calligraphy: A New Year Celebration with Jojo Liu","description":"<p>The Lunar New Year is a time for celebration, family, and tradition. Local artist Jojo Liu returns to MCD\\'s MakeArt Lab to teach Chinese calligraphy in honor of the Year...</p>\\n","image":"https://sfmcd.org/wp-content/uploads/2024/12/SB-Trunk-Show-Event-Page-2-7.png","url":"https://sfmcd.org/event-listing/makeart-lab-new-year-celebration-with-jojo-liu/","eventAttendanceMode":"https://schema.org/OfflineEventAttendanceMode","eventStatus":"https://schema.org/EventScheduled","startDate":"2025-01-18T11:00:00-08:00","endDate":"2025-01-18T13:00:00-08:00","location":{"@type":"Place","name":"Museum of Craft and Design","description":"","url":"https://sfmcd.org/venue/museum-of-craft-and-design/","address":{"@type":"PostalAddress","streetAddress":"2569 3rd St","addressLocality":"San Francisco","addressRegion":"CA","postalCode":"94107","addressCountry":"United States"},"geo":{"@type":"GeoCoordinates","latitude":37.75683980000000161680873134173452854156494140625,"longitude":-122.3877892999999943413058645091950893402099609375},"telephone":"","sameAs":""},"organizer":{"@type":"Person","name":"Museum of Craft and Design","description":"","url":"","telephone":"","email":"","sameAs":""},"performer":"Organization"}] </script> </div> </div> </div> </div> </div> </div></div> </div> </div> </div> <link href="https://fonts.googleapis.com/css2?family=Barlow:wght@300&display=swap" rel="stylesheet">  <div class="container-wrap" style="padding-top:0px;padding-bottom:0px;"> <div class="container main-content"> <div class="row"> <div id="fws_604fbf2e1581fF" data-column-margin="default" data-midnight="dark" class="wpb_row vc_row-fluid vc_row full-width-section standard_section " style="padding-top: 20px; padding-bottom: 20px; "><div class="row-bg-wrap" data-bg-animation="none" data-bg-overlay="false"><div class="inner-wrap"><div class="row-bg using-bg-color" style="background-color: #b1bec4; "></div></div><div class="row-bg-overlay"></div></div><div class="row_col_wrap_12 col span_12 dark left"> <div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone instance-18" data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0"> <div class="vc_column-inner"><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <h3 style="text-align:left">Stay up to date on all things MCD!</h3> </div> </div> </div> </div> </div> <div class="vc_col-sm-6 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone instance-19" data-t-w-inherits="default" data-bg-cover="" data-padding-pos="all" data-has-bg-color="false" data-bg-color="" data-bg-opacity="1" data-hover-bg="" data-hover-bg-opacity="1" data-animation="" data-delay="0"> <div class="vc_column-inner"><div class="column-bg-overlay-wrap" data-bg-animation="none"><div class="column-bg-overlay"></div></div> <div class="wpb_wrapper"> <div class="wpb_text_column wpb_content_element "> <div class="wpb_wrapper"> <script>(function() { window.mc4wp = window.mc4wp || { listeners: [], forms: { on: function(evt, cb) { window.mc4wp.listeners.push( { event : evt, callback: cb } ); } } } })(); </script><form id="mc4wp-form-1" class="mc4wp-form mc4wp-form-2424 mc4wp-form-theme mc4wp-form-theme-light" method="post" data-id="2424" data-name="Default sign-up form"><div class="mc4wp-form-fields"><div class="MCDHappeningFirst"> <input aria-label="First Name" title="First Name" type="text" name="FNAME" required="required" placeholder="First Name" style="outline:1px"> </div><div class="MCDHappeningLast"> <input aria-label="Last Name" title="Last Name" type="text" name="LNAME" required="required" placeholder="Last Name" style="outline:1px"> </div><div class="MCDHappeningEmail"> <input aria-label="Email" title="Email" type="email" name="EMAIL" required="required" placeholder="Email" style="outline:1px"> </div><div class="MCDHappeningSubmit"> <input aria-label="Subscribe" title="Submit" type="submit" value="Subscribe" style="width:100%;text-transform:uppercase;font-size:15px;outline:1px"> </div></div><label style="display: none !important;">Leave this field empty if you're human: <input aria-hidden="true" aria-label="" type="text" name="_mc4wp_honeypot" value="" tabindex="-1" autocomplete="off"></label><input tabindex="-1" autocomplete="off" aria-label="" type="hidden" name="_mc4wp_timestamp" value="1615839022"><input aria-label="" type="hidden" name="_mc4wp_form_id" value="2424"><input tabindex="-1" autocomplete="off" aria-label="" type="hidden" name="_mc4wp_form_element_id" value="mc4wp-form-1"><div class="mc4wp-response"></div></form> </div> </div> </div> </div> </div> </div></div></div></div></div></div>  <div id="footer-outer" data-midnight="light" data-cols="4" data-custom-color="true" data-disable-copyright="false" data-matching-section-color="true" data-copyright-line="false" data-using-bg-img="false" data-bg-img-overlay="0.8" data-full-width="false" data-using-widget-area="true" data-link-hover="default"> <div id="footer-widgets" data-has-widgets="true" data-cols="4"> <div class="container"> <div class="row"> <div class="col span_3"> <div id="text-4" class="widget widget_text"> <div class="textwidget"><a href="/"><img data-src="/wp-content/uploads/2021/02/SFMCD-Logo.png" style="--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300/166;max-width:120px;" alt="SFMCD Logo" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="/wp-content/uploads/2021/02/SFMCD-Logo.png" style="max-width:120px;" alt="SFMCD Logo"></noscript></a> <div style="width:100%;clear:both; height:20px"></div> <div style="font-family: Barlow Condensed; font-size: 16px; line-height: 20px;"><a href="https://sfmcd.org/visit#location">2569 Third Street<br>San Francisco CA 94107</a><br><a href="tel:415-773-0303">415 773 0303</a> </div> </div> </div> </div> <div class="col span_3"> <div id="nav_menu-4" class="widget widget_nav_menu"><div class="menu-21-footer-col2-container"><ul id="menu-21-footer-col2" class="menu"><li id="menu-item-13640" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13640"><a href="https://sfmcd.org/visit/">VISIT</a></li> <li id="menu-item-13641" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13641"><a href="https://sfmcd.org/exhibitions/">EXHIBITIONS</a></li> <li id="menu-item-13642" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13642"><a href="https://sfmcd.org/programs/">PROGRAMS</a></li> <li id="menu-item-13643" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13643"><a href="https://sfmcd.org/events/">EVENTS</a></li> </ul></div></div> </div> <div class="col span_3"> <div id="nav_menu-5" class="widget widget_nav_menu"><div class="menu-21-footer-col3-container"><ul id="menu-21-footer-col3" class="menu"><li id="menu-item-21387" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21387"><a href="https://shop.sfmcd.org/">SHOP</a></li> <li id="menu-item-13646" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13646"><a href="https://sfmcd.org/join/">MEMBERSHIP</a></li> <li id="menu-item-14866" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14866"><a href="https://sfmcd.org/pressroom/">PRESS</a></li> <li id="menu-item-13644" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13644"><a href="https://sfmcd.org/aboutmcd/">ABOUT</a></li> </ul></div></div><div id="custom_html-5" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><a href="https://www.facebook.com/MuseumofCraftandDesign" target="_blank" aria-label="Visit SFMCD on Facebook (opens in new tab)"><i style="font-size:30px;padding-right:10px" class="fa fa-facebook-official"></i> </a> <a href="https://www.instagram.com/museumofcraftanddesign/" target="_blank" aria-label="Visit SFMCD on Instagram (opens in new tab)"><i style="font-size:30px;padding-right:10px" class="fa fa-instagram"></i> </a> <a href="https://twitter.com/SF_MCD" target="_blank" aria-label="Visit SFMCD on Twitter (opens in new tab)"><i style="font-size:30px" class="fa fa-twitter-square"></i></a> <div style="width:100%;height:20px;clear:both"></div></div></div> </div> <div class="col span_3"> <div id="custom_html-4" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div style="width:100%"> <div style="width:45%; float:left;"> <a href="https://www.windgatefoundation.org/" target="_blank" aria-label="Visit Windgate Foundation (opens in new tab)"> <img data-src="https://sfmcd.org/wp-content/uploads/2018/07/windgate-02.png" alt="Windgate Foundation" style="--smush-placeholder-width: 614px; --smush-placeholder-aspect-ratio: 614/203;width: 200px; max-width: none; margin-left: -10px;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://sfmcd.org/wp-content/uploads/2018/07/windgate-02.png" alt="Windgate Foundation" style="width: 200px; max-width: none; margin-left: -10px;"></noscript></a> </div> </div> <div style="width:100%;height:10px;clear:both"></div> <div style="width:100%"> <div style="float:left;"> <a href="https://sfgfta.org" target="_blank" aria-label="Visit Grant for the Hearts (opens in new tab)"><img data-src="https://sfmcd.org/wp-content/uploads/2022/06/GFTA_logo_white-200.png" alt="Grant for the Hearts" style="--smush-placeholder-width: 200px; --smush-placeholder-aspect-ratio: 200/105;max-width:90px;margin-right:10px;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://sfmcd.org/wp-content/uploads/2022/06/GFTA_logo_white-200.png" alt="Grant for the Hearts" style="max-width:90px;margin-right:10px;"></noscript></a> </div> <div style="float:left;padding-left:5px;"> <a href="https://www.arts.gov" target="_blank" aria-label="Visit National Endowment for the Arts (opens in new tab)"><img data-src="https://sfmcd.org/wp-content/uploads/2022/06/NEA-200.png" alt="National Endowment for the Arts" style="--smush-placeholder-width: 200px; --smush-placeholder-aspect-ratio: 200/56;max-width:120px;padding-top:10px; width:95%;" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" class="lazyload"><noscript><img src="https://sfmcd.org/wp-content/uploads/2022/06/NEA-200.png" alt="National Endowment for the Arts" style="max-width:120px;padding-top:10px; width:95%;"></noscript></a> </div> </div> <div style="width:100%;height:20px;clear:both"></div> <div style="display:none; font-family: Barlow Condensed; font-size: 14px; line-height: 17px;">The Museum of Craft and Design’s exhibitions and programs are generously supported by Grants for the Arts.</div></div></div> </div> </div> </div> </div> <div class="row" id="copyright" data-layout="default"> <div class="container"> <div class="col span_5"> <p>© Museum of Craft and Design 2015-2024<br><a href="https://aenoch.com" target="_blank">Web Development by aenoch design</a> | <a href="#">Privacy Policy</a></p> </div> <div class="col span_7 col_last"> <ul class="social"> </ul> </div> </div> </div> </div> <div id="slide-out-widget-area-bg" class="fullscreen-alt solid"> <div class="bg-inner"></div> </div> <div id="slide-out-widget-area" class="fullscreen-alt" data-dropdown-func="default" data-back-txt="Back"> <div class="inner-wrap"> <div class="inner" data-prepend-menu-mobile="true"> <a class="slide_out_area_close" href="#"><span class="screen-reader-text">Close Menu</span> <span class="close-wrap"> <span class="close-line close-line1"></span> <span class="close-line close-line2"></span> </span> </a> <div class="off-canvas-menu-container mobile-only" role="navigation"> <ul class="menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13604"><a href="https://sfmcd.org/join/">JOIN</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-21151"><a href="https://sfmcd.org/give">GIVE</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-13606"><a href="http://shop.sfmcd.org/">SHOP</a></li> </ul> <ul class="menu secondary-header-items"> </ul> </div> <div id="nav_menu-2" class="widget widget_nav_menu"><div class="menu-21-offcanvas-top-container"><ul id="menu-21-offcanvas-top" class="menu"><li id="menu-item-13607" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13607"><a href="https://sfmcd.org/exhibitions/">EXHIBITIONS</a></li> <li id="menu-item-13609" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13609"><a href="https://sfmcd.org/programs/">PROGRAMS</a></li> <li id="menu-item-13610" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13610"><a href="https://sfmcd.org/events/">EVENTS</a></li> </ul></div></div><div id="custom_html-2" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div style="width:90%;max-width:500px;margin:-20px auto -20px auto;background:gray;height:1px"> </div></div></div><div id="nav_menu-3" class="widget widget_nav_menu"><div class="menu-21-offcanvas-bottom-container"><ul id="menu-21-offcanvas-bottom" class="menu"><li id="menu-item-13636" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13636"><a href="https://sfmcd.org/visit/">PLAN A VISIT</a></li> <li id="menu-item-13637" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13637"><a href="https://sfmcd.org/aboutmcd/">ABOUT MCD</a></li> <li id="menu-item-13638" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13638"><a href="https://sfmcd.org/join/">MEMBERSHIP</a></li> <li id="menu-item-17445" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-17445"><a target="_blank" href="http://shop.sfmcd.org/">SHOP</a></li> <li id="menu-item-14951" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-14951"><a href="https://sfmcd.org/pressroom/">PRESS</a></li> <li id="menu-item-13639" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-13639"><a href="https://sfmcd.org/contact/">CONTACT US</a></li> </ul></div></div><div id="custom_html-3" class="widget_text widget widget_custom_html"><div class="textwidget custom-html-widget"><div style="width:90%;max-width:500px;margin:-20px auto 0px auto;background:gray;height:1px"> </div></div></div> </div> <div class="bottom-meta-wrap"></div></div>  </div> </div>  <a id="to-top" aria-label="Back to top" href="#" class="mobile-disabled"><i role="presentation" class="fa fa-angle-up"></i></a> </div></div> <script> window.RS_MODULES = window.RS_MODULES || {}; window.RS_MODULES.modules = window.RS_MODULES.modules || {}; window.RS_MODULES.waiting = window.RS_MODULES.waiting || []; window.RS_MODULES.defered = false; window.RS_MODULES.moduleWaiting = window.RS_MODULES.moduleWaiting || {}; window.RS_MODULES.type = 'compiled'; </script> <script type="text/javascript">function showhide_toggle(e,t,r,g){var a=jQuery("#"+e+"-link-"+t),s=jQuery("a",a),i=jQuery("#"+e+"-content-"+t),l=jQuery("#"+e+"-toggle-"+t);a.toggleClass("sh-show sh-hide"),i.toggleClass("sh-show sh-hide").toggle(),"true"===s.attr("aria-expanded")?s.attr("aria-expanded","false"):s.attr("aria-expanded","true"),l.text()===r?(l.text(g),a.trigger("sh-link:more")):(l.text(r),a.trigger("sh-link:less")),a.trigger("sh-link:toggle")}</script> <script> ( function ( body ) { 'use strict'; body.className = body.className.replace( /\btribe-no-js\b/, 'tribe-js' ); } )( document.body ); </script> <script> /* <![CDATA[ */var tribe_l10n_datatables = {"aria":{"sort_ascending":": activate to sort column ascending","sort_descending":": activate to sort column descending"},"length_menu":"Show _MENU_ entries","empty_table":"No data available in table","info":"Showing _START_ to _END_ of _TOTAL_ entries","info_empty":"Showing 0 to 0 of 0 entries","info_filtered":"(filtered from _MAX_ total entries)","zero_records":"No matching records found","search":"Search:","all_selected_text":"All items on this page were selected. ","select_all_link":"Select all pages","clear_selection":"Clear Selection.","pagination":{"all":"All","next":"Next","previous":"Previous"},"select":{"rows":{"0":"","_":": Selected %d rows","1":": Selected 1 row"}},"datepicker":{"dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesMin":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Prev","currentText":"Today","closeText":"Done","today":"Today","clear":"Clear"},"registration_prompt":"There is unsaved attendee information. Are you sure you want to continue?"};/* ]]> */ </script><script type="text/html" id="wpb-modifications"> window.wpbCustomElement = 1; </script><link href="//fonts.googleapis.com/css?family=Roboto:400&display=swap" rel="stylesheet" property="stylesheet" media="all" type="text/css" > <script> if(typeof revslider_showDoubleJqueryError === "undefined") {function revslider_showDoubleJqueryError(sliderID) {console.log("You have some jquery.js library include that comes after the Slider Revolution files js inclusion.");console.log("To fix this, you can:");console.log("1. Set 'Module General Options' -> 'Advanced' -> 'jQuery & OutPut Filters' -> 'Put JS to Body' to on");console.log("2. Find the double jQuery.js inclusion and remove it");return "Double Included jQuery Library";}} </script> <link rel='stylesheet' id='vc_animate-css-css' href='https://sfmcd.org/wp-content/plugins/js_composer_salient/assets/lib/bower/animate-css/animate.min.css?ver=7.6' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='main-styles-non-critical-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/style-non-critical.css?ver=16.2.2' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='fancyBox-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/plugins/jquery.fancybox.css?ver=3.3.1' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='nectar-ocm-core-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/off-canvas/core.css?ver=16.2.2' type='text/css' media='all' /> <link data-pagespeed-no-defer data-nowprocket data-wpacu-skip data-no-optimize data-noptimize rel='stylesheet' id='nectar-ocm-fullscreen-legacy-css' href='https://sfmcd.org/wp-content/themes/salient/css/build/off-canvas/fullscreen-legacy.css?ver=16.2.2' type='text/css' media='all' /> <link rel='stylesheet' id='rs-plugin-settings-css' href='//sfmcd.org/wp-content/plugins/revslider/sr6/assets/css/rs6.css?ver=6.7.23' type='text/css' media='all' /> <style id='rs-plugin-settings-inline-css' type='text/css'> .small-button a{letter-spacing:1px;color:#fff !important;padding:15px 40px !important;line-height:50px}.small-button a:hover{text-decoration:underline}.background-box{float:left;width:500px;height:320px;background:rgba(255,255,255,0.05)} </style> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/event-tickets/src/resources/js/rsvp.min.js?ver=5.18.0" id="event-tickets-tickets-rsvp-js-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/event-tickets/src/resources/js/ticket-details.min.js?ver=5.18.0" id="event-tickets-details-js-js"></script> <script type="text/javascript" id="stickThis-js-extra"> /* <![CDATA[ */ var sticky_anything_engage = {"element":"#subnav","topspace":"60","minscreenwidth":"999","maxscreenwidth":"999999","zindex":"500","legacymode":"","dynamicmode":"","debugmode":"","pushup":"","adminbar":"1"}; /* ]]> */ </script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/sticky-menu-or-anything-on-scroll/assets/js/stickThis.js?ver=2.1.1" id="stickThis-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/jquery.easing.min.js?ver=1.3" id="jquery-easing-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/jquery.mousewheel.min.js?ver=3.1.13" id="jquery-mousewheel-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/priority.js?ver=16.2.2" id="nectar_priority-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/transit.min.js?ver=0.9.9" id="nectar-transit-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/waypoints.js?ver=4.0.2" id="nectar-waypoints-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/salient-portfolio/js/third-party/imagesLoaded.min.js?ver=4.1.4" id="imagesLoaded-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/hoverintent.min.js?ver=1.9" id="hoverintent-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/jquery.fancybox.js?ver=3.3.9" id="fancyBox-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/anime.min.js?ver=4.5.1" id="anime-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/third-party/superfish.js?ver=1.5.8" id="superfish-js"></script> <script type="text/javascript" id="nectar-frontend-js-extra"> /* <![CDATA[ */ var nectarLove = {"ajaxurl":"https:\/\/sfmcd.org\/wp-admin\/admin-ajax.php","postID":"410","rooturl":"https:\/\/sfmcd.org","disqusComments":"false","loveNonce":"963c770fef","mapApiKey":""}; var nectarOptions = {"delay_js":"false","quick_search":"false","react_compat":"disabled","header_entrance":"false","dropdown_hover_intent":"default","simplify_ocm_mobile":"0","mobile_header_format":"default","ocm_btn_position":"default","left_header_dropdown_func":"default","ajax_add_to_cart":"0","ocm_remove_ext_menu_items":"remove_images","woo_product_filter_toggle":"0","woo_sidebar_toggles":"true","woo_sticky_sidebar":"0","woo_minimal_product_hover":"default","woo_minimal_product_effect":"default","woo_related_upsell_carousel":"false","woo_product_variable_select":"default","woo_using_cart_addons":"false"}; var nectar_front_i18n = {"menu":"Menu","next":"Next","previous":"Previous","close":"Close"}; /* ]]> */ </script> <script type="text/javascript" src="https://sfmcd.org/wp-content/themes/salient/js/build/init.js?ver=16.2.2" id="nectar-frontend-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/salient-core/js/third-party/touchswipe.min.js?ver=1.0" id="touchswipe-js"></script> <script type="text/javascript" id="event-tickets-rsvp-js-extra"> /* <![CDATA[ */ var tribe_tickets_rsvp_strings = {"attendee":"Attendee %1$s"}; /* ]]> */ </script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/event-tickets/src/resources/js/rsvp.min.js?ver=5.18.0" id="event-tickets-rsvp-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/wp-smushit/app/assets/js/smush-lazy-load.min.js?ver=3.16.6" id="smush-lazy-load-js"></script> <script type="text/javascript" src="https://sfmcd.org/wp-content/plugins/js_composer_salient/assets/js/dist/js_composer_front.min.js?ver=7.6" id="wpb_composer_front_js-js"></script> <script></script><script id="rs-initialisation-scripts"> var tpj = jQuery; var revapi9; if(window.RS_MODULES === undefined) window.RS_MODULES = {}; if(RS_MODULES.modules === undefined) RS_MODULES.modules = {}; RS_MODULES.modules["revslider91"] = {once: RS_MODULES.modules["revslider91"]!==undefined ? RS_MODULES.modules["revslider91"].once : undefined, init:function() { window.revapi9 = window.revapi9===undefined || window.revapi9===null || window.revapi9.length===0 ? document.getElementById("rev_slider_9_1") : window.revapi9; if(window.revapi9 === null || window.revapi9 === undefined || window.revapi9.length==0) { window.revapi9initTry = window.revapi9initTry ===undefined ? 0 : window.revapi9initTry+1; if (window.revapi9initTry<20) requestAnimationFrame(function() {RS_MODULES.modules["revslider91"].init()}); return;} window.revapi9 = jQuery(window.revapi9); if(window.revapi9.revolution==undefined){ revslider_showDoubleJqueryError("rev_slider_9_1"); return;} revapi9.revolutionInit({ revapi:"revapi9", sliderLayout:"fullscreen", duration:"3000ms", visibilityLevels:"1240,1024,778,480", gridwidth:1920, gridheight:900, lazyType:"smart", perspective:600, perspectiveType:"global", editorheight:"900,768,960,720", responsiveLevels:"1240,1024,778,480", fullScreenOffset:"110px", stopAtSlide:1, stopAfterLoops:0, stopLoop:true, progressBar:{disableProgressBar:true}, navigation: { wheelCallDelay:1000, onHoverStop:false, touch: { touchenabled:true, touchOnDesktop:true } }, parallax: { levels:[5,10,15,20,25,30,35,40,45,46,47,48,49,50,51,30], type:"mouse", origo:"slidercenter", speed:0 }, fanim: { in:{"o":0}, out:{"a":false}, speed:300 }, viewPort: { global:true, globalDist:"-200px", enable:false }, fallbacks: { allowHTML5AutoPlayOnAndroid:true }, }); revapi9.bind("revolution.slide.onloaded",function (e) { var totalSlides = revapi9.revmaxslide(); switch(totalSlides) { case 1: var currentSlide =1; var elem = document.getElementById('exhibitrow1'); elem.style.display = "block"; break; case 2: var currentSlide = 1; var elem = document.getElementById('exhibitrow2'); elem.style.display = "block"; break; case 3: var currentSlide = 1; console.log ("on load"+currentSlide); var elem = document.getElementById('exhibitrow3'); elem.style.display = "block"; console.log("three slides"); break; default: var elem = document.getElementById('exhibitrow3'); elem.style.display = "block"; console.log("three slides"); }}); revapi9.bind("revolution.slide.onbeforeswap",function (e,data) { //Slider Before Swap //data.currentslide => Current Slide as jQuery Object //data.nextslide => Coming Slide as jQuery Object }); var api = revapi9.on('revolution.slide.onchange', function(e, data) { var currentSlide = revapi9.revcurrentslide(); console.log("current slide ="+currentSlide); switch(currentSlide) { case 1: jQuery('#exhibitrow2 div.row_col_wrap_12_inner div.vc_col-sm-4:nth-child(1)').removeClass('inactive').removeClass('active').addClass('active'); jQuery('#exhibitrow2 div.row_col_wrap_12_inner div.vc_col-sm-4:nth-child(2)').removeClass('inactive').removeClass('active').addClass('inactive'); // on to three jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(1)').removeClass('inactive').removeClass('active').addClass('active'); jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(2)').removeClass('inactive').removeClass('active').addClass('inactive'); jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(3)').removeClass('inactive').removeClass('active').addClass('inactive'); console.log("one"); break; case 2: jQuery('#exhibitrow2 div.row_col_wrap_12_inner div.vc_col-sm-4:nth-child(1)').removeClass('inactive').removeClass('active').addClass('inactive'); jQuery('#exhibitrow2 div.row_col_wrap_12_inner div.vc_col-sm-4:nth-child(2)').removeClass('active').removeClass('inactive').addClass('active'); // on to three jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(1)').removeClass('inactive').removeClass('active').addClass('inactive'); jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(2)').removeClass('inactive').removeClass('active').addClass('active'); jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(3)').removeClass('active').removeClass('inactive').addClass('inactive'); console.log("two"); break; case 3: // on to three jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(1)').removeClass('active').removeClass('inactive').addClass('inactive'); jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(2)').removeClass('inactive').removeClass('active').addClass('inactive'); jQuery('#exhibitrow3 div.row_col_wrap_12_inner div.vc_col-sm-3:nth-child(3)').removeClass('active').removeClass('inactive').addClass('active'); console.log("three"); break; } }); }} // End of RevInitScript if (window.RS_MODULES.checkMinimal!==undefined) { window.RS_MODULES.checkMinimal();}; </script> </body> </html>