/* Use a more-intuitive box-sizing model. */
*, *::before, *::after {
  box-sizing: border-box;
}

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

/* Allow percentage-based heights in the application */
html, body {
  height: 100%;
}

/*
  Typographic tweaks!
  - Add accessible line-height
  - Improve text rendering
*/
body {
  line-height: 1.5;
  text-rendering: optimizeLegibility; /* explanation of error: this is an SVG style, not HTML; however Gecko and Webkit allow it /shrug */
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Improve media defaults */
img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

/* Remove built-in form typography styles */
input, button, textarea, select {
  font: inherit;
  -webkit-appearance: none;
}

/* Avoid text overflows */
p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

/* Create a root stacking context */
#root, #__next {
  isolation: isolate;
}

/* Remove list styles (bullets/numbers) */
ol, ul, menu {
    list-style: none;
}

/* revert the 'white-space' property for textarea elements on Safari */
textarea {
    white-space: revert;
}

/* fix the feature of 'hidden' attribute.
   display:revert; revert to element instead of attribute */
:where([hidden]){
    display:none;
}

/* revert for bug in Chromium browsers
   - fix for the content editable attribute will work properly. */
:where([contenteditable]){
    -moz-user-modify: read-write;
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
}

/* apply back the draggable feature - exist only in Chromium and Safari */
:where([draggable="true"]) {
    -webkit-user-drag: element;
}
@font-face {
  font-family: "ambit";
  font-weight: 300;
  src: url("/fonts/Ambit-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "recoleta";
  font-weight: 500;
  src: url("/fonts/Recoleta-Medium.woff") format("woff");
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

html.no-js .loadable {
  opacity: 1 !important;
}

body {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  background-color: #000000;
  color: #ffffff;
  text-rendering: optimizeLegibility;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "Ambit", "comic sans ms", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.2em;
}
@media only screen and (min-width: 835px) {
  body {
    font-size: 18px;
  }
}
@media only screen and (min-width: 1600px) {
  body {
    font-size: 20px;
  }
}

body.header-no-scroll,
body.modal-no-scroll {
  height: 100%;
  overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
  padding: 0;
  margin: 0;
  font-size: inherit;
  font-weight: normal;
}

a {
  cursor: pointer;
  text-decoration: none;
  color: inherit;
  font: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 4px;
  transition: color 0.15s ease-in-out;
}
a:hover {
  color: #BC9A71;
}

blockquote {
  font-weight: normal;
}

cite {
  font-style: normal;
}

strong,
strong em,
strong del {
  font-weight: 600;
}

hr {
  background-color: rgb(0, 0, 0);
  box-sizing: content-box;
}

p {
  line-height: 1.2em;
}

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

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

p {
  margin-bottom: 0.5em;
}

::selection {
  background: rgba(160, 126, 39, 0.7);
  color: rgb(250, 250, 250);
  text-shadow: none;
}

#gatsby-focus-wrapper {
  position: relative;
}

.tl-edges {
  overflow-x: visible !important;
}

.tl-wrapper {
  float: none;
}