/* 
  Theme Name: Formfest
  Template: twentytwentyfive
*/

:root {

  /* Colors */

  --black: #111;
  --white: #fff;

  --navy: #041e42;
  --indigo: #2b1a78;
  --iris: #5650be;
  --bittersweet: #f86a6a;
  --basketball: #ee8a62;
  --apricot: #efb36f;
  --mango: #ffb446;
  --beige: #fff3e0;

  --gradient-1: linear-gradient(to bottom, var(--iris) 0%, var(--navy) 100%);
  --gradient-2: linear-gradient(125deg, var(--bittersweet) 0%, var(--mango) 100%);  
  
  --brand-primary: var(--indigo);

  --bg-color: var(--beige);
  --text-color: var(--black);
  --link-color: var(--iris);

  /* Typography */

  --font-family-base: 'Lato', sans-serif;
  --font-family-secondary: 'GentySans-Regular', sans-serif;

  --font-size-base: 18px;
  font-size: var(--font-size-base);

  --font-size-xxxl: 2.44rem;
  --font-size-xxl: 1.95rem;
  --font-size-xl: 1.56rem;
  --font-size-lg: 1.25rem;
  --font-size-md: 1rem;
  --font-size-sm: 0.8rem;

  --line-height-base: 1.5rem;
  line-height: var(--line-height-base);

  --line-height-xxxl: calc(var(--line-height-base) * 2);
  --line-height-xxl: calc(var(--line-height-base) * 1.75);
  --line-height-xl: calc(var(--line-height-base) * 1.5);
  --line-height-lg: calc(var(--line-height-base) * 1.25);
  --line-height-md: calc(var(--line-height-base) * 1);
  --line-height-sm: calc(var(--line-height-base) * 1);

  --font-size-display: var(--font-size-xxxl);
  --font-size-h1: var(--font-size-xxl);
  --font-size-h2: var(--font-size-xl);
  --font-size-h3: var(--font-size-lg);
  --font-size-h4: var(--font-size-md);

  /* Spacing */

  --spacing-base: var(--line-height-base);
  --spacing-1: calc(var(--spacing-base) * 0.25);
  --spacing-2: calc(var(--spacing-base) * 0.5);
  --spacing-3: calc(var(--spacing-base) * 1);
  --spacing-4: calc(var(--spacing-base) * 2);
  --spacing-5: calc(var(--spacing-base) * 4);
  --spacing-6: calc(var(--spacing-base) * 8);

  /* Layout */
  
  --outer-margin: var(--spacing-3);
  --content-size: calc(1400px / 12 * 8);
  --wide-size: 1400px;
  --block-gap: var(--spacing-4);

  /* Line thickness */
  --hairline: 1px;
  --thin: 2px;
  --thick: 4px;

}

.has-xxxl-font-size {
  line-height: var(--line-height-xxxl);
}

.has-xxl-font-size {
  line-height: var(--line-height-xxl);
}

.has-x-large-font-size,
.has-extra-large-font-size {
  line-height: var(--line-height-xl);
}

.has-large-font-size {
  line-height: var(--line-height-lg);
}

.has-medium-font-size {
  line-height: var(--line-height-md);
}

.has-small-font-size {
  line-height: var(--line-height-sm);
}

.eyebrow,
.is-style-eyebrow {
  font-family: var(--font-family-secondary);
  font-size: var(--font-size-sm);
  font-weight: normal;
  line-height: var(--line-height-sm);
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: normal;
  src: url('./assets/fonts/Lato-Regular.ttf') format('ttf');
}

@font-face {
  font-family: 'Lato';
  font-weight: 400;
  font-style: italic;
  src: url('./assets/fonts/Lato-Italic.ttf') format('ttf');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: normal;
  src: url('./assets/fonts/Lato-Bold.ttf') format('ttf');
}

@font-face {
  font-family: 'Lato';
  font-weight: 700;
  font-style: italic;
  src: url('./assets/fonts/Lato-BoldItalic.ttf') format('ttf');
}

@font-face {
	font-family: 'GentySans-Regular';
	src: url('./assets/fonts/genty-sans-regular.eot');
	src: url('./assets/fonts/genty-sans-regular.eot?#iefix') format('embedded-opentype'),
             url('./assets/fonts/genty-sans-regular.woff2') format('woff2'),
	     url('./assets/fonts/genty-sans-regular.woff') format('woff'),
	     url('./assets/fonts/genty-sans-regular.ttf') format('truetype'),
	     url('./assets/fonts/genty-sans-regular.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Global styles */

a:link {
  font-weight: 600;
  text-underline-offset: 0.3em;
}

a:hover {
  text-decoration: underline;
  text-decoration-thickness: var(--thin) !important;
}

/* Block styles */

.is-style-rounded-corners,
.wp-block-image.is-style-rounded-corners > img {
  border-radius: var(--spacing-2);
}

.is-style-rounded-corners-with-shadow {
  border-radius: var(--spacing-2);
  box-shadow: var(--spacing-2) var(--spacing-2) 0 var(--iris);
}