/* Forced 2-column grid */
.events-grid {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 40px;
    margin-top: 40px;
    width: 100%;
    box-sizing: border-box;
}

@media(max-width:768px){
    .events-grid {
        grid-template-columns: 1fr !important;
    }
}

.event-card {
    background:#fff;
    border-radius:8px;
    padding:15px;
    box-shadow:0 3px 12px rgba(0,0,0,0.1);
}

.event-card-image img {
    width:100%;
    height:auto;
    object-fit:cover;
}

.event-title a {
    font-size:20px;
    color:#0082c8;
    font-weight:700;
    text-decoration:none;
}

.event-title a:hover { text-decoration:underline; }

.event-meta p { margin:4px 0; }

.event-btn {
    display:inline-block;
    background:#FFA726;
    color:#fff !important;
    padding:10px 18px;
    border-radius:6px;
    text-decoration:none;
    font-weight:600;
}

.event-btn:hover { background:#fb8c00; }

/* Below CSS is for Single Event Page */
/* Single Event Page CSS */

.single-event-hero {
    position: relative;
    height: 340px;
    background-size: cover;
    background-position: center;
    display:flex;
    align-items:flex-end;
    padding:40px;
    color:white;
}
.single-event-hero .overlay {
    position:absolute;
    top:0; left:0; right:0; bottom:0;
    background:rgba(0,0,0,0.4);
}
.single-event-hero h1 {
    position:relative;
    z-index:2;
    font-size:48px;
    margin:0;
}

.single-event-container {
    max-width:1100px;
    margin:40px auto;
    padding:20px;
}

.event-meta-block {
    background:#f6f6f6;
    padding:20px;
    border-radius:8px;
    margin-bottom:30px;
}
.event-meta-block p { margin:6px 0; }

.event-btn {
    display:inline-block;
    padding:10px 20px;
    background:#FFA726;
    color:white;
    border-radius:6px;
    text-decoration:none;
    margin-top:10px;
}
.event-btn:hover {
    background:#fb8c00;
}

.event-content-section {
    margin-bottom:40px;
}

.event-speaker-section h2 {
    font-size:28px;
    margin-bottom:20px;
}

.speaker-card {
    display:flex;
    gap:20px;
    background:#fff;
    padding:20px;
    border-radius:8px;
    box-shadow:0 3px 12px rgba(0,0,0,0.1);
}

.speaker-photo {
    width:140px;
    height:140px;
    object-fit:cover;
    border-radius:8px;
}

.speaker-info h3 {
    margin-top:0;
}

/* Mobile */
@media(max-width:768px){
    .speaker-card {
        flex-direction:column;
    }
    .single-event-hero {
        height:250px;
    }
    .single-event-hero h1 {
        font-size:32px;
    }
}
/* Event Detail page */
/* ===== Layout ===== */
.iabc-event-single {
    display: grid;
    grid-template-columns: 260px 1fr;
    gap: 30px;
    align-items: start;
}

@media (max-width: 980px) {
    .iabc-event-single {
        grid-template-columns: 1fr;
    }
}

/* ===== Sidebar ===== */
.iabc-event-side-nav { margin-top: 10px; }
.iabc-event-side-menu { list-style: none; margin: 0; padding: 0; }
.iabc-event-side-menu li { margin: 8px 0; }
.iabc-event-side-menu a {
    text-decoration: none;
    color: #333;
}
.iabc-event-side-menu a:hover { text-decoration: underline; }

/* ===== Hero ===== */
.iabc-event-hero {
    position: relative;
    margin-bottom: 12px;
}
.iabc-event-hero-media img {
    width: 814px;
    height: 227px;
    margin-top:-20px;
    object-fit: cover;
    display: block;
}
.iabc-event-hero-placeholder {
    background: #d9d9d9;
    height: 160px;
    border-radius: 3px;
}

/* Back to listing pill */
.iabc-back-to-listing {
    position: absolute;
    left: 20px;
    bottom: 16px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: rgba(0,0,0,0.5);
    color: #fff !important;
    padding: 8px 12px;
    border-radius: 20px;
    font-size: 14px;
    text-decoration: none;
}

/* ===== Prev/Next ===== */
.iabc-event-pager {
    display: flex;
    justify-content: space-between;
    margin: 6px 0 16px;
    font-size: 14px;
}
.iabc-event-pager a { color: #666; }
.iabc-event-pager a:hover { color: #000; }

/* ===== Featured card ===== */
.iabc-event-card {
    padding: 14px;
    border-radius: 3px;
    margin-bottom: 18px;
    background: #fff;
}
.iabc-event-card img { width: 100%; height: auto; display: block; }

/* ===== Title ===== */
.iabc-event-title {
    font-size: 22px;
    line-height: 1.4;
    margin: 14px 0 12px;
    font-weight: 700;
    color: #111;
}

/* ===== Meta + CTA row ===== */
.iabc-event-meta-cta {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 16px;
}
.iabc-event-meta p { margin: 4px 0; font-size: 14px; }
.iabc-event-meta strong { color: #000; }

@media (max-width: 720px) {
    .iabc-event-meta-cta { flex-direction: column; align-items: stretch; }
}

/* Buttons */
.iabc-btn {
    display: inline-block;
    text-decoration: none;
    font-weight: 600;
    padding: 10px 14px;
    border-radius: 4px;
}
.iabc-btn--eventbrite {
    background: #ff9f2c; /* orange in the mock */
    color: #fff !important;
}

/* Intro / Description */
.iabc-event-intro {
    font-size: 14px;
    line-height: 1.8;
    color: #333;
    margin-bottom: 20px;
}

/* Sections */
.iabc-event-section { margin: 18px 0 14px; }
.iabc-event-section h2 {
    font-size: 16px;
    margin-bottom: 8px;
    font-weight: 700;
}
.iabc-bullets { padding-left: 18px; }
.iabc-bullets li { margin: 6px 0; }

/* Speaker */
.iabc-speaker-wrap {
    display: grid;
    grid-template-columns: 160px 1fr;
    gap: 16px;
    align-items: start;
}
@media (max-width: 640px) {
    .iabc-speaker-wrap { grid-template-columns: 1fr; }
}
.iabc-speaker-photo img {
    width: 160px; height: 160px; object-fit: cover; border-radius: 4px;
}
.iabc-speaker-bio { font-size: 14px; line-height: 1.8; text-align:justify; }

/* LinkedIn tiny badge */
.iabc-speaker-social { margin-top: 6px; }
.iabc-linkedin {
    display: inline-flex; align-items: center; justify-content: center;
    width: 22px; height: 22px; border-radius: 3px;
    background: #0a66c2; color: #fff; font-weight: 700;
    text-decoration: none;
}

/* Bottom CTA */
.iabc-bottom-cta { margin: 22px 0 28px; }
/* ===== Grid layout ===== */
.iabc-event-single { display:grid; grid-template-columns:223px 1fr; gap:33px; align-items:start; }
@media (max-width:980px){ 
.iabc-event-single{ grid-template-columns:1fr; }
.iabc-event-sidebar {margin-top:30px;}
 }

/* Sidebar menu */
.iabc-event-side-menu { list-style:none; margin:0; padding:0; }
.iabc-event-side-menu li { margin:8px 0; }
.iabc-event-side-menu a {font-size: 13px; color: #807f83; text-decoration:none; }
.iabc-event-side-menu a:hover { text-decoration:underline; }

/* Hero */
.iabc-event-hero { position:relative; margin-bottom:12px; }
.iabc-hero-img { width:100%; height:160px; object-fit:cover; display:block; border-radius:3px; }
.iabc-back-to-listing {
  position:absolute; left:20px; bottom:16px;
  display:inline-flex; gap:8px; align-items:center;
  background:rgba(0,0,0,.5); color:#fff; padding:8px 12px;
  border-radius:20px; text-decoration:none; font-size:14px;
}

/* Prev/Next */
.iabc-event-pager { display:flex; justify-content:space-between; margin:8px 0 16px; font-size:14px; }
.iabc-event-pager a { color:#666; text-decoration:none; }
.iabc-event-pager a:hover { color:#000; text-decoration:underline; }

/* Large image card */
.iabc-event-card {  padding:14px;  background:#fff; margin-bottom:18px; }
.iabc-event-card img {border:1px solid #e5e5e5; width:100%; height:auto; display:block; }

/* Title */
.iabc-event-title { font-size:22px; line-height:1.35; margin:14px 0 12px; font-weight:700; color:#111; }

/* Meta + CTA */
.iabc-event-meta-cta { display:flex; justify-content:space-between; align-items:flex-start; gap:16px; margin-bottom:16px; }
.iabc-event-meta p { margin:4px 0; font-size:14px; }
.iabc-event-meta strong { color:#000; }
@media (max-width:720px){ .iabc-event-meta-cta { flex-direction:column; align-items:stretch; } }

/* Buttons */
.iabc-btn { display:inline-block; text-decoration:none; font-weight:600; padding:10px 14px; border-radius:4px; }
.iabc-btn--eventbrite { background:#ff9f2c; color:#fff; }

/* Content */
.iabc-event-intro { font-size:14px; color:#333; margin-bottom:20px; text-align:justify; }
.iabc-event-section { margin:18px 0 14px; }
.iabc-event-section h2 { font-size:16px; font-weight:700; margin:0 0 8px; }
.iabc-bullets { padding-left:18px; margin:0; }
.iabc-bullets li { margin:6px 0; }

/* Speaker */
.iabc-speaker-wrap { display:grid; grid-template-columns:160px 1fr; gap:16px; align-items:start; }
@media (max-width:640px){ .iabc-speaker-wrap { grid-template-columns:1fr; } }
.iabc-speaker-photo img { width:160px; height:160px; object-fit:cover; border-radius:4px; display:block; }
.iabc-speaker-bio { font-size:14px; color:#333; }
.iabc-linkedin {
  display:inline-flex; align-items:center; justify-content:center;
  width:22px; height:22px; border-radius:3px; background:#0a66c2; color:#fff;
  text-decoration:none; font-weight:700;
}
.iabc-bottom-cta { margin:22px 0 28px; }

/ For devices with a minimum width of 768px (Medium) */

@media screen and (min-width: 651px) {
   /**.single-event #main .m-w3 { width:auto;   display: flex;   justify-content: center;} */
	    .single-event .w-w1 #content .c-w1 {
        padding: 0px!important;
        padding-right: 0px;
    }
}

.postid-25180 .c-w1 {
    padding: 0 !important;
}
.single-event .subnav-title {
        display: block;
        padding-bottom: 10px;
        padding-top: 10px;
        font-size: 25px;
        font-family: 'newsgoth_lt_btlight';
        color: #515151;
          }
.single-event nav ul {margin-left:0px !important;}
.iabc-event-meta p {margin: 0px 0px !important;}

.iabc-event-hero-media img {
    display: none;
}

.iabc-event-hero-media{
	    background-image: url(https://iabc.bc.ca/wp-content/themes/iabc/images/skin/banner1.jpg);
	width: 814px;
    height: 227px;
}

.iabc-event-hero-media h1.entry-title {
    background: none !important;
    background-color: rgba(111, 195, 2, .5) !important;
    border-top: 3px solid #69be28;
}

a.back-to-listing {
    font-size: 34px;
    font-family: 'newsgoth_lt_btlight';
    color: #fff;
    font-weight: normal;
    white-space: nowrap;
	opacity:1;
}
    .back-to-listing:hover {
        text-decoration: none;
        opacity: 0.8;
    }

 	.single-event .iabc-event-main {
        padding-top: 0px;
        width: 100%;
		max-width: 833px !important;
    }

#main .m-w3 {
        position: relative;
        width: 1200px;
        margin: 0 auto;
        padding-bottom: 70px;
        padding-left: 61px;
    }

.iabc-event-hero-media h1.entry-title{
	        margin-top: 145px;
}
    .single-event #content {
        padding-top: 0px;
    }
	aside.iabc-event-sidebar {
    	padding-top: 30px;
	}

@media (max-width: 1250px) {
	#main .m-w3 {
    position: relative;
    width: 1100px;
    margin: 0 auto;
    padding-bottom: 70px;
    padding-left: 30px;
}
		.single-event .iabc-event-main{
		max-width: 713px !important;
	}
}

@media (max-width: 1000px) {
	#main .m-w3 {
        position: relative;
        width: 960px;
        margin: 0 auto;
        padding-bottom: 70px;
        padding-left: 0px;
}
}

@media (max-width: 1060px) {
	        .m-w2.section-inner {
            margin-top:30px!important;
        }

}

@media (max-width: 990px) {
		        .m-w2.section-inner {
            margin-top:10px!important;
        }
	.single-event .iabc-event-main{
		max-width: 100%!important;
	}
	.single-event #content{
		float: none;
        position: inherit;
        width: 100%;
        margin: 0 auto;
          max-width: 950px;
	}
	aside.iabc-event-sidebar {
    padding-top: 50px;
}
	.iabc-event-hero-media{
		    width: 100%;
	}
	.iabc-event-hero-media h1.entry-title{
		margin-top: 145px;
    	width: 100%;
	}
	.iabc-event-hero-media h1.entry-title{
	        margin-top: 145px;
	    max-width: 100%;
}
}

@media (max-width: 650px) {

}

@media (max-width: 650px) {
	#main .m-w3{
		width: 100%;
	}
 .iabc-event-single {
    width: 100%;
    display: block;
    margin: 0 auto;
    padding: 0 10px;
}
	.iabc-event-hero-media{
		  width: 100%;
	}
	.iabc-event-hero-media h1.entry-title{
    	margin: 0 0px;
		position: relative;
        top: 127px
	}
	a.back-to-listing{
		 position: relative;
    	top: 30px;
	}
	  .postid-25180  span.border-transparent {
        top: -9px;
    }
    .iabc-event-sidebar {
        margin-top: 0;
    }
    aside.iabc-event-sidebar {
        padding-top: 10px;
    }
}