/* CSS Document */

.home-event-outer.bg-primary {background-color: var(--wp--preset--color--primary);}
.home-event-outer.bg-secondary {background-color: var(--wp--preset--color--secondary);}
.home-event-outer.bg-tertiary {background-color: var(--wp--preset--color--tertiary);}
.home-event-outer.bg-white {background-color: var(--wp--preset--color--white);}
.home-event-outer.bg-black {background-color: var(--wp--preset--color--black);}


.home-event-outer.title-primary .events h2{color: var(--wp--preset--color--primary);}
.home-event-outer.title-secondary .events h2{color: var(--wp--preset--color--secondary);}
.home-event-outer.title-tertiary .events h2{color: var(--wp--preset--color--tertiary);}
.home-event-outer.title-black .events h2{color: var(--wp--preset--color--black);}
.home-event-outer.title-white .events h2{color: var(--wp--preset--color--white);}


.home-event-outer.text-black .events h2::after {border-bottom-color: var(--wp--preset--color--black);}
.home-event-outer.text-white .events h2::after {border-bottom-color: var(--wp--preset--color--white);}


.home-event-outer.bg-primary .view-event a.bg-primary, 
.home-event-outer.bg-secondary .view-event a.bg-secondary, 
.home-event-outer.bg-tertiary .view-event a.bg-tertiary {
    background-color: var(--wp--preset--color--black);
    color: var(--wp--preset--color--white);
}
.home-event-outer.bg-black .view-event a.bg-black, 
.home-event-outer.bg-white .view-event a.bg-white {
    background-color: var(--wp--preset--color--primary);
    color: var(--wp--preset--color--white);
}


.home-event-outer.text-black {color: var(--wp--preset--color--black);}
.home-event-outer.text-white {color: var(--wp--preset--color--white);}
.home-event-outer.text-black .event-thumbnail svg {fill: var(--wp--preset--color--black);}
.home-event-outer.text-white .event-thumbnail svg {fill: var(--wp--preset--color--white);}