/******************************************************************
Site Name: L'Enclume
Author: Jamie Grisdale
******************************************************************/
/*********************
Text Sizes
*********************/
/*********************
L'Enclume Colours
*********************/
/*********************
Old Colours
*********************/
/*********************
Layering
*********************/
/*********************
Animations
*********************/
@keyframes roll { 0% { transform: translate3d(0, 0, 0); }
  90% { transform: translate3d(0, -100%, 0); }
  100% { transform: translate3d(0, 0, 0); } }

@keyframes empty { 0% { transform: translate3d(0, -100%, 0); }
  100% { transform: translate3d(0, 0%, 0); } }

@keyframes fill { 0% { transform: translate3d(0, 0%, 0); }
  100% { transform: translate3d(0, -100%, 0); } }

/******************************************************************
Site Name: L'Enclume
Author: Jamie Grisdale
******************************************************************/
/*********************
TYPE
*********************/
/* normalize.css 2012-07-07T09:50 UTC - http://github.com/necolas/normalize.css */
/* ========================================================================== HTML5 display definitions ========================================================================== */
/** Correct `block` display not defined in IE 8/9. */
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; }

/** Correct `inline-block` display not defined in IE 8/9. */
audio, canvas, video { display: inline-block; }

/** Prevent modern browsers from displaying `audio` without controls. Remove excess height in iOS 5 devices. */
audio:not([controls]) { display: none; height: 0; }

/** Address `[hidden]` styling not present in IE 8/9. Hide the `template` element in IE, Safari, and Firefox < 22. */
[hidden], template { display: none; }

/* ========================================================================== Base ========================================================================== */
/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */
html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }

/** Remove default margin. */
body { margin: 0; }

/* ========================================================================== Links ========================================================================== */
/** Remove the gray background color from active links in IE 10. */
a { background: transparent; }

/** Address `outline` inconsistency between Chrome and other browsers. */
a:focus { outline: thin dotted; }

/** Improve readability when focused and also mouse hovered in all browsers. */
a:active, a:hover { outline: 0; }

/* ========================================================================== Typography ========================================================================== */
/** Address styling not present in IE 8/9, Safari 5, and Chrome. */
abbr[title] { border-bottom: 1px dotted; }

/** Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */
b, strong, .strong { font-weight: bold; }

/** Address styling not present in Safari 5 and Chrome. */
dfn, em, .em { font-style: italic; }

/** Address differences between Firefox and other browsers. */
hr { box-sizing: content-box; height: 0; }

/* Addresses margins set differently in IE6/7. */
pre { margin: 0; }

/** Correct font family set oddly in Safari 5 and Chrome. */
code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; }

/** Improve readability of pre-formatted text in all browsers. */
pre { white-space: pre-wrap; }

/** Set consistent quote types. */
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

/** Address inconsistent and variable font size in all browsers. */
q:before, q:after { content: ''; content: none; }

small { font-size: 75%; }

/** Prevent `sub` and `sup` affecting `line-height` in all browsers. */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sup { top: -0.5em; }

sub { bottom: -0.25em; }

/* ========================================================================== Lists ========================================================================== */
/* Addresses margins set differently in IE6/7. */
dl, menu, ol, ul { margin: 1em 0; }

dd { margin: 0; }

/* Addresses paddings set differently in IE6/7. */
menu { padding: 0 0 0 40px; }

ol, ul { padding: 0; list-style-type: none; }

/* Corrects list images handled incorrectly in IE7. */
nav ul, nav ol { list-style: none; list-style-image: none; }

/* ========================================================================== Embedded content ========================================================================== */
/** Remove border when inside `a` element in IE 8/9. */
img { border: 0; }

/** Correct overflow displayed oddly in IE 9. */
svg:not(:root) { overflow: hidden; }

/* ========================================================================== Figures ========================================================================== */
/** Address margin not present in IE 8/9 and Safari 5. */
figure { margin: 0; }

/* ========================================================================== Forms ========================================================================== */
/** Define consistent border, margin, and padding. */
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

/** 1. Correct `color` not being inherited in IE 8/9. 2. Remove padding so people aren't caught out if they zero out fieldsets. */
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }

/** 1. Correct font family not being inherited in all browsers. 2. Correct font size not being inherited in all browsers. 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */
button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ }

/** Address Firefox 4+ setting `line-height` on `input` using `!important` in the UA stylesheet. */
button, input { line-height: normal; }

/** Address inconsistent `text-transform` inheritance for `button` and `select`. All other form control elements do not inherit `text-transform` values. Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. Correct `select` style inheritance in Firefox 4+ and Opera. */
button, select { text-transform: none; }

/** 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` and `video` controls. 2. Correct inability to style clickable `input` types in iOS. 3. Improve usability and consistency of cursor style between image-type `input` and others. */
button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 3 */ }

/** Re-set default cursor for disabled elements. */
button[disabled], html input[disabled] { cursor: default; }

