/* ==================================================================
  WOODHEAD RESTAURANT: STYLE.CSS
================================================================== */
/** -----------------------------------------------------------------
  * VARS
------------------------------------------------------------------ */
:root {
  /* Fonts */
  --font-body: "Inter-Regular", sans-serif;
  --font-head: "CourierPrime-Regular", sans-serif;
  /* Colors */
  --text-color: #2D2F34;
  --heading-color: var(--text-color);
  --light-text-color: #707682;
  --link-color: #0074E0;
  --link-color-alt: #0263BC;
  --ins-background: #E6F7EB;
  --del-background: #FFE6E6;
  --mark-background: #3D3D3D;
  --page-background: white;
  --element-background: #F0F1F3;
  --accent-color: var(--link-color);
  --invalid-color: #DC2F2F;
  --bg-primary-color: #F4EEDE;
  --bg-alt-color: #EAE4D4;
  --bg-accent-color: #EBAA4B;
  --bg-accent-color-darken: #a37735;
}

/** -----------------------------------------------------------------
  * FONTFACE
------------------------------------------------------------------ */
@font-face {
  font-family: "Inter-Regular";
  src: url("assets/fonts/Inter-Regular.ttf");
}
@font-face {
  font-family: "CourierPrime-Regular";
  src: url("assets/fonts/CourierPrime-Regular.ttf");
}
/** -----------------------------------------------------------------
  * ANIMATIONS
------------------------------------------------------------------ */
@-webkit-keyframes arrowFadeIn {
  0%, 20%, 40%, 60%, 80% {
    opacity: 0;
  }
  100% {
    opacity: 40%;
  }
}
@keyframes arrowFadeIn {
  0%, 20%, 40%, 60%, 80% {
    opacity: 0;
  }
  100% {
    opacity: 40%;
  }
}
@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  40% {
    -ms-transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }
  60% {
    -ms-transform: translateY(-15px);
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}
/** -----------------------------------------------------------------
  * SECTION RESET
  * http://meyerweb.com/eric/tools/css/reset/
  * v2.0 | 20110126
  * License: none (public domain)
------------------------------------------------------------------ */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 97%;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote::before,
blockquote::after,
q::before,
q::after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

a {
  text-decoration: none;
}

/** -----------------------------------------------------------------
  * SECTION CORE
------------------------------------------------------------------ */
/* Links that point to a location on the same page will scroll
 * smoothly down to that location. */
html {
  scroll-behavior: smooth;
}

/* Hide content visually, but allow screen readers to read the
 * content. Note that for Accessibility guidelines, this content
 * must become visible if toggled over using a keyboard. */
.visually-hidden:not(:focus):not(:active),
.sr-only:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
          clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

/* Give the hidden attribute most priority - fixes issue where
 * an html element can be marked as hidden but is still visible.
 * Use aria-hidden="true" to hide visual elements from
 * screen readers. */
[hidden] {
  display: none !important;
}

/* Ensures disabled elements do not accept events */
[disabled] {
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* Use primary color for focus styles */
:focus-visible {
  outline-color: var(--color-accent);
  outline-offset: 3px;
  outline-width: 2px;
}

/* Adds a margin above an element when it is the target of an ID link */
* {
  scroll-margin-top: var(--flow-space);
  scroll-margin-bottom: var(--flow-space);
}

/* Clearfix if you still need that sort of thing */
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

/* Utility to make any element cover the area of it's parent.
 * You will have to give the parent { position: relative; } though */
.cover {
  position: absolute;
  inset: 0;
  -o-object-fit: cover;
     object-fit: cover;
}

/* Center utility */
.center {
  display: grid;
  place-items: center;
}

/** -----------------------------------------------------------------
  * LAYOUT
------------------------------------------------------------------ */
body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body article {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-height: 100vh;
}
body article section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}
body article section figure.image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

section.bannerLayout {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background-attachment: fixed;
}

.first .content, .first .images {
  margin-top: -61.21px;
}

