
<!-- *******************************************************************
************************************************************************
							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?v=882311733700700653" />

  <!-- Title and description ================================================== -->
  <title>imogene + willie &middot; pencil bag</title><!-- Helpers ================================================== --><!-- /snippets/social-meta-tags.liquid -->


  <meta property="og:type" content="website">
  <meta property="og:title" content="pencil bag">
  

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


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


<link rel="canonical" href="https://imogeneandwillie.com/collections/pencil-bag">
  <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?v=16554657455546063116" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.carousel.min.css?v=7051608981761278196" 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?v=13504611835828271336" 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?v=8926416544707358891" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.carousel.min.js?v=9789144081155345425" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/ajaxinate.min.js?v=10845976251572736627" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/shopify_common.js?v=3975597058645200086" 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?v=5820985433317357554" type="text/javascript"></script>
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/jquery.easing.js?v=1932192363545003234" type="text/javascript"></script>


<link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/global.css?v=14530100133785891220" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/global.js?v=15629939520002570696" 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/pencil-bag.atom" />
<link rel="alternate" type="application/json+oembed" href="https://imogeneandwillie.com/collections/pencil-bag.oembed">
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<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":["rich-media-storefront-analytics"],"domain":"imogeneandwillie.com","predictiveSearch":true,"shopId":1173112,"smart_payment_buttons_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/cdn.shopify.com\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "imogeneandwillie.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.theme = {"name":"timber","id":33110851626,"theme_store_id":null,"role":"main"};
Shopify.cdnHost = "cdn.shopify.com";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "pay.shopify.com";</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/b17a71e65343348cbf9dd74fe\/8b149e2470fe8cef9d5099c5f.js?shop=imogeneandwillie.myshopify.com","\/\/imogeneandwillie.bookthatapp.com\/javascripts\/bta.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":"1e124e60-867a-42af-8013-6e5e6d9fc71c","pageurl":"imogeneandwillie.com\/collections\/pencil-bag","u":"191acd54f6de","p":"collection","rtyp":"collection","rid":174288470058};</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":174288470058}};
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 = '//cdn.shopify.com/s/javascripts/tricorder/trekkie.storefront.min.js?v=2020.04.13.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":"5861015346001441295","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true},"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;
      (function () {
        if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
          return;
        }
        window.BOOMR = window.BOOMR || {};
        window.BOOMR.snippetStart = new Date().getTime();
        window.BOOMR.snippetExecuted = true;
        window.BOOMR.snippetVersion = 12;
        window.BOOMR.application = "storefront-renderer";
        window.BOOMR.shopId = 1173112;
        window.BOOMR.themeId = 33110851626;
        window.BOOMR.url =
          "https://cdn.shopify.com/shopifycloud/boomerang/shopify-boomerang-1.0.0.min.js";
        var where = document.currentScript || document.getElementsByTagName("script")[0];
        var parentNode = where.parentNode;
        var promoted = false;
        var LOADER_TIMEOUT = 3000;
        function promote() {
          if (promoted) {
            return;
          }
          var script = document.createElement("script");
          script.id = "boomr-scr-as";
          script.src = window.BOOMR.url;
          script.async = true;
          parentNode.appendChild(script);
          promoted = true;
        }
        function iframeLoader(wasFallback) {
          promoted = true;
          var dom, bootstrap, iframe, iframeStyle;
          var doc = document;
          var win = window;
          window.BOOMR.snippetMethod = wasFallback ? "if" : "i";
          bootstrap = function(parent, scriptId) {
            var script = doc.createElement("script");
            script.id = scriptId || "boomr-if-as";
            script.src = window.BOOMR.url;
            BOOMR_lstart = new Date().getTime();
            parent = parent || doc.body;
            parent.appendChild(script);
          };
          if (!window.addEventListener && window.attachEvent && navigator.userAgent.match(/MSIE [67]./)) {
            window.BOOMR.snippetMethod = "s";
            bootstrap(parentNode, "boomr-async");
            return;
          }
          iframe = document.createElement("IFRAME");
          iframe.src = "about:blank";
          iframe.title = "";
          iframe.role = "presentation";
          iframe.loading = "eager";
          iframeStyle = (iframe.frameElement || iframe).style;
          iframeStyle.width = 0;
          iframeStyle.height = 0;
          iframeStyle.border = 0;
          iframeStyle.display = "none";
          parentNode.appendChild(iframe);
          try {
            win = iframe.contentWindow;
            doc = win.document.open();
          } catch (e) {
            dom = document.domain;
            iframe.src = "javascript:var d=document.open();d.domain='" + dom + "';void(0);";
            win = iframe.contentWindow;
            doc = win.document.open();
          }
          if (dom) {
            doc._boomrl = function() {
              this.domain = dom;
              bootstrap();
            };
            doc.write("<body onload='document._boomrl();'>");
          } else {
            win._boomrl = function() {
              bootstrap();
            };
            if (win.addEventListener) {
              win.addEventListener("load", win._boomrl, false);
            } else if (win.attachEvent) {
              win.attachEvent("onload", win._boomrl);
            }
          }
          doc.close();
        }
        var link = document.createElement("link");
        if (link.relList &&
          typeof link.relList.supports === "function" &&
          link.relList.supports("preload") &&
          ("as" in link)) {
          window.BOOMR.snippetMethod = "p";
          link.href = window.BOOMR.url;
          link.rel = "preload";
          link.as = "script";
          link.addEventListener("load", promote);
          link.addEventListener("error", function() {
            iframeLoader(true);
          });
          setTimeout(function() {
            if (!promoted) {
              iframeLoader(true);
            }
          }, LOADER_TIMEOUT);
          BOOMR_lstart = new Date().getTime();
          parentNode.appendChild(link);
        } else {
          iframeLoader(false);
        }
        function boomerangSaveLoadTime(e) {
          window.BOOMR_onload = (e && e.timeStamp) || new Date().getTime();
        }
        if (window.addEventListener) {
          window.addEventListener("load", boomerangSaveLoadTime, false);
        } else if (window.attachEvent) {
          window.attachEvent("onload", boomerangSaveLoadTime);
        }
        if (document.addEventListener) {
          document.addEventListener("onBoomerangLoaded", function(e) {
            e.detail.BOOMR.init({
              producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
              ResourceTiming: {
                enabled: true,
                trackedResourceTypes: ["script", "img", "css"]
              },
            });
            e.detail.BOOMR.t_end = new Date().getTime();
          });
        } else if (document.attachEvent) {
          document.attachEvent("onpropertychange", function(e) {
            if (!e) e=event;
            if (e.propertyName === "onBoomerangLoaded") {
              e.detail.BOOMR.init({
                producer_url: "https://monorail-edge.shopifysvc.com/v1/produce",
                ResourceTiming: {
                  enabled: true,
                  trackedResourceTypes: ["script", "img", "css"]
                },
              });
              e.detail.BOOMR.t_end = new Date().getTime();
            }
          });
        }
      })();
    

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

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-43fce3d908d9bd272394a7b71efb84146cdd385cdb9ca0fd444b2281d7f9b65a.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script integrity="sha256-WJ/zNC1jntI8lPX8EeA9ZOB4jipKaHOR6+7u8g6vL1A=" crossorigin="anonymous" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/s/assets/storefront/load_feature-589ff3342d639ed23c94f5fc11e03d64e0788e2a4a687391ebeeeef20eaf2f50.js"></script>
<script crossorigin="anonymous" defer="defer" src="//cdn.shopify.com/s/assets/shopify_pay/storefront-21b5dddfc8b64c1ad68cee3ba7448d1ffa15c24e969ebc1fbccf1a3784b659ad.js?v=20190107"></script>
<script integrity="sha256-h+g5mYiIAULyxidxudjy/2wpCz/3Rd1CbrDf4NudHa4=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//cdn.shopify.com/s/assets/storefront/features-87e8399988880142f2c62771b9d8f2ff6c290b3ff745dd426eb0dfe0db9d1dae.js" crossorigin="anonymous"></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>
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/shopstorm-apps.scss.css?v=4420007510473299185" rel="stylesheet" type="text/css" media="all" />
  <script async src="https://app-cdn.productcustomizer.com/assets/storefront/product-customizer-v2-38ff7ba5c696ad5727db29bc077fb96ae4e000d3b5e685f8c9ede3fe839320a8.js?shop=imogeneandwillie.myshopify.com" type="text/javascript"></script>
