/* Hide empty password success message */
.passwordSetSuccessMessage:empty {
    display: none !important;
}
/* =========================================
   AUTHORIZATION / LOGIN FORM
   ========================================= */

/* Hide empty password success message */
.WaGadgetAuthorizationRequired .passwordSetSuccessMessage:empty {
    display: none !important;
}


/* Login form fields */
.WaGadgetAuthorizationRequired input[type="text"],
.WaGadgetAuthorizationRequired input[type="email"],
.WaGadgetAuthorizationRequired input[type="password"] {
    background-color: #ffffff !important;
    border: 1px solid #d6e2e8 !important;
    border-radius: 4px !important;
    color: #4a545f !important;
}


/* Active field */
.WaGadgetAuthorizationRequired input[type="text"]:focus,
.WaGadgetAuthorizationRequired input[type="email"]:focus,
.WaGadgetAuthorizationRequired input[type="password"]:focus {
    background-color: #ffffff !important;
    border-color: #005b8e !important;
    outline: none !important;
}
/* =========================================
   LOGIN PAGE - PASSWORD MESSAGE
   ========================================= */

/* Hide the empty blue message box */
#passwordSetSuccessMessage:empty {
    display: none !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
}
/* Hide empty-looking password success box */
#passwordSetSuccessMessage {
    display: none !important;
}
/* Chrome autofill - keep login fields white */
.WaGadgetAuthorizationRequired input:-webkit-autofill,
.WaGadgetAuthorizationRequired input:-webkit-autofill:hover,
.WaGadgetAuthorizationRequired input:-webkit-autofill:focus,
.WaGadgetAuthorizationRequired input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 1000px #ffffff inset !important;
    box-shadow: 0 0 0 1000px #ffffff inset !important;
    -webkit-text-fill-color: #4a545f !important;
}
/* Event Calendar */
.WaGadgetEventsStateCalendar .EventListCalendar td.EventListCalendarHeader {
    padding: 16px 0 16px 20px;
    border: none !important;
    color: white;
    background-color: #85bf42 !important;
    font-size: inherit;
    overflow: hidden;
    text-overflow: ellipsis;
}
.register-button {
  display: inline-block;
  background-color: #0073e6;
  color: #fff !important;
  padding: 12px 20px;
  text-decoration: none;
  font-weight: bold;
  border-radius: 6px;
  margin-top: 20px;
}

.register-button:hover {
  background-color: #005bb5;
}
/* =========================================
   HOMEPAGE VALUES BAND
   ========================================= */

.homepage-values-band {
    background: #005b8e !important;
    margin: 0 !important;
}

.homepage-values-band .gadgetStyleBody {
    padding: 22px 30px 24px !important;
    text-align: center !important;
}

.homepage-values-band h3 {
    margin: 0 0 6px 0 !important;

    color: #ffffff !important;
    font-size: 24px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    letter-spacing: 0.5px;
}

.homepage-values-band p {
    margin: 0 !important;

    color: rgba(255, 255, 255, 0.88) !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}


/* MOBILE */

@media screen and (max-width: 700px) {

    .homepage-values-band .gadgetStyleBody {
        padding: 20px 22px 22px !important;
    }

    .homepage-values-band h3 {
        font-size: 22px !important;
    }

    .homepage-values-band p {
        font-size: 15px !important;
    }

}
/* =========================================
   ATD CENTRAL IOWA - GET INVOLVED ACCORDION
   ========================================= */

.atd-involvement {
    max-width: 1000px;
    margin: 0 auto;
}


/* Intro */
.atd-involvement-intro {
    text-align: center;
    margin-bottom: 35px;
}

.atd-involvement-intro h2 {
    color: #005b8e !important;
    font-size: 36px !important;
    margin: 0 0 12px 0 !important;
}

.atd-involvement-intro p {
    max-width: 750px;
    margin: 0 auto !important;
    font-size: 17px;
    line-height: 1.6;
}


/* =========================================
   MAIN ACCORDION
   ========================================= */

.atd-accordion {
    border: 1px solid #d9dde0;
    border-radius: 6px;
    margin-bottom: 12px;
    overflow: hidden;
    background: #ffffff;
}


/* Main accordion heading */
.atd-accordion-button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;

    padding: 18px 22px;

    border: none;
    background: #ffffff;

    color: #005b8e !important;

    font-size: 19px;
    font-weight: bold;

    text-align: left;
    cursor: pointer;

    transition: background-color 0.2s ease;
}


/* Hover */
.atd-accordion-button:hover {
    background-color: #f3f6f7;
}


/* Open accordion */
.atd-accordion.open .atd-accordion-button {
    background-color: #005b8e;
    color: #ffffff !important;
}


/* Plus / minus */
.atd-accordion-icon {
    color: #85bf42;
    font-size: 26px;
    font-weight: normal;
    line-height: 1;
    margin-left: 20px;
}

.atd-accordion.open .atd-accordion-icon {
    color: #ffffff;
}


/* Hidden accordion content */
.atd-accordion-content {
    max-height: 0;
    overflow: hidden;

    padding: 0 30px;

    background: #ffffff;
    color: #4a545f;

    opacity: 0;

    transition:
        max-height 0.35s ease,
        opacity 0.25s ease,
        padding 0.35s ease;
}


/* Open accordion content */
.atd-accordion.open .atd-accordion-content {
    padding: 25px 30px 30px 30px;
    opacity: 1;
}


/* Paragraphs */
.atd-accordion-content p {
    line-height: 1.6;
    margin-top: 0;
    margin-bottom: 15px;
}


/* Lists */
.atd-accordion-content ul {
    margin: 10px 0 20px 20px;
    padding-left: 15px;
}

.atd-accordion-content li {
    margin-bottom: 10px;
    line-height: 1.5;
}


/* Links */
.atd-accordion-content a:not(.atd-action-button) {
    color: #005b8e !important;
    font-weight: 600;
}


/* Planning note */
.atd-note {
    margin-top: 20px;
    padding: 15px 18px;

    background: #f3f6f7;

    border-left: 4px solid #85bf42;

    line-height: 1.6;
}


/* Green CTA buttons */
.atd-action-button {
    display: inline-block;

    margin-top: 8px;
    padding: 11px 22px;

    background-color: #85bf42 !important;
    color: #ffffff !important;

    border-radius: 5px;

    text-decoration: none !important;
    font-weight: bold;

    transition: background-color 0.2s ease;
}

.atd-action-button:hover {
    background-color: #6fa832 !important;
    color: #ffffff !important;
}


/* =========================================
   JOIN A COMMITTEE
   ========================================= */

/* Extra spacing between intro button and benefit */
.committee-intro {
    margin-bottom: 40px;
}


/* Volunteer benefit callout */
.committee-benefit {
    margin: 25px 0 30px;
    padding: 18px 20px;

    background-color: #f3f6f7;

    border-left: 5px solid #85bf42;
    border-radius: 4px;

    color: #4a545f;
}

.committee-benefit > strong {
    display: block;

    color: #005b8e;

    font-size: 18px;

    margin-bottom: 6px;
}

.committee-benefit p {
    margin-bottom: 6px !important;
}

.committee-benefit-note {
    font-size: 14px;
}


/* Committee list */
.get-involved-accordion .committee-list {
    border-top: none !important;
}


/* Individual committee card */
.get-involved-accordion .committee-item {
    background-color: rgba(0, 91, 142, 0.06);

    border: 1px solid rgba(0, 91, 142, 0.15) !important;
    border-radius: 8px;

    margin-bottom: 12px;

    overflow: hidden;
}


/* Committee clickable heading */
.get-involved-accordion .committee-toggle {
    width: 100%;

    padding: 20px 24px !important;

    background-color: transparent !important;
    border: none !important;

    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;

    text-align: left;
    cursor: pointer;

    transition: background-color 0.2s ease;
}


/* Committee name */
.get-involved-accordion .committee-summary strong {
    display: block;

    color: #005b8e !important;

    font-size: 20px !important;
    line-height: 1.3;
    font-weight: 700;
}


/* Committee plus / minus */
.get-involved-accordion .committee-icon {
    flex-shrink: 0;

    color: #85bf42 !important;

    font-size: 28px !important;
    font-weight: 400;
    line-height: 1;
}


/* Committee hover */
.get-involved-accordion .committee-toggle:hover {
    background-color: rgba(0, 91, 142, 0.09) !important;
}


/* Open committee card */
.get-involved-accordion .committee-item.open {
    background-color: #ffffff;

    border-color: rgba(0, 91, 142, 0.25) !important;
}


/* Committee details - hidden by default */
.get-involved-accordion .committee-details {
    display: none !important;

    padding: 0 24px 24px 24px !important;
    margin: 0 !important;
}


/* Committee details - visible */
.get-involved-accordion .committee-item.open .committee-details {
    display: block !important;
}


/* Short description inside opened committee */
.get-involved-accordion .committee-tagline {
    color: #005b8e !important;

    font-size: 17px !important;
    font-weight: 600;
    line-height: 1.5;

    margin-bottom: 18px !important;
}


