.button--primary {
    background-color: #76398d;
    color: #fff;
    border-radius: 8px;
    border: none;
}

.button--primary:hover {
    background-color: #fff;
border: 2px solid #76398d;
}

.button--secondary {
    border: 2px solid #76398d;
    color: #76398d;
    background: #fff;
    border-radius: 8px;
}

.button--secondary:hover {
    background-color: #76398d;
    color: #fff;
}
/* unvisited listing links only — don't override :visited */
.widget--whats-on .listing__link {
    color: #000 !important;
}

.listing--featured {
    border-left: 6px solid #fd6969;
}

/* Change the widget heading text to "Event of the week" */
.widget--whats-on .widget__heading {
    font-size: 0; /* Hide original text */
    position: relative;
}
.widget--whats-on .widget__heading::after {
    content: "Featured Event";
    font-size: 2rem; /* Adjust as needed */
    color: inherit;
}
.featured-content__title .featured-content__link {
  color: #000 !important;
}

/* featured listing left border */
.featured-content__content {
    border-left: 6px solid #fd6969;
}
.calendar__heading {
font-size: 1.5rem;
}

/* Change background color of the calendar header row (days of the week) */
.widget-calendar .calendar__days th {
  background-color: #2d2e82 !important;
  color: #fff !important;
font-weight 500;
}

/* Set calendar day headers (Mon to Sat) text color to black */
.widget-calendar .calendar__days th {
  color: #fff !important;
font-weight 500;
}

.widget-calendar .widget__heading {
    display: none;
}
div.styles5 h2
 {
    color: #fff !important; 
}
div.styles6 .top-task:nth-of-type(1), div.styles6 .top-task:nth-of-type(5), div.styles6 .top-task:nth-of-type(9), div.styles6 .top-task:nth-of-type(13) {
border-color:#2d2e82;
}

div.styles6 .top-task:nth-of-type(2), div.styles6 .top-task:nth-of-type(6), div.styles6 .top-task:nth-of-type(10), div.styles6 .top-task:nth-of-type(14) {
border-color:#2d2e82;
}

div.styles6 .top-task:nth-of-type(3), div.styles6 .top-task:nth-of-type(7), div.styles6 .top-task:nth-of-type(11),
div.styles6 .top-task:nth-of-type(15) {
border-color: #2d2e82;
}

div.styles6 .top-task:nth-of-type(4), div.styles6 .top-task:nth-of-type(8), div.styles6 .top-task:nth-of-type(12),
div.styles6 .top-task:nth-of-type(16) {
border-color: #2d2e82;
}

div.styles6 .top-task:nth-of-type(1)::before, div.styles6 .top-task:nth-of-type(5)::before, div.styles6 .top-task:nth-of-type(9)::before, div.styles6 .top-task:nth-of-type(13)::before {
background-color:#2d2e82;
}

div.styles6 .top-task:nth-of-type(2)::before, div.styles6 .top-task:nth-of-type(6)::before, div.styles6 .top-task:nth-of-type(10)::before, div.styles6 .top-task:nth-of-type(14)::before {
background-color:#2d2e82;
}

div.styles6 .top-task:nth-of-type(3)::before, div.styles6 .top-task:nth-of-type(7)::before, div.styles6 .top-task:nth-of-type(11)::before, div.styles6 .top-task:nth-of-type(15)::before {
background-color: #2d2e82;
}

div.styles6 .top-task:nth-of-type(4)::before, div.styles6 .top-task:nth-of-type(8)::before, div.styles6 .top-task:nth-of-type(12)::before, div.styles6 .top-task:nth-of-type(16)::before {
background-color: #2d2e82;
}

.top-task {
border-left: 6px solid #2d2e82;
}

h1.page-heading {
display:none;
}
div.styles7 .advanced-directory-search-results .listing {
    border-left: 6px solid #76398d;
}
/*
div.styles8 .top-task:nth-of-type(odd) {
border-color:#f9b01a;
}

div.styles8 .top-task:nth-of-type(even) {
border-color: #ea4e7f;
}

div.styles8 .top-task:nth-of-type(odd)::before {
background-color:#f9b01a;
}

div.styles8 .top-task:nth-of-type(even)::before {
background-color: #ea4e7f;
}
*/
div.styles8 .top-task {
border-color:#f9b01a;
}
div.styles8 .top-task::before {
background-color:#f9b01a;
}
div.styles8 .top-task {
border-color:#ff6b6b;
}
div.styles8 .top-task::before {
background-color:#ff6b6b;
}

h1.page-heading {
display:none;
}
div.styles12 .top-task:nth-of-type(1){
border-color:#e5007e;
}

div.styles12 .top-task:nth-of-type(2){
border-color:#5acbc5;
}

div.styles12 .top-task:nth-of-type(3){
border-color: #EF9324;
}

div.styles12 .top-task:nth-of-type(4){
border-color: #bd1622;
}

div.styles12 .top-task:nth-of-type(5){
border-color: #E1E749;
}

div.styles12 .top-task:nth-of-type(6){
border-color:#e5007e;
}

div.styles12 .top-task:nth-of-type(7){
border-color:#69b32d;
}

div.styles12 .top-task:nth-of-type(8){
border-color: #EF9324;
}

div.styles12 .top-task:nth-of-type(9){
border-color: #bd1622;
}

div.styles12 .top-task:nth-of-type(10){
border-color: #E1E749;
}

