/* ===========================================================
PART 1
event-single.css
Replace Entire File (Start)
=========================================================== */

.bg-event-single{

padding:40px 0 80px;

background:#fafafa;

}

/*=====================================
Container
=====================================*/

.bg-event-single .bgh-con{

max-width:1380px;
margin:auto;

}

/*=====================================
Breadcrumb
=====================================*/

.bg-breadcrumb{

margin-bottom:25px;

font-size:14px;

color:#888;

}

.bg-breadcrumb a{

color:#666;
text-decoration:none;

}

.bg-breadcrumb span{

margin:0 8px;

}

.bg-breadcrumb strong{

color:#111;

}

/*=====================================
Hero
=====================================*/

/* ===========================================================
PART 15
event-single.css
Replace HERO CSS
=========================================================== */

.bg-event-hero{

position:relative;

width:100%;

height:420px;

overflow:hidden;

border-radius:18px;

background:#eee;

margin-bottom:35px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

}

.bg-event-hero img{

width:100%;

height:100%;

display:block;

object-fit:cover;

transition:.5s;

}

.bg-event-hero:hover img{

transform:scale(1.03);

}

.bg-event-heading{

margin-bottom:35px;

}

.bg-event-title{

font-size:52px;

line-height:1.15;

font-weight:800;

letter-spacing:-1px;

color:#111;

margin:0;

max-width:900px;

}

.bg-event-subtitle{

margin-top:18px;

font-size:22px;

line-height:1.8;

color:#666;

max-width:850px;

}

@media(max-width:1200px){

.bg-event-title{

font-size:44px;

}

}

@media(max-width:768px){

.bg-event-hero{

height:250px;

border-radius:12px;

margin-bottom:22px;

}

.bg-event-title{

font-size:30px;

line-height:1.3;

}

.bg-event-subtitle{

font-size:17px;

margin-top:12px;

}

}

@media(max-width:480px){

.bg-event-hero{

height:200px;

}

.bg-event-title{

font-size:24px;

}

.bg-event-subtitle{

font-size:15px;

}

}

/*=====================================
Title
=====================================*/

.bg-event-header{

margin-bottom:45px;

}

.bg-event-title{

font-size:48px;

font-weight:800;

line-height:1.2;

color:#111;

margin:0;

}

/* ===========================================================
PART 13
event-single.css
REPLACE COMPLETE BODY LAYOUT
=========================================================== */

/* =====================================
MAIN LAYOUT
===================================== */

.bg-event-body{

display:grid;

grid-template-columns:minmax(0,1fr) 340px;

gap:45px;

align-items:start;

margin-top:10px;

}

/* =====================================
CONTENT
===================================== */

.bg-event-main{

min-width:0;

}

.bg-event-content{

background:#fff;

border-radius:16px;

padding:45px;

box-shadow:0 12px 35px rgba(0,0,0,.05);

}

/* =====================================
SIDEBAR
===================================== */

.bg-event-sidebar{

position:sticky;

top:95px;

display:flex;

flex-direction:column;

gap:22px;

}

/* =====================================
EVENT INFORMATION CARD
===================================== */