/* Great Fit callout */
.get-involved-accordion .committee-fit {
    padding: 12px 15px;

    background-color: #f3f6f7;

    border-radius: 4px;
}

.get-involved-accordion .committee-fit strong {
    color: #005b8e;
}
/* =========================================
   SOCIAL MEDIA BUTTONS
   ========================================= */

.atd-social-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-top: 20px;
}

.atd-social-buttons .atd-action-button {
    margin-top: 0;
}

@media screen and (max-width: 500px) {

    .atd-social-buttons {
        flex-direction: column;
    }

    .atd-social-buttons .atd-action-button {
        text-align: center;
    }

}

/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .atd-involvement {
        width: 100%;
    }

    .atd-involvement-intro {
        margin-bottom: 25px;
    }

    .atd-involvement-intro h2 {
        font-size: 30px !important;
    }

    .atd-involvement-intro p {
        font-size: 16px;
    }

    .atd-accordion-button {
        padding: 16px 18px;
        font-size: 17px;
    }
.upcoming-events.WaGadgetUpcomingEvents .date {
    font-size: 16px !important;
}

.upcoming-events.WaGadgetUpcomingEvents .location {
    font-size: 15px !important;
}
    /* Closed mobile accordion */
    .atd-accordion-content {
        padding: 0 20px;
    }

    /* Open mobile accordion */
    .atd-accordion.open .atd-accordion-content {
        padding: 20px 20px 25px 20px;
    }

    .get-involved-accordion .committee-toggle {
        padding: 18px 18px !important;
        gap: 12px;
    }

    .get-involved-accordion .committee-summary strong {
        font-size: 18px !important;
    }

    .get-involved-accordion .committee-details {
        padding: 0 18px 20px 18px !important;
    }

    .committee-benefit {
        padding: 15px 16px;
    }

}

/* =========================================
ATD WELCOME POP-OUT
========================================= */

.atd-welcome-popup {
position: fixed;
right: 24px;
bottom: 24px;

width: min(380px, calc(100vw - 32px));

background: #ffffff;
border: 1px solid rgba(0, 91, 142, 0.14);
border-radius: 12px;

box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);

padding: 26px;

z-index: 9999;

opacity: 0;
transform: translateY(20px);

transition:
opacity 0.3s ease,
transform 0.3s ease;
}


/* Visible state */
.atd-welcome-popup.show {
opacity: 1;
transform: translateY(0);
}


/* Close button */
.atd-welcome-close {
position: absolute;
top: 10px;
right: 14px;

padding: 0;
border: none;
background: transparent;

color: #4a545f;

font-size: 26px;
line-height: 1;

cursor: pointer;
}


/* Small accent label */
.atd-welcome-label {
display: inline-block;
margin-bottom: 10px;

padding: 5px 10px;

background: rgba(133, 191, 66, 0.14);
color: #5f8f28;

border-radius: 4px;

font-size: 13px;
font-weight: 700;
letter-spacing: 0.04em;
text-transform: uppercase;
}


/* Heading */
.atd-welcome-popup h2 {
margin: 0 25px 10px 0 !important;

color: #005b8e !important;

font-size: 25px !important;
line-height: 1.25;
}


/* Message */
.atd-welcome-popup p {
margin: 0 0 18px 0 !important;

color: #4a545f !important;

font-size: 16px;
line-height: 1.55;
}


/* Button */
.atd-welcome-button {
display: inline-block;

padding: 10px 20px;

background: #85bf42 !important;
color: #ffffff !important;

border-radius: 5px;

text-decoration: none !important;
font-weight: 700;
}

.atd-welcome-button:hover {
background: #6fa832 !important;
color: #ffffff !important;
}


/* Mobile */
@media screen and (max-width: 600px) {

.atd-welcome-popup {
right: 16px;
bottom: 16px;
left: 16px;

width: auto;

padding: 22px;
}

.atd-welcome-popup h2 {
font-size: 22px !important;
}

}
/* =========================================
   ATD CENTRAL IOWA - UPCOMING EVENTS
   ========================================= */


/* =========================================
   SECTION HEADING
   ========================================= */

/* Headline gadget */
.upcoming-events.WaGadgetHeadline {
    background: transparent !important;
    margin-bottom: 18px !important;
}

/* Remove built-in spacing */
.upcoming-events.WaGadgetHeadline .gadgetStyleBody {
    padding: 0 !important;
}

/* Remove old manually-added tab spacing */
.upcoming-events.WaGadgetHeadline span[style*="white-space"] {
    display: none !important;
}

/* Heading text */
.upcoming-events.WaGadgetHeadline .gadgetStyleBody font {
    display: block;

    color: #005b8e !important;

    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.25;

    margin: 0 !important;
}


/* =========================================
   MAIN EVENTS GADGET
   ========================================= */

.upcoming-events.WaGadgetUpcomingEvents {
    background: transparent !important;
}


/* Remove default list formatting */
.upcoming-events.WaGadgetUpcomingEvents ul {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}


/* =========================================
   EVENT CARD
   ========================================= */

.upcoming-events.WaGadgetUpcomingEvents li {
    position: relative;

    display: grid !important;
    grid-template-columns: 82px 1fr;
    column-gap: 24px;

    margin: 0 0 14px 0 !important;
    padding: 24px !important;

    background: rgba(0, 91, 142, 0.045) !important;

    border: 1px solid rgba(0, 91, 142, 0.13) !important;
    border-radius: 9px !important;

    box-sizing: border-box;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}


/* Hover */
.upcoming-events.WaGadgetUpcomingEvents li:hover {
    background: rgba(0, 91, 142, 0.075) !important;
    border-color: rgba(0, 91, 142, 0.22) !important;
    transform: translateY(-1px);
}


/* Remove bottom margin from final event */
.upcoming-events.WaGadgetUpcomingEvents li.last {
    margin-bottom: 0 !important;
}


/* =========================================
   DATE BADGE
   ========================================= */

.upcoming-events .event-date-badge {
    grid-column: 1;
    grid-row: 1 / span 5;

    align-self: stretch;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    min-height: 82px;

    padding-right: 20px;

    border-right: 3px solid #85bf42;
}


/* Month */
.upcoming-events .event-date-month {
    display: block;

    margin-bottom: 4px;

    color: #4a545f;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    letter-spacing: 0.08em;
    text-transform: uppercase;
}


/* Day */
.upcoming-events .event-date-day {
    display: block;

    color: #85bf42;

    font-size: 29px;
    font-weight: 700;
    line-height: 1;
}


/* =========================================
   EVENT INFORMATION
   ========================================= */

.upcoming-events.WaGadgetUpcomingEvents .title,
.upcoming-events.WaGadgetUpcomingEvents .date,
.upcoming-events.WaGadgetUpcomingEvents .location,
.upcoming-events.WaGadgetUpcomingEvents .event-view-link {
    grid-column: 2;
}


/* Event title */
.upcoming-events.WaGadgetUpcomingEvents .title {
    margin: 0 0 7px 0 !important;
}

.upcoming-events.WaGadgetUpcomingEvents .title a {
    color: #005b8e !important;

    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.3;

    text-decoration: none !important;
}

.upcoming-events.WaGadgetUpcomingEvents .title a:hover {
    color: #85bf42 !important;
}


/* Date/time */
.upcoming-events.WaGadgetUpcomingEvents .date {
    margin: 0 0 5px 0 !important;

    color: #4a545f !important;

    font-size: 17px !important;
    font-weight: 500;
    line-height: 1.5;
}


/* Location */
.upcoming-events.WaGadgetUpcomingEvents .location {
    margin: 0 !important;

    color: #4a545f !important;

    font-size: 16px !important;
    line-height: 1.5;
}


/* Hide truly empty location */
.upcoming-events.WaGadgetUpcomingEvents .location:empty {
    display: none !important;
}


/* =========================================
   VIEW EVENT LINK
   ========================================= */

.upcoming-events .event-view-link {
    margin-top: 13px;
}

.upcoming-events .event-view-link a {
    color: #85bf42 !important;

    font-size: 14px;
    font-weight: 700;

    text-decoration: none !important;
}

.upcoming-events .event-view-link a:hover {
    color: #6fa832 !important;
    text-decoration: underline !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 600px) {

    /* Heading */
    .upcoming-events.WaGadgetHeadline {
        margin-bottom: 14px !important;
    }

    .upcoming-events.WaGadgetHeadline .gadgetStyleBody font {
        font-size: 26px !important;
    }


    /* Event card */
    .upcoming-events.WaGadgetUpcomingEvents li {
        grid-template-columns: 60px 1fr;
        column-gap: 16px;

        padding: 19px 17px !important;
        margin-bottom: 12px !important;
    }


    /* Date badge */
    .upcoming-events .event-date-badge {
        min-height: 65px;
        padding-right: 14px;
    }

    .upcoming-events .event-date-month {
        font-size: 11px;
    }

    .upcoming-events .event-date-day {
        font-size: 24px;
    }


    /* Event details */
    .upcoming-events.WaGadgetUpcomingEvents .title a {
        font-size: 18px !important;
    }

    .upcoming-events.WaGadgetUpcomingEvents .date {
        font-size: 14px !important;
    }

    .upcoming-events.WaGadgetUpcomingEvents .location {
        font-size: 13px !important;
    }

}
/* =========================================
   ATD CENTRAL IOWA - PAGE BANNER
   ========================================= */

