/* Variables */
/*
	https://color.adobe.com/create/color-wheel/?base=2&rule=Shades&selected=4&name=My%20Color%20Theme&mode=rgb&rgbvalues=0.24705882352941178,0.6627450980392157,0.9607843137254902,0.12857142857142856,0.3448979591836503,0.5,0.2571428571428571,0.6897959183673006,1,0.06428571428571428,0.17244897959182515,0.25,0.2314285714285714,0.6208163265305705,0.9&swatchOrder=0,1,2,3,4
*/
:root {
	--feature-colour: #3fa9f5;
	--feature-colour-dark-1: #3287c4;
	--feature-colour-dark-2: #194462;
	--feature-colour-light-1: #8ccbf9;
	--feature-colour-light-2: #d9eefd;
	--feature-colour-light-3: #ebf6fc;
	--error-color: #dc3545;
	--ok-color: rgb(99, 182, 74);
	--error-background-color: #f2dede;
	--success-color: #34C40A;
	--warning-color: #ffc107;
	--messages-color: #004b81;
	--messages-background-color: #ebf6fc;
	--error-background-color: #ffb8b8;
	--warning-background-color: #fff7db;
	--background-colour-dark1: #ddd;
	--background-colour-light1: #f9f9f9;
	--font-color: #4A4A4A;
	--font-minor-color: #aaa;
	--grey-color: whiteSmoke;
	--border-color: #ddd;
	--grey-background-color: whiteSmoke;
	--box-shadow: 0 0.25rem 0.75rem rgba(0,0,0,.1);

	--primary-font: 'Lato';
	--primary-font-fallback: 'Open Sans';
	--secondary-font: 'Montserrat';

	--minor-font-size: 0.8rem;

}

html { font-size: 14px }

body {
	margin: 0; padding: 0;
	font-family: var(--primary-font), "Open Sans", Helvetica, Arial, sans-serif; color: var(--font-color);
	font-size: 1rem; background-color: white;
	overflow-wrap: break-word;
}


h2, h3, h4, h5, h6 { margin-top: 0 }

select {
	background: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0Ljk1IDEwIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9LmNscy0ye2ZpbGw6IzQ0NDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmFycm93czwvdGl0bGU+PHJlY3QgY2xhc3M9ImNscy0xIiB3aWR0aD0iNC45NSIgaGVpZ2h0PSIxMCIvPjxwb2x5Z29uIGNsYXNzPSJjbHMtMiIgcG9pbnRzPSIxLjQxIDQuNjcgMi40OCAzLjE4IDMuNTQgNC42NyAxLjQxIDQuNjciLz48cG9seWdvbiBjbGFzcz0iY2xzLTIiIHBvaW50cz0iMy41NCA1LjMzIDIuNDggNi44MiAxLjQxIDUuMzMgMy41NCA1LjMzIi8+PC9zdmc+) no-repeat 95% 50%;
	-moz-appearance: none; -webkit-appearance: none; appearance: none;
}

small, .minor-text { display: block; color: var(--font-minor-color) !important; }
small a, .minor-text a { color: var(--font-minor-color); }
.minor-text { font-size: var(--minor-font-size) }

button { color: var(--font-color); background:none; border:none; padding:0; font: inherit; cursor: pointer; text-align: left;}
a, button { color: var(--font-color); cursor: pointer;}
a:hover, button:hover { color: var(--font-color); text-decoration: underline; }
a:not([href]):not([tabindex]) { color: var(--font-color) }
a:not([href]):not([tabindex]).disabled, a.disabled { color: var(--font-minor-color) }
button.no-click { cursor: default !important }

input::placeholder, textarea::placeholder { color: var(--font-minor-color) !important; }
.placeholder { color: var(--font-minor-color) !important; }
.error { color: var(--error-color) !important }