/** Imported Google fonts **/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

body, p, span, a, ul, li, strong, b, i {
    font-family: 'Montserrat', sans-serif;
	color: var(--navy-blue);
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
	color: var(--navy-blue);
}
h1 {
	font-size: 65px;
	font-weight: 700;
	}
article h1 {
	font-size: 35px;
}
h2 {
	font-size: 32px;
	margin-bottom: 20px;
	font-weight: 700;
	}
h2.large {
	font-size: 50px;
}
article h2 {
	font-size: 30px;
	margin-bottom: 10px;
	margin-top: 35px;
}
h3 {
	font-size: 28px;
	font-weight: 700;
}
article h3 {
	font-size: 24px;
}
.blog-text h3 {
	font-size: 24px;
}
h4 {
	font-size: 25px;
	margin-bottom: 5px;
	font-weight: 700;
}
article h4 {
	font-size: 20px;
}
h5 {
	font-weight: 700;
}
a {
	color: var(--navy-blue);
}
a:hover {
	color: var(--teal);
}
strong {
	font-weight: 700;
}
.small {
	font-size: 13px;
}
p.large {
	font-size: 22px;
}
p.med {
	font-size: 18px;
}
#breadcrumbs {
	font-size: 13px;
}
#breadcrumbs a {
	font-size: 13px;
}

/** different font colours **/
.text-white, .text-white h1, .text-white h2, .text-white h3, .text-white h4, .text-white h5, .text-white p, .text-white a {
    color: #ffffff !important;
}

/** different link colours **/
a.white-link:link, a.white-link:visited, a.white-link:hover, a.white-link:active, a.white-link:focus {
    color: #ffffff;
}
a.white-link i {
	color: #fff;
}

ul.chevron-teal, ul.chevron-pink {
  list-style: none;
  padding: 0;
}
ul.chevron-teal li, ul.chevron-pink li {
  	padding-left: 20px;
	margin-bottom: 10px;
}
ul.chevron-teal li:before {
	content: "\f054"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -20px;
	width: 20px;
	color: var(--teal);
}
ul.chevron-pink li:before {
	content: "\f054"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -20px;
	width: 20px;
	color: var(--pink);
}
/* other placements to use chevrons for bullet points */
.lozenge-navy ul {
  list-style: none;
  padding: 0;
}
.lozenge-navy ul li {
  	padding-left: 20px;
	margin-bottom: 10px;
}
.lozenge-navy ul li:before {
	content: "\f054"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -20px;
	width: 20px;
	color: var(--teal);
}

/* ----------------------------------------------------- Smaller than 1080px ----------------------------------------------------- */
@media only screen and (max-width : 1080px) {
	h1 {
		font-size: 50px;
	}

}

/* ----------------------------------------------------- Smaller than 900px ----------------------------------------------------- */
@media only screen and (max-width : 900px) {
	p.med {
		font-size: 15px;
	}

}

/* ----------------------------------------------------- Smaller than 768px - iPad portrait ------------------------------------------------------ */

@media only screen and (max-width : 768px) {
	h1 {
		font-size: 27px;
	}
	article h1 {
		font-size: 25px;
	}
	h2 {
		font-size: 23px;
	}
	article h2 {
		font-size: 23px;
	}
	h3 {
		font-size: 22px;
	}
	article h3 {
		font-size: 21px;
	}
	p.large {
		font-size: 18px;
	}
	
}