.page-banner {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            110deg,
            rgba(0, 91, 142, 0.10) 0%,
            rgba(0, 91, 142, 0.045) 65%,
            rgba(133, 191, 66, 0.05) 100%
        );

    border-radius: 10px;

    margin-bottom: 20px;
}


/* Remove Wild Apricot gadget spacing */
.page-banner .gadgetStyleBody {
    padding: 0 !important;
}


/* Main banner content */
.page-banner-content {
    position: relative;
    z-index: 2;

    padding: 48px 50px;
}


/* Page title */
.page-banner-content h1 {
    margin: 0 !important;

    color: #005b8e !important;

    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1.15;

    letter-spacing: -0.02em;
}


/* Green accent */
.page-banner-accent {
    display: block;

    width: 58px;
    height: 4px;

    margin-top: 14px;

    background-color: #85bf42;

    border-radius: 10px;
}


/* =========================================
   PAGE BANNER - DECORATIVE BANDS
   ========================================= */

.page-banner-full::before,
.page-banner-full::after {
    content: "";
    position: absolute;
    pointer-events: none;
    border-radius: 20px;
}


/* Large blue diagonal band */
.page-banner-full::after {
    width: 320px;
    height: 500px;

    right: 4%;
    top: -180px;

    background: rgba(0, 91, 142, 0.10);

    transform: rotate(28deg);
}


/* Smaller green diagonal band */
.page-banner-full::before {
    width: 90px;
    height: 360px;

    right: 20%;
    top: -100px;

    background: rgba(133, 191, 66, 0.11);

    transform: rotate(28deg);
}
/* =========================================
   ATD CENTRAL IOWA - FULL WIDTH PAGE BANNER
   ========================================= */

.page-banner-full {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            110deg,
            rgba(0, 91, 142, 0.12) 0%,
            rgba(0, 91, 142, 0.05) 60%,
            rgba(133, 191, 66, 0.07) 100%
        );

    margin: 0 0 40px 0 !important;
}


/* Remove Wild Apricot gadget spacing */
.page-banner-full .gadgetStyleBody {
    padding: 0 !important;
}


/* =========================================
   CONTENT
   ========================================= */

.page-banner-full .page-banner-content {
    position: relative;
    z-index: 2;

    max-width: 1170px;

    margin: 0 auto;

    padding: 55px 35px;
}


/* Page title */
.page-banner-full .page-banner-content h1 {
    margin: 0 !important;

    color: #005b8e !important;

    font-size: 42px !important;
    font-weight: 700 !important;
    line-height: 1.15;

    letter-spacing: -0.02em;
}


/* Green accent */
.page-banner-full .page-banner-accent {
    display: block;

    width: 62px;
    height: 4px;

    margin-top: 15px;

    background-color: #85bf42;

    border-radius: 10px;
}


/* =========================================
   DECORATIVE CIRCLES
   ========================================= */

/* Large blue circle */
.page-banner-full::after {
    content: "";

    position: absolute;

    width: 330px;
    height: 330px;

    right: 6%;
    top: -185px;

    border: 45px solid rgba(0, 91, 142, 0.055);

    border-radius: 50%;

    pointer-events: none;
}


/* Remove old decorative circles */
.page-banner-full::before,
.page-banner-full::after {
    content: "";
    position: absolute;
    pointer-events: none;
}


/* Large diagonal blue band */
.page-banner-full::after {
    width: 320px;
    height: 500px;

    right: 6%;
    top: -180px;

    background: rgba(0, 91, 142, 0.045);

    transform: rotate(28deg);

    border-radius: 20px;
}


/* Smaller green diagonal band */
.page-banner-full::before {
    width: 90px;
    height: 360px;

    right: 18%;
    top: -100px;

    background: rgba(133, 191, 66, 0.07);

    transform: rotate(28deg);

    border-radius: 20px;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .page-banner-full {
        margin-bottom: 28px !important;
    }

    .page-banner-full .page-banner-content {
        padding: 38px 24px;
    }

    .page-banner-full .page-banner-content h1 {
        font-size: 31px !important;
    }

    .page-banner-full .page-banner-accent {
        width: 48px;
        margin-top: 11px;
    }

    .page-banner-full::after {
        width: 190px;
        height: 190px;

        right: -90px;
        top: -100px;

        border-width: 30px;
    }

    .page-banner-full::before {
        width: 100px;
        height: 100px;

        right: 15%;
        bottom: -80px;

        border-width: 20px;
    }

}

/* =========================================
   ATD CENTRAL IOWA - BOARD PROFILE CARD
   ========================================= */

/*
CONTENT GADGET STRUCTURE:

Photo       = Normal
Name        = Heading 3
Board Role  = Normal

GADGET CLASS:

person-profile
*/


/* =========================================
   CARD
   ========================================= */

.person-profile {
    height: 100%;
    margin: 0 !important;

    background: rgba(0, 91, 142, 0.035) !important;
    border: 1px solid rgba(0, 91, 142, 0.13) !important;
    border-radius: 10px !important;

    box-sizing: border-box;
    overflow: hidden;
}

.person-profile .gadgetStyleBody {
    height: 100%;
    padding: 30px 24px 28px !important;

    text-align: center;

    box-sizing: border-box;
}


/* =========================================
   PHOTO
   ========================================= */

.person-profile .gadgetStyleBody > p:first-child {
    margin: 0 0 20px 0 !important;
    padding: 0 !important;
}

.person-profile .gadgetStyleBody > p:first-child img {
    display: block !important;

    width: 140px !important;
    height: 140px !important;
    max-width: 140px !important;

    margin: 0 auto !important;

    object-fit: cover !important;
    object-position: center !important;

    border-radius: 50% !important;

    border: 4px solid #ffffff !important;
    outline: 2px solid rgba(133, 191, 66, 0.85) !important;

    box-sizing: border-box;
}


/* =========================================
   MEMBER NAME
   Heading 3
   ========================================= */

.person-profile .gadgetStyleBody > h3 {
    position: relative;

    margin: 0 0 13px 0 !important;
    padding: 0 0 13px 0 !important;

    color: #005b8e !important;

    font-size: 22px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
}


/* Short green accent */

.person-profile .gadgetStyleBody > h3::after {
    content: "";

    position: absolute;
    left: 50%;
    bottom: 0;

    width: 40px;
    height: 3px;

    background: #85bf42;
    border-radius: 2px;

    transform: translateX(-50%);
}


/* =========================================
   BOARD ROLE
   Normal paragraph after name
   ========================================= */

.person-profile .gadgetStyleBody > p:not(:first-child) {
    margin: 0 !important;
    padding: 0 !important;

    color: #4a545f !important;

    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}


/* Neutralize old Wild Apricot formatting */

.person-profile font,
.person-profile span,
.person-profile strong {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .person-profile .gadgetStyleBody {
        padding: 26px 20px 24px !important;
    }

    .person-profile .gadgetStyleBody > p:first-child img {
        width: 125px !important;
        height: 125px !important;
    }

    .person-profile .gadgetStyleBody > h3 {
        font-size: 21px !important;
    }

}
/* =========================================
   HOMEPAGE SLIDESHOW
   ========================================= */

/* Green navigation arrows */
.homepage-slideshow .camera_prev,
.homepage-slideshow .camera_next {
    background-color: #85bf42 !important;
}

/* Caption */
.homepage-slideshow .camera_caption {
    position: absolute !important;
    left: max(40px, calc((100% - 1180px) / 2 + 40px)) !important;
    right: auto !important;
    bottom: 40px !important;
    top: auto !important;
    width: 560px !important;
    max-width: calc(100% - 80px) !important;
    background: transparent !important;
    box-sizing: border-box !important;
}

.homepage-slideshow .camera_caption > div {
    padding: 22px 30px !important;
    background: rgba(0, 91, 142, 0.92) !important;
    color: #ffffff !important;
    box-sizing: border-box !important;
}
/* Caption heading */
.homepage-slideshow .slide-heading h2 {
    margin: 0 0 10px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-family: "Lato", Arial, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}
/* Caption description */
.homepage-slideshow .slide-content p {
    margin: 0 0 18px 0 !important;
    padding: 0 !important;
    color: #ffffff !important;
    font-size: 17px !important;
    line-height: 1.5 !important;
}

/* Caption button */
.homepage-slideshow .slide-button {
    display: inline-block;
    padding: 11px 22px;
    background: #85bf42 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    font-weight: bold;
    border-radius: 4px;
    line-height: 1.2;
}

.homepage-slideshow .slide-button:hover {
    background: #6fa832 !important;
    color: #ffffff !important;
}

