
<!-- *******************************************************************
************************************************************************
							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/15/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/15/assets/iw-shopify.scss.css?v=3859648204455521423" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/15/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/15/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/15/assets/jquery.3-3-1.min.js?v=8926416544707358891" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/owl.carousel.min.js?v=9789144081155345425" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/ajaxinate.min.js?v=10845976251572736627" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/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/15/assets/imagesloaded.js?v=5820985433317357554" type="text/javascript"></script>
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/jquery.easing.js?v=1932192363545003234" type="text/javascript"></script>


<link href="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/global.css?v=3969174096974985036" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/global.js?v=16184158161239340037" 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","elo"],"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":"Homepage Updates V2","id":81341513770,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
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","\/\/imogeneandwillie.bookthatapp.com\/javascripts\/bta.js?shop=imogeneandwillie.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=Nppn7z\u0026shop=imogeneandwillie.myshopify.com","https:\/\/str.rise-ai.com\/?shop=imogeneandwillie.myshopify.com","https:\/\/strn.rise-ai.com\/?shop=imogeneandwillie.myshopify.com","\/\/www.searchanise.com\/widgets\/shopify\/init.js?a=1n2c4N8N3s\u0026shop=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":"40177762-66fc-41af-b5e8-20e61a728472","pageurl":"imogeneandwillie.com\/collections\/pencil-bag","u":"6399e536107d","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) {      var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });
    
          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful
    
        } // XHR beacon   
    
        var xhr = new XMLHttpRequest();
    
        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }
    
        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'test_trekkie_load_errors/1.0',
      {shop_id: 1173112,
      theme_id: 81341513770,
      app_name: "storefront"});          

      (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=2020.07.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":81341513770,"themeCityHash":"18444796067539698187","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"isPixelGateEnabled":false},"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.themeName = "";
        window.BOOMR.themeVersion = "";
        window.BOOMR.shopId = 1173112;
        window.BOOMR.themeId = 81341513770;
        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-d81deda6557a113fbcc6a993184828adcef6f241e4ca52b6a21169cb03169317.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script>!function(e){e.addEventListener("DOMContentLoaded",function(){var t;null!==e.querySelector('form[action^="/contact"] input[name="form_type"][value="contact"]')&&(window.Shopify=window.Shopify||{},window.Shopify.recaptchaV3=window.Shopify.recaptchaV3||{siteKey:"6LcCR2cUAAAAANS1Gpq_mDIJ2pQuJphsSQaUEuc9"},(t=e.createElement("script")).setAttribute("src","https://cdn.shopify.com/shopifycloud/storefront-recaptcha-v3/v0.1/index.js"),e.body.appendChild(t))})}(document);</script>
<script integrity="sha256-/yz3KdTbvYyCjvClJ1EuENpgCyPfKK73b0tRgu969Zs=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/s/assets/storefront/load_feature-ff2cf729d4dbbd8c828ef0a527512e10da600b23df28aef76f4b5182ef7af59b.js" crossorigin="anonymous"></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/15/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>

  <!-- Power Tools -->
  <div id="shopify-section-filter-menu-settings" class="shopify-section"><style type="text/css">
/*  Filter Menu Color and Image Section CSS */</style>
<link href="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/filter-menu.scss.css?v=9592730307293941231" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/filter-menu.js?v=11380865816275855778" type="text/javascript"></script>


</div>

  <!-- CSS Overrides -->
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/vendor.css?v=17913649633268687992" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/seed.scss.css?v=4855025453161855347" rel="stylesheet" type="text/css" media="all" />

</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 &amp; RETURNS 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 is-scrolled  " js-header>
  <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"data-featured-links="featured__links-shop-men-collection-denim">
            <a href="/collections/men-denim">denim</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-t-shirts">
            <a href="/collections/men-tshirts">t-shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-shirts">
            <a href="/collections/mens-shirts">shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-jackets">
            <a href="/collections/mens-jackets">jackets</a>
          </div>
        
<div
            class="nav__grandchildren-child">
            <a href="/collections/men-trousers">pants & shorts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-men-collection-accessories">
            <a href="/collections/mens-accessories">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
            class="nav__grandchildren-child">
            <a href="/collections/men-sale"><span style="color: #a73636; text-transform:uppercase;font-weight:700;font-size: 11px;  letter-spacing: 3.3px;padding-top:7px;;">SALE</span></a>
          </div>
        
        </div>
        
          
      </div>
    
