h2 { text-align: left; padding: 10px; font-size: 22px; line-height: 22px; } } /* 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; margin-top: 10px; } .cCalendarNav .ipsType_pageTitle { font-size: 20px; margin-top: 0; } .cCalendarNav [data-role='calendarNav'] { margin-top: -140px; } .cCalendarNav .ipsPager_prev a, .cCalendarNav .ipsPager_next a { display: inline-block; } .cCalendarNav .ipsPager_prev { margin-top: 70px; float: left; } html[dir="rtl"] .cCalendarNav .ipsPager_prev { float: right; } .cCalendarNav .ipsPager_next { margin-top: -67px; float: right; } html[dir="rtl"] .cCalendarNav .ipsPager_next { float: left; } /* Calendar views */ .cCalendar td { height: 40px; border: 0; padding: 0px; border-bottom: 1px solid rgba(0,0,0,0.04); } .cCalendar td > div { padding-bottom: 0; min-height: 0; } .cCalendar td.cCalendar_today { background: transparent; border: 0; } .cCalendar th:after { content: attr(data-veryShort); } .cCalendar_birthdays { display: none; } .cCalendar .cEvents { display: none; } .cCalendar .cCalendar_dayNumber { display: block; text-align: center; margin: 1px auto; height: 40px; width: 100%; padding:4px; line-height: 26px; font-size: 12px; border-radius: 15px; } .cCalendar .cCalendar_hasEvents .cCalendar_dayNumber { border: 2px solid rgba(0,0,0,0.12); background: rgba(0,0,0,0.04); } .cCalendar .cCalendar_hasEvents.cCalendar_today .cCalendar_dayNumber { background: #f8eeeb; } .cCalendar td.cCalendar_today .cCalendar_dayNumber { background: #fff7f5; border: 2px solid #cd3816; 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: 15px; } #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"; } }]]> div { height: 100%; min-height: 100px; position: relative; } .cCalendar td.cCalendar_nonDate { background: #dedede; } .cCalendar td.cCalendar_today, .cCalendarWeek div.cCalendar_today { /*border: 3px solid #9f3d3b;*/ background: #262e33; color: #fff; } .cCalendarWeek div.cCalendar_today h2.ipsType_sectionHead { color: #fff; } .cCalendar_dayNumber { font-size: 14px; font-weight: bold; display: inline-block; } .ipsButton.cCalendar_miniAddEvent { height: 15px; line-height: 14px; padding: 0 2px; opacity: 0; {prefix="transition" value="0.2s all ease-in-out"} } .cCalendar td:hover .cCalendar_miniAddEvent { opacity: 0.5; } .cCalendar td .cCalendar_miniAddEvent:hover { opacity: 1; } .cCalendar_birthdays { font-size: 11px; text-transform: uppercase; margin: 0; } .cCalendar td .cCalendar_birthdays { position: absolute; bottom: 0px; padding: 0; } .cCalendarWeek > li { margin-bottom: 15px; } .cCalendarWeek > li:last-child { margin-bottom: 0; } .cCalendarWeek .cEvents + .cCalendar_birthdays { margin-top: 10px; } /* 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: 13px; margin-bottom: 2px; padding: 0 8px 0 10px; color: #fff; border-radius: 20px; white-space: nowrap; overflow: hidden; } 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(0,0,0,0.1); } a.cEvents_event.cEvents_eventSmall, .cEvents_event.cEvents_eventSmall a, .cEvents_event.cEvents_eventSmall.cEvents_empty span { font-size: 12px; padding: 0 8px; line-height: 26px; height: 26px; display: inline-block; } .cEvents_time { font-size: 10px; text-transform: uppercase; opacity: 0.7; letter-spacing: -1px; color: #ebebeb; } /* 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 { border-top-left-radius: 20px; border-bottom-left-radius: 20px; } html[dir="ltr"] .cEvents_ranged .cEvents_event.cEvents_last a { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } html[dir="rtl"] .cEvents_ranged .cEvents_event.cEvents_first a { border-top-right-radius: 20px; border-bottom-right-radius: 20px; } html[dir="rtl"] .cEvents_ranged .cEvents_event.cEvents_last a { border-top-left-radius: 20px; border-bottom-left-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 { height: 150px; padding-top: 90px; background-size: cover; } #elEventHeader_details { background: #222; color: #fff; } #elEventHeader_details .ipsRating.ipsRating_large { margin-top: 0; } #elEventHeader_details .cEvents_event { margin-top: 5px; } .cEvent_details { text-shadow: 0px 1px 0px rgba(0,0,0,0.7); } .cEvent_details time { opacity: 0.7; } .cEvent_to { font-size: 28px; margin: 6px 15px; } #elAttendeesMob { padding-left: 0; padding-right: 0; padding-top: 0; } /* DAY VIEW */ .cCalendarDay_hour { vertical-align: top; } .cCalendarDay .cCalendarDay_hour > h2 { font-size: 54px; 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: 14px; text-transform: uppercase; } .cCalendarDay_hour.cCalendarDay_allDay > h2 { font-size: 28px; line-height: 30px; margin-top: 0; } .cCalendarDay > .ipsDataItem { border-bottom: 2px solid rgba(0,0,0,0.2); } .ipsDataItem.cCalendarDay_allDay { border-bottom: 6px solid #000; } .cCalendarDay_eventList > li { margin-bottom: 15px; } /* STREAM VIEW */ .cCalendarBlock .ipsPageHead_special { height: 80px; padding-top: 48px; } .cCalendarBlock .ipsType_pageTitle { font-size: 20px; } .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; } /* 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: 9px; 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; }]]> span { display: block; text-align: center; } .ipsEmbedded .ipsCalendarDate_month { color: #a93848; text-transform: uppercase; font-size: 20px; line-height: 1; font-weight: 500; } .ipsEmbedded .ipsCalendarDate_date { font-size: 40px; line-height: 42px; font-weight: 300; color: #333; }]]> span { display: block; text-align: center; } .cCalendarDate_month { color: #a93848; text-transform: uppercase; font-size: 20px; line-height: 1; font-weight: 500; } .cCalendarDate_date { font-size: 36px; line-height: 36px; font-weight: 300; color: #333; }]]>