#PageView { margin-top: 170px; }
#GridPage { width: 100%; }
#PageBreadCrumps { display: none; }
.topBannerWrapper { display: table; width: 100%; direction: ltr; background: #ffffff; }
    .topBannerWrapper .topBannerImg { display: table-cell; width: 60%; vertical-align: top; position: relative; }
.topBannerWrapper .topBannerText { position: relative; display: table-cell; width: 40%; vertical-align: top; direction: rtl; text-align: right; padding: 32px; padding-top: 9%; background: #edf1f2; }
#SiteGrid:after { content: ""; background: #ec1163; width: 100%; left: 0; right: 0; top: 0; height: 52vh; position: absolute; z-index: -1; }
.leftDateBox { width: 283px; float: left; background: #edf1f2; padding: 30px 28px; color: #121212; padding-bottom: 0; }
.eventMainText { width: calc(100% - 400px); padding-left: 50px; float: right; padding-bottom: 80px; }
.eventMainContent { margin-top: 50px; }
#body { max-width: 700px; margin-bottom: 30px; }
#body h2, #body h3, #body h4, .dateDescItem { font-family: 'HadassahFriedlaender-Bold'; } 
#body h2 { font-size: 130%; margin-bottom: 15px; margin-top: 15px; }
    #body h3 { margin-top: 10px; margin-bottom: 15px; }
.sponsorships { color: #121212; font-family: 'HadassahFriedlaender-Bold'; font-size: 110%; position: absolute; right: 32px; bottom: 20px; }
    .sponsorships img { display: inline-block; vertical-align: middle; max-height: 65px; width: auto; margin: 0px 5px; }
.dateDescItem.submitBtn a { width: 100%; font-family: 'HadassahFriedlaender-Bold','anomalia-demibold-aaa'; }
.dateDescItem svg { display: inline-block; vertical-align: middle; margin-left: 13px; }
.dateDescItem span:not(.addeventatc_dropdown) { display: inline-block; vertical-align: middle; }
.dateDescItem { margin-bottom: 16px; }
    .dateDescItem.submitBtn { margin-top: 15px; margin-bottom: 30px; }
.generalBtn.greyBtn { background: #cccccc; }
.soldOutBtn { pointer-events: none; }
.dateDescItem:not(.submitBtn) span { vertical-align: middle; max-width: calc(100% - 55px); line-height: 1.2; }

.leftDateBox .addeventatc { font-family: 'HadassahFriedlaender-Regular' !important; border: 2px solid #ec1163 !important; background-image: none !important; box-shadow: none !important; margin-bottom: 10px; /* background-color: #ec1163 !important; */ /* color: #ffffff !important; */ border-radius: 0 !important; text-shadow: none !important; z-index: 1; }

.dateDescItem.fbLive span, .dateDescItem.Youtube span, .dateDescItem.zoom span { font-family: "futura-pt-bold"; font-size: 80%; }
.dateDescItem.fbLive svg { margin-left: 0px; width: 60px; height: 20px; }
.dateDescItem.fb span { font-family: "futura-pt-bold"; }

#PageView.sold-out-view .topBannerImg:after { content: ""; background: rgba(0, 0, 0, 0.5); position: absolute; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0; }
#PageView.sold-out-view .topBannerImg:before { content: "SOLD OUT"; position: absolute; left: 1%; top: 10%; z-index: 1; transform: rotate(325deg); position: absolute; top: 50%; transform: translateY(-50%) rotate(-15deg); -webkit-transform: translateY(-50%) rotate(-15deg); color: #ffffff; font-size: 300%; width: 100%; text-align: center; z-index: 1; font-family: 'anomalia-demibold-aaa'; }


.ParticipateBox.smallBox { padding: 0px 18px; margin: 0; margin-bottom: 25px; }
#ParticipateList { max-width: 665px; margin-top: 25px; }
.ParticipateBox.smallBox .ParticipateBox-img { padding-bottom: 123%; }
.ParticipateBox.smallBox .ParticipateBox-title { font-size: 90%; line-height: 1.2; min-height: 42px; }
.ParticipateBox.smallBox .ParticipateBox-line { margin-bottom: 10px; }

span.picCredit { position: absolute; left: 10px; bottom: 5px; font-size: 70%; background: #000000; padding: 0px 5px; color: #fff; }

.moreInfoTitle h2 { font-size: 110%; border-bottom: 1px solid #ffffff; padding-bottom: 4px; margin-bottom: 10px; font-family: 'HadassahFriedlaender-Bold'; }
.moreInfoText p { font-size: 90%; }
.moreInfoText { max-width: calc(90% - 120px); float: right; }
.moreInfoIcons { float: left; margin-top: 10px; }
    .moreInfoIcons h3 { font-family: 'HadassahFriedlaender-Bold'; font-size: 90%; display: inline-block; vertical-align: middle; margin-left: 5px; }
    .moreInfoIcons a { display: inline-block; vertical-align: middle; height: 25px; }

#headline h1:after { width: 61px; border-bottom: solid 4px #ec1163; position: absolute; right: 0; bottom: -18px; content: ""; }
#headline h1 { position: relative; }

.shareBtn { margin-top: 20px; }
    .shareBtn a svg { height: 35px; width: 35px; }
    .shareBtn a { display: inline-block; height: 35px; vertical-align: middle; }
    .shareBtn span { display: inline-block; vertical-align: middle; padding-right: 5px; line-height: normal; }

.leftDateBoxWrapper span { font-family: 'HadassahFriedlaender-Bold'; }
.leftDateBoxWrapper { font-size: 90%; }

@media (max-width: 1170px) { #headline h1 { font-size: 170%; }
    .topBannerWrapper .topBannerText { padding-top: 7%; }
}

@media (max-width: 1024px) {
    #headline h1 { font-size: 150%; }
}

@media (min-width: 1171px) {
    .topBannerWrapper { min-height: 435px; }
}

@media(min-width: 1025px) and (max-width: 1400px) {
    #PageView {width: 85%; margin: 200px auto 0;}
    .topBannerWrapper {min-height: unset;}
    .topBannerWrapper .topBannerText {padding-bottom: 0;}
    .topBannerWrapper .topBannerText { padding-bottom: 120px; padding-top: 20px; }
    .topBannerWrapper .topBannerImg { width: 55%;}
    .topBannerWrapper .topBannerImg img {max-height: 320px;}
}

@media (max-width: 991px) {
    .topBannerWrapper { display: block; }
        .topBannerWrapper .topBannerImg { display: block; width: 100%; }
        .topBannerWrapper .topBannerText { display: block; width: 100%; padding: 30px 30px; }
    .eventMainContent { margin-top: 10px; }
    .leftDateBox { width: 100%; }
    .eventMainText { width: 100%; margin-top: 40px; }
    #PageView { margin-top: 70px; }
    #SiteGrid:after { height: 45vh; }
    .sponsorships { position: relative; right: auto; bottom: auto; }
    #headline h1 { margin-bottom: 40px; font-size: 180%; }
    .dateDescItem.submitBtn a { min-width: 180px; }
}

@media (max-width: 991px) and (min-width:767px) {
    .leftDateBoxWrapper { display: block; margin-bottom: 20px; }
    .leftDateBox .dateDescItem.DayAndDate { min-width: 95px; }
    .dateDescItem:not(.submitBtn) span { max-width: 100%; }
    .leftDateBox .dateDescItem.Time { min-width: 130px; }
    .leftDateBox .dateDescItem { display: inline-block; vertical-align: middle; }
    .dateDescItem svg { display: none; }
    .leftDateBox .dateDescItem:before { content: "|"; position: relative; right: -20px; }
    .dateDescItem.submitBtn { float: left; margin-top: -6px; }
    .leftDateBox .dateDescItem.DayAndDate:before, .leftDateBox .dateDescItem.submitBtn:before { display: none; }
    .dateDescItem { margin-bottom: 0; }
    .leftDateBox .dateDescItem:before { content: "|"; position: relative; right: -20px; }
}

@media (max-width: 767px) {
    #PageView { margin-top: 35px; }
    #headline h1 { font-size: 155%; }
    .topBannerWrapper .topBannerText { padding: 20px; }
    .sponsorships img { max-height: 45px; }
    .sponsorships { font-size: 90%; }
    #body h3 { font-size: 115%; }
    .eventMainText { margin-top: 35px; padding-left: 0px; }
    .moreInfoText { max-width: calc(100% - 120px); }
    #SiteGrid:after { height: 42vh; }
    #PageView.sold-out-view .topBannerImg:before { font-size: 280%; }
}

@media (max-width: 320px) {
    #headline h1 { font-size: 135%; }
}

.leftDateBoxWrapper > div { display: flex; }
.leftDateBoxWrapper > div > span { margin-top: 8px; }
.leftDateBoxWrapper > div > svg { margin-left: 14px; }
.leftDateBox .addeventatc { margin-top: 10px; }