<!doctype html>
<html lang="en-US">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="profile" href="https://gmpg.org/xfn/11">

                <link rel="stylesheet" href="https://use.typekit.net/kao2dgw.css">
        
    
	<!--AOS Animations-->
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
	
    <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' />

	<!-- This site is optimized with the Yoast SEO plugin v27.7 - https://yoast.com/product/yoast-seo-wordpress/ -->
	<title>Home - The Makeup Museum</title>
	<link rel="canonical" href="https://makeupmuseum.org/" />
	<meta property="og:locale" content="en_US" />
	<meta property="og:type" content="website" />
	<meta property="og:title" content="Home - The Makeup Museum" />
	<meta property="og:url" content="https://makeupmuseum.org/" />
	<meta property="og:site_name" content="The Makeup Museum" />
	<meta property="article:publisher" content="https://www.facebook.com/therealmakeupmuseum/" />
	<meta property="article:modified_time" content="2025-09-04T04:24:04+00:00" />
	<meta property="og:image" content="https://makeupmuseum.org/wp-content/uploads/hero-makeup-museum-collection-scaled-1.jpg" />
	<meta property="og:image:width" content="2560" />
	<meta property="og:image:height" content="1404" />
	<meta property="og:image:type" content="image/jpeg" />
	<meta name="twitter:card" content="summary_large_image" />
	<meta name="twitter:site" content="@makeupmuseum" />
	<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/makeupmuseum.org\/","url":"https:\/\/makeupmuseum.org\/","name":"Home - The Makeup Museum","isPartOf":{"@id":"https:\/\/makeupmuseum.org\/#website"},"about":{"@id":"https:\/\/makeupmuseum.org\/#organization"},"datePublished":"2024-06-29T19:49:22+00:00","dateModified":"2025-09-04T04:24:04+00:00","breadcrumb":{"@id":"https:\/\/makeupmuseum.org\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/makeupmuseum.org\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/makeupmuseum.org\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/makeupmuseum.org\/#website","url":"https:\/\/makeupmuseum.org\/","name":"Makeup Museum: Where Cosmetics & Art Intersect","description":"Where Cosmetics &amp; Art Intersect","publisher":{"@id":"https:\/\/makeupmuseum.org\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/makeupmuseum.org\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/makeupmuseum.org\/#organization","name":"Makeup Museum: Where Cosmetics & Art Intersect","url":"https:\/\/makeupmuseum.org\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/makeupmuseum.org\/#\/schema\/logo\/image\/","url":"https:\/\/makeupmuseum.org\/wp-content\/uploads\/makeup-museum-logo.png","contentUrl":"https:\/\/makeupmuseum.org\/wp-content\/uploads\/makeup-museum-logo.png","width":95,"height":56,"caption":"Makeup Museum: Where Cosmetics & Art Intersect"},"image":{"@id":"https:\/\/makeupmuseum.org\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/therealmakeupmuseum\/","https:\/\/x.com\/makeupmuseum","https:\/\/www.instagram.com\/makeup_museum\/","https:\/\/glammr.us\/@MakeupMuseum","https:\/\/www.pinterest.com\/makeupmuseum\/","https:\/\/www.tiktok.com\/@makeupmuseum"]}]}</script>
	<!-- / Yoast SEO plugin. -->


<link rel='dns-prefetch' href='//static.addtoany.com' />
<link rel='dns-prefetch' href='//www.googletagmanager.com' />
<link rel='dns-prefetch' href='//fonts.googleapis.com' />
<link rel='dns-prefetch' href='//use.fontawesome.com' />
<link rel="alternate" type="application/rss+xml" title="The Makeup Museum &raquo; Feed" href="https://makeupmuseum.org/feed/" />
<link rel="alternate" type="application/rss+xml" title="The Makeup Museum &raquo; Comments Feed" href="https://makeupmuseum.org/comments/feed/" />
<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://makeupmuseum.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakeupmuseum.org%2F" />
<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://makeupmuseum.org/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fmakeupmuseum.org%2F&#038;format=xml" />
<style id="wp-img-auto-sizes-contain-inline-css">
img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px}
/*# sourceURL=wp-img-auto-sizes-contain-inline-css */
</style>
<style id="wp-emoji-styles-inline-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;
	}
/*# sourceURL=wp-emoji-styles-inline-css */
</style>

<style id="acf-full-width-text-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

.full-width-text-block h5 {
	/*font-size: 42.25rem !important;*/
	font-family: alternate-gothic-atf !important;
	font-weight: 800 !important;
	text-transform: uppercase !important;
	line-height: 0.7 !important;
	letter-spacing: -6px !important;
}

@media (max-width: 1400px) {
	.full-width-text-block h5 {
	/*font-size: 28.7vw !important;*/
}
}




/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse-child/blocks/full-width-text/style.css */
</style>
<style id="acf-full-width-text-style-2-inline-css">

/*--------------------------------------------------------------
# Global Colors Fetch
--------------------------------------------------------------*/

.acf-input li:nth-last-of-type(7) input[type=radio] { background: rgb(255,255,255) !important; border: 10px solid rgb(255,255,255) !important;}
.acf-input li:nth-last-of-type(7) input[type=radio]:before { background: rgb(241,113,48) !important;}
.acf-input li:nth-last-of-type(6) input[type=radio] { background: rgb(241,113,48) !important; border: 10px solid rgb(241,113,48) !important;}
.acf-input li:nth-last-of-type(6) input[type=radio]:before { background: rgb(255,255,255) !important;}
.acf-input li:nth-last-of-type(5) input[type=radio] { background: rgb(140,133,123) !important; border: 10px solid rgb(140,133,123) !important;}
.acf-input li:nth-last-of-type(5) input[type=radio]:before { background: rgb(255,255,255) !important;}
.acf-input li:nth-last-of-type(4) input[type=radio] { background: rgb(243,239,230) !important; border: 10px solid rgb(243,239,230) !important;}
.acf-input li:nth-last-of-type(4) input[type=radio]:before { background: rgb(241,113,48) !important;}
.acf-input li:nth-last-of-type(3) input[type=radio] { background: rgb(235,234,233) !important; border: 10px solid rgb(235,234,233) !important;}
.acf-input li:nth-last-of-type(3) input[type=radio]:before { background: rgb(50,50,50) !important;}
.acf-input li:nth-last-of-type(2) input[type=radio] { background: rgb(125,56,21) !important; border: 10px solid rgb(125,56,21) !important;}
.acf-input li:nth-last-of-type(2) input[type=radio]:before { background: rgb(255,255,255) !important;}
.acf-input li:nth-last-of-type(1) input[type=radio] { background: rgb(50,50,50) !important; border: 10px solid rgb(50,50,50) !important;}
.acf-input li:nth-last-of-type(1) input[type=radio]:before { background: rgb(255,255,255) !important;}

/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse-child/css/color-schemes.css */
</style>
<style id="acf-social-connect-style-inline-css">
/*--------------------------------------------------------------
# Social Media Styles
--------------------------------------------------------------*/

.class {
	
}

