/*
 * Apply Cairo Font to the entire system
 * Using the universal selector (*) to override all other font definitions.
*/
html, body, *, *::before, *::after {
    font-family: 'Cairo', sans-serif !important;
}
.navbar-brand img {

}

.aspect-1 {
    aspect-ratio: 1;
}

/* FIX: Exclude Icons from Cairo Font Override */
[class^="czi-"], [class*=" czi-"], 
[class^="czi-"]::before, [class*=" czi-"]::before,
[class^="czi-"]::after, [class*=" czi-"]::after {
    font-family: "sixvalley-icons" !important;
}

.fa, .fas, .far, .fal, .fab, 
.fa::before, .fas::before, .far::before, .fal::before, .fab::before,
.fa::after, .fas::after, .far::after, .fal::after, .fab::after {
    font-family: "FontAwesome", "Font Awesome 5 Free", "Font Awesome 5 Brands" !important;
}

.bi, [class^="bi-"], [class*=" bi-"], 
.bi::before, [class^="bi-"]::before, [class*=" bi-"]::before,
.bi::after, [class^="bi-"]::after, [class*=" bi-"]::after {
    font-family: "bootstrap-icons" !important;
}

.tio, [class^="tio-"], [class*=" tio-"], 
.tio::before, [class^="tio-"]::before, [class*=" tio-"]::before,
.tio::after, [class^="tio-"]::after, [class*=" tio-"]::after {
    font-family: 'Themify', sans-serif !important;
}