:root {
	--dark-highlight: #29285d;
	--light-highlight: #fafafa; /*to be replaced?*/
	--brand-primary: #191769;
	--primary: #009991; /*to be replaced? */
	--blue: #191769;
	--green: #62a25d;
	--orange: #df682d;
	--yellow: #ffc924;
	--dark-purple: #29285d;
	--light-blue: #469bd8;
	--pink: #fdcdbf;
}

/*
	--light: #fff; to be replaced by bs bg-light;
	--dark: #000 to be replaced by bs bg-light;
*/

@font-face {
	font-family: "Dirty Headline";
	src: url("../Fonts/dirty-headline.ttf") format("truetype");
	font-style: normal;
}

@font-face {
	font-family: "Nebulus";
	src: url("../Fonts/nebulous-regular.ttf") format("truetype");
	font-style: normal;
}

html, body {
	scroll-behavior: smooth;	
	margin: 0;
}

.bg-dark-purple {
	background: var(--dark-purple);
}

.bg-green {
	background: var(--green);
}

.bg-orange {
	background: var(--orange);
}

.bg-yellow {
	background: var(--yellow);
}

.bg-blue {
	background: var(--blue);
}

.bg-lightish {
	background: #ddd;
}

.text-dark-purple {
	color: var(--dark-purple);
}

.text-green {
	color: var(--green);
}

.txt-orange {
	color: var(--orange);
}

.text-yellow {
	color: var(--yellow);
}

.text-blue {
	color: var(--blue);
}

/* No styles */
.list-unstyled {
    padding-left: 0;
    list-style: none;
}

/* Overwrite crappy inline editor styles */
.hero-group p > *[style],
.article > *[style] {
	background: var(--dark-purple) !important;
	font-family: var(--bs-body-font-family) !important;
	font-size: var(--bs-body-font-size) !important;
	font-weight: var(--bs-body-font-weight) !important;
	line-height: var(--bs-body-line-height) !important;
	color: #fff !important;
}

.article > *[style] {
	background: #fff !important;
	color: #343a40 !important;
}

/* Colours and highlights */
.primary-highlight {
	color: var(--brand-primary)
}

.highlight-line {
	display: inline-block;
	position: relative !important;
	background-color: var(--green);
	height: 2px;
	width: 30px;
	top: -0.28571rem;
}

.highlight-line-side-primary {
	border-left: 3px solid var(--green);
}

.highlight-line-side-dark {
	border-left: 3px solid var(--orange);
}

.highlight-line-label {
	font-size: 1.1rem !important;
    text-transform: uppercase;
}

section div.strap {
	margin: 1% auto;
	margin-bottom: 1%;
	background-color: var(--green);
	height: 2px;
	width: 30px;
}

/* Effects */
.img-display {
	border-radius: 0.8rem;	 
	-webkit-box-shadow: 0 0 5px #ddd;
          box-shadow: 0 0 5px #ddd; 
}

.box-shadow:hover {
	/*-webkit-box-shadow: 0 20px 40px rgba(72,78,85,.6);
	box-shadow: 0 20px 40px rgba(72,78,85,.6);
	-webkit-transform: translateY(-15px);
	-moz-transform: translateY(-15px);
	-ms-transform: translateY(-15px);
	-o-transform: translateY(-15px);
	transform: translateY(-15px);*/
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.dropcap {
	float: left;
	width: 5rem;
    height: 5rem;
    margin-top: 0.35714rem;
    text-align: center;
    line-height: 4.78rem;
	color: #fff;
	font-weight: bold;
	background-color: var(--green);
	margin-bottom: 0.71429rem !important;
	margin-right: 1.42857rem !important;
}

/* BS Overrides */
.toast-header {
	border-bottom: 2px solid var(--orange);
}

/* Override Bootstrap primary button color */
.btn-primary {
	background-color: var(--dark-purple);
	border-color: var(--dark-purple);
}

	.btn-primary:hover,
	.btn-primary:visited,
	.btn-outline-primary:focus {
		background-color: var(--light-blue);
		border-color: var(--light-blue);
	}

	.btn-primary:focus {
		box-shadow: 0 0 0 0.25rem rgba(93, 183, 212, 0.5);
	}

.btn-outline-primary {
	color: var(--dark-purple);
	border-color: var(--dark-purple);
}

	.btn-outline-primary:hover {
		color: #fff;
		background-color: var(--dark-purple);
		border-color: var(--dark-purple);
	}