@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;700&family=Source+Sans+3:wght@300;400;600&display=swap');:root{--navy:#1a2744;--navy-dark:#0d1626;--navy-mid:#2a3a5c;--gold:#c9a84c;--gold-dark:#a8882a;--white:#ffffff;--off-white:#f5f3ee;--light-gray:#e8e6e0;--text-dark:#1a2744;--font-display:'Playfair Display',Georgia,serif;--font-body:'Source Sans 3',Arial,sans-serif;}
body{font-family:var(--font-body);color:var(--text-dark);background:var(--white);margin:0;padding:0;}
a{color:var(--gold);}a:hover{color:var(--gold-dark);}
.c100-navbar{background:var(--navy);position:sticky;top:0;z-index:1000;border-bottom:3px solid var(--gold);}
.c100-navbar-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;height:90px;gap:2rem;}
.c100-brand{display:flex;align-items:center;gap:12px;text-decoration:none;flex-shrink:0;}
.c100-logo{height:80px;width:80px;object-fit:cover;background:white;border-radius:50%;padding:3px;}
.c100-brand-text{display:flex;flex-direction:column;}
.c100-brand-name{color:var(--white);font-family:var(--font-display);font-size:16px;letter-spacing:0.03em;line-height:1.2;}
.c100-brand-tagline{color:var(--gold);font-family:var(--font-body);font-size:11px;letter-spacing:0.12em;text-transform:uppercase;}
.c100-nav-links,.c100-nav-right{display:flex;list-style:none;margin:0;padding:0;gap:0;}
.c100-nav-links{flex:1;}
.c100-nav-links li a,.c100-nav-right li a{color:rgba(255,255,255,0.85);text-decoration:none;font-family:var(--font-body);font-size:13px;letter-spacing:0.06em;text-transform:uppercase;font-weight:600;padding:0 14px;height:90px;display:flex;align-items:center;border-bottom:3px solid transparent;margin-bottom:-3px;transition:color 0.2s,border-color 0.2s;}
.c100-nav-links li a:hover,.c100-nav-right li a:hover{color:var(--gold);border-bottom-color:var(--gold);background:rgba(255,255,255,0.05);}
.c100-nav-toggle{display:none;background:none;border:1px solid rgba(255,255,255,0.3);color:white;font-size:20px;padding:6px 12px;cursor:pointer;margin-left:auto;}
.c100-btn{display:inline-block;padding:13px 30px;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none;cursor:pointer;border:none;transition:background 0.2s,color 0.2s;}
.c100-btn-gold{background:var(--gold);color:var(--navy);}.c100-btn-gold:hover{background:var(--gold-dark);color:var(--navy);}
.c100-btn-navy{background:var(--navy);color:var(--white);}.c100-btn-navy:hover{background:var(--navy-mid);color:var(--white);}
.c100-btn-outline{background:transparent;color:var(--white);border:2px solid rgba(255,255,255,0.6);}.c100-btn-outline:hover{background:rgba(255,255,255,0.1);color:var(--white);}
.c100-hero{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.c100-hero-bg{position:absolute;inset:0;background-image:url('/themes/juniper/media/Wilmington_Delaware_skyline.jpg');background-size:cover;background-position:center 40%;filter:brightness(0.45);}
.c100-hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(26,39,68,0.6) 0%,rgba(26,39,68,0.85) 100%);}
.c100-hero-content{position:relative;z-index:2;max-width:750px;padding:4rem 2rem;}
.c100-hero-badge{display:inline-block;border:1px solid var(--gold);color:var(--gold);font-family:var(--font-body);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;padding:6px 20px;margin-bottom:1.5rem;}
.c100-hero-title{font-family:var(--font-display);font-size:52px;font-weight:700;color:var(--white);line-height:1.15;margin:0 0 1rem;letter-spacing:0.01em;}
.c100-hero-tagline{font-family:var(--font-body);font-size:17px;color:rgba(255,255,255,0.8);font-style:italic;margin:0 0 2rem;line-height:1.6;}
.c100-hero-btns{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;}
.c100-stats-bar{background:var(--navy-dark);border-bottom:1px solid rgba(201,168,76,0.3);}
.c100-stats-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;align-items:center;justify-content:center;}
.c100-stat{display:flex;flex-direction:column;align-items:center;padding:1.5rem 3rem;gap:4px;}
.c100-stat-num{font-family:var(--font-display);font-size:28px;color:var(--gold);line-height:1;}
.c100-stat-label{font-family:var(--font-body);font-size:11px;color:rgba(255,255,255,0.6);letter-spacing:0.1em;text-transform:uppercase;}
.c100-stat-divider{width:1px;height:40px;background:rgba(255,255,255,0.15);}
.c100-container{max-width:1200px;margin:0 auto;padding:0 2rem;}
.c100-section{padding:5rem 0;}
.c100-section-white{background:var(--white);}.c100-section-light{background:var(--off-white);}
.c100-section-header{text-align:center;margin-bottom:3rem;}
.c100-section-label{font-family:var(--font-body);font-size:11px;letter-spacing:0.2em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:0.5rem;}
.c100-label-gold{color:var(--gold)!important;}
.c100-section-title{font-family:var(--font-display);font-size:32px;font-weight:400;color:var(--navy);margin:0 0 0.5rem;}
.c100-title-white{color:var(--white)!important;}
.c100-section-rule{width:50px;height:2px;background:var(--gold);margin:1rem auto 0;}
.c100-section-footer{text-align:center;margin-top:3rem;}
.c100-events-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.c100-event-card{display:flex;gap:1.25rem;padding:1.5rem;border:1px solid var(--light-gray);background:var(--white);transition:border-color 0.2s,box-shadow 0.2s;}
.c100-event-card:hover{border-color:var(--gold);box-shadow:0 4px 20px rgba(26,39,68,0.08);}
.c100-event-date-box{background:var(--navy);color:var(--white);min-width:60px;height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;}
.c100-event-month{font-family:var(--font-body);font-size:11px;letter-spacing:0.1em;text-transform:uppercase;color:var(--gold);}
.c100-event-day{font-family:var(--font-display);font-size:22px;line-height:1;}
.c100-event-info{flex:1;}
.c100-event-title{font-family:var(--font-display);font-size:17px;font-weight:400;margin:0 0 0.4rem;line-height:1.3;}
.c100-event-title a{color:var(--navy);text-decoration:none;}.c100-event-title a:hover{color:var(--gold);}
.c100-event-meta{font-family:var(--font-body);font-size:13px;color:#889;margin:0 0 0.75rem;}
.c100-event-link{font-family:var(--font-body);font-size:12px;color:var(--gold);text-decoration:none;letter-spacing:0.05em;text-transform:uppercase;font-weight:600;border-bottom:1px solid var(--gold);padding-bottom:1px;}
.c100-events-empty{grid-column:1/-1;text-align:center;padding:3rem;color:#889;font-family:var(--font-body);font-size:15px;}
.c100-about-band{background:var(--navy);padding:5rem 0;}
.c100-about-inner{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;}
.c100-about-text p{font-family:var(--font-body);font-size:16px;color:rgba(255,255,255,0.8);line-height:1.8;margin-bottom:1rem;}
.c100-about-img-frame{width:100%;height:350px;overflow:hidden;border:4px solid rgba(201,168,76,0.4);}
.c100-cta-band{background:var(--off-white);border-top:4px solid var(--gold);padding:3.5rem 0;}
.c100-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap;}
.c100-cta-title{font-family:var(--font-display);font-size:26px;color:var(--navy);font-weight:400;margin:0 0 0.4rem;}
.c100-cta-sub{font-family:var(--font-body);font-size:15px;color:#667;font-style:italic;margin:0;}
.c100-news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;}
.c100-news-card{padding:1.75rem;border:1px solid var(--light-gray);background:var(--white);transition:border-color 0.2s;}
.c100-news-card:hover{border-color:var(--gold);}
.c100-news-date{font-family:var(--font-body);font-size:12px;color:var(--gold);letter-spacing:0.05em;text-transform:uppercase;margin-bottom:0.6rem;}
.c100-news-title{font-family:var(--font-display);font-size:19px;font-weight:400;margin:0 0 0.75rem;line-height:1.3;}
.c100-news-title a{color:var(--navy);text-decoration:none;}.c100-news-title a:hover{color:var(--gold);}
.c100-news-excerpt{font-family:var(--font-body);font-size:14px;color:#556;line-height:1.7;margin-bottom:1rem;}
.c100-footer{background:var(--navy-dark);}
.c100-footer-top{padding:4rem 0 3rem;border-bottom:1px solid rgba(255,255,255,0.1);}
.c100-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:3rem;}
.c100-footer-tagline{font-family:var(--font-body);font-size:13px;color:rgba(255,255,255,0.5);font-style:italic;line-height:1.6;margin:0;}
.c100-footer-heading{font-family:var(--font-body);font-size:11px;letter-spacing:0.15em;text-transform:uppercase;color:var(--gold);margin:0 0 1rem;font-weight:600;}
.c100-footer-links{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0.6rem;}
.c100-footer-links a{font-family:var(--font-body);font-size:14px;color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s;}
.c100-footer-links a:hover{color:var(--gold);}
.c100-footer-contact{font-family:var(--font-body);font-size:14px;color:rgba(255,255,255,0.6);margin:0 0 0.5rem;}
.c100-footer-contact a{color:var(--gold);text-decoration:none;}
.c100-footer-bottom{padding:1.25rem 0;}
.c100-footer-bottom-inner{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-body);font-size:12px;color:rgba(255,255,255,0.35);flex-wrap:wrap;gap:0.5rem;}
@media(max-width:900px){.c100-about-inner{grid-template-columns:1fr;}.c100-footer-grid{grid-template-columns:1fr 1fr;}.c100-stats-inner{flex-wrap:wrap;}.c100-hero-title{font-size:36px;}.c100-cta-inner{flex-direction:column;text-align:center;}}