@media (min-width: 576px) {
	.class {
	
}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse-child/blocks/social-connect/style.css */
</style>
<style id="acf-posts-featured-stories-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

.post-index {
	width: 100%;

}

.post-container {
    background-color: var(--bh-color-9) !important;
    font-size: 1.6rem;
    line-height: 2.3rem;
    text-align: center;
    padding: 30px;
    min-height: 585px;
}

.post-container h3 {
	color: var(--bh-color-3) !important;
	margin-bottom: 6px;
}

.post-image {
	width: 100% !important;
	padding-bottom: 20px !important;
}

.post-image img {
	width: 100% !important;
	height: 280px !important;
	object-fit: cover !important;
}

/* Buttons */
.post-index .post-container a.button {
    font-size: 1.5rem;
    min-width: 130px;
	 color: var(--bh-color-1);
    border: solid 2px var(--bh-color-1);
	 background: rgba(255,255,255,0.00);
	 margin-top: 12px;
	 margin-bottom: 1px;
}

@media (min-width: 576px) {
	.class {}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse-child/blocks/posts-featured-stories/style.css */
</style>
<style id="acf-container-style-inline-css">
/*--------------------------------------------------------------

KEY:

** -DEPRECIATE - ** = Is a candidate for Depreciation in the next version
** -CHILD - ** = Flagged to be moved to child theme
** -PLUGIN - ** = Flagged to be moved to plugin
** -EDIT - ** = Is section of code that is typically edited for each site

TABLE OF CONTENTS:

# Responsively hidden sections are greyed out in editor
# Color Scheme - Radio Buttons -DEPRECIATE?
# ACF framework overides
# Find a better fix for this
# Type
# Positioning options
# Content
# Background images

--------------------------------------------------------------*/



/* Apply this only in the WordPress block editor */
@media (min-width: 0px) and (max-width: 575.98px) {
	body .editor-styles-wrapper .d-none {
    opacity: .35;  /* Grey out the element */
        pointer-events: none;  /* Disable interaction with the element */
        display: block !important;  /* Ensure it's visible in the editor */
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
    body .editor-styles-wrapper .d-sm-none {
        opacity: .35;  /* Grey out the element */
        pointer-events: none;  /* Disable interaction with the element */
        display: block !important;  /* Ensure it's visible in the editor */
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    body .editor-styles-wrapper .d-md-none {
        opacity: .35;  /* Grey out the element */
        pointer-events: none;  /* Disable interaction with the element */
        display: block !important;  /* Ensure it's visible in the editor */
    }
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    body .editor-styles-wrapper .d-lg-none {
        opacity: .35;  /* Grey out the element */
        pointer-events: none;  /* Disable interaction with the element */
        display: block !important;  /* Ensure it's visible in the editor */
    }
}

@media (min-width: 1200px) and (max-width: 1399.98px) {
    body .editor-styles-wrapper .d-xl-none {
        opacity: .35;  /* Grey out the element */
        pointer-events: none;  /* Disable interaction with the element */
        display: block !important;  /* Ensure it's visible in the editor */
    }
}

@media (min-width: 1400px) {
    body .editor-styles-wrapper .d-xxl-none {
        opacity: .35;  /* Grey out the element */
        pointer-events: none;  /* Disable interaction with the element */
        display: block !important;  /* Ensure it's visible in the editor */
    }
}


/*--------------------------------------------------------------
# Color Scheme - Radio Buttons -DEPRECIATE?
--------------------------------------------------------------*/

.acf-input ul.acf-radio-list li, .acf-input ul.acf-checkbox-list li {
    font-size: 12px !important;
    line-height: 30px !important;
    margin: 0 !important;
    position: relative !important;
    word-wrap: break-word !important;
    display: inline-block !important;
    width: 50% !important;
}

.acf-input ul.acf-radio-list li label {
	/*top: -6px;
	position: relative;*/
}

.acf-input input[type=checkbox], .acf-input input[type=radio] {
    border: 10px solid #fff !important;
    border-radius: 100px !important;
    padding: 12px !important;
    margin: 10px 7px 0px 0 !important;
	 top: -6px;
    position: relative;
}

ul.acf-radio-list, ul.acf-checkbox-list {
    border: 0px !important;
    border-radius: 0px !important;
}

ul.acf-radio-list:focus-within, ul.acf-checkbox-list:focus-within {
    border: 0px !important;
    border-radius: 0px !important;
}

.exterior_or_interior .acf-input input[type=checkbox], .exterior_or_interior .acf-input input[type=radio] {
    border: 1px solid #fff !important;
    border-radius: 100px !important;
    background: #fff !important;
    padding: 9px !important;
    margin: 12px 6px 0px 0 !important;
}

input[type=radio]:before {
    width: 1.65rem !important;
    height: 1.65rem !important;
    margin: -0.8rem !important;
}



/*--------------------------------------------------------------
# ACF framework overides
--------------------------------------------------------------*/

/* // Toolbar fix and Override additional markup that ACF adds to blocks. 
/* These extra divs effects/breaks Bootstraps styles. 
/* 1. Remove added wrapper divs. There is an official front end fix at acf. 2. Build custom toolbar with js/react */


.acf-innerblocks-container {
	display: contents;
}

/* Override additional markup that ACF adds to blocks. This allows g-* css to work on child (col) divs */

.row {
  margin-right: inherit !important;
  margin-left: inherit !important;
}

.row .acf-innerblocks-container > *, .row .acf-innerblocks-container .wp-block > * {
  padding-right: calc(var(--bs-gutter-x) * .35);
  padding-left: calc(var(--bs-gutter-x) * .35);
  margin-top: var(--bs-gutter-y);
}

.row .acf-innerblocks-container .acf-innerblocks-container > *, .row .acf-innerblocks-container .acf-innerblocks-container .wp-block > * {
  padding-right: 0px;
  padding-left: 0px;
  margin-top: 0px;
}



/*--------------------------------------------------------------
# Type
--------------------------------------------------------------*/

.row-proportionate, .row-static {
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	/*overflow: hidden;*/
	margin: auto;
}



/*--------------------------------------------------------------
# Positioning Options
--------------------------------------------------------------*/

.position-absolute-bh {
	position: absolute !important;
	z-index: 9999 !important;
   width: 100% !important;
}



/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/

.row-content {
	position: relative;
	z-index: 10;
	overflow: visible;
	margin: auto;
	height: 100%;
}

.outer-block-wrapper {
	height: 100%;
}

/*
.row h1 {
	color: var(--bh-color-1);
}

.content-block {
	overflow: visible;
}*/



/*--------------------------------------------------------------
# Background images
--------------------------------------------------------------*/

.row-small, .row-medium, .row-large {
	position: absolute; 
}

@media (max-width: 575px) {
.row-small {
		background-repeat: no-repeat;
		width: 100%; 
		height: 100%; 
	}
.row-large {
		/*display: none;*/
	}	
}

.row-large {
background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

@media (min-width: 576px) {
.row-large {
	}
.row-small {
		display: none;
	}	
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/container/style.css */
</style>
<style id="acf-button-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

.class {
	
}

@media (min-width: 576px) {
	.class {
		
	}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/button/style.css */
</style>
<style id="acf-heading-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/
.class {
	
}

@media (min-width: 576px) {
	.class {
	
}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/heading/style.css */
</style>
<style id="acf-image-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

img.object-fit-none {
    width: 100%;
	height: auto;
}

.cover-image {
    position: relative;
    max-width: 100%;
    /* height: 100% !important; */
    width: 100%;
}

.overlay-image {
    width: 100%;
    position: absolute;
    height: 100%;
	 z-index: 10
}

.object-fit-cover-bh {
    height: 100%;
    width: 100%;
    /* border: 1px solid #000; */
    /* margin: 10px 0; */
    object-fit: cover;
    /* object-position: center; */
}

.object-fit-contain-bh {
	height: 100% !important;
	max-width: 100% !important;
	width: 100% !important;
	object-fit: cover !important;
}

@media (min-width: 576px) {
	.class {
		
	}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/image/style.css */
</style>
<style id="acf-menu-style-inline-css">
/*--------------------------------------------------------------
# Menu Block Navigation Styles
--------------------------------------------------------------*/

.menu-block {
  z-index: 999999;
}

/* Base nav layout support */
.navbar-nav {
  position: relative;
}

/*----------------------------
  Offcanvas Mobile Nav Behavior
----------------------------*/

@media (max-width: 991px) {
  /* Hide nav by default on small screens */
  header .offcanvas-collapse {
    display: none;
  }

  /* Show when open class is added */
  header .offcanvas-collapse.open {
    visibility: visible;
    transform: translateX(-100%);
    display: block;
  }
}

@media (min-width: 992px) {
  header .offcanvas-collapse {
    display: block !important; /* Ensure desktop always shows */
    transform: none !important;
    visibility: visible !important;
  }
}

/*----------------------------
  Dropdown Menus
----------------------------*/

/* Hide all dropdowns by default */
.dropdown-menu {
  display: none;
}

/* First-level dropdown: show on click */
.nav-item.dropdown.show > .dropdown-menu {
  display: block;
}

/* Second-level dropdown: show on hover */
.dropdown-menu .dropdown.show > .dropdown-menu {
  display: block;
  position: absolute;
  top: 0;
  left: 100%;
  margin-top: 0;
  z-index: 1050;
}

/* Third-level dropdown: show to the left */
.dropdown-menu .dropdown:hover > .dropdown-menu {
  display: block;
  position: absolute;
  top: 0;
  left: auto;
  right: 100%;
  margin-top: 0;
  margin-right: 0;
  z-index: 1050;
}

/* Arrows aligned right in all dropdown items with children */
.dropdown-menu .dropdown-toggle {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-right: 1.5rem;
}

.dropdown-menu .dropdown-toggle::after {
  margin-left: auto;
}

/* Top-level arrow alignment fix */
.navbar-nav > .dropdown > .dropdown-toggle::after {
  margin-left: auto;
}

/* Optional cleanup: unused */
.dropdown-submenu {
  display: none;
}

/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/menu/style.css */
</style>
<style id="acf-site-logo-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

.class {
	
}

@media (min-width: 576px) {
	.class {
		
}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/site-logo/style.css */
</style>
<style id="acf-text-editor-style-inline-css">
/*--------------------------------------------------------------
# Template Styles
--------------------------------------------------------------*/

.class {
}

@media (min-width: 576px) {
	.class {
}
}
/*# sourceURL=https://makeupmuseum.org/wp-content/themes/blenderhouse/blocks/text-editor/style.css */
</style>

<style id="font-awesome-svg-styles-default-inline-css">
.svg-inline--fa {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: -.125em;
}
/*# sourceURL=font-awesome-svg-styles-default-inline-css */
</style>
<link rel='stylesheet' id='font-awesome-svg-styles-css' href='https://makeupmuseum.org/wp-content/uploads/font-awesome/v6.5.2/css/svg-with-js.css' media='all' />
<style id="font-awesome-svg-styles-inline-css">
   .wp-block-font-awesome-icon svg::before,
   .wp-rich-text-font-awesome-icon svg::before {content: unset;}
/*# sourceURL=font-awesome-svg-styles-inline-css */
</style>
<style id="global-styles-inline-css">
:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}
/*# sourceURL=global-styles-inline-css */
</style>

<link rel='stylesheet' id='dashicons-css' href='https://makeupmuseum.org/wp-includes/css/dashicons.min.css?ver=7.0' media='all' />
<link rel='stylesheet' id='admin-bar-css' href='https://makeupmuseum.org/wp-includes/css/admin-bar.min.css?ver=7.0' media='all' />
<style id="admin-bar-inline-css">

    /* Hide CanvasJS credits for P404 charts specifically */
    #p404RedirectChart .canvasjs-chart-credit {
        display: none !important;
    }
    
    #p404RedirectChart canvas {
        border-radius: 6px;
    }

    .p404-redirect-adminbar-weekly-title {
        font-weight: bold;
        font-size: 14px;
        color: #fff;
        margin-bottom: 6px;
    }

    #wpadminbar #wp-admin-bar-p404_free_top_button .ab-icon:before {
        content: "\f103";
        color: #dc3545;
        top: 3px;
    }
    
    #wp-admin-bar-p404_free_top_button .ab-item {
        min-width: 80px !important;
        padding: 0px !important;
    }
    
    /* Ensure proper positioning and z-index for P404 dropdown */
    .p404-redirect-adminbar-dropdown-wrap { 
        min-width: 0; 
        padding: 0;
        position: static !important;
    }
    
    #wpadminbar #wp-admin-bar-p404_free_top_button_dropdown {
        position: static !important;
    }
    
    #wpadminbar #wp-admin-bar-p404_free_top_button_dropdown .ab-item {
        padding: 0 !important;
        margin: 0 !important;
    }
    
    .p404-redirect-dropdown-container {
        min-width: 340px;
        padding: 18px 18px 12px 18px;
        background: #23282d !important;
        color: #fff;
        border-radius: 12px;
        box-shadow: 0 8px 32px rgba(0,0,0,0.25);
        margin-top: 10px;
        position: relative !important;
        z-index: 999999 !important;
        display: block !important;
        border: 1px solid #444;
    }
    
    /* Ensure P404 dropdown appears on hover */
    #wpadminbar #wp-admin-bar-p404_free_top_button .p404-redirect-dropdown-container { 
        display: none !important;
    }
    
    #wpadminbar #wp-admin-bar-p404_free_top_button:hover .p404-redirect-dropdown-container { 
        display: block !important;
    }
    
    #wpadminbar #wp-admin-bar-p404_free_top_button:hover #wp-admin-bar-p404_free_top_button_dropdown .p404-redirect-dropdown-container {
        display: block !important;
    }
    
    .p404-redirect-card {
        background: #2c3338;
        border-radius: 8px;
        padding: 18px 18px 12px 18px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.07);
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        border: 1px solid #444;
    }
    
    .p404-redirect-btn {
        display: inline-block;
        background: #dc3545;
        color: #fff !important;
        font-weight: bold;
        padding: 5px 22px;
        border-radius: 8px;
        text-decoration: none;
        font-size: 17px;
        transition: background 0.2s, box-shadow 0.2s;
        margin-top: 8px;
        box-shadow: 0 2px 8px rgba(220,53,69,0.15);
        text-align: center;
        line-height: 1.6;
    }
    
    .p404-redirect-btn:hover {
        background: #c82333;
        color: #fff !important;
        box-shadow: 0 4px 16px rgba(220,53,69,0.25);
    }
    
    /* Prevent conflicts with other admin bar dropdowns */
    #wpadminbar .ab-top-menu > li:hover > .ab-item,
    #wpadminbar .ab-top-menu > li.hover > .ab-item {
        z-index: auto;
    }
    
    #wpadminbar #wp-admin-bar-p404_free_top_button:hover > .ab-item {
        z-index: 999998 !important;
    }
    
/*# sourceURL=admin-bar-inline-css */
</style>
<link rel='stylesheet' id='catalogit-photoswipe-css' href='https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/libs/PhotoSwipe/photoswipe.css?ver=2.0.0' media='all' />
<link rel='stylesheet' id='catalogit-photoswipe-caption-css' href='https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/libs/PhotoSwipe/caption/photoswipe-dynamic-caption-plugin.css?ver=2.0.0' media='all' />
<link rel='stylesheet' id='rmp-material-icons-css' href='https://fonts.googleapis.com/icon?family=Material+Icons&#038;display=auto&#038;ver=4.7.2' media='all' />
<link rel='stylesheet' id='rmp-font-awesome-css' href='https://use.fontawesome.com/releases/v5.13.0/css/all.css?ver=4.7.2' media='all' />
<link rel='stylesheet' id='rmp-glyph-icons-css' href='https://makeupmuseum.org/wp-content/plugins/responsive-menu-pro/v4.0.0/assets/admin/scss/glyphicons.css?ver=4.7.2' media='all' />
<link rel='stylesheet' id='rmp-menu-dynamic-styles-css' href='https://makeupmuseum.org/wp-content/uploads/rmp-menu/css/rmp-menu.css?ver=252' media='all' />
<link rel='stylesheet' id='search-filter-plugin-styles-css' href='https://makeupmuseum.org/wp-content/plugins/search-filter-pro/public/assets/css/search-filter.min.css?ver=2.5.19' media='all' />
<link rel='stylesheet' id='bootstrap-css' href='https://makeupmuseum.org/wp-content/themes/blenderhouse/css/bootstrap.css?ver=7.0' media='all' />
<link rel='stylesheet' id='child-style-css' href='https://makeupmuseum.org/wp-content/themes/blenderhouse-child/css/dynamic-styles.css?ver=7.0' media='all' />
<link rel='stylesheet' id='blenderhouse-style-css' href='https://makeupmuseum.org/wp-content/themes/blenderhouse-child/style.css?ver=7.0' media='all' />
<link rel='stylesheet' id='my-theme-style-css' href='https://makeupmuseum.org/wp-content/themes/blenderhouse/css/dynamic-styles.css?ver=7.0' media='all' />
<link rel='stylesheet' id='font-awesome-official-css' href='https://use.fontawesome.com/releases/v6.5.2/css/all.css' media='all' integrity="sha384-PPIZEGYM1v8zp5Py7UjFb79S58UeqCL9pYVnVPURKEqvioPROaVAJKKLzvH2rDnI" crossorigin="anonymous" />
<link rel='stylesheet' id='slb_core-css' href='https://makeupmuseum.org/wp-content/plugins/simple-lightbox/client/css/app.css?ver=2.9.5' media='all' />
<link rel='stylesheet' id='catalogit-styles-css' href='https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/css/catalogit.css?ver=2.0.0' media='all' />
<link rel='stylesheet' id='addtoany-css' href='https://makeupmuseum.org/wp-content/plugins/add-to-any/addtoany.min.css?ver=1.16' media='all' />
<style id="addtoany-inline-css">
@media screen and (min-width:981px){
.a2a_floating_style.a2a_default_style{display:none;}
}
/*# sourceURL=addtoany-inline-css */
</style>
<link rel='stylesheet' id='font-awesome-official-v4shim-css' href='https://use.fontawesome.com/releases/v6.5.2/css/v4-shims.css' media='all' integrity="sha384-XyvK/kKwgVW+fuRkusfLgfhAMuaxLPSOY8W7wj8tUkf0Nr2WGHniPmpdu+cmPS5n" crossorigin="anonymous" />
<script id="jquery-core-js" src="https://makeupmuseum.org/wp-includes/js/jquery/jquery.min.js?ver=3.7.1"></script>
<script id="jquery-migrate-js" src="https://makeupmuseum.org/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1"></script>
<script id="file_uploads_nfpluginsettings-js-extra">
var params = {"clearLogRestUrl":"https://makeupmuseum.org/wp-json/nf-file-uploads/debug-log/delete-all","clearLogButtonId":"file_uploads_clear_debug_logger","downloadLogRestUrl":"https://makeupmuseum.org/wp-json/nf-file-uploads/debug-log/get-all","downloadLogButtonId":"file_uploads_download_debug_logger"};
//# sourceURL=file_uploads_nfpluginsettings-js-extra
</script>
<script id="file_uploads_nfpluginsettings-js" src="https://makeupmuseum.org/wp-content/plugins/ninja-forms-uploads/assets/js/nfpluginsettings.js?ver=3.3.23"></script>
<script id="addtoany-core-js-before">
window.a2a_config=window.a2a_config||{};a2a_config.callbacks=[];a2a_config.overlays=[];a2a_config.templates={};

