@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap');
@import url('Fonts/kiona/style.css');

html,
body,
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
    font-weight:300;
}
.font-montserrat-regular {
    font-family: 'Montserrat', sans-serif;
    font-weight:400;
}
.font-montserrat-semi-bold {
    font-family: 'Montserrat', sans-serif;
    font-weight:600;
}
h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6,
.font-kiona-regular {
    font-family:Kiona Regular;
    font-style: normal;
    font-weight: normal;
}
.font-kiona-itallic {
    font-family:Kiona Itallic;
    font-style: normal;
    font-weight: normal;
}


html,
body,
.text-black,
.text-black-hover {
    color:#333;
}
.text-black-hover:hover {
    color:#111;
}
.text-grey,
.text-grey-hover {
    color:#AAA;
}
.text-grey-hover:hover {
    color:#888;
}
.text-white,
.text-white-hover {
    color:#FFF;
}
.text-white-hover:hover {
    color:#dedede;
}
.text-dark-blue,
.text-dark-blue-hover {
    color:#111529;
}
.text-dark-blue-hover:hover {
    color:#05060d;
}
.text-sky-blue,
.text-sky-blue-hover {
    color:#8A9AE5;
}
.text-sky-blue-hover:hover {
    color:#6877bd;
}
.text-blue,
.text-blue-hover {
    color:#424C79;
}
.text-blue-hover:hover {
    color:#232a4a;
}
.text-gold,
.text-gold-hover {
    color:#9F7E42;
}
.text-gold-hover:hover {
    color:#755b2a;
}
.text-red,
.text-red-hover {
    color:#9e0e0e;
}
.text-red-hover:hover {
    color:#5c0505;
}
.text-green,
.text-green-hover {
    color:#0e9e30;
}
.text-green-hover:hover {
    color:#055c09;
}


h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
    color:#555;
}
h1, .h1 {
    font-size:2.6rem;
}
h2, .h2 {
    font-size:2.2rem;
}
h3, .h3 {
    font-size:1.9rem;
}
h4, .h4 {
    font-size:1.7rem;
}
h5, .h5 {
    font-size:1.5rem;
}
h6, .h6 {
    font-size:1.3rem;
}
h1 {
    margin-bottom:1.5rem;
}

/* colours */
.grey {
    color:#999;
}
a,
.highlight {
    color:#495bab;
}
a:hover,
.highlight-hover:hover {
    color:#697BCF;
}
a:hover,
a:active {
    text-decoration:none;
}

/* other sizes */
.tiny {
    font-size:0.65rem;
}
.very-small {
    font-size:0.7rem;
}
.smaller {
    font-size:0.8rem;
}
.small {
    font-size:0.85rem;
}
.small-medium {
    font-size:0.90rem;
}
.medium {
    font-size:1rem;
}
.large {
    font-size:1.25rem;
}
.extra-large {
    font-size:1.5rem;
}
.xx-large {
    font-size:2rem;
}
.xxx-large {
    font-size:2.5rem;
}
.xxxx-large {
    font-size:3rem;
}
.xxxxx-large {
    font-size:4rem;
}

.line-spacing-tight {
    line-height:1.2;
}
.line-spacing-normal {
    line-height:1.5;
}
.line-spacing-loose {
    line-height:1.8;
}
.line-spacing-wide {
    line-height:2.1;
}