Events | Bricks & Minifigs Kernersville
/* ── BAM Brand Colors ───────────────────────────────────────── */
:root {
--bam-blue: #00A0DD;
--bam-yellow: #FFCE02;
--bam-white: #F1FAFE;
--bam-green: #008345;
--bam-red: #EF3842;
--bam-black: #222222;
--bam-yellow-dark: #F99C24;
}
* { box-sizing: border-box; margin: 0; padding: 0; }
body {
font-family: 'Nunito', sans-serif;
background: var(--bam-white);
color: var(--bam-black);
}
/* ── Hero Banner ────────────────────────────────────────────── */
.bam-hero {
background: var(--bam-blue);
position: relative;
overflow: hidden;
padding: 56px 24px 48px;
text-align: center;
}
/* Decorative stud pattern */
.bam-hero::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image:
radial-gradient(circle, rgba(255,255,255,0.12) 8px, transparent 8px);
background-size: 36px 36px;
pointer-events: none;
}
.bam-hero-inner { position: relative; z-index: 1; max-width: 860px; margin: 0 auto; }
.bam-hero-eyebrow {
display: inline-block;
background: var(--bam-yellow);
color: var(--bam-black);
font-family: 'Bangers', cursive;
font-size: 15px;
letter-spacing: 2px;
padding: 4px 18px;
border-radius: 4px;
margin-bottom: 18px;
text-transform: uppercase;
}
.bam-hero h1 {
font-family: 'Bangers', cursive;
font-size: clamp(42px, 8vw, 76px);
color: #ffffff;
letter-spacing: 2px;
line-height: 1.05;
margin-bottom: 16px;
text-shadow: 3px 3px 0 var(--bam-black);
}
.bam-hero h1 span { color: var(--bam-yellow); }
.bam-hero-sub {
font-size: 17px;
color: rgba(255,255,255,0.92);
max-width: 520px;
margin: 0 auto 28px;
line-height: 1.6;
font-weight: 600;
}
.bam-hero-badge {
display: inline-flex;
align-items: center;
gap: 8px;
background: rgba(255,255,255,0.15);
border: 2px solid rgba(255,255,255,0.4);
border-radius: 30px;
padding: 8px 20px;
color: #fff;
font-size: 14px;
font-weight: 700;
letter-spacing: 0.5px;
}
/* ── Section wrapper ─────────────────────────────────────────── */
.bam-section {
max-width: 1060px;
margin: 0 auto;
padding: 56px 24px;
}
.bam-section-title {
font-family: 'Bangers', cursive;
font-size: 36px;
letter-spacing: 1.5px;
color: var(--bam-blue);
margin-bottom: 8px;
}
.bam-section-title span { color: var(--bam-red); }
.bam-section-sub {
font-size: 15px;
color: #555;
margin-bottom: 36px;
font-weight: 600;
}
/* ── Divider ─────────────────────────────────────────────────── */
.bam-divider {
border: none;
height: 5px;
background: repeating-linear-gradient(
90deg,
var(--bam-blue) 0 60px,
var(--bam-yellow) 60px 120px,
var(--bam-red) 120px 180px,
var(--bam-green) 180px 240px
);
margin: 0;
}
/* ── Event Cards Grid ────────────────────────────────────────── */
.bam-events-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
gap: 28px;
}
.bam-event-card {
background: #fff;
border-radius: 14px;
overflow: hidden;
border: 2px solid #e8e8e8;
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
flex-direction: column;
}
.bam-event-card:hover {
transform: translateY(-4px);
box-shadow: 0 12px 36px rgba(0,160,221,0.18);
}
/* Color-coded top bar per event type */
.bam-event-card-bar {
height: 6px;
}
.bar-blue { background: var(--bam-blue); }
.bar-yellow { background: var(--bam-yellow); }
.bar-red { background: var(--bam-red); }
.bar-green { background: var(--bam-green); }
.bam-event-card-body {
padding: 22px 22px 16px;
flex: 1;
display: flex;
flex-direction: column;
}
.bam-event-type-tag {
display: inline-block;
font-size: 11px;
font-weight: 800;
letter-spacing: 1.2px;
text-transform: uppercase;
padding: 3px 10px;
border-radius: 20px;
margin-bottom: 12px;
}
.tag-blue { background: #E0F4FB; color: #005f85; }
.tag-yellow { background: #FFF8DC; color: #7a5a00; }
.tag-red { background: #FDE8E9; color: #8b1a1e; }
.tag-green { background: #E0F2E9; color: #004d27; }
.bam-event-card h3 {
font-family: 'Bangers', cursive;
font-size: 26px;
letter-spacing: 1px;
color: var(--bam-black);
margin-bottom: 8px;
line-height: 1.15;
}
.bam-event-card p {
font-size: 14px;
color: #555;
line-height: 1.6;
flex: 1;
margin-bottom: 16px;
}
.bam-event-meta {
display: flex;
flex-direction: column;
gap: 6px;
margin-bottom: 18px;
}
.bam-event-meta-row {
display: flex;
align-items: center;
gap: 8px;
font-size: 13px;
font-weight: 700;
color: var(--bam-black);
}
.bam-event-meta-row .icon {
width: 22px;
height: 22px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 12px;
flex-shrink: 0;
}
.icon-blue { background: var(--bam-blue); color: #fff; }
.icon-yellow { background: var(--bam-yellow); color: var(--bam-black); }
.icon-red { background: var(--bam-red); color: #fff; }
.icon-green { background: var(--bam-green); color: #fff; }
.bam-btn {
display: inline-block;
font-family: 'Bangers', cursive;
font-size: 17px;
letter-spacing: 1px;
padding: 10px 22px;
border-radius: 8px;
text-decoration: none;
transition: opacity 0.15s, transform 0.1s;
text-align: center;
margin-top: auto;
}
.bam-btn:hover { opacity: 0.88; transform: scale(1.02); }
.bam-btn:active { transform: scale(0.98); }
.btn-blue { background: var(--bam-blue); color: #fff; }
.btn-yellow { background: var(--bam-yellow); color: var(--bam-black); }
.btn-red { background: var(--bam-red); color: #fff; }
.btn-green { background: var(--bam-green); color: #fff; }
/* ── Featured / Spotlight card ────────────────────────────────── */
.bam-featured {
background: var(--bam-blue);
border-radius: 18px;
overflow: hidden;
display: grid;
grid-template-columns: 1fr 1fr;
margin-bottom: 48px;
min-height: 280px;
position: relative;
}
@media (max-width: 640px) {
.bam-featured { grid-template-columns: 1fr; }
.bam-featured-visual { display: none; }
}
.bam-featured-content {
padding: 40px 36px;
display: flex;
flex-direction: column;
justify-content: center;
position: relative;
z-index: 1;
}
.bam-featured-eyebrow {
font-family: 'Bangers', cursive;
font-size: 13px;
letter-spacing: 3px;
color: var(--bam-yellow);
margin-bottom: 10px;
}
.bam-featured h2 {
font-family: 'Bangers', cursive;
font-size: 42px;
color: #fff;
letter-spacing: 1.5px;
line-height: 1.1;
margin-bottom: 12px;
text-shadow: 2px 2px 0 rgba(0,0,0,0.3);
}
.bam-featured p {
font-size: 15px;
color: rgba(255,255,255,0.9);
line-height: 1.6;
margin-bottom: 24px;
font-weight: 600;
}
.bam-featured-visual {
background: var(--bam-yellow);
display: flex;
align-items: center;
justify-content: center;
font-size: 100px;
position: relative;
overflow: hidden;
}
.bam-featured-visual::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background-image: radial-gradient(circle, rgba(0,0,0,0.07) 6px, transparent 6px);
background-size: 28px 28px;
}
.bam-featured-visual-emoji {
position: relative;
z-index: 1;
font-size: 80px;
line-height: 1;
filter: drop-shadow(3px 3px 0 rgba(0,0,0,0.15));
}
/* ── Callout strip ──────────────────────────────────────────── */
.bam-callout {
background: var(--bam-yellow);
padding: 36px 24px;
text-align: center;
}
.bam-callout h2 {
font-family: 'Bangers', cursive;
font-size: 34px;
letter-spacing: 1.5px;
color: var(--bam-black);
margin-bottom: 10px;
}
.bam-callout p {
font-size: 16px;
color: var(--bam-black);
max-width: 540px;
margin: 0 auto 22px;
font-weight: 700;
}
.bam-callout .bam-btn {
background: var(--bam-blue);
color: #fff;
font-size: 18px;
}
/* ── Info Strip ─────────────────────────────────────────────── */
.bam-info-strip {
background: var(--bam-black);
padding: 28px 24px;
}
.bam-info-inner {
max-width: 1060px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
gap: 24px;
justify-content: center;
align-items: center;
text-align: center;
}
.bam-info-item {
display: flex;
flex-direction: column;
gap: 4px;
min-width: 180px;
}
.bam-info-label {
font-size: 11px;
font-weight: 800;
letter-spacing: 2px;
text-transform: uppercase;
color: var(--bam-yellow);
}
.bam-info-value {
font-size: 15px;
font-weight: 700;
color: #fff;
}
/* ── Legal / LEGO® brand note ─────────────────────────────────── */
.bam-legal {
background: #f0f0f0;
padding: 16px 24px;
text-align: center;
}
.bam-legal p {
font-size: 11px;
color: #888;
max-width: 860px;
margin: 0 auto;
line-height: 1.6;
}
/* ── Responsive ─────────────────────────────────────────────── */
@media (max-width: 480px) {
.bam-events-grid { grid-template-columns: 1fr; }
.bam-hero h1 { font-size: 42px; }
.bam-featured-content { padding: 28px 20px; }
.bam-featured h2 { font-size: 32px; }
}
Kernersville, NC
Events & Happenings
From trade days to new arrivals — your local spot for all things
LEGO® bricks, sets, and minifigures.
★ Authorized LEGO® Reseller
<div style="
border-radius: 18px;
overflow: hidden;
position: relative;
background: #05090f;
background-image:
radial-gradient(ellipse at 50% 0%, #0d1f3c 0%, transparent 70%),
radial-gradient(circle, rgba(255,255,255,0.85) 1px, transparent 1px),
radial-gradient(circle, rgba(255,255,255,0.5) 1px, transparent 1px),
radial-gradient(circle, rgba(255,255,255,0.3) 1px, transparent 1px);
background-size: 100% 100%, 80px 80px, 50px 50px, 120px 120px;
background-position: center, 0 0, 25px 25px, 10px 50px;
padding: 48px 40px 44px;
text-align: center;
border: 2px solid rgba(255,232,31,0.3);
">
★ FEATURED EVENT ★
<div style="
font-family:'Bangers',cursive;
font-size: clamp(36px, 7vw, 68px);
line-height: 0.95;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 0 0 30px rgba(255,232,31,0.2);
margin-bottom: 6px;
">This Is Where
<div style="
font-family:'Bangers',cursive;
font-size: clamp(36px, 7vw, 68px);
line-height: 0.95;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 2px;
text-shadow: 3px 3px 0 #000, -1px -1px 0 #000, 0 0 30px rgba(255,232,31,0.2);
margin-bottom: 20px;
">The Fun Begins