/* Hide thumbnail strip */
.homepage-slideshow .camera_thumbs {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Remove extra space below slideshow */
.homepage-slideshow {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.homepage-slideshow .gadgetStyleBody,
.homepage-slideshow .camera_target {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* =========================================
   HEADER SEARCH + LOGIN GREEN
   ========================================= */

/* Search gadget */
.WaGadgetSiteSearch .searchBoxFieldContainer {
    border-color: #85bf42 !important;
}

.WaGadgetSiteSearch .searchBoxButton {
    background-color: #85bf42 !important;
    border-color: #85bf42 !important;
}

/* Logged-out header login button */
.WaGadgetLoginForm.LoginFormStyle001 .loginLink {
    background: #85bf42 !important;
    background-color: #85bf42 !important;
    border-color: #85bf42 !important;
    color: #ffffff !important;
}

.WaGadgetLoginForm.LoginFormStyle001 .loginLink:hover,
.WaGadgetLoginForm.LoginFormStyle001 .loginLink.hover {
    background: #6fa832 !important;
    background-color: #6fa832 !important;
    border-color: #6fa832 !important;
    color: #ffffff !important;
}
/* =========================================
   HOMEPAGE SLIDESHOW CAPTIONS
   ========================================= */

/* Caption container */
.homepage-slideshow .camera_caption {
    position: absolute !important;
    left: max(40px, calc((100% - 1180px) / 2 + 40px)) !important;
    right: auto !important;
    bottom: 40px !important;
    top: auto !important;

    width: 560px !important;
    max-width: calc(100% - 80px) !important;

    background: transparent !important;
    box-sizing: border-box !important;
}


/* Blue caption panel */
.homepage-slideshow .camera_caption > div {
    padding: 22px 30px !important;

    background: rgba(0, 91, 142, 0.92) !important;
    color: #ffffff !important;

    box-sizing: border-box !important;
}


/* Caption heading */
.homepage-slideshow .camera_caption h2 {
    display: block !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Lato, sans-serif !important;
    font-size: 32px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}


/* Caption description */
.homepage-slideshow .camera_caption p {
    display: block !important;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    color: #ffffff !important;
    font-family: Lato, sans-serif !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;
}


/* Caption button */
.homepage-slideshow .camera_caption .slideshow-button {
    display: inline-block !important;

    padding: 11px 20px !important;

    background: #85bf42 !important;
    color: #ffffff !important;
    border-radius: 4px !important;

    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;
}


/* Caption button hover */
.homepage-slideshow .camera_caption .slideshow-button:hover,
.homepage-slideshow .camera_caption .slideshow-button:focus {
    background: #6fa832 !important;
    color: #ffffff !important;
    text-decoration: none !important;
}


/* =========================================
   MEDIUM SCREENS
   ========================================= */

@media screen and (max-width: 1250px) {

    .homepage-slideshow .camera_caption {
        left: 40px !important;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .homepage-slideshow .camera_caption {
        left: 24px !important;
        right: 24px !important;
        bottom: 24px !important;
        top: auto !important;

        width: auto !important;
        max-width: none !important;
    }

    .homepage-slideshow .camera_caption > div {
        padding: 20px 22px !important;
    }

    .homepage-slideshow .camera_caption h2 {
        font-size: 26px !important;
    }

    .homepage-slideshow .camera_caption p {
        font-size: 16px !important;
        margin-bottom: 15px !important;
    }

    .homepage-slideshow .camera_caption .slideshow-button {
        padding: 10px 18px !important;
        font-size: 15px !important;
    }

}
/* =========================================
   SECTION HEADING - STANDARD
   ========================================= */

.section-heading {
    padding: 0 !important;
    background: transparent !important;
}

.section-heading .gadgetStyleBody {
    display: block !important;
    margin: 0 !important;
    padding: 0 0 15px 0 !important;

    color: #005b8e !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    background-image: linear-gradient(
        to right,
        #85bf42 0,
        #85bf42 70px,
        transparent 70px,
        transparent 100%
    ) !important;

    background-size: 100% 4px !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
}

/* Reset Wild Apricot headline paragraph spacing */
.section-heading .gadgetStyleBody > p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.section-heading .gadgetStyleBody font,
.section-heading .gadgetStyleBody strong,
.section-heading .gadgetStyleBody span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.section-heading .gadgetStyleBody br:last-child {
    display: none !important;
}


/* =========================================
   CONTENT - STANDARD
   ========================================= */

.content-standard {
    padding: 0 !important;

    background: rgba(0, 91, 142, 0.045) !important;
    border: 1px solid rgba(0, 91, 142, 0.13) !important;
    border-radius: 10px !important;
    box-sizing: border-box;
}

.content-standard .gadgetStyleBody {
    margin: 0 !important;
    padding: 28px 30px !important;
}

.content-standard p {
    margin: 0 0 16px 0 !important;
    color: #4a545f !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.content-standard p:last-child {
    margin-bottom: 0 !important;
}

.content-standard h2,
.content-standard h3,
.content-standard h4 {
    color: #005b8e !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

.content-standard h3 {
    margin: 24px 0 8px 0 !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
}

.content-standard h3:first-child {
    margin-top: 0 !important;
}

.content-standard ul,
.content-standard ol {
    margin: 12px 0 16px 22px !important;
    padding-left: 16px !important;
}

.content-standard li {
    margin-bottom: 7px !important;
    color: #4a545f !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.content-standard a {
    color: #005b8e !important;
    font-weight: 600 !important;
}

.content-standard a:hover {
    color: #85bf42 !important;
}

.content-standard img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 9px !important;
}

.content-standard font,
.content-standard span,
.content-standard strong {
    font-family: inherit !important;
}


/* =========================================
   SECTION HEADING - ACCENT BAND
   ========================================= */

.section-heading-band {
    padding: 0 !important;

    background: #005b8e !important;
    border-radius: 10px 10px 0 0 !important;
    overflow: hidden;
}

.section-heading-band .gadgetStyleBody {
    display: block !important;
    margin: 0 !important;
    padding: 18px 26px !important;

    color: #ffffff !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    border-left: 6px solid #85bf42 !important;
}

/* Reset Wild Apricot headline paragraph spacing */
.section-heading-band .gadgetStyleBody > p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.section-heading-band .gadgetStyleBody font,
.section-heading-band .gadgetStyleBody strong,
.section-heading-band .gadgetStyleBody span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.section-heading-band .gadgetStyleBody br:last-child {
    display: none !important;
}


/* =========================================
   CONTENT - ACCENT BAND
   ========================================= */

.content-band {
    padding: 0 !important;

    background: #ffffff !important;
    border: 1px solid rgba(0, 91, 142, 0.16) !important;
    border-top: none !important;
    border-radius: 0 0 10px 10px !important;
    box-sizing: border-box;
}

.content-band .gadgetStyleBody {
    margin: 0 !important;
    padding: 28px 30px !important;
}

.content-band p {
    margin: 0 0 16px 0 !important;
    color: #4a545f !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.content-band p:last-child {
    margin-bottom: 0 !important;
}

.content-band h2,
.content-band h3,
.content-band h4 {
    color: #005b8e !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

.content-band h3 {
    margin: 24px 0 8px 0 !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
}

.content-band h3:first-child {
    margin-top: 0 !important;
}

.content-band ul,
.content-band ol {
    margin: 12px 0 16px 22px !important;
    padding-left: 16px !important;
}

.content-band li {
    margin-bottom: 7px !important;
    color: #4a545f !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.content-band a {
    color: #005b8e !important;
    font-weight: 600 !important;
}

.content-band a:hover {
    color: #85bf42 !important;
}

.content-band img {
    max-width: 100% !important;
    height: auto !important;
    border-radius: 9px !important;
}

.content-band font,
.content-band span,
.content-band strong {
    font-family: inherit !important;
}


/* =========================================
   SECTION HEADING - EDITORIAL
   ========================================= */

.section-heading-editorial {
    padding: 0 !important;
    background: transparent !important;
}

.section-heading-editorial .gadgetStyleBody {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;

    color: #005b8e !important;
    font-size: 34px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
}

/* Reset Wild Apricot headline paragraph spacing */
.section-heading-editorial .gadgetStyleBody > p {
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.section-heading-editorial .gadgetStyleBody font,
.section-heading-editorial .gadgetStyleBody strong,
.section-heading-editorial .gadgetStyleBody span {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}

.section-heading-editorial .gadgetStyleBody br:last-child {
    display: none !important;
}


/* =========================================
   CONTENT - EDITORIAL
   ========================================= */

.content-editorial {
    padding: 0 !important;
    background: transparent !important;
}

.content-editorial .gadgetStyleBody {
    margin: 0 !important;
    padding: 0 28px 0 0 !important;
}

.content-editorial p {
    margin: 0 0 16px 0 !important;
    color: #4a545f !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

.content-editorial p:last-child {
    margin-bottom: 0 !important;
}

.content-editorial h2,
.content-editorial h3,
.content-editorial h4 {
    color: #005b8e !important;
    font-family: inherit !important;
    font-weight: 700 !important;
}

.content-editorial h3 {
    margin: 24px 0 8px 0 !important;
    font-size: 21px !important;
    line-height: 1.35 !important;
}

.content-editorial h3:first-child {
    margin-top: 0 !important;
}

.content-editorial ul,
.content-editorial ol {
    margin: 14px 0 20px 22px !important;
    padding-left: 16px !important;
}

.content-editorial li {
    margin-bottom: 8px !important;
    color: #4a545f !important;
    font-size: 17px !important;
    line-height: 1.65 !important;
}

.content-editorial a {
    color: #005b8e !important;
    font-weight: 600 !important;
}

.content-editorial a:hover {
    color: #85bf42 !important;
}

.content-editorial font,
.content-editorial span,
.content-editorial strong {
    font-family: inherit !important;
}


/* =========================================
   CONTENT BAND - LAYOUT
   ========================================= */

.content-band-layout {
    border-radius: 0 0 10px 10px !important;
    overflow: hidden !important;
}
/* =========================================
   UPCOMING EVENTS - SECTION TITLE
   ========================================= */

.upcoming-events.WaGadgetHeadline {
    margin-bottom: 22px !important;
}

.upcoming-events.WaGadgetHeadline .gadgetStyleBody {
    display: block !important;
    padding: 0 0 15px 0 !important;

    color: #005b8e !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    /* Short green underline */
    background-image: linear-gradient(
        to right,
        #85bf42 0,
        #85bf42 70px,
        transparent 70px,
        transparent 100%
    ) !important;

    background-size: 100% 4px !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
}

.upcoming-events.WaGadgetHeadline .gadgetStyleBody font,
.upcoming-events.WaGadgetHeadline .gadgetStyleBody strong {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
}
/* =========================================
   IMAGE - MODERN
   Rounded corners only
   ========================================= */

.image-modern img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px !important;
}


/* =========================================
   IMAGE - SHADOW
   Rounded corners + subtle shadow
   ========================================= */

.image-shadow img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.10) !important;
}


/* =========================================
   IMAGE - BORDER
   Rounded corners + subtle blue border
   ========================================= */

.image-border img {
    display: block;
    max-width: 100%;
    height: auto;
    border-radius: 10px !important;
    border: 1px solid rgba(0, 91, 142, 0.16) !important;
}


/* =========================================
   IMAGE - ACCENT
   Rounded corners + green offset accent
   ========================================= */

.image-accent img {
    display: block !important;
    max-width: calc(100% - 10px) !important;
    height: auto !important;
    border-radius: 12px !important;
    box-shadow: 10px 10px 0 0 rgba(133, 191, 66, 0.22) !important;
}
/* =========================================
   ATD CENTRAL IOWA - EVENT CALENDAR
   Apply class "atd-calendar" to calendar gadget
   ========================================= */


/* =========================================
   MONTH HEADING
   Matches our standard section heading
   ========================================= */

.atd-calendar #idEventListCalendar .sectionTitle {
    display: block !important;
    margin: 0 0 18px 0 !important;
    padding: 0 0 15px 0 !important;

    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 30px !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;

    background-image: linear-gradient(
        to right,
        #85bf42 0,
        #85bf42 70px,
        transparent 70px,
        transparent 100%
    ) !important;

    background-size: 100% 4px !important;
    background-position: left bottom !important;
    background-repeat: no-repeat !important;
}


/* =========================================
   VIEW SWITCHER
   Week / Month / Year
   ========================================= */

.atd-calendar #idViewSwitchersTable {
    margin-bottom: 20px !important;
}

.atd-calendar #idViewSwitchersTable a,
.atd-calendar #idViewSwitchersTable span {
    font-family: Lato, sans-serif !important;
    font-size: 15px !important;
    font-weight: 600 !important;
}