/** 1. Address box sizing set to `content-box` in IE 8/9/10. 2. Remove excess padding in IE 8/9/10. */
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }

/** 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome (include `-moz` to future-proof). */
input[type="search"] { -webkit-appearance: textfield; /* 1 */ box-sizing: content-box; }

/** Remove inner padding and search cancel button in Safari 5 and Chrome on OS X. */
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/** Remove inner padding and border in Firefox 4+. */
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/** 1. Remove default vertical scrollbar in IE 8/9. 2. Improve readability and alignment in all browsers. */
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

/* ========================================================================== Tables ========================================================================== */
/** Remove most spacing between table cells. */
table { border-collapse: collapse; border-spacing: 0; }

* { box-sizing: border-box; }

.image-replacement, .ir { text-indent: 100%; white-space: nowrap; overflow: hidden; }

.clearfix, .cf { zoom: 1; }

.clearfix:before, .clearfix:after, .cf:before, .cf:after { content: ""; display: table; }

.clearfix:after, .cf:after { clear: both; }

/******************************************************************
Site Name: L'Enclume
Author: Jamie Grisdale
******************************************************************/
@font-face { font-family: 'Maison Neue'; font-weight: normal; font-style: normal; src: url("/library/fonts/maisonneue-medium.woff") format("woff"), url("/library/fonts/maisonneue-medium.woff2") format("woff2"); }

p { word-wrap: break-word; font-feature-settings: "liga", "dlig"; }

h1 { margin: 30px 0; margin: 1.5789473684rem 0; }

p { margin: 0 0 30px 0; margin: 0 0 1.5789473684rem 0; }

.flexible-columns table { margin: 0 0 30px 0; margin: 0 0 1.5789473684rem 0; }

* { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-tap-highlight-color: transparent; /* For some Androids */ outline: 0; }

.section-intro__texts, .anvil-overlay__subtitle, .anvil-overlay__text, .section-404__subtitle, .section-404__text { font-size: 4vmin; }

@media (max-height: 475px) { .section-intro__texts, .anvil-overlay__subtitle, .anvil-overlay__text, .section-404__subtitle, .section-404__text { font-size: 19px; } }

@media (max-width: 475px) { .section-intro__texts, .anvil-overlay__subtitle, .anvil-overlay__text, .section-404__subtitle, .section-404__text { font-size: 19px; } }

@media (max-width: 475px) and (max-height: 475px) { .section-intro__texts, .anvil-overlay__subtitle, .anvil-overlay__text, .section-404__subtitle, .section-404__text { font-size: 19px; } }

@media (min-width: 850px) and (min-height: 850px) { .section-intro__texts, .anvil-overlay__subtitle, .anvil-overlay__text, .section-404__subtitle, .section-404__text { font-size: 34px; } }

.popup { display: none; }

.popup.is-open { display: block; }