<section class="featured__links featured__links-main">
          <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men/products/oliver-military-trouser"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/oliver-military-trouser-01.png?v=1598644100">
<h1>oliver military trouser</h1>
<p>patterned, cut, and sewn in the USA.</p>
</a></div><div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men/products/the-not-today-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/not-today01_443ed974-b54f-45dc-994c-07d72beecdac_1200x.jpg?v=1596812164">
<h1>the "not today" tee</h1>
<p>100% cotton</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><section class="featured__links featured__links-sub featured__links-shop-men-collection-denim">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-denim/products/barton-slim-indigo-rigid-usa-lot-1"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/barton-slimV-01_1200x.jpg?v=1588377146">
<h1>barton slim indigo rigid usa lot 1</h1>
<p>14oz Vidalia Mills selvage denim</p>
</a></div>
<a href="https://imogeneandwillie.com/collections/men-denim/products/barton-slim-indigo-rigid-usa-lot-1"> </a>
<p> </p>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-denim/products/charlie-black-rigid"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/charlieblack09_1200x.jpg?v=1571438531">
<h1>charlie black rigid</h1>
<p>13oz Kuroki Mills black selvage denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-denim/products/barton-slim-eldorado-2"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/eldorado-01_3b65ebe5-ca4f-41eb-9584-948f1cf5e53c_360x.jpg?v=1571438574">
<h1>barton slim eldorado 2.0</h1>
<p>13oz indigo selvage denim</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-t-shirts">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-tshirts/products/the-test-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/test-01_360x_d8749f82-1800-4fcc-9435-0a5f1799ff66.jpg?v=1595009406">
<h1>the "test" tee</h1>
<p>screen printed in nashville from original artwork</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-tshirts/products/faded-blue-knit-pocket-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/faced-blue-01_1200x_a63d6e6a-5f2d-44f3-bd1b-7d21850b80f8.jpg?v=1595009291">
<h1>faded blue knit pocket tee</h1>
<p>100% cotton, vintage inspired fit.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/men-tshirts/products/classic-knit-mid-weight-crew"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/blank-crew02_1200x_fd936adc-6db3-4264-8272-45ec1b9750e0.jpg?v=1595009699">
<h1>classic knit mid-weight crew</h1>
<p>100% cotton, made in usa</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-shirts">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-shirts/products/leo-selvage-wash"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/leo-selvage-wash10_1200x_431d0178-4ea6-47df-bf92-7adea1ca1219.jpg?v=1595010197">
<h1>leo selvage western</h1>
<p>12.5oz selvage denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-shirts/products/earl-yellowstone"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/earl-yellowstone_01_1200x_97b3a77b-c179-4a03-8535-6a9fb567ee84.jpg?v=1595010196">
<h1>earl yellowstone</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-shirts/products/hall-cpo-shirt-in-navy"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/hall-navy-cpo01_1200x_4ebefbb2-6bb6-45e4-8d00-b06683aa24d5.jpg?v=1595010196">
<h1>hall cpo shirt in navy</h1>
<p>American Woolen Company double-faced wool blend</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-jackets">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-jackets/products/jack-jacket-french-blue"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/jackfrenchindigo_01_1200x_7b102f49-2a53-42cb-9680-da117649f0dd.jpg?v=1595010865">
<h1>jack jacket french blue</h1>
<p>overdyed 12oz American canvas</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-jackets/products/jack-jacket-overdyed-slate"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/imogene_willie_jack-slate_02_1200x_47061e62-fabf-4295-a990-eb91c1b9c7f6.jpg?v=1595010865">
<h1>jack overdyed slate</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-jackets/products/enfield-hunting-jacket"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/enfield01-copy.jpg?v=1595010865">
<h1>enfield hunting jacket</h1>
<p>premium waxed cotton canvas</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-men-collection-accessories">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-accesories/products/the-riders-west-bandana"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/riders-west_04_1200x_1200x_8e43add3-426c-45bc-b7ef-118cb1be61e8.jpg?v=1595012623">
<h1>the "rider's west" bandana</h1>
<p>screen-printed by hand from original artwork</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-accesories/products/stamped-good-luck-brass-zippo"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/goodluck_01_1200x_3875aaef-d063-467a-85a5-f76d9b69baca.jpg?v=1595012623">
<h1>hand stamped "good luck" zippo</h1>
<p>brushed brass WWII replica zippo</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/mens-accesories/products/bolt-sock-natural"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/imogene_willie_boltsock_06_1200x_40f18ded-1df5-4521-89d4-bdcfeaf4eb94.jpg?v=1595012623">
<h1>bolt sock in natural</h1>
<p>produced in Fort Payne, Alabama</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"data-featured-links="featured__links-shop-women-collection-denim">
            <a href="/collections/women-denim">denim</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-tees-tanks">
            <a href="/collections/women-tshirts">tees & tanks</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-shirts">
            <a href="/collections/women-tops">shirts</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-pants">
            <a href="/collections/womens-bottoms">pants</a>
          </div>
        
