.hero { position: relative; margin-top: -140px; background-image: url('https://www.meylercampbell.com/wp-content/uploads/2026/02/Meyler-Graduation-2024-629-scaled-1.webp'); background-size: cover; background-position: 0 -150px; background-repeat: no-repeat; display: flex; align-items: center; min-height: 420px; } @media (max-width: 1150px) { .hero { background-position: 0 0; } } .hero::before { content: ''; position: absolute; inset: 0; background-color: #86754e; opacity: 0.8; } .hero > .container-fluid { position: relative; z-index: 1; } nav.navbar { box-shadow: none !important; } .hero-copy, .dev-logo { position: relative; z-index: 1030; } .dev-logo { margin-top: -10px; } .hero-copy h2 { font-size: 48px; font-weight: bold; line-height: 48px; color: #fff; margin: 0; padding: 0; max-width: 760px; } .hero-copy strong { color: #fff !important; font-weight: normal; } .hero-copy p { color: #fff; max-width: 760px; line-height: 1.45; padding: 0; margin-top: 20px; } .hero-copy p a { color: inherit; transition: none !important; border-bottom: 0 !important; font-size: 16px; line-height: 16px; text-decoration: none; margin: 0 !important; font-weight: bold; } .hero-copy p a:hover, .more-link:hover { border: none !important; text-decoration: underline !important; } .no-decoration { text-decoration: none !important; color: #000; } .mc-events-archive { padding: 70px 0; background: #fff; } .mc-events-layout { --bs-gutter-x: 70px; } .mc-events-filters__title { padding-bottom: 14px; margin-bottom: 0; font-size: 24px; } .mc-events-filter-form { margin: 0; } .mc-events-filter-group { border-top: 1px solid #d4d4d4; } .mc-events-filter-group:last-of-type { border-bottom: 1px solid #d4d4d4; } .mc-events-filter-toggle { width: 100%; border: 0; background: transparent; padding: 15px 0; display: flex; justify-content: space-between; align-items: center; font-family: 'TGBold'; font-size: 14px; line-height: 1.2; color: #000; cursor: pointer; text-align: left; } .mc-events-filter-toggle span:last-child { font-family: Arial, sans-serif; font-weight: normal; font-size: 20px; line-height: 1; } .mc-events-filter-group.is-open .mc-events-filter-toggle span:last-child { transform: rotate(45deg); } .mc-events-filter-panel { display: none; padding: 0 0 16px; } .mc-events-filter-group.is-open .mc-events-filter-panel { display: block; } .mc-events-filter-option { display: flex; align-items: flex-start; gap: 9px; margin: 0 0 10px; font-size: 14px; line-height: 1.35; color: #525252; cursor: pointer; } .mc-events-filter-option input { margin-top: 2px; } .mc-events-toggle-filter { border-top: 1px solid #d4d4d4; } .mc-events-toggle-filter:last-of-type { border-bottom: 1px solid #d4d4d4; } .mc-events-toggle-filter label { width: 100%; padding: 15px 0; margin: 0; display: flex; align-items: center; gap: 10px; font-family: 'TGBold'; font-size: 14px; line-height: 1.2; color: #000; cursor: pointer; } .mc-events-toggle-filter input { width: 15px; height: 15px; margin: 0; accent-color: var(--accent); } .mc-events-toggle-filter label:hover span { color: var(--accent); } .mc-events-filter-actions { display: flex; gap: 10px; align-items: center; margin-top: 18px; } .mc-events-filter-submit, .mc-events-filter-clear { min-height: 36px; padding: 0 16px; border: 0; display: inline-flex; align-items: center; justify-content: center; text-decoration: none; font-family: 'TGBold'; font-size: 12px; text-transform: uppercase; } .mc-events-filter-submit { background: var(--accent); color: #fff; } .mc-events-filter-clear { background: #d4d4d4; color: #000; } .mc-events-filter-note { margin: 0; font-size: 12px; line-height: 1.4; color: #969696; } .mc-events-active-filters { margin-bottom: 20px; color: #525252; font-size: 14px; } .mc-events-list { border-top: 1px solid #d4d4d4; } .mc-event-row { display: grid; grid-template-columns: 44px minmax(0, 1fr) 300px; gap: 28px; padding: 35px 0; border-bottom: 1px solid #d4d4d4; align-items: start; } .mc-event-date { text-align: center; text-transform: uppercase; } .mc-event-date__month { font-size: 10px; line-height: 1; margin-bottom: 4px; } .mc-event-date__day { font-family: 'TGBold'; font-size: 28px; line-height: 1; } .mc-event-meta { display: flex; align-items: center; gap: 2px 18px; flex-wrap: wrap; margin-bottom: 8px; font-family: 'TGBold'; font-size: 11px; line-height: 1.3; text-transform: uppercase; color: #525252; } .mc-event-format { color: #000; text-transform: none; } .mc-event-category-eyebrow { display: block; margin: 0; font-family: 'TGBold'; font-size: 20px; line-height: 1.2; text-transform: uppercase; color: #000; } .mc-event-title { max-width: 470px; margin: 0 0 16px; padding: 0; font-size: 27px; line-height: 1; } .mc-event-title a { color: inherit; text-decoration: none; } .mc-event-title a:hover, .mc-event-more:hover { color: var(--accent); } .mc-event-copy { max-width: 430px; color: #525252; line-height: 1.45; } .mc-event-more { color: #000; text-decoration: none; font-family: 'TGBold'; font-size: 15px; } .mc-event-image { width: 100%; height: 215px; object-fit: cover; display: block; background: #d4d4d4; } .mc-events-empty { padding: 35px 0; border-bottom: 1px solid #d4d4d4; } @media (max-width: 991px) { .mc-events-hero { margin-top: -80px; min-height: 500px; padding-bottom: 90px; } .mc-events-hero .hero-copy { margin-top: 100px; } .mc-events-hero .hero-copy h2 { font-size: 42px; line-height: 44px; } .mc-events-layout { --bs-gutter-x: 24px; } .mc-events-filters { margin-bottom: 35px; } .mc-event-row { grid-template-columns: 44px 1fr; } .mc-event-image { grid-column: 2; max-width: 360px; } } @media (max-width: 575px) { .mc-events-hero { margin-top: -60px; min-height: 420px; padding-bottom: 60px; } .mc-events-hero .hero-copy { margin-top: 80px; } .mc-events-hero .hero-copy h1 { font-size: 22px !important; line-height: 24px !important; } .mc-events-hero .hero-copy h2 { font-size: 34px; line-height: 36px; } .mc-event-row { grid-template-columns: 1fr; gap: 16px; } .mc-event-date { text-align: left; display: flex; align-items: flex-end; gap: 6px; } .mc-event-image { grid-column: auto; max-width: 100%; } .mc-events-footer-actions { justify-content: flex-start; } } .mc-events-tag-search-wrap { margin-bottom: 12px; } .mc-events-tag-search { width: 100%; min-height: 38px; border: 1px solid #d4d4d4; padding: 6px 10px; font-size: 14px; color: #525252; } .mc-events-tag-options { display: flex; flex-wrap: wrap; gap: 8px; max-height: 220px; overflow-y: auto; padding-right: 4px; } .mc-events-tag-option { display: inline-flex; align-items: center; gap: 7px; padding: 7px 10px; background: #e8e8e8; color: #111; font-size: 13px; line-height: 1; cursor: pointer; } .mc-events-tag-option input { margin: 0; accent-color: var(--accent); } .mc-events-tag-option:hover, .mc-events-tag-option:has(input:checked) { background: var(--accent); color: #fff; } .mc-event-format--members-only { color: var(--accent); } .mc-event-format--featured { display: inline-flex; align-items: center; background: #8E7A49; color: #fff; padding: 4px 8px; line-height: 1; } @media (max-width: 991px) and (min-width: 576px) { .mc-events-archive { padding: 48px 0; } .mc-events-layout { --bs-gutter-x: 24px; } .mc-events-filters { margin-bottom: 36px; } .mc-events-main { width: 100%; } .mc-event-row { grid-template-columns: 64px minmax(0, 1fr); gap: 18px; padding: 28px 0; align-items: start; } .mc-event-date { text-align: left; } .mc-event-date__month { font-size: 10px; margin-bottom: 4px; } .mc-event-date__day { font-size: 28px; } .mc-event-content { min-width: 0; } .mc-event-meta { gap: 8px 12px; margin-bottom: 8px; font-size: 10px; line-height: 1.35; } .mc-event-title { max-width: none; font-size: 24px; line-height: 1.05; margin-bottom: 12px; } .mc-event-copy { max-width: none; font-size: 14px; line-height: 1.45; margin-bottom: 12px; } .mc-event-row > a { grid-column: 1 / -1; display: block; width: 100%; } .mc-event-image { grid-column: auto; width: 100%; max-width: none; height: 260px; margin-top: 8px; object-fit: cover; } } .mc-events-pdf-download { background: #fff; color: #86754e; text-transform: uppercase; font-size: 16px; position: relative; font-weight: bold; font-family: "TGBOLD"; text-decoration: none; width: auto; display: inline-block; padding: 12px 16px; transition: 0.3s !important; border: 2px solid #fff; margin-top: 24px; } .mc-events-pdf-download:hover { background: #86754E; color: #fff; border: 2px solid #000 !important; }