:root { --main: #121212; --banners-bg: #121212; --text-color: #fff; --hover: #4c8bf5 } .livestream-info__content--description { font-size: 16px; color: var(--text-color); font-weight: 300; } .livestream-page__title { margin: 0 auto; padding: 30px; background: var(--main); text-align: right; text-transform: uppercase; font-weight: 300; font-size: 25px; color: var(--text-color); } .livestream-page__title strong { font-size: 45px; font-weight: 500; } .livestream-page .card .title a, .custom-modal h1, .custom-modal h2, .custom-modal h3, .custom-modal h4, .custom-modal p { color: var(--text-color); } .mobile-day-date { display: none; } .tg-type { display: block; text-transform: uppercase; font-size: 12px; color: #333333; font-weight: 600; margin-bottom: 5px; } .tg-tags { display: block; text-transform: uppercase; font-size: 12px; color: #333333; font-weight: 600; margin-top: 5px; } span.tg-language { display: block; text-transform: uppercase; font-size: 12px !important; color: #333333; font-weight: 600; margin-bottom: 5px; } .livestream-info__date span { font-size: 25px; font-weight: 300; } .livestream-info__date span + span { font-size: 35px; } .live-text { padding-top: 70px; padding-bottom: 70px; } .live-title { font-size: 36px; margin: 0 auto; margin-bottom: 20px; } .live-subtitle { font-size: 18px; margin: 0 auto; } .calendar-ic { background: url('https://s3.amazonaws.com/unode1/assets/14807/8Tog70TfTnHVbswjgWuf_cal icon new .svg') center no-repeat; background-size: cover; width: 40px; height: 42px; display: block; } .play-ic { background: url('https://s3.amazonaws.com/unode1/assets/14807/NJN4wjQvTs6jwLqxAOWG_play icon new.svg') center no-repeat; background-size: cover; width: 27px; height: 31px; display: block; } .livestream-page { color: var(--text-color); background: #121212; } .count-me i, .count-me b { font-style: normal; } .date-and-time-in-row { font-size: 18px; } .date-and-time-in-row > span { display: block; } .date-and-time-in-row > span:nth-of-type(1) { font-weight: 600; font-size: 25px; line-height: 1; } .row-bordered { display: flex; width: 100%; justify-content: flex-start; align-items: center; padding: 19.5px 15px; } .row-bordered > div:nth-of-type(1) { margin-right: 4%; width: 100%; } .row-bordered > div:nth-of-type(2) { min-width: 145px; } .row-bordered > div:nth-of-type(2) span:nth-of-type(2) { font-size: 20px; font-weight: 300; color: #a5a5a5; } .row-bordered > div:nth-of-type(2) span:nth-of-type(3) { font-size: 30px; font-weight: 300; color: #A5A5A5; } .row-bordered > div:nth-of-type(3) { margin-left: auto; } .livestream-page--banner { width: 100%; } .livestream-page--main-title { margin: 0 auto; font-size: 31px; font-weight: normal; text-align: center; padding: 50px 15px; max-width: 1300px; } .add-to-calendar-checkbox~a { display: block !important; color: #9a9a9a !important; padding: 0 10px; font-family: "brandon-grotesque", sans-serif !important; } .add-to-calendar-checkbox~a:before { display: none !important; } .custom-modal .tingle-modal-box { background: #fff; } .add-calendar-custom-class { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; } .add-calendar-custom-class > label { display: block; width: 100%; margin-bottom: 10px; } .custom-modal .tingle-modal-box { max-width: 570px; text-align: center; } .custom-modal .tingle-modal-box__footer { display: none !important; } .modal-author { margin-bottom: 5px; } .modal-description { font-weight: 300; color: #000; margin-bottom: 20px; } .modal-author-ava { width: 150px; height: 150px; margin: 0 auto; margin-bottom: 15px; display: flex; justify-content: center; align-items: center; overflow: hidden; box-shadow: 0px 0px 10px rgba(0,0,0,0.1); border-radius: 50%; } .modal-author-ava img { height: 150px; } .add-calendar-title { text-transform: uppercase; text-align: center; } .modal-date { text-align: center; display: block; margin: 0 auto; margin-bottom: 10px; } .modal-title { margin: 0 auto; text-align: center; } .modal-link { display: inline-flex; justify-content: center; padding: 6px 20px; border-radius: 0px; text-transform: uppercase; color: #fff !important; cursor: pointer; transition: background-color .2s; background-color: var(--main); } .modal-link:hover { background-color: var(--main); } .date-slider__height { margin-top: 0; margin-bottom: 30px; height: 85px; } .date-slider-wrapper { position: absolute !important; top: 0; left: 0; width: 100%; z-index: 01; background: var(--banners-bg); box-shadow: 0px 0px 13px transparent; transition: box-shadow .3s; } .date-slider-wrapper.fixed { position: fixed !important; box-shadow: 0px 0px 13px rgba(0,0,0,0.1); } .date-slider { padding-left: 45px; padding-right: 45px; opacity: 0 !important; transition: opacity .2s; width: 100%; z-index: 01; padding-top: 30px; padding-bottom: 30px; height: auto; max-width: 1110px; margin: 0 auto; } .date-slider.slick-initialized { opacity: 1 !important; } .date-slider .slick-slide { text-align: center; } .date-slide { padding: 10px 9px; border-radius: 6px; color: #a1a1a1; font-weight: 500; transition: background-color .3s, color .3s; text-align: center; display: inline-block; cursor: pointer; min-width: 120px; max-width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; border: 2px solid transparent; font-size: 16px; text-transform: uppercase; font-family: 'NimbusSansRegularExtended'; } .date-slide-day { padding-right: 6px; } .date-slide-day > span { display: none; } .date-slide-day > span:nth-of-type(2) { display: block; } .date-slide:hover { color: var(--hover); } .active-day.date-slide { border-color: var(--hover); background-color: var(--hover); color: #fff; } .slick-track, .slick-slide { outline: none !important; } .date-slider .slick-prev { background: url('https://s3.amazonaws.com/unode1/assets/14807/psmKqYdSnSXJtE8l8tgJ_new left arrow.svg') center no-repeat; height: 20px; width: 25px; background-size: cover; font-size: 0; left: 5px; } .date-slider .slick-next { background: url('https://s3.amazonaws.com/unode1/assets/14807/DDo4LVWQG6hhzYMPot8h_new right arrow.svg') center no-repeat; height: 20px; width: 25px; background-size: cover; font-size: 0; right: 5px; } .date-slider .slick-prev:before, .date-slider .slick-next:before { display: none; } .date-slider .slick-disabled { opacity: .4; cursor: auto; } .livestream-page { position: relative; padding-top: 30px; padding-bottom: 50vh; padding-left:2.5px; padding-right:2.5px; } .livestream-page__days { position: relative; margin-top: 60px; } .livestream-page__day { position: relative; margin-bottom: 30px; } .livestream-page__day-date { display: block; font-weight: 300; margin-bottom: 50px; font-size: 40px; text-transform: uppercase; font-family:'NimbusSansBoldExtended'; } .livestream-page__day-table { border-radius: 0px; border-bottom: 1px solid #a1a1a1; margin-bottom: 100px; } .livestream-page__day-table-row { display: flex; justify-content: flex-start; align-items: center; padding: 50px 0; margin-bottom: 5px; border-top: 1px solid #a1a1a1; } .livestream-page__day-table-row > div:nth-of-type(1) { font-weight: 600; } .livestream-page__day-table-row > div:nth-of-type(4) { margin-left: auto; } .livestream-page__day-table-row:last-child { border-bottom: none; } .livestream-info { display: flex; justify-content: flex-start; align-items: center; } .livestream-info__ava { min-width: 170px; width: 170px; height: 170px; display: flex; justify-content: center; align-items: center; overflow: hidden; margin-right: 15px; border-radius: 50%; font-size: 0; } .livestream-info__ava img { height: 170px; } .livestream-info__content { max-width: 460px; font-weight: 300; } .livestream-info__content h3 { margin: 0 auto; font-weight: 600; line-height: 1; } .livestream-info__content h3 a { margin: 0 auto; font-weight: 500; font-size: 30px; line-height: 1; color: var(--text-color); } .livestream-info__content p { margin: 0 auto; } .livestream-info__content p a{ font-size: 20px; color: #A5A5A5; font-weight: 300; } .livestream--actions { text-align: right; min-width: 180px; display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; } .livestream--actions > div { width: 100%; text-align: left; display: flex; align-items: center; } .livestream--actions > div span { font-size: 16px; text-transform: uppercase; font-weight: 500; margin-left: 6px; font-family: 'NimbusSansBoldExtended'; } .livestream--actions > div span a { color: var(--text-color); } .livestream--actions > div + div { margin-top: 20px; } .livestream--actions > div > a { display: inline-flex; padding: 12px; border-radius: 0px; color: #fff !important; cursor: pointer; transition: background-color .2s; background-color: #none; text-align: left; border-radius: 0; font-size: 19px; line-height: 1.2; align-items: center; height: 56px; border: 0px solid var(--text-color); } .livestream--actions > div > a img { width: 45px; } .livestream--actions a:nth-of-type(1) { margin-right: 3%; } @media only screen and (min-width:991px) and (max-width: 1199px) { .container { max-width: none !important; padding-right:10px; padding-left:10px; } } @media only screen and (min-width:768px) and (max-width: 992px) { .container { max-width: none !important; padding-right:10px; padding-left:10px; } .date-slide { padding: 4px 5px; min-width: 0; font-size: 15px; } .livestream--actions { flex-wrap: wrap; min-width: 0; width: 180px; } .livestream--actions a:nth-of-type(1) { margin-right: 2%; } .row-bordered { padding: 10px 15px; } .livestream-info__ava { min-width: 124px; height: 124px; } .livestream-info__ava img { height: 124px; } .livestream-info__content h3 a { font-size: 24px; } .date-and-time-in-row > span:nth-of-type(1) { font-size: 22px; } .calendar-ic { width: 24px; height: 25px; } .play-ic { width: 16px; height: 18px; } .livestream--actions a { height: 46px; } .livestream-page__day-date { font-size: 22px; } .livestream-page--main-title { font-size: 22px; } .livestream-page { padding-bottom: 20vh; } .livestream-info__date span { font-size: 25px; } .livestream-info__date span + span { font-size: 45px; } .row-bordered > div:nth-of-type(2) { min-width: 140px; } .row-bordered > div:nth-of-type(2) span:nth-of-type(2) { font-size: 25px; } .row-bordered > div:nth-of-type(2) span:nth-of-type(3) { font-size: 25px; } .livestream-info__content p a { font-size: 20px; } } @media only screen and (max-width:767px) { .container { max-width: none !important; padding-right:10px; padding-left:10px; } .livestream-page__day-table-row { flex-wrap: wrap; } .livestream-page__day-table-row > div { width: 100%; } .livestream-page__day-table-row > div:nth-of-type(2) { margin: 15px auto; margin-left: 0; } .date-slide { min-width: 0; padding: 3px; width: 53px; height: 53px; border-radius: 10px; font-size: 16px; line-height: 1; } .date-slider { padding-left: 15px; padding-right: 15px; padding-top: 7px; padding-bottom: 7px; } .slick-next, .slick-prev { display: none !important; } .date-slide-day > span:nth-of-type(1) { display: block; } .date-slide-day > span:nth-of-type(2) { display: none; } .date-slide > div { width: 100%; } .date-slide-day { padding-right: 0; } .date-slider__height { margin-bottom: 20px; } .livestream-page__title { margin-top: 0; } .custom-modal .tingle-modal-box { min-height: 100vh; } .livestream--actions br { display: none; } .livestream--actions { text-align: left; } .row-bordered { flex-wrap: wrap; } .livestream-info__content h3 a { font-size: 24px; } .date-and-time-in-row > span:nth-of-type(1) { font-size: 22px; } .calendar-ic { width: 24px; height: 25px; } .play-ic { width: 16px; height: 18px; } .livestream-page__day-date { font-size: 20px; } .livestream-page--main-title { font-size: 22px; } .livestream-page { padding-bottom: 20vh; } .livestream--actions { min-width: 0; width: 100%; margin-top: 20px; max-width: 270px; } .row-bordered > div:nth-of-type(3) { margin-left: 0; } .row-bordered > div:nth-of-type(2) { width: 100%; } .livestream-info__ava img { height: 170px; width: auto; } .livestream-info__ava { height: auto; margin: 0; margin-bottom: -20px; } .livestream--actions a:nth-of-type(1) { order: 2; margin-bottom: 0; margin-left: 10px; } .count-me i, .count-me br { display: none; } .livestream--actions a { font-size: 16px; min-width: 0; text-align: center; padding: 10px; justify-content: center; } .livestream-info__ava { max-width: 170px; } .livestream-info__date span { font-size: 25px; } .livestream-info__date span + span { font-size: 45px; } .row-bordered > div:nth-of-type(2) span:nth-of-type(2) { font-size: 25px; } .row-bordered > div:nth-of-type(2) span:nth-of-type(3) { font-size: 25px; } .livestream-info__content p a { font-size: 25px; } .livestream-page__day-table-row { justify-content: center; align-items: center; text-align: center; } .livestream-page__day-table-row > div:nth-of-type(2) { margin: 15px auto; } .row-bordered > div:nth-of-type(1) { margin-right: 0; } .livestream-info { justify-content: center; } .row-bordered > div:nth-of-type(3) { width: 100%; } .livestream--actions { margin: 0 auto; text-align: center; justify-content: center; margin-top: 20px; } .livestream-info__content { margin-bottom: 25px; } .livestream-page__day-table-row > div:nth-of-type(1) { display: none; } .mobile-day-date { text-transform: uppercase; display: inline-block; } .livestream-page__days { margin-top: 20px; } .livestream--actions > div { flex-wrap: wrap; justify-content: center; text-align: center; width: 50%; } .livestream--actions > div + div { margin-top: 0; } .livestream--actions > div span { width: 100%; margin: 0 auto; margin: 0 auto; } .livestream--actions > div span > a { margin: 0 !important; font-size: 20px; } .count-me + .count-me { font-size: 20px; padding: 10px; } .livestream--actions { max-width: none; } .tingle-modal__close { background: #fff; } .tingle-modal__closeIcon { position: absolute; top: 10px; right: 10px; width: 25px; } .tingle-modal__closeIcon svg path { fill: #000; } }