figure.landscape, figure.image {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

figure.portrait {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
}

.bannerLayout, .image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

/** -----------------------------------------------------------------
  * TYPOGRAPHY
------------------------------------------------------------------ */
body {
  font-family: var(--font-body);
  color: var(--text-color);
  background-color: var(--mark-background);
}

.content {
  padding: 10vw;
}

p {
  line-height: 1.5rem;
  padding-bottom: 1.3rem;
  font-family: var(--font-body);
}

/* Setup flow spacing for typography elements */
h1, h2, h3, h4, h5, h6, p,
label, legend, address {
  -webkit-margin-after: var(--flow-space);
          margin-block-end: var(--flow-space);
}

/* Double flow spacing before headings & set heading color. */
h1, h2, h3, h4, h5, h6 {
  color: var(--heading-color);
  -webkit-margin-before: calc(var(--flow-space) * 2);
          margin-block-start: calc(var(--flow-space) * 2);
  text-transform: uppercase;
}

/* Decrease space between sequential headings */
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6 {
  -webkit-margin-before: 0;
          margin-block-start: 0;
}

/* Heading typography */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-head);
  font-weight: 100;
  padding-bottom: 1rem;
}

h1 {
  font-size: 160%;
}

h2 {
  font-size: 120%;
}

a:not([class]) {
  color: var(--link-color);
  text-decoration: none;
  font-weight: bold;
}

/* VISITED STYLES GO HERE */
.button {
  font-family: var(--font-head);
  text-decoration: none;
}

/* NAV */
nav a, .navControl a, .button {
  font-family: var(--font-head);
  text-decoration: none;
  color: var(--text-color) !important;
}

input {
  font-family: var(--font-head);
}

/** -----------------------------------------------------------------
  * GENERAL STYLING
------------------------------------------------------------------ */
article {
  background-color: var(--bg-primary-color);
}

article:nth-of-type(odd) {
  background-color: var(--bg-alt-color);
}

