* {
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}

.grecaptcha-badge {
  z-index: 15;
}

a:active,
a:link:active, 
a:link:focus {
  outline: 0;
  text-decoration: underline;
}

a, a:link, a:visited {
  text-decoration: none;
  color: inherit;
  transition: 0.2s opacity ease-in-out;
}

a:hover { opacity: 0.7; }

:root {
  --color-background: #F7F5EC;
  --font-family: 'Studio Pro', Helvetica, Arial, sans-serif;
  --content-hpadding: clamp(10px, 5%, 120px);

  --footer-padding: 80px var(--content-hpadding); 
  --discount-color: #cf0001;
  --presale-color: #017d01;
  --last-items-color: #5e5e5e;
}

header {
  --header-initial-vpadding: 48px;
  --header-target-vpadding: 20px;
  --header-offset: 0px; /* computed by js */

  --header-vpadding: clamp(var(--header-target-vpadding), calc(var(--header-initial-vpadding) - var(--header-offset)), var(--header-initial-vpadding));

  --header-padding: var(--header-vpadding) var(--content-hpadding); 
  --header-padding-mobile: 10px clamp(10px, 5%, 120px); 
}

/* override ios */
button {
  color: #212529;
}

select {
  color: black;
}

/* override bootstrap */
ol, ul {
  padding: 0 !important;
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-family);
  font-weight: 500;
  text-transform: uppercase;
}

h4 {
  font-size: 12pt;
}

body {
  background: var(--color-background);
  font-family: var(--font-family);
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

/* override remodal */
.remodal {
  background: var(--color-background)
}