/*
BG colours
*/
.bg--pink {
    background-color: #b02191;
    color: #ffffff;
}

.bg--pink-25 {
    background-color: rgb(176,33,145, 0.2);
}

.text--pink {
    color: #b02191;
}

.bg--mid-purple {
    background-color: #942a8d;
    color: #ffffff;
}

.bg--mid-purple-25 {
    background-color: rgb(148,42,141,0.2);
}

.text--mid-purple {
    color: #942a8d;
}

.bg--dark-purple {
    background-color: #673784;
    color: #fff
}

.bg--dark-purple-25 {
    background-color: rgb(103,55,132,0.2);
}

.text--dark-purple {
    color: #673784;
}

.bg--light-green {
    background-color: #cfede5;
}

.bg--light-green-25 {
    background-color: rgb(207,237,229, 0.2);
}

.text--light-green {
    color: #cfede5;
}

.bg--turquoise {
    background-color: #82c7b3;
}

.bg--turquoise-25 {
    background-color: #e0f1ec;
}

.text--turquoise {
    color: #82c7b3;
}

.bg--dark-green {
    background-color: #4f776b;
    color: #fff
}

.bg--dark-green-25 {
    background-color: rgb(79,119,107, 0.2);
}

.text--dark-green {
    color: #82c7b3;
}

.bg--light-blue {
    background-color: #d9def6;
}

.bg--light-blue-25 {
    background-color: rgb(217,222,246, 0.2);
}

.text--light-blue {
    color: #d9def6;
}

.bg--mid-blue {
    background-color: #697dd6;
    color: #fff
}

.bg--mid-blue-25 {
    background-color: rgb(105,125,214, 0.2);
}

.text--mid-blue {
    color: #697dd6;
}

.bg--dark-blue {
    background-color: #39457c;
    color: #ffffff;
}

.bg--dark-blue-25 {
    background-color: rgb(57,69,124, 0.2);
}

.text--dark-blue {
    color: #39457c;
}

.bg--black {
    background-color: #000000;
    color: #ffffff;
}

.bg--black-25 {
    background-color: #bfbfbf;
}

.text--black {
    color: #000000;
}

.bg--mid-grey {
    background-color: #979797;
}

.bg--mid-grey-25 {
    background-color: #e5e5e5;
}

.text--mid-grey {
    color: #979797;
}

.bg--light-grey {
    background-color: #f7f6f3;
}

.bg--light-grey-25 {
    background-color: #fdfdfc;
}

.text--light-grey {
    color: #f7f6f3;
}

.bg--white {
    background-color: #ffffff;
}

.bg--white-25 {
    background-color: white;
}

.text--white {
    color: #ffffff;
}