/** -----------------------------------------------------------------
  * SCROLL ARROW
------------------------------------------------------------------ */
.arrow {
  position: absolute;
  bottom: 20px;
  left: 50%;
  margin-left: -40px;
  width: 80px;
  height: 80px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAJ6mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4xLWMwMDIgNzkuYTZhNjM5NjhhLCAyMDI0LzAzLzA2LTExOjUyOjA1ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIFdlYiAoMjAyNC4xMS4xLjAgZDA2OTY2MzJmOWUpIChHb29nbGUgQ2hyb21lKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjQtMDYtMDdUMTQ6MDU6MDMrMDE6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDI0LTA2LTA3VDE0OjA2OjMwKzAxOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDI0LTA2LTA3VDE0OjA2OjMwKzAxOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjMGJlZmE2ZS0zMzRlLTQzYzMtOTE0My1hZGFlOTRjYzM3ZDEiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDpmNThiMzNjYi1mMDU4LTI0NDQtYmNjNi1kODJhZjgzZmZiNmYiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiN2NkMDdiZC1lNTU2LTQ5YTQtYTgzMS0xMDU2ZDRjYTFlNjMiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmI3Y2QwN2JkLWU1NTYtNDlhNC1hODMxLTEwNTZkNGNhMWU2MyIgc3RFdnQ6d2hlbj0iMjAyNC0wNi0wN1QxNDowNTowMyswMTowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIFdlYiAoMjAyNC4xMS4xLjAgZDA2OTY2MzJmOWUpIChHb29nbGUgQ2hyb21lKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzVkMGQ2ZmMtYmZlMy00OGM1LWE0ODQtZWVkOTFkMjhjYTk4IiBzdEV2dDp3aGVuPSIyMDI0LTA2LTA3VDE0OjA2OjE5KzAxOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgV2ViICgyMDI0LjExLjEuMCBkMDY5NjYzMmY5ZSkgKEdvb2dsZSBDaHJvbWUpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDoyYmE5ODNmNS04YTNkLTQxMzgtYjU1OS0xZjU3ZmMzYjU0MjAiIHN0RXZ0OndoZW49IjIwMjQtMDYtMDdUMTQ6MDY6MzArMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBXZWIgKDIwMjQuMTEuMS4wIGQwNjk2NjMyZjllKSAoR29vZ2xlIENocm9tZSkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNvbnZlcnRlZCIgc3RFdnQ6cGFyYW1ldGVycz0iZnJvbSBkb2N1bWVudC92bmQuYWRvYmUuY3BzZCtkY3ggdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJkZXJpdmVkIiBzdEV2dDpwYXJhbWV0ZXJzPSJjb252ZXJ0ZWQgZnJvbSBkb2N1bWVudC92bmQuYWRvYmUuY3BzZCtkY3ggdG8gaW1hZ2UvcG5nIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMGJlZmE2ZS0zMzRlLTQzYzMtOTE0My1hZGFlOTRjYzM3ZDEiIHN0RXZ0OndoZW49IjIwMjQtMDYtMDdUMTQ6MDY6MzArMDE6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBXZWIgKDIwMjQuMTEuMS4wIGQwNjk2NjMyZjllKSAoR29vZ2xlIENocm9tZSkiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJiYTk4M2Y1LThhM2QtNDEzOC1iNTU5LTFmNTdmYzNiNTQyMCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpiN2NkMDdiZC1lNTU2LTQ5YTQtYTgzMS0xMDU2ZDRjYTFlNjMiIHN0UmVmOm9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiN2NkMDdiZC1lNTU2LTQ5YTQtYTgzMS0xMDU2ZDRjYTFlNjMiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7hFVWIAAATfUlEQVR4nO3aQXYkR3JF0aCOltDL0rRXqWkvS3soDdjVLFYVgEwgMsKf272j1ogJD7Nv/1D849u3bwcAMMt/3f0DAIDrKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAAD/ffdP+Cr/u9//+fb9//9j3/+6487fwsAe9vp5qT/DcCPH+J3/zcAnGW3m5MtAG89fP2DALCeHW9OsgB89ODlDwLAWna9ObkC8OhDVz8IAOvY+eakCsCzD1z8IACsYfebkykAn33Y2gcB4H4Tbk6iAHz1QUsfBIB7Tbk5yxeAsx6y8kEAuM+km7N0ATj7AQsfBIB7TLs5yxaAVz3c6h8EgOtNvDlLFoBXP9jKHwSAa029OcsVgKseatUPAsB1Jt+cpQrA1Q+04gcB4BrTb84yBeCuh1ntgwDwem7OIgXg7ge5+58PwHXuzvy7//nf3V4AVnmIVX4HAK+zStav8DtuLQArPMCPVvs9AJxntYy/+/fcVgDu/sPfsurvAuDzVs32O3/XLQVg1Q/x3eq/D4DHrZ7pd/2+ywvA6h/iu8rvBOBtlSy/43fe/h8BrqwyOAD8Soa/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keK3hzMpAIxXPAQrHdyVfsujit8czqYAwNE8CCsc3hV+w7OK3xpeQQGAfysehjsPsOMPbQoA/KB4IO44xI4/9CkA8JPiobjyIDv+sAcFAH6jeDCuOMyOP+xDAYA3FA/HKw+04w97UQDgHcUD8opD7fjDfhQA+EDxkJx5sB1/2JMCAA8oHpQzDrfjD/tSAOBBxcPylQPu+MPeFAB4QvHAfOaQO/6wPwUAnlQ8NM8cdMcfZlAA4BOKB+eRw+74wxwKAHxS8fC8d+Adf5hFAYAvKB6g3x16xx/mUQDgi4qH6MeD7/jDTH98+5bbfVhS8ZAWOf5wDv8GAE7iML2eN4bzKABwIgfqdbwtnEsBgJM5VOfzpnA+BQBewME6j7eE11AA4EUcrq/zhvA6CgC8kAP2ed4OXksBgBdzyJ7nzeD1FAC4gIP2OG8F11AA4CIO28e8EVxHAYALOXBv8zZwLQUALubQ/cqbwPUUALiBg/cXbwH3UADgJg6fN4A7KQBwo8kHcPLfDitQAOBmEw/hxL8ZVqMAwAImHcRJfyusTAGARUw4jBP+RqhQAGAhOx/Inf82KFIAYDE7Hsod/yaoUwBgQTsdzJ3+FtiJAgCL2uFw7vA3wK4UAFhY+YCWfztMoADA4oqHtPibYRoFAAJKB7X0W2EyBQAiCoe18BuBPykAELLygV35twG/UgAgZsVDu+JvAt6nAEDQSgd3pd8CPE4BgKgVDu8KvwH4HAUAwu48wI4/tCkAEHfHIXb8oU8BgA1ceZAdf9iDAgCbuOIwO/6wDwUANvLKA+34w14UANjMKw614w/7UQBgQ2cebMcf9qQAwKbOONyOP+xLAYCNfeWAO/6wNwUANveZQ+74w/4UABjgmYPu+MMMCgAM8chhd/xhDgUABnnvwDv+MIsCAMP87tA7/jCPAgAD/XjwHX+Y6Y9v377d/RsAgIv5NwAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMJACAAADKQAAMND/A/hAHdiHSx8sAAAAAElFTkSuQmCC);
  background-size: contain;
  opacity: 100%;
}