@media(max-width:768px){.c100-nav-links,.c100-nav-right{display:none!important;}.c100-nav-toggle{display:block!important;}.c100-footer-grid{grid-template-columns:1fr;}.c100-hero-title{font-size:28px;}.c100-brand-text{display:none;}}
.t-nav-top, .navbar.navbar-default.navbar-static-top { display: none !important; }.c100-navbar { display: flex !important; }
.t-nav-top{display:none!important;}
.navbar.navbar-default.navbar-static-top{display:none!important;}
/* ── Mobile Nav Drawer ── */
.c100-mobile-menu { display: none; position: absolute; top: 100%; left: 0; right: 0; background: var(--navy); border-top: 3px solid var(--gold); z-index: 999; overflow: hidden; } @media(min-width:769px){.c100-mobile-menu{display:none!important;}}
.c100-mobile-menu.open { display: block !important; overflow-y: auto; }
.c100-mobile-nav-links, .c100-mobile-nav-right { list-style: none; margin: 0; padding: 0; }
.c100-mobile-nav-links li a, .c100-mobile-nav-right li a { display: block; color: rgba(255,255,255,0.9); text-decoration: none; font-family: var(--font-body); font-size: 15px; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; padding: 16px 24px; border-bottom: 1px solid rgba(255,255,255,0.08); transition: background 0.15s, color 0.15s; }
.c100-mobile-nav-links li a:hover, .c100-mobile-nav-right li a:hover { background: rgba(255,255,255,0.07); color: var(--gold); }
.c100-mobile-nav-right { border-top: 2px solid rgba(201,168,76,0.3); }
.c100-mobile-nav-right li a { color: var(--gold); }
.c100-mobile-overlay { display: none; position: fixed; inset: 0; background: rgba(0,0,0,0.5); z-index: 998; }
.c100-mobile-overlay.open { display: block; }
@media(max-width:768px) { .c100-navbar { position: relative; } .c100-nav-toggle { font-size: 22px; padding: 8px 14px; } }