div.styles12 .top-task:nth-of-type(1)::before {
background-color:#e5007e;
}

div.styles12 .top-task:nth-of-type(2)::before {
background-color:#5acbc5;
}

div.styles12 .top-task:nth-of-type(3)::before {
background-color: #EF9324;
}

div.styles12 .top-task:nth-of-type(4)::before {
background-color: #bd1622;
}

div.styles12 .top-task:nth-of-type(5)::before {
background-color: #E1E749;
}

div.styles12 .top-task:nth-of-type(6)::before {
background-color:#e5007e;
}

div.styles12 .top-task:nth-of-type(7)::before {
background-color:#69b32d;
}

div.styles12 .top-task:nth-of-type(8)::before {
background-color: #EF9324;
}

div.styles12 .top-task:nth-of-type(9)::before {
background-color: #bd1622;
}

div.styles12 .top-task:nth-of-type(10)::before {
background-color: #E1E749;
}

h1.page-heading {
display:none;
}
div.styles9 ul.list > li:nth-child(1) {
margin-top: 0;
}

div.styles9 ul.list > li:nth-child(1),div.styles9 ul.list > li:nth-child(3), div.styles9 ul.list > li:nth-child(5),div.styles9 ul.list > li:nth-child(7), div.styles9 ul.list > li:nth-child(9) {
margin-right: 0;
}

div.styles9 .top-task:nth-of-type(1) {
border-color:#f9b01a;
}

div.styles9 .top-task:nth-of-type(2) {
border-color:#51ba9f;
}

div.styles9 .top-task:nth-of-type(3) {
border-color: #ea4e7f;
}

div.styles9 .top-task:nth-of-type(4) {
border-color: #66316b;
}

div.styles9 .top-task:nth-of-type(5) {
border-color: #094255;
}

div.styles9 .top-task:nth-of-type(6) {
border-color: #137A89;
}

div.styles9 .top-task:nth-of-type(7) {
border-color: #e94d80;
}

div.styles9 .top-task:nth-of-type(8) {
border-color: #bd9ec9;
}

div.styles9 .top-task:nth-of-type(1)::before {
background-color:#f9b01a
;
}

div.styles9 .top-task:nth-of-type(2)::before {
background-color:#51ba9f;
}

div.styles9 .top-task:nth-of-type(3)::before {
background-color: #ea4e7f;
}

div.styles9 .top-task:nth-of-type(4)::before {
background-color: #66316b;
}

@media screen and (min-width: 600px) {
 div.styles9  .top-task {
        width: 100%;
    }
div.styles10 .top-task:nth-of-type(1){
border-color:#5acbc5 ;
}

div.styles10 .top-task:nth-of-type(2){
border-color:#5acbc5 ;
}

div.styles10 .top-task:nth-of-type(3){
border-color: #5acbc5 ;
}

div.styles10 .top-task:nth-of-type(4){
border-color: #5acbc5 ;
}

div.styles10 .top-task:nth-of-type(5){
border-color: #5acbc5 ;
}

div.styles10 .top-task:nth-of-type(1)::before {
background-color:#5acbc5 ;
}

div.styles10 .top-task:nth-of-type(2)::before {
background-color:#5acbc5 ;
}

div.styles10 .top-task:nth-of-type(3)::before {
background-color: #5acbc5 ;
}

div.styles10 .top-task:nth-of-type(4)::before {
background-color: #5acbc5 ;
}

div.styles10 .top-task:nth-of-type(5)::before {
background-color: #5acbc5 ;
}

h1.page-heading {
display:none;
}
div.styles11 .top-task:nth-of-type(1){
border-color:#e5007e;
}

div.styles11 .top-task:nth-of-type(2){
border-color:#69b32d;
}

div.styles11 .top-task:nth-of-type(3){
border-color: #EF9324;
}

div.styles11 .top-task:nth-of-type(4){
border-color: #bd1622;
}

div.styles11 .top-task:nth-of-type(5){
border-color: #E1E749;
}

div.styles11 .top-task:nth-of-type(6){
border-color:#e5007e;
}

div.styles11 .top-task:nth-of-type(7){
border-color:#69b32d;
}

div.styles11 .top-task:nth-of-type(8){
border-color: #EF9324;
}

div.styles11 .top-task:nth-of-type(9){
border-color: #bd1622;
}

div.styles11 .top-task:nth-of-type(10){
border-color: #E1E749;
}

div.styles11 .top-task:nth-of-type(1)::before {
background-color:#e5007e;
}

div.styles11 .top-task:nth-of-type(2)::before {
background-color:#69b32d;
}

div.styles11 .top-task:nth-of-type(3)::before {
background-color: #EF9324;
}

div.styles11 .top-task:nth-of-type(4)::before {
background-color: #bd1622;
}

div.styles11 .top-task:nth-of-type(5)::before {
background-color: #E1E749;
}

div.styles11 .top-task:nth-of-type(6)::before {
background-color:#e5007e;
}

div.styles11 .top-task:nth-of-type(7)::before {
background-color:#69b32d;
}

div.styles11 .top-task:nth-of-type(8)::before {
background-color: #EF9324;
}

div.styles11 .top-task:nth-of-type(9)::before {
background-color: #bd1622;
}

div.styles11 .top-task:nth-of-type(10)::before {
background-color: #E1E749;
}

h1.page-heading {
display:none;
}