
<!-- *******************************************************************
************************************************************************
							imogene + willie
								  v3.0
								 © 2019
************************************************************************
************************************************************************


                                        ..   ...
                                     AIMMYIAMMYYII..
                                    AIHMMMHMIHMHYIIIIA
                                  AIHPP/?/ /$$/PVYMJHIIA.
                                .AP//$ ? //$$/ ////VMMHIA.
                               A///$/$??///$ //////?//VMHIA
                              A///$/$/?//// / ////?///?/VHHA .
                             A////$/$??/// ///////?//?//?VMMA .
                             ////$/$ ??/// //////?/////?//VMHIYM..
                            A////$/AMMMMMMHHHA//?///?//?//.IYHMMMM.
                           .H////AMMMHHHMHMMMHHHA//?//?//?$VHHHYYI.
                           AH//AMMHMHHMHMMMHHHHHHIY//?//?$//MHHHMHI.
                            //AHMHMIIMHHIMMMHMYHMIIMI//?$///MMMHHIII
                            /AHHIHMIHIHHHMMMMMHHHMHMMA/$///MMMMHMHII.
                           .MMYYHIIHIIIIHMMMMMMMHHMMMMMM//HMMMHMHHII
                      .AHHHHIMMMM:I::::IIMMMMMYYMMMMMMMMHM/MMHHHMMH
                      AIJMMH/I:MI""MM:..::;;AYMMMM:::MMMM/MMMYHIHHI..
                    AMHIHIIMMHII I"MMM: .::I" MVA:::.MMMMMMYMMHIIIII/
                    AIIHHHHMMMMMII "V.". ::;II;:::...MMMMMMMMMHHIIIII
                    VIHHIHHMMMMMI' '..'  ::;;;::...:HMMMMMMMMMHHHIII.
                       HHHHMMMMM'  ...   :::;;::::::VMMMMMHHMMHHIIIIIII.
                       HIHMMMMMMA   ..: ':::II::::::::MMMMMHHHHHIIHHHHH.
                       HHIHMMMMMM:  .::'":IYI:II::::::MMMMMMMHMMHHHHIIII
                       HHHHHMMMMMA  :I.  .:::::JI::::IMIMHMMMHIHMMMIIIII
                        VHHIMMMMMMA ::YH""""'MP:::..:MMYMMMMMMHHMMHIIII
                        HHHHIYMMMMMA ..VIPHHI".:::::AMMMMMMMMMHIMM:::..
                    .:HMMMHYYHMMMVM$A.   "":::::::AMMMYYMMMMMMMMM::..:.
                     HV AHMMHYMMA/VM/$:    ..::::IIMMMMMMMMMMMMVII:::. :.
                     HHHHIHMMYYMM// $$::..::::IIIIIIMMMMMMMMMMMIIII::::.:
                         HHHM//HM$$ / M:::...::::IIIIYYYYYYHHIIIIII::::::
                      .:::YM//VSMX$$$ /II::...::::IIIII:.IIIII::::::::::
                   .:::.:::/Y/AX/////$MMIII:::IIIIIIIIII.I:::::::::::II
                 .:...::::/VYX//////HH/HII:::.::::::::::..::::::::::III:
                .....::::///////////II//IIIIII::.::::::::.::::::I:::III:
               .....:::I:///////////X///IIIIII:..::::::::..::::IH::::II:
               ..  ::::II//////////X////:::III:..::::::::..::::IM::::II:
              .. .:::IIIIII://////X////::::II:.:::::::::..::::IM::::II:
               .. ...:::IIHIII:::"/////I::::::::::::::::::.::::IM:::::I:
               ....:::::IIIII::::..::://::::::::::::::::::..:::II:::::::
               .....::::IIII:::::..:::::::::..:::::.:::::::..::II:::::::
               ....::::IIIIM"::::..::::::::....:::....:::::..::II:..::::
               :...:::::IIIM::::".:::::::::::........::::::..::HI:..::::
               ::..:::::::IM:::"..::::::::::::.......::::::. .:HMI:..:::
               ::.::::::::IMI::  ..:::::::::::::...:::::::.. ..VMI:..:::
               ::::::::::::II:    .:::::::::II::...::::::..  ...MI:..:::
               :::::::::::IH..    '::::::::IIII::...::::'   . ..MI:...::
               :...::::::::M:'     '::::::IIIII::..:::::'  . . .VI::..::
             .I...::::::::I:      . ::::IIIIIII:::::I:'.  . ..:V I:..:::
          .::::I..::::::::I:        .::IIIIHHHHHII:::    AMI .V  I:..:::
        .:::..:I:..:::::::II AI.   . .::IHHHI:II::'      "WV.V'  I::::::
     .::.......I:::::::::IHM.VMA...:AHIIHHHII::. ..  ..::..:V    ::::..:
    .:::........I::::::::IIIMMMMMMHHHHH....::III:::::::IIIIV     :::.:::
   .::::::::::..I:::::::::IIIMMMMMHHHHHHHHHIIIIHHHMMMHMMHHV      ::::.::
  . :::::::::::::I:::::::::IIAMMMMHHHHHHHHIIIIIIIHHHHHHHHV       ..:...:
 .: ...::::::::::I:::::::::II::VMMMMHHHHHHHIIIIIHHHHHHHHH"        ::...:
 ::. .::;;;;;::::I::.:::::III::IVMMMMMMMHHHHIIIIIIIHHHHV           ..:..
.:::. ':::;;;::::I::..:::::II:::::::VMMMMHHHHHHIIIHMMM"             .. .
:::::.    '::;;:::I...::::IIIIIIII::::VHMMMMHHHHIHMM"               '..
::::::.     ':;;;::I:..::::IIIIM:::::::IIMMMMMMMMMM"                 ...
::::..:::.     ::::I. :::::III':::::IIHHMMMMMMMMM".                  ':.
:::...::::I::   "::I: .::::III.:::::IHHMMMMMMMMMV:.                   ::
:::....:::III:   ":I:. ::::III::::IIIHHHMMMMMMMV:::                   ::
::::...:::;IIIH    :I: ':::IIII:IIHHHMMMMMMHHHII:::                   ':
::::...::::;;IIM.:. I::..::::IIHHHHMMMMMMMHHHII::::                    '
::::...:::::;;IMMWHMI::..::::IIIHHHMMMMMHHHHII:::::                    .
:::::...::::;IIHMMMMM::...::::IIHHHHHHHHHHHHII::::'
:::::..;::::;;IIHMMMMM::...:::::YHHHHHMMMHHIII:::.
:::::...::::;;IIHMMMMMI:...::::I :"""":::IIII::::
::::::..::::;;;IIHMMMMM::..:::::I::::...   . .::'
':::::..::::;;;IIIHMMMVI:..:.:::I::::::;;;;::::
 '::::::::::;;;IIIIMMI::I::..::::I:::::::::::::
  ::::::::::;;;;;IIMH;:::I::..:::I::::::::::::
  ':::::::::;;;;;;IM;::::I:.:..::1I..::::::::'
   :::::::::;;;;;;IM::::::I::...::I::::::::;'
   ':::::::::;;;;IMI:::::::I.:..::.I.:::::;;
    ::::::::;;;;;IM;::.:::::II:.::..::::::;'
    :::::::::;;;IIM::..:::::II:..::.I:::;;
    ':::::::::;;IIM::...:::::II:..:.:;;;;'
     :::::::::;;IH::...::::::III:..:.I;;V
     '::::::::;;IH::...::::::;III.:::.IV
      :::::::::;IV::...::::::::III.:::I.
      ':::::::;;H::...:::::::;;JI:..'::A
       ;::::::;;I::....:::::::;;II...::.I                              /
       :::::::;H::....::::::::;;I:..:':::.                             :
        :::::;;I::...:::::::::;II:..'::::I    .:::....                .:
        ::::::I::....:::::::::;I:....::I:I.:I:::I.::::::::::.  ..   .:II
        ':::::I::..::::::::;;;I:'.::IIHI:I.:IIIIIIIIIIIIIII""/MMM-.:JIHM
        '::::I::...:::::::::;;I":::IIVVI:I.HHI::::::II/MMMMMMMMMM..PPPP:
         ::::I::...::::::::;;;IY::IVMMA:::IH::IA:::AHHMMMVXXXXXVXXII::::
         ::::I:'...:::::::::;;I::VMHHIII:"IH:?HHA:H//. XXXXXXX/"":I:::II
         :::I::...:::::::::;;".:/AI::HHHA.:H?HHHHH/$XX"$$XX.X//.AI::::::
         :::I::...:::::::::;I:/AII:H"."."."?HHHHH/////$'////"///A:::::::
         .::I::..:::::::::;I./A":.:.".".".?HHHHHH//' " . :// //A":::::::
         .::I::..:::::;;;;;./:::.".".".".??HHHH///'.. MI.//M/.AIIII:::::
         :::I::..:::::;;;;."::::."."."."?AHHHHH/////.  //AVHHII:::::::::
         :::II:.:::::;;;;;::-:"."."."./??HHHH/"'$/// '//MVH:::::::::::::
         ::::I::::::;;III":::,:""-.///I?$ .  .$$M/////MM//I,::::::::::::
         :;:;I,,,::;;IIII::::::::/.":::$$$$ $ $////AMM$/III.::::::::::::
         :;;:;I:;IIIII:::::::/$::::$$/////$$XVMV"$$II..:::::::::::::::::
         :::;;;IIIIIIIIII,,,,,,/$.::://///AMM",,::$I::::::::::::::::::::
         ':::;;I;;;IIIIII,,::,,/M,,::,:MMMMV,,,,,,:$$:::::::::::::::::::
          ::::;;I;;IIIIII,,,,,/$I,:,::::::,,,,,,,,/$::::::::::::::::::::
          .:::;;;II;;IIII:::II/II:::: ::::: ,,,,,,/$::::::::::::::::::::
           :::::;;I:::II:.:::::I::IIII"II:"I,,,:,,/$::::::::::::::::::::
           :::::;;II;;;;I..",,,M'":":$$$$$::YYII../$JJJ:::::::::::::::::
           '::::;;II:::;I,,,,,IM,,,: $$$$$$I:::::::$::::YYHHHHHJJJ::::::
            ::::;;III::;I:::::IM,,: $$$$$$/::::::::/:::::::::::::::YYMMM
            ':::;;IIII:I:::::MMMM://$ $$?$$$:::::::/::::::::::::::::::::
             ::;;;IIHH:I::::::XX"/////???$$$III::::/::::::::::::::::::::
             :::;;;IHH:I::::::XX////$.....$$$IIII::/::::::::::::::::::::
             ':::;;IHHHI::::::X////$$....XX$$IIIII/::::::;:;:;::::::::::
              ::;;;IHHHH::::::..///$$...XXXX$HIII:::;:;:;:;;:;:;:;:;:::;
              ':;;IIHHHI::::://   $$$..XX.XX$IIIXIII:;:;:;:;:;:;:;:;:;:;
               ::;;IHHHH:::://///$$$....XXXX$IIIII;:;:;:;:;:;:;:;:;:;;:;
               ':;;IIHHH::://////$$$.......?$$HIIII;:;:;:;:;:;:;:;:;:;:;
                ::;;IHHH::$/////$$$$........$$HIIII:;:;:;:;:;:;:;:;:;:;:
                '::;IHHI:::////$$$$$......X.$$HIII:;:;:;:;:;:;:;:;:;:;:;
                 ::;;IHH::::::/M$$$MMM...HHH$$HHI:;;;:;:;:;:;:;:;:;:;:;:
                 ':;;IHI::::;:;$$$$MM.X.XXXX$HHHHI:;:;:;:;:;:;:;:;:;:;:;
                  :::;HX::::I:I:::X.X....XXX$HHII:;:;:;:;:;:;:;:;:;:;:;:
                  ::::H:::::I:I::::::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                  '::IH:::::I:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                   ::.H::::I:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                   :;IH::::II:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                   ;;IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                   I;IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                  .;:IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                  ;::IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                .;;::IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
               .;;::;IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
             .:;;::;IIH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
           .;;;::::;IIH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:


