@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/* --------------
    Site setup
----------------- */
body.starlive-microsite { font-family: 'Inter', sans-serif; font-size: 17px; font-weight: 400; }

.starlive-microsite .gt-site-inner .container { max-width: unset !important; padding-left: 120px; padding-right: 120px; }
.starlive-microsite .microsite_page .gt-heading { padding-bottom: 30px; margin-top: 36px; }
.starlive-microsite .microsite_page .gt-heading .gt-categorized-events { display: none; }
.starlive-microsite .microsite_page .gt-heading .gt-title { font-size: 3.4rem; line-height: 50px; text-transform: uppercase; } 
.starlive-microsite .microsite_page .gt-heading .gt-title span { color: #000 !important; font-weight: 900; } 

/* ---------------------
    Header
   --------------------- */
.starlive-microsite header .container { max-width: unset !important; padding-left: 70px; padding-right: 70px; }
.starlive-microsite .gt-header.gt-style-1 { padding: 6px 0 8px !important; }
.starlive-microsite .gt-header.gt-style-1 .gt-navbar .gt-menu > li > a { 
	color: #000 !important; 
	font-family: 'Inter', sans-serif; 
	font-size: 17px !important; 
    font-weight: 400 !important;
	padding: 10px 25px;
}
.starlive-microsite .gt-header.gt-style-1 .gt-navbar .gt-menu > li > a:hover { color: var(--microsite-primary-color) !important; }
.starlive-microsite .gt-header .gt-navbar .gt-menu .current-menu-item.menu-item a.nav-link { 
    font-weight: 800 !important; 
    color: var(--microsite-primary-color) !important; 
}
.starlive-microsite .gt-header .gt-navbar .gt-menu .register-menu.menu-item a.nav-link { 
	background-color: var(--microsite-primary-color);
    color: #fff !important;
    padding: 6px 24px;
    border-radius: 28px;
    font-weight: 800 !important;
    margin-left: 10px;
}
.starlive-microsite .gt-header .gt-navbar .gt-menu .register-menu.menu-item a.nav-link:hover, 
.starlive-microsite .gt-header .gt-navbar .gt-menu .register-menu.menu-item a.nav-link:focus { background-color: #000000; }
.starlive-microsite .gt-header .gt-navbar .gt-menu .register-menu.menu-item.current-menu-item a.nav-link { background-color: #000; cursor: default; }

.starlive-microsite .gt-sticky-header { padding: 45px 0 5px 0 !important; }
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .menu-item a.nav-link { 
	color: #000 !important; 
	font-family: 'Inter', sans-serif; 
	font-size: 17px !important; 
    font-weight: 400 !important;
	padding: 6px 24px;
}
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .menu-item a.nav-link:hover { color: var(--microsite-primary-color) !important; }
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .current-menu-item.menu-item a.nav-link { 
    font-weight: 800 !important; 
    color: var(--microsite-primary-color) !important;  
}
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .register-menu.menu-item a.nav-link { 
	background-color: var(--microsite-primary-color);
    color: #fff !important;
    padding: 6px 24px;
    border-radius: 28px;
    font-weight: 800 !important;
    margin-left: 10px;
}
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .register-menu.menu-item a.nav-link:hover, 
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .register-menu.menu-item a.nav-link:focus { background-color: #000000; }
.starlive-microsite .gt-sticky-header .gt-navbar .gt-menu .register-menu.menu-item.current-menu-item a.nav-link { background-color: #000; cursor: default; }

.starlive-microsite .gt-mobile-header .gt-menu-icon .additional-register-menu {
    padding: 10px 24px;
    border-radius: 28px;
    font-size: 16px;
    font-weight: 800 !important;
    margin-right: 20px;
    background-color: var(--microsite-primary-color);
    color: #fff;
}
.starlive-microsite .gt-mobile-header .gt-menu-icon .additional-register-menu:hover { background-color: #000; }

.starlive-microsite .gt-mobile-menu .gt-top .gt-inner { margin-bottom: 15px; }
.starlive-microsite .gt-mobile-menu .gt-logo img { max-height: 80px; }
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .menu-item a.nav-link { 
	color: #000 !important; 
	font-family: 'Inter', sans-serif; 
	font-size: 15px !important; 
    font-weight: 400 !important;
	padding: 10px;
}
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .menu-item a.nav-link:hover { color: var(--microsite-primary-color) !important; }
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .current-menu-item.menu-item a.nav-link { 
    font-weight: 800 !important; 
    color: var(--microsite-primary-color) !important;   
}
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .register-menu.menu-item a.nav-link { 
	background-color: var(--microsite-primary-color);
    color: #fff !important;
    font-weight: 800 !important;
    border-radius: 28px;
    width: fit-content;
    padding: 8px 24px;
    margin-top: 6px;
    margin-left: 6px; 
}
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .register-menu.menu-item a.nav-link:hover, 
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .register-menu.menu-item a.nav-link:focus { background-color: #000000; }
.starlive-microsite .gt-mobile-menu .gt-navbar .gt-menu .register-menu.menu-item.current-menu-item a.nav-link { background-color: #000; cursor: default; }

/* ---------------------
    Footer
   --------------------- */
.starlive-microsite #starlive-footer { overflow: hidden; margin-top: 30px; margin-bottom: 30px; }
.starlive-microsite #starlive-footer .organiser-container { display: flex; align-items: center; }
.starlive-microsite #starlive-footer .organiser-container .heading-txt { 
    text-align: right; 
    font-family: 'Inter', sans-serif; 
    font-size: 17px; 
    font-weight: 900;
}
.starlive-microsite #starlive-footer .organiser-container .vc_col-sm-7 img { width: 250px; height: auto; margin: 0 auto; }

/* ---------------------
    Landing Page
   --------------------- */
.starlive-microsite #introduction-section { margin-top: 40px; margin-bottom: 40px; }
.starlive-microsite #introduction-section h1 { width: 90%; margin: 10px auto 25px auto; font-weight: 800; }
.starlive-microsite #introduction-section .wpb_text_column { width: 90%; margin: 0 auto 28px auto; }
.starlive-microsite #introduction-section p { color: #000 !important; font-size: 20px; margin-bottom: 25px !important; }
.starlive-microsite #introduction-section img { object-fit: cover; height: 500px; width: auto; }
.starlive-microsite #introduction-section .gt-eventchamp-slider .gt-slider-control.gt-style-1 { margin: 0; border: none; }

.starlive-microsite #upcoming-events-section { padding-top: 40px; padding-bottom: 40px; }
.starlive-microsite #upcoming-events-section .gt-heading .gt-title { font-size: 3.7rem; line-height: 54px; text-transform: uppercase; }
.starlive-microsite #upcoming-events-section .gt-heading .gt-title span { color: #000 !important; font-weight: 900; } 
.starlive-microsite #upcoming-events-section .gt-heading .gt-text {
    margin-top: 0 !important;
    margin-bottom: 30px;
    color: #000;
    font-weight: 300;
    font-size: 18px;
    opacity: 1;
}
.starlive-microsite #upcoming-events-section .no-event-box { 
    width: 60%;
    margin: 10px auto 50px auto;
    text-align: center;
    padding: 60px;
    background: #fff;
    border: 1px dashed rgba(218, 33, 40, 0.3);
}
.starlive-microsite #upcoming-events-section .no-event-box h2 { 
    font-size: 28px !important; 
    font-weight: 700;
    color: #1E1E1E;
    margin-top: 10px;  
    margin-bottom: 10px; 
}
.starlive-microsite #upcoming-events-section .no-event-box p { font-size: 16px; font-style: italic; line-height: 18px; color: #888 !important; }

/* ---------------------
    Event Listing
   --------------------- */
.all-events-wrapper .events-year-heading { 
    font-size: 40px !important; 
    font-weight: 500;
    line-height: 48px;
    color: #000;
    display: flex;
    align-items: center;
    margin-top: 0;
    margin-bottom: 35px;
}
.all-events-wrapper .events-year-heading::after { content: ""; flex: 1; height: 2px; background-color: rgba(0, 0, 0, 0.21); margin-left: 50px; }
.all-events-wrapper .past-events-year_group { padding-bottom: 40px; }
.all-events-wrapper .no-event-box { padding: 20px 0; }
.all-events-wrapper .no-event-box h2 { font-size: 28px !important; font-weight: 700; color: #1E1E1E; margin-top: 10px; margin-bottom: 10px; }
.all-events-wrapper .no-event-box p { font-size: 16px; font-style: italic; line-height: 18px; color: #888 !important; }

.events-grid { display: flex; flex-wrap: wrap; gap: 24px; }
.event-card { 
    flex: 0 0 calc(25% - 18px); 
    max-width: calc(25% - 18px); 
    background: #fff; 
    overflow: hidden; 
    box-shadow: 0 8px 20px rgba(0,0,0,0.08); 
    min-height: 350px !important;
}
.event-image { position: relative; }
.event-image img { width: 100%; height: 200px; object-fit: cover; display: block; }
.event-category {
    position: absolute;
    top: 12px;
    left: 0;
    background: var(--microsite-primary-color);
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    font-weight: 600;
    line-height: 18px; 
    border-radius: 0;  
}
.event-content { padding: 16px 20px; transition: border .2s; margin-bottom: 20px; }
.event-title { padding: 0; color: #000; font-weight: 700; font-size: 20px; line-height: 24px; margin: 0 0 4px; }
.event-title a { text-decoration: none; color: #000 !important; }
.event-title a:hover, .event-title a:focus { text-decoration: none; color: var(--microsite-primary-color) !important; }
.event-meta { color: #000; font-size: 14px; font-weight: 300; line-height: 18px; }

.event-carousel { display: block !important; position: relative; padding: 0 30px; }
.event-carousel .event-card { flex: unset !important; max-width: unset !important; } 
.event-carousel .slick-list { margin-left: 5px; margin-right: 5px; filter: drop-shadow(0 8px 20px rgba(0, 0, 0, 0.08)); } /*filter: drop-shadow(0 4px 6px rgba(0, 0, 0, 0.1))*/
.event-carousel .slick-track { display: flex !important; align-items: center; justify-content: center; }
.event-carousel .slick-slide { height: auto !important; display: flex !important; margin: 0 12px; } 
.event-carousel .event-card { display: flex; flex-direction: column; height: 100%; box-shadow: none; width: 25% !important; margin-top: 10px; margin-bottom: 10px; }
.event-carousel .event-card a:focus { outline: none; box-shadow: none; }
.event-carousel .event-content { flex: 1; display: flex; flex-direction: column; justify-content: flex-start; gap: 6px; }
.event-carousel.slick-slider .slick-prev, .event-carousel.slick-slider .slick-next {
    background-color: transparent;
    border: 2px solid var(--microsite-primary-color);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .25s ease;
    font-size: 0;
    color: transparent;
}
.event-carousel.slick-slider .slick-prev { left: 0 !important; }
.event-carousel.slick-slider .slick-next { right: 0 !important; }
.event-carousel.slick-slider .slick-prev:before, .event-carousel.slick-slider .slick-next:before { 
    font-family: swiper-icons; 
    font-size: 16px !important;
    font-weight: bold;
    color: var(--microsite-primary-color) !important;
}
.event-carousel.slick-slider .slick-prev:before { content: 'prev'; padding-left: 60px; }
.event-carousel.slick-slider .slick-next:before { content: 'next'; padding-left: 35px; }
.event-carousel.slick-slider .slick-prev:hover, .event-carousel.slick-slider .slick-next:hover { background-color: var(--microsite-primary-color); }
.event-carousel.slick-slider .slick-prev:hover::before, .event-carousel.slick-slider .slick-next:hover::before { color: #fff !important; }

.slick-dots li { margin: 0 !important; }
.slick-dots li button:before { font-size: 10px !important; }
.slick-dots li.slick-active button:before { color: var(--microsite-primary-color) !important; opacity: 1 !important; }

.slick-slider .slick-prev { left: -50px !important; }
.slick-slider .slick-next { right: -50px !important; }
.slick-slider .slick-prev, .slick-slider .slick-next { width: 40px !important; height: 40px !important; box-shadow: none; }

/* ---------------------
    News Section
   --------------------- */
.starlive-microsite #news-section { padding-top: 40px; }
.starlive-microsite #news-section .gt-heading .gt-title { font-size: 3.7rem; line-height: 54px; text-transform: uppercase; }
.starlive-microsite #news-section .gt-heading .gt-title span { color: #fff !important; font-weight: 900; } 
.starlive-microsite #news-section .gt-heading .gt-text {
    margin-top: 0 !important;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 300;
    font-size: 18px;
    opacity: 1;
}
.starlive-microsite #news-section .news-article-column { color: #fff !important; }
.starlive-microsite .news-shortcode { margin-top: 30px; margin-bottom: 40px; }

.starlive-microsite .grid.news-article { float: left; border-bottom: none; padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 0; }
.starlive-microsite .grid.news-article .news-article-img { padding-left: 0 !important; }
.starlive-microsite .grid.news-article .news-article-img img { object-fit: cover; width: 100%; height: 240px; display: block; }
.starlive-microsite .grid.news-article .news-article-title a { color: #fff !important; }
.starlive-microsite .grid.news-article .news-article-title a:hover, .starlive-microsite .grid.news-article .news-article-title a:visited, 
.starlive-microsite .grid.news-article .news-article-title a:focus { opacity: 0.9; }
.starlive-microsite .grid.news-article .news-article-details { padding-top: 12px; padding-bottom: 12px; padding-right: 0 !important; }
.starlive-microsite .grid.news-article .news-article-date { padding-bottom: 10px; color: #E5E5EA; }
.starlive-microsite .grid.news-article .news-article-desc { color: #fff; }
.starlive-microsite .grid.news-article .news-article-more a { color: #fff !important; }
.starlive-microsite .grid.news-article .news-article-more a:hover, .starlive-microsite .grid.news-article .news-article-more a:visited, 
.starlive-microsite .grid.news-article .news-article-more a:focus { opacity: 0.9; }

.news-article-column { font-size: 17px; line-height: 24px; color: #000; }
.news-article-details { padding-left: 0 !important; padding-right: 60px !important; }
.news-article { 
    margin: 0 0 30px 0; 
    border-bottom: 2px solid rgba(0, 0, 0, 0.21); 
    padding-left: 0 !important; 
    padding-right: 0 !important; 
    padding-bottom: 30px; 
    overflow: hidden; 
}
.news-article:last-child { border-bottom: none; } 
.news-article-date { font-size: 14px; font-weight: 300; color: #747378; }
.news-article-title { font-size: 22px; font-weight: 700; line-height: 26px; padding-top: 4px; padding-bottom: 15px; }
.news-article-title a { color: #000 !important; }
.news-article-title a:hover, .news-article-title a:visited, .news-article-title a:focus { color: var(--microsite-primary-color) !important; text-decoration: none; }
.news-article-img { padding-left: 20px !important; padding-right: 0 !important; }
.news-article-img img { object-fit: cover; height: 240px; width: 100%; max-height: 100%; }
.news-article-more { padding-top: 15px; padding-bottom: 10px; }
.news-article-more a { font-size: 16px; font-weight: 800; color: #000 !important; }
.news-article-more a:hover, .news-article-more a:visited, .news-article-more a:focus { color: var(--microsite-primary-color) !important; text-decoration: none; }
.news-article-pagination { font-family: 'Poppins', sans-serif; text-align: center; color: #000; }
.news-article-pagination .page-number { cursor: default; margin-right: 2px; }
.news-article-pagination .page-number.current { 
    padding: 5px 20px; 
    margin-right: 10px; 
    border: 1px solid var(--microsite-primary-color); 
    background-color: var(--microsite-primary-color); 
    border-radius: 28px;
    color: #FFF; 
}
.news-article-pagination .page-number a { 
    padding: 5px 20px; 
    cursor: pointer; 
    margin-right: 6px; 
    border: 1px solid #000; 
    border-radius: 28px;
    text-decoration: none; 
    color: #000; 
}
.news-article-pagination .page-number a:hover { color: #FFF; background-color: #000; }
.news-article-pagination .page-no { padding-right: 20px; display: none; }

/* ---------------------
    Events Details Page
   --------------------- */
#event-introduction { padding-top: 60px; padding-bottom: 20px; }
#event-introduction h2 { font-size: 3.08rem !important; font-weight: 800; line-height: 48px; margin-top: 0; margin-bottom: 25px; }
#event-introduction p { font-size: 20px; font-weight: 300; line-height: 28px; margin-bottom: 25px !important; }
#event-introduction .wpb_single_image { margin-bottom: 20px; }
#event-introduction .wpb_single_image img { height: 250px; object-fit: cover; }

#event-why-attend { padding-top: 40px; padding-bottom: 40px; }
#event-why-attend .gt-heading .gt-categorized-events { display: none; }
#event-why-attend .gt-heading .gt-title { font-size: 3.08rem; text-align: center; text-transform: uppercase; margin-bottom: 25px; }
#event-why-attend .gt-heading .gt-title span { font-weight: 800; color: var(--microsite-primary-color) !important; }
#event-why-attend .why-attend-container h2 { 
    font-size: 24px !important; 
    font-weight: 800; 
    color: var(--microsite-primary-color);
    margin-top: 25px;
    margin-bottom: 8px;
}
#event-why-attend .why-attend-container p { font-size: 17px; font-weight: 300; line-height: 22px; color: #000 !important; }

/* -----------------------------
    Event Hero Section
   ----------------------------- */
#event-hero { padding-top: 0; padding-bottom: 40px; }
#event-hero .hero-container { max-width: 1300px; margin: 0 auto; }
#event-hero .hero-container .vc_col-sm-9 { padding-top: 30px; }
#event-hero .hero-container .vc_col-sm-9 h1 { font-size: 4.0rem; font-weight: 800; margin-top: 40px; margin-bottom: 15px; }
#event-hero .hero-container .vc_col-sm-9 h2 { font-size: 2.32rem !important; font-weight: 300; color: #000; margin-top: 10px; }
#event-hero .hero-container .vc_col-sm-9 .vc_btn3-container { padding-right: 15px; margin-bottom: 12px; }
#event-hero .hero-container .vc_col-sm-9 a.vc_btn3 {
    background-color: var(--microsite-primary-color);
    background-image: none;
    border-color: transparent;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    padding: 8px 20px;
    border-radius: 15px;
}
#event-hero .hero-container .vc_col-sm-9 a.vc_btn3:hover, #event-hero .hero-container .vc_col-sm-9 a.vc_btn3:focus { background-color: #000; }
#event-hero .hero-container .vc_col-sm-9 a.vc_btn3.vc_btn3-color-grey {
    background-color: #D9D9D9;
    background-image: none;
    border-color: transparent;
    color: #000;
    font-weight: 600;
    font-size: 17px;
    padding: 8px 20px;
    border-radius: 15px;
}
#event-hero .hero-container .vc_col-sm-9 a.vc_btn3.vc_btn3-color-grey:hover, #event-hero .hero-container .vc_col-sm-9 a.vc_btn3.vc_btn3-color-grey:focus {
    background-color: #000;
    color: #fff;
}
#event-hero .hero-container .event-category { top: 0; left: unset; right: 15px; }

/* -----------------------------
    Speaker Highlights Section
   ----------------------------- */
#speaker-highlights { padding-top: 40px; padding-bottom: 40px; }
#speaker-highlights .gt-heading .gt-categorized-events { display: none; }
#speaker-highlights .gt-heading .gt-title { font-size: 3.08rem; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
#speaker-highlights .gt-heading .gt-title span { font-weight: 800; color: #000 !important; }

#speaker-highlights .no-speaker-box { 
    width: 60%;
    margin: 10px auto 50px auto;
    text-align: center;
    padding: 60px;
    background: #fff;
    border: 1px dashed rgba(218, 33, 40, 0.3);
}
#speaker-highlights .no-speaker-box h2 { 
    font-size: 28px !important; 
    font-weight: 700;
    color: #1E1E1E;
    margin-top: 10px;  
    margin-bottom: 10px; 
}
#speaker-highlights .no-speaker-box p { font-size: 16px; font-style: italic; line-height: 18px; color: #888 !important; }

#speaker-highlights .microsite-speaker-carousel-wrapper { position: relative !important; padding: 0 50px !important; }
#speaker-highlights .microsite-speaker-carousel { position: relative !important; padding: 0 !important; overflow: hidden !important; }
#speaker-highlights .microsite-speaker-carousel .swiper-wrapper { padding: 0 10px; box-sizing: border-box; align-items: flex-start; justify-content: flex-start; }
#speaker-highlights .microsite-speaker-carousel .speaker-card-inner { text-align: center; }
#speaker-highlights .microsite-speaker-carousel .speaker-image { width: 100%; margin-bottom: 16px; overflow: hidden; border-radius: 16px; }
#speaker-highlights .microsite-speaker-carousel .speaker-image img {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
    display: block;
    border-radius: 16px;
    transition: transform 0.3s ease;
}
/*#speaker-highlights .microsite-speaker-carousel .speaker-image a:hover img { transform: scale(1.03); }*/
#speaker-highlights .microsite-speaker-carousel .speaker-name { font-size: 20px; font-weight: 800; line-height: 1.3; margin: 0 0 5px 0; }
#speaker-highlights .microsite-speaker-carousel .speaker-name a { color: #000000; text-decoration: none; }
#speaker-highlights .microsite-speaker-carousel .speaker-name a:hover, #speaker-highlights .microsite-speaker-carousel .speaker-name a:focus {
    color: var(--microsite-primary-color);
}
#speaker-highlights .microsite-speaker-carousel .speaker-title { 
    font-size: 17px !important; 
    font-weight: 300; 
    line-height: 1.4;
    color: #4a4a4a !important;
    margin: 0;
}
#speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-next, #speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-prev {
    position: absolute;
    top: 38%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 2px solid var(--microsite-primary-color);
    background-color: #ffffff;
    color: var(--microsite-primary-color);
    z-index: 10;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
}
#speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-prev { left: 0px !important; }
#speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-next { right: 0px !important; }
#speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-next:hover, #speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-prev:hover {
    background-color: var(--microsite-primary-color);
    color: #ffffff;
}
#speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-next::after, #speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-prev::after {
    font-size: 16px !important;
    font-weight: bold;
}
#speaker-highlights .microsite-speaker-carousel-wrapper .swiper-button-hidden { display: none !important; }

/* -----------------------------
    Speaker Details Page
   ----------------------------- */
.starlive-microsite.single-speaker .gt-page-content .gt-content { padding: 60px 30px 40px 30px; } 
.starlive-microsite.single-speaker .gt-page-content .col-sm-4 { width: 33.33333333%; float: left; }
.starlive-microsite.single-speaker .gt-page-content .col-sm-8 { width: 66.66666667%; float: left; }
.starlive-microsite.single-speaker .gt-page-content .col-sm-12 { width: 100%; }
.starlive-microsite.single-speaker .speaker-photo img { width: 100%; max-width: 320px; }
.starlive-microsite.single-speaker .speaker-name h2 { color: #000; font-size: 38px !important; font-weight: 800; line-height: 42px; margin-top: 20px; }
.starlive-microsite.single-speaker .speaker-profession { color: #4a4a4a; font-size: 24px; font-weight: 400; line-height: 30px; }
.starlive-microsite.single-speaker .speaker-company { color: #4a4a4a; font-size: 24px; font-weight: 500; line-height: 30px; }
.starlive-microsite.single-speaker .speaker-profile { clear: both; padding-top: 35px; }
.starlive-microsite.single-speaker .speaker-profile p { font-size: 17px; line-height: 26px; padding-bottom: 14px; color: #000 !important; }
.starlive-microsite.single-speaker .speaker-button { display: block; padding-top: 30px; padding-bottom: 30px; }
.starlive-microsite.single-speaker .speaker-button .back-btn-link {
    font-size: 17px;
    font-weight: 700;
    line-height: 1.7;
    letter-spacing: 0.4px;
    background-color: var(--microsite-primary-color);
    color: #fff;
    padding: 15px 35px 15px 35px;
    border-radius: 4px;
}
.starlive-microsite.single-speaker .speaker-button .back-btn-link:hover, .starlive-microsite.single-speaker .speaker-button .back-btn-link:focus { 
    text-decoration: none; 
    background-color: #000; 
}
.starlive-microsite.single-speaker .speaker-button .back-btn-text { color: #fff; }

/* ---------------------------
    Programme Section
   --------------------------- */
#event-programme { padding-top: 40px; padding-bottom: 60px; }
#event-programme .gt-heading .gt-categorized-events { display: none; }
#event-programme .gt-heading .gt-title { font-size: 3.08rem; text-align: center; text-transform: uppercase; margin-bottom: 30px; }
#event-programme .gt-heading .gt-title span { font-weight: 800; color: #fff !important; }
#event-programme .gt-eventchamp-service-box.gt-style-2 { width: 50%; background-color: #fff; border-radius: 15px; margin: 0 auto; padding: 25px 60px; }
#event-programme .gt-eventchamp-service-box.gt-style-2 .gt-icon { height: auto; margin-top: 20px; margin-bottom: 35px; }
#event-programme .gt-eventchamp-service-box.gt-style-2 .gt-title { font-size: 2.64rem; font-weight: 600; color: #1E1E1E; margin-bottom: 0; }
#event-programme .gt-eventchamp-service-box.gt-style-2 p { font-size: 24px; line-height: 30px; color: #1E1E1E !important; opacity: 1; }
#event-programme .agenda-row { width: 80%; margin: 0 auto; border-bottom: 1px solid rgba(255, 255, 255, 0.3); padding: 18px 0; }
#event-programme .agenda-time .wpb_text_column, #event-programme .agenda-title .wpb_text_column { margin-bottom: 10px; }
#event-programme .agenda-time p { color: #fff !important; font-weight: 600; }
#event-programme .agenda-title p { color: #fff !important; }

/* ---------------------------
    Become a Speaker Section
   --------------------------- */
#become-speaker { width: 98%; margin: 0 auto; padding-top: 60px; }
#become-speaker .vc_row-fluid.gt-background-attachment-initial { background-image: url(../images/event-speaker-bg.jpg) !important; }
#become-speaker .vc_column-inner { 
    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)); 
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); 
    padding: 40px; 
}
#become-speaker h1 { font-size: 3.4rem; font-weight: 800; margin-top: 130px; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
#become-speaker p { color: #fff !important; font-size: 20px; line-height: 24px; text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5); }
#become-speaker a { color: #fff !important; }
#become-speaker a:hover, #become-speaker a:focus { color: var(--microsite-primary-color) !important; cursor: pointer; }
#become-speaker button {
    background-color: #EC221F;
    background-image: none;
    border-color: #C00F0C;
    border-radius: 15px;
    color: #fff;
    font-size: 20px !important;
    font-family: 'Inter', sans-serif;
    padding: 8px 20px;
}
#become-speaker button:hover, #become-speaker button:focus { background-color: #000; border-color: #000; }
#become-speaker a.vc_btn3 {
    background-color: #EC221F;
    background-image: none;
    border-color: #C00F0C;
    border-radius: 15px;
    color: #fff !important;
    font-size: 20px !important;
    font-family: 'Inter', sans-serif;
    font-weight: 600; 
    padding: 8px 20px;
}
#become-speaker a.vc_btn3:hover, #become-speaker a.vc_btn3:focus { background-color: #000; border-color: #000; }

/* ---------------------
    Registration Form
   --------------------- */
.starlive-microsite #registration-section h2 { 
    width: 80%; 
    margin: 0 auto; 
    font-size: 28px !important; 
    font-weight: 800; 
    line-height: 38px;
    padding-top: 14px;
    padding-bottom: 24px;
    color: #000;
}
.starlive-microsite #registration-section .wpb_text_column { width: 80%; margin: 0 auto; }
.starlive-microsite #registration-section p { font-size: 17px; margin-bottom: 24px !important; }
.starlive-microsite #registration-section .register-event-info { margin: 30px auto; }
.starlive-microsite #registration-section .event-details-box { text-align: center; width: 80%; margin: 0 auto; }

.starlive-microsite #registration-form-section { background-color: #f3f3f3; margin-top: 50px; }
.starlive-microsite #registration-form-section form { width: 70%; margin: 40px auto 50px auto; }
#registration-form-section .form-group { margin-bottom: 20px; }
#registration-form-section .form-group label { font-weight: 600; margin-bottom: 2px; }
#registration-form-section .form-group .label-desc { font-size: 14px; font-weight: 400; font-style: italic; }
#registration-form-section .form-group.dropdown { margin-bottom: 0; }
#registration-form-section .button_full_width { width: 100%; }
#registration-form-section input[type=text], #registration-form-section input[type="email"], #registration-form-section input[type="tel"], 
#registration-form-section textarea, #registration-form-section select { 
    font-family: 'Inter', sans-serif;
    font-size: 1.23rem;
    font-weight: 300;
	background: #fff; 
	border: none;
    border-radius: 0;
	color: #000; 
	padding: 12px 15px;    
}
#registration-form-section select { padding: 12px 10px; }
#registration-form-section .gender label, #registration-form-section .subscriber label, 
#registration-form-section .consent label, #registration-form-section .referral_source label {  
    position: relative; 
    padding-left: 30px; 
    cursor: pointer; 
    user-select: none; 
    display: inline-block; 
    line-height: 1.2; 
}
#registration-form-section .form-radiobtn { margin: 0; padding: 2px 0 10px 0; }
#registration-form-section .form-radiobtn label { display: flex; align-items: flex-start; margin-bottom: 3px; font-weight: normal !important; font-size: 16px; }
#registration-form-section .form-radiobtn input[type="radio"] { position: absolute; opacity: 0; width: 0; height: 0; }
#registration-form-section .form-radiobtn .gender label .wpcf7-list-item-label::before, 
#registration-form-section .form-radiobtn .subscriber label .wpcf7-list-item-label::before,
#registration-form-section .form-radiobtn .consent label .wpcf7-list-item-label::before, 
#registration-form-section .form-radiobtn .referral_source label .wpcf7-list-item-label::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: rgba(218, 33, 40, 0.3);
    box-sizing: border-box;
    transition: border-color 0.2s ease;
}
#registration-form-section .form-radiobtn input[type="radio"]:checked + .wpcf7-list-item-label::before { 
    background-color: var(--microsite-primary-color) !important; 
}
#registration-form-section .form-radiobtn input[type="radio"]:checked + .wpcf7-list-item-label::after {
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    background: white;
    border-radius: 50%;
}
#registration-form-section .form-radiobtn .gender label:hover .wpcf7-list-item-label::before,
#registration-form-section .form-radiobtn .subscriber label:hover .wpcf7-list-item-label::before,
#registration-form-section .form-radiobtn .consent label:hover .wpcf7-list-item-label::before, 
#registration-form-section .form-radiobtn .referral_source label:hover .wpcf7-list-item-label::before { background-color: #F8D7DA; }
#registration-form-section .form-radiobtn .consent .wpcf7-list-item, #registration-form-section .form-radiobtn .referral_source .wpcf7-list-item { 
    display: block; 
    margin-top: 10px; 
}
#registration-form-section #receipt-upload-group { display: block; border: 1px solid #F8D7DA; margin-bottom: 25px; }
#registration-form-section .group-section h4 { color: #000; background-color: #F8D7DA; margin-top: 0; padding: 14px 18px; font-weight: 700; }
#registration-form-section .group-section p { padding: 2px 18px; }
#registration-form-section .payment-details-heading { 
    background-color: #000;
    color: #fff;
    padding: 10px 18px 5px 18px;
    font-size: 14px;
    font-weight: 600;
    width: 50%;
    margin-left: 20px;
    margin-right: 20px;
}
#registration-form-section .payment-details-info { border: 1px solid #000;
    padding: 10px 15px;
    font-size: 14px;
    line-height: 22px;
    margin-left: 20px;
    margin-right: 20px;
    width: 50%;
}
#registration-form-section .text { padding: 6px 20px 0 20px; font-size: 14px; }
#registration-form-section .upload-field { margin: 0 18px 30px 18px; padding-top: 5px; }
#registration-form-section .upload-field .label-desc { padding-bottom: 10px; }
#registration-form-section .upload-field input[type="file"] { font-size: 16px; }

