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

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
	color: #000;
}
h1 {
	font-weight: 300;
	text-transform: uppercase;
	}
h2 {
	font-weight: 300;
	margin-bottom: 5px;
	text-transform: uppercase;
	}
h2.large {
	font-size: 50px;
	font-weight: 700;
}
h3 {
	font-size: 30px;
	font-weight: 700;
	text-transform: uppercase;
}
h4 {
	text-transform: uppercase;
	font-size: 25px;
	margin-bottom: 5px;
}
h5 {
	font-weight: 700;
}
a {
	color: var(--dark-grey);
}
a:hover {
	color: var(--red);
	text-decoration: none;
}
strong {
	font-weight: 700;
}
.bold-red strong {
	color: var(--red);
}
.light {
	font-weight: 300;
}
.small {
	font-size: 13px;
}

#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;
}
.text-black, .text-black h1, .text-black h2, .text-black h3, .text-black h4, .text-black h5, .text-black p {
    color: #000000;
}
.text-grey, .text-grey h1, .text-grey h2, .text-grey h3, .text-grey h4, .text-grey h5, .text-grey p {
    color: #b6b6b6;
}
.text-blue, .text-blue h1, .text-blue h2, .text-blue h3, .text-blue h4, .text-blue h5, .text-blue p {
    color: #0079C1;
}


/** 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;
}
a.black-link:link, a.black-link:visited, a.black-link:hover, a.black-link:active, a.black-link:focus {
    color: #000000;
}
a.grey-link:link, a.grey-link:visited, a.grey-link:hover, a.grey-link:active, a.grey-link:focus {
    color: #b6b6b6;
}
a.dkgrey-link:link, a.dkgrey-link:visited, a.dkgrey-link:hover, a.dkgrey-link:active, a.dkgrey-link:focus {
    color: #2b2b2b;
}
a.blue-link:link, a.blue-link:visited, a.blue-link:hover, a.blue-link:active, a.blue-link:focus {
    color: #0073bb;
}

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

@media only screen and (max-width : 768px) {
	h1 {
		font-size: 30px;
	}
	h2 {
		font-size: 27px;
	}
	h2.woocommerce-loop-product__title {
		font-size: 13px !important;
	}
	h3 {
		font-size: 25px;
	}
}