
<!DOCTYPE html>
<!--[if lt IE 7 ]><html class="ie ie6" lang="en"> <![endif]-->
<!--[if IE 7 ]><html class="ie ie7" lang="en"> <![endif]-->
<!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]-->
<!--[if IE 9 ]><html class="ie ie9" lang="en"> <![endif]-->
<!--[if (gte IE 10)|!(IE)]><!--><html lang="en"> <!--<![endif]-->
  <head>
   	 <meta charset="utf-8">
     <meta http-equiv="cleartype" content="on">
  	 <meta name="robots" content="index,follow">

     <title>Makeup Geek</title>

     

    
      <link href="//fonts.googleapis.com/css?family=.|Poppins:light,normal,bold|Poppins:light,normal,bold|Poppins:light,normal,bold|Poppins:light,normal,bold|Poppins:light,normal,bold" rel="stylesheet" type="text/css" />
    

     <!-- Mobile Specific Metas -->
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <!-- Stylesheets for Parallax 3.3.1 -->
  	<link href="//cdn.shopify.com/s/files/1/2130/2551/t/17/assets/styles.scss.css?v=1621608764763391646" rel="stylesheet" type="text/css" media="all" />
    <link rel="shortcut icon" type="image/x-icon" href="//cdn.shopify.com/s/files/1/2130/2551/files/favicon_32x32.png?v=1522253785">
    <link rel="canonical" href="https://www.makeupgeek.com/password" />
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

<meta property="og:image" content="https://cdn.shopify.com/s/files/1/2130/2551/files/makeup-geek-logo.png?height=628&pad_color=ffffff&v=1522259291&width=1200" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/2130/2551/files/makeup-geek-logo.png?height=628&pad_color=ffffff&v=1522259291&width=1200" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
</head>
<body id="password-page-bg">
<div class="controls">
  <div id="open-me">
    <a href="#">Enter store using password</a>
  </div>
</div>
    <div id="password-container" class="center">
      
      <div class="password-page-row">
        <div class="password-page-col">
          <img class="password-logo" src="//cdn.shopify.com/s/files/1/2130/2551/files/Makeup-Geek-Logo-white_720x.png?v=1591109691" alt="Makeup Geek" />
        </div>
      </div>
      
      <div style="display:none;" class="password-page-row">
        <div class="password-page-col">
          <h2 class="password-page-message">Opening Soon</h2>
        </div>
      </div>
      
      <div class="password-page-row">
        <div class="password-page-col">
          <p class="password-message">Makeup Geek believes that actions speak louder than words. We stand in solidarity and are taking action in the fight against social injustice and racial inequality. 
<br>
<br>
We are not posting our previously scheduled content to social channels and have turned off our website to do our part in #blackouttuesday as #theshowmustbepaused. 
<br>
<br>
"To bring about change, you must not be afraid to take the first step. We will fail when we fail to try." ~ Rosa Parks. 
<br>
<br>
Today, we are reflecting, educating, and learning about different ways as a company that we can bring about real change.
<br>
<br></p>
          <hr class="hr-large">
        </div>
      </div>
      
      <div class="password-page-row">
        <div class="password-page-col">
          <h3 style="display:none;" class="password-page-follow">Spread the word</h3>
          <div class="social-icons clearfix">
  
    <a href="https://twitter.com/makeupgeek" title="Makeup Geek on Twitter" class="ss-icon" rel="me" target="_blank">
      <span class="icon-twitter"></span>
    </a>
  

  
    <a href="https://facebook.com/makeupgeek" title="Makeup Geek on Facebook" class="ss-icon" rel="me" target="_blank">
      <span class="icon-facebook"></span>
    </a>
  

  

  
    <a href="https://youtube.com/makeupgeektv" title="Makeup Geek on YouTube" class="ss-icon" rel="me" target="_blank">
      <span class="icon-youtube"></span>
    </a>
  

  

  
    <a href="https://pinterest.com/themakeupgeek/" title="Makeup Geek on Pinterest" class="ss-icon" rel="me" target="_blank">
      <span class="icon-pinterest"></span>
    </a>
  

  

  
    <a href="https://instagram.com/makeupgeekcosmetics" title="Makeup Geek on Instagram" class="ss-icon" rel="me" target="_blank">
      <span class="icon-instagram"></span>
    </a>
  

  

  

  

  

  