.popup[aria-hidden="false"] .modal__overlay { animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.popup[aria-hidden="false"] .modal__container { animation: mmslideIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.popup[aria-hidden="true"] .modal__overlay { animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.popup[aria-hidden="true"] .modal__container { animation: mmslideOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.popup .modal__container, .popup .modal__overlay { will-change: transform; }

.popup__overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.65); display: flex; justify-content: center; align-items: center; z-index: 9999; }

.popup__container { background-color: #FFF; padding: 15px 15px 30px; max-width: 640px; max-height: 80vh; overflow-y: auto; box-sizing: border-box; position: relative; }

@media only screen and (min-width: 768px) { .popup__container { padding: 25px 40px 35px; } }

.popup__close { background: transparent; border: 0; position: absolute; top: 12px; right: 15px; padding: 0; appearance: none; }

@media only screen and (min-width: 768px) { .popup__close { top: 20px; right: 25px; } }

.popup__close img { width: 17px; }

@media only screen and (min-width: 768px) { .popup__close img { width: 30px; } }

.popup__heading { color: #4A4A4A; font-size: 16px; letter-spacing: 2px; line-height: 20px; text-transform: uppercase; text-align: center; font-weight: normal; margin: 0 auto 20px; }

@media only screen and (min-width: 768px) { .popup__heading { margin: 0 auto 50px; } }

.popup__image { width: 100%; height: auto; display: block; }

.popup__copy { font-size: 20px; letter-spacing: 1px; line-height: 28px; text-align: center; max-width: 640px; margin: 0 auto 40px; }

@media only screen and (min-width: 768px) { .popup__copy { margin: 0 auto 50px; } }

@media only screen and (min-width: 768px) { .popup__blocks { display: flex; justify-content: space-between; } }

.popup__block { display: flex; flex-direction: column; }

@media only screen and (min-width: 768px) { .popup__block { width: calc(50% - 17px); } }

.popup__block-heading { font-size: 18px; letter-spacing: 0.5px; line-height: 22px; text-transform: uppercase; font-weight: normal; margin: 0 0 16px; }

@media only screen and (min-width: 768px) { .popup__block-heading { margin: 0 0 20px; } }

.popup__block-img { margin: 0 0 16px; }

@media only screen and (min-width: 768px) { .popup__block-img { margin: 0 0 20px; } }

.popup__block-copy { font-size: 16px; letter-spacing: 0.5px; line-height: 22px; margin: 0 0 20px; }

.popup__cta { font-size: 16px; letter-spacing: 1.5px; line-height: 16px; text-transform: uppercase; position: relative; text-align: center; padding: 11px 0px 13px; display: block; margin-top: auto; }

.popup__cta:link, .popup__cta:visited { border: 1px solid; transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1); text-decoration: none; }

.popup__cta:link:hover, .popup__cta:link:active, .popup__cta:visited:hover, .popup__cta:visited:active { background-color: #000; color: #FFF; transition-duration: 0; }

/**************************\ Demo Animation Style \**************************/
@keyframes mmfadeIn { from { opacity: 0; }
  to { opacity: 1; } }

@keyframes mmfadeOut { from { opacity: 1; }
  to { opacity: 0; } }

@keyframes mmslideIn { from { transform: translateY(15%); }
  to { transform: translateY(0); } }

@keyframes mmslideOut { from { transform: translateY(0); }
  to { transform: translateY(-10%); } }

html, body { font-size: 19px; line-height: 1.43; width: 100vw; min-width: 320px; height: 100vh; position: relative; overflow: hidden; }

body { font-family: 'Maison Neue'; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #000; transform-style: preserve-3d; }

.hamburger { position: absolute; }

.navs { position: absolute; }

.splash { position: fixed; width: 100vw; height: 100vh; z-index: 6; padding: 0; transform: translate3d(0, 0, 0); opacity: 1; transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s, transform 0s linear 0.5s; overflow: hidden; background-color: #d2d2d2; }

.splash__column { height: 100%; width: 200px; position: relative; opacity: 1; margin: 0 auto; }

.splash__logo { position: absolute; width: 180px; height: 29px; top: 80px; left: 10px; transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1); }

.splash__loader { width: 50px; height: 28px; position: relative; top: 50%; margin: 0 auto; transform: translate3d(0, -50%, 0); overflow: hidden; }

.splash rect { z-index: 1; animation: roll 1.5s infinite linear; transition: opacity 0.5s cubic-bezier(0.645, 0.045, 0.355, 1); transform: translate3d(0, 0, 0); position: absolute; top: 1px; left: 1px; width: 48px; height: 27px; opacity: 1; background-color: #000; }

.splash__strap { position: absolute; bottom: 40px; width: 100%; text-align: center; font-size: 16px; transition: transform 3s cubic-bezier(0.215, 0.61, 0.355, 1); }

.splash.hidden { opacity: 0; transform: translate3d(0, -100%, 0); }

.splash.hidden .splash__logo { transform: translateY(-100px); }

.splash.hidden .splash__strap { transform: translateY(100px); }

a, a:visited { text-decoration: none; color: #000; border-bottom: 1px solid #ccc; transition: border-color .1s ease; }

a:link, a:visited:link { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.section-switcher { position: absolute; top: 0; width: 100%; padding: 0; background-color: #fff; z-index: 3; transition: transform 500ms cubic-bezier(0.77, 0, 0.175, 1); backface-visibility: hidden; }

.section-switcher.hidden { transform: translate3d(0px, -100%, 6em); }

.section-switcher__block { opacity: 0; filter: blur(2px); display: flex; align-items: center; justify-content: center; width: 100%; height: 50vh; text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; border-bottom: 0 none; transition-property: opacity, filter; transition-duration: 1s, 1s; transition-timing-function: ease; backface-visibility: hidden; }

.section-switcher__block.lazyloaded { opacity: 1; filter: blur(0); }

.section-switcher__block:first-child { color: #fff; }

.section-switcher__block:hover { color: #fff; }

.section-switcher__block:hover .section-switcher__overlay { opacity: 0.5; }

.section-switcher a, .section-switcher a:link, .section-switcher a:visited { transition: color 0.5s ease; }

.section-switcher__overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; opacity: 0; transition: opacity 0.5s ease; }

.section-switcher__text { font-size: 20px; line-height: 20px; display: inline-block; z-index: 1; position: relative; }

@media only screen and (min-width: 768px) { .section-switcher__text { font-size: 25px; font-size: 1.3157894737rem; line-height: 25px; line-height: 1.3157894737rem; } }

@media only screen and (min-width: 1030px) { .section-switcher__block { width: 50vw; height: 100vh; float: left; } }

@media print { /******************************************************************
Site Name:
Author:

Stylesheet: Print Stylesheet

This is the print stylesheet. There's probably not a lot
of reasons to edit this stylesheet. If you want to
though, go for it.

******************************************************************/ * { background: transparent !important; color: black !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after, a:visited:after { content: " (" attr(href) ")"; } a abbr[title]:after, a:visited abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } .sidebar, .page-navigation, .wp-prev-next, .respond-form, nav { display: none; } }

/*# sourceMappingURL=splash.css.map */