//# sourceURL=addtoany-core-js-before
</script>
<script id="addtoany-core-js" defer src="https://static.addtoany.com/menu/page.js"></script>
<script id="addtoany-jquery-js" defer src="https://makeupmuseum.org/wp-content/plugins/add-to-any/addtoany.min.js?ver=1.1"></script>
<script id="search-filter-plugin-build-js-extra">
var SF_LDATA = {"ajax_url":"https://makeupmuseum.org/wp-admin/admin-ajax.php","home_url":"https://makeupmuseum.org/","extensions":[]};
//# sourceURL=search-filter-plugin-build-js-extra
</script>
<script id="search-filter-plugin-build-js" src="https://makeupmuseum.org/wp-content/plugins/search-filter-pro/public/assets/js/search-filter-build.min.js?ver=2.5.19"></script>
<script id="search-filter-plugin-chosen-js" src="https://makeupmuseum.org/wp-content/plugins/search-filter-pro/public/assets/js/chosen.jquery.min.js?ver=2.5.19"></script>
<script id="bootstrap-js-js" src="https://makeupmuseum.org/wp-content/themes/blenderhouse/js/bootstrap.bundle.min.js?ver=7.0"></script>

<!-- Google tag (gtag.js) snippet added by Site Kit -->
<!-- Google Analytics snippet added by Site Kit -->
<script id="google_gtagjs-js" src="https://www.googletagmanager.com/gtag/js?id=GT-MK4GFF2" async></script>
<script id="google_gtagjs-js-after">
window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}
gtag("set","linker",{"domains":["makeupmuseum.org"]});
gtag("js", new Date());
gtag("set", "developer_id.dZTNiMT", true);
gtag("config", "GT-MK4GFF2");
 window._googlesitekit = window._googlesitekit || {}; window._googlesitekit.throttledEvents = []; window._googlesitekit.gtagEvent = (name, data) => { var key = JSON.stringify( { name, data } ); if ( !! window._googlesitekit.throttledEvents[ key ] ) { return; } window._googlesitekit.throttledEvents[ key ] = true; setTimeout( () => { delete window._googlesitekit.throttledEvents[ key ]; }, 5 ); gtag( "event", name, { ...data, event_source: "site-kit" } ); }; 
//# sourceURL=google_gtagjs-js-after
</script>
<link rel="https://api.w.org/" href="https://makeupmuseum.org/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://makeupmuseum.org/wp-json/wp/v2/pages/289" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://makeupmuseum.org/xmlrpc.php?rsd" />
<meta name="generator" content="WordPress 7.0" />
<link rel='shortlink' href='https://makeupmuseum.org/' />
<meta name="generator" content="Site Kit by Google 1.180.0" /><link rel="icon" href="https://makeupmuseum.org/wp-content/uploads/cropped-mm-logo-32x32.jpg" sizes="32x32" />
<link rel="icon" href="https://makeupmuseum.org/wp-content/uploads/cropped-mm-logo-192x192.jpg" sizes="192x192" />
<link rel="apple-touch-icon" href="https://makeupmuseum.org/wp-content/uploads/cropped-mm-logo-180x180.jpg" />
<meta name="msapplication-TileImage" content="https://makeupmuseum.org/wp-content/uploads/cropped-mm-logo-270x270.jpg" />
</head>

<body class="home wp-singular page-template-default page page-id-289 wp-theme-blenderhouse wp-child-theme-blenderhouse-child">
<button type="button"  aria-controls="rmp-container-100302" aria-label="Menu Trigger" id="rmp_menu_trigger-100302"  class="rmp_menu_trigger rmp-menu-trigger-slider">
					<span class="rmp-trigger-box"><span class="responsive-menu-pro-inner"></span></span>
				</button><div id="rmp-container-100302" class="rmp-container rmp-slide-left"><div id="rmp-menu-wrap-100302" class="rmp-menu-wrap"><ul id="rmp-menu-100302" class="rmp-menu" role="menubar" aria-label="Primary"><li id="rmp-menu-item-1011" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children rmp-menu-item rmp-menu-item-has-children rmp-menu-top-level-item" role="none"><a  href="https://makeupmuseum.org/about/"  class="rmp-menu-item-link"  role="menuitem"  >About<div class="rmp-menu-subarrow"><span class="rmp-font-icon dashicons dashicons-arrow-down-alt2 "></span></div></a><ul aria-label="About"
            role="menu" data-depth="2"
            class="  rmp-submenu rmp-submenu-depth-1"><li id="rmp-menu-item-2532" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/about/"  class="rmp-menu-item-link"  role="menuitem"  >About</a></li><li id="rmp-menu-item-57706" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/about/faqs/"  class="rmp-menu-item-link"  role="menuitem"  >FAQs</a></li><li id="rmp-menu-item-1014" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/about/museum-history/"  class="rmp-menu-item-link"  role="menuitem"  >History</a></li><li id="rmp-menu-item-2533" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/about/our-team/"  class="rmp-menu-item-link"  role="menuitem"  >Team</a></li><li id="rmp-menu-item-1012" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/about/land-acknowledgement/"  class="rmp-menu-item-link"  role="menuitem"  >Land Acknowledgement</a></li></ul></li><li id="rmp-menu-item-407" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children rmp-menu-item rmp-menu-item-has-children rmp-menu-top-level-item" role="none"><a  href="https://makeupmuseum.org/exhibitions/"  class="rmp-menu-item-link"  role="menuitem"  >Exhibitions<div class="rmp-menu-subarrow"><span class="rmp-font-icon dashicons dashicons-arrow-down-alt2 "></span></div></a><ul aria-label="Exhibitions"
            role="menu" data-depth="2"
            class="  rmp-submenu rmp-submenu-depth-1"><li id="rmp-menu-item-104514" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/exhibitions/"  class="rmp-menu-item-link"  role="menuitem"  >Exhibitions Overview</a></li><li id="rmp-menu-item-104507" class=" menu-item menu-item-type-post_type_archive menu-item-object-im-your-venus rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/im-your-venus/"  class="rmp-menu-item-link"  role="menuitem"  >I’m Your Venus</a></li><li id="rmp-menu-item-104508" class=" menu-item menu-item-type-post_type_archive menu-item-object-makeup-for-merfolk rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/makeup-for-merfolk/"  class="rmp-menu-item-link"  role="menuitem"  >Makeup for Merfolk</a></li><li id="rmp-menu-item-104509" class=" menu-item menu-item-type-post_type_archive menu-item-object-stila-at-25 rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/stila-at-25/"  class="rmp-menu-item-link"  role="menuitem"  >Stila At 25</a></li></ul></li><li id="rmp-menu-item-104290" class=" menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children rmp-menu-item rmp-menu-item-has-children rmp-menu-top-level-item" role="none"><a  href="#"  class="rmp-menu-item-link"  role="menuitem"  >Collection<div class="rmp-menu-subarrow"><span class="rmp-font-icon dashicons dashicons-arrow-down-alt2 "></span></div></a><ul aria-label="Collection"
            role="menu" data-depth="2"
            class="  rmp-submenu rmp-submenu-depth-1"><li id="rmp-menu-item-104289" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/collections/about-the-collection/"  class="rmp-menu-item-link"  role="menuitem"  >About The Collection</a></li><li id="rmp-menu-item-104288" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/collections/"  class="rmp-menu-item-link"  role="menuitem"  >View The Collection</a></li></ul></li><li id="rmp-menu-item-99471" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-top-level-item" role="none"><a  href="https://makeupmuseum.org/stories-blog/"  class="rmp-menu-item-link"  role="menuitem"  >Stories</a></li><li id="rmp-menu-item-409" class=" menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children rmp-menu-item rmp-menu-item-has-children rmp-menu-top-level-item" role="none"><a  href="https://makeupmuseum.org/press/"  class="rmp-menu-item-link"  role="menuitem"  >News<div class="rmp-menu-subarrow"><span class="rmp-font-icon dashicons dashicons-arrow-down-alt2 "></span></div></a><ul aria-label="News"
            role="menu" data-depth="2"
            class="  rmp-submenu rmp-submenu-depth-1"><li id="rmp-menu-item-100515" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/press/"  class="rmp-menu-item-link"  role="menuitem"  >News</a></li><li id="rmp-menu-item-100513" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/press/news-events/"  class="rmp-menu-item-link"  role="menuitem"  >Press &#038; Events</a></li><li id="rmp-menu-item-100514" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-sub-level-item" role="none"><a  href="https://makeupmuseum.org/press/rights-reproductions/"  class="rmp-menu-item-link"  role="menuitem"  >Rights &#038; Reproductions</a></li></ul></li><li id="rmp-menu-item-410" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-top-level-item" role="none"><a  href="https://makeupmuseum.org/resources/"  class="rmp-menu-item-link"  role="menuitem"  >Resources</a></li><li id="rmp-menu-item-412" class=" menu-item menu-item-type-post_type menu-item-object-page rmp-menu-item rmp-menu-top-level-item" role="none"><a  href="https://makeupmuseum.org/support/"  class="rmp-menu-item-link"  role="menuitem"  >Support</a></li></ul></div></div><div class="rmp-page-overlay" id="rmp-page-overlay-100302"></div>
<div id="page" class="site">
    <a class="skip-link screen-reader-text" href="#primary">
        Skip to content    </a>

<main id="primary" class="site-main">
    
        <article id="post-289" class="post-289 page type-page status-publish hentry">
            
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8426) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8426 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8426) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8426) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<header  style="width: 100%; z-index: 100; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8426 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex  justify-content-start align-items-center none row-static" style="min-height: 116px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6625) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6625 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6625) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6625) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6625 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex  justify-content-start align-items-center none row-static" style="min-height: 0px; column-gap: 13px; row-gap: 13px; display: block;">

            <div class="acf-innerblocks-container">
<style>
.site-logo-56526 img {
width: 120px;
}

@media (max-width: 992px) {
.site-logo-56526 img {
width: 120px;
}
}

@media (max-width: 576px) {
.site-logo-56526 img {
width: 120px;
}
}
</style>
<div class="site-logo inner-block-wrapper container-btn position-relative site-logo-56526"> <a
      href="/"
  > <img decoding="async" src="https://makeupmuseum.org/wp-content/uploads/makeup-museum-logo-white.png" alt=""> </a> </div>





<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 80px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-none  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: auto;  object-position: " src="https://makeupmuseum.org/wp-content/uploads/makeup-museum-established-2008-2.png" alt="Established 2008"  >

    </div>

</div>
        </div>

    </div>
</div>

		
</section>