************************************************************************
******************************************************************** -->
<!doctype html>
<html>
<head>
  <!-- Basic page needs ================================================== -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/favicon.ico?1085993" />

  <!-- Title and description ================================================== -->
  <title>imogene + willie &middot; mostly monochrome</title><meta name="description" content=""><!-- Helpers ================================================== --><!-- /snippets/social-meta-tags.liquid -->


  <meta property="og:type" content="website">
  <meta property="og:title" content="mostly monochrome">
  

<meta property="og:url" content="https://imogeneandwillie.com/collections/mostly-monochrome">
<meta property="og:site_name" content="imogene + willie">


  <meta name="twitter:card" content="summary">


<link rel="canonical" href="https://imogeneandwillie.com/collections/mostly-monochrome">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <meta name="theme-color" content="#747474">

  <!-- CSS ================================================== -->
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/iw-shopify.scss.css?1085993" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.carousel.min.css?1085993" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.theme.default.min.css?1085993" rel="stylesheet" type="text/css" media="all" />
  
  <!-- JS ================================================== -->
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/jquery.3-3-1.min.js?1085993" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.carousel.min.js?1085993" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/ajaxinate.min.js?1085993" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/shopify_common.js?1085993" type="text/javascript"></script>
<!-- Vendor CSS/JS -->
	

<!-- Global site tag (gtag.js) - Google Ads: 747097825 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-747097825"></script>
<script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-747097825'); </script>


<script type="text/javascript">
!function(e){if(!window.pintrk){window.pintrk=function()
{window.pintrk.queue.push(Array.prototype.slice.call(arguments))};var
n=window.pintrk;n.queue=[],n.version="3.0";var
t=document.createElement("script");t.async=!0,t.src=e;var
r=document.getElementsByTagName("script")[0];r.parentNode.insertBefore(t,r)}}
("https://s.pinimg.com/ct/core.js");

pintrk('load','2613098224856', { em: '', });
pintrk('page');
</script>
<noscript>
<img height="1" width="1" style="display:none;" alt=""
src="https://ct.pinterest.com/v3/?tid=2613098224856&noscript=1" />
</noscript>


<div id="LRS">
	<div id="LRS-wrapper">
		<div id="LRS-credit">
			<p id="LRS-amount"></p>
		</div>
		<div id="LRS-copy">
			<p>in available credit</p>
		</div>
		<a id="LRS-link" href="javascript:;" onClick="Loop.goBack()">Go back</a>
	</div>
</div>

<style>
	.loop-returns-activated #LRS{
		transform: translateY(0);
		display: block;
	}
	#loopATC{
		display: none;
	}
    #LRS p{
      margin: 0;
    }
    #LRS div{
      margin: 0;
    }
    /*
    #LRS a:hover{
      background-color: white;
      color: red;
      border: 1px solid white;
      cursor: pointer;
    }
    */
    #LRS{
      width: 100%;
      position: fixed;
      display: none;
      top: auto !important;
      bottom: 0 !important;
      left: 0;
      z-index: 2147483647;
      /*
      background-color: #2f7fd0;
      */
      transform: translateY(100%);
      transition: transform 0.2s;
      font-size: 1rem;
    }
    #LRS.render{
      transform: translateY(-2rem);
    }
    #LRS-wrapper{
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: flex-start;
      -ms-align-items: center;
    }
    #LRS-amount{
      margin-right: 1.25em !important;
    }
    #LRS-copy p{
    }
    /*
    #LRS-link{
      color: white;
      display: block;
      padding: 0.5rem 1rem;
      margin: 1rem 0.5rem 1rem auto;
      border: 1px solid white;
      transition:  all 0.2s;
      &:hover{
      	color: black;
      	background-color: white;
      }
    }
    */
    #LRS-credit{
    	float: left;
    }


    #LRS__investigation-block{
		position: fixed;
		right: 1rem;
		z-index: 819237;
		top: 1rem;
		width: 500px;
		background-color: #D8D8D8;
		max-height: 320px;
		overflow: hidden;
		border-radius: 4px;
    }

    #LRS__investigation-block p{
		font-size: 1rem;
		color: #2C2C2C;
		margin: 0;
		font-family: helvetica;
		font-weight: 800;
		text-align: center;
    }

    .LRS__investigation-block__item{
		color: black;
		padding: 0.75rem;
		margin:  0.5rem 1rem;
		background-color: white;
		margin-bottom: 1rem;
		font-family: courier;
		font-size: 0.9rem;
		border:  1px solid #D8D8D8;
    }

    .LRS__investigation-block__info{
		padding: 1rem 1rem 0.5rem;
    }

    .LRS__investigation-block__img{
		width: 5rem;
		margin: auto;
    }

    .LRS__investigation-block__header{
    	background-color: #5665D2;
    	width: 100%;
    	padding: 1rem;
    	border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
    }

    .LRS__investigation-block__header{
    	background-color: #5665D2;
    	width: 100%;
    	padding: 0.5rem;
    }

   	.LRS__investigation-block__close{
		position: absolute;
		top: 1rem;
		right: 1rem;
    }

    .LRS__investigation-block__close img{
		width: 1.5rem;
		filter: invert(1);
    }

    .LRS__investigation-block__header img{
    	width: 100%;
    }

    @media screen and (max-width: 680px) {
    	#LRS{
    		z-index: 200;
    		bottom: 3.2rem;
    	}
		#LRS-copy p{
      		font-size: 0.75rem;
    	}
	    #LRS-amount{
	    	font-size: 1.25rem;
	    }
    }
</style>