</div>

        </div>
      </div>
      <div class="password-page-row">
        <div style="display:none;" class="password-page-col">
          <h3 style="display:none;" class="password-page-follow">Find out when we open</h3>
          <div class="newsletter ">
  <div class="container">
    <div id="newsletter-logo">
      <span class="icon icon-mg-logo-monogram-circle"></span>
    </div>
    <div class="newsletter-text">
      <h3>Get On The List</h3>
      <p>Be the first to know about deals and new arrivals</p>
    </div>

    <!-- Klaviyo MG Dev Form
    <div class="klaviyo-form-KVL3ar"></div>
    -->
    <!-- Klaviyo MG Prod Form -->
    <div class="klaviyo-form-JdSbuP"></div>
  </div>
</div>

<script>
    MutationObserver = window.MytationObserver || window.WebKitMutationObserver;
    var $elementToObserve = $('[class^=klaviyo-form]')[0];
    var observer = new MutationObserver(function(mutations, observer) {
        console.log('mutated');
        $('[class^=klaviyo-form]').find('input').css({
            'background': 'transparent',
            'border': '1px solid #FFFFFF',
            'border-radius': '0px'
        });
        $('[class^=klaviyo-form]').find('button').css({
            'background': 'transparent',
            'margin-left': '-13px'
        });
        $('[class^=ValidationMessage__Container]').css({
            'position': 'absolute',
            'top': '60px'
        });
        $('[class^=klaviyo-form]').find('input').css('color', '#FFFFFF');
    });
    observer.observe($elementToObserve, {
        subtree: true,
        childList: true
    });
</script>
        </div>
      </div>
	<div class="password-page-row">
    	<div class="password-page-col">
    		<div class="password-footer">
     		  <div class="powered">
  	  		  &copy; 2020 Makeup Geek.<br>
   		      Designed by <a href="http://outofthesandbox.com/" target="_blank" title="Parallax Shopify Theme by Out of the Sandbox">Out of the Sandbox</a>.<br>
      		  </div>
     		  <div class="shopify">
      	      This shop will be powered by <a href="https://www.shopify.com/?ref=out-of-the-sandbox" target="_blank">Shopify</a>
      		  </div>
     		</div>
   		 </div>
  	</div>
  </div>

<div class="overlay overlay-data">
<span class="close-me controls"><div class="pass-close"><a href="#"><span class="icon-close"></span></a></div></span>
<div class="modalbox">
  <div class="inputbox">
    <form method="post" action="/password" id="login_form" accept-charset="UTF-8" class="storefront-password-form"><input type="hidden" name="form_type" value="storefront_password" /><input type="hidden" name="utf8" value="✓" />
      
      
      <label for="password">Password </label>

      <input type="password" name="password" id="password" autofocus placeholder="Your password"/>
      <div class="actions">
        <input class="action_button sign_up" name="commit" type="submit" value="Enter" />
      </div>
    </form>

    <div id="owner">Are you the store owner? <a href="/admin" class="text-link">Log in here</a> or <a href="/admin/online_store/preferences?tutorial=unlock">change your password settings</a></div>
  </div>
</div>
</div>

<script>
$( document ).ready(function() {
  $( "#open-me" ).click(function() {
      $( ".overlay" ).addClass('overlay-open');
      $("#password").focus();
    });

  $( ".close-me" ).click(function() {
    $( ".overlay" ).removeClass( 'overlay-open' );
  });
});
</script>
</body>

</html>
