/**
 * @file
 * Global rules
 *
 * Theme global rules.
 */

* {
  box-sizing: border-box;
}
html {
  height: 100%;
  font-size: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
html, body {
  /* Fix footer whitespace */
  display: flex;
  flex-direction: column;
  position: relative;
  /* END Fix footer whitespace */

  font-family: 'Figtree';
  color: var(--color-primary--dark);
}
body {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
@media (min-width: 800px) {
  html {
    font-size: 16px;
  }
}

/**
 * Image
 */

img {
  max-width: 100%;
  height: auto;
  display: block;
}


/**
 * Text
 */

p, h1, h2, h3, h4 {
  position: relative;
  margin: 0;
}

/* override for basic pages */
.basic-page p,
.basic-page h1,
.basic-page h2,
.basic-page h3,
.basic-page h4 {
  margin: 1rem 0;
}


h2, h3, h4 {
  font-family: 'Figtree';
  font-weight: 700;
}

h1 {
  font-size: var(--heading-size-extra-large);
  font-family: 'depot-new-web';
}
h2 {
  font-size: var(--heading-size-large);
}
h3 {
  font-size: var(--heading-size);
}
h4 {
  font-size: var(--heading-size-small);
}
p {
  font-size: var(--paragraph-size);
}
::selection {
  background-color: var(--color-primary--1);
  color: var(--color-white);
}


/**
 * Links
 */

a {
  color: var(--color-primary--1);
  text-decoration: none;
}
a:hover {
  text-decoration: underline;
}
a:focus, button:focus, div:focus, input:focus, textarea:focus, select:focus {
  outline: 2px solid var(--color-primary--1);
}

/**
 * Forms base outlines
 */

select, input.edit-submit-stock {
  border-radius: 8px;
}

.form-item input, .form-item textarea, select {
  outline: 0.1px solid var(--color-primary--1);
}

/**
 * Contact Webform Styles
 */
.webform-submission-contact-form > .form-type-processed-text > h4 {
  font-family: Montserrat;
  color: var(--color-primary--dark);
  font-size: 21px;
  font-weight: 700;
}