/* Profile page - lighten the right panel */
#profile-index-page .col-md-8 {
    background: #fff;
    color: #333;
    padding: 20px;
    border-radius: 4px;
}
#profile-index-page .col-md-8 h3 {
    color: #1a2744;
    border-bottom: 2px solid #c9a84c;
    padding-bottom: 6px;
    margin-top: 20px;
}
#profile-index-page .col-md-8 a {
    color: #1a2744;
}
#profile-index-page .col-md-8 .table {
    background: #fff;
    color: #333;
}
#profile-index-page .col-md-4.well {
    background: #f8f8f8;
    color: #333;
    border: 1px solid #ddd;
}
#profile-index-page .col-md-4.well h3 {
    color: #1a2744;
    border-bottom: 2px solid #c9a84c;
    padding-bottom: 6px;
}

/* ---------------------------------------------------------------
   About page - Board of Directors grid.
   Source headshots range from 148x145 to 3072x4080, so the photos
   are forced to one size and cropped with object-fit rather than
   scaled, which would distort them. object-position sits slightly
   high so faces stay in frame on tall portrait crops.
   --------------------------------------------------------------- */
.c100-board-section-title {
    font-family: Georgia, serif;
    font-size: 22px;
    color: #1a2744;
    border-bottom: 2px solid #c9a84c;
    padding-bottom: 6px;
    margin: 34px 0 4px;
}
.c100-board-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));
    gap: 28px 18px;
    margin: 22px 0 38px;
}
.c100-board-card {
    text-align: center;
}
.c100-board-photo,
.c100-board-photo-placeholder {
    display: block;
    width: 170px;
    height: 170px;
    max-width: 100%;
    margin: 0 auto 12px;
    object-fit: cover;
    object-position: center 22%;
    border-radius: 3px;
    border: 1px solid #ddd;
    background: #ececec;
}
.c100-board-role {
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    font-weight: bold;
    color: #c9a84c;
    margin: 0 0 2px;
}
.c100-board-name {
    font-weight: bold;
    color: #1a2744;
    margin: 0 0 2px;
    line-height: 1.3;
}
.c100-board-company {
    font-size: 13px;
    color: #666;
    margin: 0;
    line-height: 1.35;
}
@media (max-width: 480px) {
    .c100-board-grid { grid-template-columns: repeat(auto-fill, minmax(130px, 1fr)); }
    .c100-board-photo,
    .c100-board-photo-placeholder { width: 130px; height: 130px; }
}