/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

/* manrope-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  src: url('./assets/fonts/manrope-v20-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  src: url('./assets/fonts/manrope-v20-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  src: url('./assets/fonts/manrope-v20-latin-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* manrope-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  src: url('./assets/fonts/manrope-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}


/* azeret-mono-600 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Azeret Mono';
  font-style: normal;
  font-weight: 600;
  src: url('./assets/fonts/azeret-mono-v21-latin_latin-ext-600.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

:root {
  /* Farby */
  --color-dark: #01061A;
  --color-dark-mid: #02071B;
  --color-blue: #29A5E2;
  --color-blue-light: rgba(41, 165, 226, 0.2);
  --color-white: #ffffff;
  --color-text-muted: #666666;
  --color-gray-light: rgba(241, 244, 247, 1);

  /* Fonty */
  --font-heading: 'Manrope', sans-serif;
  --font-mono: 'Azeret Mono', monospace;

  /* Spacing */
  --section-padding: 80px 0;
  --container-width: 1300px;
 }

 html {
  font-size: 16px;
  overflow-x: hidden;
}

/* Base */
body {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 17px;
  line-height: 23.4px;
  color: var(--color-text-muted);
}

/* Headings */
h1 {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 5.725rem;   
  line-height: 6.25rem;  
  letter-spacing: -0.25rem;
}

h2 {
  font-family: var(--font-heading);
  font-weight: 500;
  font-size: 3.35rem;    
  line-height: 4.35rem;  
  letter-spacing: -0.145rem;
}

h3 {
  font-family: var(--font-heading);
  font-weight: 600;
  font-size: 1.85rem;  
  line-height: 1.875rem; 
  letter-spacing: -0.0625rem;
  margin-bottom: 10px;
}

body {
  font-family: var(--font-heading);
  font-weight: 400;
  font-size: 1.0625rem;  
  line-height: 1.4625rem;
  color: var(--color-text-muted);
}

p{
    margin-bottom: 1.5rem!important;
}

.sub-heading,
.btn {
  font-family: var(--font-mono);
  font-weight: 600;
  font-size: 0.8rem;     /* 12.8px */
  line-height: 0.9625rem;
  letter-spacing: -0.02625rem;
  text-transform: uppercase;
}

/* TABLET – 1024px */
@media (max-width: 1024px) {
  h1 {
    font-size: 3.5rem;
    line-height: 4rem;
    letter-spacing: -0.15rem;
  }

  h2 {
    font-size: 2.5rem;
    line-height: 3.25rem;
    letter-spacing: -0.1rem;
  }

  h3 {
    font-size: 1.375rem;
    line-height: 1.75rem;
  }
}

/* MOBIL – 768px */
@media (max-width: 768px) {
  h1 {
    font-size: 2.5rem;
    line-height: 3rem;
    letter-spacing: -0.1rem;
  }

  h2 {
    font-size: 1.875rem;
    line-height: 2.5rem;
    letter-spacing: -0.075rem;
  }

  h3 {
    font-size: 1.25rem;
    line-height: 1.625rem;
  }

  body {
    font-size: 1rem;
    line-height: 1.5rem;
  }
}


/* Header */
.nav-float-right #site-navigation{ 
margin: 0 auto;
}

.site-header {
  z-index: 9999!important;
  position: fixed;
  width: 100%;
  top: 0;
}

/* Hero */


/* General layout */
.separate-containers .site-main{
    margin-top: 0;
}
.separate-containers .comments-area, 
.separate-containers .inside-article, 
.separate-containers .page-header, 
.separate-containers .paging-navigation {
  padding: 0 24px 24px 24px;
}