/** Imported Google fonts **/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

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

h1 {
	font-family: "Montserrat", sans-serif;
	font-size: 50px;
	line-height: 1;
	font-weight: 400;
	margin-bottom: 30px;
}


h2 {
	font-family: "Montserrat", sans-serif;
	font-size: 35px;
	margin-bottom: 20px;
	 font-weight: 400;
}



h2.large {
	font-size: 50px;
}

h3 {
	font-family: "Montserrat", sans-serif;
	font-size: 20px;
	font-weight: 400;
	margin-bottom: 1rem;
}

h3 i {
	font-family: "Montserrat", sans-serif;
	font-size: 28px;
	font-weight: 400;
	margin-bottom: 1rem;
}

.caption h3 {
	text-transform: uppercase;
}
.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;
}
.why-bubble h2 {
	margin-bottom: 0;
}
.why-bubble h4 {
	font-weight: 300;
	margin-bottom: 15px;
}
h5 {
	font-weight: 500;	
}

p {
	color: #64625E;
}
a {
	color: var(--orange);
}
a:hover {
	color: var(--black);
}
strong {
	font-weight: 700;
}
.small {
	font-size: 13px;
}
p.large {
	font-size: 18px;
}
h6 {
	font-size: 22px;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}
header p {
	font-size: 22px;
}

#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;
}

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


/* ----------------------------------------------------- Smaller than 1480px ----------------------------------------------------- */
@media only screen and (max-width : 1480px) {
	.project-text h3 {
		font-size: 26px;
		text-transform: uppercase;
	}

}

/* ----------------------------------------------------- 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) {
	.project-text h3 {
		font-size: 32px;
	}
}

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