.expander{display:grid;grid-template-rows:0fr;overflow:hidden;transition:grid-template-rows .5s}.expander-content{min-height:0}.expander.expanded{grid-template-rows:1fr;padding:0 0 15px 0}.eventContainer{display:flex;flex-wrap:wrap;justify-content:space-around;justify-content:center}.eventItem{flex-basis:calc(100% / 3 - 20px);max-width:375px;min-height:150px;margin:0 10px 20px 10px;background:#fff;border-radius:10px;padding:2px 10px 3px 10px;box-shadow:2px 2px 12px #d6d6d6;transition:box-shadow .5s,background-color .5s,height .5s;position:relative}.eventItem:hover{background:#ebeef4;box-shadow:2px 2px 12px #ff660066;transition:box-shadow .5s,background-color .5s,height .5s}.eventItemWithButtons{padding:2px 10px 18px 10px}.optionalContent{display:none}@media screen and (max-width:1000px){.eventItem{flex-basis:calc(100% / 2 - 10px)}}@media screen and (max-width:700px){.eventItem{flex-basis:100%;max-width:100%}}.eventItem h2{font-size:14pt;font-weight:700;margin:6px 0 4px 0}.eventItemImage{float:right;max-width:100px;border-radius:5px;margin:5px 0 5px 5px}.eventItemBanner{max-width:calc(100% + 20px);margin:-2px 0 5px -10px;border-radius:9px 9px 0 0}.eventItemDate{line-height:100%;padding:5px 0 10px 0;color:#f60}.eventItemTime{font-size:10pt;padding:5px 0 0 0;color:#666}.eventItemDescription{font-size:11pt;line-height:145%}.eventReadMore{margin:10px 0}.eventButtons{position:absolute;bottom:0;margin:10px 0;width:calc(100% - 20px);box-sizing:border-box}.eventReadMoreButton{float:left}.eventSignUpButton{float:right}.eventItemPoster{text-align:center;margin:0 0 10px 0}.eventItemPoster .eventItemDate{text-align:center}.eventItemPoster .eventItemDate{overflow:hidden;text-align:center}.eventItemPoster .eventItemDate::after,.eventItemPoster .eventItemDate::before{background-color:#f60;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:35%}.eventItemPoster .eventItemDate::before{right:.5em;margin-left:-50%}.eventItemPoster .eventItemDate::after{left:.5em;margin-right:-50%}.eventItemPoster img{width:calc(100vw - 56px);min-width:calc(100vw - 56px);border-radius:10px}@media screen and (max-width:700px){.eventItemPoster img{width:calc(100vw - 40px);min-width:calc(100vw - 40px)}}.viewOnChurchSuiteLink{position:absolute;bottom:35px;font-size:8pt;color:#999;text-decoration:none}.viewOnChurchSuiteLink:hover{color:#f60}