<nav class="menu-block inner-block-wrapper container-btn position-relative">
	<nav class="navbar navbar-dark navbar-expand-lg" aria-label="Main navigation"> 
		<div style="position: relative" class="navbar-collapse offcanvas-collapse align-self-center" id="navbarsExampleDefault">
			<ul id="menu-primary" class="navbar-nav me-auto mb-2 mb-md-0 primary" style="flex-direction: Row"><li id="menu-item-1011" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children nav-item nav-item-1011 dropdown"><a href="https://makeupmuseum.org/about/" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link  dropdown-toggle">About</a>
<ul class="dropdown-menu  depth_0">
	<li id="menu-item-2532" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-2532"><a href="https://makeupmuseum.org/about/" class="dropdown-item">About</a></li>
	<li id="menu-item-57706" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-57706"><a href="https://makeupmuseum.org/about/faqs/" class="dropdown-item">FAQs</a></li>
	<li id="menu-item-1014" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1014"><a href="https://makeupmuseum.org/about/museum-history/" class="dropdown-item">History</a></li>
	<li id="menu-item-2533" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-2533"><a href="https://makeupmuseum.org/about/our-team/" class="dropdown-item">Team</a></li>
	<li id="menu-item-1012" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1012"><a href="https://makeupmuseum.org/about/land-acknowledgement/" class="dropdown-item">Land Acknowledgement</a></li>
</ul>
</li>
<li id="menu-item-407" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children nav-item nav-item-407 dropdown"><a href="https://makeupmuseum.org/exhibitions/" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link  dropdown-toggle">Exhibitions</a>
<ul class="dropdown-menu  depth_0">
	<li id="menu-item-104514" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-104514"><a href="https://makeupmuseum.org/exhibitions/" class="dropdown-item">Exhibitions Overview</a></li>
	<li id="menu-item-104507" class="menu-item menu-item-type-post_type_archive menu-item-object-im-your-venus nav-item nav-item-104507"><a href="https://makeupmuseum.org/im-your-venus/" class="dropdown-item">I’m Your Venus</a></li>
	<li id="menu-item-104508" class="menu-item menu-item-type-post_type_archive menu-item-object-makeup-for-merfolk nav-item nav-item-104508"><a href="https://makeupmuseum.org/makeup-for-merfolk/" class="dropdown-item">Makeup for Merfolk</a></li>
	<li id="menu-item-104509" class="menu-item menu-item-type-post_type_archive menu-item-object-stila-at-25 nav-item nav-item-104509"><a href="https://makeupmuseum.org/stila-at-25/" class="dropdown-item">Stila At 25</a></li>
</ul>
</li>
<li id="menu-item-104290" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children nav-item nav-item-104290 dropdown"><a href="#" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link  dropdown-toggle">Collection</a>
<ul class="dropdown-menu  depth_0">
	<li id="menu-item-104289" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-104289"><a href="https://makeupmuseum.org/collections/about-the-collection/" class="dropdown-item">About The Collection</a></li>
	<li id="menu-item-104288" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-104288"><a href="https://makeupmuseum.org/collections/" class="dropdown-item">View The Collection</a></li>
</ul>
</li>
<li id="menu-item-99471" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-99471"><a href="https://makeupmuseum.org/stories-blog/" class="nav-link">Stories</a></li>
<li id="menu-item-409" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-has-children nav-item nav-item-409 dropdown"><a href="https://makeupmuseum.org/press/" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link  dropdown-toggle">News</a>
<ul class="dropdown-menu  depth_0">
	<li id="menu-item-100515" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-100515"><a href="https://makeupmuseum.org/press/" class="dropdown-item">News</a></li>
	<li id="menu-item-100513" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-100513"><a href="https://makeupmuseum.org/press/news-events/" class="dropdown-item">Press &#038; Events</a></li>
	<li id="menu-item-100514" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-100514"><a href="https://makeupmuseum.org/press/rights-reproductions/" class="dropdown-item">Rights &#038; Reproductions</a></li>
</ul>
</li>
<li id="menu-item-410" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-410"><a href="https://makeupmuseum.org/resources/" class="nav-link">Resources</a></li>
<li id="menu-item-412" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-412"><a href="https://makeupmuseum.org/support/" class="nav-link">Support</a></li>
</ul>		</div>
	</nav>
</nav>


</div>
        </div>

    </div>
</div>

		
</header>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-7777) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-7777 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-7777) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-7777) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section id="hero"  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-vertical-height" class="class-7777 bkg-black "   >
	
	
    <div class="row-large" style="background-image: url(https://makeupmuseum.org/wp-content/uploads/hero-makeup-museum-collection-scaled-1.jpg); background-position: center right; background-size: cover; border-radius: 0px; "></div>

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center both row-vertical-height" style="min-height: 75vh; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6327) {
  display: flex;
  flex: 0 0 56%;
}

body .block-editor-block-list__block .class-6327 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6327) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6327) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 0 0 0%; flex-basis: 56%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6327 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start both row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-4666) {
            width: unset;
        }
    </style>


<div class="heading-block class-4666 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h1><span class="text-default">Where Cosmetics &#038; Art Intersect</span></h1> 
    
    
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-1185) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-1185 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-1185) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-1185) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; background-color: transparent; z-index: -1; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-1185 bkg-black hero-blackbox "   >
	
	

<div class="row-content" style="background: rgba(10,10,10,0.44); border-radius: px; ">

        <div class="outer-block-wrapper container-custom" style="width: 90%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-md-row flex-sm-column justify-content-center align-items-center custom-padding row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;padding: 39px 0 25px 0 ">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-7085) {
            width: 100%;
        }
    </style>


<div class="heading-block class-7085 inner-block-wrapper container-btn position-relative text-end" style="width: 100%;">

        
    <h2><span class="text-default">Dedicated to the preservation, exhibition and research of makeup from all eras and cultures</span></h2> 
    
    
</div>
</div>
        </div>

    </div>
</div>

		
</section>
</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-4981) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-4981 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-4981) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-4981) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-4981 bkg-darkblue "   >
	
	

<div class="row-content" style="background: transparent; border-radius: px; ">

        <div class="outer-block-wrapper "  >

                <div class="content-block d-flex flex-md-row flex-sm-column justify-content-start align-items-start both row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container"></div>
        </div>

    </div>
</div>

		
</section>
</div>
        </div>

    </div>
</div>

		
</section>

<style>
        @media (min-width:100px) and (max-width: 768px) {
            .class-9256 .container-custom,
            .class-9256 .container-fluid,
            .class-9256 .container {
                max-width:100% !important;
                width:100% !important;
            }
        }
        @media (min-width:576px) and (max-width: 768px) {
            .class-9256 .container-custom,
            .class-9256 .container-fluid,
            .class-9256 .container {
                max-width:576px !important;
                width:576px !important;
            }
        }
        @media (min-width:768px) and (max-width: 768px) {
            .class-9256 .container-custom,
            .class-9256 .container-fluid,
            .class-9256 .container {
                max-width:768px !important;
                width:768px !important;
            }
        }
    @media only screen and (max-width: 768px) {
        .class-9256 .container-custom, 
        .class-9256 .container-fluid, 
        .class-9256 .container {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
				width: 100% !important;
        }
    }</style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-9256) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-9256 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-9256) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-9256) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; z-index: 100; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-9256 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-center none row-static" style="min-height: 0px; column-gap: 50px; row-gap: 50px; display: block;">

            <div class="acf-innerblocks-container">
<style>
        @media only screen and (max-width: 992px) {
            .class-5799 .container-custom, 
            .class-5799 .container-fluid, 
            .class-5799 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5799) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5799 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5799) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5799) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; z-index: 100; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5799 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 80%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-lg-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">
<style>
        @media only screen and (max-width: 768px) {
            .class-1703 .container-custom, 
            .class-1703 .container-fluid, 
            .class-1703 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-1703) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-1703 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-1703) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-1703) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-1703 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-fluid"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-start top row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-4024) {
            width: unset;
        }
    </style>


<div class="heading-block class-4024 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h2><span class="text-default">The Makeup Museum</span></h2> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>Defining “makeup” as pigment applied in a temporary manner to the face or body for beautification, creative, artistic, health, religious or spiritual purposes, the Makeup Museum focuses exclusively on color cosmetics.</p>
</span>
</div>

<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://makeupmuseum.org/about/" target="_self"
  > About Us </a> </div>

</div>
        </div>

    </div>
</div>

		
</section>

<style>
        @media only screen and (max-width: 768px) {
            .class-5624 .container-custom, 
            .class-5624 .container-fluid, 
            .class-5624 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5624) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5624 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5624) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5624) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5624 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-fluid"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-start top row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">



<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 425px;  top: -25px;transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-none  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: auto;  object-position: " src="https://makeupmuseum.org/wp-content/uploads/greetaz-face-powder-vintage-makeup.png" alt="Green hexagonal tin with illustration of a woman in the center"  >

    </div>

</div>
        </div>

    </div>
</div>

		
</section>
</div>
        </div>

    </div>
</div>

		
</div>

<style>
        @media only screen and (max-width: 768px) {
            .class-5926 .container-custom, 
            .class-5926 .container-fluid, 
            .class-5926 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5926) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5926 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5926) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5926) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; z-index: 10; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5926 bkg-white exhibits-large-text "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center none row-static" style="min-height: 136px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">

<div class="full-width-text-block inner-block-wrapper container-btn position-absolute" style="bottom: 0px;z-index: -1;">
    <h5 style="font-size: 40rem; color:rgb(243, 239, 230); text-shadow: 0px 0px 2px ">Exhibits</h5>
</div>

</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8352) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8352 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8352) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8352) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-8352 bkg-tan "   >
	
	

<div class="row-content" style="background: transparent; border-radius: px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">
<style>
        @media (min-width:100px) and (max-width: 768px) {
            .class-3601 .container-custom,
            .class-3601 .container-fluid,
            .class-3601 .container {
                max-width:100% !important;
                width:100% !important;
            }
        }
        @media (min-width:576px) and (max-width: 768px) {
            .class-3601 .container-custom,
            .class-3601 .container-fluid,
            .class-3601 .container {
                max-width:576px !important;
                width:576px !important;
            }
        }
        @media (min-width:768px) and (max-width: 768px) {
            .class-3601 .container-custom,
            .class-3601 .container-fluid,
            .class-3601 .container {
                max-width:768px !important;
                width:768px !important;
            }
        }
    @media only screen and (max-width: 768px) {
        .class-3601 .container-custom, 
        .class-3601 .container-fluid, 
        .class-3601 .container {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
				width: 100% !important;
        }
    }</style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-3601) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-3601 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-3601) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-3601) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-3601 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 80%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 90px 0 35px 0 ">

            <div class="acf-innerblocks-container">
<style>
        @media only screen and (max-width: 768px) {
            .class-3350 .container-custom, 
            .class-3350 .container-fluid, 
            .class-3350 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-3350) {
  display: flex;
  flex: 0 0 33%;
}

body .block-editor-block-list__block .class-3350 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-3350) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-3350) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 0 0 0%; flex-basis: 33%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-3350 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 50px; row-gap: 50px; display: block;">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-8162) {
            width: unset;
        }
    </style>


<div class="heading-block class-8162 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h2><span class="text-default">What’s On</span></h2> 
    
    
</div>
</div>
        </div>

    </div>
</div>

		
</section>

<style>
        @media only screen and (max-width: 768px) {
            .class-7230 .container-custom, 
            .class-7230 .container-fluid, 
            .class-7230 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-7230) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-7230 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-7230) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-7230) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-7230 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">



<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>Our informative digital exhibitions call attention to thought-provoking issues within makeup history and current beauty culture, while never losing sight of makeup’s playful side.</p>
</span>
</div>
</div>
        </div>

    </div>
</div>

		
</section>
</div>
        </div>

    </div>
</div>

		
</div>

<style>
        @media only screen and (max-width: 768px) {
            .class-5096 .container-custom, 
            .class-5096 .container-fluid, 
            .class-5096 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5096) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5096 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5096) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5096) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5096 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center bottom row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6873) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6873 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6873) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6873) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6873 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-center custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 25px 0 25px 0 ">

            <div class="acf-innerblocks-container">



<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 2800px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-cover-bh  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: 300px;  object-position: center" src="https://makeupmuseum.org/wp-content/uploads/exhibitions-im-your-venus.jpg" alt="For presentation only"  >

    </div>


    <style>
        body .block-editor-block-list__block:has(.heading-block.class-4024) {
            width: unset;
        }
    </style>