<div
            class="nav__grandchildren-child"data-featured-links="featured__links-shop-women-collection-jackets">
            <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"data-featured-links="featured__links-shop-women-collection-accessories">
            <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
            class="nav__grandchildren-child">
            <a href="/collections/women-sale"><span style="color: #a73636; text-transform:uppercase;font-weight:600;font-size: 11px;  letter-spacing: 3.3px;padding-top:7px;;">SALE</span></a>
          </div>
        
        </div>
        
          
      </div>
    
<section class="featured__links featured__links-main">
          <div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-drop-tee-in-vintage-white"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/white-drop-tee02_1200x.jpg?v=1589411749">
<h1>the drop tee</h1>
<p>made in the usa</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-denim/products/sophie-natural-rinse"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/sophie-natural_01_1200x.jpg?v=1597261589">
<h1>sophie natural rinse</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><section class="featured__links featured__links-sub featured__links-shop-women-collection-denim">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-denim/products/sophie-weston"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/sophie02_1200x_34b1ccd6-8c0e-46dc-a171-88d5218badea.jpg?v=1595014844">
<h1>sophie weston</h1>
<p>high rise straight leg, 14.75oz Cone Mills denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-denim/products/catherine-indigo-rigid-usa-lot-1"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/catherine-rigid-vidalia01_1200x_e6175ee8-7397-4989-bfd6-43327d12ac8d.jpg?v=1595014844">
<h1>catherine indigo rigid usa lot 1</h1>
<p>super high rise trouser leg, 14oz Vidalia Mills selvage denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/sophie-natural-rinse"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/sophie-natural_01_1200x.jpg?v=1597261589">
<h1>sophie natural rinse</h1>
<p>high rise straight leg, 14.25oz premium Japanese denim</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-tees-tanks">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tshirts/products/olive-linen-cotton-archive-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/olive-archive-tee-01_1200x_2a9f7f8c-1077-4892-b4f6-67b679671ff2.jpg?v=1595015691">
<h1>olive linen cotton archive tee</h1>
<p>patterned, cut, and sewn in the USA</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tshirts/products/ribbed-racerback-tank-in-vintage-white"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/white-tank03_1200x_b2bc5272-d2ef-4e8c-8983-62b66a0c7bc8.jpg?v=1595015692">
<h1>vintage white ribbed racerback tank</h1>
<p>vintage inspired fit</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tshirts/products/the-drop-tee-in-desert-rose"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/desert-rose_09_1200x_fda43899-42b3-451a-91b8-b0f9f66c7a23.jpg?v=1595015692">
<h1>the drop tee in desert rose</h1>
<p>100% cotton</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-shirts">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tops/products/indigo-waffle-thermal"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/indigo-thermal07_1200x_d3739fed-929d-4db8-94cb-091aaa824985.jpg?v=1595016961">
<h1>indigo waffle thermal</h1>
<p>pure indigo-dyed</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tops/products/earl-yellowstone-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/earl-yellowstone-w_09_1200x_755cf5c5-5484-4b39-9240-d0552987f661.jpg?v=1595016961">
<h1>earl yellowstone</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/women-tops/products/the-waffle-thermal-crew-in-ash"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/waffle-thermal7.jpg?v=1595016961">
<h1>the waffle thermal crew in ash</h1>
<p>vintage inspired fit</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-pants">
              <div class="featured__links-product">
