/* :root *******************************/

:root {
	--color-dark: #333;
	--color-light: #f7f7f7;
	--color-gray: #ccc;
	--color-danger: #DC3545;
	--color-success: #198754;
	--color-warning: #ffc107;
	--color-background: #fff;
	--color-text: #333;
	--color-link: #005e7a;
	--color-brand-blue: #00b9f2;
	--color-brand-blue-dark: #08010c;
	--color-brand-blue-light: #92e1f9;
	--color-brand-blue-lighter: #baecfb;
	--color-brand-blue-lightest: #e7eef7;
	--color-brand-purple: #1e032d;
	--color-brand-purple-light: #afa8b4;
	--color-brand-purple-dark: #0a010f;
	--color-brand-dark: #231f20;
	--color-brand-cream: #f9fbe3;
	--color-input-bg: #f8f9fa;
	--color-input-border: #ccc;
	--color-input-shadow: 0 0 0 5px #cff4fc;
	--font-default: "Noto Sans", sans-serif;
}

body {
	background-color: var(--color-background);
	color: var(--color-text);
	font-family: var(--font-default);
	font-size: 1rem;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1rem;
	font-weight: 800;
	margin-bottom: 0;
}

h1 {
  font-size: 3.5rem;
}

h2 {
  font-size: 2.5rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.3rem;
}

a {
	color: var(--color-link);
	transition: all ease 0.2s;

	&:hover {
		color: var(--color-link);
		text-decoration: none;
	}

	&:focus {
		outline: 1px dashed #999;
		outline-offset: 5px;
	}
}

button {
	background: transparent;
}

img {
	height: auto;
	width: 100%;
}

p {
	margin-bottom: 0;
}

label {
	font-weight: 600;
	margin-bottom: 5px;
}

ul {
	margin: 0;

	li {
		margin: 0;
		padding: 0;

		&::marker {
	  	color: #00b9f2;
			font-size: 1.3rem;
			line-height: 1.3rem;
		}
	}
}

table {
	border-radius: 5px;
	margin-bottom: 0 !important;
	overflow: hidden;

  > thead {

	  > tr {

  	  > th {
    	  background-color: var(--color-brand-purple) !important;
				color: #fff !important;

				span {
					font-weight: 400;
				}
	    }
		}
  }
}

@media (min-width: 1000px) {
}