:root {
	--cyan: #3769E4;
	--blue: #0f2749;
	--orange: #FF7100;
	--gray-dark: #6D6D6D;
	--gray-light: #cccccc;
	--yellow: #FFE400;
	--green: #009A42;
	--primary: #0f2749;
	--success: #009A42;
	--warning: #FFE400;
}

::selection {
	color: var(--warning);
}


// Define the fonts

@font-face {
	font-family: 'lexend';
	src: url('/static/fonts/lexend-regular.ttf') format)('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'lexend';
	src: url('/static/fonts/lexend-bold.ttf') format)('truetype');
	font-weight: bold;
	font-style: normal;
	font-weight: 700;
}



@font-face {
  font-family: 'ZuumeRough';
  src: url('/static/fonts/ZuumeRough-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'ZuumeRough';
  src: url('/static/fonts/ZuumeRough-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'ZuumeRough';
  src: url('/static/fonts/ZuumeRough-Italic.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

body {
	font-family: "lexend", monospace, ui-sans-serif;
	font-weight: 400;
	font-style: normal;
	background-color: var(--blue);
}
a:active, a:hover, a:link, a:visited, a.qanelassoft-extrabold:active, a.qanelassoft-extrabold:link, a.qanelassoft-extrabold:visited  {
	color: var(--blue);
	text-decoration: none;
	font-family: "lexend", ui-sans-serif;
}


a.btn-on-yellow, a.btn-on-yellow:hover {
	color: var(--yellow)!important;
	background-color: var(--blue)!important;
	border-color: var(--blue)!important;
	
}

a.btn-on-yellow:link, a.btn-on-yellow:visited {
	color: var(--blue);
}

a.h6-on-emrblue, a.h6-on-emrblue:link, a.h6-on-emrblue:visited {
	font-family: "lexend", ui-sans-serif;
}

a.h6-on-emrblue:hover {
	color: var(--green);
}

a.nav-link, a.nav-link-masthead, a.textlink-megamenu, a.textlink-megamenu-parent, a.textlink-megamenu-nolink, a.textlink-megamenu-infant, a.nav-link:visited, a.nav-link-masthead:link, a.nav-link-masthead:visited, a.textlink-megamenu, a.textlink-megamenu:link, a.textlink-megamenu:visited, a.textlink-megamenu-parent:link,a.textlink-megamenu-parent:visited, a.textlink-megamenu-infant:link, a.textlink-megamenu-infant:visited, h4.textlink-megamenu-nolink  {
	font-family: 'bebas-neue', ui-sans-serif;
	color: var(--blue)!important;
}


h1, h2, h3 {
  font-family: 'bebas-neue', ui-sans-serif;
  font-weight: normal;
  font-style: normal;
  text-transform: uppercase;
}

h1.fontsize-hero {
	font-family: 'ZuumeRough', ui-sans-serif;
	font-weight: bold;
	font-style: normal;
	font-size: 7rem;
}

h1.fontsize-pagetitle, h1.fontsize-pagetitle strong {
	font-family: 'ZuumeRough', ui-sans-serif;
}



p {
	font-family: "lexend", monospace, sans-serif;
	font-weight: 400;
	font-style: normal;
}

.bgcolour-emrblue {
	background-color: var(--blue);
}

.bgcolour-emrcyan {
	background-color: var(--cyan);
}
.bgcolour-emrgreen {
	background-color: var(--green);
}

.bgcolour-emryellow {
	background-color: var(--yellow);
}

.bgcolour-lightgrey {
	background-color: var(--gray-light);
}

.carousel-caption-link-white-on-emrgreen {
	font-family: 'ZuumeRough', ui-sans-serif !important;
}

.card-title {
	font-family: 'bebas-neue', ui-sans-serif;
}
.container-sidemenu-local {
	background-color: var(--blue);
}

.fontcolour-emrblue {
	color: var(--blue);
}

.fontcolour-emrgreen {
	color: var(--green);
}

.fontcolour-emryellow {
	color: var(--yellow);
}

.fontsize-carouseltitle {
	font-family: 'ZuumeRough', ui-sans-serif;
}

.qanelassoft-bold {
	font-family: "bebas-neue", sans-serif;
	font-weight: 500;
}

.qanelassoft-extrabold {
	font-family: "bebas-neue", sans-serif;
	font-style: normal;
	font-weight: 700;
}