<script>
	var Loop = {

		data: null,
		status: null,
		tempVariant: null,
		tempInput: null,
		elements: null,
		config: {
			productMode: null,
			variantParam: 'variant',
			targets: {
				url: null,
				input: null,
				options: null,
				attr: null,
				atc: null
			}
		},
		investigator: {
			count: 0
		},

		//PUBLIC FUNCTIONS-----------------------------------------
	    //---------------------------------------------------------

	    //The bread and butter of interactions
	    setup: function(productMode){
	    	//Product Modes*** STRING
	    	//-url
	    	//-input 
	    	//-options
	    	if(productMode === undefined){
	    		//check to see if product mode is config'd
	    		if(this.config.productMode === undefined || this.config.productMode === null){
	    			this._throwError(['Setup Product Mode is undefined.', 'Please look at the Loop Docs to learn how to configure your Product Mode']);
	    			return false;
	    		}
	    		productMode = this.config.productMode;
	    	}

	    	this.config.productMode = productMode;


	    	switch(productMode){
	    		case 'url':
	    			//grab what should be the default variant
	    			

	    			if(Loop.getParams(Loop.config.variantParam)){
	    				this.tempVariant = Loop.getParams(Loop.config.variantParam);
	    			}
	    			this.bindElements();
	    			break;

	    		case 'input':
	    			var input;
	    			if(this.config.targets.input === null){
	    				this._throwError(['Input Element not defined.','Check out our docs to learn how to configure your Loop Settings']);
	    				return false;
	    			}
	    			input = document.querySelectorAll(this.config.targets.input);
	    			if(input.length == 1){
	    				this.bindElements(input);
	    			}else if(input.length == 0){
	    				this._throwError(['Could not find any elements with selector "' + this.config.targets.input +'"', "Double check to make sure 'Loop.config.targets.input' is pointed at the right selector."]);
	    				return false;
	    			}else if(input.length > 1){
	    				this._throwError(['Found multiple elements with selector "' + this.config.targets.input +'"', "Please make sure you are targeting a single input containing the selcted variant id as it's value"]);
	    				return false;
	    			}
	    			break;

	    		case 'options':
	    			var input;
	    			if(this.config.targets.options === null){
	    				this._throwError(['Input Element not defined.','Check out our docs to learn how to configure your Loop Settings']);
	    				return false;
	    			}
	    			input = document.querySelectorAll(this.config.targets.options);
	    			if(input.length == 0){
	    				this._throwError(['Could not find any elements with selector "' + this.config.targets.input +'"', "Double check to make sure 'Loop.config.targets.input' is pointed at the right selector."]);
	    				return false;
	    			}else{
	    				this.bindElements(input);
	    			}
	    			break;
	    		default:
	    			this._throwError(['Error in setup function', 'Check to make sure your configs and/or setup mode are configured correctly']);
	    			break;
	    	}
	    },
	    //used to watch for changes on the PDP
	    //inputs - required, array, binds with options or hidden input
	    //atc - optional, element, binds click event and stops cart
	    bindElements: function(inputs, atc){
	    	if(this.config.productMode === 'input'){
	    		inputs.forEach(function(element){
		   			element.addEventListener('change', function(){
		   				console.log(this.value);
		   			});
	   			});
	    	}
	   		if(atc === undefined){
	   			if(this.config.targets.atc){
	   				atc = document.querySelector(this.config.targets.atc);
	   			} else {
	   				return false;
	   			}
	   		}
	   		atc.addEventListener('click', function(event){
	   			event.preventDefault();
	   			event.stopImmediatePropagation();
	   			Loop.submit(undefined);
	   		});	
	    },
	    //Uses Loop API to create cart
	    //variant - required, string, variant id
	    //callback - optional 
		addToCart: function(variant, callback){
			if(variant === undefined){
				if(this.tempVariant != undefined){
					variant = this.tempVariant;
				} else {
					if(this.config.productMode === 'url'){
						console.log(Loop.getParams(Loop.config.variantParam));
						var paramVar = Loop.getParams(Loop.config.variantParam);
						if(paramVar != false){
							variant = paramVar;
						} else {
							this._throwError('No variant found, check your config');
							return false;
						}
					}else{
						this._throwError('No variant found, check your config');
						return false;
					}
				}
			}
			this.data.cart = variant;
			var payload = {
				cart: variant
			};
			this._requestMachine('POST', 'https://api.loopreturns.com/api/v1/cart/', payload, function(response){
				Loop.data.token = response.token;
				if(callback != undefined){
					console.dir(response);
					callback(response);
				}
			});
		},
		submit: function(variant){
			if(variant === undefined){
				if(this.tempVariant != undefined){
					variant = this.tempVariant;
				}
				if(this.config.productMode === 'url'){
					var paramVar = Loop.getParams(Loop.config.variantParam);
					if(paramVar != false){
						variant = paramVar;
					}
				}
				if(variant === undefined){
					this._throwError('No variant found, check your config');
					return false;
				}
			}
			this.data.cart = variant;
			var payload = {
				cart: variant
			};
			this._requestMachine('POST', 'https://api.loopreturns.com/api/v1/cart/', payload, function(response){
				Loop.data.token = response.token;
				Loop.goBack();
			});
		},
		//update the temp variant
		updateVariant: function(variant, callback){
			if(variant === undefined){
				this._throwError('updateVariant is recieving an undefined variant and cannot update');
				return false;
			}
			this.tempVariant = variant;
			if(callback != undefined){
				callback(tempVariant);
			}
		},
		//Dynamic "back to app" function
		goBack: function(){
	    	Loop.storage.kill('Loop_data');
	    	if(this.data.token != undefined){
		    	window.location.href = "http://" + this.data.loop_domain + "/#/cart/" + this.data.token;
		    }else{
		    	window.location.href = 'http://' + this.data.loop_redirect_url;
	    	} 
	    },
	    //Attach api key and save it
	    setKey: function(key, callback){
	    	if(key === undefined){
				this._throwError('Function not being passed Loop API key');
				return false;
			}
	    	this.data.apiKey = key;
	    	this.storage.set('Loop_data', this.data);
	    	if(callback != undefined){
				callback();
			}
	    },
	    //URL decoder
		getParams: function(param){
			var result = {};
			window.location.search.substr(1).split("&").forEach(function(item){
				var tmp = item.split("=");
				result[tmp[0]] = decodeURIComponent(tmp[1]);
			});
			if(param != undefined){
				if(result[param]){
					return result[param];
				}
				this._throwError('No Params found with keyword: ' + param);
				return false;
			}
			return result;
		},
		//local storage communication
		storage: {
			get: function(storeName){
				return JSON.parse(localStorage.getItem(storeName) || null);
			},
			set: function(storeName, storeData){
				localStorage.setItem(storeName, JSON.stringify(storeData));
			},
			kill: function(storeName){
				localStorage.removeItem(storeName);
			}
		},
		//Binds to variant input often found on PDP
		attachListener: function(id){
			var foundElements = document.querySelectorAll(id);
			if(foundElements.length >= 1){
				foundElements.forEach(function(selector){
					selector.addEventListener('change',function(){
		      			console.log('Variant Changed to: ' + selector);
		        		Loop.tempVariant = document.querySelector(id).value;
		      		});
				});
		    } else {
		    	this._throwError('Cannot find selectors to attach to');
		    }
		},

		interigate: function(target){
			if(target.id != ""){
				return target.id;
   			}else{
   				console.log('No ID on objecting, checking classes');
   				console.log(target.classList);
   				if(target.classList > 0){
   					return target.classList;
   				} else {
   					return Loop.interigate(target.parentElement);
   				}
   			}
		},

		investigate: function(){
			//this requires JQuery unfortunately
			$('body').append('<div id="LRS__investigation-block"><div class="LRS__investigation-block__close"><img src="https://admin.loopreturns.com/img/icons/close.svg"></div><div class="LRS__investigation-block__header"><div class="LRS__investigation-block__img"><img src="https://admin.loopreturns.com/img/LoopLogo_small.png"></div></div><div class="LRS__investigation-block__info"><p>Click the "Add To Cart" Button</p></div></div>');
			document.addEventListener('click', function(event){
				console.log(event);
				Loop.investigator.count++;
				if(Loop.investigator.count > 3){
					firstElem = document.querySelector('.LRS__investigation-block__item');
					firstElem.parentNode.removeChild(firstElem);
				}
				event.preventDefault();
	   			event.stopImmediatePropagation();
	   			var targetSelector = Loop.interigate(event.target);
	   			
				$('#LRS__investigation-block').append('<div class="LRS__investigation-block__item">' + targetSelector + '</div>');
			});
		},

	    //ENCAPSULATED FUNCTIONS-----------------------------------
	    //---------------------------------------------------------

	   	//Vanilla AJAX requests
		_requestMachine: function(type, href, payload, callback){
			var data = null;

			if(payload != undefined){
				data = JSON.stringify(payload);
			}

			var xhr = new XMLHttpRequest();
			xhr.withCredentials = true;

			xhr.addEventListener("readystatechange", function () {
				if (this.readyState === this.DONE) {
				    callback(JSON.parse(this.responseText));
				}
			});

			xhr.open(type, href);
			xhr.setRequestHeader("x-authorization", this.data.apiKey);
			xhr.setRequestHeader("content-type", "application/json");
			xhr.send(data);
		},
	   	//Find global returns bar elements
		_scopeElements: function(){
			this.elements = {
				amount: document.getElementById('LRS-amount'),
				link: document.getElementById('LRS-link'),
				LRS: document.getElementById('LRS')
			};
			
		},
	   	//Renders information to the global returns bar
		_render: function(){
			var that = this;
			document.body.classList.add('loop-returns-activated');
			if(this.data.loop_total != undefined){
				this.elements.amount.innerHTML = this._moneyFilter(that.data.loop_total);
			}else{
				this._throwError(['Cannot find Data on render()'])
			}
		},
	   	//Turn ints into cold hard cash
		_moneyFilter: function(value){
	        if(value !== undefined){
				value = value.toString();
				if(value.length === 1){
					var firstHalf = '0';
					var secondHalf = '0' + value;
				} else if(value.length === 2){
					var firstHalf = '0';
					var secondHalf = value;

				} else {
					var firstHalf = value.slice(0,(value.length - 2));
					var secondHalf = value.substring(value.length, (value.length - 2));
				}

			return '' + firstHalf + '.' + secondHalf;

			} else {
				return '' + value;
			}
	    },
	    //Error control function
	    _throwError: function(error){
	    	console.log('[LOOP ERROR]----------------------------');
	    	if(typeof error === 'string'){
	    		console.log(error);
	    	}else if(Array.isArray(error)){
	    		error.forEach(function(error){
	    			console.log(error);
	    		});
	    	}else{
	    		console.log('Undefined Error');
	    	}
	    },
	    //Initialize Loop on the store
		_init: function(){
			//Check URL to see if user is coming from Loop Returns
			if(window.location.href.indexOf('loop_total') > -1){
				this.storage.set('Loop_data', this.getParams());
				window.history.replaceState({}, 'delete', '/');
			}
			//Check data storage to see if they are still in the middle of a return flow
			this.data = this.storage.get('Loop_data');
			if(this.data != null){
				this.status = 'active';
				this._scopeElements();
				this._render();
			}
		}
	};
	//Set it off
	Loop._init();
	//Loop.investigate();
	