#registration-form-section .interested_event { padding: 0 24px 0 8px; }
#registration-form-section .interested_event .wpcf7-list-item { display: block; margin-top: 5px; }
#registration-form-section .interested_event input[type="checkbox"] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #F2F2F7;
    border-radius: 0;
    accent-color: var(--microsite-primary-color);
    padding: 0.1rem;
    margin-right: 6px;
}
#registration-form-section .interested_event input[type="checkbox"]::before {
    content: '';
    width: 12px;
    height: 12px;
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    transform: scale(0);
    background-color: #FFF;
}
#registration-form-section .interested_event input[type="checkbox"]:checked::before { transform: scale(1.6); }
#registration-form-section .interested_event .wpcf7-list-item-label { 
    padding-left: 2px; 
    position: relative; 
    top: -4px; 
    font-size: 16px; 
    font-weight: 400;
    line-height: 1.4; 
}
#registration-form-section .button_full_width {
    font-family: 'Inter', sans-serif;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px;
    padding: 8px 60px;
    background-color: var(--microsite-primary-color);
    border: 1px solid var(--microsite-primary-color);
    color: #fff !important;
}
#registration-form-section .button_full_width:hover, #registration-form-section .button_full_width:focus, #registration-form-section input[type="submit"]:focus { 
    background-color: #000 !important; 
    color: #fff; 
    border: 1px solid #000 !important; 
    cursor: pointer; 
}
#registration-form-section .button_full_width:disabled { 
    background-color: var(--microsite-primary-color);
    border: none;
    opacity: 0.6 !important;
    cursor: not-allowed;
    pointer-events: none !important;
}
#registration-form-section span.wpcf7-not-valid-tip { 
    color: #dc2626;
    font-size: 13px;
    font-weight: 500; 
    margin-top: 2px;
    padding: 2px 0px 4px 0px; 
}
#registration-form-section .dropdown span.wpcf7-not-valid-tip { margin-top: -25px; margin-bottom: 20px; }

