.em.em-calendar {
    --nav-color: var(--wt-color-primary-base);
    --nav-border: 1px solid var(--wt-color-primary-25);
    --nav-background: none;
    --event-border-color: var(--wt-color-primary-25);
    --event-background-color: #b5b5b5;
    --event-color: #fff;
    --header-border: 1px solid var(--wt-color-primary-25);
    --header-background: var(--wt-color-primary-20);
    --header-color: var(--wt-color-primary-25-shade)!important;
    --date-box-border: 1px solid var(--wt-color-primary-25);
    --date-color: #2D3C4E;
    --date-background: #fff;
    --date-border-color-top:transparent;
     --date-border-color-bottom:transparent;
          --date-border-color-left:transparent;
                 --date-border-color-right:transparent;
    --date-border-color: transparent!important;
    --date-border: none!important;
    --date-today-color: #fff;
    --date-today-background:#8FA7C5;
    --date-today-border: none!important;
    --date-more-color: var(--nav-color);
    --calendar-background: #fff;
    --counter-background: var(--wt-color-tertiary-base); }


.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored, .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored, .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored {

    --date-border-color: transparent!important;
    --date-border: none!important;
}

/* OC CUSTOM CSS */

/* h1 {text-transform: uppercase;} */

#home h1 {text-transform:none;}
h2.et_pb_module_header {
    font-size: 1.4em!important;
    font-weight: 600;
}
.header-img { background-size: cover;		 background-attachment: fixed;}
a {
    color: var(--wt-color-primary-bright);
    text-decoration: none;
    font-weight: 500;
}
#et-main-area ol{
    /* list-style: none; */
    list-style: auto;
    margin: 1em 1em 1em 2em;}
@media screen and (max-width: 39.9999em) {
     .et_pb_section .et_pb_row {
        max-width: 95%!important;
    }}
   
/* EM SHIT */
.ring a {
    width: 40px!important;
    height: 40px!important;
  
}
.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.three, 
.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored div.ring.three, 
.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored div.ring.three, 
.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.three, 
.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored div.ring.three, 
.em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored div.ring.three
{
    border-top-color: transparent!important;
    border-right-color: transparent!important;
    border-bottom-color:transparent!important;
    background-clip:none!important;
    clip-path:none!important;
    -webkit-clip-path: none!important;


}

.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.two, .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored div.ring.two, .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored div.ring.two, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.two, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored div.ring.two, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored div.ring.two
{
        -webkit-clip-path: none;
        border:none!important;
        border-color:transparent!important;
}
.em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.one, .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored div.ring.one, .em.em-calendar.size-medium .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored div.ring.one, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful .em-cal-day-date.colored div.ring.one, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-pre .em-cal-day-date.colored div.ring.one, .em.em-calendar.size-small .em-cal-body .em-cal-day.eventful-post .em-cal-day-date.colored div.ring.one {
    border-color:transparent!important;
}
input.em-month-picker {box-shadow:none;}
.em-search-section-location {display:none;}
.em.em-calendar .em-cal-head.size-small size-medium {
    background: white;
    }
.eventful .ring a {
     background: var(--wt-color-primary-20) !important;
}
.em.em-calendar .em-cal-head
.em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div a {
    font-size:12px;    height: 15px;
    display: block;
}

.em.em-calendar .em-cal-body.event-style-pill .em-cal-event > div {
    padding:0px 6px;
}
.em .selectize-control.em-selectize.multi.plugin-remove_button .item, .em .selectize-control.em-selectize-autocomplete.multi.plugin-remove_button .item {
    background: var(--wt-color-accent-light-blue);
    border: 1px solid var(--wt-color-primary-bright);
    color: var(--wt-color-primary-bright);}

    .em .selectize-control.em-selectize.checkboxes .selectize-dropdown div.option.selected {
    color: var(--wt-color-primary-bright);}
    .em .selectize-control.em-selectize.checkboxes .selectize-dropdown div.option.selected.active {
    background-color: var(--wt-color-primary-20);
}

.em-modal-popup a.go:after {
  
    position: inherit;}