</script>


<!-- PRODUCT DATA -->


<script type="text/javascript">

jQuery(document).ready(function() {
	
	if(Loop.status === 'active') {
		
		Loop.setKey('9bf46f870b0ea110fdd7d5a8e184dbf82f3fb271');
		
		jQuery('.shopping__cart-action').data('LoopActive', 1);
		
		jQuery('.shopping__cart-action').on('click', function(event) {
			var cartItems = [];
			jQuery('.shopping__cart-item').each(function() {
				cartItems.push(jQuery(this).data('id'));
			});
			Loop.submit(cartItems);
		});
		
	}
	
});

</script>


  <!-- Page-Specific CSS/JS -->
  

<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/imagesloaded.js?1085993" type="text/javascript"></script>
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/jquery.easing.js?1085993" type="text/javascript"></script>


<link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/global.css?1085993" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/global.js?1085993" type="text/javascript"></script>


  <!-- Shopify Content -->
  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1173112/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="d8ef238e71d7beb81bcfff373ec55d62">
<meta id="in-context-paypal-metadata" data-shop-id="1173112" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/mostly-monochrome.atom" />
<link rel="alternate" type="application/json+oembed" href="https://imogeneandwillie.com/collections/mostly-monochrome.oembed">
<style media="all">.additional-checkout-button{border:0 !important;border-radius:5px !important;display:inline-block;margin:0 0 10px;padding:0 24px !important;max-width:100%;min-width:150px !important;line-height:44px !important;text-align:center !important}.additional-checkout-button+.additional-checkout-button{margin-left:10px}.additional-checkout-button:last-child{margin-bottom:0}.additional-checkout-button span{font-size:14px !important}.additional-checkout-button img{display:inline-block !important;height:1.3em !important;margin:0 !important;vertical-align:middle !important;width:auto !important}@media (max-width: 500px){.additional-checkout-button{display:block;margin-left:0 !important;padding:0 10px !important;width:100%}}.additional-checkout-button--apple-pay{background-color:#000 !important;color:#fff !important;display:none;font-family:-apple-system, Helvetica Neue, sans-serif !important;min-width:150px !important;white-space:nowrap !important}.additional-checkout-button--apple-pay:hover,.additional-checkout-button--apple-pay:active,.additional-checkout-button--apple-pay:visited{color:#fff !important;text-decoration:none !important}.additional-checkout-button--apple-pay .additional-checkout-button__logo{background:-webkit-named-image(apple-pay-logo-white) center center no-repeat !important;background-size:auto 100% !important;display:inline-block !important;vertical-align:middle !important;width:3em !important;height:1.3em !important}@media (max-width: 500px){.additional-checkout-button--apple-pay{display:none}}.additional-checkout-button--google-pay{line-height:0 !important;padding:0 !important;border-radius:unset !important;width:80px !important}@media (max-width: 500px){.additional-checkout-button--google-pay{width:100% !important}}.gpay-iframe{height:44px !important;width:100%  !important;cursor:pointer;vertical-align:middle !important}.additional-checkout-button--paypal-express{background-color:#ffc439 !important}.additional-checkout-button--paypal,.additional-checkout-button--venmo{vertical-align:top;line-height:0 !important;padding:0 !important}.additional-checkout-button--amazon{background-color:#fad676 !important;position:relative !important}.additional-checkout-button--amazon .additional-checkout-button__logo{-webkit-transform:translateY(4px) !important;transform:translateY(4px) !important}.additional-checkout-button--amazon .alt-payment-list-amazon-button-image{max-height:none !important;opacity:0 !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.additional-checkout-button-visually-hidden{border:0 !important;clip:rect(0, 0, 0, 0) !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-2px !important;overflow:hidden !important;padding:0 !important;position:absolute !important}
</style>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1173112,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1173112","merchantName":"imogene + willie","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover"],"total":{"type":"pending","label":"imogene + willie","amount":"1.00"}}</script>
<script id="shopify-features" type="application/json">{"accessToken":"d8ef238e71d7beb81bcfff373ec55d62","betas":[],"domain":"imogeneandwillie.com","predictiveSearch":true,"shopId":1173112,"smart_payment_buttons_url":"https:\/\/cdn.shopifycloud.com\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/cdn.shopifycloud.com\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "imogeneandwillie.myshopify.com";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.theme = {"name":"timber","id":33110851626,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "pay.shopify.com";</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=imogeneandwillie.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/b17a71e65343348cbf9dd74fe\/8b149e2470fe8cef9d5099c5f.js?shop=imogeneandwillie.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":1173112,"offset":-21600,"reqid":"8df6f1fa-16c6-4808-97e5-1ee948b275ee","pageurl":"imogeneandwillie.com\/collections\/mostly-monochrome","u":"61a8b982dea5","p":"collection","rtyp":"collection","rid":69421989930};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"collection","resourceType":"collection","resourceId":69421989930}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</script>
<script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');


(function () {
  var customDocumentWrite = function(content) {
    var jquery = null;

    if (window.jQuery) {
      jquery = window.jQuery;
    } else if (window.Checkout && window.Checkout.$) {
      jquery = window.Checkout.$;
    }

    if (jquery) {
      jquery('body').append(content);
    }
  };

  var isDuplicatedThankYouPageView = function() {
    return document.cookie.indexOf('loggedConversion=' + window.location.pathname) !== -1;
  }

  var setCookieIfThankYouPage = function() {
    if (window.location.pathname.indexOf('/checkouts') !== -1 &&
        window.location.pathname.indexOf('/thank_you') !== -1) {

      var twoMonthsFromNow = new Date(Date.now());
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

      document.cookie = 'loggedConversion=' + window.location.pathname + '; expires=' + twoMonthsFromNow;
    }
  }

  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  if (trekkie.integrations) {
    return;
  }
  trekkie.methods = [
    'identify',
    'page',
    'ready',
    'track',
    'trackForm',
    'trackLink'
  ];
  trekkie.factory = function(method) {
    return function() {
      var args = Array.prototype.slice.call(arguments);
      args.unshift(method);
      trekkie.push(args);
      return trekkie;
    };
  };
  for (var i = 0; i < trekkie.methods.length; i++) {
    var key = trekkie.methods[i];
    trekkie[key] = trekkie.factory(key);
  }
  trekkie.load = function(config) {
    trekkie.config = config;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {
      (new Image()).src = '//v.shopify.com/internal_errors/track?error=trekkie_load';
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/javascripts/tricorder/trekkie.storefront.min.js?v=2017.09.05.1';
    var first = document.getElementsByTagName('script')[0];
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1173112,"isMerchantRequest":null,"themeId":33110851626,"themeCityHash":14369694671831221847,"contentLanguage":"en"}},"Performance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":1},"Google Analytics":{"trackingId":"UA-66500920-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1282233025145485"],"agent":"plshopify1.2"},"Session Attribution":{}}
  );

  var loaded = false;
  trekkie.ready(function() {
    if (loaded) return;
    loaded = true;

    window.ShopifyAnalytics.lib = window.trekkie;
    
      ga('require', 'linker');
      function addListener(element, type, callback) {
        if (element.addEventListener) {
          element.addEventListener(type, callback);
        }
        else if (element.attachEvent) {
          element.attachEvent('on' + type, callback);
        }
      }
      function decorate(event) {
        event = event || window.event;
        var target = event.target || event.srcElement;
        if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
          ga(function (tracker) {
            var linkerParam = tracker.get('linkerParam');
            document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
          });
        }
      }
      addListener(window, 'load', function(){
        for (var i=0; i < document.forms.length; i++) {
          var action = document.forms[i].getAttribute('action');
          if(action && action.indexOf('/cart') >= 0) {
            addListener(document.forms[i], 'submit', decorate);
          }
        }
        for (var i=0; i < document.links.length; i++) {
          var href = document.links[i].getAttribute('href');
          if(href && href.indexOf('/checkout') >= 0) {
            addListener(document.links[i], 'click', decorate);
          }
        }
      });
    

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;

    if (!isDuplicatedThankYouPageView()) {
      setCookieIfThankYouPage();
      
        window.ShopifyAnalytics.lib.page(
          null,
          {"pageType":"collection","resourceType":"collection","resourceId":69421989930}
        );
      
      
        window.ShopifyAnalytics.lib.track(
          "Viewed Product Category",
          {"currency":"USD","category":"Collection: mostly-monochrome","nonInteraction":true}
        );
      
    }
  });

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-acf771159f9849ef6e5265782c99efe8b99406214c96a4373224ecafe285d7bb.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script crossorigin="anonymous" defer="defer" src="//cdn.shopify.com/s/assets/shopify_pay/storefront-8ddbd55cc19e1ebbff92d676e1481c8e6b42e0c2714d3fdf6b810b1f193347b8.js?v=20190107"></script>
<script integrity="sha256-qzPTa4Ven/Yc2yyXr9BKZWCTXSrPTCnbGdWsxA7YCw0=" defer="defer" src="//cdn.shopify.com/s/assets/storefront/features-ab33d36b855e9ff61cdb2c97afd04a6560935d2acf4c29db19d5acc40ed80b0d.js" crossorigin="anonymous"></script>
<script defer="defer" src="//cdn.shopify.com/s/assets/themes_support/ga_urchin_forms-99e991855b3d8ddc69e625c68ab0579dd9927b611c2ec4943d396c72e3af0849.js"></script>


