.category-btn:hover{
    background-color: #e07e42;
}

.pagination-bg{
    background-color: #e07e42 !important;
    border:1px solid #e07e42 !important;
}


.active .page-link {
    background-color: #e07e42 !important;
    border: none;
}

.eventHero {
    height: 75vh;
    background-image: url(../images/event.jpg);
    /* mask-image: linear-gradient(to bottom, transparent 0%, black 0% 80%, transparent 100%); */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}


/* Media Query for Mobile Devices */
@media (max-width: 480px) {



    .eventHero {
        height: 70vh;
    }
}

/* Media Query for Tablets Ipads portrait mode */
@media (min-width: 768px) and (max-width: 1024px) {

    .eventHero {
        height: 75vh;
    }

}

/* Media Query for Laptops and Desktops */
@media (min-width: 1025px) and (max-width: 1280px) {

    .eventHero {
        height: 50vh;
    }

}