h2, h1, h3, h4, h5, h6 {
    color: black !important;
}




#sidebar-menu .list-group-item.list-group-item-parent:not(.collapsed) {
    background-color: #ab3a9a !important;
    border-color: #ab3a9a !important;
}


.filter {
    background: #f2f0f1 !important;
}

.filter h3 {
    color: #555555 !important;
}

.filter a {
    text-decoration: none !important;
}

.nav-bg-grey .nav-link {
    color: black !important;
    text-decoration: none !important;
}

.nav-link.active {
    color: #fff !important;
    text-decoration: none !important;
}

.societies-a-z-block {
    border: 3px solid black;
    padding: 10px !important;
}

.societies-a-z-block .tab-content {
    padding-left: 15px;
    padding-right: 15px;

}

.societies-a-z-block .alphabetical a, .societies-a-z-block .categories a {
    border-radius: 25px !important;
    border: 1px solid #d3c9cc !important;
    padding-right: 8px !important;
    padding-left: 8px !important;
}

.societies-a-z-block h2 {
    padding: 10px !important;
    margin-bottom: -20px;
    font-size: 3em !important;
}

.societies-a-z-block .nav-pills .nav-link, .societies-a-z-block .nav-tabs .nav-link {
    border: 2px solid black !important;
    border-radius: 5px;
    color: black !important;
}

.societies-a-z-block .nav-item {
    margin: 5px;
}

.clubs-nav-block[role=tablist]:not([data-tabs-mobile-type=slide-up-down]):not( [data-tabs-mobile-type=accordion]):not( [data-scroll]) {
    display: flex !important;
}

.clubs-nav-block .nav-item .nav-link.active {
    background-color: black !important;
    border-color: black !important;

}

.clubs-nav-block .nav-item .nav-link.active h4 {

    color: white !important;
}


.activities-list .nav-link.active {
    background-color: black !important;
    color: white !important;

}

.g-color-grey {
    color: #555555 !important;
}


.activity-article {
    width: 18%;

    float: left !important;
    margin-left: auto;
    margin-right: auto;
    text-align: center;

    background: #ededed;

    padding: 5px;
    overflow: hidden !important;
}

.activity-article .h6 {
    font-size: 1em !important;
    color: black !important;
}

.activity-article img {

    width: 100% !important;
}

.socs-list .activity-article:nth-child(n+6) {
    display: none;

}

.socs-list.open .activity-article:nth-child(n+6) {
    display: block;

}

.socs-list-extended .activity-article:nth-child(n+13) {
    display: none;

}

.socs-list-extended.open .activity-article:nth-child(n+13) {
    display: block;

}

.sports-a-z-block .activity-article {
    min-height: 120px !important;

    padding-top: 3%;
}


.volunteering-a-z-block .activity-article {

    margin: 5px !important;

    margin-bottom: 30px !important;
}

.sport-section-img {
    width: 32% !important;
}

.quote-text {
    margin-left: 30px;
    margin-right: 30px;
    padding: 15px;
    background-color: #f2f0f1;
    border-radius: 25px;

}

.index-grid-structure img {
    width: 30%;
    margin: 10px;
}

.fitness-grid-structure img {
    width: 45%;
    margin: 10px;
}

.btn {
    border: 1px solid #c452b4;
    border-radius: 15px;
}

.btn:hover {
    background-color: #c452b4;
    color: white;
}

.btn-more {
    color: black;
    padding: 5px 10px;
    border: 2px solid black;
    border-radius: 15px;
}

.btn-more:hover {
    color: white !important;
    background: black;
}

.max-300 {
    max-width: 300px !important;
}

.container-custom {
    max-width: 1300px;
}

.hero-bg {
    padding-top: 100px;
    padding-bottom: 130px;
    background-size: cover;
    background-position: 50% 30%;
    background-repeat: no-repeat;
    border-bottom: 10px solid #E85DD5;
    margin-bottom: 0rem !important;
}

.hero-bg h1 {
    color: black !important;
    font-size: 4em !important;
}


.hero-bg span {
    color: black;
    background: white;
    padding: 5px 30px 10px;
    border: 4px solid black;
}

.hero-bg.hero-tagline {
    padding-bottom: 0px;
}

.hero-bg.hero-tagline h6.tagline {
    background: rgba(232,93,213, 0.8);
    padding-top: 25px;
    padding-bottom: 20px;
    margin-top: 110px;
    margin-bottom: 0px;
    text-align: center;
}

.hero-bg.hero-extra {
    padding-top: 150px;
}

.tile-full {
    /*height: 150px; /* You must set a specified height */
    background-position: center; /* Center the image */
    background-size: cover; /* Resize the background image to cover the entire container */

}

.tile-full h1 {
    text-transform: uppercase;
    color: black !important;
    font-size: 4em !important;
    padding: 10px 10px 10px 30px;
}

.tile-full h1 span {
    background-color: white;
}

