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


<link href="//cdn.shopify.com/s/files/1/0117/3112/t/19/assets/global.css?v=12610057586135621875" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/19/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":"Seed – 10\/29","id":81511612458,"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":"4e7c819d-7d7d-4713-baa3-ac9f4bc2e74a","pageurl":"imogeneandwillie.com\/collections\/pencil-bag","u":"1fc1741beeb8","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 hasLoggedConversion = function(token) {
    if (document.cookie.indexOf('loggedConversion=' + window.location.pathname) !== -1) {
      return true;
    }
    if (token) {
      return document.cookie.indexOf('loggedConversion=' + token) !== -1;
    }
    return false;
  }

  var setCookieIfConversion = function(token) {
    if (token) {
      var twoMonthsFromNow = new Date(Date.now());
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

      document.cookie = 'loggedConversion=' + token + '; 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 first = document.getElementsByTagName('script')[0];
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {
      var scriptFallback = document.createElement('script');
      scriptFallback.type = 'text/javascript';
      scriptFallback.onerror = function(error) {
              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',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 1173112,
      theme_id: 81511612458,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "https://cdn.shopify.com/s/trekkie.storefront.3bc22f7b201bea3154c99666f2373bcf9a3e8fb1.min.js"});

      };
      scriptFallback.async = true;
      scriptFallback.src = 'https://cdn.shopify.com/s/trekkie.storefront.3bc22f7b201bea3154c99666f2373bcf9a3e8fb1.min.js';
      first.parentNode.insertBefore(scriptFallback, first);
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/trekkie.storefront.3bc22f7b201bea3154c99666f2373bcf9a3e8fb1.min.js';
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1173112,"isMerchantRequest":null,"themeId":81511612458,"themeCityHash":"6269316982080465","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"isPixelGateEnabled":true},"Performance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":1},"Google Analytics":{"trackingId":"UA-66500920-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1282233025145485"],"agent":"plshopify1.2"},"Session Attribution":{}}
  );

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

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

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;
      (function () {
        if (window.BOOMR && (window.BOOMR.version || window.BOOMR.snippetExecuted)) {
          return;
        }
        window.BOOMR = window.BOOMR || {};
        window.BOOMR.snippetStart = new Date().getTime();
        window.BOOMR.snippetExecuted = true;
        window.BOOMR.snippetVersion = 12;
        window.BOOMR.application = "storefront-renderer";
        window.BOOMR.themeName = "";
        window.BOOMR.themeVersion = "";
        window.BOOMR.shopId = 1173112;
        window.BOOMR.themeId = 81511612458;
        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();
            }
          });
        }
      })();
    

        window.ShopifyAnalytics.lib.page(
          null,
          {"pageType":"collection","resourceType":"collection","resourceId":174288470058}
        );
      

    var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
    var token = match? match[1]: undefined;
    if (!hasLoggedConversion(token)) {
      setCookieIfConversion(token);
      
        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/shopifycloud/shopify/assets/shop_events_listener-68ba3f1321f00bf07cb78a03841621079812265e950cdccade3463749ea2705e.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-JP8SIsmqE7shdlPA0+ooxAp5aigObaKa1CHuwqYHXIY=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/assets/storefront/load_feature-24ff1222c9aa13bb217653c0d3ea28c40a796a280e6da29ad421eec2a6075c86.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//cdn.shopify.com/shopifycloud/shopify/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/shopifycloud/shopify/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/19/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/19/assets/filter-menu.scss.css?v=2975693449934274677" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/19/assets/filter-menu.js?v=11380865816275855778" type="text/javascript"></script>


</div>

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

<meta property="og:image" content="https://cdn.shopify.com/s/files/1/0117/3112/files/imogeneandwillie.png?height=628&pad_color=ffffff&v=1601507624&width=1200" />
<meta property="og:image:secure_url" content="https://cdn.shopify.com/s/files/1/0117/3112/files/imogeneandwillie.png?height=628&pad_color=ffffff&v=1601507624&width=1200" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="628" />
</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 GROUND SHIPPING ON ALL DOMESTIC ORDERS <br> </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"><div class="header-pad bg_white_mobile"></div>

<header class="main__desktop is-scrolled bg_white bg_white_mobile" 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/i-w-watch-caps">i+w watch caps</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/products/oliver-military-trouser-in-tan"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/oliver-tan01_1200x.jpg?v=1602010465">
<h1>oliver military trouser in field tan</h1>
<p>patterned, cut, and sewn in the USA.</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-lost-time-bandana"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/skull01_0b9160ad-04e9-44cb-ac7a-7de7cae193d0_1200x.jpg?v=1605035898">
<h1>the "lost time" bandana</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/earl-plaid-in-caldera-m"><img src="https://cdn.shopify.com/s/files/1/0117/3112/products/cald-02_1200x.jpg?v=1604075947">
<h1>earl plaid in caldera</h1>
<p>7.2oz Japanese cotton flannel</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/products/barton-slim-natchez"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/natchez02_1200x.jpg?v=1600444943">
<h1>barton slim natchez</h1>
<p>14oz Vidalia Mills 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/products/the-born-to-lose-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/btl-01_1200x.jpg?v=1602182504">
<h1>the "born to lose" 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/products/earl-selvage-denim"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/ear-selvage07_1200x.jpg?v=1599069597">
<h1>earl selvage denim</h1>
<p>7.75oz selvage denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/carter-shirt-in-slate-chambray"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/carter02_1200x.jpg?v=1600900792">
<h1>the carter shirt in slate chambray</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/earl-plaid-in-blue-ridge-m"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/blue-07_1200x.jpg?v=1604073331">
<h1>earl plaid in blue ridge</h1>
<p>7.2oz Japanese cotton flannel</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/products/barnes-ferriday"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/barnes-vidalia-06_1200x.jpg?v=1604680397">
<h1>barnes ferriday</h1>
<p>14oz Vidalia Mills selvage denim</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/i-w-watch-caps">i+w watch caps</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-beckett-cardigan-in-marled-navy-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/becket01_360x.jpg?v=1604609049%22">
<h1>the beckett cardigan in marled navy</h1>
<p>knit in the usa</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/wyatt-montrose"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/wyatt-montrose09web_360x.jpg?v=1601666566">
<h1>wyatt montrose</h1>
<p>mid/high rise, raw hem</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/agnes-jacket-in-greenwich-brown"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/agnes-01_1200x.jpg?v=1603316739">
<h1>agnes jacket in greenwich brown</h1>
<p>100% cotton corduroy </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/products/kate-indigo-rigid"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/kate-rigid_05_1200x.jpg?v=1604619381">
<h1>kate indigo rigid</h1>
<p>high rise denim trouser, 12oz Cone Mills selvage denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/harper-decatur"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/harper-decatur_02_1200x.jpg?v=1603919594">
<h1>harper decatur</h1>
<p>high rise tapered leg, 14oz Vidalia Mills selvage 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/products/catherine-rigid-vidalia10_360x.jpg?v=1588791789">
<h1>catherine indigo rigid usa lot 1</h1>
<p>super high rise trouser leg, 14oz Vidalia Mills selvage 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/products/the-next-time-tee"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/till-next-time01_1200x.jpg?v=1602090631">
<h1>the "next time" tee</h1>
<p>screen printed in nashville from original artwork</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/products/the-heart-tee-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/heart-07_bc5163d3-67ba-4a01-bb97-57c4ad27f017_1200x.jpg?v=1603732558">
<h1>the "heart" tee</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/products/leah-washed-pearl-snap"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/leah-09_1200x.jpg?v=1602880378">
<h1>leah washed pearl snap</h1>
<p>7.25oz denim</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/earl-plaid-in-blue-ridge-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/bluered02_1200x.jpg?v=1604070016">
<h1>earl plaid in blue ridge</h1>
<p>100% cotton</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/the-beckett-cardigan-in-marled-brown-w"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/b-brown02_75b13c1b-de87-49c6-9ac6-3ed15d7c6c76_1200x.jpg?v=1604687198">
<h1>the beckett cardigan in marled brown</h1>
<p>100% wool</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/products/catherine-hutton"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/catherine-hutton_02_1200x.jpg?v=1602782883">
<h1>catherine hutton</h1>
<p>9.5oz Japanese wide wale corduroy</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com//products/blake-military-trouser-in-olive"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/blake-10_1200x.jpg?v=1586007036">
<h1>blake military trouser in olive</h1>
<p>100% cotton</p>
</a></div>
<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/products/imogene_willie_kate_02_1200x.jpg?v=1603827020"> </a>
<h1>kate eames</h1>
<p>high rise denim trouser</p>
</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/products/the-gia-oilcloth-trucker"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/gia01_1200x.jpg?v=1603929611">
<h1>the gia oilcloth trucker</h1>
<p>100% waxed cotton canvas</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/jack-jacket-french-blue-women"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/jack-womens-01_1200x.jpg?v=1600278769">
<h1>jack jacket french blue</h1>
<p>12oz 100% cotton canvas</p>
</a></div>
<div class="featured__links-product"><a href="https://imogeneandwillie.com/products/agnes-jacket-in-greenwich-brown"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/agnes-01_1200x.jpg?v=1603316739">
<h1>agnes jacket in greenwich brown</h1>
<p>100% cotton corduroy</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/products/boot-sock-in-cobalt"> <img src="https://cdn.shopify.com/s/files/1/0117/3112/products/cobalt01_1200x.jpg?v=1603822835">
<h1>boot sock in cobalt</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" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 32 40">
  <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(6.000000, 9.000000)" fill="#000000" fill-rule="nonzero"><path d="M0,8 L0,6 L20,6 L20,8 L0,8 Z M0,14 L0,12 L20,12 L20,14 L0,14 Z M0,2 L0,0 L20,0 L20,2 L0,2 Z"/></g></g>
</svg> 
</div>
<a class="mobile__nav-searchicon" href="javascript:;" onclick="dsearch();"><svg class="icon icon-search" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 125">
  <path d="M34.34,24.91a28.79,28.79,0,0,0-2,38.43l-16,16,4.24,4.24,16-16a28.75,28.75,0,0,0,38.43-2h0A28.75,28.75,0,1,0,34.34,24.91ZM70.75,61.33a22.74,22.74,0,1,1,0-32.18A22.6,22.6,0,0,1,70.75,61.33Z"/>
</svg></a>
<a class="mobile__nav-accounticon" href="/account"><svg class="icon icon-account" width="17" height="16" aria-hidden="true" focusable="false" role="presentation" class="icon icon-account" viewBox="0 0 17 16">
  <g fill="#000" fill-rule="evenodd"><path d="M8.414 8.22c2.292 0 4.157-1.813 4.157-4.042 0-2.228-1.865-4.042-4.157-4.042S4.258 1.95 4.258 4.178c0 2.229 1.864 4.042 4.156 4.042zM12.6 8.748a.327.327 0 0 0-.37.023 6.113 6.113 0 0 1-3.816 1.314 6.112 6.112 0 0 1-3.816-1.314.326.326 0 0 0-.369-.023C1.845 10.176.421 12.652.421 15.371c0 .172.143.31.32.31h15.347c.177 0 .32-.138.32-.31 0-2.719-1.424-5.195-3.809-6.623z"/></g>
</svg> </a> 
<a class="mobile__nav-bagicon" href="javascript:;">
  <svg class="icon icon-bag" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100 125" xml:space="preserve">
  <path d="M78,31.1H65.5V27c0-8.9-7-16.1-15.5-16.1S34.5,18.1,34.5,27v4.1H22c-1.1,0-2,0.9-2,2v50c0,3.3,2.7,6,6,6h48c3.3,0,6-2.7,6-6  v-50C80,32,79.1,31.1,78,31.1z M39.5,27c0-6.1,4.7-11.1,10.5-11.1s10.5,5,10.5,11.1v4.1h-21V27z"/>
</svg>
  <span class="mobile__nav-bagCount"></span>
</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">new arrivals</a></div><div class="mobile__nav-child">
                  <a href="/collections/under-50">under $50</a></div><div class="mobile__nav-child">
                  <a href="/collections/i-w-watch-caps">i+w watch caps</a></div><div class="mobile__nav-child">
                  <a href="/collections/men-sale"><span style="color: #a73636;">sale</span></a></div></div></div><div class="mobile__nav-mainLink" data-link-number="2">
          <a href="/collections/women">shop wome<span class="lsf">n</span></a><div
              class="mobile__nav-children"
              data-children-number="2"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/collections/women-denim">denim</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-tshirts">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/women-new-arrivals">new arrivals</a></div><div class="mobile__nav-child">
                  <a href="/collections/under-50">under $50</a></div><div class="mobile__nav-child">
                  <a href="/collections/i-w-watch-caps">i+w watch caps</a></div><div class="mobile__nav-child">
                  <a href="/collections/women-sale"><span style="color: #a73636;">sale</span></a></div></div></div><div class="mobile__nav-mainLink" data-link-number="3">
          <a href="/pages/the-beginning">abou<span class="lsf">t</span></a><div
              class="mobile__nav-children"
              data-children-number="3"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-beginning">our story</a></div><div class="mobile__nav-child">
                  <a href="/pages/nashville">nashville</a></div><div class="mobile__nav-child">
                  <a href="/pages/the-process">our process</a></div><div class="mobile__nav-child">
                  <a href="https://lovefades.imogeneandwillie.com/">love fades</a></div><div class="mobile__nav-child">
                  <a href="/pages/supper-and-song">supper + song</a></div></div></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><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/19/assets/vendor.js?v=17993952136229605570" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/19/assets/iwshopify.min.js?v=6350088982626347126" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/19/assets/seed.js?v=16587879488442838917" 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>