<div class="heading-block class-4024 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h3><span class="text-default gray">I&#8217;m Your Venus</span></h3> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>“I’m Your Venus:  The Reception of Antiquity in Modern Cosmetic Advertising and Marketing”, a conference hosted by Drs. Laurence Totelin and &#8230;</p>
</span>
</div>

<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://www.exhibitions-makeupmuseum.org/venus" target="_blank"
  > View Exhibition </a> </div>

</div>
        </div>

    </div>
</div>

		
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5793) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5793 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5793) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5793) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5793 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-center custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 25px 0 25px 0 ">

            <div class="acf-innerblocks-container">



<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 2800px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-cover-bh  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: 300px;  object-position: center" src="https://makeupmuseum.org/wp-content/uploads/exhibitions-stila-at-25.jpg" alt="For presentation only"  >

    </div>


    <style>
        body .block-editor-block-list__block:has(.heading-block.class-6830) {
            width: unset;
        }
    </style>


<div class="heading-block class-6830 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h3><span class="text-default gray">Stila At 25</span></h3> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>The Makeup Museum is pleased to present Girls Illustrated: Stila at 25. In honor of Stila’s 25th anniversary in 2019, the exhibition takes an in-depth look at&#8230;</p>
</span>
</div>

<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://www.exhibitions-makeupmuseum.org/stila-at-25" target="_blank"
  > View Exhibition </a> </div>

</div>
        </div>

    </div>
</div>

		
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-9739) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-9739 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-9739) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-9739) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-9739 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-center custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 25px 0 25px 0 ">

            <div class="acf-innerblocks-container">



<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 2800px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-cover-bh  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: 300px;  object-position: center" src="https://makeupmuseum.org/wp-content/uploads/exhibitions-makeup-for-merfolk.jpg" alt="For presentation only"  >

    </div>


    <style>
        body .block-editor-block-list__block:has(.heading-block.class-9111) {
            width: unset;
        }
    </style>


<div class="heading-block class-9111 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h3><span class="text-default gray">Makeup for merfolk</span></h3> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>The Makeup Museum is pleased to present A Splash of Color: Makeup for Merfolk. The exhibition explores the the history of mermaid-themed cosmetics, including&#8230;</p>
</span>
</div>

<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://www.exhibitions-makeupmuseum.org/merfolk" target="_blank"
  > View Exhibition </a> </div>

</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-1965) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-1965 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-1965) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-1965) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; z-index: 999999999; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-1965 bkg-gray "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-center align-items-center none row-static" style="min-height: 0px; column-gap: 50px; row-gap: 50px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6264) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6264 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6264) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6264) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6264 bkg-gray collection-large-text "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">

<div class="full-width-text-block inner-block-wrapper container-btn position-relative" style="top: 74px;">
    <h5 style="font-size: 31.4rem; color:rgb(130, 124, 114); text-shadow: 0px 0px 2px ">COLLECTION</h5>
</div>

</div>
        </div>

    </div>
</div>

		
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-7253) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-7253 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-7253) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-7253) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-7253 bkg-gray "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8223) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8223 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8223) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8223) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-8223 bkg-gray "   >
	
	

<div class="row-content" style="background: transparent; border-radius: px; ">

        <div class="outer-block-wrapper "  >

                <div class="content-block d-flex flex-md-row flex-sm-column justify-content-start align-items-start bottom row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">



<div class="image-block inner-block-wrapper container-btn cover-image position-absolute-bh" style="width: 100%; max-width: 600px;  top: 3px; right: 50px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-none  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: auto;  object-position: " src="https://makeupmuseum.org/wp-content/uploads/paul-flato-original.png" alt="For presentation only"  >

    </div>

</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-3889) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-3889 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-3889) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-3889) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-3889 bkg-gray "   >
	
	

<div class="row-content" style="background: transparent; border-radius: px; ">

        <div class="outer-block-wrapper "  >

                <div class="content-block d-flex flex-column justify-content-start align-items-start bottom row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-7587) {
            width: unset;
        }
    </style>


<div class="heading-block class-7587 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h2><span class="text-default">Browse</span></h2> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>Lovingly curated for nearly 20 years and continuing to grow, the Makeup Museum’s collection is one of the most extensive in the world.</p>
</span>
</div>

<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://makeupmuseum.org/collections/about-the-collection/" target="_self"
  > View Collection </a> </div>

</div>
        </div>

    </div>
</div>

		
</section>
</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6966) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6966 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6966) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6966) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; background-color: transparent; z-index: 100; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6966 bkg-orange mission-statement d-none d-sm-block d-sm-none d-md-block d-md-none d-lg-block "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 100%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-column justify-content-center align-items-center custom-padding row-static" style="min-height: 1000px; column-gap: 75px; row-gap: 75px; display: block;padding: 500px 0 500px 0 ">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-4054) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-4054 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-4054) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-4054) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; z-index: 99999999999999; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-4054 bkg-orange position-absolute "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center both row-static" style="min-height: 0px; column-gap: 75px; row-gap: 75px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-3992) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-3992 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-3992) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-3992) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 1 1 0%; z-index: 999999999999999; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-3992 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 80%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 20px; row-gap: 20px; display: block;padding: 75px 0 75px 0 ">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-4098) {
            width: unset;
        }
    </style>


<div class="heading-block class-4098 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h2><span class="text-default">Support</span></h2> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>The Makeup Museum deeply appreciates every offer of support that comes our way. Find out more about how you can contribute.</p>
</span>
</div>

<style>
        @media only screen and (max-width: 1200px) {
            .class-1909 .container-custom, 
            .class-1909 .container-fluid, 
            .class-1909 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-1909) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-1909 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-1909) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-1909) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-1909 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 100%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-xl-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 10px; row-gap: 10px; display: block;">

            <div class="acf-innerblocks-container">
<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://www.paypal.com/donate?token=KBaC861RM8KBPoRXw3CjnEaBZjYE8qd_sYcqjcVkVQh3n_go7zLs-s2jJpT0QbDa6-aR7rwMzZwKX6uR" target="_self"
  > Donate Now </a> </div>


<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button alternate"
      href="https://makeupmuseum.org/support/" target="_self"
  > Support Us </a> </div>

</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-1499) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-1499 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-1499) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-1499) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-1499 bkg-black "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container"></div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>




<div class="image-block inner-block-wrapper container-btn cover-image position-absolute-bh" style="width: 100%; max-width: 700px;  top: 0px; right: 0px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-none  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: auto;  object-position: " src="https://makeupmuseum.org/wp-content/uploads/big-m.png" alt="For presentation only"  >

    </div>



<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-4040) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-4040 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-4040) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-4040) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-4040 bkg-orange position-absolute "   >
	
	

<div class="row-content" style="background: rgb(243,239,230); border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center both row-static" style="min-height: 0px; column-gap: 75px; row-gap: 75px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8094) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8094 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8094) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8094) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 1 1 0%; background-color: transparent; z-index: 9999; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8094 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 80%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 500px; column-gap: 20px; row-gap: 20px; display: block;padding: 50px 0 50px 0 ">

            <div class="acf-innerblocks-container"></div>
        </div>

    </div>
</div>

		
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8487) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8487 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8487) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8487) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 1 1 0%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8487 bkg-black "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container"></div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8512) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8512 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8512) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8512) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8512 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-sm-column justify-content-start align-items-start both row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container"></div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5746) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5746 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5746) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5746) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; background-color: transparent; z-index: 100; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5746 bkg-orange mission-statement d-lg-none d-xl-block d-xl-none d-xxl-block d-xxl-none "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 100%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-column justify-content-start align-items-end both row-static" style="min-height: 1000px; column-gap: 75px; row-gap: 75px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8140) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8140 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8140) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8140) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; z-index: 99999999999999; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8140 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center top row-static" style="min-height: 0px; column-gap: 75px; row-gap: 75px; display: block;">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-9831) {
  display: flex;
  flex: 0 0 60%;
}

body .block-editor-block-list__block .class-9831 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-9831) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-9831) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 0 0 0%; flex-basis: 60%; z-index: 999999999999999; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-9831 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 80%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 20px; row-gap: 20px; display: block;padding: 75px 0 75px 0 ">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-9125) {
            width: unset;
        }
    </style>


<div class="heading-block class-9125 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h2><span class="text-default">Support</span></h2> 
    
    
</div>




<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>The Makeup Museum deeply appreciates every offer of support that comes our way. Find out more about how you can contribute.</p>
</span>
</div>

<style>
        @media only screen and (max-width: 1200px) {
            .class-3130 .container-custom, 
            .class-3130 .container-fluid, 
            .class-3130 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-3130) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-3130 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-3130) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-3130) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-3130 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 100%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-xl-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 10px; row-gap: 10px; display: block;">

            <div class="acf-innerblocks-container">
<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button default"
      href="https://www.paypal.com/donate?token=KBaC861RM8KBPoRXw3CjnEaBZjYE8qd_sYcqjcVkVQh3n_go7zLs-s2jJpT0QbDa6-aR7rwMzZwKX6uR" target="_self"
  > Donate Now </a> </div>


<div class="button-block inner-block-wrapper container-btn position-relative text-default " style=""> <a class="button alternate"
      href="https://makeupmuseum.org/support/" target="_self"
  > Support Us </a> </div>

</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>




<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 500px;  top: -200px; right: 0px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-none  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: auto;  object-position: " src="https://makeupmuseum.org/wp-content/uploads/big-m.png" alt="For presentation only"  >

    </div>

</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-9104) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-9104 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-9104) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-9104) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; z-index: 10; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-9104 bkg-white stories-large-text "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-center align-items-center top row-static" style="min-height: 136px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">

<div class="full-width-text-block inner-block-wrapper container-btn position-absolute" style="bottom: 0px;z-index: -1;">
    <h5 style="font-size: 40rem; color:rgb(243, 239, 230); text-shadow: 0px 0px 2px ">Stories</h5>
</div>

</div>
        </div>

    </div>
</div>

		
</section>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-3404) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-3404 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-3404) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-3404) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-3404 bkg-tan "   >
	
	

<div class="row-content" style="background: transparent; border-radius: px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">
<style>
        @media (min-width:100px) and (max-width: 992px) {
            .class-5260 .container-custom,
            .class-5260 .container-fluid,
            .class-5260 .container {
                max-width:100% !important;
                width:100% !important;
            }
        }
        @media (min-width:576px) and (max-width: 992px) {
            .class-5260 .container-custom,
            .class-5260 .container-fluid,
            .class-5260 .container {
                max-width:576px !important;
                width:576px !important;
            }
        }
        @media (min-width:768px) and (max-width: 992px) {
            .class-5260 .container-custom,
            .class-5260 .container-fluid,
            .class-5260 .container {
                max-width:768px !important;
                width:768px !important;
            }
        }
        @media (min-width:992px) and (max-width: 992px) {
            .class-5260 .container-custom,
            .class-5260 .container-fluid,
            .class-5260 .container {
                max-width:992px !important;
                width:992px !important;
            }
        }
    @media only screen and (max-width: 992px) {
        .class-5260 .container-custom, 
        .class-5260 .container-fluid, 
        .class-5260 .container {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
				width: 100% !important;
        }
    }</style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5260) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-5260 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5260) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5260) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5260 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 80%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-lg-row flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 90px 0 35px 0 ">

            <div class="acf-innerblocks-container">
<style>
        @media only screen and (max-width: 768px) {
            .class-1966 .container-custom, 
            .class-1966 .container-fluid, 
            .class-1966 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-1966) {
  display: flex;
  flex: 0 0 33%;
}

body .block-editor-block-list__block .class-1966 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-1966) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-1966) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 0 0 0%; flex-basis: 33%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-1966 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 50px; row-gap: 50px; display: block;">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-5637) {
            width: unset;
        }
    </style>


<div class="heading-block class-5637 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h2><span class="text-default">Learn</span></h2> 
    
    
</div>
</div>
        </div>

    </div>
</div>

		
</section>

<style>
        @media only screen and (max-width: 768px) {
            .class-6092 .container-custom, 
            .class-6092 .container-fluid, 
            .class-6092 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6092) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6092 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6092) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6092) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6092 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">



<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>Written by the founder and curator, the Museum’s blog is a casual space to learn about makeup history, the latest trends, and much more.</p>
</span>
</div>
</div>
        </div>

    </div>
</div>

		
</section>
</div>
        </div>

    </div>
</div>

		
</div>