<a href="https://imogeneandwillie.com/collections/womens-bottoms/products/kate-eames"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/kateeames_01_1200x_86adbb86-cefc-445e-8fff-20a7c5d287a5.jpg?v=1595017739"> </a>
<h1>kate eames</h1>
<p>high rise denim trouser</p>
</div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-bottoms/products/faded-indigo-fethiye-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/faded-indigo-fethiyew02_1200x_8692847d-9d63-45e2-8cc7-9733cf1d6968.jpg?v=1595017739">
<h1>fethiye in faded indigo</h1>
<p>open indigo tweed, drawstring waist</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-bottoms/products/blake-military-trouser-in-black"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/blake-black-02_1200x_7e8db2e5-0269-40a5-bc57-ffd4659aebd8.jpg?v=1595017739">
<h1>blake military trouser in black</h1>
<p>100% cotton yarn-dyed cloth</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-jackets">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-jackets/products/leather-jacket"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/leather-jacket01_1200x_7c956800-ef61-48bc-855c-0f48a25e51e6.jpg?v=1595020883">
<h1>the cass leather jacket</h1>
<p>vintage moto-inspired</p>
</a></div>
            </section><section class="featured__links featured__links-sub featured__links-shop-women-collection-accessories">
              <div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-accesories/products/i-w-vintage-blue-bandana"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/bandana2_1200x_20f1136c-212a-4f4b-958c-b04212ed33b7.jpg?v=1595026073">
<h1>i+w vintage blue bandana</h1>
&lt;p100% cotton&lt;="" p=""&gt; </a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-accesories/products/the-earth-sock"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/earth-sock01_1200x_8b9cec0c-ad64-4b08-9fa7-ecfa02a14e7e.jpg?v=1595026073">
<h1>the "earth" sock</h1>
<p>produced in Fort Payne, Alabama, USA.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/collections/womens-accesories/products/the-plus-candle"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/files/stayhome_zippo_03_1200x_425f0960-a668-45a4-b009-172aa0d8c47c.jpg?v=1595026073">
<h1>the plus candle</h1>
<p>premium paraffin and soy</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 ">
  <svg class="icon icon-menu" xmlns="http://www.w3.org/2000/svg" width="20" height="16" viewBox="0 0 20 16">
    <path d="M0 1.36C0 1.101.204.891.455.891h19.09c.251 0 .455.21.455.47 0 .258-.204.468-.455.468H.455C.204 1.829 0 1.619 0 1.36zm.455 7.5h19.09c.251 0 .455-.21.455-.469s-.204-.468-.455-.468H.455c-.251 0-.455.21-.455.468 0 .26.204.47.455.47zm0 7.031h19.09c.251 0 .455-.21.455-.468 0-.26-.204-.47-.455-.47H.455c-.251 0-.455.21-.455.47 0 .258.204.468.455.468z"/>
</svg>

</div>
<a class="mobile__nav-searchicon" href="javascript:;" onclick="dsearch();"><svg class="icon icon-search" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16">
    <path d="M15.62 16c-.098 0-.196-.037-.27-.112l-4.381-4.38c-1.165 1.038-2.7 1.671-4.38 1.671C2.957 13.179 0 10.223 0 6.589 0 2.957 2.956 0 6.59 0c3.633 0 6.59 2.956 6.59 6.59 0 1.68-.634 3.214-1.672 4.379l4.38 4.38c.15.15.15.39 0 .54-.074.074-.171.111-.269.111zM6.59.762C3.376.762.762 3.376.762 6.59c0 3.213 2.614 5.827 5.828 5.827 3.213 0 5.827-2.614 5.827-5.827 0-3.214-2.614-5.828-5.827-5.828z"/>
