/* Taphouse page specific styling. */
/* .page-id-49 .content-page{ 
    display: none;
} */

.search_events{
    display: none;
}

.admin-bar.page-id-49 .content-page{
    display: block;
    margin: 5% auto;
}

.wpem-single-event-body{
    visibility: visible !important;
}

body.single-event_listing header .updated,
body.single-event_listing header .byline{
    display: none;
}

body.single-event_listing .event_listing{
    padding: 7% 9%;
}

.wpem-registration-event-button,
.wpem-xing{
    display: none !important;
}

body.single-event_listing .event_listing *{
    visibility: visible;
}
.wpem-event-listings-header .wpem-event-layout-action-wrapper .wpem-event-layout-action .wpem-event-layout-icon.wpem-active-layout{
    background-color: #0064a8;
}
#gform_1{
    padding-bottom: 45px;
}
.event_listings{
    padding-bottom: 5%;
}

.wpem-event-listing-box-view .no_event_listings_found, .wpem-event-listing-calendar-view .no_event_listings_found, .wpem-event-listing-list-view .no_event_listings_found{
    background: rgb(177, 12, 12);
    color: white !important;
}

.search_events > .wpem-row:first-child .wpem-col{
    display: none;
}
.search_events > .wpem-row:first-child .wpem-col:first-child{
    display: block;
}

.search_events #search_keywords,
.wpem-form-wrapper .showing_applied_filters{
    box-sizing: border-box;
}
.wpem-event-listing-list-view.wpem-event-listings .wpem-event-layout-wrapper .event_listing,
.wpem-event-listings .wpem-event-layout-wrapper{
    border-color: rgba(0, 0, 0, 0.2) !important;
}
.wpem-form-wrapper .showing_applied_filters{
    width: auto;
    display: block;
}



/* Surfrider Expanded Beer Page Styles */
.surfrider{
    position: relative;
    margin-top: 9%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
}

.surfrider p{
  font-family: 'Trim',serif;
  font-weight: 500;
  font-size: 1.125rem;
}
.surfrider .donate-wrapper p{
    font-size: 1.5rem;
}
.surfrider .donate-image-wrapper{
    width: fit-content;
    margin: 0 auto 3%;
    max-width: 160px;
    max-height: 160px;
}

.surfrider .surfrider-wrapper{
    max-width: 475px;
    margin:5% auto auto;
}

.surfrider .surfrider-wrapper p{
    font-weight: normal;
}

.surfrider .surfrider-image-wrapper{
    margin: 0 auto;
    max-width: 440px;
    max-height: 170px;
}


.surfrider .image-collection-wrapper{
    padding: 9% 2%;
    margin: 0;
position: relative;
}

.surfrider .image-collection-wrapper::after{
    content: '';
background-color: #b1c3cf;
position: absolute;
top: 38%;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}

.surfrider .image-collection-wrapper p{
   margin:4% auto 2%; 
   text-transform: uppercase;
   /* font-weight: 500; */
   max-width: 400px;
   font-size: 1.5rem;
}

.surfrider .image-collection-sub-wrapper{
    width: 100%;
    margin: auto;
    display: flex;
    justify-content: center;
    column-gap: 2%;
    row-gap: 5%;
    flex-wrap: wrap;
}

.surfrider .image-collection-sub-wrapper .image-wrapper{
    padding-top: 2%;
}

.surfrider .image-collection-sub-wrapper .image-wrapper img{
    /* flex-basis: 30%; */
    border-radius: 20px;
}

.surfrider .beach-cleans-wrapper{
background-color: #b1c3cf;
padding: 0 13%;
}

.surfrider .beach-cleans-wrapper hr{
    border: solid 1px black;
}

.surfrider .beach-cleans-wrapper h2{
    color: #0064a8;
}

.surfrider .beach-cleans-wrapper p, .surfrider .beach-cleans-wrapper h4{
    margin: 0;
}
.surfrider .beach-cleans-wrapper h4{
    font-size: 2.8125rem;
    font-weight: normal;

}

.surfrider .beach-cleans-wrapper p{
    font-size: 24px;
    font-weight: normal;

}

.surfrider .beach-clean-calendar-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2% 0;
}

.surfrider .more-cleans-wrapper{
    margin: 0;
    background-color: #b1c3cf;
    padding: 5% 8% 9%;
    margin-bottom: 4%;
}
.surfrider .more-cleans-wrapper h5{
    color: #0064a8;
    font-size: 36px;
    margin:20px auto;
}
.surfrider .more-cleans-links-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1000px;
    margin: 0 auto;

}

.surfrider .more-cleans-links{
    width: 100%;
    /* max-width: 250px; */
}

.surfrider .more-cleans-links .button{
    width: 100%;
    max-width: 250px;
    text-align: center;
}

@media  screen and (max-width:1450px) {
    .surfrider .beach-cleans-wrapper p{
        font-size: 18px;
        font-weight: normal;
    }
    .surfrider .beach-cleans-wrapper h4{
        font-size: 2.5rem;
    }
 }

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

    .surfrider .beach-clean-calendar-wrapper{
        display: flex;
        flex-direction: column;
        text-align: center;
        padding: 4% 0px;
    }

    .surfrider .beach-clean-calendar-wrapper .button{
        margin-top: 1em;
    }
}

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

    .surfrider .more-cleans-links-wrapper{
        flex-wrap: wrap;
    }
}

@media  screen and (max-width:750px) {
   .surfrider .donate-wrapper p{
    max-width: 500px;
    margin: auto;
    font-size: 1.25rem;
   }
}

@media screen and (max-width:550px){
    .surfrider .donate-wrapper img{
        max-width: 100px;
    }
}