/* CALENDAR PICKER */
/* .flatpickr-day.endRange, .flatpickr-day.endRange.inRange, .flatpickr-day.endRange.nextMonthDay, .flatpickr-day.endRange.prevMonthDay, .flatpickr-day.endRange:focus, .flatpickr-day.endRange:hover, .flatpickr-day.selected, .flatpickr-day.selected.inRange, .flatpickr-day.selected.nextMonthDay, .flatpickr-day.selected.prevMonthDay, .flatpickr-day.selected:focus, .flatpickr-day.selected:hover, .flatpickr-day.startRange, .flatpickr-day.startRange.inRange, .flatpickr-day.startRange.nextMonthDay, .flatpickr-day.startRange.prevMonthDay, .flatpickr-day.startRange:focus, .flatpickr-day.startRange:hover {
    background: var(--wt-color-tertiary-base);

    border-color: var(--wt-color-tertiary-base);
} */
.flatpickr-months .flatpickr-month,
.flatpickr-current-month .flatpickr-monthDropdown-months,
.flatpickr-weekdays,
span.flatpickr-weekday {
    background: var(--wt-color-primary-20);}
.flatpickr-day.inRange {
   
    -webkit-box-shadow: -5px 0 0 var(--wt-color-primary-10), 5px 0 0 var(--wt-color-primary-10);
    box-shadow: -5px 0 0 var(--wt-color-primary-10), 5px 0 0 var(--wt-color-primary-10);
}
.flatpickr-day.inRange, .flatpickr-day.nextMonthDay.inRange, .flatpickr-day.nextMonthDay.today.inRange, .flatpickr-day.nextMonthDay:focus, .flatpickr-day.nextMonthDay:hover, .flatpickr-day.prevMonthDay.inRange, .flatpickr-day.prevMonthDay.today.inRange, .flatpickr-day.prevMonthDay:focus, .flatpickr-day.prevMonthDay:hover, .flatpickr-day.today.inRange, .flatpickr-day:focus, .flatpickr-day:hover {

    background: var(--wt-color-primary-10);
    border-color: var(--wt-color-primary-10);
}

/* BLOCK LIST */

.wt-event-row {
    display:flex; align-items:center; 
}

/* GRID */