</svg>
</a>
<a class="mobile__nav-bagicon" href="javascript:;"><svg xmlns="http://www.w3.org/2000/svg" width="15" height="18" viewBox="0 0 15 18">
    <g fill="none" fill-rule="evenodd">
        <g fill="#FFF" fill-rule="nonzero">
            <g>
                <path d="M14.592 2.983h-3.465C10.784 1.249 9.265 0 7.5 0 5.735 0 4.216 1.25 3.873 2.983H.408c-.226 0-.408.182-.408.408v14.201c0 .108.043.212.12.289.076.076.18.119.288.119h14.184c.109 0 .212-.043.289-.12.076-.076.119-.18.119-.288V3.391c0-.226-.182-.408-.408-.408zM7.5.816c1.314.002 2.46.893 2.789 2.167H4.71C5.04 1.709 6.186.818 7.5.816zm6.685 16.368H.815V3.799h2.987v1.684c0 .225.182.408.408.408.225 0 .407-.183.407-.408V3.799h5.766v1.684c0 .225.182.408.407.408.226 0 .408-.183.408-.408V3.799h2.987v13.385z" transform="translate(-339 -42) translate(339 42)"/>
            </g>
        </g>
    </g>
</svg>
</a>
<div class="mobile__nav">
  <div class="mobile__nav-main">
    <div class="mobile__nav-mainLinks">
			
			<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 & shorts</a></div><div class="mobile__nav-child">
                  <a href="/collections/mens-accessories">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 class="mobile__nav-grandchild">
                          <a href="/collections/men-sale">sale</a>
                        </div></div></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">tees & tanks</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">jewelry</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 class="mobile__nav-grandchild">
                          <a href="/collections/women-sale">sale</a>
                        </div></div></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></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></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">
  
<article class="collection__page-grid centered"><div class="collection__filter-menu__container">
      <div class="filter-menu-buttons__container btn--center">
        <button class="button filter-menu__button ">ADD FILTERS</button>
        <button class="button sort-by-menu__button">SORT BY</button>
      </div>
      <div class="collection__filter-menu-drop">
        <!-- Filter Menu brought to you by Shopify Power Tools. Version 2.1 --><style type="text/css">.filter-group-ahpwtfdo{display:none;}.filter-selected-women-denim-high-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-low-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-mid-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-straight .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-trouser .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-slim .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-skinny .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim .filter-group-ahpwtfdo{display:inherit;}
.filter-group-ikmjxbwy{display:none;}.filter-selected-men-denim .filter-group-ikmjxbwy{display:inherit;}
.filter-group-leg{display:none;}.filter-selected-men-denim .filter-group-leg{display:inherit;}
.filter-group-qwvgnbix{display:none;}.filter-selected-women-denim .filter-group-qwvgnbix{display:inherit;}
.filter-group-rise{display:none;}.filter-selected-women-denim .filter-group-rise{display:inherit;}.filter-selected-womens-bottoms .filter-group-rise{display:inherit;}.filter-selected-womens-pant .filter-group-rise{display:inherit;}.filter-selected-womens-pants .filter-group-rise{display:inherit;}
.filter-group-rise{display:none;}.filter-selected-women-denim .filter-group-rise{display:inherit;}.filter-selected-womens-bottoms .filter-group-rise{display:inherit;}.filter-selected-womens-pant .filter-group-rise{display:inherit;}.filter-selected-womens-pants .filter-group-rise{display:inherit;}.filter-group-ikmjxbwy{display:none;}.filter-selected-men-denim .filter-group-ikmjxbwy{display:inherit;}.filter-group-leg{display:none;}.filter-selected-men-denim .filter-group-leg{display:inherit;}.filter-group-qwvgnbix{display:none;}.filter-selected-women-denim .filter-group-qwvgnbix{display:inherit;}.filter-group-ahpwtfdo{display:none;}.filter-selected-women-denim-high-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-low-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-mid-rise .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-straight .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-trouser .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-slim .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim-skinny .filter-group-ahpwtfdo{display:inherit;}.filter-selected-women-denim .filter-group-ahpwtfdo{display:inherit;}
</style><div class="filter-menu  filter-selected-pencil-bag " data-total-tag-count="4">
    <div class="pt-mobile-header">
        <a id="pt-nav-toggle" class="pt-nav-toggle " href="#"><span></span> <p>Filter</p></a>
    </div>
    
    <div class="filter-group refine-header">
        <h4>Filter</h4><a class="filter-clear" href="/collections/pencil-bag">view all</a></div>
    
