* {
    font-family: "IBM Plex Serif" !important;
}

header {
    background-color: #fff;
    color: #29235c;
    z-index: 9 !important;
    position: sticky;
    top: 0;
}
header > div:first-of-type {
    background-color: #29235c;
    padding: .5rem 1rem;
    color: #fff;

    display: flex;
    align-items: center;
}
@media screen and (max-width: 640px) {
    header > div:first-of-type {
        flex-direction: column;
    }
}
@media screen and (min-width: 1024px) {
    header > div:first-of-type {
        padding: .5rem 2rem;
    }
}
header.page {
    border-bottom: 2px solid #29235c;
}

#logo img {
    width: 64px;
}
#logo span {
    font-size: 36px;
    margin-left: 2rem;
    vertical-align: middle;
}
@media screen and (max-width: 640px) {
    #logo img {
        display: block;
        margin: 0 auto;
    }
    #logo span {
        font-size: 32px;
        display: block;
        margin: 0;
    }
}
@media screen and (max-width: 1024px) {
    #logo span {
        display: block;
        font-size: 20px;
        margin: 16px 0;
    }
}

@media screen and (min-width: 769px) {
    #main {
        min-height: 57vh;
    }
}

#block-igd-main-navigation {
    background-color: #fff;
    color: #000;
}
#block-igd-main-navigation ul {
    list-style: none;
}
#block-igd-main-navigation ul.dropdown.menu {
    justify-content: center;
}
#block-igd-main-navigation ul li {
}
#block-igd-main-navigation ul li.is-active a {
}
#block-igd-main-navigation ul a {
    border: none;
    font-size: 20px;
}
#block-igd-main-navigation ul a:focus {
    color: #29235c;
}
#block-igd-main-navigation ul a:after {
    border-color: #29235c transparent transparent;
}
#block-igd-main-navigation ul a:hover {
    background-color: #29235c;
    color: #fff;
}
#block-igd-main-navigation ul a.is-active {
    -background-color: #f07d00;
    -color: #fff;
}
#block-igd-main-navigation ul a.is-active:after {
    -border-color: #fff transparent transparent;
}
#block-igd-main-navigation ul.submenu {
    margin-left: 0;
    min-width: 300px;
    border: none;
    padding: 1rem 0.5rem;
    box-shadow: rgba(100,100,100,0.2) 0 4px 14px;
}
#block-igd-main-navigation ul.submenu a {
    background-color: #fff;
    color: #f07d00;
}
#block-igd-main-navigation ul.submenu a:hover {
    color: #29235c;
}

#block-igd-headerinfo ul {
    margin: 0;
    display: flex;
    justify-content: flex-end;
    list-style: none;
}
@media screen and (max-width: 640px) {
    #block-igd-headerinfo ul {
        flex-direction: column;
        margin-bottom: 1rem;
    }
}
#block-igd-headerinfo li {
    margin-right: 1rem;
}
#block-igd-headerinfo hr {
    display: none;
}
#block-igd-headerinfo a:hover {
    color: #f07d00;
}

.layout-main-wrapper {
    padding: 4rem 0 2rem;
}


footer {
    color: #fff;
    background-color: #29235c;
    padding: 3rem 1rem 2rem;
}
footer ul {
    margin-left: 0;
}

#block-igd-footer-contact ul {
    list-style: none;
    margin: 0 0 2rem;
}
#block-igd-footer-contact hr {
    display: none;
}
#block-igd-footer-contact a:hover {
    color: #f07d00;
}

#block-igd-footer-location ul {
    list-style: none;
}

#block-igd-footer-menu ul {
    flex-direction: column;
}
#block-igd-footer-menu ul li {
    padding: 0.5rem 0;
}
#block-igd-footer-menu ul li a {
    text-decoration: none;
    border: none;
    padding: 0;
}
#block-igd-footer-menu ul li:hover a {
    color: #f07d00;
}

#block-igd-views-annual-featured-events a {
    color: #f07d00;
    margin-bottom: 0.76rem;
    display: inline-block;
}
#block-igd-views-annual-featured-events a:hover {
    color: #29235c;
}