<style>
        @media only screen and (max-width: 768px) {
            .class-8756 .container-custom, 
            .class-8756 .container-fluid, 
            .class-8756 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8756) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8756 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8756) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8756) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8756 bkg-white "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-column justify-content-center align-items-center bottom row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;">

            <div class="acf-innerblocks-container">


<div class="post-index inner-block-wrapper container-btn position-relative container-fluid">
    <div class="row g-5">

        
                <div class="col-lg-4 col-sm-6" style="">
                    <div class="post-container">

                        <div class="post-image">
                            <img decoding="async" src="https://makeupmuseum.org/wp-content/uploads/Japan-2026.jpg" alt="An array of makeup products">
                        </div>

                        <h3>Newness from Japan</h3>

                        Finally, some newness! I’m looking at three fresh collabs with various Japanese companies. First up is a new-to-me brand called &#8230;<br><br>

                       
							  
							  <a href="https://makeupmuseum.org/newness-from-japan/" class="button">Read More</a>
							  
                    </div>
                </div>

            
                <div class="col-lg-4 col-sm-6" style="">
                    <div class="post-container">

                        <div class="post-image">
                            <img decoding="async" src="https://makeupmuseum.org/wp-content/uploads/Welcome-sign.jpeg" alt="">
                        </div>

                        <h3>CAA 2026 conference recap</h3>

                        I had so much fun at the College Art Association (CAA) annual conference I just had to share! I was honored when my proposal on lu&#8230;<br><br>

                       
							  
							  <a href="https://makeupmuseum.org/caa-2026-conference-recap/" class="button">Read More</a>
							  
                    </div>
                </div>

            
                <div class="col-lg-4 col-sm-6" style="">
                    <div class="post-container">

                        <div class="post-image">
                            <img decoding="async" src="https://makeupmuseum.org/wp-content/uploads/6a00e553d45a2a883301538e1d0920970b.jpg" alt="Curator's Corner logo">
                        </div>

                        <h3>Curator&#8217;s corner, 2025</h3>

                        What a long, strange year it’s been! As you might have guessed, 2025 was a busy one on the personal front, so not much museum ac&#8230;<br><br>

                       
							  
							  <a href="https://makeupmuseum.org/curators-corner-2025/" class="button">Read More</a>
							  
                    </div>
                </div>

            
    </div>
</div>

</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</section>

<style>
        @media (min-width:100px) and (max-width: 1200px) {
            .class-7749 .container-custom,
            .class-7749 .container-fluid,
            .class-7749 .container {
                max-width:100% !important;
                width:100% !important;
            }
        }
        @media (min-width:576px) and (max-width: 1200px) {
            .class-7749 .container-custom,
            .class-7749 .container-fluid,
            .class-7749 .container {
                max-width:576px !important;
                width:576px !important;
            }
        }
        @media (min-width:768px) and (max-width: 1200px) {
            .class-7749 .container-custom,
            .class-7749 .container-fluid,
            .class-7749 .container {
                max-width:768px !important;
                width:768px !important;
            }
        }
        @media (min-width:992px) and (max-width: 1200px) {
            .class-7749 .container-custom,
            .class-7749 .container-fluid,
            .class-7749 .container {
                max-width:992px !important;
                width:992px !important;
            }
        }
        @media (min-width:1200px) and (max-width: 1200px) {
            .class-7749 .container-custom,
            .class-7749 .container-fluid,
            .class-7749 .container {
                max-width:1200px !important;
                width:1200px !important;
            }
        }
    @media only screen and (max-width: 1200px) {
        .class-7749 .container-custom, 
        .class-7749 .container-fluid, 
        .class-7749 .container {
            padding-left: 3rem !important;
            padding-right: 3rem !important;
				width: 100% !important;
        }
    }</style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-7749) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-7749 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-7749) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-7749) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<footer  style="width: 100%; z-index: 100; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-7749 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex flex-xl-row flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 83px 0 83px 0 ">

            <div class="acf-innerblocks-container">

<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8742) {
  display: flex;
  flex: 0 0 60%;
}

body .block-editor-block-list__block .class-8742 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8742) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8742) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 0 0 0%; flex-basis: 60%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8742 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">
<style>
        @media only screen and (max-width: 1200px) {
            .class-2412 .container-custom, 
            .class-2412 .container-fluid, 
            .class-2412 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-2412) {
  display: flex;
  flex: 0 0 34%;
}

body .block-editor-block-list__block .class-2412 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-2412) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-2412) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 0 0 0%; flex-basis: 34%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-2412 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">
<style>
.site-logo-90125 img {
width: 120px;
}

@media (max-width: 992px) {
.site-logo-90125 img {
width: 120px;
}
}

@media (max-width: 576px) {
.site-logo-90125 img {
width: 120px;
}
}
</style>
<div class="site-logo inner-block-wrapper container-btn position-relative site-logo-90125"> <a
      href="/"
  > <img decoding="async" src="https://makeupmuseum.org/wp-content/uploads/makeup-museum-logo-white.png" alt=""> </a> </div>





<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-smaller"><p>THE MAKEUP MUSEUM®<br />
Est. 2008 Baltimore, MD<br />
<a href="mailto:contact@makeupmuseum.org">contact@makeupmuseum.org</a></p>
</span>
</div>
</div>
        </div>

    </div>
</div>

		
</div>

<style>
        @media only screen and (max-width: 1200px) {
            .class-5788 .container-custom, 
            .class-5788 .container-fluid, 
            .class-5788 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-5788) {
  display: flex;
  flex: 0 0 23%;
}

body .block-editor-block-list__block .class-5788 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-5788) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-5788) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 0 0 0%; flex-basis: 23%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-5788 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 0px 0 0px 0 ">

            <div class="acf-innerblocks-container">


<nav class="menu-block inner-block-wrapper container-btn position-relative">
	<nav class="navbar navbar-dark navbar-expand-lg" aria-label="Main navigation"> 
		<div style="position: relative" class="navbar-collapse offcanvas-collapse align-self-center" id="navbarsExampleDefault">
			<ul id="menu-footer" class="navbar-nav me-auto mb-2 mb-md-0 primary" style="flex-direction: Column"><li id="menu-item-1597" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-289 current_page_item nav-item nav-item-1597"><a href="https://makeupmuseum.org/" class="nav-link active">Home</a></li>
<li id="menu-item-1586" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1586"><a href="https://makeupmuseum.org/about/" class="nav-link">About</a></li>
<li id="menu-item-1591" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1591"><a href="https://makeupmuseum.org/exhibitions/" class="nav-link">Exhibitions</a></li>
<li id="menu-item-104273" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-104273"><a href="https://makeupmuseum.org/collections/about-the-collection/" class="nav-link">Collection</a></li>
<li id="menu-item-1593" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1593"><a href="https://makeupmuseum.org/stories-blog/" class="nav-link">Stories</a></li>
<li id="menu-item-1594" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1594"><a href="https://makeupmuseum.org/press/" class="nav-link">News</a></li>
<li id="menu-item-1595" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1595"><a href="https://makeupmuseum.org/resources/" class="nav-link">Resources</a></li>
<li id="menu-item-1596" class="menu-item menu-item-type-post_type menu-item-object-page nav-item nav-item-1596"><a href="https://makeupmuseum.org/support/" class="nav-link">Support</a></li>
</ul>		</div>
	</nav>
</nav>


</div>
        </div>

    </div>
</div>

		
</div>

<style>
        @media only screen and (max-width: 1200px) {
            .class-8295 .container-custom, 
            .class-8295 .container-fluid, 
            .class-8295 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-8295) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-8295 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-8295) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-8295) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="flex: 1 1 0%; background-color: transparent; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-8295 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-column justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 15px; row-gap: 15px; display: block;padding: 0px 0 0px 0 ">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-5008) {
            width: unset;
        }
    </style>


<div class="heading-block class-5008 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h4><span class="text-default">Get Connected</span></h4> 
    
    
</div>


<style>
    .class-5269.social-block a i {
        color: #ffffff !important;
    }
    .class-5269.social-block a i:hover {
        color: #7d3815 !important;
    }
</style>

<div class="class-5269 social-block inner-block-wrapper container-btn position-relative">

        
        <a
      href="https://substack.com/@makeupmuseum"
    target="_blank"
    class="social-Substack"
  style="display:inline-block; font-size: 25px; padding: 0px 9px 9px 0px;"
>
  <span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-substack" viewBox="0 0 16 16">   <path d="M15 3.604H1v1.891h14v-1.89ZM1 7.208V16l7-3.926L15 16V7.208zM15 0H1v1.89h14z"/> </svg></span>
</a>


                
        <a
      href="https://www.instagram.com/makeup_museum/"
    target="_blank"
    class="social-Instagram"
  style="display:inline-block; font-size: 25px; padding: 0px 9px 9px 0px;"
>
  <span><i class="fa-brands fa-instagram"></i></span>
</a>


                
        <a
      href="https://www.facebook.com/therealmakeupmuseum/"
    target="_blank"
    class="social-Facebook"
  style="display:inline-block; font-size: 25px; padding: 0px 9px 9px 0px;"
>
  <span><i class="fa-brands fa-facebook-f"></i></span>
</a>


                
        <a
      href="https://bsky.app/profile/makeupmuseum.bsky.social"
    target="_blank"
    class="social-Bluesky"
  style="display:inline-block; font-size: 25px; padding: 0px 9px 9px 0px;"
>
  <span><i class="fa-brands fa-bluesky"></i></span>
</a>


        <br>        
        <a
      href="https://www.tiktok.com/@makeupmuseum"
    target="_blank"
    class="social-TicTok"
  style="display:inline-block; font-size: 25px; padding: 0px 9px 9px 0px;"
>
  <span><i class="fa-brands fa-tiktok"></i></span>
</a>


                
        <a
      href="https://www.pinterest.com/makeupmuseum/"
    target="_blank"
    class="social-Pinterest"
  style="display:inline-block; font-size: 25px; padding: 0px 9px 9px 0px;"
>
  <span><i class="fa-brands fa-pinterest-p"></i></span>
</a>


        
</div>

</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>

<style>
        @media only screen and (max-width: 1200px) {
            .class-6595 .container-custom, 
            .class-6595 .container-fluid, 
            .class-6595 .container {
                max-width: 100% !important;
					 width: 100% !important;
                padding-left: 0rem !important;
                padding-right: 0rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6595) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6595 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6595) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6595) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6595 bkg-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 100%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-xl-row flex-column justify-content-start align-items-start none row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;">

            <div class="acf-innerblocks-container">
<style>
        @media only screen and (max-width: 1200px) {
            .class-6373 .container-custom, 
            .class-6373 .container-fluid, 
            .class-6373 .container {
                max-width: 100% !important;
					 width: 100% !important;
					 padding-left: 3rem !important;
					 padding-right: 3rem !important;
            }
        }
    </style>
<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-6373) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-6373 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-6373) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-6373) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style="width: 100%; border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-6373 bkg-burnt-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom" style="width: 90%; margin-left: auto; margin-right: auto" >

                <div class="content-block d-flex flex-column justify-content-center align-items-center custom-padding row-static" style="min-height: 0px; column-gap: 25px; row-gap: 25px; display: block;padding: 25px 0 23px 0 ">

            <div class="acf-innerblocks-container">
    <style>
        body .block-editor-block-list__block:has(.heading-block.class-7142) {
            width: unset;
        }
    </style>


<div class="heading-block class-7142 inner-block-wrapper container-btn position-relative text-default" style="">

        
    <h4><span class="text-default">Join The Conversation On</span></h4> 
    
    
</div>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-9370) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-9370 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-9370) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-9370) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<div  style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; row-static" class="class-9370 bkg-burnt-orange "   >
	
	

<div class="row-content" style="background: transparent; border-radius: 0px; ">

        <div class="outer-block-wrapper container-custom"   style="width: 100%; margin-left: auto; margin-right: auto">

                <div class="content-block d-flex flex-md-row flex-column justify-content-start align-items-center custom-padding row-static" style="min-height: 0px; column-gap: 15px; row-gap: 15px; display: block;padding: 9px 0 0px 0 ">

            <div class="acf-innerblocks-container">