<div class="filter-group filter-group-color  has_mutliple_items   pt-filter-mode-single ">
        <h4>color</h4>
        <div class="scroll-content">
        <input type="text" class="fm-search-box" name="filter" placeholder="search..." style="display:none" autocomplete="off">
        <ul class="nav-color "><li class="collection-container filter-active-color-indigo active  ">
                <div class="collection-name"><a href="/collections/pencil-bag/color-indigo" title="Narrow selection to products matching tag color-indigo"><i class="check-icon"></i> indigo</a></div>
            </li><li class="collection-container filter-active-color-blue active  ">
                <div class="collection-name"><a href="/collections/pencil-bag/color-blue" title="Narrow selection to products matching tag color-blue"><i class="check-icon"></i> blue</a></div>
            </li></ul>
        </div></div><div class="filter-group filter-group-not-shown has_group_selected pt-group-expanded">
      <h4>Collection</h4>
      <div class="scroll-content">
        <ul class="nav-not-shown">
            <li class="collection-container filter-active-pencil-bag active selected">
                <div class="collection-name">
                    <a href="/collections/all" title="pencil bag"><i class="check-icon"></i> pencil bag</a>
                </div>
            </li>
        </ul>
        <a class="filter-clear" href="/collections/all">clear</a>
      </div>
    </div>
</div>


      </div><div class="filter-group filter-group-sort-orders  pt-group-expanded ">
      <h4>Sort By</h4>
      <div class="scroll-content">
        <ul class="nav-sort-orders"><li class="active "><div class="collection-name"><a href="/collections/pencil-bag?sort_by=price-ascending">price: low to high</a></div></li><li class="active "><div class="collection-name"><a href="/collections/pencil-bag?sort_by=price-descending">price: high to low</a></div></li><li class="active "><div class="collection-name"><a href="/collections/pencil-bag?sort_by=created-descending">newest</a></div></li><li class="active selected"><div class="collection-name"><a href="/collections/pencil-bag">best selling</a></div></li></ul>
       </div>
    </div>
</div>
    <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 targe="_blank" 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 targe="_blank" 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 targe="_blank" href="https://www.youtube.com/channel/UCStuL2Qd_NO2zFuD_hGHuRQ">
        <div class="blocks__social-link social__link-youtube"></div>
        <div class="blocks__social-link-g social__link-youtube-g"></div>
      </a>
      
      <a targe="_blank" 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 targe="_blank" 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/15/assets/vendor.js?v=17993952136229605570" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/iwshopify.min.js?v=6350088982626347126" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/15/assets/seed.js?v=8063607938462392703" 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>
    var productConfig = {};
    var productMetafields = '';
    if (productMetafields != '') {
      productConfig = JSON.parse('{"' + decodeURI(productMetafields).replace(/"/g, '\\"').replace(/&/g, '","').replace(/=/g,'":"') + '"}');
    }
    if (productConfig.widget_id) {
      // hide classic booking form if widget id present in product metafields
      document.querySelectorAll('.booking-form').forEach(function(form) {
        form.style.display = 'none';
      });
    }

    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: {"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>

  
  <script src="https://a.klaviyo.com/media/js/onsite/onsite.js"></script>
<script>
    var klaviyo = klaviyo || [];
    klaviyo.init({
      account: "Nppn7z",
      platform: "shopify"
    });
    klaviyo.enable("backinstock",{ 
    trigger: {
      product_page_text: "Notify Me When Available",
      product_page_class: "product-atc",
      product_page_text_align: "center",
      product_page_margin: "0px",
      replace_anchor: false
    },
    modal: {
     headline: "{product_name}",
     body_content: "Register to receive a notification when this item comes back in stock.",
     email_field_label: "Email",
     button_label: "Notify me when available",
     subscription_success_label: "You're in! We'll let you know when it's back.",
     footer_content: '',
     additional_styles: "@import url('https://fonts.googleapis.com/css?family=Helvetica+Neue');",
     drop_background_color: "#000",
     background_color: "#fff",
     text_color: "#222",
     button_text_color: "#fff",
     button_background_color: "#439fdb",
     close_button_color: "#ccc",
     error_background_color: "#fcd6d7",
     error_text_color: "#C72E2F",
     success_background_color: "#d3efcd",
     success_text_color: "#1B9500"
    }
  });
</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>