/* Links */
.atd-calendar .weekButtonLink,
.atd-calendar .yearButtonLink,
.atd-calendar .DecDateButton,
.atd-calendar .todayButton a,
.atd-calendar .incDateButton {
    color: #005b8e !important;
    text-decoration: none !important;
}

.atd-calendar .weekButtonLink:hover,
.atd-calendar .yearButtonLink:hover,
.atd-calendar .DecDateButton:hover,
.atd-calendar .todayButton a:hover,
.atd-calendar .incDateButton:hover {
    color: #85bf42 !important;
    text-decoration: none !important;
}

/* Current view */
.atd-calendar .monthButtonLabel {
    color: #005b8e !important;
    font-weight: 700 !important;
}


/* =========================================
   SWITCH TO LIST VIEW
   ========================================= */

.atd-calendar .pageViewSwitcherContainer a {
    color: #005b8e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.atd-calendar .pageViewSwitcherContainer a:hover {
    color: #85bf42 !important;
}


/* =========================================
   CALENDAR OUTER TABLE
   ========================================= */

.atd-calendar .EventListCalendar {
    width: 100% !important;

    background: #ffffff !important;
    border: 1px solid #d6e2e8 !important;
    border-radius: 10px !important;

    overflow: hidden !important;
}


/* =========================================
   DAYS OF WEEK
   ========================================= */

.atd-calendar .EventListCalendarHeader {
    padding: 12px 8px !important;

    background: #005b8e !important;
    border-color: #005b8e !important;

    color: #ffffff !important;
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-align: center !important;
}


/* =========================================
   CALENDAR CELLS
   ========================================= */

.atd-calendar .EventListCalendarItemDefault {
    background-color: #ffffff !important;
    border-color: #d6e2e8 !important;
}

.atd-calendar .EventListCalendarItemInactive {
    background-color: #f7f8f8 !important;
    border-color: #e5eaed !important;
}


/* =========================================
   DATE NUMBERS
   ========================================= */

.atd-calendar a.calendarDate {
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.atd-calendar .EventListCalendarItemInactive a.calendarDate {
    color: #a1abb1 !important;
}


/* =========================================
   SELECTED / CURRENT DATE
   ========================================= */

.atd-calendar .EventListCalendarItemSelected {
    background-color: rgba(0, 91, 142, 0.08) !important;
    border-color: rgba(0, 91, 142, 0.22) !important;
}

.atd-calendar .EventListCalendarItemSelected a.calendarDate {
    color: #005b8e !important;
    font-weight: 700 !important;
}


/* =========================================
   EVENTS
   Faded ATD blue
   ========================================= */

.atd-calendar .eventDivItem {
    height: 78px !important;
    min-height: 0 !important;

    margin: 3px 4px !important;
    padding: 7px 8px !important;

    background: rgba(0, 91, 142, 0.10) !important;
    border-left: 4px solid #005b8e !important;
    border-radius: 4px !important;

    overflow: hidden !important;
    box-sizing: border-box !important;

    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    line-height: 1.35 !important;
}


/* Event time */
.atd-calendar .eventDivItem .eventTime {
    margin-bottom: 3px !important;

    color: #4a545f !important;
    font-size: 12px !important;
    font-weight: 600 !important;
}


/* Event title */
.atd-calendar .eventDivItem a {
    color: #005b8e !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    text-decoration: none !important;
}

.atd-calendar .eventDivItem a:hover {
    color: #85bf42 !important;
    text-decoration: none !important;
}

/* =========================================
   CALENDAR CONTROL SPACING
   ========================================= */

.atd-calendar .pageTitleOuterContainer {
    margin-bottom: 12px !important;
}

.atd-calendar #idViewSwitchersTable {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

.atd-calendar .switchersGroup1,
.atd-calendar .switchersGroup2 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
/* =========================================
   GREEN EVENT BACKGROUNDS
   Keep text white
   ========================================= */

/*
   This catches event elements where Wild Apricot
   or existing event styling supplies a green background.
*/

.atd-calendar .eventDivItem[style*="background"] a,
.atd-calendar .eventDivItem[style*="background"] .eventTime {
    color: inherit;
}


/* Utility class if we need to explicitly identify
   Wild Apricot's green event type after testing */

.atd-calendar .event-green,
.atd-calendar .event-green a,
.atd-calendar .event-green .eventTime {
    color: #ffffff !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .atd-calendar #idEventListCalendar .sectionTitle {
        font-size: 26px !important;
    }

    .atd-calendar .EventListCalendarHeader {
        padding: 9px 3px !important;
        font-size: 12px !important;
    }

    .atd-calendar .eventDivItem {
        margin: 2px !important;
        padding: 5px !important;
    }

    .atd-calendar .eventDivItem a {
        font-size: 12px !important;
    }

}
/* =========================================
   WILD APRICOT SYSTEM BUTTONS
   ========================================= */

.navigationOuterContainer .navigationContainer input.nextButton,
.navigationOuterContainer .navigationContainer input.typeButton,
.navigationOuterContainer .navigationContainer input[type="submit"],
.loginButton,
.typeButton,
input[type="submit"] {
    background-color: #85bf42 !important;
    color: #ffffff !important;
    border-color: #85bf42 !important;
}


/* HOVER */