<div class="image-block inner-block-wrapper container-btn cover-image position-relative" style="width: 100%; max-width: 50px; transform: translate(0%, 0%); ">
    
        <div class="overlay-image" style="background-color: transparent"></div>
     
         
    <img decoding="async" class="object-fit-none  none" style=" border-color: ; border-style: none; border-width: px; border-radius: 0px; height: auto;  object-position: " src="https://makeupmuseum.org/wp-content/uploads/substack-logo-e1750803489351.png" alt="Substack Logo"  >

    </div>


    <style>
        body .block-editor-block-list__block:has(.heading-block.class-4508) {
            width: 100%;
        }
    </style>


<div class="heading-block class-4508 inner-block-wrapper container-btn position-relative text-end" style="width: 100%;">

        
    <h2><span class="text-larger">Substack</span></h2> 
    
    
</div>
</div>
        </div>

    </div>
</div>

		
</div>

    <style>
        body .block-editor-block-list__block:has(.heading-block.class-8516) {
            width: unset;
        }
    </style>


<div class="heading-block class-8516 inner-block-wrapper container-btn position-relative text-default" style="">

    <a style="display:block" href="https://substack.com/@makeupmuseum" target="_blank">    
    <h3><span class="text-default">@makeupmuseum </span></h3> 
    
    </a>
</div>
</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</div>
</div>
        </div>

    </div>
</div>

		
</footer>


<style>
/* Toolbar fix
Fix layout issues in the WordPress block editor for ACF container blocks.

WordPress adds a wrapper div around every block in the editor. This wrapper 
breaks flex layouts when using nested container blocks because it interrupts 
the parent-child relationship needed for proper flex behavior.

This rule uses the :has() selector to target the wrapper div when it contains 
our custom container (identified by a unique class like .class-1234). It applies 
flex width and visual styles to make the block editor layout match the front end.

This CSS only affects the editor, not the front-end site.
Requires modern browsers (Chrome 105+, Safari 15.4+, Firefox 121+).
*/

body .block-editor-block-list__block:has(.class-9707) {
  display: flex;
  flex: 0 0 %;
}

body .block-editor-block-list__block .class-9707 {
  flex: 0 0 100% !important;
	width: 100% !important
}

body .block-editor-block-list__block .block-editor-block-list__block:has(.class-9707) {
	width: 100% !important;
	content: '2 container within container';
}
	
body .block-editor-block-list__block:has(.block-editor-block-list__block .class-9707) {
	flex: auto !important;
}
	
	
	
	
	
</style>

<section  style="width: 100%; border-color: ; border-style: ; border-width: px; border-radius: px; row-static" class="class-9707 bkg-burnt-orange footer2 "   >
	
	

<div class="row-content" style="background: transparent; border-radius: px; ">

        <div class="outer-block-wrapper container"  >

                <div class="content-block d-flex  justify-content-start align-items-start custom-padding row-static" style="min-height: 0px; column-gap: 0px; row-gap: 0px; display: block;padding: 15px 0 11px 0 ">

            <div class="acf-innerblocks-container">



<style>
@media only screen and (max-width: 767px) {	
body .text-editor-block.inner-block-wrapper {
	columns: 1 !important;
	}
	}
</style>


<div class="text-editor-block inner-block-wrapper position-relative text-default " style="columns: 1;column-gap: 20px;; ">
    <span class="text-default"><p>© 2008-2026 The Makeup Museum® | All Rights Reserved | <a href="https://makeupmuseum.org/privacy-policy/">Privacy Policy</a> | <a href="https://madebyblend.com">Made By Blend Design &amp; Digital</a></p>
</span>
</div>
</div>
        </div>

    </div>
</div>

		
</section>        </article>

    </main>
<!-- #main -->


