body, h1, h2, h3, h4, h5, h6, p, span, a, ul, li, strong, b, i {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: var(--navy-blue);
}

h1 {
	font-size: 50px;
	font-weight: 700;
}
article h1 {
	font-size: 40px;
}
h1.article {
	font-size: 40px;
}
h1.project {
	font-size: 50px;
	margin-bottom: 30px;
}
h2 {
	font-size: 30px;
	margin-bottom: 20px;
	font-weight: 700;
	}
h2.large {
	font-size: 50px;
}
article h2 {
	font-size: 30px;
	margin-bottom: 10px;
	margin-top: 35px;
}
h2.project-title {
	font-size: 35px;
	margin-top: 0;
}
.project-content h2 {
	font-size: 27px;
	text-transform: inherit;
}
h3 {
	font-size: 22px;
	font-weight: 700;
	margin-bottom: 1rem;
}
article h3 {
	font-size: 22px;
}

h3.caps {
	text-transform: uppercase;
	color: var(--light-blue) !important;
	font-size: 24px;
}
.blog-text h3 {
	font-size: 24px;
}
.project-text h3 {
	font-size: 32px;
	text-transform: uppercase;
}
h3.home {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
}
.process h3 {
	font-size: 22px;
	text-transform: uppercase;
}
#contact h3 {
	text-transform: uppercase;
}
h4 {
	font-size: 25px;
	margin-bottom: 5px;
	font-weight: 700;
}
article h4 {
	font-size: 20px;
}
h4.cta {
	font-size: 21px;
	line-height: normal;
}
h4.cta-lrg {
	font-size: 28px;
}

h5 {
	font-weight: 500;	
}
a {
	color: var(--navy-blue);
}
a:hover {
	color: var(--light-blue);
}
strong {
	font-weight: 700;
}
.small {
	font-size: 13px;
}
p.large {
	font-size: 22px;
}
h6 {
	font-size: 22px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
header p {
	font-size: 15px;
}
header p a {
	color: var(--navy-blue) !important;
}
header p a:hover {
	color: var(--light-blue) !important;
}

p.med {
	font-size: 20px;
}
#nav_tab_1_content strong, #nav_tab_2_content strong, #nav_tab_3_content strong, #nav_tab_4_content strong, #nav_tab_5_content strong {
	font-size: 20px;
}
#nav_tab_1_content p, #nav_tab_2_content p, #nav_tab_3_content p, #nav_tab_4_content p, #nav_tab_5_content p {
	margin-bottom: 10px;
}
#breadcrumbs {
	font-size: 13px;
}
#breadcrumbs a {
	font-size: 13px;
}

blockquote, blockquote p {
    color: var(--white);
    font-size: 24px;
    font-weight: lighter;
}
blockquote p {
	margin-top: -53px;
}
blockquote span {
	font-weight: 700;
    color: var(--white);
}
#impact h5 {
	padding-left: 9%;
}
hr {
	border-top: 1px solid rgb(0, 0, 0) !important;
}