<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 240px;
  }
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  
</head><body id="mostly-monochrome" class="template-collection" >

  <!-- mobile checker -->
  <div class="mc"></div>

  <!-- All-Page Banner --><div id="shopify-section-allpagebanner" class="shopify-section">
<div id="allpagebanner"><div class="allpagebanner-box" id="allpagebanner-1555008806733"><div class="swd-banner">
<!--
 --><div class="swd-banner-1">
<!--
	 --><div class="swd-banner-1-a"></div>
<!--
	 --><div class="swd-banner-1-b"></div>
<!--
 -->
</div>
<!--
 --><div class="swd-banner-2">FREE SHIPPING ON ALL DOMESTIC ORDERS OVER $100</div>
<!--
 --><div class="swd-banner-3">
<!--
	 --><div class="swd-banner-3-a"></div>
<!--
	 --><div class="swd-banner-3-b">
<span></span>
</div>
<!--
	 --><div class="swd-banner-3-a"></div>
<!--
 -->
</div>
<!--
-->
<div class="banner-pad"></div>
</div>
</div></div>

<script type="text/javascript">

// ************************************************** //


Date.prototype.stdTimezoneOffset = function () {
	var jan = new Date(this.getFullYear(), 0, 1);
	var jul = new Date(this.getFullYear(), 6, 1);
	return Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());
}

Date.prototype.isDstObserved = function () {
	return this.getTimezoneOffset() < this.stdTimezoneOffset();
}

function dateToCentral(dateUTC) {
	timeUTC = dateUTC.getTime();
	// if daylight savings time is ON
	if(new Date().isDstObserved()) {
		// Central Time is UTC-5h Daylight Savings Time
		// -5 + 4 (?) = -1
		// (3600000 = convert hours to milliseconds)
		return new Date(timeUTC + (-1 * 3600000));
	}
	// if daylight savings time is OFF
	else {
		// Central Time is UTC-6h Standard
		// -6 + 4 (?) = -2
		// (3600000 = convert hours to milliseconds)
		return new Date(timeUTC + (-2 * 3600000));
	}
}

function timeToCentral(timeUTC) {
	// if daylight savings time is ON
	if(new Date().isDstObserved()) {
		// Central Time is UTC-5h Daylight Savings Time
		// -5 + 4 (?) = -1
		// (3600000 = convert hours to milliseconds)
		return (timeUTC + (-1 * 3600000));
	}
	// if daylight savings time is OFF
	else {
		// Central Time is UTC-6h Standard
		// -6 + 4 (?) = -2
		// (3600000 = convert hours to milliseconds)
		return (timeUTC + (-2 * 3600000));
	}
}

function dateToTimeUTC(dateLocal) {
	if(dateLocal == 'undefined') {
		dateLocal = new Date();
	}
	return Date.UTC(
		dateLocal.getUTCFullYear(),
		dateLocal.getUTCMonth(),
		dateLocal.getUTCDate(),
		dateLocal.getUTCHours(),
		dateLocal.getUTCMinutes(),
		dateLocal.getUTCSeconds(),
		dateLocal.getUTCMilliseconds()
	);
}

function leadingZeros(i, x) {
	// i = input (as int or string)
	// x = num digits
	var o = i.toString();
	if(o.length < x) {
		var arr = [];
		for(var k = 0; k < (x - o.length); k++) {
			arr.push('0');
		}
		arr.push(o);
		o = arr.join('');
	}
	return o;
}

function humanDate(y, m, d, th, tm, ts) {
	if(typeof th == 'undefined') {
		th = 0;
	}
	if(typeof tm == 'undefined') {
		tm = 0;
	}
	if(typeof ts == 'undefined') {
		ts = 0;
	}
	return new Date(y, (m - 1), d, th, tm, ts, 0);
}

function humanTime(y, m, d, th, tm, ts) {
	if(typeof th == 'undefined') {
		th = 0;
	}
	if(typeof tm == 'undefined') {
		tm = 0;
	}
	if(typeof ts == 'undefined') {
		ts = 0;
	}
	return new Date(y, (m - 1), d, th, tm, ts, 0).getTime();
}

// *** //

function outputDateHuman(d) {
	var o = '';
	o += d.getFullYear();
	o += '-';
	o += leadingZeros((d.getMonth() + 1), 2);
	o += '-';
	o += leadingZeros(d.getDate(), 2);
	o += '@';
	o += leadingZeros(d.getHours(), 2);
	o += ':';
	o += leadingZeros(d.getMinutes(), 2);
	o += ':';
	o += leadingZeros(d.getSeconds(), 2);
	o += ':';
	o += leadingZeros(d.getMilliseconds(), 3);
	return o;
}

function outputDateHumanUTC(d) {
	var o = '';
	o += d.getUTCFullYear();
	o += '-';
	o += leadingZeros((d.getUTCMonth() + 1), 2);
	o += '-';
	o += leadingZeros(d.getUTCDate(), 2);
	o += '@';
	o += leadingZeros(d.getUTCHours(), 2);
	o += ':';
	o += leadingZeros(d.getUTCMinutes(), 2);
	o += ':';
	o += leadingZeros(d.getUTCSeconds(), 2);
	o += ':';
	o += leadingZeros(d.getUTCMilliseconds(), 3);
	return o;
}

function outputDateNum(d) {
	var o = '';
	o += d.getUTCFullYear();
	o += leadingZeros((d.getUTCMonth() + 1), 2);
	o += leadingZeros(d.getUTCDate(), 2);
	o += leadingZeros(d.getUTCHours(), 2);
	o += leadingZeros(d.getUTCMinutes(), 2);
	o += leadingZeros(d.getUTCSeconds(), 2);
	o += leadingZeros(d.getUTCMilliseconds(), 3);
	return o;
}

// *** //

// messages

var banner = {
	'messages': [],
	'end': timeToCentral(humanTime(2020, 12, 12))
};


banner.messages.push({
	'id': '1555008806733',
	'date': timeToCentral(humanTime(2018, 12, 12))
});
	

function banner_display(banner, now) {
	if(typeof now == 'undefined') {
		// now in UTC
		now = new Date().getTime();
	}
//console.warn( 'NOW LOCAL', outputDateHuman(new Date(now)), now );
//console.warn( 'NOW UTC', outputDateHumanUTC(new Date(now)), now );
	for(var i = 0; i < banner.messages.length; i++) {
		if(now >= banner.messages[i].date) {
			// not last
			if(i != (banner.messages.length - 1)) {
				if(now < banner.messages[i + 1].date) {
					// hide all
					$('.allpagebanner-box').removeClass('active');
					// show this
					if(!$('#allpagebanner-' + banner.messages[i].id).hasClass('active')) {
						$('#allpagebanner-' + banner.messages[i].id).addClass('active');
					}
//console.warn( '[i=' + i + ']' );
//console.warn( 'BANNER LOCAL', outputDateHuman(new Date(banner.messages[i].date)), banner.messages[i].date );
//console.warn( 'BANNER UTC', outputDateHumanUTC(new Date(banner.messages[i].date)), banner.messages[i].date );
//console.warn( '[match]' );
					break;
				}
			}
			// is last
			else {
				if(now < banner.end) {
					// hide all
					$('.allpagebanner-box').removeClass('active');
					// show this
					if(!$('#allpagebanner-' + banner.messages[i].id).hasClass('active')) {
						$('#allpagebanner-' + banner.messages[i].id).addClass('active');
					}
//console.warn( '[LAST / ' + banner.messages[i].id + ']', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
					break;
				}
				else {
					// hide all
					$('.allpagebanner-box').removeClass('active');
//console.warn( 'hide banner ... messages have completed', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
					break;
				}
			}
		}
		else {
			// hide all
			$('.allpagebanner-box').removeClass('active');
//console.warn( 'hide banner ... messages have not yet started', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
			break;
		}
	}
}