<script type="speculationrules">
{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/blenderhouse-child/*","/wp-content/themes/blenderhouse/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]}
</script>
<div class="a2a_kit a2a_kit_size_32 a2a_floating_style a2a_default_style" style="bottom:0px;left:50%;transform:translateX(-50%);background-color:#ffffff"><a class="a2a_button_facebook" href="https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fmakeupmuseum.org%2F&amp;linkname=The%20Makeup%20Museum" title="Facebook" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_bluesky" href="https://www.addtoany.com/add_to/bluesky?linkurl=https%3A%2F%2Fmakeupmuseum.org%2F&amp;linkname=The%20Makeup%20Museum" title="Bluesky" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_pinterest" href="https://www.addtoany.com/add_to/pinterest?linkurl=https%3A%2F%2Fmakeupmuseum.org%2F&amp;linkname=The%20Makeup%20Museum" title="Pinterest" rel="nofollow noopener" target="_blank"></a><a class="a2a_button_email" href="https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fmakeupmuseum.org%2F&amp;linkname=The%20Makeup%20Museum" title="Email" rel="nofollow noopener" target="_blank"></a><a class="a2a_dd addtoany_share_save addtoany_share" href="https://www.addtoany.com/share"></a></div><script id="catalogit-photoswipe-js" src="https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/libs/PhotoSwipe/umd/photoswipe.umd.min.js?ver=2.0.0"></script>
<script id="catalogit-photoswipe-lightbox-js" src="https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/libs/PhotoSwipe/umd/photoswipe-lightbox.umd.min.js?ver=2.0.0"></script>
<script id="catalogit-photoswipe-fullscreen-js" src="https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/libs/PhotoSwipe/fullscreen/photoswipe-fullscreen.esm.min.js?ver=2.0.0"></script>
<script id="catalogit-photoswipe-caption-js" src="https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/libs/PhotoSwipe/caption/dist/photoswipe-dynamic-caption-plugin.umd.min.js?ver=2.0.0"></script>
<script id="catalogit-single-entry-js-extra">
var catalogitEntry = {"ajaxURL":"https://makeupmuseum.org/wp-admin/admin-ajax.php","nonce":"793ef4acc4"};
//# sourceURL=catalogit-single-entry-js-extra
</script>
<script id="catalogit-single-entry-js" src="https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/js/single-entry-scripts.js?ver=2.0.0"></script>
<script id="rmp_menu_touchSwipe-js" src="https://makeupmuseum.org/wp-content/plugins/responsive-menu-pro/v4.0.0/assets/js/jquery.touchSwipe.min.js?ver=4.7.2"></script>
<script id="rmp_menu_scripts-js-extra">
var rmp_menu = {"ajaxURL":"https://makeupmuseum.org/wp-admin/admin-ajax.php","wp_nonce":"67a05a5aef","menu":[{"menu_theme":"Default","theme_type":"default","theme_location_menu":"0","submenu_submenu_arrow_width":"40","submenu_submenu_arrow_width_unit":"px","submenu_submenu_arrow_height":"39","submenu_submenu_arrow_height_unit":"px","submenu_arrow_position":"right","submenu_sub_arrow_background_colour":"","submenu_sub_arrow_background_hover_colour":"","submenu_sub_arrow_background_colour_active":"","submenu_sub_arrow_background_hover_colour_active":"","submenu_sub_arrow_border_width":"","submenu_sub_arrow_border_width_unit":"px","submenu_sub_arrow_border_colour":"#1d4354","submenu_sub_arrow_border_hover_colour":"#3f3f3f","submenu_sub_arrow_border_colour_active":"#1d4354","submenu_sub_arrow_border_hover_colour_active":"#3f3f3f","submenu_sub_arrow_shape_colour":"#fff","submenu_sub_arrow_shape_hover_colour":"#fff","submenu_sub_arrow_shape_colour_active":"#fff","submenu_sub_arrow_shape_hover_colour_active":"#fff","use_header_bar":"off","header_bar_items_order":{"logo":"on","title":"on","search":"on","additional content":"off","menu":"on"},"header_bar_title":"","header_bar_html_content":"","header_bar_logo":"","header_bar_logo_link":"","header_bar_logo_width":"","header_bar_logo_width_unit":"%","header_bar_logo_height":"","header_bar_logo_height_unit":"px","header_bar_height":"80","header_bar_height_unit":"px","header_bar_padding":{"top":"0px","right":"5%","bottom":"0px","left":"5%"},"header_bar_font":"","header_bar_font_size":"14","header_bar_font_size_unit":"px","header_bar_text_color":"#ffffff","header_bar_background_color":"#ffffff","header_bar_breakpoint":"800","header_bar_position_type":"fixed","header_bar_adjust_page":"on","header_bar_scroll_enable":"off","header_bar_scroll_background_color":"#36bdf6","mobile_breakpoint":"600","tablet_breakpoint":"980","transition_speed":"0.5","sub_menu_speed":"0.2","show_menu_on_page_load":"off","menu_disable_scrolling":"off","menu_overlay":"on","menu_overlay_colour":"rgba(0, 0, 0, 0.6)","desktop_menu_width":"","desktop_menu_width_unit":"%","desktop_menu_positioning":"fixed","desktop_menu_side":"left","desktop_menu_content_alignment":"left","desktop_menu_to_hide":"","use_current_theme_location":"off","mega_menu":{"1011":"off","407":"off","406":"off","99471":"off","99470":"off","409":"off","410":"off","412":"off"},"desktop_submenu_open_animation":"none","desktop_submenu_open_animation_speed":"100ms","desktop_submenu_open_on_click":"off","desktop_menu_hide_and_show":"off","menu_name":"Primary","menu_to_use":"primary","different_menu_for_mobile":"off","menu_to_use_in_mobile":"footer","use_mobile_menu":"on","use_tablet_menu":"on","use_desktop_menu":"off","menu_display_on":"all-pages","menu_to_hide":"","submenu_descriptions_on":"off","custom_walker":"","menu_background_colour":"","menu_depth":"5","smooth_scroll_on":"off","smooth_scroll_speed":"500","menu_font_icons":{"id":["1011"],"icon":[""]},"menu_links_height":"55","menu_links_height_unit":"px","menu_links_line_height":"54","menu_links_line_height_unit":"px","menu_depth_0":"10","menu_depth_0_unit":"%","menu_font_size":"26","menu_font_size_unit":"px","menu_font":"alternate-gothic-atf","menu_font_weight":"500","menu_text_alignment":"left","menu_text_letter_spacing":".75","menu_word_wrap":"on","menu_link_colour":"#ffffff","menu_link_hover_colour":"#ffffff","menu_current_link_colour":"#ffffff","menu_current_link_hover_colour":"#ffffff","menu_parent_link_active_color":"","menu_parent_link_background_active_color":"","menu_item_background_colour":"rgba(0,0,0,0)","menu_item_background_hover_colour":"rgba(0,0,0,0)","menu_current_item_background_colour":"rgba(0,0,0,0)","menu_current_item_background_hover_colour":"rgba(0,0,0,0)","menu_border_width":"","menu_border_width_unit":"px","menu_item_border_colour":"#212121","menu_item_border_colour_hover":"#212121","menu_current_item_border_colour":"#212121","menu_current_item_border_hover_colour":"#3f3f3f","submenu_links_height":"44","submenu_links_height_unit":"px","submenu_links_line_height":"44","submenu_links_line_height_unit":"px","menu_depth_side":"left","menu_depth_1":"","menu_depth_1_unit":"%","menu_depth_2":"","menu_depth_2_unit":"%","menu_depth_3":"","menu_depth_3_unit":"%","menu_depth_4":"","menu_depth_4_unit":"%","submenu_item_background_colour":"rgba(0,0,0,0.1)","submenu_item_background_hover_colour":"rgba(0,0,0,0.1)","submenu_current_item_background_colour":"rgba(0,0,0,0.1)","submenu_current_item_background_hover_colour":"rgba(0,0,0,0.1)","submenu_border_width":"","submenu_border_width_unit":"px","submenu_item_border_colour":"#212121","submenu_item_border_colour_hover":"#212121","submenu_current_item_border_colour":"#212121","submenu_current_item_border_hover_colour":"#3f3f3f","submenu_font_size":"20","submenu_font_size_unit":"px","submenu_font":"alternate-gothic-atf","submenu_font_weight":"normal","submenu_text_letter_spacing":"","submenu_text_alignment":"left","submenu_link_colour":"#ffffff","submenu_link_hover_colour":"#ffffff","submenu_current_link_colour":"#ffffff","submenu_current_link_hover_colour":"#ffffff","inactive_arrow_shape":"","active_arrow_shape":"","inactive_arrow_font_icon":"\u003Cspan class=\"rmp-font-icon dashicons dashicons-arrow-down-alt2 \"\u003E\u003C/span\u003E","active_arrow_font_icon":"\u003Cspan class=\"rmp-font-icon dashicons dashicons-arrow-up-alt2 \"\u003E\u003C/span\u003E","inactive_arrow_image":"","active_arrow_image":"","submenu_arrow_width":"90","submenu_arrow_width_unit":"px","submenu_arrow_height":"55","submenu_arrow_height_unit":"px","arrow_position":"left","menu_sub_arrow_shape_colour":"#ffffff","menu_sub_arrow_shape_hover_colour":"#ffffff","menu_sub_arrow_shape_colour_active":"#ffffff","menu_sub_arrow_shape_hover_colour_active":"#ffffff","menu_sub_arrow_border_width":"","menu_sub_arrow_border_width_unit":"px","menu_sub_arrow_border_colour":"#212121","menu_sub_arrow_border_hover_colour":"#3f3f3f","menu_sub_arrow_border_colour_active":"#212121","menu_sub_arrow_border_hover_colour_active":"#3f3f3f","menu_sub_arrow_background_colour":"rgba(255,255,255,0)","menu_sub_arrow_background_hover_colour":"rgba(255,255,255,0)","menu_sub_arrow_background_colour_active":"rgba(255,255,255,0)","menu_sub_arrow_background_hover_colour_active":"rgba(255,255,255,0)","fade_submenus":"on","fade_submenus_side":"left","fade_submenus_delay":"100","fade_submenus_speed":"500","use_slide_effect":"off","slide_effect_back_to_text":"Back ","accordion_animation":"off","auto_expand_all_submenus":"off","auto_expand_current_submenus":"off","menu_item_click_to_trigger_submenu":"on","button_width":"40","button_width_unit":"px","button_height":"30","button_height_unit":"px","button_background_colour":"rgba(255,255,255,0)","button_background_colour_hover":"rgba(0,0,0,0)","button_background_colour_active":"rgba(255,255,255,0)","toggle_button_border_radius":"","button_transparent_background":"off","button_left_or_right":"right","button_position_type":"absolute","button_distance_from_side":"10","button_distance_from_side_unit":"%","button_top":"28","button_top_unit":"px","button_push_with_animation":"off","button_click_animation":"slider","button_line_margin":"5","button_line_margin_unit":"px","button_line_width":"38","button_line_width_unit":"px","button_line_height":"2","button_line_height_unit":"px","button_line_colour":"#ffffff","button_line_colour_hover":"#ffffff","button_line_colour_active":"#ffffff","button_font_icon":"","button_font_icon_when_clicked":"","button_image":"","button_image_when_clicked":"","button_title":"","button_title_open":"Close","button_title_position":"left","menu_container_columns":"","button_font":"eb-garamond","button_font_size":"18","button_font_size_unit":"px","button_title_line_height":"13","button_title_line_height_unit":"px","button_text_colour":"#ffffff","button_trigger_type_click":"on","button_trigger_type_hover":"off","button_click_trigger":"","items_order":{"title":"","menu":"on","search":"","additional content":"","social-icons":""},"menu_title":"","menu_title_link":"","menu_title_link_location":"_self","menu_title_image":"","menu_title_font_icon":"","menu_title_section_padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"menu_title_background_colour":"#212121","menu_title_background_hover_colour":"#212121","menu_title_font_size":"15","menu_title_font_size_unit":"px","menu_title_alignment":"left","menu_title_font_weight":"100","menu_title_font_family":"","menu_title_colour":"#ffffff","menu_title_hover_colour":"#ffffff","menu_title_image_width":"","menu_title_image_width_unit":"%","menu_title_image_height":"","menu_title_image_height_unit":"px","menu_additional_content":"","menu_additional_section_padding":{"top":"0px","right":"5%","bottom":"0px","left":"5%"},"menu_additional_content_font_size":"20","menu_additional_content_font_size_unit":"px","menu_additional_content_alignment":"center","menu_additional_content_colour":"#ffffff","menu_social_icons":[],"menu_social_icons_size":"24","menu_social_icons_size_unit":"px","menu_social_icons_layout":"horizontal","menu_social_icons_alignment":"center","menu_social_icons_gap":"10","menu_social_icons_gap_unit":"px","menu_social_icons_section_padding":{"top":"0%","right":"0%","bottom":"0%","left":"0%"},"woocommerce_mini_cart_type":"dropdown","woocommerce_mini_cart_icon":"fa fa-shopping-cart","woocommerce_mini_cart_custom_icon":"","woocommerce_mini_cart_preset_icon":"cart","woocommerce_mini_cart_position":"end","woocommerce_mini_cart_icon_colour":"#ffffff","woocommerce_mini_cart_icon_hover_colour":"#ffffff","woocommerce_mini_cart_show_count":"","woocommerce_mini_cart_count_text_colour":"#ffffff","woocommerce_mini_cart_count_text_hover_colour":"#ffffff","woocommerce_mini_cart_count_background_colour":"#000000","woocommerce_mini_cart_count_background_hover_colour":"#000000","woocommerce_mini_cart_dropdown_background_colour":"#ffffff","woocommerce_mini_cart_dropdown_text_colour":"#000000","woocommerce_mini_cart_icon_size":"20","woocommerce_mini_cart_icon_size_unit":"px","woocommerce_mini_cart_view_cart_button_text":"Cart","woocommerce_mini_cart_link":"","woocommerce_mini_cart_view_cart_button_background_colour":"#333333","woocommerce_mini_cart_view_cart_button_background_hover_colour":"#555555","woocommerce_mini_cart_view_cart_button_text_colour":"#ffffff","woocommerce_mini_cart_view_cart_button_text_hover_colour":"#ffffff","woocommerce_mini_cart_checkout_button_text":"Checkout","woocommerce_mini_cart_checkout_button_link":"","woocommerce_mini_cart_checkout_button_background_colour":"#d32f2f","woocommerce_mini_cart_checkout_button_background_hover_colour":"#b71c1c","woocommerce_mini_cart_checkout_button_text_colour":"#ffffff","woocommerce_mini_cart_checkout_button_text_hover_colour":"#ffffff","menu_search_box_text":"Search","menu_search_box_code":"","menu_search_section_padding":{"top":"0px","right":"5%","bottom":"0px","left":"5%"},"menu_search_box_height":"50","menu_search_box_height_unit":"px","menu_search_box_border_radius":"","menu_search_box_text_colour":"#333333","menu_search_box_background_colour":"#ffffff","menu_search_box_placeholder_colour":"#c7c7cd","menu_search_box_border_colour":"#dadada","menu_section_padding":{"top":"80px","right":"0px","bottom":"0px","left":"0px"},"menu_width":"100","menu_width_unit":"%","menu_maximum_width":"100","menu_maximum_width_unit":"%","menu_minimum_width":"100","menu_minimum_width_unit":"%","menu_auto_height":"off","menu_container_padding":{"top":"0%","right":"0%","bottom":"0%","left":"0%"},"menu_container_background_colour":"#7d3815","menu_background_image":"","animation_type":"slide","menu_appear_from":"left","animation_speed":"0.5","page_wrapper":".wrapper-menu","menu_close_on_body_click":"on","menu_close_on_scroll":"on","menu_close_on_link_click":"on","enable_touch_gestures":"on","header_bar_gradient_background_colour_on":"off","header_bar_gradient_background_first_colour":"","header_bar_gradient_background_second_colour":"","header_bar_gradient_background_type":"linear","header_bar_gradient_background_direction":"180","header_bar_gradient_background_start_position":"50","header_bar_gradient_background_end_position":"50","desktop_menu_container_background_colour":"","desktop_menu_container_gradient_background_colour_on":"off","desktop_menu_container_gradient_background_first_colour":"","desktop_menu_container_gradient_background_second_colour":"","desktop_menu_container_gradient_background_type":"linear","desktop_menu_container_gradient_background_direction":"180","desktop_menu_container_gradient_background_start_position":"50","desktop_menu_container_gradient_background_end_position":"50","menu_container_gradient_background_colour_on":"off","menu_container_gradient_background_first_colour":"","menu_container_gradient_background_second_colour":"","menu_container_gradient_background_type":"linear","menu_container_gradient_background_direction":"180","menu_container_gradient_background_start_position":"50","menu_container_gradient_background_end_position":"50","menu_id":100302,"active_toggle_contents":"\u003Cspan class=\"rmp-font-icon dashicons dashicons-arrow-up-alt2 \"\u003E\u003C/span\u003E","inactive_toggle_contents":"\u003Cspan class=\"rmp-font-icon dashicons dashicons-arrow-down-alt2 \"\u003E\u003C/span\u003E"}]};
//# sourceURL=rmp_menu_scripts-js-extra
</script>
<script id="rmp_menu_scripts-js" src="https://makeupmuseum.org/wp-content/plugins/responsive-menu-pro/v4.0.0/assets/js/rmp-menu.min.js?ver=4.7.2.1780461191"></script>
<script id="jquery-ui-core-js" src="https://makeupmuseum.org/wp-includes/js/jquery/ui/core.min.js?ver=1.13.3"></script>
<script id="jquery-ui-datepicker-js" src="https://makeupmuseum.org/wp-includes/js/jquery/ui/datepicker.min.js?ver=1.13.3"></script>
<script id="jquery-ui-datepicker-js-after">
jQuery(function(jQuery){jQuery.datepicker.setDefaults({"closeText":"Close","currentText":"Today","monthNames":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthNamesShort":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"nextText":"Next","prevText":"Previous","dayNames":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"dayNamesShort":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],"dayNamesMin":["S","M","T","W","T","F","S"],"dateFormat":"MM d, yy","firstDay":1,"isRTL":false});});
//# sourceURL=jquery-ui-datepicker-js-after
</script>
<script id="catalogit-ajax-js-extra">
var catalogitAjax = {"ajaxurl":"https://makeupmuseum.org/wp-admin/admin-ajax.php","nonce":"793ef4acc4","scrollToTop":"1"};
//# sourceURL=catalogit-ajax-js-extra
</script>
<script id="catalogit-ajax-js" src="https://makeupmuseum.org/wp-content/plugins/catalogit-wp-main/assets/js/catalog-ajax.js?ver=2.0.0"></script>
<script id="underscore-js" src="https://makeupmuseum.org/wp-includes/js/underscore.min.js?ver=1.13.8"></script>
<script id="backbone-js" src="https://makeupmuseum.org/wp-includes/js/backbone.min.js?ver=1.6.1"></script>
<script id="googlesitekit-events-provider-ninja-forms-js" src="https://makeupmuseum.org/wp-content/plugins/google-site-kit/dist/assets/js/googlesitekit-events-provider-ninja-forms-e3a0c2308db959ad9ea4.js" defer></script>
<script id="wp-emoji-settings" type="application/json">
{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://makeupmuseum.org/wp-includes/js/wp-emoji-release.min.js?ver=7.0"}}
</script>
<script type="module">
/*! This file is auto-generated */
const a=JSON.parse(document.getElementById("wp-emoji-settings").textContent),o=(window._wpemojiSettings=a,"wpEmojiSettingsSupports"),s=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const a=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===a[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,a){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!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!a(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,a){let r;const o=(r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),s=(o.textBaseline="top",o.font="600 32px Arial",{});return e.forEach(e=>{s[e]=t(o,e,n,a)}),s}function r(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}a.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let 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(),c.toString(),p.toString()].join(",")+"));",a=new Blob([e],{type:"text/javascript"});const r=new Worker(URL.createObjectURL(a),{name:"wpTestEmojiSupports"});return void(r.onmessage=e=>{i(n=e.data),r.terminate(),t(n)})}catch(e){}i(n=f(s,u,c,p))}t(n)}).then(e=>{for(const n in e)a.supports[n]=e[n],a.supports.everything=a.supports.everything&&a.supports[n],"flag"!==n&&(a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&a.supports[n]);var t;a.supports.everythingExceptFlag=a.supports.everythingExceptFlag&&!a.supports.flag,a.supports.everything||((t=a.source||{}).concatemoji?r(t.concatemoji):t.wpemoji&&t.twemoji&&(r(t.twemoji),r(t.wpemoji)))});
//# sourceURL=https://makeupmuseum.org/wp-includes/js/wp-emoji-loader.min.js
</script>
<script type="text/javascript" id="slb_context">/* <![CDATA[ */if ( !!window.jQuery ) {(function($){$(document).ready(function(){if ( !!window.SLB ) { {$.extend(SLB, {"context":["public","user_guest"]});} }})})(jQuery);}/* ]]> */</script>
<div hidden data-wpu-integrity="569138f1070394bcde8bb3e35e580d6e"></div>
</div>
</body>
</html>