/*======================================== */
/* ======== 1. BACKGROUND COLORS ======== */
/*====================================== */


/* --- 1.1) by COLOUR --- */


.bg-black {
	background-color: #000000;
}
.bg-white {
	background-color: #FFFFFF;
}
.bg-black2 {
	background-color: #454545;
}
.bg-white2 {
	background-color: #f5f5f5;
}
.bg-orange1 {
	background-color: #d47519;
}
.bg-orange2 {
	background-color: #ec7a08;
}
.bg-orange3 {
	background-color: #ebbb46;
}
.bg-orange4 {
	background-color: #f5d300;
}
.bg-red1 {
	background-color: #4f0315;
}
.bg-red2 {
	background-color: #901026;
}
.bg-red3 {
	background-color: #9f4151;
}
.bg-red4 {
	background-color: #c31a28;
}
.bg-green1 {
	background-color: #2b471a;
}
.bg-green2 {
	background-color: #2a622a;
}
.bg-green3 {
	background-color: #65aa72;
}
.bg-green4 {
	background-color: #46812b;
}
.bg-green5 {
	background-color: #6daa3f;
}
.bg-green6 {
	background-color: #dfe16a;
}
.bg-violet1 {
	background-color: #641465;
}
.bg-violet2 {
	background-color: #723264;
}
.bg-violet3 {
	background-color: #7d2981;
}
.bg-violet4 {
	background-color: #a54990;
}
.bg-blue1 {
	background-color: #67a7dc;
}
.bg-blue2 {
	background-color: #1362aa;
}
.bg-blue3 {
	background-color: #1e4385;
}
.bg-blue4 {
	background-color: #162d5e;
}
.bg-grey0 {
	background-color: #191d22;
}
.bg-grey1 {
	background-color: #344757;
}
.bg-grey2 {
	background-color: #577690;
}
.bg-grey3 {
	background-color: #5e7285;
}
.bg-grey4 {
	background-color: #7a8b9e;
}
.bg-grey5 {
	background-color: #98a6b6;
}
.bg-grey6 {
	background-color: #b8c2cf;
}
.bg-grey7 {
	background-color: #c6c7cb;
}
.bg-grey8 {
	background-color: #f5f6f8;
}
.bg-grey9 {
	background-color: #eaedf2;
}
.bg-grey10 {
    background-color: #f1f3f5;
}
.bg-grey11 {
    background-color: #5f676c;
}

/* --- 1.2) by PRODUCT --- */


.bg-practicum1 {
	background-color: #2a622a;
}
.bg-practicum2 {
	background-color: #dfe16a;
}
.bg-practicum3 {
	background-color: #333333;
}
.bg-ssa1 {
	background-color: #6daa3f;
}
.bg-ssa2 {
	background-color: #dfe16a;
}
.bg-campus1 {
	background-color: #4f0315;
}
.bg-campus2 {
	background-color: #9f4151;
}
.bg-exed1 {
	background-color: #2b471a;
}
.bg-exed2 {
	background-color: #65aa72;
}
.bg-emba1 {
	background-color: #641465;
}
.bg-emba2 {
	background-color: #7d2981;
}
.bg-mba1 {
	background-color: #a54990;
}
.bg-mba2 {
	background-color: #723264;
}
.bg-hkust1 {
	background-color: #bfccd9;
}
.bg-hkust2 {
	background-color: #21366e;
}
.bg-hkust3 {
	background-color: #e86b4f;
}


/*=================================== */
/* ======== 2. TEXT COLORS ========= */
/*================================= */


/* --- 2.1) by COLOUR --- */


.text-black {
	color: #000000;
}
.text-white {
	color: #FFFFFF;
}
.text-black2 {
	color: #222222;
}
.text-white2 {
	color: #f5f5f5;
}
.text-orange1 {
	color: #d47519;
}
.text-orange2 {
	color: #ec7a08;
}
.text-orange3 {
	color: #ebbb46;
}
.text-orange4 {
	color: #f5d300;
}
.text-red1 {
	color: #4f0315;
}
.text-red2 {
	color: #901026;
}
.text-red3 {
	color: #9f4151;
}
.text-red4 {
	color: #c31a28;
}
.text-green1 {
	color: #2b471a;
}
.text-green2 {
	color: #2a622a;
}
.text-green3 {
	color: #65aa72;
}
.text-green4 {
	color: #46812b;
}
.text-green5 {
	color: #6daa3f;
}
.text-green6 {
	color: #dfe16a;
}
.text-violet1 {
	color: #641465;
}
.text-violet2 {
	color: #723264;
}
.text-violet3 {
	color: #7d2981;
}
.text-violet4 {
	color: #a54990;
}
.text-blue1 {
	color: #67a7dc;
}
.text-blue2 {
	color: #1362aa;
}
.text-blue3 {
	color: #1e4385;
}
.text-blue4 {
	color: #162d5e;
}
.text-grey0 {
	color: #191d22;
}
.text-grey1 {
	color: #344757;
}
.text-grey2 {
	color: #577690;
}
.text-grey3 {
	color: #5e7285;
}
.text-grey4 {
	color: #7a8b9e;
}
.text-grey5 {
	color: #98a6b6;
}
.text-grey6 {
	color: #b8c2cf;
}
.text-grey7 {
	color: #c6c7cb;
}
.text-grey11 {
    color: #5f676c;
}



/* --- 2.2) by PRODUCT --- */


.text-practicum1 {
	color: #2a622a;
}
.text-practicum2 {
	color: #dfe16a;
}
.text-practicum3 {
	color: #333333;
}
.text-ssa1 {
	color: #6daa3f;
}
.text-ssa2 {
	color: #dfe16a;
}
.text-campus1 {
	color: #4f0315;
}
.text-campus2 {
	color: #9f4151;
}
.text-exed1 {
	color: #2b471a;
}
.text-exed2 {
	color: #65aa72;
}
.text-emba1 {
	color: #641465;
}
.text-emba2 {
	color: #7d2981;
}
.text-mba1 {
	color: #a54990;
}
.text-mba2 {
	color: #723264;
}