/* ============================================================
   GREENE SEMINARS — greene.css
   Foundation 6 / PHP 8.3 — updated 2026
   ============================================================ */

/* ── BASE ─────────────────────────────────────────────────── */
body { background: #f3fff9; }

/* ── LINKS ─────────────────────────────────────────────────── */
/* Opacity raised from 0.5 to 0.85 for WCAG AA contrast */
a:link    { color: rgba(20, 80, 128, 0.85); }
a:visited { color: rgba(48, 75, 75, 0.85); }
a:hover   { color: rgba(48, 75, 75, 1); }
a:active  { color: #304b4b; }

/* ── TYPOGRAPHY ────────────────────────────────────────────── */
h1 {
    font-family: 'Martel', serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 3em;
    color: rgba(46, 44, 44, 0.9);
}

h4 {
    line-height: 1.2em;
    padding: 0;
    margin-bottom: .5em;
    font-size: 1.8em;
}

h5 {
    line-height: normal;
    padding: 0;
    margin: 0;
    font-size: 1.3em;
}

/* ── LAYOUT SPACING ────────────────────────────────────────── */
.push        { margin-top: 3em;  margin-bottom: 2em; }
.pushed      { margin-top: 1em;  margin-bottom: 2em; }
.smallpush   { margin: 1em 0; }

.push h1 {
    font-family: 'Martel', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 2em;
    color: rgba(46, 44, 44, 0.9);
    line-height: 1.1em;
}

.push p {
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
    font-weight: 400;
    color: rgba(46, 44, 44, 0.9);
}

/* ── ACTION BOXES ──────────────────────────────────────────── */
.actionbox {
    border-top: 0;
    border-left:   1px solid rgba(187, 219, 209, 0.8);
    border-bottom: 1px solid rgba(187, 219, 209, 0.8);
    border-right:  1px solid rgba(187, 219, 209, 0.8);
    margin-bottom: 1em;
    background: rgba(187, 219, 209, 0.2);
}

.actiontitle {
    background: rgba(187, 219, 209, 0.6);
    padding: .3em .4em;
    color: rgba(30, 40, 35, 0.95);
    font-family: 'Martel', serif;
    font-size: 1.5em;
}

.actioncopy {
    padding: .4em;
    color: rgba(30, 40, 35, 0.95);
    font-family: 'Poppins', sans-serif;
    font-size: 1em;
}

.actioncopy ul { font-size: 1em; }
.actioncopy a  { color: #1a5080; }

.lesser-shadow { box-shadow: 0 0 1px 0 rgba(8, 8, 8, 0.3); }

/* ── EVENT / CONTENT ELEMENTS ──────────────────────────────── */
.event-title   { font-size: 1.4em; padding-bottom: .5em; }
.speakers      { font-size: 1em;   padding-bottom: .5em; }
.shortdesc     { font-size: .85em; padding-bottom: .5em; color: rgba(30, 40, 35, 0.85); }
.credentials   { font-size: .55em; }
.date          { font-size: .8em; }
.time          { font-size: .8em; }
.attention     { font-size: .8em; color: #6b3a3a; line-height: normal; }
.photo-caption { font-size: .9em; line-height: normal; }
.warning       { color: #c0392b; }

/* Contrast fix: white text on pale green failed WCAG AA */
.soldout {
    background: rgba(40, 110, 65, 0.9);
    color: #ffffff;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    padding: .2em .4em;
}

/* ── LABELS ────────────────────────────────────────────────── */
.label              { margin: 2px; padding: 3px 6px; opacity: 1; }
.label:hover        { opacity: 0.75; }
.label.out          { opacity: 0.6; }

/* Prevent global a:link colour bleeding into coloured labels */
.label,
.label:link,
.label:visited,
a.label,
a.label:link,
a.label:visited { color: #fff !important; }
a.label:hover   { color: #fff !important; opacity: 0.85; }

/* ── DESKTOP NAV ───────────────────────────────────────────── */
#btnbar {
    font-family: 'Pragati Narrow', sans-serif;
    font-weight: 300;
    text-align: right;
}

#btnbar a:link    { color: rgba(20, 80, 128, 0.91); font-size: 1.7em; font-family: 'Pragati Narrow', sans-serif; font-weight: 300; text-decoration: none; }
#btnbar a:visited { color: rgba(20, 80, 128, 0.91); }
/* Hover: dark teal instead of near-white which was invisible on light bg */
#btnbar a:hover   { color: rgba(20, 70, 60, 1); }
#btnbar a:active  { color: rgba(20, 80, 128, 0.8); }
#btnbar a.selected{ color: rgba(109, 122, 121, 1); }

/* ── FOOTER ────────────────────────────────────────────────── */
#footer {
    width: 100%;
    background: rgba(163, 144, 85, 0.15);
    color: #252424;
    font-family: Arial, Helvetica, sans-serif;
    font-size: .8em;
    padding: .5em 2em;
    margin-top: 1em;
}

#footer li        { list-style: none; margin-bottom: .5em; }
#footer a         { text-decoration: none; }
/* Footer links: was #fbfafa (white on light bg) — unreadable */
#footer a:link    { color: rgba(40, 45, 42, 0.9); }
#footer a:visited { color: rgba(40, 45, 42, 0.9); }
#footer a:hover   { color: rgba(20, 80, 128, 0.9); }
#footer a:active  { color: rgba(40, 45, 42, 0.9); }

/* ── SPEAKER IMAGE ─────────────────────────────────────────── */
.speaker-img {
    border: 1px solid rgba(29, 76, 43, 0.95);
    cursor: pointer;
    opacity: 1;
}

.speaker-img:hover {
    opacity: 0.8;
    border: 1px solid rgba(255, 200, 0, 0.95);
}

/* ── GALLERY ───────────────────────────────────────────────── */
.shadowed       { box-shadow: 1px 1px 2px 1px #222; margin-bottom: 1em; }
.gallerycaption { font-family: "Pragati Narrow", sans-serif; font-size: 1.2em; }

/* ── AD SERVER ─────────────────────────────────────────────── */
.advertise { background: rgba(226, 235, 207, 1); }
.tinier    { font-family: "Pragati Narrow", sans-serif; font-size: .8em; line-height: 1em; padding: .5em; }
.liner     { border: 1px solid rgba(80, 80, 80, 0.5); }

#wcpt-desktop,
#wcpt-mobile { animation: fadein 4s; }

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* ── MISC ──────────────────────────────────────────────────── */
.bordered { border: 1px solid #605c5c; }
.brad     { border-radius: 3px; }
.padthis  { margin-top: 1em; }
.modalbg  { background: linear-gradient(#efefda 39.07%, rgba(231,216,216,0.9) 85.1%); }

.linkout { opacity: .6; transition: opacity .2s ease-out; }
.linkout:hover { opacity: 1; }

/* ── MEDIA BOX (gallery thumbnails) ───────────────────────── */
div.mediabox {
    background: rgba(100, 99, 88, .5);
    padding: .4em;
    font-size: .9em;
    border-radius: 5px;
    text-align: center;
}

div.mediabox:hover {
    background: rgba(100, 99, 88, .8);
    cursor: pointer;
}

/* ── MOBILE NAV stubs (handled in inc-globalnav26.php) ─────── */
.slicknav_menu { display: none; }
#menu          { display: none; }