banner_display(banner);

// fire every minute (60000 milliseconds)
banner_int = setInterval(banner_display, 60000, banner);

	
// ************************************************** //

function header_spacer() {
	
	// desktop
	if(jQuery(window).outerWidth() >= 900) {
		// logo
		$('.responsive__logo').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// main nav
		$('.main__nav-linksbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// main nav - children boxes
		$('.main__nav-childrenbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// aux links
		$('.main__nav-auxlinksbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// banner itself
		$('#allpagebanner').css('position', '');
		$('#allpagebanner').css('top', '');
		// content spacer
		//$('header.main__desktop').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
	}
	// mobile
	else {
		// logo
		$('.responsive__logo').css('margin-top', '');
		// main nav
		$('.main__nav-linksbox').css('margin-top', '');
		// main nav - children boxes
		$('.main__nav-childrenbox').css('margin-top', '');
		// aux links
		$('.main__nav-auxlinksbox').css('margin-top', '');
		// banner itself
		$('#allpagebanner').css('position', 'relative');
		$('#allpagebanner').css('top', $('.responsive__logo-outer').outerHeight() + 'px');
		// content spacer
		//$('header.main__desktop').css('margin-top', '');
	}
	
}

header_spacer();

$(document).ready(function() {
	header_spacer();
	function header_on_scroll() {
	}
	function header_on_resize() {
		header_on_scroll();
		header_spacer();
	}
	header_on_resize();
	$(window).resize(header_on_resize);
	window.addEventListener('orientationchange', header_on_resize);
});

// ************************************************** //

</script>
</div><!-- Site Header --><div id="shopify-section-responsive-head" class="shopify-section"><header class="main__desktop">
  <div class="responsive__logo-outer"><!--
    --><div class="responsive__logo "><!--
      --><div class="responsive__logo-w"></div><!--
      --><div class="responsive__logo-b"></div><!--
    --></div><!--
--></div>
  <nav class="main__nav ">

  <div class="main__nav-linksbox">
    <div class="main__nav-links">

  
      <div class="nav__links-main" data-link-number="1">
        <a href="/pages/the-beginning">our hom<span class="lsf">e</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="2">
        <a href="/collections/shop">sho<span class="lsf">p</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="3">
        <a href="/collections/denim">the jean<span class="lsf">s</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="4">
        <a href="https://journal.imogeneandwillie.com/">journa<span class="lsf">l</span></a>
      </div>

      <div class="nav__links-clear"></div>
    </div>
  </div><div class="main__nav-auxlinksbox">
    <div class="main__nav-auxlinks"><!--
  
      --><div class="main__nav-auxlink"><a href="/account">account</a></div><!--
  
      --><div class="main__nav-auxlink"><a href="javascript:;" onclick="dsearch();">search</a></div><!--
      --><div class="shopping__bag-link">bag<span class="main__nav-bagCount"></span></div><!--
    --></div>
  </div><div class="main__nav-childrenbox">


    <div
      class="main__nav-children"
      data-children-number="1"
      data-no-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/pages/the-beginning">the beginning</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/nashville">nashville</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/supper-and-song">supper + song</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="http://lovefades.imogeneandwillie.com/">love fades</a>
      
      
      </div>
    
    </div>
  

    <div
      class="main__nav-children"
      data-children-number="2"
      data-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/collections/denim">Denim</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/slim">Slim</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/straight">Straight</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/skinny">Skinny</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/indigo">Indigo</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/black">Black</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/natural">Natural</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/men">Men</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-denim">Denim</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-tshirts">T-Shirts</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-tops">Tops</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-belts">Belts</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-loungewear">Loungewear</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-essentials">Essentials</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/women">Women</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-denim">Denim</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-tshirts">T-Shirts</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-tops">Tops</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-trousers">Trousers</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-loungewear">Loungewear</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-necessities">Necessities</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/one-of-a-kind">one of a kind</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/made-by-matt-1">made by matt</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/st-christopher">st. christopher</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/hand-engraved">hand engraved</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind-textiles">textiles</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind-jewelry">jewelry</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind-motorcycle">motorcycle</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/object">Object</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-kitchen">Kitchen</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-bath">Bath</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-textiles">Textiles</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-scent">Scent</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/new-arrivals">Feature</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/new-arrivals">new arrivals</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/top-picks">top picks</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/kill-your-jeans">kill your jeans</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/graphic-content">graphic tees</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/under-50">under $50</a>
          </div>
        
        </div>
        
          
        <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
          
        
      </div>
    
    </div>
  

    <div
      class="main__nav-children"
      data-children-number="3"
      data-no-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/pages/the-process">the process</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/denim-care">denim care</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/denim-repair">denim repair</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/denim">shop denim</a>
      
      
      </div>
    
    </div>
  

    <div
      class="main__nav-children empty"
      data-children-number="4"
      data-no-grandchildren="true"
    ></div>
  </div>

</nav>

  <div class="mobile__nav-trigger ">
  menu
</div>
<a class="mobile__nav-bagicon" href="javascript:;"><svg enable-background="new 0 0 12 16" height="16" viewBox="0 0 12 16" width="12" xmlns="http://www.w3.org/2000/svg"><g fill="#1a1a1a"><path d="m12 16h-12v-12h12zm-10.5-1.5h9v-9h-9z"/><path d="m10.25 4.25h-1.5c0-1.5166-1.2334-2.75-2.75-2.75s-2.75 1.2334-2.75 2.75h-1.5c0-2.34326 1.90674-4.25 4.25-4.25s4.25 1.90674 4.25 4.25z"/></g></svg></a>
<div class="mobile__nav">
  <div class="mobile__nav-main">
    <div class="mobile__nav-search">
      <form method="get" action="/search">
        <input type="hidden" name="type" value="product" />
        <input type="text" class="msearch-field" id="msearch" name="q" placeholder="search" value="" />
      </form>
    </div>
    <div class="mobile__nav-mainLinks"><div class="mobile__nav-mainLink" data-link-number="1">
          <a href="/pages/the-beginning">our hom<span class="lsf">e</span></a><div
              class="mobile__nav-children"
              data-children-number="1"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-beginning">the beginning</a></div><div class="mobile__nav-child">
                  <a href="/pages/nashville">nashville</a></div><div class="mobile__nav-child">
                  <a href="/pages/supper-and-song">supper + song</a></div><div class="mobile__nav-child">
                  <a href="http://lovefades.imogeneandwillie.com/">love fades</a></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div><div class="mobile__nav-mainLink" data-link-number="2">
          <a href="/collections/shop">sho<span class="lsf">p</span></a><div
              class="mobile__nav-children"
              data-children-number="2"><div class="mobile__nav-child">
                  <a href="/collections/denim">Denim</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/denim">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/slim">Slim</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/straight">Straight</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/skinny">Skinny</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/indigo">Indigo</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/black">Black</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/natural">Natural</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/men">Men</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/men">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-denim">Denim</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-tshirts">T-Shirts</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-tops">Tops</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-belts">Belts</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-loungewear">Loungewear</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-essentials">Essentials</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/women">Women</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/women">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-denim">Denim</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-tshirts">T-Shirts</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-tops">Tops</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-trousers">Trousers</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-loungewear">Loungewear</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-necessities">Necessities</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/one-of-a-kind">one of a kind</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/made-by-matt-1">made by matt</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/st-christopher">st. christopher</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/hand-engraved">hand engraved</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind-textiles">textiles</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind-jewelry">jewelry</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind-motorcycle">motorcycle</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/object">Object</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/object-kitchen">Kitchen</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/object-bath">Bath</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/object-textiles">Textiles</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/object-scent">Scent</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/new-arrivals">Feature</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/new-arrivals">new arrivals</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/top-picks">top picks</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/kill-your-jeans">kill your jeans</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/graphic-content">graphic tees</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/under-50">under $50</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div><div class="mobile__nav-mainLink" data-link-number="3">
          <a href="/collections/denim">the jean<span class="lsf">s</span></a><div
              class="mobile__nav-children"
              data-children-number="3"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-process">the process</a></div><div class="mobile__nav-child">
                  <a href="/pages/denim-care">denim care</a></div><div class="mobile__nav-child">
                  <a href="/pages/denim-repair">denim repair</a></div><div class="mobile__nav-child">
                  <a href="/collections/denim">shop denim</a></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div><div class="mobile__nav-mainLink" data-link-number="4">
          <a href="https://journal.imogeneandwillie.com/">journa<span class="lsf">l</span></a></div></div>
    <div class="mobile__nav-close"></div>

    <div class="mobile__nav-openBagWrapper shopping__cart-open">
      <div class="mobile__nav-openBag">
        bag<span class="mobile__nav-bagCount"></span>
      </div>
    </div>

  </div><section class="shopping__cart">
  <article class="shopping__cart-items">
  </article>

  <div class="shopping__cart-backOrClose"></div>

  <div class="shopping__cart-actionWrapper">
    <div class="shopping__cart-action"></div>
  </div>
</section>
</div>
</header>

<div class="m-header-spacing"></div>
</div><!-- Search -->
<div id="search">
	<div class="search-logobox"><a class="search-logo" href="https://imogeneandwillie.com/"></a></div>
	<div class="search-instructions">PRESS ESC TO CLOSE</div>
	<a class="search-close" href="javascript:;"></a>
	<div class="search-body">
		<div class="search-field">
			<form method="get" action="/search">
				<input type="hidden" name="type" value="product" />
				<input type="text" class="dsearch-field" id="dsearch" name="q" placeholder="type your search" value="" />
			</form>
		</div>
	</div>
</div>
<!-- Shopify Content -->
  <article class="main__content">
    <div class="page-pad"></div><section class="collection__page" id="collection-mostly-monochrome">
  <header class="collection__page-header"></header><article class="collection__page-grid centered"><div class="page__grid-items">
<div class="page__grid-item featured-left hide-on-mobile">
  <a href="/collections/mostly-monochrome/products/catherine-natural-selvage-rinse">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/catherine-natural-07_4b6eef32-589f-403d-98fa-e57ba62f7adb_800x.jpg?v=1559939970"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/catherine-natural-01_76cb4fbf-ab0f-401a-ad49-b3c8192a48af_800x.jpg?v=1559939962"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/catherine-natural-selvage-rinse"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">catherine natural selvage rinse</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">23&nbsp;24&nbsp;25&nbsp;26&nbsp;27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32</div>
    </a>
  </section>
</div>
<div class="page__grid-item vertical hide-on-mobile">
<div class="page__grid-item full full-left hide-on-mobile">
  <a href="/collections/mostly-monochrome/products/vintage-african-amber-beaded-necklace">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/african-amber-beads01_48db8607-92ff-4d96-8978-9ff36acdbf0c_800x.jpg?v=1558024060"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/african-amber-beads02_49b1ad80-c405-454e-a338-c62b992aa7eb_800x.jpg?v=1558024060"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/vintage-african-amber-beaded-necklace"><div class="item__details-price sold">
        <s>105.00</s><!--
        --><span class="empty"><span>SOLD</span></span>
      </div><div class="item__details-title">vintage african amber beaded necklace</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>

<div class="page__grid-item full full-left hide-on-mobile">
  <a href="/collections/mostly-monochrome/products/i-w-vintage-white-bandana">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene-willie-naturalbandana08_800x.jpg?v=1558028594"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene-willie-naturalbandana04_800x.jpg?v=1558028594"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/i-w-vintage-white-bandana"><div class="item__details-price"><span>32.00</span></div><div class="item__details-title">i+w vintage white bandana</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>
</div>
<div class="page__grid-item  show-on-mobile">
  <a href="/collections/mostly-monochrome/products/catherine-natural-selvage-rinse">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/catherine-natural-07_4b6eef32-589f-403d-98fa-e57ba62f7adb_800x.jpg?v=1559939970"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/catherine-natural-01_76cb4fbf-ab0f-401a-ad49-b3c8192a48af_800x.jpg?v=1559939962"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/catherine-natural-selvage-rinse"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">catherine natural selvage rinse</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">23&nbsp;24&nbsp;25&nbsp;26&nbsp;27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32</div>
    </a>
  </section>
</div>

<div class="page__grid-item  show-on-mobile">
  <a href="/collections/mostly-monochrome/products/vintage-african-amber-beaded-necklace">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/african-amber-beads01_48db8607-92ff-4d96-8978-9ff36acdbf0c_800x.jpg?v=1558024060"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/african-amber-beads02_49b1ad80-c405-454e-a338-c62b992aa7eb_800x.jpg?v=1558024060"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/vintage-african-amber-beaded-necklace"><div class="item__details-price sold">
        <s>105.00</s><!--
        --><span class="empty"><span>SOLD</span></span>
      </div><div class="item__details-title">vintage african amber beaded necklace</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>

<div class="page__grid-item  show-on-mobile">
  <a href="/collections/mostly-monochrome/products/i-w-vintage-white-bandana">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene-willie-naturalbandana08_800x.jpg?v=1558028594"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene-willie-naturalbandana04_800x.jpg?v=1558028594"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/i-w-vintage-white-bandana"><div class="item__details-price"><span>32.00</span></div><div class="item__details-title">i+w vintage white bandana</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>

<div class="page__grid-item two-up ">
  <a href="/collections/mostly-monochrome/products/the-drop-tee">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/drop_tee_01_dda53ddf-e74c-470a-93df-db63327db944_800x.jpg?v=1558029009"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/drop_tee_02_1a330377-a1a8-48c1-91c5-f4ee0022150d_800x.jpg?v=1558029009"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/the-drop-tee"><div class="item__details-price"><span>55.00</span></div><div class="item__details-title">the drop tee</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">XS/S&nbsp;M/L</div>
    </a>
  </section>
</div>

<div class="page__grid-item two-up ">
  <a href="/collections/mostly-monochrome/products/handwoven-guatemalan-palm-hat">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/handwoven_05_800x.jpg?v=1558030708"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/handwoven_01_0e34fc93-3866-47db-9cb5-30175df70f47_800x.jpg?v=1558030707"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/handwoven-guatemalan-palm-hat"><div class="item__details-price"><span>95.00</span></div><div class="item__details-title">handwoven guatemalan palm hat</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">7&nbsp;7 1/8&nbsp;7 1/4&nbsp;7 3/8&nbsp;7 1/2</div>
    </a>
  </section>
</div>

<div class="page__grid-item three-across ">
  <a href="/collections/mostly-monochrome/products/the-drop-tee-in-faded-black">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/drop-tee_web_06_800x.jpg?v=1559940764"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/drop-tee-black01_6c24175f-95da-4c12-a60c-bcabec130262_800x.jpg?v=1559940753"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/the-drop-tee-in-faded-black"><div class="item__details-price"><span>55.00</span></div><div class="item__details-title">the drop tee in faded black</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">XS/S&nbsp;M/L</div>
    </a>
  </section>
</div>

<div class="page__grid-item three-across ">
  <a href="/collections/mostly-monochrome/products/janene-bead-with-mary-medals">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/mary1_800x.jpg?v=1558032882"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/mary6_800x.jpg?v=1558032889"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/janene-bead-with-mary-medals"><div class="item__details-price sold">
        <s>295.00</s><!--
        --><span class="empty"><span>SOLD</span></span>
      </div><div class="item__details-title">vintage beaded "mother mary" necklace</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>

<div class="page__grid-item three-across ">
  <a href="/collections/mostly-monochrome/products/the-inez-shirt">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/inex-shirt-02_800x.jpg?v=1559927672"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/inex-shirt-01_800x.jpg?v=1559927663"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/the-inez-shirt"><div class="item__details-price"><span>195.00</span></div><div class="item__details-title">the "inez" shirt</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">XS&nbsp;S&nbsp;M&nbsp;L</div>
    </a>
  </section>
</div>

<div class="page__grid-item three-across ">
  <a href="/collections/mostly-monochrome/products/leather-jacket">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/leather-jacket02_de75d0a7-8c29-4d01-ab27-ae8c6a1f9cb3_800x.jpg?v=1559940656"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/leather-jacket01_56101213-406e-47ce-b11e-943063a4dcaf_800x.jpg?v=1559940648"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/leather-jacket"><div class="item__details-price"><span>1,295.00</span></div><div class="item__details-title">the cass leather jacket</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">XS&nbsp;S&nbsp;M&nbsp;L</div>
    </a>
  </section>
</div>

<div class="page__grid-item three-across ">
  <a href="/collections/mostly-monochrome/products/superior-coin-case-in-white">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/white-coin-superior-labor01_5ff09a8b-e8a7-49c3-80c4-ea9e14278e74_800x.jpg?v=1558026301"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/white-coin-superior-labor03_800x.jpg?v=1558026301"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/superior-coin-case-in-white"><div class="item__details-price"><span>58.00</span></div><div class="item__details-title">superior coin case (white)</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>

<div class="page__grid-item three-across ">
  <a href="/collections/mostly-monochrome/products/the-isabel-skirt">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/isabell-skirt-01_807fb103-005d-4912-812e-037eae822ece_800x.jpg?v=1559997443"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/isabell-skirt-02_b8f23514-80bd-4de5-8063-1fc0b90c5b32_800x.jpg?v=1559997443"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/mostly-monochrome/products/the-isabel-skirt"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">the "isabel" skirt</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>
<div class="page__grid-item vertical hide-on-mobile"></div><div class="AjaxinateLoop"></div><div class="page__grid-item empty">NOTHING</div></div>
  </article>
</section>
<div id="shopify-section-product-beacon-onoff" class="shopify-section"><script type="text/javascript">!function(e,t,n){function a(){var e=t.getElementsByTagName("script")[0],n=t.createElement("script");n.type="text/javascript",n.async=!0,n.src="https://beacon-v2.helpscout.net",e.parentNode.insertBefore(n,e)}if(e.Beacon=n=function(t,n,a){e.Beacon.readyQueue.push({method:t,options:n,data:a})},n.readyQueue=[],"complete"===t.readyState)return a();e.attachEvent?e.attachEvent("onload",a):e.addEventListener("load",a,!1)}(window,document,window.Beacon||function(){});</script>
<script type="text/javascript">window.Beacon('init', '171914f6-51b1-4b3d-b16d-4abf716668e5')</script>

</div>

  </article>

  <!-- Site Footer --><footer class="main__foot">
  
    <div class="main__foot-newsletter">
      <div class="foot__newsletter-title">
        
        JOIN THE I+W MAILING LIST
      </div>
      <div class="foot__newsletter-form">
        
          <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
            
              <div class="input-group">
                <input
                  type="hidden"
                  name="contact[tags]"
                  value="newsletter"
                />
                <input
                  type="email"
                  value=""
                  
                  placeholder="your email address"
                  name="contact[email]"
                  id="Email"
                  class="input-group-field"
                  aria-label="email@example.com"
                  autocorrect="off"
                  autocapitalize="off"
                />
                <input
                  type="submit"
                  class="btn"
                  name="subscribe"
                  id="subscribe"
                  
                  value="submit"
                />
              </div>
            
          </form>
        
      </div>
    </div>
  
  <div class="main__foot-blocks">
    <div class="foot__blocks-menu">
      <nav class="footer__nav">
  <div class="footer__nav-links">
    
      <div class="nav__links-foot">
        <a href="/pages/help">help</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/returns">returns</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/hiring">hiring</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/contact">contact</a>
      </div>
    
  </div>
</nav>

    </div>
    <div class="foot__blocks-social">
      <a href="https://instagram.com/imogeneandwillie">
        <div class="blocks__social-link social__link-instagram"></div>
        <div class="blocks__social-link-g social__link-instagram-g"></div>
      </a>
      <a href="https://www.facebook.com/imogeneandwillie">
        <div class="blocks__social-link social__link-facebook"></div>
        <div class="blocks__social-link-g social__link-facebook-g"></div>
      </a>
      <a href="https://twitter.com/imogenewillie">
        <div class="blocks__social-link social__link-twitter"></div>
        <div class="blocks__social-link-g social__link-twitter-g"></div>
      </a>
      <a href="https://youtube.com/imogeneandwillie">
        <div class="blocks__social-link social__link-youtube"></div>
        <div class="blocks__social-link-g social__link-youtube-g"></div>
      </a>
      <a href="https://vimeo.com/imogenewillie">
        <div class="blocks__social-link social__link-vimeo"></div>
        <div class="blocks__social-link-g social__link-vimeo-g"></div>
      </a>
      <a href="https://imogeneandwillie.tumblr.com/">
        <div class="blocks__social-link social__link-tumblr"></div>
        <div class="blocks__social-link-g social__link-tumblr-g"></div>
      </a>
      <a href="https://pinterest.com/imogenewillie">
        <div class="blocks__social-link social__link-pinterest"></div>
        <div class="blocks__social-link-g social__link-pinterest-g"></div>
      </a>
    </div>
    <a href="https://imogeneandwillie.com">
      <div class="foot__blocks-logo"></div>
    </a>
  </div>
</footer><!-- Mobile Navigation Overlay --><div class="mobile__nav-overlay"></div>
<!-- Site Scripts -->
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/iwshopify.min.js?1085993" type="text/javascript"></script>

  
<script id="back-in-stock-helper">
  var _BISConfig = _BISConfig || {};

  _BISConfig.product = {"id":1971764592682,"title":"the \"isabel\" skirt","handle":"the-isabel-skirt","description":"\u003cdiv class=\"“product-description”\"\u003e\n\u003cp\u003ewe preach the gospel of blue. we live in our blue jeans. we wear them hard, until they become our second skin. a true part of our being. we get them dirty, and yes - we don’t wash our jeans much. so, it might seem quite conflicting that we were inspired to create a very feminine, light and airy skirt. and a white one, at that. honestly - i think that the conflict itself was the inspiration. growing up, my dear mom had 2 rules. during the school week - we had eggs for breakfast on monday, wednesday and friday, and cereal on tuesday and thursday... and the second rule: we picked out our own clothes, but adhered to her schedule. tuesday and thursday were blue jean days. and monday \/ wednesday \/ friday.. it was all about learning to dress up, and to feel good about doing so. it was about wearing a skirt. i love my mom and love the confidence that she instilled in us, by means of her jeans and skirt rule.\u003c\/p\u003e\n\u003cp\u003ehere’s to passing on the tradition of the childhood skirt rule: this skirt was made for you, in hopes that you will wear it any which way. dress up with her... clean and pristine from head to toe. or dress her down... wear it to the beach barefoot, keep it on for dinner.. and hell, put it back on the next morning. whichever way you may go, our hope is that you feel good (and beautiful). meet isabel.\u003c\/p\u003e\n\u003cp\u003esimplistic in shape. intricate in detail. isabel is an A-line skirt, with an adjustable side closure, and featuring an oversized side patch pocket. The adjustable nature of the skirt lends to giving you the flexibility to wear at your proper waist, and\/or slung a bit low.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"“product-shortdescription”\"\u003e\n\u003cp\u003eone size fits many: accommodates sizes 23-31\u003c\/p\u003e\n\u003cp\u003epatterned cut and sewn in the usa from premium japanese fabric.\u003c\/p\u003e\n\u003cp\u003e100% cotton\u003c\/p\u003e\n\u003c\/div\u003e","published_at":"2019-06-08T06:37:21-06:00","created_at":"2019-06-08T06:37:21-06:00","vendor":"i+w","type":"non denim bottom","tags":[],"price":23500,"price_min":23500,"price_max":23500,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":14969489424426,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"20310108-WHT-NS","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"the \"isabel\" skirt","public_title":null,"options":["Default Title"],"price":23500,"weight":0,"compare_at_price":null,"inventory_quantity":61,"inventory_management":"shopify","inventory_policy":"deny","barcode":"20310108-WHT-NS"}],"images":["\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-01_807fb103-005d-4912-812e-037eae822ece.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-02_b8f23514-80bd-4de5-8063-1fc0b90c5b32.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-03_673c9449-ab2e-4ad9-9eef-b8b4eb0e94e8.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-04_17cc00ed-f253-4c15-baa4-145d7e236a9b.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-05_45d123d9-28be-46b1-9679-45aa290d6860.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-06_1690f460-4ba7-4778-be26-46dc611587da.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-07_5cecf1f9-0f91-43b0-9767-495daf618d1d.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-08_dc06a809-c394-46e6-87ee-189280bd466b.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-09_e38746dd-2c20-4477-bab3-77c456422958.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-10_ac961ba5-747d-451d-99ec-0e078341c98d.jpg?v=1559997443","\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-11_8486429c-d47a-49f0-b414-d011f1c8ac95.jpg?v=1559997443"],"featured_image":"\/\/cdn.shopify.com\/s\/files\/1\/0117\/3112\/products\/isabell-skirt-01_807fb103-005d-4912-812e-037eae822ece.jpg?v=1559997443","options":["Title"],"content":"\u003cdiv class=\"“product-description”\"\u003e\n\u003cp\u003ewe preach the gospel of blue. we live in our blue jeans. we wear them hard, until they become our second skin. a true part of our being. we get them dirty, and yes - we don’t wash our jeans much. so, it might seem quite conflicting that we were inspired to create a very feminine, light and airy skirt. and a white one, at that. honestly - i think that the conflict itself was the inspiration. growing up, my dear mom had 2 rules. during the school week - we had eggs for breakfast on monday, wednesday and friday, and cereal on tuesday and thursday... and the second rule: we picked out our own clothes, but adhered to her schedule. tuesday and thursday were blue jean days. and monday \/ wednesday \/ friday.. it was all about learning to dress up, and to feel good about doing so. it was about wearing a skirt. i love my mom and love the confidence that she instilled in us, by means of her jeans and skirt rule.\u003c\/p\u003e\n\u003cp\u003ehere’s to passing on the tradition of the childhood skirt rule: this skirt was made for you, in hopes that you will wear it any which way. dress up with her... clean and pristine from head to toe. or dress her down... wear it to the beach barefoot, keep it on for dinner.. and hell, put it back on the next morning. whichever way you may go, our hope is that you feel good (and beautiful). meet isabel.\u003c\/p\u003e\n\u003cp\u003esimplistic in shape. intricate in detail. isabel is an A-line skirt, with an adjustable side closure, and featuring an oversized side patch pocket. The adjustable nature of the skirt lends to giving you the flexibility to wear at your proper waist, and\/or slung a bit low.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"“product-shortdescription”\"\u003e\n\u003cp\u003eone size fits many: accommodates sizes 23-31\u003c\/p\u003e\n\u003cp\u003epatterned cut and sewn in the usa from premium japanese fabric.\u003c\/p\u003e\n\u003cp\u003e100% cotton\u003c\/p\u003e\n\u003c\/div\u003e"};


</script>

</body>
</html>