#registration-form-section .wpcf7-form input[type="submit"] { position: relative; min-width: 180px; transition: all .3s ease; }
#registration-form-section .wpcf7 form.submitting input[type="submit"] { color: #fff; pointer-events: none; opacity: .9; }
#registration-form-section .wpcf7 form.submitting input[type="submit"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cf7Spin .7s linear infinite;
}

@keyframes cf7Spin {
    to {
        transform: rotate(360deg);
    }
}

#registration-form-section .wpcf7-spinner { display: none !important; }
#registration-form-section .wpcf7 form.invalid .wpcf7-response-output,
#registration-form-section .wpcf7 form.unaccepted .wpcf7-response-output,
#registration-form-section .wpcf7 form.payment-required .wpcf7-response-output {
    margin-top: 15px;
    padding: 14px 18px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.6;
    width: 97.5%;
}
#registration-form-section .wpcf7 form.sent .wpcf7-response-output {
    margin-top: 20px;
    padding: 14px 18px;
    background: #ecfdf5;
    border: 1px solid #86efac;
    color: #166534;
    border-radius: 0;
    width: 97.5%;
}
#registration-form-section .wpcf7-response-output { animation: fadeSlide .3s ease; }

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* ---------------------
    Contact Form
   --------------------- */
.starlive-microsite .contact-container { margin-bottom: 30px; }
.starlive-microsite .contact-container form { width: 95%; margin: 0 auto; padding-bottom: 30px; }
.starlive-microsite .contact-container h1 { text-align: center; color: #000; text-transform: uppercase; font-size: 3.08rem; font-weight: 900; margin-bottom: 6px; }
.starlive-microsite .contact-container .contact-desc { text-align: center; font-weight: 300; font-size: 18px; margin-bottom: 28px; }

.starlive-microsite .email-floating { margin: 0; padding: 0; position: fixed; z-index: 100; bottom: 60px; display: block; right: 28px; }
.starlive-microsite .email-floating li { overflow: hidden; background-color: #D3D3D3; list-style: none; white-space: nowrap; border-radius: 50px; display: inline-block; }
.starlive-microsite .email-floating li:hover a { opacity: 1; max-width: 150px; transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color .2s; }
.starlive-microsite .email-floating li a { 
    opacity: 0; 
    color: #333333; 
    max-width: 0; 
    display: inline-block; 
    text-decoration: none;
    transition: max-width 1s ease-out .1s, opacity 1s ease-out .1s, color;
}
.starlive-microsite .email-floating li a span { 
    float: left; 
    display: block; 
    color: #333333; 
    padding-left: 15px;
    font-family: 'Poppins', 'Lato', sans-serif;
    font-size: 13px;
    font-weight: 400; 
    line-height: 15px;
}
.starlive-microsite .email-floating li b { color: #333333; font-size: 24px; display: inline-block; padding: 5px 10px 5px 8px; }

.starlive-microsite a.contact-btn { color: #fff; }
.starlive-microsite a.contact-btn:hover, .starlive-microsite a.contact-btn:focus { color: #fff; text-decoration: none; }
.starlive-microsite .contact-btn {
    position: fixed;
    bottom: 15px;
    right: 20px;
    background: #DA2128;
    color: #fff;
    padding: 8px 24px;
    border-radius: 30px;
    font-family: 'Inter', sans-serif;
    font-size: 18px;
    font-weight: 600;
    text-decoration: none;
    box-shadow: 0 6px 20px rgba(0,0,0,.25);
    z-index: 9998;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    transition: bottom .3s ease, opacity .25s ease;
}
.starlive-microsite .contact-btn.hide { opacity: 0; pointer-events: none; }
.starlive-microsite .contact-btn i { font-size: 28px; }

.starlive-contact-form { padding: 10px 0 0 0; }
.starlive-contact-form .form-group { margin-bottom: 8px; }
.starlive-contact-form .column { display: inline-block; margin: 0 0.5% 0; vertical-align: top; }
.starlive-contact-form .one-second.column { width: 48%; }
.starlive-contact-form .one.column { width: 97.5%; }
.starlive-contact-form .button_full_width { width: 100%; }
.starlive-contact-form input[type=text], .starlive-contact-form input[type="email"], .starlive-contact-form input[type="tel"], .starlive-contact-form textarea { 
    font-family: 'Inter', sans-serif;
    font-size: 1.06rem;
    font-weight: 300;
	background: #F2F2F7; 
	border: none;
    border-radius: 0;
	color: #6E6E6E; 
	padding: 12px 15px;    
}  
.starlive-contact-form input[type="checkbox"], .starlive-contact-form input[type="radio"] { cursor: pointer; }
.starlive-contact-form select { 
    font-family: 'Inter', sans-serif;
    font-size: 1.06rem;
    font-weight: 300;
    background: #F2F2F7; 
    border: none;
    border-radius: 0;
    padding: 12px;
    color: #6E6E6E; 
}
.starlive-contact-form .disclaimer { padding: 0 24px 0 8px; }
.starlive-contact-form label.container { flex: 1; user-select: none; }
.starlive-contact-form .container input[type="checkbox"] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #F2F2F7;
    border-radius: 0;
    accent-color: var(--microsite-primary-color);
    padding: 0.1rem;
    margin-right: 6px;
}
.starlive-contact-form .container input[type="checkbox"]::before {
    content: '';
    width: 12px;
    height: 12px;
    clip-path: polygon(28% 38%, 41% 53%, 75% 24%, 86% 38%, 40% 78%, 15% 50%);
    transform: scale(0);
    background-color: #FFF;
}
.starlive-contact-form .container input[type="checkbox"]:checked::before { transform: scale(1.6); }
.starlive-contact-form .container .wpcf7-list-item { margin-top: 12px; }
.starlive-contact-form .container.disclaimer .wpcf7-list-item { display: flex; align-items: flex-start; }
.starlive-contact-form .container .wpcf7-list-item-label { padding-left: 2px; position: relative; top: -4px; font-size: 14px; line-height: 1.4; }
.starlive-contact-form .button_full_width {
    font-family: 'Inter', sans-serif;
    font-size: 17px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px;
    padding: 8px 60px;
    background-color: var(--microsite-primary-color);
    border: 1px solid var(--microsite-primary-color);
    color: #fff !important;
}
.starlive-contact-form .button_full_width:hover, .starlive-contact-form .button_full_width:focus, .starlive-contact-form input[type="submit"]:focus { 
    background-color: #000 !important; 
    color: #fff; 
    border: 1px solid #000 !important; 
    cursor: pointer; 
}
.starlive-contact-form .button_full_width:disabled { 
    background-color: var(--microsite-primary-color);
    border: none;
    opacity: 0.6 !important;
    cursor: not-allowed;
    pointer-events: none !important;
}
.starlive-contact-form span.wpcf7-not-valid-tip { 
    color: #dc2626;
    font-size: 13px;
    font-weight: 500; 
    margin-top: 2px;
    padding: 2px 0px 4px 0px; 
}

#starlive-footer .wpcf7-form input[type="submit"] { position: relative; min-width: 180px; transition: all .3s ease; }
#starlive-footer .wpcf7 form.submitting input[type="submit"] { color: #fff; pointer-events: none; opacity: .9; }
#starlive-footer .wpcf7 form.submitting input[type="submit"]::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 18px;
    height: 18px;
    margin: -9px 0 0 -9px;
    border: 2px solid rgba(255,255,255,.35);
    border-top-color: #fff;
    border-radius: 50%;
    animation: cf7Spin .7s linear infinite;
}

@keyframes cf7Spin {
    to {
        transform: rotate(360deg);
    }
}

#starlive-footer .wpcf7-spinner { display: none !important; }

#starlive-footer .wpcf7 form.invalid .wpcf7-response-output,
#starlive-footer .wpcf7 form.unaccepted .wpcf7-response-output,
#starlive-footer .wpcf7 form.payment-required .wpcf7-response-output {
    margin-top: 15px;
    padding: 14px 18px;
    border: 1px solid #fecaca;
    background: #fef2f2;
    color: #b91c1c;
    border-radius: 0;
    font-size: 14px;
    line-height: 1.6;
    width: 97.5%;
}
#starlive-footer .wpcf7 form.sent .wpcf7-response-output {
    margin-top: 20px;
    padding: 14px 18px;
    background: #ecfdf5;
    border: 1px solid #86efac;
    color: #166534;
    border-radius: 0;
    width: 97.5%;
}
#starlive-footer .wpcf7-response-output { animation: fadeSlide .3s ease; }

@keyframes fadeSlide {
    from {
        opacity: 0;
        transform: translateY(-8px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.contact-thankyou-modal, .register-thankyou-modal {
    display: none;
    position: fixed;
    z-index: 99999;
    inset: 0;
    background: rgba(0,0,0,.5);
    align-items: center;
    justify-content: center;
}
.contact-thankyou-modal.active, .register-thankyou-modal.active { display: flex; }
.contact-thankyou-modal .popup-content, .register-thankyou-modal .popup-content {
    position: relative;
    width: 90%;
    max-width: 450px;
    background: #fff;
    padding: 35px 30px;
    border-radius: 12px;
    text-align: center;
    box-shadow: 0 15px 40px rgba(0,0,0,.2);
}
.contact-thankyou-modal h3, .register-thankyou-modal h3 { font-size: 28px; font-weight: 800; color: #000; margin-top: 20px; }
.contact-thankyou-modal p, .register-thankyou-modal p { color: #000 !important; }
.contact-thankyou-modal .close-popup, .register-thankyou-modal .close-popup {
    position: absolute;
    top: 10px;
    right: 14px;
    border: 0;
    background: transparent;
    color: #000;
    font-size: 24px !important;
    line-height: 1;
    cursor: pointer;
    padding: 0;
}

/* ---------------------
    Responsive View
   --------------------- */
@media (max-width: 1200px) {
    .event-carousel .event-card { width: inherit !important; }
}

@media (max-width: 1199px) {
    .starlive-microsite #introduction-section .content-column { width: 100%; }
    .starlive-microsite #introduction-section .slide-column { width: 100%; }
}

@media (max-width: 1024px) { /* tablet */

    /* landing page */
    .starlive-microsite #upcoming-events-section .no-event-box { width: 80%; }

    /* events listing */
    .event-carousel.slick-slider .slick-prev, .event-carousel.slick-slider .slick-next { width: 34px !important; height: 34px !important; }
    .event-carousel.slick-slider .slick-prev:before, .event-carousel.slick-slider .slick-next:before { font-size: 14px !important; }
    .event-card { flex: 0 0 calc(50% - 12px); max-width: calc(50% - 12px); }

    /* event details page */
    #event-introduction .wpb_single_image img { height: 220px; }
    #event-why-attend .why-attend-container .vc_col-sm-4 { width: 50%; }

    /* programme section */
    #event-programme .gt-eventchamp-service-box.gt-style-2 { width: 80%; padding: 25px 40px; }

    /* registration form */
    .starlive-microsite #registration-section h2 { width: 90%; }
    .starlive-microsite #registration-section .wpb_text_column { width: 90%; }
    .starlive-microsite #registration-section .event-details-box { width: 90%; }
    .starlive-microsite #registration-form-section form { width: 80%; }
    #registration-form-section .payment-details-heading { width: 100%; }
    #registration-form-section .payment-details-info { width: 100%; }
}

@media (max-width: 900px) {
    .starlive-microsite .container-fluid { padding-right: 30px; padding-left: 30px; }

    /* programme section */
    #event-programme .agenda-row { width: 90%; }
}

@media (max-width: 767.5px) {
    /* events listing */
    .event-card { flex: 0 0 100%; max-width: 100%; }
    .event-image img { height: 280px; }
    .event-title { font-size: 20px; line-height: 1.1em; }
    .event-meta { font-size: 14px; line-height: 16px; }
}

@media (max-width: 767px) {  /* mobile */
    
    /* site setup & header */
    .starlive-microsite header .container { padding-left: 25px; padding-right: 25px; }
    .starlive-microsite .gt-site-inner .container { padding-left: 25px; padding-right: 25px; }

    /* landing page */
    .starlive-microsite #introduction-section h1 { width: 95%; }
    .starlive-microsite #introduction-section .wpb_text_column { width: 95%; }
    .starlive-microsite #upcoming-events-section .no-event-box { width: 100%; padding: 40px; }
    .starlive-microsite #upcoming-events-section .no-event-box h2 { font-size: 26px !important; margin-top: 12px; margin-bottom: 12px; }
    .starlive-microsite #upcoming-events-section .no-event-box p { font-size: 15px; }

    /* events listing */
    .all-events-wrapper .no-event-box h2 { font-size: 26px !important; margin-top: 12px; margin-bottom: 12px; }
    .all-events-wrapper .no-event-box p { font-size: 15px; }

    .event-carousel.slick-slider .slick-prev, .event-carousel.slick-slider .slick-next { width: 30px !important; height: 30px !important; }
    .event-carousel.slick-slider .slick-prev:before, .event-carousel.slick-slider .slick-next:before { font-size: 13px !important; }

    /* news section */
    .col-reverse { display: flex; flex-direction: column-reverse; }
    .news-article-details { padding-right: 15px !important; }
    .news-article-img { padding-bottom: 20px; padding-left: 0 !important; }
    .news-article-img img { max-height: 350px; width: 100%; }
    .grid.news-article .news-article-img { padding-bottom: 0; }

    /* event details page */
    #event-introduction .intro-container { display: flex; flex-direction: column-reverse; }
    #event-introduction h2 { font-size: 2.94rem !important; line-height: 48px; }
    #event-introduction p { font-size: 18px; line-height: 28px; }
    #event-introduction .wpb_single_image img { height: 250px; }
    
    #event-why-attend .gt-heading .gt-title { font-size: 2.94rem; }
    #event-why-attend .why-attend-container h2 { font-size: 22px !important; line-height: 28px; }
    #event-why-attend .why-attend-container p { font-size: 16px; }
    #event-why-attend .why-attend-container .vc_col-sm-4 { width: 100%; }

    /* event hero section */
    #event-hero .hero-container { display: flex; flex-direction: column-reverse; }
    #event-hero .hero-container .vc_col-sm-9 { padding-left: 15px; padding-right: 15px; }
    #event-hero .hero-container .vc_col-sm-9 h1 { font-size: 3.85rem; margin-top: 20px; }
    #event-hero .hero-container .vc_col-sm-9 h2 { font-size: 2.16rem !important; }
    #event-hero .hero-container .vc_col-sm-9 a.vc_btn3 { font-size: 16px; }
    #event-hero .hero-container .vc_col-sm-9 a.vc_btn3.vc_btn3-color-grey { font-size: 16px; }

    /* speaker highlights section */
    #speaker-highlights .no-speaker-box { width: 100%; padding: 40px; }
    #speaker-highlights .no-speaker-box h2 { font-size: 26px !important; margin-top: 12px; margin-bottom: 12px; }
    #speaker-highlights .no-speaker-box p { font-size: 15px; }

    /* programme section */
    #event-programme .gt-heading .gt-title { font-size: 2.94rem; }
    #event-programme .gt-eventchamp-service-box.gt-style-2 .gt-title { font-size: 2.48rem; }
    #event-programme .gt-eventchamp-service-box.gt-style-2 p { font-size: 22px; line-height: 28px; }

    /* become a speaker section */
    #become-speaker h1 { font-size: 3.15rem; margin-top: 50px; }
    #become-speaker p { font-size: 18px; }
    #become-speaker button { font-size: 18px !important; }
    #become-speaker a.vc_btn3 { font-size: 18px !important; }

    /* registration form */
    .starlive-microsite #registration-form-section form { width: 90%; }

    /* footer */
    .starlive-microsite #starlive-footer .organiser-container { display: block; }
    .starlive-microsite #starlive-footer .organiser-container .heading-txt { text-align: center; }
    .starlive-microsite #starlive-footer .organiser-container .vc_col-sm-7 { text-align: center; }
}

@media (max-width: 600px) {
    /* contact form */
    .starlive-contact-form .one-second.column { width: 97.5%; }
}