/*
Theme Name: Invictum
Theme URI: https://invictum.co
Description: Invictum icin GeneratePress child theme
Author: Invictum
Template: generatepress
Version: 1.0.0
Text Domain: invictum
*/

@font-face {
  font-family: 'Figtree';
  src: url('assets/fonts/figtree-400.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Figtree';
  src: url('assets/fonts/figtree-700.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root { --inv-font: 'Figtree', system-ui, -apple-system, 'Segoe UI', sans-serif; }

body,
button, input, select, textarea,
.entry-content {
  font-family: var(--inv-font);
  font-size: var(--wp--preset--font-size--body);
  font-weight: 400;
  line-height: 1.7;
  color: var(--wp--preset--color--ink);
  background-color: var(--wp--preset--color--paper);
}

.site,
.site-content,
.site-header,
.site-footer,
.inside-article,
.entry-content > .alignfull {
  background-color: transparent;
}

h1, h2, h3, h4, h5, h6,
.site-title {
  font-family: var(--inv-font);
  font-weight: 700;
  line-height: 1.15;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--ink);
}

h1 { font-size: var(--wp--preset--font-size--h1); }
h2 { font-size: var(--wp--preset--font-size--h2); }
h3 { font-size: var(--wp--preset--font-size--h3); letter-spacing: -0.01em; }

a { color: var(--wp--preset--color--red-action); }
a:hover, a:focus { color: var(--wp--preset--color--ink); }

.site-content,
.inside-article,
.site-header,
.main-navigation,
.main-navigation ul ul,
.site-footer,
.entry-content,
.one-container .site-content {
  background-color: transparent;
}

.main-navigation a,
.main-navigation .main-nav ul li a,
.site-title a,
.site-info a {
  color: var(--wp--preset--color--ink);
}

.main-navigation a:hover,
.main-navigation .main-nav ul li a:hover,
.site-info a:hover {
  color: var(--wp--preset--color--red-action);
}

.entry-content h1,
.entry-content h2 { font-size: var(--wp--preset--font-size--h1); }

.site-content .content-area,
.site-main,
.inside-article,
.entry-content,
.page .inside-article {
  background: none;
  padding: 0;
  margin: 0;
  max-width: none;
}

.inv-hero__heading {
  font-size: clamp(2rem, 1.2rem + 3.2vw, 3.25rem);
}

.inv-hero .inv-hero__heading,
.entry-content .inv-hero .inv-hero__heading {
  font-size: clamp(2rem, 1.1rem + 3.6vw, 3.5rem);
  line-height: 1.1;
  margin-bottom: 1rem;
}

.inv-hero .inv-hero__lead {
  font-size: clamp(1rem, 0.95rem + 0.3vw, 1.1875rem);
}

.entry-content > .inv-hero,
.entry-content > .inv-clients,
.entry-content > .inv-flagship,
.entry-content > .alignfull {
  margin-left: calc(-1 * var(--wp--preset--spacing--40));
  margin-right: calc(-1 * var(--wp--preset--spacing--40));
}