/** 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;
}
.teal-gradient-bg, .teal-gradient-bg h1, .teal-gradient-bg h2, .teal-gradient-bg h3, .teal-gradient-bg h4, .teal-gradient-bg h5, .teal-gradient-bg p, .teal-gradient-bg a, .teal-gradient-bg strong {
    color: #ffffff !important;
}
.blue-gradient-bg, .blue-gradient-bg h1, .blue-gradient-bg h2, .blue-gradient-bg h3, .blue-gradient-bg h4, .blue-gradient-bg h5, .blue-gradient-bg p, .blue-gradient-bg a, .blue-gradient-bg strong {
    color: #ffffff;
}
.bluebg, .bluebg h1, .bluebg h2, .bluebg h3, .bluebg h4, .bluebg h5, .bluebg p, .bluebg a, .bluebg strong {
    color: #ffffff;
}

/** 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;
}

.tick-orange ul {
  list-style: none;
  padding: 20px 20px 20px 40px;
}
.tick-orange-small ul {
  list-style: none;
  padding: 0px 0px 5px 26px;
}
.tick-orange ul li, .cross-grey ul li {
	line-height: initial;
	margin-bottom: 15px;
}
.tick-orange ul li:before {
	content: "\f058"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -40px;
	width: 40px;
	color: var(--orange);
	font-size: 30px;
	position: absolute;
}
.tick-orange-small ul li:before {
	content: "\f058"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -26px;
	width: 26px;
	color: var(--orange);
	font-size: 18px;
	position: absolute;
}
.cross-grey ul {
  list-style: none;
  padding: 20px 20px 20px 40px;
}
.cross-grey ul li:before {
	content: "\f057"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -40px;
	width: 40px;
	color: var(--black);
	font-size: 30px;
	position: absolute;
}

ul.tick-orange, ul.chevron-pink {
  list-style: none;
  padding: 0;
}
ul.chevron-orange li, ul.chevron-pink li {
  	padding-left: 20px;
	margin-bottom: 10px;
}
ul.chevron-orange li:before {
	content: "\f054"; /* FontAwesome Unicode */
	font-family: FontAwesome;
	display: inline-block;
	margin-left: -20px;
	width: 20px;
	color: var(--orange);
}
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);
}


/*----- Prev text styles ------*/

.uppercase {
	text-transform: uppercase;
}
.small {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
a.small {
	color: #868686;
}
.page_testimonial {
	font-family: serif;
	font-size: 22px;
	color: #fff;
}
.cs_testimonial {
	font-family: serif;
	font-size: 22px;
	text-align: center;
	padding: 3%;
}
.white-text h1, .white-text h2, .white-text h3, .white-text h4, .white-text h5, .white-text h6, .white-text p
{
	color:#ffffff;
	font-weight:300;
	}
.white-text p
{
	font-size:16px;
	}
.vertparent 
{
	position: relative;
	}
.vertchild {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 120px; /* was 0 */
    right: 0;
    width: 40%;
    height: 60%;
    margin: auto;
	margin-left:20px;
	padding-top: 40px;
}
.vertchildrght {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 120px; /* was 0 */
    width: 40%;
    height: 60%;
    margin: auto;
	margin-right:20px;
	padding-top: 40px;
}
.content-full-width h1, .content-full-width h2, .content-full-width h3, .content-full-width h4, .content-full-width h5, .content-full-width h6, .content-full-width p
{
	text-align:center;
	}
blockquote {
    padding: 0;
    margin: 0 0 20px;
    font-size: 17.5px;
    border-left: none;
	font-family: 'Arapey', serif;
	font-style: italic;
}
blockquote p {
	font-size: 35px;
	color: #174699;
}


/* ----------------------------------------------------- Smaller than 1480px ----------------------------------------------------- */
@media only screen and (max-width : 1480px) {

}

/* ----------------------------------------------------- Smaller than 1280px ----------------------------------------------------- */
@media only screen and (max-width : 1280px) {
	.blog-text h3 {
		font-size: 22px;
	}
}

/* ----------------------------------------------------- Smaller than 1200px ----------------------------------------------------- */
@media only screen and (max-width : 1200px) {

}

/* ----------------------------------------------------- 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: 18px;
	}

}

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

@media only screen and (max-width : 768px) {
	h1, h1.project {
		font-size: 35px;
	}
	article h1, h1.article {
		font-size: 25px;
	}
	h2 {
		font-size: 26px;
	}
	article h2 {
		font-size: 23px;
	}
	h2.project-title {
		font-size: 28px;
	}
	.project-content h2 {
		font-size: 22px;
	}
	h3 {
		font-size: 22px;
	}
	article h3 {
		font-size: 21px;
	}
	.project-text h3 {
		font-size: 20px;
	}
	h4.cta-lrg {
		font-size: 24px;
	}
	h5 {
		font-size: 1rem;
	}
	p.large {
		font-size: 18px;
	}
	header p {
		font-size: 19px;
		line-height: initial;
	}
	blockquote, blockquote p {
		font-size: 18px;
	}
	div#ez-toc-container ul li, div#ez-toc-container ul li a {
		font-size: 90% !important;
	}
	
}