.bg-sidebar-widget{

background:#fff;

border:1px solid #ececec;

border-radius:16px;

padding:30px;

box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.bg-sidebar-widget h3{

margin:0 0 25px;

font-size:26px;

font-weight:800;

color:#111;

padding-bottom:15px;

border-bottom:2px solid #f2f2f2;

}

/* =====================================
INFO ROW
===================================== */

.bg-event-info-list{

margin:0;

padding:0;

list-style:none;

}

.bg-event-info-list li{

display:flex;

justify-content:space-between;

align-items:flex-start;

padding:16px 0;

border-bottom:1px solid #efefef;

gap:15px;

}

.bg-event-info-list li:last-child{

border:none;

padding-bottom:0;

}

.bg-event-info-list strong{

font-size:13px;

text-transform:uppercase;

letter-spacing:.7px;

font-weight:700;

color:#888;

min-width:85px;

}

.bg-event-info-list span{

font-size:16px;

font-weight:600;

line-height:1.55;

text-align:right;

color:#111;

}

/* =====================================
REGISTER BUTTON
===================================== */

.bg-sidebar-btn{

display:flex;

justify-content:center;

align-items:center;

height:52px;

margin-top:18px;

border-radius:8px;

background:#F37021;

font-size:16px;

font-weight:700;

color:#fff;

text-decoration:none;

transition:.35s;

}

.bg-sidebar-btn:hover{

background:#111;

transform:translateY(-2px);

}

.bg-sidebar-btn.secondary{

background:#1565C0;

}

/* =====================================
SHARE
===================================== */

.bg-share-title{

margin:30px 0 15px;

font-size:13px;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

color:#999;

}

.bg-social-share{

display:flex;

justify-content:center;

gap:12px;

}

.bg-social-share a{

width:46px;

height:46px;

border-radius:50%;

display:flex;

justify-content:center;

align-items:center;

background:#f5f5f5;

font-size:18px;

color:#555;

transition:.35s;

}

.bg-social-share a:hover{

background:#F37021;

color:#fff;

}

/* =====================================
TABLET
===================================== */

@media(max-width:991px){

.bg-event-body{

grid-template-columns:1fr;

}

.bg-event-sidebar{

position:relative;

top:auto;

}

}

/* =====================================
MOBILE
===================================== */

@media(max-width:767px){

.bg-event-content{

padding:24px;

}

.bg-sidebar-widget{

padding:22px;

}

.bg-event-info-list li{

display:block;

}

.bg-event-info-list strong{

display:block;

margin-bottom:6px;

}

.bg-event-info-list span{

display:block;

text-align:left;

}

.bg-social-share{

justify-content:flex-start;

flex-wrap:wrap;

}

}




/* ===========================================================
PART 2
event-single.css
Continue Below Previous CSS
===========================================================*/

/*=====================================
Share Icons
=====================================*/

.bg-social-share{

margin-top:28px;

display:flex;

justify-content:center;

gap:12px;

flex-wrap:wrap;

}

.bg-social-share a{

width:46px;

height:46px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

background:#f5f5f5;

color:#555;

text-decoration:none;

font-size:18px;

transition:.35s;

}

.bg-social-share a:hover{

background:#F37021;

color:#fff;

transform:translateY(-4px);

}

/*=====================================
Advertisement
=====================================*/

.bg-event-ad{

background:#fff;

padding:18px;

border-radius:14px;

box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.bg-event-ad img{

width:100%;

display:block;

border-radius:10px;

}

/*=====================================
Google Map
=====================================*/

.bg-event-map{

margin-top:25px;

background:#fff;

padding:18px;

border-radius:14px;

box-shadow:0 8px 30px rgba(0,0,0,.05);

}

.bg-event-map h2{

font-size:24px;

margin:0 0 18px;

font-weight:700;

color:#111;

}

.bg-event-map iframe{

width:100%;

height:320px;

border:0;

border-radius:10px;

}

/*=====================================
Related Events
=====================================*/

.bg-related-events{

margin-top:70px;

}

.bg-related-events .bg-section-head{

display:flex;

justify-content:space-between;

align-items:center;

margin-bottom:28px;

}

.bg-related-events .bg-section-title{

display:flex;

align-items:center;

gap:14px;

}

.bg-related-events .bg-section-title span{

width:5px;

height:28px;

background:#F37021;

}

.bg-related-events h2{

margin:0;

font-size:34px;

font-weight:800;

color:#111;

}

.bg-view-all{

text-decoration:none;

font-weight:700;

color:#F37021;

transition:.35s;

}

.bg-view-all:hover{

color:#111;

}

.bg-related-events .bg-events-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

/*=====================================
Responsive
=====================================*/

@media(max-width:1200px){

.bg-event-body{

grid-template-columns:1fr 320px;

gap:30px;

}

.bg-related-events .bg-events-grid{

grid-template-columns:repeat(2,1fr);

}

.bg-event-title{

font-size:40px;

}

.bg-event-hero{

height:400px;

}

}

@media(max-width:992px){

.bg-event-body{

grid-template-columns:1fr;

}

.bg-event-sidebar{

position:relative;

top:auto;

order:2;

}

.bg-event-main{

order:1;

}

.bg-event-title{

font-size:34px;

}

}

@media(max-width:768px){

.bg-event-single{

padding:25px 0 50px;

}

.bg-event-hero{

height:260px;

margin-bottom:25px;

border-radius:12px;

}

.bg-event-title{

font-size:28px;

line-height:1.35;

}

.bg-event-content{

padding:24px;

font-size:16px;

line-height:1.85;

}

.bg-sidebar-widget{

padding:22px;

}

.bg-event-map iframe{

height:240px;

}

.bg-related-events h2{

font-size:28px;

}

.bg-related-events .bg-events-grid{

grid-template-columns:1fr;

}

}

@media(max-width:480px){

.bg-event-title{

font-size:24px;

}

.bg-breadcrumb{

font-size:13px;

}

.bg-event-info-list li{

display:block;

}

.bg-value{

display:block;

margin-top:6px;

text-align:left;

max-width:none;

}

.bg-social-share{

justify-content:flex-start;

}

.bg-social-share a{

width:42px;

height:42px;

font-size:16px;

}

}






/* ===========================================================
PART 3
functions.php
Paste AFTER

wp_enqueue_style(
'bg-events-enhancements',
...

=========================================================== */

/* SINGLE EVENT CSS */

if ( is_singular('event') ) {

    wp_enqueue_style(

        'bg-event-single',

        get_stylesheet_directory_uri() . '/assets/css/event-single.css',

        array('bg-events-enhancements'),

        filemtime(
            get_stylesheet_directory() . '/assets/css/event-single.css'
        )

    );

}

/* FONT AWESOME */

wp_enqueue_style(

    'font-awesome',

    'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css',

    array(),

    '6.7.2'

);


/* ===========================================================
PART 4
Paste at END of event-single.css
=========================================================== */

/* WordPress Images */

.bg-event-content img{

width:100%;

height:auto;

border-radius:12px;

margin:35px 0;

display:block;

}

/* Gallery */

.bg-event-content .wp-block-gallery{

margin:40px 0;

}

/* Caption */

.bg-event-content figcaption{

text-align:center;

font-size:14px;

color:#888;

margin-top:12px;

}

/* Tables */

.bg-event-content table{

width:100%;

border-collapse:collapse;

margin:35px 0;

}

.bg-event-content table td,
.bg-event-content table th{

border:1px solid #ececec;

padding:14px;

}

.bg-event-content table th{

background:#fafafa;

font-weight:700;

}

/* Blockquote */

.bg-event-content blockquote{

margin:35px 0;

padding:25px 30px;

background:#fafafa;

border-left:5px solid #F37021;

font-style:italic;

font-size:20px;

line-height:1.8;

}

/* Headings */

.bg-event-content h2{

font-size:34px;

margin:55px 0 20px;

font-weight:800;

color:#111;

}

.bg-event-content h3{

font-size:28px;

margin:45px 0 18px;

font-weight:700;

color:#111;

}

.bg-event-content h4{

font-size:22px;

margin:35px 0 16px;

font-weight:700;

}

/* Lists */

.bg-event-content ul,
.bg-event-content ol{

padding-left:22px;

margin:25px 0;

}

.bg-event-content li{

margin-bottom:12px;

}

/* Links */

.bg-event-content a{

color:#F37021;

font-weight:600;

}

.bg-event-content a:hover{

color:#111;

}

/* Responsive */

@media(max-width:768px){

.bg-event-content h2{

font-size:28px;

}

.bg-event-content h3{

font-size:23px;

}

.bg-event-content h4{

font-size:20px;

}

.bg-event-content blockquote{

padding:20px;

font-size:17px;

}

.bg-event-content table{

display:block;

overflow:auto;

white-space:nowrap;

}

}





/* ===========================================================
PART 5
FINAL POLISH
Paste at END of event-single.css
=========================================================== */

/* =====================================
Smooth Animations
===================================== */

.bg-event-hero,
.bg-sidebar-widget,
.bg-event-content,
.bg-event-ad,
.bg-event-map{

transition:.35s ease;

}

/* =====================================
Content Images
===================================== */

.bg-event-content figure{

margin:40px 0;

overflow:hidden;

border-radius:12px;

}

.bg-event-content figure img{

transition:.45s;

}

.bg-event-content figure:hover img{

transform:scale(1.03);

}

/* =====================================
Selection
===================================== */

::selection{

background:#F37021;

color:#fff;

}

/* =====================================
Buttons
===================================== */

.bg-sidebar-btn{

box-shadow:0 10px 25px rgba(243,112,33,.18);

}

.bg-sidebar-btn:hover{

transform:translateY(-3px);

box-shadow:0 18px 35px rgba(243,112,33,.25);

}

/* =====================================
Sidebar Cards
===================================== */

.bg-sidebar-widget{

border:1px solid #ededed;

}

.bg-sidebar-widget:hover{

box-shadow:0 20px 50px rgba(0,0,0,.08);

}

/* =====================================
Information List
===================================== */

.bg-event-info-list li{

transition:.30s;

}

.bg-event-info-list li:hover{

padding-left:8px;

}

/* =====================================
Hero
===================================== */

.bg-event-hero{

position:relative;

}

.bg-event-hero:after{

content:"";

position:absolute;

left:0;

bottom:0;

width:100%;

height:5px;

background:#F37021;

}

/* =====================================
Title
===================================== */

.bg-event-title{

max-width:900px;

letter-spacing:-.5px;

}

/* =====================================
Content Width
===================================== */

.bg-event-content{

max-width:none;

}

/* =====================================
Paragraphs
===================================== */

.bg-event-content p{

margin-bottom:26px;

}

/* =====================================
First Paragraph
===================================== */

.bg-event-content>p:first-child{

font-size:20px;

color:#555;

}

/* =====================================
Horizontal Rule
===================================== */

.bg-event-content hr{

border:none;

height:1px;

background:#ececec;

margin:50px 0;

}

/* =====================================
Video
===================================== */

.bg-event-content iframe{

width:100%;

border-radius:12px;

}

/* =====================================
Related Cards
===================================== */

.bg-related-events .bg-event-card{

height:100%;

}

/* =====================================
Advertisement
===================================== */

.bg-event-ad{

overflow:hidden;

}

.bg-event-ad img{

transition:.45s;

}

.bg-event-ad:hover img{

transform:scale(1.02);

}

/* =====================================
Map
===================================== */

.bg-event-map{

overflow:hidden;

}

.bg-event-map iframe{

transition:.35s;

}

.bg-event-map:hover iframe{

transform:scale(1.01);

}

/* =====================================
Responsive
===================================== */

@media(max-width:1200px){

.bg-event-title{

max-width:100%;

}

}

@media(max-width:768px){

.bg-event-content>p:first-child{

font-size:17px;

}

.bg-event-content{

border-radius:10px;

}

.bg-event-ad{

padding:12px;

}

.bg-event-map{

padding:12px;

}

.bg-sidebar-widget{

border-radius:10px;

}

.bg-event-hero{

border-radius:10px;

}

}

@media(max-width:480px){

.bg-event-content{

padding:18px;

}

.bg-event-title{

font-size:22px;

}

.bg-sidebar-widget h3{

font-size:20px;

}

.bg-event-map h2{

font-size:20px;

}

.bg-related-events h2{

font-size:24px;

}

}




/* ===========================================================
PART 7
event-single.css
Replace the COMPLETE Sidebar CSS
=========================================================== */

/* ==========================================
SIDEBAR
========================================== */

.bg-event-sidebar{

position:sticky;

top:110px;

display:flex;

flex-direction:column;

gap:25px;

align-self:start;

}

/* ==========================================
WIDGET
========================================== */

.bg-sidebar-widget{

background:#fff;

border:1px solid #ececec;

border-radius:14px;

padding:30px;

box-shadow:0 12px 35px rgba(0,0,0,.05);

overflow:hidden;

}

.bg-sidebar-widget h3{

margin:0 0 24px;

font-size:28px;

font-weight:800;

color:#111;

position:relative;

padding-bottom:15px;

}

.bg-sidebar-widget h3:after{

content:"";

position:absolute;

left:0;

bottom:0;

width:60px;

height:4px;

background:#F37021;

}

/* ==========================================
INFO LIST
========================================== */

.bg-event-info-list{

list-style:none;

padding:0;

margin:0 0 25px;

}

.bg-event-info-list li{

display:flex;

justify-content:space-between;

align-items:flex-start;

gap:15px;

padding:16px 0;

border-bottom:1px solid #ececec;

}

.bg-event-info-list li:last-child{

border:none;

padding-bottom:0;

}

.bg-event-info-list strong{

font-size:13px;

font-weight:700;

text-transform:uppercase;

letter-spacing:.8px;

color:#999;

min-width:75px;

}

.bg-event-info-list span{

flex:1;

text-align:right;

font-size:16px;

font-weight:600;

line-height:1.55;

color:#111;

}

/* ==========================================
BUTTONS
========================================== */

.bg-sidebar-btn{

display:block;

width:100%;

padding:16px;

margin-top:18px;

border-radius:8px;

background:#F37021;

color:#fff;

font-size:16px;

font-weight:700;

text-align:center;

text-decoration:none;

transition:.35s;

}

.bg-sidebar-btn:hover{

background:#111;

transform:translateY(-2px);

}

.bg-sidebar-btn.secondary{

background:#1565C0;

}

.bg-sidebar-btn.secondary:hover{

background:#111;

}

/* ==========================================
SHARE
========================================== */

.bg-share-title{

margin:30px 0 15px;

font-size:14px;

font-weight:700;

text-transform:uppercase;

letter-spacing:1px;

color:#999;

}

.bg-social-share{

display:flex;

justify-content:center;

gap:12px;

}

.bg-social-share a{

width:48px;

height:48px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#f5f5f5;

color:#666;

font-size:18px;

text-decoration:none;

transition:.35s;

}

.bg-social-share a:hover{

background:#F37021;

color:#fff;

transform:translateY(-3px);

}

/* ==========================================
ADVERTISEMENT
========================================== */

.bg-event-ad{

background:#fff;

border-radius:14px;

padding:18px;

border:1px solid #ececec;

box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.bg-event-ad img{

width:100%;

display:block;

border-radius:10px;

}

/* ==========================================
MAP
========================================== */

.bg-event-map{

background:#fff;

border-radius:14px;

padding:18px;

border:1px solid #ececec;

box-shadow:0 12px 35px rgba(0,0,0,.05);

}

.bg-event-map h2{

margin:0 0 18px;

font-size:24px;

font-weight:800;

color:#111;

}

.bg-event-map iframe{

width:100%;

height:280px;

border:0;

border-radius:10px;

}

/* ==========================================
RESPONSIVE
========================================== */

@media(max-width:1200px){

.bg-event-sidebar{

position:relative;

top:auto;

}

}

@media(max-width:768px){

.bg-sidebar-widget{

padding:22px;

}

.bg-sidebar-widget h3{

font-size:24px;

}

.bg-event-info-list li{

display:block;

}

.bg-event-info-list strong{

display:block;

margin-bottom:6px;

}

.bg-event-info-list span{

display:block;

text-align:left;

}

.bg-social-share{

justify-content:flex-start;

flex-wrap:wrap;

}

.bg-event-map iframe{

height:220px;

}

}



/* ===========================================================
PART 8
event-single.css
Replace CONTENT AREA with Premium Editorial Style
=========================================================== */

/* ==========================================
CONTENT
========================================== */

.bg-event-content{

background:#fff;

padding:50px;

border-radius:16px;

box-shadow:0 12px 35px rgba(0,0,0,.05);

font-size:18px;

line-height:2;

color:#444;

overflow:hidden;

}

/* Paragraph */

.bg-event-content p{

margin:0 0 28px;

}

/* First Paragraph */

.bg-event-content>p:first-child{

font-size:22px;

line-height:1.9;

color:#555;

}

/* Drop Cap */

.bg-event-content>p:first-child:first-letter{

float:left;

font-size:72px;

line-height:58px;

padding-right:10px;

font-weight:800;

color:#F37021;

}

/* H2 */

.bg-event-content h2{

position:relative;

padding-left:18px;

margin:60px 0 25px;

font-size:36px;

font-weight:800;

color:#111;

line-height:1.3;

}

.bg-event-content h2:before{

content:"";

position:absolute;

left:0;

top:3px;

width:5px;

height:42px;

background:#F37021;

}

/* H3 */

.bg-event-content h3{

margin:45px 0 18px;

font-size:28px;

font-weight:700;

color:#111;

}

/* H4 */

.bg-event-content h4{

margin:35px 0 15px;

font-size:22px;

font-weight:700;

color:#222;

}

/* Images */

.bg-event-content img{

width:100%;

height:auto;

display:block;

border-radius:12px;

margin:35px 0;

}

/* Figures */

.bg-event-content figure{

margin:40px 0;

}

.bg-event-content figcaption{

margin-top:10px;

font-size:14px;

text-align:center;

color:#888;

}

/* Lists */

.bg-event-content ul,
.bg-event-content ol{

margin:30px 0;

padding-left:24px;

}

.bg-event-content li{

margin-bottom:12px;

}

/* Quote */

.bg-event-content blockquote{

margin:45px 0;

padding:30px;

background:#fafafa;

border-left:5px solid #F37021;

font-size:22px;

line-height:1.8;

font-style:italic;

}

/* Tables */

.bg-event-content table{

width:100%;

border-collapse:collapse;

margin:40px 0;

}

.bg-event-content table th{

background:#fafafa;

font-weight:700;

}

.bg-event-content table th,
.bg-event-content table td{

padding:14px;

border:1px solid #ececec;

}

/* Links */

.bg-event-content a{

color:#F37021;

font-weight:600;

text-decoration:none;

}

.bg-event-content a:hover{

color:#111;

}

/* Gutenberg Buttons */

.bg-event-content .wp-block-button{

margin:30px 0;

}

.bg-event-content .wp-block-button__link{

background:#F37021;

padding:14px 26px;

border-radius:6px;

font-weight:700;

}

.bg-event-content .wp-block-button__link:hover{

background:#111;

}

/* Youtube */

.bg-event-content iframe{

width:100%;

min-height:480px;

border:0;

border-radius:12px;

}

/* Gallery */

.bg-event-content .wp-block-gallery{

margin:45px 0;

}

/* Separator */

.bg-event-content hr{

margin:60px 0;

border:none;

height:1px;

background:#ececec;

}

/* Code */

.bg-event-content pre{

padding:20px;

background:#111;

color:#fff;

border-radius:8px;

overflow:auto;

}

/* Responsive */

@media(max-width:992px){

.bg-event-content{

padding:35px;

}

}

@media(max-width:768px){

.bg-event-content{

padding:24px;

font-size:16px;

line-height:1.9;

}

.bg-event-content>p:first-child{

font-size:18px;

}

.bg-event-content>p:first-child:first-letter{

font-size:54px;

line-height:44px;

}

.bg-event-content h2{

font-size:28px;

padding-left:15px;

}

.bg-event-content h2:before{

height:30px;

}

.bg-event-content h3{

font-size:23px;

}

.bg-event-content h4{

font-size:20px;

}

.bg-event-content blockquote{

padding:20px;

font-size:18px;

}

.bg-event-content iframe{

min-height:250px;

}

.bg-event-content table{

display:block;

overflow:auto;

white-space:nowrap;

}

}




/* ===========================================================
PART 9
event-single.css
FINAL LAYOUT REFINEMENT
Paste at END of event-single.css
===========================================================*/

/* ======================================
Overall Layout
======================================*/

.bg-event-single{

padding:35px 0 70px;

background:#f7f7f7;

}

.bg-event-single .bgh-con{

max-width:1320px;

margin:auto;

}

/* ======================================
Hero
======================================*/

.bg-event-hero{

height:420px;

margin-bottom:35px;

border-radius:18px;

overflow:hidden;

box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.bg-event-hero img{

width:100%;

height:100%;

object-fit:cover;

}

/* ======================================
Title
======================================*/

.bg-event-header{

margin-bottom:30px;

}

.bg-event-title{

font-size:52px;

font-weight:800;

line-height:1.15;

letter-spacing:-1px;

color:#111;

max-width:900px;

}

/* ======================================
2 Column Layout
======================================*/

.bg-event-body{

display:grid;

grid-template-columns:minmax(0,1fr) 340px;

gap:38px;

align-items:start;

}

/* ======================================
Sticky Sidebar
======================================*/

.bg-event-sidebar{

position:sticky;

top:100px;

}

/* ======================================
Content Card
======================================*/

.bg-event-content{

border-radius:18px;

box-shadow:0 15px 45px rgba(0,0,0,.05);

}

/* ======================================
Ad
======================================*/

.bg-event-ad{

margin-top:25px;

}

.bg-event-ad img{

border-radius:12px;

}

/* ======================================
Map
======================================*/

.bg-event-map{

margin-top:25px;

}

.bg-event-map iframe{

height:260px;

}

/* ======================================
Related
======================================*/

.bg-related-events{

margin-top:80px;

}

.bg-related-events .bg-section-head{

padding-bottom:15px;

border-bottom:2px solid #ececec;

margin-bottom:30px;

}

.bg-related-events .bg-section-title h2{

font-size:34px;

font-weight:800;

}

.bg-related-events .bg-events-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:24px;

}

/* ======================================
Desktop Hover
======================================*/

.bg-event-content:hover,
.bg-sidebar-widget:hover,
.bg-event-map:hover,
.bg-event-ad:hover{

box-shadow:0 25px 60px rgba(0,0,0,.09);

}

/* ======================================
Tablet
======================================*/

@media(max-width:1200px){

.bg-event-title{

font-size:42px;

}

.bg-event-body{

grid-template-columns:minmax(0,1fr) 320px;

gap:30px;

}

.bg-related-events .bg-events-grid{

grid-template-columns:repeat(2,1fr);

}

}

/* ======================================
Tablet Portrait
======================================*/

@media(max-width:991px){

.bg-event-body{

grid-template-columns:1fr;

}

.bg-event-sidebar{

position:relative;

top:auto;

margin-top:35px;

}

}

/* ======================================
Mobile
======================================*/

@media(max-width:768px){

.bg-event-single{

padding:20px 0 40px;

}

.bg-event-hero{

height:240px;

margin-bottom:20px;

border-radius:12px;

}

.bg-event-title{

font-size:30px;

line-height:1.3;

}

.bg-related-events{

margin-top:50px;

}

.bg-related-events .bg-events-grid{

grid-template-columns:1fr;

}

.bg-related-events .bg-section-title h2{

font-size:28px;

}

}

/* ======================================
Small Mobile
======================================*/

@media(max-width:480px){

.bg-event-title{

font-size:24px;

}

.bg-event-hero{

height:200px;

}

.bg-event-content{

padding:18px;

}

.bg-sidebar-widget{

padding:18px;

}

.bg-event-map iframe{

height:220px;

}

}




/* ===========================================================
PART 10
ADVERTISEMENT STYLES
Paste at END of event-single.css
=========================================================== */

.bg-event-ad{

background:#fff;

padding:18px;

border-radius:14px;

border:1px solid #ececec;

box-shadow:0 10px 30px rgba(0,0,0,.05);

overflow:hidden;

}

.bg-event-ad img{

display:block;

width:100%;

height:auto;

border-radius:10px;

transition:.35s;

}

.bg-event-ad:hover img{

transform:scale(1.02);

}

.bg-event-ad iframe{

width:100%;

border:none;

}

.bg-event-ad .widget{

margin:0;

}

.bg-event-ad .widget img{

width:100%;

height:auto;

}

.bg-event-ad .adsbygoogle{

display:block;

width:100%;

}



/* ===========================================================
PART 11
RELATED EVENTS IMPROVEMENTS
=========================================================== */

.bg-related-events{

margin-top:90px;

}

.bg-related-events .bg-events-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:24px;

align-items:stretch;

}

.bg-related-events .bg-event-card{

height:100%;

display:flex;

flex-direction:column;

}

.bg-related-events .bg-event-content{

display:flex;

flex-direction:column;

flex:1;

}

.bg-related-events .bg-event-btn{

margin-top:auto;

}

@media(max-width:1200px){

.bg-related-events .bg-events-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.bg-related-events .bg-events-grid{

grid-template-columns:1fr;

}

}



/* ===========================================================
PART 12
HERO + TITLE REDESIGN
=========================================================== */

.bg-event-heading{

margin:0 0 40px;

}

.bg-event-title{

margin:0;

font-size:54px;

font-weight:800;

line-height:1.15;

color:#111;

max-width:900px;

letter-spacing:-1px;

}

.bg-event-subtitle{

margin-top:18px;

font-size:22px;

line-height:1.8;

color:#666;

max-width:850px;

}

.bg-event-hero{

position:relative;

overflow:hidden;

height:430px;

border-radius:18px;

margin-bottom:35px;

box-shadow:0 20px 60px rgba(0,0,0,.08);

background:#f4f4f4;

}

.bg-event-hero img{

width:100%;

height:100%;

display:block;

object-fit:cover;

transition:.5s;

}

.bg-event-hero:hover img{

transform:scale(1.04);

}

@media(max-width:1200px){

.bg-event-title{

font-size:46px;

}

.bg-event-subtitle{

font-size:20px;

}

}

@media(max-width:768px){

.bg-event-hero{

height:260px;

border-radius:12px;

margin-bottom:22px;

}

.bg-event-title{

font-size:30px;

line-height:1.3;

}

.bg-event-subtitle{

font-size:17px;

line-height:1.8;

margin-top:12px;

}

}

@media(max-width:480px){

.bg-event-hero{

height:210px;

}

.bg-event-title{

font-size:24px;

}

.bg-event-subtitle{

font-size:15px;

}

}




/* ===========================================================
PART 14
event-single.css
PREMIUM TYPOGRAPHY + CONTENT
Paste at END
=========================================================== */

/* =====================================
Paragraph
===================================== */

.bg-event-content p{

margin:0 0 28px;

font-size:18px;

line-height:2;

color:#444;

}

/* =====================================
Lead Paragraph
===================================== */

.bg-event-content > p:first-of-type{

font-size:22px;

line-height:2;

color:#555;

}

/* =====================================
Drop Cap
===================================== */

.bg-event-content > p:first-of-type:first-letter{

float:left;

font-size:74px;

line-height:58px;

padding-right:12px;

font-weight:800;

color:#F37021;

}

/* =====================================
Headings
===================================== */

.bg-event-content h2{

position:relative;

margin:60px 0 25px;

padding-left:18px;

font-size:36px;

font-weight:800;

line-height:1.3;

color:#111;

}

.bg-event-content h2:before{

content:"";

position:absolute;

left:0;

top:5px;

width:5px;

height:40px;

background:#F37021;

}

.bg-event-content h3{

margin:45px 0 18px;

font-size:28px;

font-weight:700;

line-height:1.4;

color:#111;

}

.bg-event-content h4{

margin:35px 0 16px;

font-size:22px;

font-weight:700;

line-height:1.5;

}

/* =====================================
Images
===================================== */

.bg-event-content img{

width:100%;

height:auto;

display:block;

margin:40px 0;

border-radius:12px;

box-shadow:0 15px 45px rgba(0,0,0,.08);

transition:.4s;

}

.bg-event-content img:hover{

transform:scale(1.015);

}

/* =====================================
Caption
===================================== */

.bg-event-content figcaption{

margin-top:10px;

font-size:14px;

text-align:center;

color:#888;

}

/* =====================================
Lists
===================================== */

.bg-event-content ul,
.bg-event-content ol{

padding-left:24px;

margin:28px 0;

}

.bg-event-content li{

margin-bottom:14px;

line-height:1.9;

}

/* =====================================
Quote
===================================== */

.bg-event-content blockquote{

margin:50px 0;

padding:35px;

background:#fafafa;

border-left:5px solid #F37021;

font-size:22px;

line-height:1.8;

font-style:italic;

border-radius:8px;

}

/* =====================================
Tables
===================================== */

.bg-event-content table{

width:100%;

border-collapse:collapse;

margin:40px 0;

}

.bg-event-content table th{

background:#fafafa;

font-weight:700;

color:#111;

}

.bg-event-content table td,
.bg-event-content table th{

padding:15px;

border:1px solid #ececec;

}

/* =====================================
Buttons
===================================== */

.bg-event-content .wp-block-button{

margin:35px 0;

}

.bg-event-content .wp-block-button__link{

background:#F37021;

padding:14px 30px;

border-radius:8px;

font-weight:700;

transition:.35s;

}

.bg-event-content .wp-block-button__link:hover{

background:#111;

}

/* =====================================
Videos
===================================== */

.bg-event-content iframe{

width:100%;

min-height:480px;

border:none;

border-radius:12px;

}

/* =====================================
Separator
===================================== */

.bg-event-content hr{

margin:60px 0;

height:1px;

border:none;

background:#ececec;

}

/* =====================================
Mobile
===================================== */

@media(max-width:768px){

.bg-event-content p{

font-size:16px;

line-height:1.9;

}

.bg-event-content>p:first-of-type{

font-size:18px;

}

.bg-event-content>p:first-of-type:first-letter{

font-size:54px;

line-height:45px;

}

.bg-event-content h2{

font-size:28px;

padding-left:14px;

}

.bg-event-content h2:before{

height:30px;

}

.bg-event-content h3{

font-size:23px;

}

.bg-event-content h4{

font-size:20px;

}

.bg-event-content blockquote{

padding:20px;

font-size:18px;

}

.bg-event-content iframe{

min-height:240px;

}

.bg-event-content table{

display:block;

overflow:auto;

white-space:nowrap;

}

}












/* ===========================================================
SINGLE EVENT HERO
=========================================================== */

.bg-event-single .bg-event-hero{

position:relative;

height:460px;

overflow:hidden;

border-radius:18px;

margin-bottom:35px;

background:#ececec;

box-shadow:0 18px 50px rgba(0,0,0,.08);

}

.bg-event-single .bg-hero-image{

width:100%;

height:100%;

display:block;

object-fit:cover;

transition:.45s;

}

.bg-event-single .bg-event-hero:hover .bg-hero-image{

transform:scale(1.03);

}

.bg-event-single .bg-hero-overlay{

position:absolute;

left:0;

top:0;

right:0;

bottom:0;

background:linear-gradient(

180deg,

rgba(0,0,0,.05) 0%,

rgba(0,0,0,.25) 45%,

rgba(0,0,0,.80) 100%

);

}

.bg-event-single .bg-hero-content{

position:absolute;

left:45px;

right:45px;

bottom:38px;

z-index:5;

color:#fff;

}

.bg-event-single .bg-hero-title{

margin:0;

font-size:54px;

line-height:1.15;

font-weight:800;

color:#fff;

max-width:900px;

text-shadow:0 2px 12px rgba(0,0,0,.45);

}

.bg-event-single .bg-hero-meta{

margin-top:20px;

display:flex;

flex-wrap:wrap;

gap:28px;

}

.bg-event-single .bg-hero-meta-item{

display:flex;

align-items:center;

gap:12px;

font-size:18px;

font-weight:600;

color:#fff;

}

.bg-event-single .bg-hero-meta-item i{

font-size:18px;

width:20px;

text-align:center;

color:#fff;

}

/* ===========================================================
TABLET
=========================================================== */

@media(max-width:991px){

.bg-event-single .bg-event-hero{

height:360px;

}

.bg-event-single .bg-hero-content{

left:30px;

right:30px;

bottom:30px;

}

.bg-event-single .bg-hero-title{

font-size:40px;

}

}

/* ===========================================================
MOBILE
=========================================================== */

@media(max-width:767px){

.bg-event-single .bg-event-hero{

height:250px;

border-radius:12px;

}

.bg-event-single .bg-hero-content{

left:20px;

right:20px;

bottom:20px;

}

.bg-event-single .bg-hero-title{

font-size:28px;

line-height:1.3;

}

.bg-event-single .bg-hero-meta{

display:block;

margin-top:15px;

}

.bg-event-single .bg-hero-meta-item{

margin-bottom:10px;

font-size:15px;

}

}

















/* ===========================================================
ABOUT EVENT CONTENT
Only Single Event Page
=========================================================== */

.bg-event-single .bg-event-main{

min-width:0;

}

/* ==========================================
Heading
========================================== */

.bg-event-single .bg-single-heading{

margin-bottom:28px;

}

.bg-event-single .bg-single-subtitle{

display:inline-block;

font-size:13px;

font-weight:700;

letter-spacing:2px;

text-transform:uppercase;

color:#F37021;

margin-bottom:8px;

}

.bg-event-single .bg-single-heading h2{

margin:0;

font-size:38px;

font-weight:800;

line-height:1.15;

color:#111;

}

/* ==========================================
Content Card
========================================== */

.bg-event-single .bg-event-content-card{

background:#fff;

border-radius:18px;

padding:40px;

box-shadow:0 12px 40px rgba(0,0,0,.06);

overflow:hidden;

}

/* ==========================================
Content
========================================== */

.bg-event-single .bg-event-content{

font-size:18px;

line-height:2;

color:#444;

word-break:break-word;

}

.bg-event-single .bg-event-content>*:first-child{

margin-top:0;

}

.bg-event-single .bg-event-content>*:last-child{

margin-bottom:0;

}

/* Paragraph */

.bg-event-single .bg-event-content p{

margin:0 0 28px;

}

/* Images */

.bg-event-single .bg-event-content img{

display:block;

width:100%;

height:auto;

margin:35px 0;

border-radius:14px;

}

/* Figures */

.bg-event-single .bg-event-content figure{

margin:35px 0;

}

.bg-event-single .bg-event-content figcaption{

margin-top:10px;

font-size:14px;

text-align:center;

color:#777;

}

/* Headings */

.bg-event-single .bg-event-content h2{

margin:55px 0 22px;

font-size:34px;

font-weight:800;

line-height:1.25;

color:#111;

}

.bg-event-single .bg-event-content h3{

margin:42px 0 18px;

font-size:28px;

font-weight:700;

line-height:1.35;

color:#111;

}

.bg-event-single .bg-event-content h4{

margin:30px 0 15px;

font-size:22px;

font-weight:700;

line-height:1.4;

color:#111;

}

.bg-event-single .bg-event-content h5{

margin:25px 0 12px;

font-size:19px;

font-weight:700;

}

.bg-event-single .bg-event-content h6{

margin:22px 0 10px;

font-size:17px;

font-weight:700;

}

/* Lists */

.bg-event-single .bg-event-content ul,

.bg-event-single .bg-event-content ol{

padding-left:24px;

margin:28px 0;

}

.bg-event-single .bg-event-content li{

margin-bottom:12px;

line-height:1.9;

}

/* Links */

.bg-event-single .bg-event-content a{

color:#1565C0;

text-decoration:none;

font-weight:600;

transition:.25s;

}

.bg-event-single .bg-event-content a:hover{

color:#F37021;

}

/* Quote */

.bg-event-single .bg-event-content blockquote{

margin:40px 0;

padding:28px 32px;

background:#fafafa;

border-left:5px solid #F37021;

font-size:20px;

line-height:1.8;

font-style:italic;

border-radius:8px;

}

/* Table */

.bg-event-single .bg-event-content table{

width:100%;

border-collapse:collapse;

margin:35px 0;

}

.bg-event-single .bg-event-content table th,

.bg-event-single .bg-event-content table td{

border:1px solid #ececec;

padding:14px 16px;

text-align:left;

}

.bg-event-single .bg-event-content table th{

background:#fafafa;

font-weight:700;

}

/* Video */

.bg-event-single .bg-event-content iframe{

width:100%;

min-height:450px;

border:none;

border-radius:12px;

margin:35px 0;

}

/* Code */

.bg-event-single .bg-event-content pre{

background:#111;

color:#fff;

padding:25px;

overflow:auto;

border-radius:10px;

margin:30px 0;

}

.bg-event-single .bg-event-content code{

font-family:monospace;

}

/* HR */

.bg-event-single .bg-event-content hr{

margin:45px 0;

border:none;

height:1px;

background:#ececec;

}

/* ==========================================
Laptop
========================================== */

@media(max-width:1200px){

.bg-event-single .bg-event-content-card{

padding:35px;

}

.bg-event-single .bg-single-heading h2{

font-size:34px;

}

}

/* ==========================================
Tablet
========================================== */

@media(max-width:992px){

.bg-event-single .bg-event-content-card{

padding:30px;

}

.bg-event-single .bg-event-content{

font-size:17px;

line-height:1.9;

}

.bg-event-single .bg-event-content iframe{

min-height:320px;

}

}

/* ==========================================
Mobile
========================================== */

@media(max-width:767px){

.bg-event-single .bg-single-heading{

margin-bottom:20px;

}

.bg-event-single .bg-single-subtitle{

font-size:12px;

letter-spacing:1.5px;

}

.bg-event-single .bg-single-heading h2{

font-size:28px;

line-height:1.3;

}

.bg-event-single .bg-event-content-card{

padding:22px;

border-radius:12px;

}

.bg-event-single .bg-event-content{

font-size:16px;

line-height:1.85;

}

.bg-event-single .bg-event-content h2{

font-size:26px;

margin:38px 0 18px;

}

.bg-event-single .bg-event-content h3{

font-size:22px;

margin:30px 0 15px;

}

.bg-event-single .bg-event-content h4{

font-size:19px;

}

.bg-event-single .bg-event-content blockquote{

padding:20px;

font-size:17px;

}

.bg-event-single .bg-event-content iframe{

min-height:220px;

}

.bg-event-single .bg-event-content table{

display:block;

overflow-x:auto;

white-space:nowrap;

}

}

/* ==========================================
Small Mobile
========================================== */

@media(max-width:480px){

.bg-event-single .bg-event-content-card{

padding:18px;

}

.bg-event-single .bg-single-heading h2{

font-size:24px;

}

.bg-event-single .bg-event-content{

font-size:15px;

line-height:1.8;

}

.bg-event-single .bg-event-content h2{

font-size:22px;

}

.bg-event-single .bg-event-content h3{

font-size:20px;

}

.bg-event-single .bg-event-content img{

margin:25px 0;

border-radius:10px;

}

}











/* ===========================================================
EVENT SIDEBAR
=========================================================== */

.bg-event-single .bg-event-sidebar{

display:flex;

flex-direction:column;

gap:25px;

position:sticky;

top:100px;

align-self:start;

}

/*========================================*/

.bg-event-single .bg-info-card,
.bg-event-single .bg-share-card,
.bg-event-single .bg-sidebar-ad{

background:#fff;

border-radius:18px;

padding:30px;

box-shadow:0 10px 35px rgba(0,0,0,.06);

overflow:hidden;

}

/*========================================*/

.bg-event-single .bg-info-list{

margin:0;

padding:0;

list-style:none;

}

.bg-event-single .bg-info-list li{

display:flex;

align-items:flex-start;

gap:16px;

padding:18px 0;

border-bottom:1px solid #ececec;

}

.bg-event-single .bg-info-list li:last-child{

border:none;

padding-bottom:0;

}

.bg-event-single .bg-info-list i{

width:42px;

height:42px;

border-radius:50%;

background:#FFF2EA;

display:flex;

align-items:center;

justify-content:center;

color:#F37021;

font-size:18px;

flex:none;

}

.bg-event-single .bg-info-list strong{

display:block;

font-size:15px;

font-weight:700;

margin-bottom:5px;

color:#111;

}

.bg-event-single .bg-info-list span{

display:block;

font-size:16px;

line-height:1.7;

color:#666;

}

.bg-event-single .bg-info-list a{

color:#1565C0;

text-decoration:none;

font-weight:600;

}

.bg-event-single .bg-info-list a:hover{

color:#F37021;

}

/*========================================*/

.bg-event-single .bg-direction-btn{

display:flex;

align-items:center;

justify-content:center;

gap:10px;

height:52px;

margin-top:28px;

background:#F37021;

border-radius:8px;

color:#fff;

text-decoration:none;

font-weight:700;

transition:.3s;

}

.bg-event-single .bg-direction-btn:hover{

background:#111;

color:#fff;

}

/*========================================*/

.bg-event-single .bg-social-share{

display:flex;

gap:12px;

flex-wrap:wrap;

}

.bg-event-single .bg-social-share a{

width:46px;

height:46px;

border-radius:50%;

background:#f5f5f5;

display:flex;

align-items:center;

justify-content:center;

color:#666;

font-size:18px;

text-decoration:none;

transition:.3s;

}

.bg-event-single .bg-social-share a:hover{

background:#F37021;

color:#fff;

transform:translateY(-3px);

}

/*========================================*/

.bg-event-single .bg-sidebar-ad{

padding:15px;

}

.bg-event-single .bg-sidebar-ad img{

width:100%;

display:block;

border-radius:10px;

}

/*========================================*/

@media(max-width:991px){

.bg-event-single .bg-event-body{

grid-template-columns:1fr;

}

.bg-event-single .bg-event-sidebar{

position:relative;

top:auto;

}

}

@media(max-width:767px){

.bg-event-single .bg-info-card,
.bg-event-single .bg-share-card,
.bg-event-single .bg-sidebar-ad{

padding:22px;

border-radius:12px;

}

.bg-event-single .bg-info-list li{

gap:12px;

}

.bg-event-single .bg-info-list i{

width:36px;

height:36px;

font-size:15px;

}

.bg-event-single .bg-info-list span{

font-size:15px;

}

.bg-event-single .bg-social-share{

justify-content:flex-start;

}

.bg-event-single .bg-social-share a{

width:42px;

height:42px;

font-size:16px;

}

.bg-event-single .bg-direction-btn{

height:48px;

font-size:15px;

}

}










/*====================================================
RELATED EVENTS
====================================================*/

.bg-event-single .bg-related-events{

margin-top:80px;

}

.bg-event-single .bg-related-header{

display:flex;

justify-content:space-between;

align-items:flex-end;

margin-bottom:35px;

padding-bottom:20px;

border-bottom:1px solid #ececec;

}

.bg-event-single .bg-related-header h2{

margin:0;

font-size:38px;

font-weight:800;

color:#111;

line-height:1.15;

}

.bg-event-single .bg-related-link{

display:flex;

align-items:center;

gap:10px;

font-weight:700;

font-size:16px;

text-decoration:none;

color:#1565C0;

transition:.25s;

}

.bg-event-single .bg-related-link:hover{

color:#F37021;

}

.bg-event-single .bg-related-link i{

font-size:14px;

transition:.25s;

}

.bg-event-single .bg-related-link:hover i{

transform:translateX(4px);

}

/*========================================*/

.bg-event-single .bg-events-grid{

display:grid;

grid-template-columns:repeat(4,1fr);

gap:25px;

}

/*
NO CSS FOR

.bg-event-card

.bg-event-content

.bg-event-title

.bg-event-btn

so homepage cards remain untouched.
*/

@media(max-width:1200px){

.bg-event-single .bg-events-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.bg-event-single .bg-related-events{

margin-top:55px;

}

.bg-event-single .bg-related-header{

display:block;

}

.bg-event-single .bg-related-header h2{

font-size:30px;

margin-top:8px;

}

.bg-event-single .bg-related-link{

margin-top:15px;

display:inline-flex;

}

.bg-event-single .bg-events-grid{

grid-template-columns:1fr;

gap:20px;

}

}