.navigationOuterContainer .navigationContainer input.nextButton:hover,
.navigationOuterContainer .navigationContainer input.typeButton:hover,
.navigationOuterContainer .navigationContainer input[type="submit"]:hover,
.loginButton:hover,
.typeButton:hover,
input[type="submit"]:hover {
    background-color: #6fa832 !important;
    color: #ffffff !important;
    border-color: #6fa832 !important;
}
/* =========================================
   ATD Action Section
   ========================================= */

.atd-action-section {
    background-color: #005b8e !important;
    padding: 50px 30px !important;
}
/* Action cards */
.atd-action-section .action-card {
    text-align: center;
    color: #ffffff;
    padding: 10px 25px;
}

/* Icons */
.atd-action-section .action-icon img {
    width: 70px;
    height: 70px;
    margin-bottom: 12px;
}

/* Headings */
.atd-action-section .action-card h3 {
    color: #ffffff !important;
    font-size: 24px !important;
    margin: 0 0 12px 0 !important;
}

/* Description */
.atd-action-section .action-card p {
    color: #ffffff !important;
    font-size: 16px !important;
    line-height: 1.5;
    margin: 0 0 20px 0 !important;
}

/* =========================================
   ATD Action Section - Column Dividers
   ========================================= */

.atd-action-section .WaLayoutItem:not(:last-child) {
    border-right: 1px solid rgba(255, 255, 255, 0.25);
}
/* =========================================
   BOARD MEMBER FEATURED MEMBER CARD
   ========================================= */

.featured-member {
    border-radius: 12px !important;
    overflow: hidden;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.12);
    background: #ffffff;
}


/* Role/title bar */
.featured-member .gadgetStyleTitle {
    background-color: #005b8e !important;
    padding: 14px 20px !important;
    text-align: center;
}

.featured-member .gadgetTitleH4 {
    color: #ffffff !important;
    margin: 0 !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}


/* Rebuild Wild Apricot's horizontal layout */
.featured-member .layoutHorizontal li {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;

    width: 100% !important;
    padding: 28px 24px 24px !important;
    box-sizing: border-box;
}


/* Photo wrapper */
.featured-member .img {
    float: none !important;
    width: auto !important;
    margin: 0 0 18px 0 !important;
}


/* Circular member photo */
.featured-member .img img {
    width: 160px !important;
    height: 160px !important;
    border-radius: 50% !important;
    object-fit: cover !important;
    display: block;
}


/* Text area */
.featured-member .rightPart {
    float: none !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}


/* Member name */
.featured-member .rightPart h4 {
    margin: 0 0 12px 0 !important;
}

.featured-member .rightPart h4 a {
    color: #005b8e !important;
    font-size: 22px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

.featured-member .rightPart h4 a:hover {
    color: #85bf42 !important;
}


/* Bio */
.featured-member .description {
    color: #4a545f !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
    text-align: left;
}
/* Hide board bios until requested */
.featured-member .description {
    display: none;
}


/* Read Bio button */
.featured-member .board-bio-toggle {
    display: inline-block;
    margin-top: 8px;
    padding: 10px 20px;

    background-color: #85bf42 !important;
    color: #ffffff !important;

    border: none;
    border-radius: 5px;

    font-size: 15px;
    font-weight: 700;
    cursor: pointer;

    transition: background-color 0.2s ease;
}

.featured-member .board-bio-toggle:hover {
    background-color: #6fa832 !important;
}


/* Visible bio */
.featured-member.bio-open .description {
    display: block;
    margin-top: 20px;
}
/* =========================================
   ATD CENTRAL IOWA - SITE FOOTER
   ========================================= */

.atd-site-footer {
    width: 100%;
    background: #005b8e;
    color: #ffffff;
}


/* MAIN FOOTER CONTENT
   ========================================= */

.atd-site-footer-inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 48px 40px 44px;

    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    gap: 60px;

    box-sizing: border-box;
}


/* BRAND
   ========================================= */

.atd-site-footer-brand {
    max-width: 430px;
}

.atd-site-footer-logo {
    display: block;
    width: 220px;
    max-width: 100%;
    height: auto;
    margin: 0 0 22px 0;
}

.atd-site-footer-mission {
    margin: 0 !important;

    color: #ffffff !important;
    font-size: 17px !important;
    font-weight: 400 !important;
    line-height: 1.6 !important;
}


/* NAVIGATION COLUMNS
   ========================================= */

.atd-site-footer-nav h3 {
    position: relative;

    margin: 0 0 22px 0 !important;
    padding: 0 0 12px 0 !important;

    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
}


/* Green accent under column headings */

.atd-site-footer-nav h3::after {
    content: "";

    position: absolute;
    left: 0;
    bottom: 0;

    width: 36px;
    height: 3px;

    background: #85bf42;
    border-radius: 2px;
}


/* Footer links */

.atd-site-footer-nav a {
    display: block;

    width: fit-content;
    margin: 0 0 12px 0;

    color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 1.5 !important;

    text-decoration: none !important;

    transition: color 0.2s ease;
}

.atd-site-footer-nav a:hover,
.atd-site-footer-nav a:focus {
    color: #85bf42 !important;
    text-decoration: none !important;
}


/* =========================================
   HIDE WILD APRICOT BRANDING AREA
   ========================================= */

.zonePlace.zoneWAbranding,
.WABranding,
#idFooterPoweredByContainer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* =========================================
   TABLET
   ========================================= */

@media screen and (max-width: 900px) {

    .atd-site-footer-inner {
        grid-template-columns: 1.5fr 1fr 1fr;
        gap: 36px;
        padding-left: 30px;
        padding-right: 30px;
    }

}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .atd-site-footer-inner {
        grid-template-columns: 1fr;
        gap: 36px;

        padding: 42px 24px 36px;
    }

    .atd-site-footer-brand {
        max-width: none;
    }

    .atd-site-footer-logo {
        width: 200px;
    }

    .atd-site-footer-nav h3 {
        margin-bottom: 18px !important;
    }

}

/* ========================================
   WEBSITE CONSTRUCTION NOTICE
   ======================================== */

.site-notice-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.55);
  z-index: 99998;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 20px;
}

.site-notice-modal {
  position: relative;
  width: 100%;
  max-width: 540px;
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  text-align: center;
}

.site-notice-accent {
  height: 7px;
  background: #85bf42;
}

.site-notice-content {
  padding: 42px 42px 38px;
}

.site-notice-modal h2 {
  margin: 0 0 16px;
  color: #005b8e;
  font-size: 30px;
  line-height: 1.2;
}

.site-notice-modal p {
  margin: 0 0 16px;
  color: #4a545f;
  font-size: 17px;
  line-height: 1.6;
}

.site-notice-modal p:last-of-type {
  margin-bottom: 26px;
}

.site-notice-button {
  display: inline-block;
  padding: 12px 26px;
  background: #005b8e;
  color: #ffffff !important;
  text-decoration: none !important;
  font-weight: 600;
  font-size: 16px;
  border-radius: 4px;
  transition: background 0.2s ease;
}

.site-notice-button:hover,
.site-notice-button:focus {
  background: #00466e;
  color: #ffffff !important;
}

.site-notice-close {
  position: absolute;
  top: 18px;
  right: 18px;
  width: 36px;
  height: 36px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #4a545f;
  font-size: 28px;
  line-height: 36px;
  cursor: pointer;
}

.site-notice-close:hover,
.site-notice-close:focus {
  color: #005b8e;
}

@media (max-width: 600px) {
  .site-notice-content {
    padding: 38px 24px 30px;
  }

  .site-notice-modal h2 {
    font-size: 26px;
  }

  .site-notice-modal p {
    font-size: 16px;
  }
}
/* =========================================
   ATD CENTRAL IOWA - EVENT DETAIL PAGE
   ========================================= */


/* =========================================
   PAGE TITLE + TOP CONTROLS
   ========================================= */

.WaGadgetEventsStateDetails .eventsTitleContainer .pageTitle {
    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 38px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    margin: 0 0 28px 0 !important;
}

/* Back link */
.WaGadgetEventsStateDetails .eventBackLink {
    color: #005b8e !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

.WaGadgetEventsStateDetails .eventBackLink:hover {
    color: #85bf42 !important;
    text-decoration: none !important;
}

/* Add to calendar */
.WaGadgetEventsStateDetails .pageViewSwitcherContainer {
    color: #005b8e !important;
}

.WaGadgetEventsStateDetails .-wa-add-event-to-calendar-dropdown {
    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-weight: 600 !important;
}

.WaGadgetEventsStateDetails .-wa-add-event-to-calendar-dropdown:hover {
    color: #85bf42 !important;
}
/* Tighten spacing between event title and event content */
.WaGadgetEventsStateDetails #idEventsTitleMainContainer {
    margin-bottom: 18px !important;
    padding-bottom: 0 !important;
}

.WaGadgetEventsStateDetails .eventsTitleContainer .pageTitle {
    margin-bottom: 0 !important;
}

/* =========================================
   REMOVE OLD WILD APRICOT BOX STYLING
   ========================================= */