#block-igd-views-village-staff h3 {
    color: #29235c;
    margin: 0;
}
#block-igd-views-village-staff .views-row {
    margin-bottom: 2rem;
}
#block-igd-views-village-staff .views-field-field-email {
    margin-top: 1rem;
}
#block-igd-views-village-staff .views-field-field-telephone,
#block-igd-views-village-staff .views-field-field-phone {
    margin-bottom: 1rem;
}
#block-igd-views-village-staff .views-field-field-email a,
#block-igd-views-village-staff .views-field-field-telephone a,
#block-igd-views-village-staff .views-field-field-phone a {
    color: #f07d00;
}
#block-igd-views-village-staff .views-field-field-email a:hover,
#block-igd-views-village-staff .views-field-field-telephone a:hover,
#block-igd-views-village-staff .views-field-field-phone a:hover {
    color: #29235c;
}

#block-igd-home-banner {
    overflow: hidden;
}

#block-igd-home-announcement {
    padding: 0.75rem 0;
    text-align: center;
}

#alerts {
    background-color: #ff0;
    color: #000;
}
#bottom-content > div {
    margin: 2rem 0;
    padding: 0 2rem;
}
#bottom-content .block > h2 {
    color: #29235c;
    font-weight: bold;
    margin-bottom: 3rem;
    border-bottom: 2px solid #f07d00;
    display: block;
}
#block-igd-bc-resources h2 {
    text-align: left;
}
#block-igd-bc-resources h3 {
    font-size: 20px;
}
#block-igd-bc-resources a {
    color: #f07d00;
}
#block-igd-bc-resources a:hover {
    color: #29235c;
}

#block-igd-views-home-calendar h2 {
    text-align: right;
}

/*** INDIVIDUAL EVENT PAGE ***/
.node--type-event-park-rentals.node--view-mode-full .node__content.clearfix,
.node--type-event.node--view-mode-full .node__content.clearfix {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
/*** CALENDAR PAGES - calendar view ***/
.fc-day-grid-event .fc-content {
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
    flex-wrap: wrap-reverse;
    white-space: pre-wrap;
}


#block-igd-page-title {
    margin: 0 0 2rem;
}
#block-igd-page-title h1 {
    color: #29235c;
    text-align: left;
}

article h1, article h2, article h3, article h4 {
    color: #29235c;
    margin-top: 2rem;
}
article a {
    color: #f07d00;
}
article a:hover {
    color: #29235c;
}
article table thead {
    background-color: #29235c;
    color: #fff;
    font-weight: bold;
}
article img {
    margin: 0.2rem 0.5rem 1rem;
}


#block-igd-views-home-featured {
    margin-bottom: 2rem;
}
@media screen and (max-width: 640px) {
    #block-igd-views-home-featured .views-view-responsive-grid {
        grid-template-columns: 1fr !important;
    }
}

.views-view-responsive-grid__item .field-content {
    width: 100%;
}
.views-view-responsive-grid__item .field-content a {
    display: block;
    width: 100%;
    text-decoration: none;
}
.views-view-responsive-grid__item .field-content span {
    display: block;
    width: 100%;
    padding: 1rem;
    text-align: center;
    background-color: #29235c;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    box-sizing: border-box;
}
.views-view-responsive-grid__item .field-content a:hover span {
    color: #f07d00;
}


.block.banner__page img {
    display: block;
    width: 100%;
    aspect-ratio: 2.35;
    object-fit: cover;
    object-position: bottom;
}


.fc-header-toolbar .fc-center > div {
    display: flex;
    align-items: center;
}
.fc-header-toolbar .fc-center > div > * {
    margin: 0 0.75rem;
}
.fc-header-toolbar {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
@media screen and (min-width: 1280px) {
    .fc-header-toolbar {
        justify-content: space-between;
    }
}
.fc-header-toolbar > div {
    margin-top: 8px;
}


@media screen and (max-width: 640px) {
    table {
    }
    table thead {
        display: none;
    }
    table tbody {
        border: none;
    }
    table tbody tr {
        border-bottom: 2px solid grey;
        display: block;
        padding-top: 1.25rem;
    }
    table tbody tr:nth-child(even) {
        background-color: #fff;
        border-bottom: 2px solid grey;
    }
    table tbody tr:last-of-type {
    }
    table tbody td {
        display: block;
        padding: 4px 12px;
    }
}