/**
 * CSS specific to the BMT - Business Management Tool fonts and colours
 */

/** Imported website fonts **/
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

p, span, a, ul, li, strong, b, i {
    font-family: "Roboto", sans-serif;
}

h1, h2, h3, h4, h5, h6 {
   font-family: "IBM Plex Sans", sans-serif;
	text-transform: uppercase;
	color: #000;
}
h1 {
	font-weight: 600;
    font-size: 40px;
	color: var(--dark-blue);
	}

.strong h1 {
    color: var(--light-blue) !important;
}
.banner h1 {
    font-size: 3.3vw; /*was 3.5rem*/
	color: white !important;
  }
h2 {
    font-size: 30px;
	font-weight: 600;
	margin-bottom: 20px;
    color: var(--dark-blue) !important;
	}



.xl h2 {
  font-size: 40px;
	}


h3 {
    font-size: 30px;
	font-weight: 600;
	margin-bottom: 5px;
	color: var(--dark-blue); 
}
.footer-section h3 {
    font-size: 22px;
}

h4 {
    color: var(--dark-blue);
	font-size: 1.3rem; 
}

h5 {
    color: white; 
}

p {
    color: #000000;
}

.strong p {
    color: #000000;
}

strong {
	font-weight: 700;
    color: var(--dark-blue) !important;
}
.light {
	font-weight: 300;
}
.small {
	font-size: 13px;
}
.description {
	color: #888888;
	font-size: 14px;
}
#breadcrumbs {
	font-size: 13px;
	color: #777;
}
#breadcrumbs a {
	font-size: 13px;
	color: #777;
	font-weight: 300;
}
/** font sizes **/
.font-sml-mbl {
    font-size: 12px;
}

.dark-blue-bg h2, .dark-blue-bg h3, .dark-blue-bg h4, .dark-blue-bg h5, .dark-blue-bg h6, .dark-blue-bg p, .dark-blue-gradient h2, .light-blue-gradient h2, .dark-blue-gradient p, .light-blue-gradient p, .light-blue-gradient h3, .dark-blue-bg p {
    color: white !important;
}
.dark-blue-bg strong {
	color: var(--light-blue) !important;
}
.dark-blue-bg a, .dark-blue-bg p a {
	color: var(--light-blue) !important;
}
.two-tone-bg strong {
	color: var(--white) !important;
}
.two-tone-bg a, .two-tone-bg p a {
	color: var(--white) !important;
}
.light-blue-bg h2, .light-blue-bg h3, .light-blue-bg h4, .light-blue-bg h5, .light-blue-bg h6, .light-blue-bg p {
	color: var(--dark-blue) !important;
}
.light-blue-gradient strong {
    color: var(--dark-blue) !important;
}
/*.light-blue-bg strong {
    color: #fff !important;
}*/

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
/* Small Devices, Tablets */


}
@media only screen and (min-width : 768px) {
	

}
@media only screen and (min-width : 968px) {

}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1150px) {
	
.xl h2  {
    font-size: 70px;
	font-weight: 600;
	margin-bottom: 5px;
	}
}

.font-10 {
    font-size: 10px;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-14 {
    font-size: 14px;
}
.font-15 {
    font-size: 15px;
}
.font-16 {
    font-size: 16px;
}
.font-18 {
    font-size: 18px;
}
.font-19 {
    font-size: 19px;
}
.font-20 {
    font-size: 20px;
}
.font-22 {
    font-size: 22px;
}
.font-24 {
    font-size: 24px;
}
.font-25 {
    font-size: 25px;
}
.font-26 {
    font-size: 26px;
}
.font-28 {
    font-size: 28px;
}
.font-30 {
    font-size: 30px;
}
.font-32 {
    font-size: 32px;
}
.font-35 {
    font-size: 35px;
}
.font-40 {
    font-size: 40px;
}
.font-50 {
    font-size: 50px;
}
.font-55 {
    font-size: 55px;
}
.font-60 {
    font-size: 60px;
}
.font-75 {
    font-size: 75px;
}
.font-100 {
    font-size: 100px;
}
.font-110 {
    font-size: 110px;
}
.font-120 {
    font-size: 120px;
}

/** Important overrides **/
.font-40-important {
    font-size: 40px !important;
}

/** Font weights **/
.weight-100 {
    font-weight: 100;
}
.weight-300 {
    font-weight: 300;
}
.weight-400 {
    font-weight: 400;
}
.weight-600 {
    font-weight: 600;
}

/** text transform property **/
.text-capitalize {
    text-transform: capitalize;
}
.text-shadow {
    text-shadow: 1px 1px 2px #000000, 0 0 25px  #000000, 0 0 5px  #000000;
}

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

.link-no-decoration {
    text-decoration: none !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;
}
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;
}


@media only screen and (max-width : 1200px) {
	.product-bg h4 {
		font-size: 20px;
	}

}

@media only screen and (max-width : 600px) {
	h1, .banner h1 {
		font-size: 6vw;
	}
	.woocommerce div.product p.price, .woocommerce div.product span.price {
		font-size: 18px !important;
	}
	.woocommerce-tabs h2 {
		font-size: 5.5vw;
	}

}