.WaGadgetEventsStateDetails .boxOuterContainer,
.WaGadgetEventsStateDetails .boxContainer,
.WaGadgetEventsStateDetails .boxBodyOuterContainer,
.WaGadgetEventsStateDetails .boxBodyContainer,
.WaGadgetEventsStateDetails .boxBodyInfoOuterContainer,
.WaGadgetEventsStateDetails .boxBodyInfoContainer,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d1,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d2,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d3,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d4,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d5,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d6,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d7,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d8,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .d9,
.WaGadgetEventsStateDetails .boxBodyInfoContainer .inner {
    background: transparent !important;
    background-image: none !important;
}

/* Keep registration status visually connected to registration options */
.WaGadgetEventsStateDetails .boxActionContainer {
    margin: 18px 0 0 0 !important;
    padding: 0 !important;
}

.WaGadgetEventsStateDetails .boxActionContainer .inner {
    margin: 0 !important;
    padding: 0 !important;
}

.WaGadgetEventsStateDetails .infoRegistrationIsClosed {
    margin: 0 !important;
    padding: 0 !important;
    text-align: left !important;
}
/* =========================================
   EVENT INFO PANEL
   ========================================= */

.WaGadgetEventsStateDetails .boxInfoContainer {
    background: rgba(0, 91, 142, 0.06) !important;
    border: 1px solid rgba(0, 91, 142, 0.16) !important;
    border-left: 5px solid #85bf42 !important;
    border-radius: 10px !important;
    padding: 26px 28px !important;
    margin: 0 0 28px 0 !important;
    box-sizing: border-box !important;
}

.WaGadgetEventsStateDetails .boxInfo {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Each event information row */
.WaGadgetEventsStateDetails .boxInfo li {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* WHEN / LOCATION labels */
.WaGadgetEventsStateDetails .eventInfoBoxLabel {
    display: block !important;
    float: none !important;
    width: 100% !important;

    margin: 0 0 8px 0 !important;
    padding: 0 !important;

    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: left !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
}

/* Date / time / location values */
.WaGadgetEventsStateDetails .eventInfoBoxValue {
    display: block !important;
    float: none !important;
    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

/* Date */
.WaGadgetEventsStateDetails .eventInfoStartDate {
    margin-bottom: 2px !important;
}

/* Make the date itself bold */
.WaGadgetEventsStateDetails .eventInfoStartDate .eventInfoBoxValue,
.WaGadgetEventsStateDetails .eventInfoStartDate .eventInfoBoxValue strong {
    font-weight: 700 !important;
}

/* Time */
.WaGadgetEventsStateDetails .eventInfoStartTime {
    margin: 0 !important;
}

/* Wild Apricot inserts an empty label beside the time */
.WaGadgetEventsStateDetails
.eventInfoStartTime
.eventInfoBoxLabel {
    display: none !important;
}

/* Create clear separation between WHEN and LOCATION */
.WaGadgetEventsStateDetails
.eventInfoLocation
.eventInfoBoxLabel {
    margin-top: 24px !important;
    margin-bottom: 8px !important;
}
/* Make location value slightly stronger */
.WaGadgetEventsStateDetails
.eventInfoLocation
.eventInfoBoxValue {
    font-weight: 500 !important;
}
/* =========================================
   REGISTRATION SECTION
   ========================================= */

.WaGadgetEventsStateDetails .registrationInfoContainer {
    margin-top: 24px !important;
}

.WaGadgetEventsStateDetails
.registrationInfoContainer
.infoTitle {
    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 20px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 0 0 14px 0 !important;
}

.WaGadgetEventsStateDetails .registrationInfo {
    margin-top: 0 !important;
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

.WaGadgetEventsStateDetails .registrationInfo li {
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Registration option names */
.WaGadgetEventsStateDetails .regTypeLiLabel,
.WaGadgetEventsStateDetails .regTypeLiLabel strong {
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
}

/* Registration code required note */
.WaGadgetEventsStateDetails .regTypeLiLabelImg {
    color: #6f787d !important;
    font-size: 13px !important;
}


/* =========================================
   REGISTER BUTTON
   ========================================= */

.WaGadgetEventsStateDetails .registerButton {
    background: #85bf42 !important;
    color: #ffffff !important;

    border: 1px solid #85bf42 !important;
    border-radius: 5px !important;

    padding: 12px 24px !important;

    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
    transition: background-color 0.2s ease !important;
}

.WaGadgetEventsStateDetails .registerButton:hover,
.WaGadgetEventsStateDetails .registerButton:focus {
    background: #6fa832 !important;
    border-color: #6fa832 !important;
    color: #ffffff !important;
}


/* =========================================
   REGISTRATION STATUS
   ========================================= */

.WaGadgetEventsStateDetails .infoRegistrationIsClosed {
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 16px !important;
    font-weight: 600 !important;
}


/* =========================================
   DIVIDER BETWEEN REGISTRATION + CONTENT
   ========================================= */

.WaGadgetEventsStateDetails .regTypeHr hr {
    border: none !important;
    border-top: 1px solid rgba(0, 91, 142, 0.15) !important;
    margin: 28px 0 !important;
}


/* =========================================
   EVENT DESCRIPTION
   ========================================= */

.WaGadgetEventsStateDetails .gadgetEventEditableArea {
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}

/* Neutralize old editor font tags */
.WaGadgetEventsStateDetails .gadgetEventEditableArea font {
    color: inherit !important;
    font-family: inherit !important;
    font-size: inherit !important;
}

/* Paragraphs */
.WaGadgetEventsStateDetails .gadgetEventEditableArea p {
    margin: 0 0 18px 0 !important;

    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.7 !important;
}


/* =========================================
   EVENT DESCRIPTION HEADINGS
   ========================================= */

.WaGadgetEventsStateDetails .gadgetEventEditableArea h2 {
    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 27px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    margin: 34px 0 12px 0 !important;
}

.WaGadgetEventsStateDetails .gadgetEventEditableArea h3 {
    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    margin: 28px 0 10px 0 !important;
}


/* =========================================
   EVENT DESCRIPTION LINKS
   ========================================= */

.WaGadgetEventsStateDetails .gadgetEventEditableArea a {
    color: #005b8e !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

.WaGadgetEventsStateDetails .gadgetEventEditableArea a:hover {
    color: #85bf42 !important;
}


/* =========================================
   EVENT DESCRIPTION LISTS
   ========================================= */

.WaGadgetEventsStateDetails .gadgetEventEditableArea ul,
.WaGadgetEventsStateDetails .gadgetEventEditableArea ol {
    margin: 10px 0 22px 24px !important;
    padding-left: 18px !important;
}

.WaGadgetEventsStateDetails .gadgetEventEditableArea li {
    margin-bottom: 8px !important;

    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}


/* =========================================
   EVENT IMAGES
   ========================================= */

/*
   Keep images responsive without forcing small
   speaker headshots to stretch to full width.
*/

.WaGadgetEventsStateDetails .gadgetEventEditableArea img {
    display: block !important;
    max-width: 100% !important;
    height: auto !important;

    margin: 0 0 26px 0 !important;

    border-radius: 10px !important;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.08) !important;
}


/* =========================================
   HORIZONTAL RULES IN EVENT DESCRIPTION
   ========================================= */

.WaGadgetEventsStateDetails .gadgetEventEditableArea hr {
    border: none !important;
    border-top: 1px solid rgba(0, 91, 142, 0.15) !important;
    margin: 30px 0 !important;
}


/* =========================================
   MOBILE
   ========================================= */

@media screen and (max-width: 700px) {

    .WaGadgetEventsStateDetails
    .eventsTitleContainer
    .pageTitle {
        font-size: 30px !important;
        margin-bottom: 22px !important;
    }

    .WaGadgetEventsStateDetails .boxInfoContainer {
        padding: 20px 20px !important;
        border-left-width: 4px !important;
    }

    .WaGadgetEventsStateDetails .eventInfoBoxValue {
        font-size: 16px !important;
    }

    .WaGadgetEventsStateDetails .gadgetEventEditableArea,
    .WaGadgetEventsStateDetails .gadgetEventEditableArea p,
    .WaGadgetEventsStateDetails .gadgetEventEditableArea li {
        font-size: 16px !important;
    }

    .WaGadgetEventsStateDetails .gadgetEventEditableArea h2 {
        font-size: 24px !important;
    }

    .WaGadgetEventsStateDetails .gadgetEventEditableArea h3 {
        font-size: 20px !important;
    }

    .WaGadgetEventsStateDetails .gadgetEventEditableArea img {
        margin-bottom: 22px !important;
        border-radius: 8px !important;
    }

    .WaGadgetEventsStateDetails .registerButton {
        width: 100% !important;
        padding: 12px 18px !important;
        box-sizing: border-box !important;
    }
}
/* =========================================
   EVENT REGISTRATION - EVENT INFO BOX
   ========================================= */

/* Remove Wild Apricot's built-in blue background */
#idInfoContainer,
#idInfoContainer .infoContainer,
#idInfoContainer .d1,
#idInfoContainer .d2,
#idInfoContainer .d3,
#idInfoContainer .d4,
#idInfoContainer .d5,
#idInfoContainer .d6,
#idInfoContainer .d7,
#idInfoContainer .d8,
#idInfoContainer .d9,
#idInfoContainer .inner,
#idInfoContainer .cornersContainer,
#idInfoContainer .topCorners,
#idInfoContainer .bottomCorners,
#idInfoContainer .topCorners div,
#idInfoContainer .bottomCorners div {
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
}

/* Rebuild the box in our site style */
#idInfoContainer .infoContainer {
    background: rgba(0, 91, 142, 0.06) !important;
    border: 1px solid rgba(0, 91, 142, 0.16) !important;
    border-left: 5px solid #85bf42 !important;
    border-radius: 10px !important;
    box-sizing: border-box !important;
}

/* Inner spacing */
#idInfoContainer .inner {
    padding: 24px 26px !important;
}

/* Event label */
#idInfoContainer .infoTitle {
    color: #005b8e !important;
    font-family: Lato, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;
    text-transform: uppercase !important;
    letter-spacing: .05em !important;
}

/* Event information */
#idInfoContainer .infoText {
    color: #4a545f !important;
    font-family: Lato, sans-serif !important;
    font-size: 17px !important;
    line-height: 1.55 !important;
}
/* =========================================================
   ATD CENTRAL IOWA
   EVENT CALENDAR - MODERN LIST VIEW
   Requires the ATD event-list JavaScript transformation
   ========================================================= */


