/* CSS reset/normalize plus HTML element styling. */

/* BREAKPOINTS:
	Desktop = > 1240px
	Small desktop = 1024-1240px
	Tablet = 600px - 1024px
	Mobile = < 600px
*/

/* RESETS */

.uk-navbar-container:not(.uk-navbar-transparent) {
	background: transparent;
}

/* COLOUR */

:root {
	--red: #cf2e2e;
	--blue: #0693e3;
	--blue-10: #E6F4FC;
	--blue-20: #CDE9F9;
	--green: #00d084;
	--teal: #42d6cb;
	--yellow: #f6ca24;
	--light-grey: #F3F3F3;
	--dark-grey: #232323;
	--link: #5bb9e9;
	--link-hover: #37aae4;
}

/* TYPE 

@font-face {
	font-family: "HI-anlp-bold";
	src: url("../fonts/AvenirNextLTPro-Bold.otf");
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family: "HI-reg";
	src: url("../fonts/SourceSansPro-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family: "HI-light";
	src: url("../fonts/SourceSansPro-Light.ttf");
	font-weight: 300;
	font-style: normal;
}
@font-face {
	font-family: "HI-light-ital";
	src: url("../fonts/SourceSansPro-LightItalic.ttf");
	font-weight: 300;
	font-style: normal;
}

*/

@font-face {
	font-family: "HI-bold";
	src: url("../fonts/SourceSansPro-Bold.ttf");
	font-weight: 700;
	font-style: normal;
}
@font-face {
	font-family: "HI-demi";
	src: url("../fonts/AvenirNextLTPro-Medium.otf");
	font-weight: 600;
	font-style: normal;
}
@font-face {
	font-family: "HI-ital";
	src: url("../fonts/SourceSansPro-Italic.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "HI-int-reg";
	src: url("../fonts/Inter-Regular.ttf");
	font-weight: 400;
	font-style: normal;
}
@font-face {
	font-family: "HI-int-bold";
	src: url("../fonts/Inter-Bold.ttf");
	font-weight: 600;
	font-style: normal;
}

body {
	font-family: "HI-int-reg", sans-serif;
	color: var(--dark-grey);
}
b, strong {
	font-family: "Hi-int-bold", sans-serif;
	font-weight: normal;
}
h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
	font-family: "Hi-demi", sans-serif;
	font-weight: 700;
	color: var(--pcrs-blue);
}
h1,
h1.uk-article-title, .h1 {
	font-size: 3rem;
	line-height: 3.125rem;
	font-family: "HI-bold", sans-serif;
}
h1.uk-article-title {
    text-align: center;
    letter-spacing: 0.5px;
    color: #4e4e4e;
}
h1.hero {
	font-size: 4rem;
	line-height: 4.375rem;
}
h2,.h2,h2.uk-text-lead {
	font-size: 2.25rem;
	line-height: 2.5rem;
	font-family: "HI-bold", sans-serif;
}
h3,.h3 {
	font-size: 1.875rem;
	line-height: 2.5rem;
}
h4,.h4 {
	font-size: 1.5rem;
	line-height: 1.875rem;
}
h5,.h5 {
	font-size: 1.125rem;
	line-height: 1.5rem;
}
a {
	color: var(--link);
    text-decoration: none;
    border-bottom: 3px solid transparent;
	transition: 0.1s;
}
p a,
h2 a, h3 a, h4 a {
	text-decoration: none;
}
.uk-link:hover,
.uk-link:focus, 
a:focus,
a:hover {
	color: var(--link-hover);
    border-bottom: 3px solid var(--yellow);
	text-decoration: none;
	transition: 0.3s;
}
.uk-button a,
.uk-button a:hover,
.uk-button a:focus {
    color: #fff;
    border-bottom: 0 solid transparent;
}
p {
    font-size: 1rem;
    line-height: 1.5rem;
}
em, i {
	color: inherit;
	font-family: "HI-ital", sans-serif;
}
blockquote {
	font-family: "HI-int-reg", sans-serif;
    font-style: normal;
    margin-left: 10px;
    padding-left: 15px;
    border-left: 20px solid var(--light-grey);
}
blockquote p {
    font-size: 1.1rem;
    line-height: 1.5;
}
blockquote cite {
    font-size: 1.1rem;
	font-family: "Hi-ital", sans-serif;
    font-style: normal;
    line-height: 1.3;
}
.uk-text-meta {
    color: #999;
	font-family: "HI-ital", sans-serif;;
    margin: 0.25rem 0 1rem;
    font-size: 1rem;
}