.em.em-list.em-grid .em-item .em-item-info, .em.em-list.size-small .em-item .em-item-info {

    border-top: none;}

    .em.em-list .em-item {background-color:#fff;border-radius:var(--wt-border-radius-md);overflow:hidden;}

    .wt-date-box {

        height: 100%;
    width: 100px;
    text-align: center;
    align-content: center;
    border-right-width: 1.5px;
    border-right-style: solid;
    border-right-color: var(--wt-color-primary-25);
    margin-right: 1em;
    padding: 1em;
    
}
.wt-event-list {
    border-radius:var(--wt-border-radius-md);
    background: white;
    padding: 1em;
}
.wt-date {
color: var(--wt-color-primary-base);
        font-size:3.5em;
    font-weight: 800;
}
span.wt-month {
    text-transform: uppercase;
   color: var(--wt-color-primary-base);
    font-weight: 500;
}
.em.em-list.em-grid>div.em-item .em-item-info .em-item-title a 
{
    color:var(--wt-color-primary-50-shade)!important;
    }

   .et_pb_code .wt-event-details a {
    align-self: flex-start;
        color: var(--wt-color-primary-base);
}
.wt-event-details a {text-decoration:none!important;}
.wt-event-name {
    font-size: 1.2em;
    font-weight: 600!important;

}
.et_pb_code .wt-event-name a{ color:var(--wt-color-primary-base);font-weight: 600!important;    text-decoration: none !important;}

ul.wt-meeting-docs {
    list-style-type: none;
    margin: 0;
    padding: 0;
        min-width: 16em;

}
ul.wt-meeting-docs li {
    display:flex;
}
ul.wt-meeting-docs li::before {content:''!important;}

.wt-meeting-docs li a {
    text-decoration: none;
    font-size:1em;
    position: relative;

    padding: .5em 1em;
    width:18em;
    margin-bottom:8px;
    border-radius:var(--wt-border-radius-sm);
    
  
}

.et_pb_text ul li.wt-board-list-item::before {content:''; margin:0;}

/* .wt-meeting-docs li a:hover {
     background:var(--wt-color-primary-25);
     transition:var(--transition-1);
} */


.wt-single-event-wrap {
        display: flex;
    justify-content: space-between;
}
.wt-event-uploads {border-left:var(--wt-border-medium);}


.wt-event-doc-button {padding:.5em 1em ; 
background:var(--wt-color-primary-10);
border-radius: var(--wt-border-radius-sm); 
color:var(--wt-color-primary-bright);

min-width: 107px;
    display: inline-block;
    text-align:center;
}
.wt-event-doc-button:hover {background:var(--wt-color-primary-25);}


.wt-event-canceled {
    color: white;
    background: #A33535;
    padding: 2px 8px;
    letter-spacing: 2px;
}

.em.em-list .em-item .em-item-meta .em-item-meta-line {display:block;}


/* ADDED 10/14 */

.em .em-search-advanced .em-search-main.em-search-main-bar>.em-search-submit button, .em.em-search .em-search-main.em-search-main-bar>.em-search-submit button, .em.em-search-advanced .em-search-main.em-search-main-bar>.em-search-submit button {
     background: white;
    border: 1px solid var(--wt-color-primary-25-shade);
    color: var(--wt-color-primary-25-shade);}

    .em.em-calendar .em-cal-head > div {font-weight:700;}

.wt-content-wrap,
.et-db #et-boc .et-l .et_pb_row.wt-content-wrap.boards-archive
 { 
                background: white; width: 100%; max-width: 1140px; margin: auto; padding: 3em; 
                border-radius: 8px; box-shadow: var(--wt-shadow-1);
                    z-index: 1;
    margin-bottom: 5em;
    position: relative;
            }

/* SIMPLE LIST */
.wt-simple-events-list {
    padding: 1em 0;
}

.event-link  {
display: inline-block;
line-height:1.2;
}

.event-link a {font-weight:600;}
 

.wt-dark-mode.wt-simple-events-list {
    padding: 1em 0;
    border-bottom: 1px solid var(--wt-color-primary-50);
}

    a.blue-pill {
        display: inline-block;
        margin-top:.5em;
    padding: .5em .75em .5em .75em;
    background: var(--wt-color-primary-base);
    border-radius: 20px;
    color: white!important;
    text-decoration:none!important;
    line-height: 1;
    
}

   a.blue-pill:hover {
 background: var(--wt-color-primary-25-shade);
transition:ease-in-out .3s;
   }


   /* BOARD LIST */

.wt-board-list {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 1.5em;
 
    list-style: none;
    margin: 0;
}

.wt-board-list-item {
    display: flex;
}

.wt-board-list-item a {
    padding: 1em 1em;
    height: 104px;
    color: white !important;
    border-radius: 8px;
    display: flex
;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none !important;
    background: var(--wt-color-secondary-base);
    font-weight: 500;
    transition: background-color 0.3s, color 0.3s, transform 0.2s;
    width: 100%;
    font-size: 1.25em;
    line-height: 1;
    border-width: 0;
    border-color: var(--wt-color-primary-25);
    border-style: solid;
}

.wt-board-list-item a:hover {
      border:none;
       color: white !important;
       background-color: var(--wt-color-secondary-25-shade);
    box-shadow: var(--wt-shadow-1);
    transform: scale(1.02);
}

/* table.board-members-table {width:100%;}
table.board-members-table td {padding:4px;}
table.board-members-table tr {
    border-bottom: 1px solid var(--wt-color-primary-25);
} */


.board-members-container {
    display: flex;
    flex-direction: column;
}

.board-members-header, .board-member-row {
    display: flex;
    flex-wrap: wrap;
        border-bottom: 1px solid var(--wt-color-primary-25);
        align-items: center;
}

.board-member-header, .board-member-data {
   
    width:50%;
    padding: 0.5em; /* Padding for readability */
    box-sizing: border-box; /* Ensure padding does not affect width */
}

.board-member-data.name, .board-member-header.name {width:50%;}
.board-members-header {
    font-weight: bold; /* Distinguish headers */
}

@media (max-width: 768px) {
    .board-member-header, .board-member-data {
        flex: 100%; /* Stack columns on smaller screens */
    }
}



/* Responsive layout adjustments */
@media (max-width: 1024px) {
    .wt-board-list {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .wt-board-list {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 500px) {
    .wt-date-box {display:none;}


.wt-content-wrap,
.et-db #et-boc .et-l .et_pb_row.wt-content-wrap.boards-archive
 { 
                background: white; width: 100%; padding:0;
                border-radius: 0; box-shadow:none;
                    z-index: 1;

    position: relative;
            }
.wt-single-event-wrap {
    display: block;}

  
}

.commissioner-card-district-top {
    background-color: #f0f0f0; /* Adjust color as needed */
    padding: 10px;
    text-align: center;
    font-weight: bold;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}


/* BULLETED LISTS */
.wt-content-wrap ul,
.styled {
    list-style: none; /* Remove default bullet styling */
    padding: 0;
    margin: 0;
}
.wt-content-wrap ul li,
.styled li {
    position: relative;
    padding-left: 1.2em; /* Adjust space between icon and text */
    list-style-type: none; /* Ensure no default bullets */
    margin-bottom: 0.5em; /* Add spacing between items */
}
.wt-content-wrap ul li::before,
.styled li::before {
    content: "\f101"; /* Font Awesome right angle icon (fa-angle-right) */
    font-family: "Font Awesome 6 Pro";
    position: absolute;
    left: 0;
        top: 0.5em;
    font-size: .85em;
    line-height: 1;
    color: var(--wt-color-primary-50);
}

/* LARGE ONLY */
@media screen and (min-width: 981px) {

    .hide-for-large {display:none;}
}

/* SMALL ONLY */
/* General phones in portrait mode (up to 600px wide) */
@media only screen and (max-width: 600px) {

  /* Your CSS styles here */
.header-img {background:var(--wt-color-primary-25-shade);background-image:none;z-index:0;padding-top:2em;}
.wt-board-archive {padding-top:0!important;}
.header-img::before {background:none!important;}
.commissioner-card {
 padding:8px!important;
  line-height: 1.4;
    gap:8px!important;
    }

.single-event .wt-content-wrap
{padding:16px;border-radius:8px;}
.post-type-archive-resolution .wt-content-wrap,
.single-resolution .wt-content-wrap
 {
    padding:16px;
    max-width:95%;
    border-radius:8px;
}
h1 {font-size:1.75em!important;letter-spacing:normal;}

h2 {font-size:1.3em!important;color:var(--wt-color-neutral-black)!important;}
h2.et_pb_module_header {color:var(--wt-color-primary-50-shade);}
h3 {font-size:1.2em!important;color:var(--wt-color-primary-50-shade)!important;}

.commissioner-card h2 {font-size:1.5em!important;padding-bottom:0;color:var(--wt-color-neutral-black);}
ul.et_mobile_menu {height:auto!important;}

.wt-button-group, .wt-meeting-documents {display: flex
;
    flex-wrap: wrap;
    gap: 4%;}

.wt-button-group .wt-event-doc-button

 {width:47%; margin-bottom:1em;}
 .wt-meeting-documents .wt-event-doc-button {margin-bottom:1em;
     width:43%; 
 }
.wt-content-wrap {margin-bottom:0;}
.commissioner-image img {
    width: 100px!important;}
    .wt-board-list-item a:hover {transform:none;  background: var(--wt-color-primary-base);}
     .wt-board-list-item a:focus { background: var(--wt-color-primary-50);}

    .wt-board-list-item a {
 
    background: var(--wt-color-primary-base);
   font-size:1em;
   padding:24px 16px;
    }

   .wt-board-list {margin: 0em 1em;}
     .wt-board-archive .et_pb_row:first-of-type {padding-bottom:0!important;}

     .white.event-link a {text-decoration:none;}
.et_pb_sticky--top.wt-secondary-menu-section{
  
    background: white!important;
}
.et_pb_sticky--top .wt-secondary-menu.et_pb_fullwidth_menu ul li.menu-item a {
    color: var(--wt-color-primary-25-shade)!important;
}
}