@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,300,700|Shanti');
body {
	font-family: Arial, Helvetica, sans-serif /*{Global | body-font-family}*/;
	font-size: 14px /*{Global | body-font-size}*/;
	color: #333333 /*{Global | body-font-colour}*/;
	background-image: none;
	background-color: rgba(255, 255, 255, 1) /*{Global | body-background-colour}*/;
}
a {
	color: rgba(5, 45, 121, 1) /*{Global | link-text-colour}*/;
}
a:hover, a:focus {
	color: rgba(5, 92, 255, 1) /*{Global | link-text-hover-colour}*/;
}
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: Arial, Helvetica, sans-serif /*{Headings | headers-font-family}*/;
	color: #333333 /*{Headings | headers-colour}*/;
}
.carousel-caption h3, .carousel-caption h2,.carousel-caption .h3,.carousel-caption p {
	color: #ffffff /*{Home Page | carousel-text-colour}*/;
}
h1, .h1 {
	font-size: 36px /*{Headings | header-1-font-size}*/;
}
h2, .h2 {
	font-size: 30px /*{Headings | header-2-font-size}*/;
}
h3, .h3 {
	font-size: 24px /*{Headings | header-3-font-size}*/;
}
h4, .h4 {
	font-size: 18px /*{Headings | header-4-font-size}*/;
}
h5, .h5 {
	font-size: 14px /*{Headings | header-5-font-size}*/;
}
/* Secondary button */
.btn-outline-secondary, .btn-default {
	color: #333333 /*{buttons | btn-default-text-colour}*/;
	background-color: rgba(255, 255, 255, 1) /*{buttons | btn-default-background-colour}*/;
	border-color: rgba(164, 164, 164, 1) /*{buttons | btn-default-border-colour}*/;
}
.btn-outline-secondary:hover, .btn-default:hover{
	color: rgba(255, 255, 255, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(51, 51, 51, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(164, 164, 164, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary.disabled, .btn-default:disabled {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(51, 51, 51, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(164, 164, 164, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle,
.btn-default:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled).active, .show > .btn-default.dropdown-toggle {
	color: rgba(255, 255, 255, 1) /*{buttons | btn-default-text-colour-hover}*/;
	background-color: rgba(51, 51, 51, 1) /*{buttons | btn-default-background-colour-hover}*/;
	border-color: rgba(164, 164, 164, 1) /*{buttons | btn-default-border-colour-hover}*/;
}
/* Primary button */
.btn-primary {
	color: #ffffff /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(5, 45, 121, 1) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgba(5, 45, 121, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-primary:hover {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(5, 92, 255, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(5, 92, 255, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
.btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	color: #ffffff /*{buttons | btn-primary-text-colour-hover}*/;
	background-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(5, 92, 255, 1) /*{buttons | btn-primary-border-colour-hover}*/;
}
/* Outline primary */
.btn-outline-primary {
	color: rgba(5, 45, 121, 1) /*{buttons | btn-primary-background-colour}*/;
	border-color: rgba(5, 45, 121, 1) /*{buttons | btn-primary-border-colour}*/;
}
.btn-outline-primary:hover {
	color: #ffffff /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
}
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
	color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	background-color: transparent;
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	color: #ffffff /*{buttons | btn-primary-text-colour}*/;
	background-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
	border-color: rgba(247, 121, 29, 1) /*{buttons | btn-primary-background-colour-hover}*/;
}
/* Success Button */
.btn-success {
	color: #ffffff /*{buttons | btn-success-text-colour}*/;
	background-color: rgba(5, 45, 121, 1) /*{buttons | btn-success-background-colour}*/;
	border-color: rgba(5, 45, 121, 1) /*{buttons | btn-success-border-colour}*/;
}
.btn-success:hover{
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(5, 92, 255, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(5, 92, 255, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success.disabled, .btn-success:disabled {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(5, 92, 255, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(5, 92, 255, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle {
	color: #ffffff /*{buttons | btn-success-text-colour-hover}*/;
	background-color: rgba(5, 92, 255, 1) /*{buttons | btn-success-background-colour-hover}*/;
	border-color: rgba(5, 92, 255, 1) /*{buttons | btn-success-border-colour-hover}*/;
}
.navigation-list li a {
	color: rgba(255, 255, 255, 1) /*{Header | mobile-header-links}*/;
}
@media(max-width:767px){
    .header-bottom-nav a, .header-bottom-nav .dropdown-menu > li > a,
    .header-xs-nav a, .header-xs-nav .dropdown-menu > li > a{
		color: rgba(255, 255, 255, 1) /*{Header | mobile-header-links}*/;
		text-align: left !important;
	}
}
/* Pagination */
.page-link{
	color: #3AB0D3 /*{General | pagination-text-colour} */;
	background-color: #fff /*{General | pagination-bg-colour} */;
}
.page-item.active .page-link {
	color: #fff /*{General | pagination-bg-colour} */;
	background-color: #3AB0D3 /*{General | pagination-text-colour} */;
	border-color: #3AB0D3 /*{General | pagination-text-colour} */;
}
/* Header */
.header-top-nav{
	background-color: rgba(5, 45, 121, 1) /*{Header | top-menu-background-colour}*/;
}
.header-top-nav .header-menu > li > a{
	color: rgba(255, 255, 255, 1) /*{Header | top-link-colour}*/;
}
.header-middle-nav{
	background-color: rgba(255, 255, 255, 0.8) /*{Header | header-background-colour}*/;
	border-color: rgba(255, 255, 255, 0.8) /*{Header | header-background-colour}*/;
}
.header-bottom-nav, .header-xs-nav{
	background-color: rgba(5, 92, 255, 1) /*{Header | Main-menu-background-colour}*/;
}
.header-bottom-nav a, .header-xs-nav a{
	color: rgba(255, 255, 255, 1) /*{Header | main-menu-link-colour}*/;
}
.header-bottom-nav .nav > li > a:hover, .header-xs-nav .nav > li > a:hover{
	background-color: rgba(255, 255, 255, 1) /*{Header | main-menu-hover-background-colour}*/;
	color: rgba(164, 164, 164, 1) /*{Header | main-menu-hover-link-colour}*/;
}
.page-header{
	border-color: rgba(5, 45, 121, 1) /*{Buttons | btn-primary-background-colour}*/;
}
/* Products page */
.wrapper-category-image .title{
	background-color: rgba(5, 45, 121, 1) /*{Buttons | btn-primary-background-colour}*/;
}
/* Footer  */
.wrapper-footer-subscribe{
	background-color: rgba(5, 92, 255, 1) /*{Footer | newsletter-background-colour}*/;
	color: rgba(255, 255, 255, 1) /*{Footer | newsletter-text-colour}*/;
}
.wrapper-footer-subscribe h4{
	color: rgba(255, 255, 255, 1) /*{Footer | newsletter-text-colour}*/;
}
/* This was added by Matt so we apply same above style to the new p element that has class .h4 */
.wrapper-footer-subscribe p.h4{
	color: rgba(255, 255, 255, 1) /*{Footer | newsletter-text-colour}*/;
}
.wrapper-footer{
	background-color: rgba(255, 255, 255, 0.8) /*{Footer | footer-background-colour}*/;
}
/* Block of styles here has been moved to app.scss (Matt 25/6/2024) */
/* Set a consistent colour for social media icons in header, eg all white if the header background is dark */
.text-socials-header {
	color: rgba(255, 255, 255, 1) /*{Header | top-menu-socials-colour}*/; 
}
/* Allow a different colour style for hyperlinks in the newsletter section */
.wrapper-footer-subscribe {
	a {
		color: rgba(255, 255, 255, 1) /*{Footer | newsletter-link-text-colour}*/;
	}
	a:hover, a:focus {
		color: rgba(247, 121, 29, 1) /*{Footer | newsletter-link-text-hover-colour}*/;
	}
}