:root {
	/*Colour Palette*/
	--header-color: rgb(27, 82, 131);
	--button-color: #11284A;
	--legend-background: #FFC107;
	--alert-background: #FFC107;
	--info-light-background: #fbf0c9;
}

@font-face {
	font-family: 'Main-Font';
	src: url('/fonts/OpenSans/OpenSans-VariableFont_wdth,wght.woff') format('woff');
}

hr.thick {
	border-top: 5px solid black;
}

.alert-success {
	border-radius: 12px !important;
}
.text-success {
	color: blue !important;
	background-color: transparent !important;
}

.alert-danger {
	border-radius: 12px !important;
}


.alert-info-light {
	background-color: var(--info-light-background) !important;
	border-radius: 12px !important;
	padding: 1em !important;
}


.text-danger {
	color: red !important;
	background-color: transparent !important;
}

.form-group,
.form-group label,
.form-control,
.body-content {
	font-family: Main-Font, sans-serif !important;
	padding-left: 15px !important;
	padding-right: 15px !important;
	font-size: 24px !important;
	line-height: 36px !important;
}

	.form-group,
	.form-group label,
	.form-control
 {

		font-weight: bold !important;

	}

.body-content {
	font-weight: normal !important;
}

.dcg-button {
	background-color: var(--button-color) !important;
	color: white !important;
	font-size: 30px !important;
	padding: 0.5em;
	border-radius:16px !important;
}
	.dcg-button:focus {
		box-shadow: #FFC107 0px 0px 0px 6px !important;
	}

	.dcg-button:hover {
		box-shadow: #FFC107 0px 0px 0px 6px !important;
	}

	.form-control {
	min-height: 50px !important;
	padding: 6px 12px !important;
	line-height: 2 !important;
	background-color: white !important;
	border: 1px solid black !important;
	border-radius: 4px !important;
	font-weight: normal !important;
}

	.form-control:focus {
		box-shadow: #FFC107 0px 0px 0px 3px !important;
		border: 1px solid rgba(174, 115, 0, 0.8) !important;
		background-color: white !important;
	}


option {
	background-color: whitesmoke !important;
}

	select:hover {
		background-color: whitesmoke !important;
	}

.alert-info {
	background-color: var(--alert-background) !important;
	border-radius: 12px !important;
	padding: 1em !important;
}

	.alert-info a {
		color: var(--header-color);
		text-decoration:underline;
		font-weight:bold;
	}

.sub-text {
	font-size: 20px !important;
	font-weight: normal;
	line-height: 1.5 !important;
}

h1 {
	font-family: Main-Font, sans-serif !important;
	font-size: 32px !important;
	line-height: 38px !important;
	font-weight: bold !important;
	color: var(--header-color);
}

h2 {
	font-family: Main-Font, sans-serif !important;
	font-size: 28px !important;
	line-height: 38px !important;
	font-weight: bold !important;
	color: var(--header-color);
}

.panel legend {
	border-bottom: solid 4px var(--legend-background) !important;
}

	.panel legend span {
		color:var(--header-color);
		padding: 1em 2em 1em 1em;
		border-radius: 0px 50px 0px 0px;
		background-color: var(--legend-background) !important;
	}

.tooltip {
	width:500px;
	font-family: Main-Font, sans-serif !important;
	font-size: 18px !important;
}
.sub-questions{
	padding:1em 1em 0 1em ;
	background-color:whitesmoke;
	border:solid 1px var(--header-color);
	margin:0 1em 2em 1em;
}

.panel-heading{
	margin-top: 0.5em;
}