h2 { text-align: left; padding: 10px; font-size: {fontsize="x_large"}; line-height: 1; } } /* TABLETS */ @media screen and (min-width: 768px) and (max-width: 979px) { .cCalendar th:after { content: attr(data-short); } } /* PHONES */ @media screen and (max-width: 767px) { /* Submit screen */ #elDateGrid_arrow { padding-top: 0; } #elDateGrid_arrow .fa { font-size: 80px; line-height: 70px; } #elDateGrid_arrow .fa:before { content: '\f107'; } /* Calendar header */ #elCalendarsHeader .ipsType_pageTitle { display: block; } .cCalendarNav .ipsType_pageTitle { font-size: {fontsize="x_large"}; } /* Calendar views */ .cCalendar td { height: 40px; border: 0; padding: 0px; border-bottom: 1px solid rgba( var(--theme-text_color), 0.2 ); } .cCalendar td > div { padding-bottom: 0; min-height: 0; } .cCalendar td.cCalendar_today { background: transparent; } .cCalendar th:after { content: attr(data-veryShort); } .cCalendar .cEvents { display: none; } .cCalendar .cCalendar_dayNumber { display: block; text-align: center; margin: 1px auto; height: 40px; width: 100%; padding:4px; line-height: 2; font-size: {fontsize="x_small"}; border-radius: 15px; } .cCalendar .cCalendar_hasEvents .cCalendar_dayNumber { border: 2px solid rgba( var(--theme-text_color), 0.2 ); background: rgba( var(--theme-text_color), 0.07 ); } .cCalendar .cCalendar_hasEvents.cCalendar_today .cCalendar_dayNumber { background: rgba(205, 56, 22, 0.19); } .cCalendar td.cCalendar_today .cCalendar_dayNumber { background: rgb( var(--theme-area_background_reset) ); border: 2px solid currentColor; color: #cd3816; } /* WEEK VIEW */ .cCalendarWeek_day { margin-bottom: 0 !important; } /* EVENT VIEW */ #elEventHeader { text-align: center; } #elEventHeader .ipsUserPhoto { display: none; } #elEventHeader_details { text-align: center; } html[dir="ltr"] #elEventHeader_details .ipsPhotoPanel > div { margin-left: 0; } html[dir="rtl"] #elEventHeader_details .ipsPhotoPanel > div { margin-right: 0; } #elEventHeader_details time, #elEventHeader_details p.cEvent_to { float: none; display: inline-block; min-width: 100%; } #elEventHeader_details time .cEvent_dayNum { font-size: inherit; font-weight: normal; float: none; line-height: inherit; letter-spacing: 0; } html[dir="ltr"] #elEventHeader_details time .cEvent_dayNum { margin-right: 0; } html[dir="rtl"] #elEventHeader_details time .cEvent_dayNum { margin-left: 0; } #elEventHeader_details time .cEvent_dayNum, #elEventHeader_details time .cEvent_day, #elEventHeader_details time .cEvent_date { display: inline; font-size: {fontsize="medium"}; } #elEventHeader_details time .cEvent_day { display: block; } #elEventHeader_details time p { display: block; float: none; } #elEventHeader_details time p .fa-arrow-circle-right:before{ content:"\f0ab"; } .cCalendarBlock .cCalendarBlock_map { display: block; float: none; } }]]> div { height: 100%; min-height: 100px; position: relative; } .cCalendar td.cCalendar_nonDate { background: rgb( var(--theme-area_background) ); } .cCalendar td.cCalendar_today, .cCalendarWeek div.cCalendar_today { background: rgb( var(--theme-area_background_dark) ); color: #fff; } .cCalendarWeek div.cCalendar_today h2.ipsType_sectionHead { color: inherit; } .cCalendar_dayNumber { font-size: 14px; font-weight: bold; display: inline-block; } .ipsButton.cCalendar_miniAddEvent { height: 15px; line-height: 14px; padding: 0 2px; opacity: 0; transition: 0.2s all ease-in-out; } .cCalendar td:hover .cCalendar_miniAddEvent { opacity: 0.5; } .cCalendar td .cCalendar_miniAddEvent:hover { opacity: 1; } .cCalendarWeek > li { margin-bottom: 15px; } .cCalendarWeek > li:last-child { margin-bottom: 0; } /* EVENT STYLES */ .cEvents_wrapper, .cEvents { margin: 0; padding: 0; list-style: none; } .cEvents_event { margin-bottom: 5px; } a.cEvents_event, .cEvents_event a, .cEvents_event.cEvents_empty span { display: block; line-height: 26px; height: 26px; font-size: {fontsize="small"}; margin-bottom: 2px; padding: 0 8px 0 10px; color: #fff; border-radius: 20px; white-space: nowrap; overflow: hidden; background: rgb( var(--theme-area_background_dark) ); } html[dir="rtl"] a.cEvents_event, html[dir="rtl"] .cEvents_event a, html[dir="rtl"] .cEvents_event.cEvents_empty span { padding: 0 10px 0 8px; } a.cEvents_style_blank, .cEvents_style_blank a, .cCalendarIcon.cEvents_style_blank { background-color: transparent; border: 1px solid rgba( var(--theme-text_color), 0.2 ); } a.cEvents_event.cEvents_eventSmall, .cEvents_event.cEvents_eventSmall a, .cEvents_event.cEvents_eventSmall.cEvents_empty span { font-size: {fontsize="x_small"}; padding: 0 8px; line-height: 26px; height: 26px; display: inline-block; } .cEvents_time { font-size: {fontsize="10"}; text-transform: uppercase; opacity: 0.7; } .cEvents_event.cEvents_empty span { background: transparent; } /* Single event special styles */ .cEvents_single .cEvents_event a { border-radius: 20px; } /* Ranged event special styles */ .cEvents_ranged .cEvents_event a { border-radius: 0; } html[dir="ltr"] .cEvents_ranged .cEvents_event:not( .cEvents_first ) a { margin-left: -7px; padding-left: 8px; } html[dir="rtl"] .cEvents_ranged .cEvents_event:not( .cEvents_first ) a { margin-right: -7px; padding-right: 8px; } html[dir="ltr"] .cEvents_ranged .cEvents_event:not( .cEvents_last ) a { margin-right: -8px; } html[dir="rtl"] .cEvents_ranged .cEvents_event:not( .cEvents_last ) a { margin-left: -8px; } html[dir="ltr"] .cEvents_ranged .cEvents_event.cEvents_first a, html[dir="rtl"] .cEvents_ranged .cEvents_event.cEvents_last a { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } html[dir="ltr"] .cEvents_ranged .cEvents_event.cEvents_last a, html[dir="rtl"] .cEvents_ranged .cEvents_event.cEvents_first a { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } /* Hide details in all but the first in each row */ tr td:not( :first-child ):not( .cCalendar_firstDay ) .cEvents_ranged .cEvents_event:not( .cEvents_first ) a, tr td:not( :first-child ):not( .cCalendar_firstDay ) .cEvents_ranged .cEvents_event:not( .cEvents_first ) a span { font-size: 0; } tr td:not( :first-child ):not( .cCalendar_firstDay ) .cEvents_ranged .cEvents_event:not( .cEvents_first ) a img { display: none; } .cCalendarCarousel .cCalendarBlock { width: 400px; height: 380px; overflow: hidden; } /* EVENT VIEW */ #elEventHeader .ipsCoverPhoto { padding-top: 120px; } #elEventHeader .cEvent__date .ipsBadge{ font-size: 13px; } #elEventHeader_details { background: rgb( var(--theme-area_background_dark) ); color: #fff; padding: var(--sp-5); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 10px; } #elEventHeader_details .ipsRating.ipsRating_large { margin-top: 0; } #elClubContainer #elEventHeader_details{ color: rgb(var(--theme-text_color)); box-shadow: var(--box--boxShadow); background-color: var(--box--backgroundColor); } #elEventHeader_details .ipsPhotoPanel{ display: flex; align-items: center; } #elEventHeader_details .ipsPhotoPanel > div{ margin: 0 10px } #elEventHeader_details .cEvents_event { margin: 0; } #elEventHeader > .ipsCoverPhotoMinimal { padding-top: 25px; height: 100px; } .cEvent_to { font-size: {fontsize="28"}; margin: 6px 15px; } #elAttendeesMob{ border-radius: 0px; } .cEvents__sidebarMap img{ } .cEvents__sidebarOnlineLogo{ display: flex; align-items: center; justify-content: center; color: rgb(var(--theme-text_light)); } .cEvents__sidebarOnlineLogo svg{ height: .8em; width: auto; margin: 0 .4em; } /* DAY VIEW */ .cCalendarDay_hour { vertical-align: top; } .cCalendarDay .cCalendarDay_hour > h2 { font-size: {fontsize="54"}; font-weight: 300; text-align: right; margin-top: 10px; } html[dir="rtl"] .cCalendarDay .cCalendarDay_hour > h2 { text-align: right; } .cCalendarDay .cCalendarDay_hour > h2 span { font-size: {fontsize="medium"}; text-transform: uppercase; } .cCalendarDay_hour.cCalendarDay_allDay > h2 { font-size: {fontsize="28"}; line-height: 1.07; margin-top: 0; } .cCalendarDay > .ipsDataItem { border-bottom: 2px solid rgba( var(--theme-text_color), 0.2 ); } .ipsDataItem.cCalendarDay_allDay { border-bottom: 6px solid #000; } .cCalendarDay_eventList > li { margin-bottom: 15px; } /* STREAM VIEW */ .cCalendarBlock .ipsPageHead_special { min-height: 80px; padding-top: 45px; } .cCalendarBlock .ipsType_pageTitle { font-size: {fontsize="large"}; } .cCalendarBlock_map { height: 200px; text-align: center; margin: 10px auto; } #event_timezone option { width: 400px; white-space: nowrap; } .cCalendar_shortInput { width: auto !important; padding: 2px !important; min-height: inherit !important; } /* Submit screen */ .cCalendarSubmit_field { display: inline-block; position: relative; margin-bottom: 5px; } html[dir="ltr"] .cCalendarSubmit_field input { padding-left: 35px !important; } html[dir="rtl"] .cCalendarSubmit_field input { padding-right: 35px !important; } .cCalendarSubmit_field .fa { position: absolute; color: #9f3d3b; top: 50%; transform: translateY(-50%); font-size: 20px; } html[dir="ltr"] .cCalendarSubmit_field .fa { left: 10px; } html[dir="rtl"] .cCalendarSubmit_field .fa { right: 10px; } #elDateGrid_arrow { font-size: 120px; opacity: 0.2; padding-top: 20px; overflow: hidden; } #elTimezone { margin-bottom: 0; } #event_remind_me input[type="number"]{ max-width: 60px; } .eventStreamDate .cCalendarEmbed_calendar { background: rgb( var(--theme-area_background_light) ); } .eventStreamDate .ipsCalendarDate { width: 80px; display: block; border: 1px solid rgba( var(--theme-text_dark), 0.24 ); background: rgb( var(--theme-area_background_light) ); padding: 8px 0; border-radius: 3px; overflow: hidden; } .eventStreamDate .ipsCalendarDate { background: rgb( var(--theme-area_background_reset) ); } .eventStreamDate .ipsCalendarDate > span { display: block; text-align: center; } .eventStreamDate .ipsCalendarDate_month { color: #a93848; text-transform: uppercase; font-size: {fontsize="x_large"}; line-height: 1; font-weight: 500; } .eventStreamDate .ipsCalendarDate_date { font-size: {fontsize="4x_large"}; line-height: 1.05; font-weight: 300; color: rgb( var(--theme-text_color) ); } /* ---------------- - Events ---------------- */ /* Search */ :root { --featured-event--mi-he: 300px; } .cEvents__overview-header { display: grid; gap: var(--sp-5); grid-template-columns: repeat(auto-fit, minmax(360px, 1fr)); grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr)); margin-bottom: var(--sp-5); } .cFeaturedEvents{ position: relative; isolation: isolate; min-height: var(--featured-event--mi-he); } .cFeaturedEvents__scroller{ margin: 0; padding: 0; list-style: none; display: grid; grid-auto-flow: column; grid-auto-columns: 100%; border-radius: var(--box--radius); min-height: 100%; overflow-x: scroll; overscroll-behavior-x: contain; -webkit-overflow-scrolling: touch; scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none; } .cFeaturedEvents__scroller::-webkit-scrollbar { -webkit-appearance: none; height: 0px; } .cFeaturedEvents__scroller > *{ scroll-snap-align: start; } /* Dots */ .cFeaturedEvents__dots{ --_dot--si: 16px; --_dot--ma: 5px; --_dot--ba-co: 0,0%,100%; display: flex; justify-content: center; overflow: hidden; position: absolute; right: 20px; bottom: 20px; } [dir="rtl"] .cFeaturedEvents__dots{ right: auto; left: 20px; } .cFeaturedEvents__dots button{ -webkit-appearance: none; appearance: none; background: none; border: 0; padding: 0; cursor: pointer; } .cFeaturedEvents__dots span{ clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; white-space: nowrap; width: 1px; } .cFeaturedEvents__dots button::before, .cFeaturedEvents__current-dot::before{ content: ''; display: block; width: var(--_dot--si); height: var(--_dot--si); border-radius: 50%; background: hsla(var(--_dot--ba-co), 0.2); margin: 0 var(--_dot--ma); backdrop-filter: blur(5px); } .cFeaturedEvents__dots button:hover::before{ background: hsla(var(--_dot--ba-co), 0.4); } .cFeaturedEvents__current-dot{ position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; right: calc(var(--_dot--ma) * 2 + var(--_dot--si)); display: flex; will-change: transform; transition: transform 0.1s linear; transform: translateX(calc(var(--percentage) * 1%)); pointer-events: none; } [dir="rtl"] .cFeaturedEvents__current-dot{ right: auto; left: calc(var(--_dot--ma) * 2 + var(--_dot--si)); } .cFeaturedEvents__current-dot::before{ background: hsl(var(--_dot--ba-co)); } @media screen and (max-width: 979px) { .cFeaturedEvents { min-height: 360px; } } .cFeaturedEvents__event { position: relative; overflow: hidden; width: 100%; height: 100%; min-height: var(--featured-event--mi-he); color: #fff; background: rgb(var(--theme-area_background_dark)); } .cFeaturedEvents__event a:not(.cFeaturedEvents__event-link){ color: inherit; position: relative; z-index: 1; } .cFeaturedEvents__image { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; left: 0; } .cFeaturedEvents__event-details { position: relative; display: flex; flex-direction: column; justify-content: flex-end; align-items: flex-start; padding: 30px; background-image: linear-gradient(to top, rgba(var(--theme-area_background_dark), 0.7) 30%, rgba(var(--theme-area_background_dark), 0) 60%); height: 100%; } .cFeaturedEvents__event:not(:only-child) .cFeaturedEvents__event-details{ padding-bottom: 42px; } .cFeaturedEvents__event .cEvent__dateAside { position: static; margin-bottom: auto; } .cFeaturedEvents__event .ipsBadge{ border-radius: 4px; background: var(--event-happening-now--ba-co); color: #fff; text-transform: uppercase; font-weight: 500; margin-bottom: .5em; font-size: 1em; } .cFeaturedEvents__event-title { line-height: 1.2; letter-spacing: -0.2px; font-size: {fontsize="24"}; text-shadow: rgba(0, 0, 0, 0.75) 0px 0px 20px; } .cFeaturedEvents__event .cEvent__date { color: var(--event-date--co); background: rgba(255, 255, 255, 0.88); font-size: 12px; padding: .2em .6em; border-radius: 4px; margin: var(--sp-3) 0 0; } .cFeaturedEvents__event .cEvent__date span{ color: #222; } .cFeaturedEvents__meta{ display: flex; flex-wrap: wrap; margin: var(--sp-3) 0 0 0; padding: var(--sp-3) 0 0 0; list-style: none; border-top: 1px solid rgba(255,255,255,.2); align-self: stretch; gap: 6px; } .cFeaturedEvents__meta > *{ background: rgba(0,0,0,.2); backdrop-filter: blur(5px); border-radius: 6px; padding: 0.4em 0.8em; margin-right: 6px; } .cFeaturedEvents__meta .fa{ opacity: .5; margin-inline-end: .3em; } .cFeaturedEvents__event-link span{ border: 0; clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute !important; white-space: nowrap !important; width: 1px; } .cFeaturedEvents__event-link::before{ content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .cEvents__search { display: flex; flex-wrap: wrap; align-items: flex-end; margin: -15px 0 0 -15px; } @media (min-width: 768px){ .eventSearch--vertical{ padding: var(--sp-5); } } .eventSearch--vertical .cEvents__search { flex-wrap: wrap; } .cEvents__search__field{ margin: 15px 0 0 15px; flex: 1 1 10px; } .cEvents__search__field--location, .cEvents__search__field--submit, .cEvents__search__field--show { flex-basis: calc((767px - 100%) * 999); flex-basis: max((767px - 100%) * 999, 10px); } .cEvents__search__label { color: rgb(var(--theme-text_dark)); font-size: 11px !important; text-transform: uppercase; display: block; font-weight: 500; margin-bottom: 0.4em; } .cEvents__search__field::after { margin-right: 0; } .cEvents__search__field--show select { width: 100%; } @media screen and (max-width: 767px) { .eventSearch__searchLocation span { display: none; } } .cEvents__search__searchWrap { display: flex; align-items: center; justify-content: space-between; } .eventSearch__searchLocation { font-size: 11px; white-space: nowrap; flex: 0 0 auto; margin-inline-start: 2em; } .cEvents__search__searchWrap input[type="text"], .cEvents__search__searchWrap input[type="search"] { flex: 1 1 100%; max-width: none; } .eventSearch input[type="search"].ipsField_loading { background-image: url('"{resource="loaders/tiny_loading.gif" app="core" location="front"}"') !important; background-size: 14px 14px; background-repeat: no-repeat; background-position: right 5px center; } @media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { .eventSearch input[type="search"].ipsField_loading { background-image: url('"{resource="loaders/tiny_loading@2x.gif" app="core" location="front"}"') !important; } } .eventSearch input[type="date"].ipsField_short { width: 100%; max-width: none; } .cEvents__searchTools { position: relative; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin-bottom: 15px; } .cEvents__searchTools__sort, .cEvents__searchTools__back { background: rgb(var(--theme-area_background_reset)); padding: .4em 1.2em; border-radius: var(--box--radius); } .cEvents__searchMap { height: 350px; background: rgb(var(--theme-area_background_light)) !important; } .cEvents__searchMap--loading > * { display: none; } /* Listing */ .eventList { margin: 0; padding: 0; list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(250px, 1fr)); grid-template-columns: repeat(auto-fill, minmax(min(250px, 100%), 1fr)); grid-gap: var(--sp-5); gap: var(--sp-5); } .eventList .cFeaturedEvents { grid-column: 3 / span 2; grid-row: 1; } @media screen and (max-width: 979px) { .eventList .cFeaturedEvents { grid-column: 1 / span 2; grid-row: 1; } } @media screen and (max-width: 768px) { .eventList .cFeaturedEvents { grid-column: 1; grid-row: 1; } } /* Our main event block styling */ .cEvents__event { display: flex; flex-direction: column; justify-content: stretch; position: relative; min-width: 0; overflow: hidden; transition: 0.2s all ease-in-out; } .cEvent__date { color: var(--event-date--co); margin: 0; font-weight: 500; font-size: 12px; text-transform: uppercase; margin-bottom: .2em; } .cEvent__date .ipsBadge{ border-radius: 4px; background: var(--event-happening-now--ba-co); color: #fff; line-height: 1.8; vertical-align: top; } .cEvent__imageWrap{ position: relative; } .cEvent__image { display: block; background-color: rgb(var(--theme-area_background_dark)); max-height: 200px; overflow: hidden; position: relative; } .cEvent__image::before{ content: ''; display: block; padding-top: 50%; } .cEvent__image img{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } .cEvent__onlineLogo{ position: absolute; bottom: 0; background: rgb(var(--theme-area_background_reset)); padding: 8px 12px; pointer-events: none; } [dir="ltr"] .cEvent__onlineLogo{ border-top-left-radius: var(--box--radius); right: 0; } [dir="rtl"] .cEvent__onlineLogo{ border-top-right-radius: var(--box--radius); left: 0; } .cEvent__onlineLogo svg{ display: block; width: auto; height: 12px; } .cEvents__details { flex-grow: 1; padding: var(--sp-5); min-width: 0; } .cEvents__title { color: rgb(var(--theme-text_dark)); font-size: {fontsize="17"}; font-weight: 500; margin: 0; line-height: 1.2; } .cEvents__title a { color: inherit; } .cEvents__blurb { color: rgb(var(--theme-text_light)); font-size: {fontsize="14"}; margin: var(--sp-3) 0 0 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .cFeaturedEvents__event .cEvents__blurb{ color: inherit; -webkit-line-clamp: 2; } .cEvent__dateAside { position: absolute; background: #fff; color: rgb(var(--theme-text_color)); width: 3.8em; height: 3.8em; font-size: 13px; display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; line-height: 1; left: 7px; top: 7px; border-radius: 6px; pointer-events: none; box-shadow: rgba(0,0,0,.2) 0px 0px 0px 1px; } .cEvent__dateAside__month { font-weight: bold; text-transform: uppercase; color: #c53030; } .cEvent__dateAside__day { font-size: 1.76em; font-weight: 400; } .cEvent__eventMeta{ margin: 0; padding: 0; list-style: none; } .cEvent__eventMeta a{ color: inherit; } .cEvent__eventMeta li{ display: flex; } .cEvent__eventMeta li + li{ margin-top: .3em; } .cEvent__eventMeta .fa { flex: 0 0 1.2em; text-align: center; margin-right: .3em; line-height: inherit; color: rgb(var(--theme-text_light)); } /* Near me section */ .nearMe { } .nearMe__events { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr) ); gap: 20px; } .nearMe__map{ min-height: 300px; grid-column: span 2; border-radius: var(--box--radius); } @media (max-width: 860px){ .nearMe__map { grid-column: 1 / -1; } } .nearMe__map > .ipsMap { height: 100%; } @media screen and (max-width: 768px) { .nearMe__events { display: grid; grid-template-columns: 1fr; grid-template-rows: repeat( 2, 1fr ); } .cEvents__skeleton--map { display: none; } } /* Month navigator */ .cEvents__monthNav { display: flex; background: rgb(var(--theme-area_background_dark)); color: #fff; overflow-x: auto; overflow-y: hidden; border-radius: var(--box--radius); } .cEvents__monthNav__monthItem { flex: 1 0 auto; color: inherit; display: flex; flex-direction: column; align-items: center; line-height: 1.4; padding: 1.1em 0.8em; } .cEvents__monthNav__monthItem:hover { background-image: linear-gradient(rgba(255,255,255,.1) 0% 100%); color: #fff; } .cEvents__monthNav__monthItem--active{ background-color: rgb(var(--theme-brand_primary)); color: #fff; } .cEvents__monthNav__month { font-size: {fontsize="16"}; font-weight: 500; text-transform: uppercase; } .cEvents__monthNav__year { font-size: {fontsize="12"}; opacity: .5; } .event--loading { min-height: 275px; } .cEvents__skeleton { background: rgb(var(--theme-area_background)); border-radius: 5px; } .cEvents__skeleton--map { position: relative; width: 100%; min-height: 300px; } .cEvents__skeleton--eventImage { padding-top: 50%; } .cEvents__skeleton--eventDate { height: 15px; width: 70%; } .cEvents__skeleton--eventTitle { height: 22px; width: 50%; margin-top: 10px; } .cEvents__skeleton--eventBlurb { height: 50px; margin-top: 10px; }]]> .ipsRichEmbed_phone .ipsRichEmbed .cCalendarEmbed_calendar { float: none !important; width: 100%; } .ipsRichEmbed .ipsCalendarDate { width: 75px; height: 75px; padding: 7px 0; background: rgb( var(--theme-area_background_reset) ); } .ipsRichEmbed .ipsPhotoPanel_small .ipsCalendarDate { width: 55px; height: 55px; } .ipsRichEmbed_phone .ipsRichEmbed .ipsCalendarDate { width: 100%; margin-bottom: 7px; height: 65px; } .ipsRichEmbed .ipsCalendarDate_month { font-size: {fontsize="large"}; font-weight: 500; } .ipsRichEmbed .ipsPhotoPanel_small .ipsCalendarDate_month { font-size: {fontsize="small"}; } .ipsRichEmbed_phone .ipsRichEmbed .ipsCalendarDate_month { font-size: {fontsize="base"}; } .ipsRichEmbed .ipsCalendarDate_date { font-size: {fontsize="4x_large"}; font-weight: 300; line-height: 1.125; } .ipsRichEmbed .ipsPhotoPanel_small .ipsCalendarDate_date { font-size: {fontsize="2x_large"}; line-height: 1.25; } .ipsRichEmbed_phone .ipsRichEmbed .ipsCalendarDate_date { font-size: {fontsize="3x_large"}; } .cCalendarEmbed_dates { margin: 0; } .cCalendarEmbed_dates dt { float: left; width: 50px; text-align: right; } html[dir="ltr"] .cCalendarEmbed_dates dt { margin-right: 10px; } html[dir="rtl"] .cCalendarEmbed_dates dt { margin-left: 10px; } span { display: block; text-align: center; } .cCalendarDate_month { color: #a93848; text-transform: uppercase; font-size: {fontsize="x_large"}; line-height: 1; font-weight: 500; } .cCalendarDate_date { font-size: {fontsize="4x_large"}; line-height: 1; font-weight: 300; color: rgb( var(--theme-text_light) ); }]]>