</head><body id="pencil-bag" 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"> <div class="only-d" there="" still="" time="" div="">
FREE SHIPPING ON ALL DOMESTIC ORDERS</div>
<!--
--><div class="banner-pad"></div>
</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(2025, 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">abou<span class="lsf">t</span></a>
      </div>

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

  
      <div class="nav__links-main" data-link-number="3">
        <a href="/collections/women">shop wome<span class="lsf">n</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">our story</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/nashville">nashville</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/the-process">our process</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="https://lovefades.imogeneandwillie.com/">love fades</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/supper-and-song">supper + song</a>
      
      
      </div>
    
</div>
  

<div
      class="main__nav-children left-aligned"
      data-children-number="2"
      data-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/collections/men">collection</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/mens-shirts">shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/mens-jackets">jackets</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/men-trousers">pants</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/mens-accesories">accessories</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/under-50">under $50</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/custom-chainstitch-embroidery">custom chainstitch</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind">one of a kind</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/made-by-matt">made by matt</a>
          </div>
        
        </div>
        
          
        <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
          
        
      </div>
    
<section class="featured__links featured__links-main">
          <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-triumph-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/Untitled-15.jpg?v=1590706381">
<h1>the "triumph" tee</h1>
<p>100% cotton </p>
</a></div><div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/rigid-denim"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/willie-indigo-rigid-01_360x.jpg?v=1571438573?1091805">
<h1>13oz rigid denim</h1>
<p>Nihon Menpu japanese selvage</p>
</a></div><div class="featured__links-product"><a href="https://imogeneandwillie.com/products/i-w-vintage-black-bandana-v2?_pos=1&amp;_sid=b82699a6d&amp;_ss=r"><img src="https://cdn.shopify.com/s/files/1/0117/3112/products/black-bandana_-4_1200x.jpg?v=1587168343">
<h1>i+w vintage black bandana</h1>
<p>100% cotton</p>
</a></div>
        </section></div>
  

<div
      class="main__nav-children left-aligned"
      data-children-number="3"
      data-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/collections/women">collection</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">shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/womens-bottoms">pants</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/womens-jackets">jackets</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/jewelry">jewelry</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/womens-accesories">accessories</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/women-new-arrivals">new arrivals</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/under-50">under $50</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/custom-chainstitch-embroidery">custom chainstitch</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind">one of a kind</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/made-by-matt">made by matt</a>
          </div>
        
        </div>
        
          
        <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
          
        
      </div>
    
<section class="featured__links featured__links-main">
          <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-love-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/lovehanger_1200x.jpg?v=1584659573">
<h1>the "love" tee</h1>
<p>made in the usa</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/sophie-natural"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/sophie-natural02_1200x.jpg?v=1588977075">
<h1>sophie natural</h1>
<p>high rise straight leg</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/i-w-vintage-white-bandana-v2"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/natural07_1200x.jpg?v=1588176484">
<h1>i+w vintage white bandana</h1>
<p>100% cotton</p>
</a></div>
        </section></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-mainLinks">
			
			<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-pad"><div class="mobile__nav-mainLink" data-link-number="1">
          <a href="/collections/men">shop me<span class="lsf">n</span></a><div
              class="mobile__nav-children"
              data-children-number="1"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/collections/men-denim">denim</a></div><div class="mobile__nav-child">
                  <a href="/collections/men-tshirts">t-shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-shirts">shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-jackets">jackets</a></div><div class="mobile__nav-child">
                  <a href="/collections/men-trousers">pants</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-accesories">accessories</a></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/under-50">under $50</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/custom-chainstitch-embroidery">custom chainstitch</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind">one of a kind</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/made-by-matt">made by matt</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="2">
          <a href="/collections/women">shop wome<span class="lsf">n</span></a><div
              class="mobile__nav-children"
              data-children-number="2"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/collections/women-denim">denim</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-tshirts">t-shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-tops">shirts</a></div><div class="mobile__nav-child">
                  <a href="/collections/womens-bottoms">pants</a></div><div class="mobile__nav-child">
                  <a href="/collections/womens-jackets">jackets</a></div><div class="mobile__nav-child">
                  <a href="/collections/jewelry">jewlery</a></div><div class="mobile__nav-child">
                  <a href="/collections/womens-accesories">accessories</a></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/women-new-arrivals">new arrivals</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/under-50">under $50</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/custom-chainstitch-embroidery">custom chainstitch</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind">one of a kind</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/made-by-matt">made by matt</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="/pages/the-beginning">abou<span class="lsf">t</span></a><div
              class="mobile__nav-children"
              data-children-number="3"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-beginning">our story</a></div><div class="mobile__nav-child">
                  <a href="/pages/nashville">nashville</a></div><div class="mobile__nav-child">
                  <a href="/pages/the-process">our process</a></div><div class="mobile__nav-child">
                  <a href="https://lovefades.imogeneandwillie.com/">love fades</a></div><div class="mobile__nav-child">
                  <a href="/pages/supper-and-song">supper + song</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 class="mobile__nav-mainLink" data-link-number="5">
          <a href="/pages/faq">hel<span class="lsf">p</span></a><div
              class="mobile__nav-children"
              data-children-number="5"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/faq">FAQ</a></div><div class="mobile__nav-child">
                  <a href="/pages/shipping">SHIPPING INFORMATION</a></div><div class="mobile__nav-child">
                  <a href="/pages/returns">RETURNS & EXCHANGES</a></div><div class="mobile__nav-child">
                  <a href="/pages/repair">REPAIR POLICY</a></div><div class="mobile__nav-child">
                  <a href="/pages/privacy">PRIVACY POLICY</a></div><div class="mobile__nav-child">
                  <a href="/pages/terms">TERMS & CONDITIONS</a></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div></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-pencil-bag">
  <header class="collection__page-header"><article class="site__breadcrumb module-t-s"></article></header><article class="collection__page-grid centered"><div class="page__grid-items"><div class="AjaxinateLoop">
<div class="page__grid-item  ">
  <a href="/collections/pencil-bag/products/the-i-w-selvage-pencil-bag">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/1_800x.jpg?v=1571438572"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/pencil_bag02_be4916cb-096b-4014-a7ad-4f80ce832f2a_800x.jpg?v=1571438572"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/pencil-bag/products/the-i-w-selvage-pencil-bag"><div class="item__details-price"><span>28.00</span></div><div class="item__details-title">the i+w selvage pencil bag</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>
<div class="AjaxinatePagination">
            
          </div></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?v=1760728776061877487" type="text/javascript"></script>

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


</script>


<script src="/apps/bookthatapp/sdk/v1/js/bta-in-shopify.min.js" defer></script>

<script>
    window.addEventListener('DOMContentLoaded', function() {
      if (typeof BookThatApp === 'undefined') {
        return; // uninstalled
      }

      window.BtaConfig = JSON.parse('{"dateFormat":"MM/DD/YYYY","widget_enabled_list":["reservation"],"widgets_mode":{}}' || '{}')
      window.BtaSdk = BookThatApp.init('eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpZCI6MzcwMTcsInNob3AiOiJpbW9nZW5lYW5kd2lsbGllIn0.O9H9tPXw2-bc0SExoEKlD92U3f8xb6ngr7SLFaxGurE')

      var productConfig = {};
      var productMetafields = '';
      if (productMetafields != '') {
        productConfig = JSON.parse('{"' + decodeURI(productMetafields).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"') + '"}');
      }

      BtaWidgetLoader.render({
        account: 'imogeneandwillie',
        appInstalled: true,
        externalId: '',
        widgetId: productConfig.widget_id,
        cart: {"token":"a924445c72d612dedf3c72e839966297","note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[]},
        shopConfig: BtaConfig,
        onSubmit: function(reservation) {
          BtaConvertReservationToCart.addToCart(reservation, BtaConfig)
        }
      });
    })
</script>

</body>
</html>


<script type="application/javascript"
  src="https://static-us.afterpay.com/javascript/present-afterpay.js"
>
</script>

<script>
  const apProductConfig = {
    'priceSelector': ".product__details-price > span",   // REQUIRED: set to the div
    'locale': 'en_US',            // REQUIRED: set to the locale for your site
    'afterpayLogoColor': 'color', // optional: set to use black or white logo
    'amount': null,          	// optional: set to item price or order total
    showUpperLimit: false, // don't tell the user the max value
  };

  window.addEventListener('load', () => {
	const product = null; // current page's product
	var lowercaseProductTitle = "";
	if(product) {
  	lowercaseProductTitle = product.title.toLowerCase();
	}
  
    if(product && !(lowercaseProductTitle.includes("gift card")))
      new presentAfterpay(apProductConfig).init();
  });
</script>

<style type="text/css">
  .afterpay-logo {
    width: 4em !important;
    height: auto !important;
  }
  .afterpay-paragraph {
  	font-size: 0.5em !important;
    color:#adadad !important;
    line-height: 19px !important;
    letter-spacing:1.5px;
    margin-top: 5px !important;
	margin-bottom: 0px !important;
	padding:5px 0 0 0 !important;
}

</style>