.bounce {
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

.arrowFadeIn {
  animation: arrowFadeIn 10s none;
  -webkit-animation: arrowFadeIn 10s none;
}

.fade {
  opacity: 0;
  transition: 1s all ease-out;
  -webkit-transition: 1s all ease-out;
  -moz-transition: 1s all ease-out;
  -ms-transition: 1s all ease-out;
  -o-transition: 1s all ease-out;
}

/** -----------------------------------------------------------------
  * ELEMENT: LOGO
------------------------------------------------------------------ */
#logo {
  background-color: var(--bg-accent-color);
  padding: 5rem;
  position: absolute;
  font-family: var(--font-head);
  font-size: 120%;
  line-height: 2rem;
  -webkit-box-shadow: 10px 10px 73px 10px rgba(0, 0, 0, 0.75);
          box-shadow: 10px 10px 73px 10px rgba(0, 0, 0, 0.75);
}
#logo span {
  padding: 0 0.5rem;
  color: var(--bg-accent-color-darken);
  transition: color 0.5s;
  -webkit-transition: color 0.5s;
  -moz-transition: color 0.5s;
  -ms-transition: color 0.5s;
  -o-transition: color 0.5s;
}

#logo.step0 span {
  color: var(--text-color);
}

#logo.step1 span.step1 {
  color: var(--text-color);
}

#logo.step2 span.step2 {
  color: var(--text-color);
}

#logo.step3 span.step3 {
  color: var(--text-color);
}

#logo.step4 span.step4 {
  color: var(--text-color);
}

/** -----------------------------------------------------------------
  * INPUTS
------------------------------------------------------------------ */
.button, input[type=email] {
  display: inline-block;
  margin: 0.5rem 1rem 0.5rem 0;
  border: 1px solid var(--text-color);
  padding: 1rem;
  letter-spacing: 2px;
  text-transform: uppercase;
  cursor: pointer;
}

input {
  background-color: var(--bg-primary-color);
}

.button:hover {
  background-color: var(--text-color);
  color: var(--bg-primary-color) !important;
}

/** -----------------------------------------------------------------
  *  NAV
------------------------------------------------------------------ */
nav, .navControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  padding: 1.5rem 2rem;
  background-color: var(--bg-primary-color);
  border-bottom: 1px solid var(--text-color);
}

nav {
  top: 0;
  left: 50%;
  position: sticky;
  width: 50%;
  z-index: 0;
}

.navControl {
  position: fixed;
  bottom: 0;
  width: 100vw;
  visibility: collapse;
  z-index: 1;
  box-shadow: 1px -11px 55px 0px rgba(29, 29, 29, 0.2);
  -webkit-box-shadow: 1px -11px 55px 0px rgba(29, 29, 29, 0.2);
  -moz-box-shadow: 1px -11px 55px 0px rgba(29, 29, 29, 0.2);
}

#scrollArrow {
  cursor: pointer;
}

/** -----------------------------------------------------------------
  * MEDIA QUERIES
------------------------------------------------------------------ */
/* MOBILE */
@media only screen and (max-width: 600px) {
  .navControl {
    visibility: visible;
  }
  .arrow {
    visibility: hidden;
  }
  nav {
    width: 100vw;
    height: 100vh;
    padding: 20vh 10vw;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    position: fixed;
    top: 100vh;
    left: 0;
    transition: top 0.3s;
    -webkit-transition: top 0.3s;
    -moz-transition: top 0.3s;
    -ms-transition: top 0.3s;
    -o-transition: top 0.3s;
  }
  nav.active {
    top: 0;
    left: 0;
  }
  .navControl a.close:after {
    content: " CLOSE";
  }
  .button,
  input {
    width: 100%;
    text-align: center;
  }
}
/* TABLET */
@media only screen and (max-width: 768px) {
  body article {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
  }
  section.images {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
  section.images,
  section.content {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
  section.content {
    padding: 15vw;
    height: auto;
    min-height: 0;
  }
  section.images {
    min-height: 100vh;
  }
  .first section.images {
    min-height: 50vh;
  }
  .first .content,
  .first .images {
    margin-top: 0px;
  }
  nav {
    width: 100vw;
  }
  nav a {
    width: 100%;
    text-align: center;
  }
}
/* FULL SCREEN *//*# sourceMappingURL=style.css.map */