/*
Theme Name: Pellegrom Makelaardij theme
Theme URI: https://www.goesenroos.nl
Author: Goes & Roos
Author URI: https://www.goesenroos.nl
Description: Goes & Roos starter theme
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: pellegrom-makelaardij-theme
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/* Fonts */

@font-face {
  font-family: 'Satoshi-Light';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Light.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Light.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Light.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-LightItalic';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-LightItalic.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-LightItalic.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Regular';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Regular.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Regular.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Regular.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-Italic';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Italic.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Italic.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Italic.ttf') format('truetype');
  font-weight: 400;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Medium';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Medium.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Medium.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Medium.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-MediumItalic';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-MediumItalic.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-MediumItalic.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Bold';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Bold.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Bold.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Bold.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BoldItalic';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-BoldItalic.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-BoldItalic.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-display: swap;
  font-style: italic;
}
@font-face {
  font-family: 'Satoshi-Black';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Black.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Black.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-Black.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi-BlackItalic';
  src: url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-BlackItalic.woff2') format('woff2'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-BlackItalic.woff') format('woff'),
       url('https://pellegrommakelaardij.goesenroos.eu/wp-content/themes/pellegrommakelaardij/fonts/Satoshi-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-display: swap;
  font-style: italic;
}

/* Colors */

:root {
	--donkerblauw : #1D2362;
	--oranje : #FFB56A;
	--lichtblauw : #80CDF3;
	--lichtblauwstroke : #C7E7FB;
	--groen : #68CBC3;
	--bglichtblauw : #E2F2FC;
}


/* general */
body {
    font-family: 'Satoshi-Regular', sans-serif;
	font-size: 18px; line-height: 150%;

}

h1,
h2,
h3,
h4,
h5,
h6  {
    /*line-height: 1.1;*/
  font-family: 'Satoshi-Black';
    color: var(--donkerblauw);
    font-weight: 900;
}

h1 {
	font-size: 56px; line-height: 120%;
}

h2 {
	font-size: 48px; line-height: 120%;
}

h3 {
	font-size: 40px; line-height: 130%;
}

h4 {
	font-size: 32px; line-height: 120%;
}

h5 {
	font-size: 20px; line-height: 140%;
}

strong {
font-size: 16px; line-height: 150%;
}

small {
	font-size: 16px; line-height: 150%;
}