/* =========================================================
   1. EVENT LIST
   ========================================================= */

.atd-calendar.WaGadgetEventsStateList .boxesList {
    margin: 26px 0 0 0 !important;
    padding: 0 !important;
}


/* =========================================================
   2. EVENT CARD SHELL
   ========================================================= */

.atd-calendar.WaGadgetEventsStateList
.boxesListItem.atd-event-card-ready {
    position: relative !important;

    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;

    margin: 0 0 18px 0 !important;
    padding: 0 !important;

    background: #ffffff !important;

    border: 1px solid rgba(0, 91, 142, 0.16) !important;
    border-radius: 10px !important;

    overflow: hidden !important;

    box-sizing: border-box !important;
}


/* =========================================================
   3. CARD LAYOUT
   ========================================================= */

.atd-event-card {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    width: 100% !important;
    min-height: 175px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: #ffffff !important;
    box-sizing: border-box !important;
}


/* =========================================================
   4. EVENT IMAGE
   ========================================================= */

.atd-event-card-image {
    display: block !important;

    width: 240px !important;
    height: 100% !important;
    min-height: 180px !important;

    margin: 0 !important;
    padding: 0 !important;

    overflow: hidden !important;

    background: rgba(0, 91, 142, 0.06) !important;

    text-decoration: none !important;
}


.atd-event-card-image {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 270px !important;
    height: 175px !important;
    min-height: 175px !important;

    align-self: center !important;

    margin: 0 !important;
    padding: 12px !important;

    overflow: hidden !important;

    background: rgba(0, 91, 142, 0.035) !important;

    text-decoration: none !important;

    box-sizing: border-box !important;
}


.atd-event-card-image img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
    object-position: center !important;

    border: 0 !important;
    border-radius: 4px !important;
}


/* =========================================================
   5. NO-IMAGE PLACEHOLDER
   ========================================================= */

.atd-event-card-placeholder {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;

    background:
        linear-gradient(
            135deg,
            rgba(0, 91, 142, 0.11) 0%,
            rgba(0, 91, 142, 0.055) 58%,
            rgba(133, 191, 66, 0.12) 100%
        ) !important;
}


.atd-event-card-placeholder span {
    display: block !important;

    max-width: 150px !important;

    color: #005b8e !important;

    font-family: Lato, sans-serif !important;
    font-size: 17px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;
}


/* =========================================================
   6. CARD CONTENT
   ========================================================= */

.atd-event-card-content {
    display: flex !important;

    flex-direction: column !important;

    min-width: 0 !important;

    margin: 0 !important;
    padding: 20px 24px 18px 26px !important;

    background: #ffffff !important;

    box-sizing: border-box !important;
}


/* =========================================================
   7. EVENT TITLE
   ========================================================= */

.atd-event-card-title {
    display: block !important;

    margin: 0 0 6px 0 !important;
    padding: 0 !important;

    color: #005b8e !important;

    font-family: Lato, sans-serif !important;
    font-size: 21px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-decoration: none !important;
}


.atd-event-card-title:hover,
.atd-event-card-title:focus {
    color: #85bf42 !important;

    text-decoration: none !important;
}


/* =========================================================
   8. EVENT METADATA
   ========================================================= */

.atd-event-card-meta {
    display: flex !important;

    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 3px 0 !important;

    margin: 0 0 10px 0 !important;
    padding: 0 !important;

    color: #4a545f !important;

    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
}


.atd-event-card-meta span {
    display: inline !important;

    margin: 0 !important;
    padding: 0 !important;

    color: inherit !important;

    font-family: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
}


/* Green metadata separators */

.atd-event-card-meta span:not(:last-child)::after {
    content: "•" !important;

    display: inline !important;

    margin: 0 9px !important;

    color: #85bf42 !important;

    font-weight: 700 !important;
}


/* =========================================================
   9. EVENT EXCERPT
   ========================================================= */

.atd-event-card-excerpt {
    display: -webkit-box !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;

    overflow: hidden !important;

    max-width: 1050px !important;

    margin: 0 0 13px 0 !important;
    padding: 0 !important;

    color: #4a545f !important;

    font-family: Lato, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;
}


/* =========================================================
   10. ACTION AREA
   ========================================================= */

.atd-event-card-actions {
    display: flex !important;

    align-items: center !important;
    flex-wrap: wrap !important;

    gap: 18px !important;

    margin-top: auto !important;
    padding: 0 !important;
}


/* =========================================================
   11. VIEW EVENT LINK
   ========================================================= */

.atd-event-card-view {
    display: inline-block !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #005b8e !important;

    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;

    text-decoration: none !important;
}


.atd-event-card-view::after {
    content: " →" !important;
}


.atd-event-card-view:hover,
.atd-event-card-view:focus {
    color: #85bf42 !important;

    text-decoration: none !important;
}


/* =========================================================
   12. REGISTER BUTTON
   ========================================================= */

.atd-event-card-register {
    display: inline-block !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 8px 16px !important;

    background: #85bf42 !important;

    border: 1px solid #85bf42 !important;
    border-radius: 5px !important;

    color: #ffffff !important;

    font-family: Lato, sans-serif !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;
    text-transform: none !important;

    cursor: pointer !important;

    box-shadow: none !important;
    text-shadow: none !important;
}


.atd-event-card-register:hover,
.atd-event-card-register:focus {
    background: #6fa832 !important;

    border-color: #6fa832 !important;

    color: #ffffff !important;

    text-decoration: none !important;

    box-shadow: none !important;
}


/* =========================================================
   13. TABLET
   ========================================================= */

@media (max-width: 900px) {

    .atd-event-card {
        grid-template-columns: 190px minmax(0, 1fr) !important;
        min-height: 175px !important;
    }


    .atd-event-card-image {
        width: 190px !important;
        min-height: 175px !important;
    }


    .atd-event-card-image img {
        min-height: 175px !important;
    }


    .atd-event-card-content {
        padding: 18px 20px 17px 22px !important;
    }


    .atd-event-card-title {
        font-size: 20px !important;
    }

}


/* =========================================================
   14. MOBILE
   ========================================================= */

@media (max-width: 700px) {

    .atd-calendar.WaGadgetEventsStateList .boxesList {
        margin-top: 20px !important;
    }


    .atd-calendar.WaGadgetEventsStateList
    .boxesListItem.atd-event-card-ready {
        margin-bottom: 16px !important;
    }


    .atd-event-card {
        display: block !important;

        min-height: 0 !important;
    }


    /*
     * On mobile the image becomes a shallow banner.
     */

    .atd-event-card-image {
        display: block !important;

        width: 100% !important;
        height: 170px !important;
        min-height: 0 !important;
    }


    .atd-event-card-image img {
        display: block !important;

        width: 100% !important;
        height: 170px !important;
        min-height: 0 !important;

        object-fit: cover !important;
    }


    .atd-event-card-placeholder {
        display: flex !important;
    }


    .atd-event-card-content {
        padding: 18px 20px 19px 20px !important;
    }


    .atd-event-card-title {
        margin-bottom: 7px !important;

        font-size: 20px !important;
        line-height: 1.3 !important;
    }


    /*
     * Stack metadata on mobile so long dates don't
     * produce awkward wrapping.
     */

    .atd-event-card-meta {
        display: block !important;

        margin-bottom: 10px !important;
    }


    .atd-event-card-meta span {
        display: block !important;

        margin: 0 0 2px 0 !important;
    }


    .atd-event-card-meta span::after {
        content: none !important;

        display: none !important;
    }


    .atd-event-card-excerpt {
        margin-bottom: 14px !important;

        -webkit-line-clamp: 3 !important;
    }


    .atd-event-card-actions {
        margin-top: 14px !important;

        gap: 16px !important;
    }

}