/**********************
events.css
Copyright 2021 Derek Erb Solutions
https://derekerb.solutions

Styles for events page
**********************/

.dEPHeadImg  {
    text-align: center;
    margin: 4% auto;
}

.eventBtn {
    text-align: center;
    margin: 4% 0;
}

.eventBtn a {
    background-color: var(--EventsItem);
    color: var(--EventsText);
    padding: 1rem 2rem;
    border-radius: 15px;
    transition: color 0.3s, background-color 0.3s, box-shadow 0.3s;
    font-weight: lighter;
    box-shadow: inset -2px -2px 5px #202020, inset 2px 2px 3px #FEFEFE;
}

.eventBtn a:hover,
.eventBtn a:focus {
    background-color: var(--PgBack);
    color: var(--EventsItem);
    text-decoration: none;
    border-block-end: none;
    box-shadow: inset 0 0 2px #202020;
}

.eventImg img {
    border-radius: 10px;
    filter: drop-shadow(0px 0px 5px black);
    margin: 4% auto;
}

.eventItem {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 5px grey;
    border-radius: 10px;
    padding: 2rem 2.5rem;
    margin: 2%;
    color: var(--EventsItemText);
    background-color: white;
}

.eventItem p {
    margin: 0;
    text-align: center;
}

.eventTit,
.eventDates,
.eventLocation,
.eventDesc {
    margin: 2% auto;
}

.eventTit h3,
.eventTit h4 {
    font-family: var(--FontZ);
    color: var(--PgFore);
}

.eventTit h3 {
    font-size: 2rem;
}

.eventTit h4 {
    font-size: 1.8rem;
}

.h2EP {
    margin-block-start: 2%;
}

.h3EP {
    text-align: center;
    font-weight: bold;
}

.pLocName {
    margin-inline-start: 1.5rem;
}

.pSig {
    text-align: center;
    font-style: italic;
}

.pTimes {
    font-style: italic;
    font-weight: 100;
    transform: skewX(-15deg);
}

#allergies {
    margin-block-start: 10%;
}

#idupcomingevents {
    margin-block-end: 30%;
}

/******
    THANKSGIVING 2023
*****/

div.dMenu {
    margin-block-start: 4%;
    border-block-start: 1px solid var(--PgFore);
    border-block-end: 1px solid var(--PgFore);
    padding-block-start: 4%;
    padding-block-end: 2%;
}

.dMenu h3,
.dMenu h4 {
    text-align: center;
    font-weight: bold;
}

.dMenu h3 {
    font-size: 2.5vb;
}

.dMenu h4 {
    font-size: 2vb;
}

.dMenu ul {
    list-style-type: none;
    padding: 0;
    margin-inline-start: 4%;
}

.dMenu li {
    text-align: center;
    margin-block: 0.6rem;
}

.dMenu p {
    text-align: center;
}