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

/** Imported website fonts **/
@import url('https://fonts.googleapis.com/css?family=Yeseva+One');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');


p, span, a, ul, li, strong, b, i {
    font-family: 'Open Sans', sans-serif;
	color: #1F355E;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Yeseva One', cursive;
	color: #1F355E;
}
h1 {
	color: #1F355E;
	}
h2 {
	color: #FF8D6A;
	}
.serif {
	font-family: 'Yeseva One', cursive;
}
strong {
	font-weight: 700;
}
.light {
	font-weight: 300;
}
.small {
	font-size: 13px;
	font-family: 'Yeseva One', cursive;
}
.medium {
	font-size: 15px;
}
#breadcrumbs {
	font-size: 13px;
	color: #000;
}
#breadcrumbs a {
	font-size: 13px;
	color: #000;
}
/** font sizes **/
.font-sml-mbl {
    font-size: 12px;
}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {
/* Small Devices, Tablets */
	.h1, h1 {
    font-size: 1rem;
}
	h2 {
		font-size: 20px;
		line-height: 26px;
	}

}
@media only screen and (min-width : 768px) {
    .font-sml-mbl {
        font-size: 35px;
    }
	.h1, h1 {
    font-size: 1.5rem;
}
}
@media only screen and (min-width : 968px) {
	.h1, h1 {
    font-size: 1.3rem;
}
}
/* Large Devices, Wide Screens */
@media only screen and (min-width : 1150px) {
	h2 {
		font-size: 40px;
		line-height: 46px;
	}
}
@media only screen and (min-width : 1400px) {
	.h1, h1 {
    font-size: 1.5rem;
}
}

.font-10 {
    font-size: 10px !important;
}
.font-11 {
    font-size: 11px;
}
.font-12 {
    font-size: 12px;
}
.font-13 {
    font-size: 13px;
}
.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: #666C6C;
}
.text-orange, .text-orange h1, .text-orange h2, .text-orange h3, .text-orange h4, .text-orange h5, .text-orange p, .text-orange a {
    color: #FF8D6A !important;
}
.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: #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;
}