/** * ------------------- * # Events * ------------------- */ .tpc-event-item .thumbnail .event-date-time-wrap { display: flex; position: absolute; top: 25px; left: 25px; color: #fff; gap: 10px; } .tpc-event-item .thumbnail .event-date-time-wrap .event-month-time .month { font-weight: 700; } .tpc-event-item .thumbnail .event-date { background: var(--upstudy-primary-color); display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: 1; border-radius: 10px; color: #fff; width: 56px; } .tpc-event-item .thumbnail .event-date span { display: inline-block; text-align: center; } .tpc-event-item .thumbnail .event-date .day { font-size: 30px; font-weight: 600; line-height: 1; } .tpc-event-item .thumbnail .event-date .month { line-height: 1; font-size: 16px; font-weight: 500; } .tpc-event-item .event-time-start-end { text-transform: uppercase; font-weight: 300; } .tpc-event-item .event-time-separate { padding: 0 4px; text-transform: lowercase; } .tpc-event-item .thumbnail a{ display: inline-block; position: relative; overflow: hidden; } .tpc-event-item .thumbnail a:after { content: ""; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.3); position: absolute; top: 0; bottom: 0; left: 0; right: 0; -webkit-transition: var(--upstudy-transition); transition: var(--upstudy-transition); visibility: visible; opacity: 1; } .tpc-event-item .thumbnail .event-time, .tpc-event-item .thumbnail .event-label { position: absolute; top: 30px; left: 30px; } .tpc-event-item .thumbnail .event-time span { background: var(--upstudy-primary-color); border-radius: 3px; padding: 4px 15px; font-weight: 500; font-size: 14px; color: #fff; font-family: var(--upstudy-font-secondary); display: block; } .tpc-event-item .thumbnail .event-label span { display: block; background: var(--upstudy-primary-color); font-family: var(--upstudy-font-secondary); font-size: 15px; border-radius: 3px; line-height: 1; padding: 7px 15px; font-weight: 400; color: #fff; } .tpc-event-item .thumbnail .event-time span i { margin-right: 5px; font-size: 14px; position: relative; top: 2px; } .tpc-event-item .content { background-color: #fff; position: relative; padding: 20px 30px; border-radius: 0 0 5px 5px; box-shadow: none; -webkit-transition: var(--upstudy-transition); transition: var(--upstudy-transition); } .tpc-event-item .content:after { content: ""; height: 10px; width: 100%; background-color: rgba(255, 91, 92, 0.3); border-radius: 0 0 5px 5px; position: absolute; bottom: -5px; left: 0; right: 0; z-index: -1; visibility: hidden; opacity: 0; -webkit-transition: var(--upstudy-transition); transition: var(--upstudy-transition); } .tpc-event-item .content .event-title { margin-bottom: 0; font-size: 22px; line-height: 32px; } .tpc-event-item .content p { margin-top: 15px; margin-bottom: 0; } .tpc-event-item .upstudy-event-meta { margin-bottom: 10px; } .tpc-event-item .upstudy-event-meta span { font-size: 15px; font-style: inherit; } .tpc-event-item .upstudy-event-meta span i { margin-right: 5px; font-size: 14px; color: var(--upstudy-primary-color); line-height: 1; } .tpc-event-item:hover .thumbnail a:after { visibility: visible; opacity: 1; } .tpc-event-item:hover .thumbnail a img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05); } .tpc-event-item .event-details-btn { padding: 10px 30px; border-top: 1px solid rgba(0, 0, 0, 0.102); } /* ## Event 1 */ .tpc-event-item.tpc-event-style-1 { position: relative; overflow: hidden; background: #fff; transition: all 0.5s ease; box-shadow: var(--upstudy-box-shadow); border-radius: 10px; } .upstudy-event { -webkit-box-shadow: 0px 0px 191px 0px rgba(0, 0, 0, 0.06); box-shadow: 0px 0px 191px 0px rgba(0, 0, 0, 0.06); padding: 65px; background-color: rgba(255, 255, 255, 0.95); } .upstudy-event .event-title h3 { font-size: 40px; color: #23252a; padding-bottom: 15px; padding-top: 0; margin-bottom: 0; } .upstudy-event .tpc-event-single-item { padding: 25px 0; border-bottom: 1px solid #cecece; } .upstudy-event .tpc-event-single-item:first-child { padding-top: 0; } .upstudy-event .tpc-event-single-item:last-child { border-bottom: 0; padding-bottom: 0; } .upstudy-event .tpc-event-single-item .upstudy-single-event span { font-size: 14px; color: #8a8a8a; font-weight: 500; } .upstudy-event .tpc-event-single-item .upstudy-single-event>span+span { margin-left: 15px; } .upstudy-event .tpc-event-single-item span i { color: var(--upstudy-primary-color); margin-right: 8px; font-size: 14px; vertical-align: middle; position: relative; top: 1px; } .upstudy-event .tpc-event-single-item a { display: block; } .upstudy-event .tpc-event-single-item h4 { padding-top: 8px; padding-bottom: 10px; margin-bottom: 0; color: #23252a; font-size: 24px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .upstudy-event .tpc-event-single-item a h4 { padding-top: 8px; padding-bottom: 10px; margin-bottom: 0; color: #23252a; font-size: 24px; -webkit-transition: all 0.4s linear; transition: all 0.4s linear; } .upstudy-event .tpc-event-single-item a:hover h4 { color: var(--upstudy-primary-color); } /* ## Event 1 */ /* ## Event 2 and Event 3 */ .tpc-event-item.tpc-event-style-3 .inner, .tpc-event-item.tpc-event-style-2 .inner { display: flex; align-items: center; } .tpc-event-item.tpc-event-style-2 .inner { padding: 20px 25px; border: 0; background: #fff; border-radius: 30px; box-shadow: 0 0 35px 0 rgba(0, 0, 0, 0.09); } .tpc-event-item.tpc-event-style-3 .content { padding: 0; border-radius: 0; background: transparent; } .tpc-event-item.tpc-event-style-2 .content { padding: 0; margin-left: 25px; background: transparent; } .tpc-event-item.tpc-event-style-3 .content::after, .tpc-event-item.tpc-event-style-2 .content::after { display: none; } .tpc-event-item.tpc-event-style-3 .content .upstudy-event-meta { border: 0; margin: 0; padding: 0; } .tpc-event-item.tpc-event-style-3 .content .upstudy-event-meta span:not(:last-child) { margin-right: 5px; } .tpc-event-item.tpc-event-style-2 .content .upstudy-event-meta { border: 0; margin: 0; padding: 0; line-height: 21px; } .tpc-event-item.tpc-event-style-3 .content .upstudy-event-meta>span, .tpc-event-item.tpc-event-style-2 .content .upstudy-event-meta .event-location { font-size: 14px; } .tpc-event-item.tpc-event-style-2 .content .upstudy-event-meta .event-time { font-size: 14px; text-transform: uppercase; } .tpc-event-item.tpc-event-style-3 .content .event-title { font-size: 18px; line-height: 30px; margin-bottom: 0; } .tpc-event-item.tpc-event-style-2 .content .event-title { font-size: 24px; line-height: 30px; margin-bottom: 10px; } .tpc-event-item.tpc-event-style-3 .thumbnail, .tpc-event-item.tpc-event-style-2 .thumbnail { flex-shrink: 0; } .tpc-event-item.tpc-event-style-3 .thumbnail { position: relative; margin-right: 15px; } .tpc-event-item.tpc-event-style-3 .thumbnail a { border-radius: 100%; } .tpc-event-item.tpc-event-style-3 .thumbnail a img { object-fit: cover; width: 75px; height: 75px; } .tpc-event-item.tpc-event-style-3:hover .thumbnail a img { transform: none; } .tpc-event-item.tpc-event-style-3 .thumbnail a::after { display: none; } .tpc-event-item.tpc-event-style-3 .thumbnail .upstudy-event-date, .tpc-event-item.tpc-event-style-2 .upstudy-event-date { width: 50px; height: 50px; background: var(--upstudy-primary-color); color: #ffffff; display: flex; align-items: center; justify-content: center; border-radius: 50%; flex-direction: column; line-height: 1; position: absolute; top: 0; right: -15px; } .tpc-event-item.tpc-event-style-2 .upstudy-event-date { position: relative; width: 110px; height: 110px; flex-shrink: 0; left: 0; } .tpc-event-single-item:nth-child(4n+2) .tpc-event-item.tpc-event-style-3 .thumbnail .upstudy-event-date, .tpc-event-single-item:nth-child(4n+2) .tpc-event-item.tpc-event-style-2 .upstudy-event-date { background: #ff5157; } .tpc-event-single-item:nth-child(4n+3) .tpc-event-item.tpc-event-style-3 .thumbnail .upstudy-event-date, .tpc-event-single-item:nth-child(4n+3) .tpc-event-item.tpc-event-style-2 .upstudy-event-date { background: #8e56ff; } .tpc-event-single-item:nth-child(4n+4) .tpc-event-item.tpc-event-style-3 .thumbnail .upstudy-event-date, .tpc-event-single-item:nth-child(4n+4) .tpc-event-item.tpc-event-style-2 .upstudy-event-date { background: #ff8b00; } .tpc-event-item.tpc-event-style-3 .thumbnail .upstudy-event-date span:first-child { font-size: 16px; line-height: 1; font-weight: 700; } .tpc-event-item.tpc-event-style-2 .thumbnail .upstudy-event-date span:last-child { font-size: 12px; } .tpc-event-item.tpc-event-style-2 .upstudy-event-date span:first-child { font-size: 36px; line-height: 45px; font-weight: 700; } .tpc-event-item.tpc-event-style-3 .upstudy-event-date span:last-child { font-size: 16px; } @media only screen and (max-width: 450px) { .tpc-event-item.tpc-event-style-2 .inner { flex-direction: column; padding: 20px; } .tpc-event-item.tpc-event-style-2 .content { margin-left: 0; margin-top: 25px; width: 65%; text-align: center; } } /* === Event Single Page ==== */ .tpc-event-details .main-thumbnail { margin-bottom: 50px; padding-right: 15px; } .tpc-event-details .intro-video-content { margin-bottom: 50px; } .tpc-event-details .main-thumbnail img { border-radius: 10px; max-height: 550px; object-fit: cover; width: 100%; } .tpc-list-style-1 { list-style-type: disc; } .tpc-list-style-2 li, .tpc-list-style-1 li { color: var(--upstudy-heading-color); } .tpc-list-style-2 li { margin-top: 12px; margin-bottom: 12px; } .tpc-event-contact-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: -10px -20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tpc-event-contact-list li { margin-right: 20px; margin-left: 20px; color: var(--upstudy-heading-color); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } .tpc-event-contact-list li:first-child { margin-left: 0; } .tpc-event-contact-list li i { padding-right: 10px; font-size: 20px; color: var(--upstudy-primary-color); } .tpc-event-contact-list li:after { content: ""; height: 19px; width: 1px; background-color: #dbdbdb; position: absolute; top: 4px; right: -20px; } .tpc-event-contact-list li:last-child:after { display: none; } .upstudy-event-details-map { margin-top: 40px; } #upstudy-event-contact-map { width: 100%; height: 370px; border-radius: 5px; } .tpc-event-sidebar { /* margin-bottom: 45px;*/ /* border-radius: 5px;*/ background: #fff; box-shadow: 0 0 30px rgb(0 0 0 / 8%); } .tpc-event-sidebar.countdown-sidebar { background-color: var(--upstudy-primary-color); border-top-left-radius: 5px; border-top-right-radius: 5px; } .tpc-event-sidebar .content { padding: 20px 35px 35px; } .tpc-event-sidebar .event-meta { margin: 0 0 20px 0; padding: 0; list-style: none; } .tpc-event-sidebar h4.widget-title { margin-top: 10px; margin-bottom: 15px; } .tpc-event-sidebar .event-meta li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid var(--upstudy-color-border); padding: 20px 0; margin: 0; } .tpc-event-sidebar .event-meta li .label { font-family: var(--upstudy-font-secondary); margin-bottom: 5px; font-size: 16px; } .tpc-event-sidebar .event-meta li h5.label { margin-bottom: 0; } .tpc-event-sidebar .event-meta li .icon-wrap i { font-size: 22px; line-height: 1; color: var(--upstudy-primary-color); padding-right: 11px; /* max-width: 35px; */ } .tpc-event-sidebar .event-meta li .price { font-size: 24px; color: var(--upstudy-primary-color-alt); font-weight: 700; letter-spacing: -0.5px; } .tpc-event-sidebar .event-meta li:last-child { border-bottom: none; } .tpc-event-sidebar .event-meta .meta-wrap { display: flex; justify-content: space-between; width: 100%; gap: 20px; align-items: center; } .tpc-event-sidebar .event-meta .meta-wrap.price-meta { display: flex; justify-content: space-between; width: 100%; align-items: center; } .tpc-event-sidebar .content .edu-btn, .tpc-event-sidebar .content .login-redirect.edu-btn, .tpc-event-sidebar .content .event_auth_button.edu-btn { margin-top: 24px; margin-bottom: 20px; width: 100%; text-transform: inherit; letter-spacing: inherit; } .tpc-event-sidebar .content .login-redirect.edu-btn { margin-bottom: 6px; } .tpc-event-sidebar .content .event_auth_button.edu-btn:hover { background: var(--upstudy-primary-color); } .tpc-event-sidebar .content .tpc-tp-event-login-msg { font-size: 16px; text-align: center; margin-bottom: 5px; margin-top: 15px; } .tpc-event-sidebar .tp_event_counter { background-color: transparent; padding: 0; border: 0; } .tpc-event-sidebar .content .tpc-tp-event-login-msg a{ color: var(--upstudy-primary-color);; } .tpc-event-sidebar .tp_event_counter .countdown-row { padding: 0; } .tpc-event-sidebar .countdown-section { background: transparent; border: 0; padding: inherit; } .tpc-event-sidebar .countdown-section .countdown-amount { background: color-mix(in srgb, var(--upstudy-primary-color) 5%, transparent); font-size: 42px; font-weight: 500; line-height: 1; margin-bottom: 0; width: 75px; text-align: center; color: #fff; height: 75px; width: 80px; line-height: 75px; text-align: center; display: flex; justify-content: center; } .tpc-event-sidebar .countdown-section .countdown-period { line-height: 1; font-size: 15px; color: #fff; text-align: center; } .tpc-event-sidebar .tp-event-notice { margin-bottom: 1em !important; } .tpc-event-speaker-section { margin-top: 70px; } .tpc-event-speaker-section .heading-title { margin-bottom: 30px; } .tpc-event-contaner-wrapper .tpc_gmap_canvas { height: 370px; width: 100%; border-radius: 5px; margin-top: 40px; } .tpc-tp-event-register-popup h2 { font-size: 20px; } #event-lightbox.event-fade { padding: 30px; border-radius: 5px; } #event-lightbox.event-fade input#event_register_qty { width: 100%; } #event-lightbox .edu-btn.btn-medium { text-transform: inherit; letter-spacing: inherit; width: 100%; } #event-lightbox .edu-btn.btn-medium:hover { background: var(--upstudy-primary-color); } #event-lightbox .event_auth_payment_methods label { margin-left: 10px; } .tpc-tp-user-login-page .upstudy-single-page { max-width: 700px; margin: 0 auto; text-align: center; } .tpc-tp-user-login-page .event-auth-form label { color: var(--upstudy-heading-color); font-weight: 400 !important; } .tpc-tp-user-login-page .event-auth-form input[type="text"], .tpc-tp-user-login-page .event-auth-form input[type="email"], .tpc-tp-user-login-page .event-auth-form input[type="password"] { border-bottom: 1px solid var(--upstudy-color-border) !important; width: 100%; border-radius: 5px; height: 60px; } .tpc-tp-user-login-page .event-auth-form .form-row.has-error input { border-color: var(--upstudy-color-border); } .tpc-tp-user-login-page .event-auth-form input[type="text"]:focus, .tpc-tp-user-login-page .event-auth-form input[type="password"]:focus { border-color: var(--upstudy-primary-color); } .tpc-tp-user-login-page .event-auth-form input[type="submit"] { font-size: 16px; font-weight: 600; height: 50px; line-height: 50px; padding-left: 60px; padding-right: 60px; } .tpc-tp-user-login-page .event-wrapper-shortcode.forgot-password label { display: block; text-align: left; } .tpc-tp-user-login-page .event-wrapper-shortcode.forgot-password label::after { display: none !important; } @media only screen and (max-width: 767px) { .tpc-event-details .main-thumbnail { margin-bottom: 40px; padding-right: 0; } #event-lightbox { max-width: 100%; width: 100%; } } /* Event List Style 4 */ .tpc-event-item.tpc-event-style-4 .upstudy-event-list { display: flex; align-items: center; margin-top: 60px; position: relative; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list.upstudy-event-date-enable{ padding-left: 110px; } .tpc-event-item.tpc-event-style-4:first-child .upstudy-event-list { margin-top: 0; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list.upstudy-event-date-enable::before { content: ""; width: 1px; height: 130%; background-color: #ebebeb; position: absolute; left: 27px; top: 0; z-index: -1; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .thumbnail{ width: 30%; } .tpc-event-item.tpc-event-style-4 .thumbnail a{ border-radius: 5px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content{ margin-left: 50px; padding: 0; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .upstudy-featured-event { height: 25px; line-height: 25px; background: var(--upstudy-primary-color); display: inline-block; font-size: 14px; font-weight: 600; padding: 0 15px; border-radius: 5px; color: var(--upstudy-color-white); margin-right: 10px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .event-price{ font-family: var(--upstudy-font-secondary); font-weight: 600; color: var(--upstudy-heading-color); font-size: 16px; line-height: 30px; margin-bottom: 10px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .event-title { font-size: 24px; line-height: 32px; margin-bottom: 10px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .upstudy-event-meta{ margin-bottom: 15px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .upstudy-event-meta span { font-size: 16px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .upstudy-event-meta span:not(:first-child){ margin-left: 20px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .excerpt-text{ margin-bottom: 10px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content .read-more a { font-weight: 600; font-family: var(--upstudy-font-secondary); color: var(--upstudy-primary-color); text-decoration: underline; } .tpc-event-item.tpc-event-style-4 .upstudy-event-date{ width: 55px; height: 55px; background: var(--upstudy-primary-color); font-family: var(--upstudy-font-secondary); border-radius: 50%; display: flex; flex-direction: column; justify-content: center; align-items: center; position: absolute; top: 0px; left: 0px; z-index: 1; font-size: 16px; color: #fff; font-weight: 600; } .tpc-event-item.tpc-event-style-4 .upstudy-event-date .day{ font-size: 18px; line-height: 1; font-weight: 700; } .tpc-event-item.tpc-event-style-4 .upstudy-event-date .month{ font-size: 14px; line-height: 1; } @media only screen and (max-width: 1024px) { .tpc-event-item.tpc-event-style-4 .upstudy-event-list{ flex-direction: column; align-items: inherit; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list.upstudy-event-date-enable{ padding-left: 70px; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .thumbnail{ width: 100%; } .tpc-event-item.tpc-event-style-4 .upstudy-event-list .content{ margin-left: 0; margin-top: 25px; } } /* Single Page Event Organizer Section (The Event Calendar Plugin) */ .tpc-event-organizer-section { margin-top: 50px; } /* Event Single Page CSS for The Event Calendar Plugins */ #tribe-events-pg-template { max-width: 100%; padding: 0 0 20px } @media (max-width:768px) { #tribe-events-pg-template { padding: 0 20px 20px; } }