.inline-tile {
    display: inline-block;
    color: black;
    text-decoration: none;
    margin: 10px 5px;
    background: #ded31b;
    padding: 5px 5px;
}



.inline-tile a {
    color: white;
}

.inline-tile h4 {
    color: black;
    display: inline-block;
    padding: 0px 10px;
}

.inline-tile i {
    background: white;
    padding: 10px 15px;
    border: 2px solid #ded31b;
    display: inline-block;
    font-size: 1.6em;
}

.inline-tile img {
    width: 50px;
}

.inline-tile.bg-white {
    background: white;
}

.inline-tile.bg-white h4 {
    color: black !important;
}

.inline-tile.bg-white i {
    border: white;
}

.inline-tile.bg-black {
    background: black;
}

.inline-tile.bg-black h4 {
    color: white;
}

.inline-tile.bg-black i {
    border: black !important;
}

.inline-tile:hover {
    background: white;
    color: black;
}

.page-header {
    background-size: cover;
    background-position: 50% 35%;
}

.section-nav .section-link {
    text-align: center;
    padding: 25px 5px;
    background-size: cover;
    background-position: 50% 50%;
}

.nav-section-menu {
    background: #E85DD5;
}

.nav-section-menu .section-link {
    text-align: center;
    padding: 25px 5px;
    background: white;
}

.nav-section-menu .section-link.highlighted {
    background: #E85DD5;
    border-bottom: 4px solid black;
}


.sidebar {
    margin-left: 20px;
    padding: 10px;
}



.sidebar-coloured {
    background: #ededed;
}

.quick-links .link-card {
    padding: 30px 5px 30px 5px;
    border: 2px solid;
    margin: 10px;
    color: black;
    background: white;
}

.quick-links i.fas,
.quick-links i.fab,
.quick-links i.fa,
.quick-links i.far
{
    font-size: 50px;
}

.quick-links .link-card:hover {
    background: black;

    color: white;
}

.quick-links .link-card:hover h4 {
    color: white !important;
}

.bg-color-primary {
    background: #E85DD5;

}

.landing-tile h2.title {
    background: black;
    border: 4px solid white;
    font-size: 3em !important;
    color: white !important;
}

.landing-tile .overlay {
    background: #ab3a9a;
    padding: 5px;

}

.landing-tile.bg-white h2.title {
    background: none;
    border: none;
    font-size: 3em !important;
    color: black !important;
}

.landing-tile.bg-white h2.title span {
    background: white;
    color: black;
    border: 4px solid black;
    padding: 3px 15px 10px;

}


.g-bg-white-gradient-opacity-v1, .g-bg-white-gradient-opacity-v1--after::after {
    background: none;
}

figure img.rounded-circle {
    width: 100% !important;
}


.yusu-develops-title-img {
    width: 50%;
    background: white;
    padding: 0px 15px;
}






@media (max-width: 991px) {
    .index-grid-structure img {
        width: 40% !important;
    }
    .sport-section-img {
        width: 80% !important;
        padding-bottom: 15px !important;
    }
    .sidebar {
        margin-left: 0;
    }

    .yusu-develops-title-img {
        width: 80%;

    }

}


@media (max-width: 991px) and (min-width: 550px) {

    .sidebar-coloured img.rounded-circle {
        width: 30% !important;

    }

}


@media (max-width: 767px) {
    .activity-article {
        width: 20%;
    }
    .activity-article a.h6 {
        font-size: 16px !important;
    }

    .hero-bg span, .hero-bg span.reverse {
        border: none;
        padding: 2px;

    }


    .nav-section-menu .section-link.highlighted {
        background: white;
        border-bottom: none;
    }

    .nav-section-menu .section-link {
        background: #E85DD5;
    }

    .nav-section-menu .section-link.highlighted h4 {
        color: grey !important;
    }


}




@media (max-width: 550px) {
    .activity-article {
        width: 30%;
    }

    .yusu-develops-title-img {
        width: 95%;

    }

}

@media (max-width: 535px) {
    .index-grid-structure img {
        width: 90% !important;
    }
    .fitness-grid-structure img {
        width: 90% !important;
    }
}


@media (max-width: 500px) {
    .landing-tile.bg-white h2.title span {

        border: none;
        padding: 2px;
    }

    .landing-tile.bg-white h2.title {

        font-size: 2.3em !important;
    }

    .landing-tile.bg-white h6 {
        font-family: gilroy-light !important;
        font-size: 1em !important;

    }

    .landing-tile.bg-white .g-absolute-centered {
        top: 30% !important;
    }

}


@media (max-width: 400px) {

    .landing-tile h2.title {

        font-size: 2em !important;
    }

    .hero-bg h1 {
        font-size: 3em !important;
    }

    .nav-section-menu .section-link h4 {
        font-size: 1.4em !important;
    }

}

@media (max-width: 280px) {
    .landing-tile.bg-white {
        overflow: visible;
        margin-top: 20px;
    }

    .landing-tile.bg-white .g-absolute-centered {
        top: 0% !important;
    }

}