@charset "UTF-8";

:root {
	--base-color-text: #1b1b1b;
	--base-color-accent: #3a8ddd;
	--base-color-light: #f2f3f3;
	--base-color-background: #fff;
	--base-font-family: verdana, sans-serif;
	--base-font-weight: normal;
	--base-line-height: 1.6;
	--base-font-size: 16px;
	--base-font-size-small: .8em;
	--base-font-size-medium: 1.25em;
	--base-headings-color: #3c3c3c;
	--base-headings-font-family: var(--base-font-family);
	--base-headings-font-weight: bold;
	--base-headings-line-height: 1.25;
	--base-headings-font-size-1: 36px;
	--base-headings-font-size-2: 30px;
	--base-headings-font-size-3: 26px;
	--base-headings-font-size-4: 20px;
	--base-layout-width: 1400px;
	--base-content-width: 800px;
	--base-content-width-wide: 1000px;
	--base-content-width-full: 1200px;
	--base-offset: 40px;
	--base-offset-vertical: 60px;
	--base-space: 20px;
	--base-gap: 40px;
	--wp--style--block-gap: var(--base-gap);
}

body {
	font-family: var(--base-font-family);
	font-size: var(--base-font-size);
	font-weight: var(--base-font-weight);
	line-height: var(--base-line-height);
	background-color: var(--base-color-background);
	color: var(--base-color-text);
}

small {
	font-size: var(--base-font-size-small);
}

a, a:hover {
	color: var(--base-color-accent);
}

h1, h2, h3, h4, h5, h6 {
	color: var(--base-headings-color);
	font-family: var(--base-headings-font-family);
	font-weight: var(--base-headings-font-weight);
	line-height: var(--base-headings-line-height);
	font-size: var(--base-font-size);
}

.has-text-color h1, .has-text-color h2, .has-text-color h3, .has-text-color h4, .has-text-color h5, .has-text-color h6 {
	color: inherit !important;
}

h1 {
	font-size: var(--base-headings-font-size-1);
}

h2 {
	font-size: var(--base-headings-font-size-2);
}

h3 {
	font-size: var(--base-headings-font-size-3);
}

h4 {
	font-size: var(--base-headings-font-size-4);
}