/* TYPOGRAPHY STYLESHEET 


Don't go messing with the type outside of this, I know what you're like you old bitch */


:root {
  --theme-dark-grey: #707070;
  --theme-light-grey: #F2F2F2;
  --theme-fontface: 'futura-pt', sans-serif;
}

body {
  color: var(--theme-dark-grey);
}

body,
body p,
.typebase, 
.typebase p {
    font-family: 'futura-pt', sans-serif;
    font-weight: 300;
    letter-spacing: 0.1em;
    font-size: 1.8rem;
    line-height: 3rem;
}

em {
  color: inherit;
}

blockquote {
  font-style: normal;
}

body h1,
body .uk-h1 {
    font-weight: 200;
    font-size: 3.5rem;
    line-height: 4.5rem;
    letter-spacing: 0.1em;
    text-transform: none;
}

body h2,
body .uk-h2 {
  font-weight: 200;
  font-size: 3rem;
  line-height: 4.5rem;
  letter-spacing: 0.1em;
  text-transform: none;
}

body h3,
body .uk-h3 {
  font-weight: 200;
  font-size: 2.8rem;
  line-height: 4.5rem;
  letter-spacing: 0.1em;
  text-transform: none;
}

body h4,
body .uk-h4 {
  font-weight: 300;
  font-size: 2.4rem;
  line-height: 3rem;
  letter-spacing: 0.1em;
  text-transform: none;
}

body h5,
body .uk-h5 {
	font-weight: 200;
  font-size: 1.8rem;
  line-height: 3rem;
  letter-spacing: 0.25em;
  text-transform: uppercase;
}

body h6,
body .uk-h6 {
  font-size: 1.4rem;
  line-height: 3rem;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-weight: 400;
	clear: both;
}


.typebase .uk-h1, 
.typebase .uk-h2, 
.typebase .uk-h3, 
.typebase .uk-h4,
.typebase .uk-h5,
.typebase .uk-h6,
.typebase .uk-heading-2xlarge,
.typebase .uk-heading-large,
.typebase .uk-heading-medium,
.typebase .uk-heading-small,
.typebase .uk-heading-xlarge,
.typebase h1,
.typebase h2,
.typebase h3,
.typebase h4,
.typebase h5,
.typebase h6,
body .uk-h1, 
body .uk-h3, 
body .uk-h4,
body .uk-h5,
body .uk-h6,
body .uk-h2, 
body .uk-heading-2xlarge,
body .uk-heading-large,
body .uk-heading-medium,
body .uk-heading-small,
body .uk-heading-xlarge,
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  /* margin: 0; */
	font-family: 'futura-pt', sans-serif;
  /* margin-bottom: 1rem; */
  margin-bottom: 1.5rem;
  margin-top: 0.75rem;
  color: var(--theme-dark-grey);
}

.typebase .uk-h1, 
.typebase .uk-h2, 
.typebase .uk-h3,
.typebase .uk-h4,
.typebase .uk-heading-2xlarge,
.typebase .uk-heading-large,
.typebase .uk-heading-xlarge,
.typebase h1,
.typebase h2,
.typebase h3,
.typebase h4,
body .uk-h1, 
body .uk-h3, 
body .uk-h4,
body .uk-h2, 
body .uk-heading-2xlarge,
body .uk-heading-large,
body .uk-heading-xlarge,
body h1,
body h2,
body h3,
body h4,
body .wc-block-grid__product-title {
  font-family: "Forum", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}

.entry-content .block-heading {
  max-width: 100%;
}