Skip to content

Instantly share code, notes, and snippets.

@miguel-perez

miguel-perez/footer.html

Last active October 9, 2015 14:12
Show Gist options
  • Save miguel-perez/9dab8ba3d7b1fe5f59bc to your computer and use it in GitHub Desktop.
Save miguel-perez/9dab8ba3d7b1fe5f59bc to your computer and use it in GitHub Desktop.
Download ZIP
LWF New Header / Footer
Raw
header.html
<header id="lwf-header" role="banner">
<div class="content">
<div class="account-banner">
<div class="corset">
<ul class="account-banner__link-lest">
<li><a href="https://lovewithfood.com/contact">Customer Care</a></li>
<li><a href="https://lovewithfood.com/sign_up">Register</a></li>
<li><a href="https://lovewithfood.com/sign_in">Log-in</a></li>
</ul>
</div>
</div>
<div class="site-banner">
<div class="corset">
<div class="site-banner__name">
<h1 class="site-banner__logo">
<a href="https://lovewithfood.com/">
<span class="visuallyhidden">Love with Food</span>
<img class="site-banner__logo__img" src="https://s3.amazonaws.com/lwf.optimizely/img/love-with-food-logo.svg" alt="">
</a>
</h1>
<p class="site-banner__links">
<a class="site-banner__search-btn txt-btn" href="/search">
<img class="txt-btn__ico" src="https://s3.amazonaws.com/lwf.optimizely/img/search-icon.svg" alt="">
<span class="txt-btn__txt">Search</span>
</a>
<a class="site-banner__cart-btn txt-btn" href="https://lovewithfood.com/cart_line_items">
<img class="txt-btn__ico" src="https://s3.amazonaws.com/lwf.optimizely/img/cart-icon.svg" alt="">
<span class="txt-btn__txt">Cart</span>
</a>
</p>
<p class="site-banner__tagline">
Snack Smart. Do Good. <br> With every purchase, we donate to a food bank in America.
</p>
<div class="site-banner__search" role="search">
<form action="/shop">
<label for="search" class="visuallyhidden">Search</label>
<div class="singleput singleput--search">
<input id="search_term" name="search_term" type="search" class="singleput__input">
<button class="singleput__button button" type="submit">Search</button>
</div>
</form>
</div>
</div>
</div>
<nav role="navigation">
<div class="corset">
<h1 class="visuallyhidden">Site navigation</h1>
<p class="site-nav">
<a href="https://lovewithfood.com/about">About Us</a>
<a href="https://lovewithfood.com/shop">Snack Shop</a>
<a href="https://lovewithfood.com/subscriptions?s=top-bar-snackbox">Home Plans</a>
<a href="https://lovewithfood.com/subscriptions/office?s=top-bar-office-snackbox">Office Plans</a>
</p>
</div>
</nav>
</div>
</div>
</header>
Raw
headerfooter.css
/* minified */
@charset "UTF-8";#lwf-footer,#lwf-header,#lwf-main{margin:0}#lwf-footer a,#lwf-footer abbr,#lwf-footer acronym,#lwf-footer address,#lwf-footer applet,#lwf-footer article,#lwf-footer aside,#lwf-footer audio,#lwf-footer b,#lwf-footer big,#lwf-footer blockquote,#lwf-footer body,#lwf-footer button,#lwf-footer canvas,#lwf-footer caption,#lwf-footer center,#lwf-footer cite,#lwf-footer code,#lwf-footer dd,#lwf-footer del,#lwf-footer details,#lwf-footer dfn,#lwf-footer div,#lwf-footer dl,#lwf-footer dt,#lwf-footer em,#lwf-footer embed,#lwf-footer fieldset,#lwf-footer figcaption,#lwf-footer figure,#lwf-footer footer,#lwf-footer form,#lwf-footer h1,#lwf-footer h2,#lwf-footer h3,#lwf-footer h4,#lwf-footer h5,#lwf-footer h6,#lwf-footer header,#lwf-footer hgroup,#lwf-footer html,#lwf-footer i,#lwf-footer iframe,#lwf-footer img,#lwf-footer input,#lwf-footer ins,#lwf-footer kbd,#lwf-footer label,#lwf-footer legend,#lwf-footer li,#lwf-footer mark,#lwf-footer menu,#lwf-footer nav,#lwf-footer object,#lwf-footer ol,#lwf-footer output,#lwf-footer p,#lwf-footer pre,#lwf-footer q,#lwf-footer ruby,#lwf-footer s,#lwf-footer samp,#lwf-footer section,#lwf-footer small,#lwf-footer span,#lwf-footer strike,#lwf-footer strong,#lwf-footer sub,#lwf-footer summary,#lwf-footer sup,#lwf-footer table,#lwf-footer tbody,#lwf-footer td,#lwf-footer tfoot,#lwf-footer th,#lwf-footer thead,#lwf-footer time,#lwf-footer tr,#lwf-footer tt,#lwf-footer u,#lwf-footer ul,#lwf-footer var,#lwf-footer video,#lwf-header a,#lwf-header abbr,#lwf-header acronym,#lwf-header address,#lwf-header applet,#lwf-header article,#lwf-header aside,#lwf-header audio,#lwf-header b,#lwf-header big,#lwf-header blockquote,#lwf-header body,#lwf-header button,#lwf-header canvas,#lwf-header caption,#lwf-header center,#lwf-header cite,#lwf-header code,#lwf-header dd,#lwf-header del,#lwf-header details,#lwf-header dfn,#lwf-header div,#lwf-header dl,#lwf-header dt,#lwf-header em,#lwf-header embed,#lwf-header fieldset,#lwf-header figcaption,#lwf-header figure,#lwf-header footer,#lwf-header form,#lwf-header h1,#lwf-header h2,#lwf-header h3,#lwf-header h4,#lwf-header h5,#lwf-header h6,#lwf-header header,#lwf-header hgroup,#lwf-header html,#lwf-header i,#lwf-header iframe,#lwf-header img,#lwf-header input,#lwf-header ins,#lwf-header kbd,#lwf-header label,#lwf-header legend,#lwf-header li,#lwf-header mark,#lwf-header menu,#lwf-header nav,#lwf-header object,#lwf-header ol,#lwf-header output,#lwf-header p,#lwf-header pre,#lwf-header q,#lwf-header ruby,#lwf-header s,#lwf-header samp,#lwf-header section,#lwf-header small,#lwf-header span,#lwf-header strike,#lwf-header strong,#lwf-header sub,#lwf-header summary,#lwf-header sup,#lwf-header table,#lwf-header tbody,#lwf-header td,#lwf-header tfoot,#lwf-header th,#lwf-header thead,#lwf-header time,#lwf-header tr,#lwf-header tt,#lwf-header u,#lwf-header ul,#lwf-header var,#lwf-header video,#lwf-main a,#lwf-main abbr,#lwf-main acronym,#lwf-main address,#lwf-main applet,#lwf-main article,#lwf-main aside,#lwf-main audio,#lwf-main b,#lwf-main big,#lwf-main blockquote,#lwf-main body,#lwf-main button,#lwf-main canvas,#lwf-main caption,#lwf-main center,#lwf-main cite,#lwf-main code,#lwf-main dd,#lwf-main del,#lwf-main details,#lwf-main dfn,#lwf-main div,#lwf-main dl,#lwf-main dt,#lwf-main em,#lwf-main embed,#lwf-main fieldset,#lwf-main figcaption,#lwf-main figure,#lwf-main footer,#lwf-main form,#lwf-main h1,#lwf-main h2,#lwf-main h3,#lwf-main h4,#lwf-main h5,#lwf-main h6,#lwf-main header,#lwf-main hgroup,#lwf-main html,#lwf-main i,#lwf-main iframe,#lwf-main img,#lwf-main input,#lwf-main ins,#lwf-main kbd,#lwf-main label,#lwf-main legend,#lwf-main li,#lwf-main mark,#lwf-main menu,#lwf-main nav,#lwf-main object,#lwf-main ol,#lwf-main output,#lwf-main p,#lwf-main pre,#lwf-main q,#lwf-main ruby,#lwf-main s,#lwf-main samp,#lwf-main section,#lwf-main small,#lwf-main span,#lwf-main strike,#lwf-main strong,#lwf-main sub,#lwf-main summary,#lwf-main sup,#lwf-main table,#lwf-main tbody,#lwf-main td,#lwf-main tfoot,#lwf-main th,#lwf-main thead,#lwf-main time,#lwf-main tr,#lwf-main tt,#lwf-main u,#lwf-main ul,#lwf-main var,#lwf-main video{background-attachment:scroll;background-color:transparent;background-image:none;background-position:0 0;background-repeat:repeat;border-collapse:separate;border-spacing:0;border-style:none;border-width:medium;bottom:auto;caption-side:top;clear:none;clip:auto;content:normal;counter-increment:none;counter-reset:none;cursor:auto;direction:ltr;display:inline;empty-cells:show;float:none;font-size:medium;font-style:normal;font-variant:normal;font-weight:400;height:auto;left:auto;letter-spacing:normal;line-height:normal;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;orphans:2;outline-color:invert;outline-style:none;outline-width:medium;overflow:visible;padding:0;page-break-after:auto;page-break-before:auto;page-break-inside:auto;position:static;right:auto;table-layout:auto;text-align:left;text-decoration:none;text-indent:0;text-transform:none;top:auto;unicode-bidi:normal;vertical-align:baseline;visibility:visible;white-space:normal;widows:2;width:auto;word-spacing:normal;z-index:auto;all:initial;list-style:disc}#lwf-footer address,#lwf-footer cite,#lwf-footer dfn,#lwf-footer em,#lwf-footer i,#lwf-footer var,#lwf-header address,#lwf-header cite,#lwf-header dfn,#lwf-header em,#lwf-header i,#lwf-header var,#lwf-main address,#lwf-main cite,#lwf-main dfn,#lwf-main em,#lwf-main i,#lwf-main var{font-style:italic}#lwf-footer address,#lwf-footer blockquote,#lwf-footer body,#lwf-footer center,#lwf-footer dd,#lwf-footer dir,#lwf-footer div,#lwf-footer dl,#lwf-footer dt,#lwf-footer fieldset,#lwf-footer form,#lwf-footer frame,#lwf-footer frameset,#lwf-footer h1,#lwf-footer h2,#lwf-footer h3,#lwf-footer h4,#lwf-footer h5,#lwf-footer h6,#lwf-footer hr,#lwf-footer html,#lwf-footer menu,#lwf-footer noframes,#lwf-footer ol,#lwf-footer p,#lwf-footer pre,#lwf-footer ul,#lwf-header address,#lwf-header blockquote,#lwf-header body,#lwf-header center,#lwf-header dd,#lwf-header dir,#lwf-header div,#lwf-header dl,#lwf-header dt,#lwf-header fieldset,#lwf-header form,#lwf-header frame,#lwf-header frameset,#lwf-header h1,#lwf-header h2,#lwf-header h3,#lwf-header h4,#lwf-header h5,#lwf-header h6,#lwf-header hr,#lwf-header html,#lwf-header menu,#lwf-header noframes,#lwf-header ol,#lwf-header p,#lwf-header pre,#lwf-header ul,#lwf-main address,#lwf-main blockquote,#lwf-main body,#lwf-main center,#lwf-main dd,#lwf-main dir,#lwf-main div,#lwf-main dl,#lwf-main dt,#lwf-main fieldset,#lwf-main form,#lwf-main frame,#lwf-main frameset,#lwf-main h1,#lwf-main h2,#lwf-main h3,#lwf-main h4,#lwf-main h5,#lwf-main h6,#lwf-main hr,#lwf-main html,#lwf-main menu,#lwf-main noframes,#lwf-main ol,#lwf-main p,#lwf-main pre,#lwf-main ul{display:block;unicode-bidi:embed}#lwf-footer li,#lwf-header li,#lwf-main li{display:list-item}#lwf-footer head,#lwf-header head,#lwf-main head{display:none}#lwf-footer table,#lwf-header table,#lwf-main table{display:table;border-collapse:collapse;border-spacing:0}#lwf-footer tr,#lwf-header tr,#lwf-main tr{display:table-row}#lwf-footer thead,#lwf-header thead,#lwf-main thead{display:table-header-group}#lwf-footer tbody,#lwf-header tbody,#lwf-main tbody{display:table-row-group}#lwf-footer tfoot,#lwf-header tfoot,#lwf-main tfoot{display:table-footer-group}#lwf-footer col,#lwf-header col,#lwf-main col{display:table-column}#lwf-footer colgroup,#lwf-header colgroup,#lwf-main colgroup{display:table-column-group}#lwf-footer td,#lwf-footer th,#lwf-header td,#lwf-header th,#lwf-main td,#lwf-main th{display:table-cell}#lwf-footer caption,#lwf-header caption,#lwf-main caption{display:table-caption;text-align:center}#lwf-footer th,#lwf-header th,#lwf-main th{font-weight:bolder;text-align:center}#lwf-footer h2,#lwf-header h2,#lwf-main h2{font-size:1.5em;margin:.75em 0}#lwf-footer h3,#lwf-header h3,#lwf-main h3{font-size:1.17em;margin:.83em 0}#lwf-footer blockquote,#lwf-footer dir,#lwf-footer dl,#lwf-footer fieldset,#lwf-footer form,#lwf-footer h4,#lwf-footer menu,#lwf-footer ol,#lwf-footer p,#lwf-footer ul,#lwf-header blockquote,#lwf-header dir,#lwf-header dl,#lwf-header fieldset,#lwf-header form,#lwf-header h4,#lwf-header menu,#lwf-header ol,#lwf-header p,#lwf-header ul,#lwf-main blockquote,#lwf-main dir,#lwf-main dl,#lwf-main fieldset,#lwf-main form,#lwf-main h4,#lwf-main menu,#lwf-main ol,#lwf-main p,#lwf-main ul{margin:1.12em 0}#lwf-footer h5,#lwf-header h5,#lwf-main h5{font-size:.83em;margin:1.5em 0}#lwf-footer h6,#lwf-header h6,#lwf-main h6{font-size:.75em;margin:1.67em 0}#lwf-footer b,#lwf-footer h1,#lwf-footer h2,#lwf-footer h3,#lwf-footer h4,#lwf-footer h5,#lwf-footer h6,#lwf-footer strong,#lwf-header b,#lwf-header h1,#lwf-header h2,#lwf-header h3,#lwf-header h4,#lwf-header h5,#lwf-header h6,#lwf-header strong,#lwf-main b,#lwf-main h1,#lwf-main h2,#lwf-main h3,#lwf-main h4,#lwf-main h5,#lwf-main h6,#lwf-main strong{font-weight:bolder}#lwf-footer blockquote,#lwf-header blockquote,#lwf-main blockquote{margin-left:40px;margin-right:40px}#lwf-footer code,#lwf-footer kbd,#lwf-footer pre,#lwf-footer samp,#lwf-footer tt,#lwf-header code,#lwf-header kbd,#lwf-header pre,#lwf-header samp,#lwf-header tt,#lwf-main code,#lwf-main kbd,#lwf-main pre,#lwf-main samp,#lwf-main tt{font-family:monospace}#lwf-footer pre,#lwf-header pre,#lwf-main pre{white-space:pre}#lwf-footer button,#lwf-footer input,#lwf-footer select,#lwf-footer textarea,#lwf-header button,#lwf-header input,#lwf-header select,#lwf-header textarea,#lwf-main button,#lwf-main input,#lwf-main select,#lwf-main textarea{display:inline-block}#lwf-footer big,#lwf-header big,#lwf-main big{font-size:1.17em}#lwf-footer tbody,#lwf-footer tfoot,#lwf-footer thead,#lwf-header tbody,#lwf-header tfoot,#lwf-header thead,#lwf-main tbody,#lwf-main tfoot,#lwf-main thead{vertical-align:middle}#lwf-footer td,#lwf-footer th,#lwf-footer tr,#lwf-header td,#lwf-header th,#lwf-header tr,#lwf-main td,#lwf-main th,#lwf-main tr{vertical-align:inherit}#lwf-footer del,#lwf-footer s,#lwf-footer strike,#lwf-header del,#lwf-header s,#lwf-header strike,#lwf-main del,#lwf-main s,#lwf-main strike{text-decoration:line-through}#lwf-footer hr,#lwf-header hr,#lwf-main hr{border:1px inset;-moz-box-sizing:content-box;box-sizing:content-box;height:0}#lwf-footer dd,#lwf-footer dir,#lwf-footer menu,#lwf-footer ol,#lwf-footer ul,#lwf-header dd,#lwf-header dir,#lwf-header menu,#lwf-header ol,#lwf-header ul,#lwf-main dd,#lwf-main dir,#lwf-main menu,#lwf-main ol,#lwf-main ul{margin-left:40px}#lwf-footer ol,#lwf-header ol,#lwf-main ol{list-style-type:decimal}#lwf-footer ol ol,#lwf-footer ol ul,#lwf-footer ul ol,#lwf-footer ul ul,#lwf-header ol ol,#lwf-header ol ul,#lwf-header ul ol,#lwf-header ul ul,#lwf-main ol ol,#lwf-main ol ul,#lwf-main ul ol,#lwf-main ul ul{margin-top:0;margin-bottom:0}#lwf-footer :link,#lwf-footer :visited,#lwf-footer ins,#lwf-footer u,#lwf-header :link,#lwf-header :visited,#lwf-header ins,#lwf-header u,#lwf-main :link,#lwf-main :visited,#lwf-main ins,#lwf-main u{text-decoration:underline}#lwf-footer br:before,#lwf-header br:before,#lwf-main br:before{content:"\A";white-space:pre-line}#lwf-footer center,#lwf-header center,#lwf-main center{text-align:center}#lwf-footer :focus,#lwf-header :focus,#lwf-main :focus{outline:dotted thin}#lwf-footer BDO[DIR=ltr],#lwf-header BDO[DIR=ltr],#lwf-main BDO[DIR=ltr]{direction:ltr;unicode-bidi:bidi-override}#lwf-footer BDO[DIR=rtl],#lwf-header BDO[DIR=rtl],#lwf-main BDO[DIR=rtl]{direction:rtl;unicode-bidi:bidi-override}#lwf-footer [DIR=ltr],#lwf-header [DIR=ltr],#lwf-main [DIR=ltr]{direction:ltr;unicode-bidi:embed}#lwf-footer [DIR=rtl],#lwf-header [DIR=rtl],#lwf-main [DIR=rtl]{direction:rtl;unicode-bidi:embed}@media print{#lwf-footer h1,#lwf-header h1,#lwf-main h1{page-break-before:always}#lwf-footer h1,#lwf-footer h2,#lwf-footer h3,#lwf-footer h4,#lwf-footer h5,#lwf-footer h6,#lwf-header h1,#lwf-header h2,#lwf-header h3,#lwf-header h4,#lwf-header h5,#lwf-header h6,#lwf-main h1,#lwf-main h2,#lwf-main h3,#lwf-main h4,#lwf-main h5,#lwf-main h6{page-break-after:avoid}#lwf-footer dl,#lwf-footer ol,#lwf-footer ul,#lwf-header dl,#lwf-header ol,#lwf-header ul,#lwf-main dl,#lwf-main ol,#lwf-main ul{page-break-before:avoid}}#lwf-footer html,#lwf-header html,#lwf-main html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}#lwf-footer body,#lwf-header body,#lwf-main body{margin:0}#lwf-footer article,#lwf-footer aside,#lwf-footer details,#lwf-footer figcaption,#lwf-footer figure,#lwf-footer footer,#lwf-footer header,#lwf-footer hgroup,#lwf-footer main,#lwf-footer menu,#lwf-footer nav,#lwf-footer section,#lwf-footer summary,#lwf-header article,#lwf-header aside,#lwf-header details,#lwf-header figcaption,#lwf-header figure,#lwf-header footer,#lwf-header header,#lwf-header hgroup,#lwf-header main,#lwf-header menu,#lwf-header nav,#lwf-header section,#lwf-header summary,#lwf-main article,#lwf-main aside,#lwf-main details,#lwf-main figcaption,#lwf-main figure,#lwf-main footer,#lwf-main header,#lwf-main hgroup,#lwf-main main,#lwf-main menu,#lwf-main nav,#lwf-main section,#lwf-main summary{display:block}#lwf-footer audio,#lwf-footer canvas,#lwf-footer progress,#lwf-footer video,#lwf-header audio,#lwf-header canvas,#lwf-header progress,#lwf-header video,#lwf-main audio,#lwf-main canvas,#lwf-main progress,#lwf-main video{display:inline-block;vertical-align:baseline}#lwf-footer audio:not([controls]),#lwf-header audio:not([controls]),#lwf-main audio:not([controls]){display:none;height:0}#lwf-footer [hidden],#lwf-footer template,#lwf-header [hidden],#lwf-header template,#lwf-main [hidden],#lwf-main template{display:none}#lwf-footer a,#lwf-header a,#lwf-main a{background-color:transparent}#lwf-footer a:active,#lwf-footer a:hover,#lwf-header a:active,#lwf-header a:hover,#lwf-main a:active,#lwf-main a:hover{outline:0}#lwf-footer abbr[title],#lwf-header abbr[title],#lwf-main abbr[title]{border-bottom:1px dotted}#lwf-footer b,#lwf-footer optgroup,#lwf-footer strong,#lwf-header b,#lwf-header optgroup,#lwf-header strong,#lwf-main b,#lwf-main optgroup,#lwf-main strong{font-weight:700}#lwf-footer h1,#lwf-header h1,#lwf-main h1{font-size:2em;margin:.67em 0}#lwf-footer mark,#lwf-header mark,#lwf-main mark{background:#ff0;color:#000}#lwf-footer small,#lwf-header small,#lwf-main small{font-size:80%}#lwf-footer sub,#lwf-footer sup,#lwf-header sub,#lwf-header sup,#lwf-main sub,#lwf-main sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}#lwf-footer sup,#lwf-header sup,#lwf-main sup{top:-.5em}#lwf-footer sub,#lwf-header sub,#lwf-main sub{bottom:-.25em}#lwf-footer img,#lwf-header img,#lwf-main img{border:0}#lwf-footer svg:not(:root),#lwf-header svg:not(:root),#lwf-main svg:not(:root){overflow:hidden}#lwf-footer figure,#lwf-header figure,#lwf-main figure{margin:1em 40px}#lwf-footer pre,#lwf-footer textarea,#lwf-header pre,#lwf-header textarea,#lwf-main pre,#lwf-main textarea{overflow:auto}#lwf-footer code,#lwf-footer kbd,#lwf-footer pre,#lwf-footer samp,#lwf-header code,#lwf-header kbd,#lwf-header pre,#lwf-header samp,#lwf-main code,#lwf-main kbd,#lwf-main pre,#lwf-main samp{font-family:monospace,monospace;font-size:1em}#lwf-footer button,#lwf-footer input,#lwf-footer optgroup,#lwf-footer select,#lwf-footer textarea,#lwf-header button,#lwf-header input,#lwf-header optgroup,#lwf-header select,#lwf-header textarea,#lwf-main button,#lwf-main input,#lwf-main optgroup,#lwf-main select,#lwf-main textarea{color:inherit;font:inherit;margin:0}#lwf-footer button,#lwf-header button,#lwf-main button{overflow:visible}#lwf-footer button,#lwf-footer select,#lwf-header button,#lwf-header select,#lwf-main button,#lwf-main select{text-transform:none}#lwf-footer button,#lwf-footer html input[type=button],#lwf-footer input[type=reset],#lwf-footer input[type=submit],#lwf-header button,#lwf-header html input[type=button],#lwf-header input[type=reset],#lwf-header input[type=submit],#lwf-main button,#lwf-main html input[type=button],#lwf-main input[type=reset],#lwf-main input[type=submit]{-webkit-appearance:button;cursor:pointer}#lwf-footer button[disabled],#lwf-footer html input[disabled],#lwf-header button[disabled],#lwf-header html input[disabled],#lwf-main button[disabled],#lwf-main html input[disabled]{cursor:default}#lwf-footer button::-moz-focus-inner,#lwf-footer input::-moz-focus-inner,#lwf-header button::-moz-focus-inner,#lwf-header input::-moz-focus-inner,#lwf-main button::-moz-focus-inner,#lwf-main input::-moz-focus-inner{border:0;padding:0}#lwf-footer input,#lwf-header input,#lwf-main input{line-height:normal}#lwf-footer input[type=checkbox],#lwf-footer input[type=radio],#lwf-header input[type=checkbox],#lwf-header input[type=radio],#lwf-main input[type=checkbox],#lwf-main input[type=radio]{box-sizing:border-box;padding:0}#lwf-footer input[type=number]::-webkit-inner-spin-button,#lwf-footer input[type=number]::-webkit-outer-spin-button,#lwf-header input[type=number]::-webkit-inner-spin-button,#lwf-header input[type=number]::-webkit-outer-spin-button,#lwf-main input[type=number]::-webkit-inner-spin-button,#lwf-main input[type=number]::-webkit-outer-spin-button{height:auto}#lwf-footer input[type=search],#lwf-header input[type=search],#lwf-main input[type=search]{-webkit-appearance:textfield}#lwf-footer input[type=search]::-webkit-search-cancel-button,#lwf-footer input[type=search]::-webkit-search-decoration,#lwf-header input[type=search]::-webkit-search-cancel-button,#lwf-header input[type=search]::-webkit-search-decoration,#lwf-main input[type=search]::-webkit-search-cancel-button,#lwf-main input[type=search]::-webkit-search-decoration{-webkit-appearance:none}#lwf-footer fieldset,#lwf-header fieldset,#lwf-main fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}#lwf-footer legend,#lwf-header legend,#lwf-main legend{border:0;padding:0}#lwf-footer td,#lwf-footer th,#lwf-header td,#lwf-header th,#lwf-main td,#lwf-main th{padding:0}#lwf-footer .content *,#lwf-header .content *,#lwf-main .content *{font-family:Roboto,sans-serif;line-height:1.5em;box-sizing:border-box}#lwf-footer .content * *,#lwf-footer .content * :after,#lwf-footer .content * :before,#lwf-header .content * *,#lwf-header .content * :after,#lwf-header .content * :before,#lwf-main .content * *,#lwf-main .content * :after,#lwf-main .content * :before{box-sizing:inherit}#lwf-footer .content .h1,#lwf-footer .content h1,#lwf-header .content .h1,#lwf-header .content h1,#lwf-main .content .h1,#lwf-main .content h1{font-weight:lighter;font-size:2.25em;line-height:48px;margin:16px 0;letter-spacing:1px}#lwf-footer .content .h2,#lwf-footer .content h2,#lwf-header .content .h2,#lwf-header .content h2,#lwf-main .content .h2,#lwf-main .content h2{font-weight:lighter;font-size:1.5em;line-height:32px;margin:16px 0;letter-spacing:1px}#lwf-footer .content .h3,#lwf-footer .content h3,#lwf-header .content .h3,#lwf-header .content h3,#lwf-main .content .h3,#lwf-main .content h3{font-size:1.125em;line-height:32px;font-weight:400}#lwf-footer .content .subtitle,#lwf-header .content .subtitle,#lwf-main .content .subtitle{font-weight:lighter;text-transform:uppercase;font-size:1.5em;margin:8px 0 16px;text-align:center}#lwf-footer .content .section-title,#lwf-header .content .section-title,#lwf-main .content .section-title{font-size:1.5em;text-align:center}#lwf-footer .content .link-list .link-list__link,#lwf-footer .content .smalltext,#lwf-header .content .link-list .link-list__link,#lwf-header .content .smalltext,#lwf-main .content .link-list .link-list__link,#lwf-main .content .smalltext{font-weight:lighter;font-size:.875em}#lwf-footer .content .intro,#lwf-header .content .intro,#lwf-main .content .intro{font-weight:lighter;font-size:16px;line-height:24px;margin:16px 0;letter-spacing:1px}@media (min-width:1100px){#lwf-footer .content .intro,#lwf-header .content .intro,#lwf-main .content .intro{font-size:1.25em;line-height:32px}}#lwf-footer .content .visuallyhidden,#lwf-header .content .visuallyhidden,#lwf-main .content .visuallyhidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#lwf-footer .content .align-center,#lwf-header .content .align-center,#lwf-main .content .align-center{text-align:center;margin-left:auto;margin-right:auto}#lwf-footer .content .emphasize,#lwf-header .content .emphasize,#lwf-main .content .emphasize{font-weight:700;text-transform:uppercase}#lwf-footer .content .tighten>:first-child,#lwf-header .content .tighten>:first-child,#lwf-main .content .tighten>:first-child{margin-top:0}#lwf-footer .content .tighten>:last-child,#lwf-header .content .tighten>:last-child,#lwf-main .content .tighten>:last-child{margin-bottom:0}#lwf-footer .content .media-block,#lwf-header .content .media-block,#lwf-main .content .media-block{margin:0;display:block;overflow:hidden;position:relative;height:304px;background-color:#eee}#lwf-footer .content .media-block .media,#lwf-header .content .media-block .media,#lwf-main .content .media-block .media{position:absolute;display:block;top:0;left:0;right:0;bottom:0;margin:auto;min-width:50%;min-height:50%}#lwf-footer .content .media-block__wrap,#lwf-header .content .media-block__wrap,#lwf-main .content .media-block__wrap{display:block;position:absolute;top:-50%;left:-50%;width:200%;height:200%}#lwf-footer .content .media-block--short,#lwf-header .content .media-block--short,#lwf-main .content .media-block--short{height:168px}#lwf-footer .content .media-block--hero,#lwf-header .content .media-block--hero,#lwf-main .content .media-block--hero{height:330px}#lwf-footer .content .media-block--vid,#lwf-header .content .media-block--vid,#lwf-main .content .media-block--vid{height:460px}#lwf-footer .content .link-list,#lwf-header .content .link-list,#lwf-main .content .link-list{margin:0;padding:0}#lwf-footer .content .link-list .link-list__item,#lwf-header .content .link-list .link-list__item,#lwf-main .content .link-list .link-list__item{list-style-type:none;display:inline-block}#lwf-footer .content .link-list .link-list__link,#lwf-header .content .link-list .link-list__link,#lwf-main .content .link-list .link-list__link{text-decoration:none}#lwf-footer .content .link-list--separated .link-list__item:before,#lwf-header .content .link-list--separated .link-list__item:before,#lwf-main .content .link-list--separated .link-list__item:before{content:"|";padding:.25em;margin-right:3px}#lwf-footer .content .link-list--separated .link-list__item:first-child:before,#lwf-header .content .link-list--separated .link-list__item:first-child:before,#lwf-main .content .link-list--separated .link-list__item:first-child:before{content:""}#lwf-footer .content .link-list--social .link-list__item,#lwf-header .content .link-list--social .link-list__item,#lwf-main .content .link-list--social .link-list__item{margin:8px;height:48px;width:48px}#lwf-footer .content .tick-list,#lwf-header .content .tick-list,#lwf-main .content .tick-list{margin:16px 0;padding-left:24px}#lwf-footer .content .tick-list__item,#lwf-header .content .tick-list__item,#lwf-main .content .tick-list__item{list-style-type:none;margin:8px 0;line-height:24px}#lwf-footer .content .tick-list__item:before,#lwf-header .content .tick-list__item:before,#lwf-main .content .tick-list__item:before{position:absolute;margin-left:-20px;color:#24A48D;content:"✓"}#lwf-footer .content .tick-list__item--x:before,#lwf-header .content .tick-list__item--x:before,#lwf-main .content .tick-list__item--x:before{margin-left:-18px;color:#FE2536;content:"×"}#lwf-footer .content .button,#lwf-footer .content .button-2,#lwf-footer .content .caps-link,#lwf-footer .content .txt-btn__txt,#lwf-header .content .button,#lwf-header .content .button-2,#lwf-header .content .caps-link,#lwf-header .content .txt-btn__txt,#lwf-main .content .button,#lwf-main .content .button-2,#lwf-main .content .caps-link,#lwf-main .content .txt-btn__txt{text-transform:uppercase;font-weight:400!important}#lwf-footer .content .button,#lwf-footer .content .button-2,#lwf-footer .content .text-link,#lwf-header .content .button,#lwf-header .content .button-2,#lwf-header .content .text-link,#lwf-main .content .button,#lwf-main .content .button-2,#lwf-main .content .text-link{display:inline-block;text-decoration:none;font-size:14px;padding:14px 16px 13px}#lwf-footer .content .button,#lwf-header .content .button,#lwf-main .content .button{background-color:#272727;color:#fff;border-radius:4px;text-align:center;transition:background-color .2s}#lwf-footer .content .button:active,#lwf-footer .content .button:focus,#lwf-footer .content .button:hover,#lwf-header .content .button:active,#lwf-header .content .button:focus,#lwf-header .content .button:hover,#lwf-main .content .button:active,#lwf-main .content .button:focus,#lwf-main .content .button:hover{background-color:#28a489}#lwf-footer .content .button--alt,#lwf-header .content .button--alt,#lwf-main .content .button--alt{background-color:#fff;border:2px solid #272727;padding-bottom:11px;padding-top:12px;color:#272727;transition:border-color .2s,color .2s}#lwf-footer .content .button--alt:active,#lwf-footer .content .button--alt:focus,#lwf-footer .content .button--alt:hover,#lwf-header .content .button--alt:active,#lwf-header .content .button--alt:focus,#lwf-header .content .button--alt:hover,#lwf-main .content .button--alt:active,#lwf-main .content .button--alt:focus,#lwf-main .content .button--alt:hover{border-color:#28a489;color:#28a489;background-color:#fff}#lwf-footer .content .button-2,#lwf-header .content .button-2,#lwf-main .content .button-2{background-color:#28a489;color:#fff;border-radius:4px;text-align:center;transition:background-color .2s}#lwf-footer .content .button-2:active,#lwf-footer .content .button-2:focus,#lwf-footer .content .button-2:hover,#lwf-header .content .button-2:active,#lwf-header .content .button-2:focus,#lwf-header .content .button-2:hover,#lwf-main .content .button-2:active,#lwf-main .content .button-2:focus,#lwf-main .content .button-2:hover{background-color:#d72703}#lwf-footer .content .button-2--alt,#lwf-header .content .button-2--alt,#lwf-main .content .button-2--alt{background-color:#fff;border:2px solid #28a489;padding-bottom:11px;padding-top:12px;color:#272727;transition:border-color .2s,color .2s}#lwf-footer .content .button-2--alt:active,#lwf-footer .content .button-2--alt:focus,#lwf-footer .content .button-2--alt:hover,#lwf-header .content .button-2--alt:active,#lwf-header .content .button-2--alt:focus,#lwf-header .content .button-2--alt:hover,#lwf-main .content .button-2--alt:active,#lwf-main .content .button-2--alt:focus,#lwf-main .content .button-2--alt:hover{border-color:#d72703;color:#d72703;background-color:#fff}#lwf-footer .content .button--inverse,#lwf-header .content .button--inverse,#lwf-main .content .button--inverse{border-color:#fff;background-color:#fff;color:#000}#lwf-footer .content .button--inverse:active,#lwf-footer .content .button--inverse:focus,#lwf-footer .content .button--inverse:hover,#lwf-header .content .button--inverse:active,#lwf-header .content .button--inverse:focus,#lwf-header .content .button--inverse:hover,#lwf-main .content .button--inverse:active,#lwf-main .content .button--inverse:focus,#lwf-main .content .button--inverse:hover{color:#fff}#lwf-footer .content .button--inverse.button--alt,#lwf-header .content .button--inverse.button--alt,#lwf-main .content .button--inverse.button--alt{background:0 0;color:#fff}#lwf-footer .content .button--inverse.button--alt:active,#lwf-footer .content .button--inverse.button--alt:focus,#lwf-footer .content .button--inverse.button--alt:hover,#lwf-header .content .button--inverse.button--alt:active,#lwf-header .content .button--inverse.button--alt:focus,#lwf-header .content .button--inverse.button--alt:hover,#lwf-main .content .button--inverse.button--alt:active,#lwf-main .content .button--inverse.button--alt:focus,#lwf-main .content .button--inverse.button--alt:hover{color:#28a489}#lwf-footer .content .donations .button--inverse.button--alt:active,#lwf-footer .content .donations .button--inverse.button--alt:focus,#lwf-footer .content .donations .button--inverse.button--alt:hover,#lwf-header .content .donations .button--inverse.button--alt:active,#lwf-header .content .donations .button--inverse.button--alt:focus,#lwf-header .content .donations .button--inverse.button--alt:hover,#lwf-main .content .donations .button--inverse.button--alt:active,#lwf-main .content .donations .button--inverse.button--alt:focus,#lwf-main .content .donations .button--inverse.button--alt:hover{background:#fff;color:#28a489}#lwf-footer .content .button--large,#lwf-header .content .button--large,#lwf-main .content .button--large{width:200px}#lwf-footer .content .button--block,#lwf-header .content .button--block,#lwf-main .content .button--block{display:block;width:100%}#lwf-footer .content .button--half-block,#lwf-header .content .button--half-block,#lwf-main .content .button--half-block{width:45%;margin-left:5%}#lwf-footer .content .button--half-block:first-child,#lwf-header .content .button--half-block:first-child,#lwf-main .content .button--half-block:first-child{margin-left:0}#lwf-footer .content .txt-btn,#lwf-header .content .txt-btn,#lwf-main .content .txt-btn{text-decoration:none;display:inline-block;padding:12px}#lwf-footer .content .txt-btn__txt,#lwf-header .content .txt-btn__txt,#lwf-main .content .txt-btn__txt{line-height:24px;display:block;float:left;margin-left:12px}#lwf-footer .content .txt-btn__ico,#lwf-header .content .txt-btn__ico,#lwf-main .content .txt-btn__ico{display:block;float:left;height:24px;width:24px}#lwf-footer .content .corset,#lwf-header .content .corset,#lwf-main .content .corset{display:block;max-width:1100px;min-width:320px;margin-left:auto;margin-right:auto}#lwf-footer .content .corset--slim,#lwf-header .content .corset--slim,#lwf-main .content .corset--slim{max-width:620px}#lwf-footer .content .footer,#lwf-header .content .footer,#lwf-main .content .footer{background-color:#272727;padding:0}#lwf-footer .content .footer *,#lwf-header .content .footer *,#lwf-main .content .footer *{color:#fff;text-align:center}#lwf-footer .content .footer .footer__title,#lwf-header .content .footer .footer__title,#lwf-main .content .footer .footer__title{font-size:1.25em;line-height:30px;vertical-align:middle;padding:0;margin-top:16px;margin-bottom:0}#lwf-footer .content .footer .footer__newsletter-heading,#lwf-footer .content .footer .footer__newsletter-text,#lwf-header .content .footer .footer__newsletter-heading,#lwf-header .content .footer .footer__newsletter-text,#lwf-main .content .footer .footer__newsletter-heading,#lwf-main .content .footer .footer__newsletter-text{width:250px;margin:0 auto}#lwf-footer .content .footer .footer__newsletter-text,#lwf-header .content .footer .footer__newsletter-text,#lwf-main .content .footer .footer__newsletter-text{margin:16px auto}#lwf-footer .content .footer .footer__copy,#lwf-footer .content .footer .footer__form,#lwf-header .content .footer .footer__copy,#lwf-header .content .footer .footer__form,#lwf-main .content .footer .footer__copy,#lwf-main .content .footer .footer__form{margin:0 auto}#lwf-footer .content .footer .footer__left:first-child,#lwf-footer .content .footer .footer__right:first-child,#lwf-header .content .footer .footer__left:first-child,#lwf-header .content .footer .footer__right:first-child,#lwf-main .content .footer .footer__left:first-child,#lwf-main .content .footer .footer__right:first-child{border-top:0}#lwf-footer .content .footer .footer__section,#lwf-header .content .footer .footer__section,#lwf-main .content .footer .footer__section{text-align:center;padding:23px 2em 24px;border-top-color:#3f3f3f;border-top-width:1px;border-top-style:solid;display:block}#lwf-footer .content .footer .footer__section .h3,#lwf-header .content .footer .footer__section .h3,#lwf-main .content .footer .footer__section .h3{margin-top:0}#lwf-footer .content .footer .footer__section .smalltext,#lwf-header .content .footer .footer__section .smalltext,#lwf-main .content .footer .footer__section .smalltext{margin-bottom:0}#lwf-footer .content .footer .footer__bear,#lwf-header .content .footer .footer__bear,#lwf-main .content .footer .footer__bear{display:block;width:168px;height:84px;margin:0 auto}#lwf-footer .content .footer .singleput__button,#lwf-header .content .footer .singleput__button,#lwf-main .content .footer .singleput__button{background-color:#28a489}#lwf-footer .content .footer .singleput__input,#lwf-header .content .footer .singleput__input,#lwf-main .content .footer .singleput__input{text-align:left;padding-left:16px}#lwf-footer .content .footer .link-list--separated *,#lwf-header .content .footer .link-list--separated *,#lwf-main .content .footer .link-list--separated *{color:#999}@media (min-width:320px){#lwf-footer .content .footer .link-list,#lwf-header .content .footer .link-list,#lwf-main .content .footer .link-list{width:220px;margin:0 auto}}@media (min-width:460px){#lwf-footer .content .footer .footer__newsletter-heading,#lwf-footer .content .footer .footer__newsletter-text,#lwf-header .content .footer .footer__newsletter-heading,#lwf-header .content .footer .footer__newsletter-text,#lwf-main .content .footer .footer__newsletter-heading,#lwf-main .content .footer .footer__newsletter-text{width:340px;margin:16px auto}#lwf-footer .content .footer .link-list,#lwf-header .content .footer .link-list,#lwf-main .content .footer .link-list{width:auto;margin:0 auto}}@media (min-width:660px){#lwf-footer .content .footer .footer__section,#lwf-header .content .footer .footer__section,#lwf-main .content .footer .footer__section{padding:2em}#lwf-footer .content .footer .footer__newsletter-text,#lwf-header .content .footer .footer__newsletter-text,#lwf-main .content .footer .footer__newsletter-text{padding:0}}@media (min-width:750px){#lwf-footer .content .footer,#lwf-header .content .footer,#lwf-main .content .footer{overflow:hidden}#lwf-footer .content .footer *,#lwf-header .content .footer *,#lwf-main .content .footer *{text-align:left}#lwf-footer .content .footer .footer__title,#lwf-footer .content .footer .link-list,#lwf-header .content .footer .footer__title,#lwf-header .content .footer .link-list,#lwf-main .content .footer .footer__title,#lwf-main .content .footer .link-list{float:left}#lwf-footer .content .footer .link-list,#lwf-header .content .footer .link-list,#lwf-main .content .footer .link-list{margin-right:1em}#lwf-footer .content .footer .footer__title,#lwf-header .content .footer .footer__title,#lwf-main .content .footer .footer__title{line-height:56px;margin-top:0}#lwf-footer .content .footer .footer__section,#lwf-header .content .footer .footer__section,#lwf-main .content .footer .footer__section{overflow:hidden;border-top-width:0;padding:0}#lwf-footer .content .footer .footer__row,#lwf-header .content .footer .footer__row,#lwf-main .content .footer .footer__row{padding:2em 0;overflow:hidden}#lwf-footer .content .footer .footer__newsletter-heading,#lwf-header .content .footer .footer__newsletter-heading,#lwf-main .content .footer .footer__newsletter-heading{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}#lwf-footer .content .footer .footer__newsletter-text,#lwf-header .content .footer .footer__newsletter-text,#lwf-main .content .footer .footer__newsletter-text{clear:both;width:350px;text-align:left;margin:1em 0}#lwf-footer .content .footer .footer__copy,#lwf-header .content .footer .footer__copy,#lwf-main .content .footer .footer__copy{margin:0}#lwf-footer .content .footer .footer__right,#lwf-header .content .footer .footer__right,#lwf-main .content .footer .footer__right{width:40%;float:right;text-align:right;padding-right:4em}#lwf-footer .content .footer .footer__right *,#lwf-header .content .footer .footer__right *,#lwf-main .content .footer .footer__right *{text-align:right}#lwf-footer .content .footer .footer__section .h3,#lwf-header .content .footer .footer__section .h3,#lwf-main .content .footer .footer__section .h3{line-height:56px;margin-top:0;white-space:nowrap}#lwf-footer .content .footer .footer__bear,#lwf-header .content .footer .footer__bear,#lwf-main .content .footer .footer__bear{display:inline-block;margin-top:1em}#lwf-footer .content .footer .footer__left,#lwf-header .content .footer .footer__left,#lwf-main .content .footer .footer__left{width:60%;float:left;padding-left:4em;text-align:left}#lwf-footer .content .singleput__button,#lwf-header .content .singleput__button,#lwf-main .content .singleput__button{text-align:center}}@media (min-width:960px){#lwf-footer .content .footer .footer__form,#lwf-header .content .footer .footer__form,#lwf-main .content .footer .footer__form{width:500px;margin-left:0}#lwf-footer .content .footer .footer__bear,#lwf-header .content .footer .footer__bear,#lwf-main .content .footer .footer__bear{margin-top:0}}#lwf-footer .content .singleput .singleput__input,#lwf-header .content .singleput .singleput__input,#lwf-main .content .singleput .singleput__input{display:block;float:left;height:48px;width:66%;background:#fff;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#272727}#lwf-footer .content .account-banner *,#lwf-footer .content .site-banner *,#lwf-header .content .account-banner *,#lwf-header .content .site-banner *,#lwf-main .content .account-banner *,#lwf-main .content .site-banner *{color:#fff}#lwf-footer .content .singleput .button,#lwf-header .content .singleput .button,#lwf-main .content .singleput .button{width:34%;border-top-left-radius:0;border-bottom-left-radius:0}#lwf-footer .content .singleput--search .singleput__input,#lwf-header .content .singleput--search .singleput__input,#lwf-main .content .singleput--search .singleput__input{padding-left:48px;background-image:url(https://s3.amazonaws.com/lwf.optimizely/img/search-icon-dark.svg);background-position:12px 12px;background-size:24px 24px;background-repeat:no-repeat}#lwf-footer .content .account-banner,#lwf-header .content .account-banner,#lwf-main .content .account-banner{background-color:#a01b00}#lwf-footer .content .account-banner .corset,#lwf-header .content .account-banner .corset,#lwf-main .content .account-banner .corset{padding-left:0;padding-right:0}#lwf-footer .content .account-banner .account-banner__link-lest,#lwf-header .content .account-banner .account-banner__link-lest,#lwf-main .content .account-banner .account-banner__link-lest{margin:0;overflow:hidden;text-align:right}#lwf-footer .content .account-banner li,#lwf-header .content .account-banner li,#lwf-main .content .account-banner li{display:inline-block}#lwf-footer .content .account-banner a,#lwf-header .content .account-banner a,#lwf-main .content .account-banner a{display:block;padding:7px;text-decoration:none;transition:background-color .2s;font-weight:lighter;font-size:.75em}#lwf-footer .content .account-banner a:active,#lwf-footer .content .account-banner a:focus,#lwf-footer .content .account-banner a:hover,#lwf-header .content .account-banner a:active,#lwf-header .content .account-banner a:focus,#lwf-header .content .account-banner a:hover,#lwf-main .content .account-banner a:active,#lwf-main .content .account-banner a:focus,#lwf-main .content .account-banner a:hover{background-color:#28a489}@media (min-width:600px){#lwf-footer .content .account-banner a,#lwf-header .content .account-banner a,#lwf-main .content .account-banner a{padding:12px;line-height:24px;font-size:.85em}}#lwf-footer .content .site-banner,#lwf-header .content .site-banner,#lwf-main .content .site-banner{background-color:#d72703}#lwf-footer .content .site-banner .site-banner__name,#lwf-header .content .site-banner .site-banner__name,#lwf-main .content .site-banner .site-banner__name{overflow:auto;padding:1em}#lwf-footer .content .site-banner .site-banner__logo,#lwf-header .content .site-banner .site-banner__logo,#lwf-main .content .site-banner .site-banner__logo{float:left;margin:0}#lwf-footer .content .site-banner .site-banner__logo a:focus,#lwf-header .content .site-banner .site-banner__logo a:focus,#lwf-main .content .site-banner .site-banner__logo a:focus{outline:#28a489 dotted 1px;outline-offset:8px}#lwf-footer .content .site-banner .site-banner__logo__img,#lwf-header .content .site-banner .site-banner__logo__img,#lwf-main .content .site-banner .site-banner__logo__img{display:block;height:48px}#lwf-footer .content .site-banner .site-banner__links,#lwf-header .content .site-banner .site-banner__links,#lwf-main .content .site-banner .site-banner__links{float:right;margin-top:0;margin-bottom:0;overflow:hidden}#lwf-footer .content .site-banner .site-banner__links a,#lwf-header .content .site-banner .site-banner__links a,#lwf-main .content .site-banner .site-banner__links a{float:left;display:block}#lwf-footer .content .site-banner .site-banner__links .txt-btn__txt,#lwf-header .content .site-banner .site-banner__links .txt-btn__txt,#lwf-main .content .site-banner .site-banner__links .txt-btn__txt{display:none}#lwf-footer .content .site-banner .site-banner__tagline,#lwf-header .content .site-banner .site-banner__tagline,#lwf-main .content .site-banner .site-banner__tagline{font-weight:lighter;overflow:hidden;font-size:.75em;margin-left:24px;margin-top:1px;margin-bottom:1px;opacity:.85;width:176px;display:none;float:left}#lwf-footer .content .site-banner .site-banner__search,#lwf-header .content .site-banner .site-banner__search,#lwf-main .content .site-banner .site-banner__search{display:none;width:230px;margin-right:16px}#lwf-footer .content .site-banner .site-banner__search form,#lwf-header .content .site-banner .site-banner__search form,#lwf-main .content .site-banner .site-banner__search form{margin:0}#lwf-footer .content .site-banner .site-banner__blog,#lwf-header .content .site-banner .site-banner__blog,#lwf-main .content .site-banner .site-banner__blog{display:none}#lwf-footer .content .site-banner--active-search .site-banner__search,#lwf-header .content .site-banner--active-search .site-banner__search,#lwf-main .content .site-banner--active-search .site-banner__search{display:block}#lwf-footer .content .site-banner--active-search .site-banner__links .site-banner__search-btn,#lwf-footer .content .site-banner--active-search .site-banner__logo,#lwf-header .content .site-banner--active-search .site-banner__links .site-banner__search-btn,#lwf-header .content .site-banner--active-search .site-banner__logo,#lwf-main .content .site-banner--active-search .site-banner__links .site-banner__search-btn,#lwf-main .content .site-banner--active-search .site-banner__logo{display:none}@media (min-width:400px){#lwf-footer .content .site-banner .site-banner__links,#lwf-header .content .site-banner .site-banner__links,#lwf-main .content .site-banner .site-banner__links{float:right}#lwf-footer .content .site-banner .site-banner__links .txt-btn__txt,#lwf-header .content .site-banner .site-banner__links .txt-btn__txt,#lwf-main .content .site-banner .site-banner__links .txt-btn__txt{display:block}#lwf-footer .content .site-banner--active-search .site-banner__search,#lwf-header .content .site-banner--active-search .site-banner__search,#lwf-main .content .site-banner--active-search .site-banner__search{width:270px}}@media (min-width:590px){#lwf-footer .content .site-banner--active-search .site-banner__logo,#lwf-header .content .site-banner--active-search .site-banner__logo,#lwf-main .content .site-banner--active-search .site-banner__logo{display:block}#lwf-footer .content .site-banner--active-search .site-banner__search,#lwf-header .content .site-banner--active-search .site-banner__search,#lwf-main .content .site-banner--active-search .site-banner__search{float:right}}@media (min-width:640px){#lwf-footer .content .site-banner .site-banner__links .site-banner__search-btn,#lwf-header .content .site-banner .site-banner__links .site-banner__search-btn,#lwf-main .content .site-banner .site-banner__links .site-banner__search-btn{display:none}#lwf-footer .content .site-banner .site-banner__search,#lwf-header .content .site-banner .site-banner__search,#lwf-main .content .site-banner .site-banner__search{display:block;float:right}#lwf-footer .content .site-banner .site-banner__name,#lwf-header .content .site-banner .site-banner__name,#lwf-main .content .site-banner .site-banner__name{padding:1.5em}}@media (min-width:820px){#lwf-footer .content .site-banner .site-banner__logo__img,#lwf-header .content .site-banner .site-banner__logo__img,#lwf-main .content .site-banner .site-banner__logo__img{height:56px;width:180px}#lwf-footer .content .site-banner .site-banner__links,#lwf-header .content .site-banner .site-banner__links,#lwf-main .content .site-banner .site-banner__links{margin-top:4px;margin-bottom:4px}#lwf-footer .content .site-banner .site-banner__links .site-banner__search-btn,#lwf-header .content .site-banner .site-banner__links .site-banner__search-btn,#lwf-main .content .site-banner .site-banner__links .site-banner__search-btn{display:none}#lwf-footer .content .site-banner .site-banner__search,#lwf-header .content .site-banner .site-banner__search,#lwf-main .content .site-banner .site-banner__search{display:block;margin-top:0;margin-bottom:0}#lwf-footer .content .site-banner .site-banner__tagline,#lwf-header .content .site-banner .site-banner__tagline,#lwf-main .content .site-banner .site-banner__tagline{display:block;height:56px;margin-top:0;margin-bottom:0;vertical-align:middle}#lwf-footer .content .site-banner .singleput__button,#lwf-footer .content .site-banner .singleput__input,#lwf-header .content .site-banner .singleput__button,#lwf-header .content .site-banner .singleput__input,#lwf-main .content .site-banner .singleput__button,#lwf-main .content .site-banner .singleput__input{height:48px;margin-top:4px;margin-bottom:4px}}@media (min-width:980px){#lwf-footer .content .site-banner .site-banner__search,#lwf-header .content .site-banner .site-banner__search,#lwf-main .content .site-banner .site-banner__search{width:400px;margin-right:24px}}#lwf-footer .content .site-nav,#lwf-header .content .site-nav,#lwf-main .content .site-nav{margin:0;overflow:auto}#lwf-footer .content .site-nav a,#lwf-header .content .site-nav a,#lwf-main .content .site-nav a{position:relative;display:block;float:left;width:50%;text-decoration:none;text-transform:uppercase;line-height:21px;font-size:14px;text-align:center;white-space:nowrap;opacity:.7;padding:14px 1em 13px}#lwf-footer .content .site-nav a:after,#lwf-header .content .site-nav a:after,#lwf-main .content .site-nav a:after{content:'';display:block;height:0;position:absolute;background-color:#01ddb8;left:0;bottom:0;right:0;transition:height .2s}#lwf-footer .content .site-nav a.is-active,#lwf-footer .content .site-nav a:active,#lwf-footer .content .site-nav a:focus,#lwf-footer .content .site-nav a:hover,#lwf-header .content .site-nav a.is-active,#lwf-header .content .site-nav a:active,#lwf-header .content .site-nav a:focus,#lwf-header .content .site-nav a:hover,#lwf-main .content .site-nav a.is-active,#lwf-main .content .site-nav a:active,#lwf-main .content .site-nav a:focus,#lwf-main .content .site-nav a:hover{opacity:1}#lwf-footer .content .site-nav a.is-active:after,#lwf-footer .content .site-nav a:active:after,#lwf-footer .content .site-nav a:focus:after,#lwf-footer .content .site-nav a:hover:after,#lwf-header .content .site-nav a.is-active:after,#lwf-header .content .site-nav a:active:after,#lwf-header .content .site-nav a:focus:after,#lwf-header .content .site-nav a:hover:after,#lwf-main .content .site-nav a.is-active:after,#lwf-main .content .site-nav a:active:after,#lwf-main .content .site-nav a:focus:after,#lwf-main .content .site-nav a:hover:after{height:4px}#lwf-footer .content .site-nav .site-nav__plans,#lwf-header .content .site-nav .site-nav__plans,#lwf-main .content .site-nav .site-nav__plans{position:relative}#lwf-footer .content .site-nav .site-nav__plans:before,#lwf-header .content .site-nav .site-nav__plans:before,#lwf-main .content .site-nav .site-nav__plans:before{content:'';position:absolute;display:block;height:24px;width:24px;right:50%;margin-right:-52px;margin-top:-2px;background-image:url(https://s3.amazonaws.com/lwf.optimizely/img/ic_arrow_drop_down_white_24px.svg)}@media (min-width:450px){#lwf-footer .content .site-nav a,#lwf-header .content .site-nav a,#lwf-main .content .site-nav a{width:auto}}@media (min-width:550px){#lwf-footer .content .site-nav a,#lwf-header .content .site-nav a,#lwf-main .content .site-nav a{padding-left:24px;padding-right:24px}}@media (min-width:600px){#lwf-footer .content .site-nav,#lwf-header .content .site-nav,#lwf-main .content .site-nav{padding-left:1.5em;padding-right:1.5em}}@media (min-width:820px){#lwf-footer .content .site-nav a,#lwf-header .content .site-nav a,#lwf-main .content .site-nav a{opacity:1}}body.grid:after{position:absolute;top:0;left:0;bottom:0;right:0;content:'';display:block;background-image:url(../img/grid.png);z-index:1000}.js-newsletter-subscriber-popup,.newsletter-subscriber-popup{display:none}#wiselinks-container #lwf-main{clear:left;background:#fff;margin-left:-30px;margin-right:-30px}.top-bar{margin-bottom:0;overflow:hidden;height:94px}footer{margin-top:0}
Raw
searchMenu.js
;(function(win, $){
'use strict';
if(window.matchMedia('(max-width: 640px)').matches) {
var $siteBanner = $('.site-banner');
$siteBanner.on('click', '.site-banner__search-btn', function() {
event.preventDefault();
$siteBanner.toggleClass('site-banner--active-search');
$('#search_term').focus();
});
$siteBanner.on('blur', '#search', function() {
$siteBanner.toggleClass('site-banner--active-search');
});
}
})(window, jQuery);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment