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

/** Imported website fonts **/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,700;1,400&display=swap');

h1, h2, h3, h4, h5, h6, p, span, a, ul, li, strong, b, i {
    font-family: 'Montserrat', sans-serif;
}
h1 {
	font-weight: 700;
	font-size: 45px;
	}
.caption h1 {
	font-size: 75px;
}
.caption {
	font-size: 25px;
}
h2 {
	font-weight: 700;
	font-size: 25px;
	line-height: 32px;
	margin-bottom: 30px;
	text-transform: uppercase;
	border-bottom: solid 2px #BDD0C4;
	}
h2.widget-header {
	font-size: 25px;
	margin-top: 45px;
}
strong {
	font-weight: 700;
}
.light {
	font-weight: 300;
}
/** font sizes **/
.font-sml-mbl {
    font-size: 12px;
}
.small-white {
    font-size: 18px;
	color: #FFFF;
}
/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
    .font-sml-mbl {
        font-size: 35px;
    }
	h2 {
	font-size: 30px;
	line-height: 40px;
	}
	h1 {
	font-size: 45px;
	}

}
@media only screen and (min-width : 968px) {
    .dt-text-right {
        text-align: right !important;
    }
	h2 {
	font-size: 35px;
	line-height: 45px;
	}
	h1 {
	font-size: 55px;
	}
}
.font-10 {
    font-size: 10px !important;
}
.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-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;
}
.uppercase {
	text-transform: uppercase;
}
.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 {
    color: #ffffff;
}
.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: #666C6C;
}
.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.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: #666C6C;
}
a.blue-link:link, a.blue-link:visited, a.blue-link:hover, a.blue-link:active, a.blue-link:focus {
    color: #0073bb;
}
a.pink-link:link, a.pink-link:visited, a.pink-link:hover, a.pink-link:active, a.pink-link:focus {
    color: #e73358;
}
a.light-grn-link:link, a.light-grn-link:visited, a.light-grn-link:hover, a.light-grn-link:active, a.light-grn-link:focus {
    color: #a0c500;
}