:root {
  --color-brand: #1dbfd6;
  --color-brand-light: #84d2e3;
  --color-green: #5cb85c;
  --color-gold: #e2bb3a;
  --color-text: #333;
  --color-text-dark: #111;
  --color-border: #e7e7e7;
  --color-border-divider: #ccc;
  --color-warning: #cd5c5c;
  --color-linkedin: #0077b5;
  --color-linkedin-hover: #005885;
}

body { font-family: "Open Sans", Helvetica, sans-serif; overflow-x: hidden; }

/* Skip Navigation */
.skip-nav { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip-nav:focus { position: fixed; top: 10px; left: 10px; width: auto; height: auto; padding: 10px 20px; background: var(--color-brand); color: #fff; font-weight: 700; font-size: 1rem; border-radius: 4px; z-index: 9999; outline: 3px solid #fff; outline-offset: 2px; text-decoration: none; border-bottom: none; }

h1, h2 { color: var(--color-brand); font-family: "Chathura", Helvetica, sans-serif; font-size: 4.5rem; font-weight: normal; margin-bottom: 20px; text-align: center; text-transform: uppercase; -webkit-transform: rotate(355deg); -moz-transform: rotate(355deg); -o-transform: rotate(355deg); }
h3 { color: var(--color-brand); font-weight: bold; margin-bottom: 0px; }
h4 { clear: both; color: #fff; font-size: 1.5rem; line-height: 2rem; text-align: center; }
h4 .btn { margin-top: 20px; }

p, section li { color: var(--color-text); font-size: 1.25rem; line-height: 2rem; margin: 0 0 20px 0; text-align: justify; }
p.warning { color: var(--color-warning); }
.our-sponsors h3 { margin-bottom: 30px; text-align: center; }
.our-sponsors p { padding-top: 10px; text-align: center; }
.text-center p { text-align: center; }

a, a:hover, a:focus, a:active, a.active { border-bottom: 1px dashed var(--color-brand); color: var(--color-brand); outline: none; text-decoration: none; }
a:focus-visible { outline: 3px solid var(--color-brand); outline-offset: 2px; border-radius: 2px; }

section { padding: 30px 0 50px 0; }

.blue { background-color: var(--color-brand); }
.blue h2, .blue h3, .blue p { color: #fff; }
.blue a { border-bottom: 1px dashed #fff; color: #fff !important; }
.blueText { font-weight: bold; color: var(--color-brand); }
.green { color: var(--color-green); }
.black { color: var(--color-text-dark); }
.white { color: #fff; }

.col-centered, .img-centered { float: none; margin: 0 auto; }

/* NavBar */
.navbar-custom { background: var(--color-brand); border: none; font-family: "Open Sans", Helvetica, sans-serif; font-weight: 700; text-transform: uppercase; }
.navbar-custom a { border-bottom: unset; outline: none; }
.navbar-custom a:focus-visible { outline: 3px solid #fff; outline-offset: 2px; border-radius: 4px; }
.navbar-custom .navbar-brand { color: white; padding: 0px; }
.navbar-custom .navbar-brand img { width: 120px; }
.navbar-custom .navbar-brand:hover, .navbar-custom .navbar-brand:focus, .navbar-custom .navbar-brand:active, .navbar-custom .navbar-brand.active { color: white; }
.navbar-custom .navbar-nav { letter-spacing: 1px; padding-top: 15px; padding-bottom: 15px; }
.navbar-custom .nav-item .nav-link { color: white; padding: 8px 14px; border-radius: 4px; transition: background-color 0.2s ease, color 0.2s ease; }
.navbar-custom .nav-item .nav-link:hover { color: white; background-color: rgba(255,255,255,0.2); outline: none; }
.navbar-custom .nav-item .nav-link:focus, .navbar-custom .nav-item .nav-link:active { color: white; }
.navbar-custom .nav-item.active .nav-link,
.navbar-custom .nav-item .nav-link.active { background-color: rgba(255,255,255,0.25); color: white; }
.navbar-custom .nav-item.active .nav-link:hover, .navbar-custom .nav-item.active .nav-link:focus, .navbar-custom .nav-item.active .nav-link:active,
.navbar-custom .nav-item .nav-link.active:hover, .navbar-custom .nav-item .nav-link.active:focus, .navbar-custom .nav-item .nav-link.active:active { background-color: rgba(255,255,255,0.25); color: white; }
.navbar-custom .navbar-toggler { color: white; text-transform: uppercase; font-size: 0.625rem; border-color: white; }
.navbar-custom .navbar-toggler:hover, .navbar-custom .navbar-toggler:focus { background-color: var(--color-brand-light); border-color: var(--color-brand-light); color: white; }

@media (min-width: 992px) {
  .navbar-custom .nav-item .nav-link { font-size: 0.875rem; padding: 8px 16px; }
}

@media (max-width: 991px) {
  .navbar-custom .nav-item .nav-link { padding: 12px 16px; font-size: 0.8125rem; border-radius: 0; }
  .navbar-custom .navbar-nav .nav-item { border-bottom: 1px solid rgba(255,255,255,0.15); }
  .navbar-custom .navbar-nav .nav-item:last-child { border-bottom: none; }
}

button.btn-extra-wide, a.btn-extra-wide { width: 260px; } /* Need To Declare button. To Ensure CSS Override */
@media (max-width: 575px) { button.btn-extra-wide, a.btn-extra-wide { width: auto; } }
.btn-outline { color: white; font-size: 1.25rem; border: solid 2px white; background: transparent; transition: all 0.3s ease-in-out; margin-top: 15px; }
.btn-outline:hover, .btn-outline:focus, .btn-outline:active, .btn-outline.active { color: var(--color-brand); background: white; border: solid 2px white; }
.btn-social { display: inline-block; height: 50px; width: 50px; border: 2px solid white; border-radius: 100%; text-align: center; font-size: 1.25rem; line-height: 45px; }
.btn:focus, .btn:active, .btn.active { outline: none; }
.btn:focus-visible { outline: 3px solid var(--color-brand); outline-offset: 3px; }

/* Header */
header { color: white; text-align: center; background: url(/img/banners/The-Small-Awards-Banner-1.jpg) 50% 0 no-repeat; background-size: cover; padding-top: clamp(200px, 40%, 550px); }
header .container-fluid { background-color: rgba(0, 0, 0, 0.52); padding-top: 36px; padding-bottom: 36px; }
header .container-fluid.header-banner-hidden { visibility: hidden; pointer-events: none; }
header h4 { display: flex; flex-direction: column; align-items: center; gap: 1.25rem; text-shadow: 0 1px 4px rgba(0,0,0,0.5); }
header h4 .btn { margin-top: 0; text-shadow: none; }
header img { display: block; padding-top: 2rem; padding-bottom: 2rem; padding-left: calc(8px + 8vw); padding-right: calc(8px + 8vw); }
header h3 { margin-top: 0px; font-size: 2rem; }
header .fas { color: var(--color-brand); margin-right: 20px; }

/* Timeline */
#theTimeline { background: url(/img/banners/The-Small-Awards-Banner-Glitter-3.jpg) 50% 0 no-repeat; background-size: cover; padding: 0px; }
#theTimeline .container-fluid { background-color: #fff; opacity: 0.8; padding-top: 30px; padding-bottom: 50px; }

.no-header { padding-top: 176px; }

/* Mobile Only */
.mobile-only { display: none !important; }

@media (max-width: 768px) {
  .mobile-only { display: inline !important; }
}

/* Row Divide Effect */
.row.vdivide [class*='col-lg']:not(:last-child) { border-right: 1px var(--color-border-divider) dashed; }
.row.vdivide-invert [class*='col-lg']:last-child { border-left: 1px var(--color-border-divider) dashed; }
.row.hdivide { border-top: 1px var(--color-border-divider) dashed; }
.pad-left { padding-left: 30px; }
.pad-right { padding-right: 30px; }
.pad-top { padding-top: 30px; }

@media (min-width: 768px) {
  .navbar-custom { padding: 25px 0; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; transition: padding 0.3s; }
  .navbar-custom .navbar-brand { font-size: 2em; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
  .navbar-custom.scrolled { padding: 10px 0; }
  .navbar-custom.scrolled .navbar-brand { font-size: 1.5em; }
}

@media (max-width: 1199px) {
  .row.vdivide [class*='col-']:not(:last-child) {  border-right: unset; }
  .row.vdivide-invert [class*='col-']:last-child { border-left: unset; }
  .pad-left, .pad-right { padding-left: 20px; padding-right: 20px; }
}

@media (max-width: 768px) {
  h2 { font-size: 3.5rem; }
  h3 { font-size: 1.25rem; }
  h4 { font-size: 1.25rem; line-height: 1.75rem; }
  p { color: var(--color-text); font-size: 1rem; line-height: 1.75rem; margin: 0 0 20px 0; }
  .navbar-custom .navbar-brand { display: none; }
  header img { padding-left: calc(8px + 32vw); padding-right: calc(8px + 32vw); }
  header h4 { gap: 1rem; }
  header h4 .btn { font-size: 1.125rem; }
  .no-header { padding-top: 60px; }
}

@media (max-width: 699px) {
  header .container-fluid { padding-top: 24px; padding-bottom: 20px; }
}

@media (max-width: 599px) {
  h1, h2 { font-size: 2.5rem; }
  header h3 { font-size: 1.6rem; }
  header img { padding-top: 1rem; padding-bottom: 1rem; }
  header .container-fluid { padding-top: 16px; padding-bottom: 12px; }
  #awardApplication .word-count { float: none; display: block; text-align: right; }
  .tsa-form-steps { font-size: 0.8125rem; }
  .tsa-step { padding: 10px 12px; gap: 6px; }
  #tsaLightbox .tsa-lightbox-close { top: -36px; right: 0; font-size: 2rem; }
}

@media (max-width: 499px) {
  header img { padding-left: calc(8px + 28vw); padding-right: calc(8px + 28vw); }
}

@media (max-width: 399px) {
  /* header img { padding: 1rem 10rem 0 10rem; } */
}

/* Forms */
#frmHidden { display: none; }

/* Buttons */
.btn { font-size: 1.25rem; }
a.btn { text-decoration: none; border-bottom: 1px solid var(--color-green); }
h4 .btn { font-size: 1.5rem; }
.btn i.fas { color: #fff; margin-right: 10px; }

/* CheckBox Style */
#keepInTouch .form-check-input { width: 1.2em; height: 1.2em; margin-top: 0.15em; flex-shrink: 0; }
#keepInTouch .form-check-label { color: #fff; font-weight: 400; }

/* Keep In Touch Form */
#frmStayInTouch { margin-top: 20px; }
#frmStayInTouch-finish { display: none; margin-top: 15px; }
.tsa-notification { display: none; background: #fff; border-radius: 8px; padding: 1rem 1.5rem; }
.tsa-notification i { font-size: 1.25rem; margin-right: 0.5rem; }
.tsa-notification--success i { color: var(--color-green); }
.tsa-notification--error i { color: var(--color-warning); }
#keepInTouch .tsa-notification p { color: var(--color-text); font-size: 1.125rem; line-height: 1.75rem; margin: 0; text-align: left; }
#keepInTouch .btn-holder { padding: 5px 0px 10px 15px; }
.btn-primary, a.btn-primary, .btn-primary:hover { background-color: var(--color-green); border: 0px solid #fff; color: #fff; }

/* Modals */
.modal-title { color: var(--color-brand); text-align: left; }
.modal-body h3 { font-size: 1.125rem; margin-bottom: 16px; }
.modal-body p { font-size: 0.9375rem; line-height: 1.4375rem; margin-bottom: 30px; }

/* Form Step Indicator */
.tsa-form-steps { display: flex; border-radius: 6px; overflow: hidden; border: 1px solid var(--color-border); }
.tsa-step { flex: 1; display: flex; align-items: center; gap: 10px; padding: 14px 20px; background: #f4f5f6; font-weight: 600; font-size: 0.875rem; color: var(--color-text); transition: background 0.3s ease, color 0.3s ease; }
.tsa-step + .tsa-step { border-left: 1px solid var(--color-border); }
.tsa-step.active { background: var(--color-brand); color: #fff; border-color: var(--color-brand); }
.tsa-step .tsa-step-num { width: 26px; height: 26px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 0.8125rem; font-weight: 700; flex-shrink: 0; background: rgba(0,0,0,0.08); }
.tsa-step.active .tsa-step-num { background: rgba(255,255,255,0.25); }
.tsa-step.completed { background: var(--color-green); color: #fff; border-color: var(--color-green); }
.tsa-step.completed .tsa-step-num { background: rgba(255,255,255,0.25); font-size: 0; }
.tsa-step.completed .tsa-step-num::before { content: "\f00c"; font-family: "Font Awesome 7 Pro"; font-size: 0.8125rem; font-weight: 900; }

/* Award Application */
#awardApplication .form-group { clear: both; }
#awardApplication textarea { clear: both; margin-bottom: 5px; }
#awardApplication label { font-size: 1rem; font-weight: 600; margin-top: 8px; }
#awardApplication h5 { font-size: 1.05rem; font-weight: 700; margin-bottom: 14px; color: var(--color-text-dark); border-bottom: 2px solid var(--color-brand); padding-bottom: 6px; }
#awardApplication .word-count { display: block; font-size: 0.8125rem; font-weight: 500; float: right; margin-top: 4px; color: var(--color-text); }
#awardApplication .word-count.text-danger { color: #dc3545 !important; }

#paymentPhaseTwo, #paymentPhaseThree, #divPaymentError { display: none; }

/* Phase 3 success panel */
.tsa-success-panel { text-align: center; padding: 2.5rem 1rem 1.5rem; }
.tsa-success-panel .tsa-success-icon { color: var(--color-green); font-size: 5rem; line-height: 1; margin-bottom: 1.5rem; }
.tsa-success-panel h3 { font-size: 1.75rem; margin-bottom: 1.25rem; }
.tsa-success-panel p { text-align: center; }
.tsa-success-panel .tsa-success-ref { font-size: 1.125rem; margin-bottom: 1.75rem; }
.tsa-success-panel .tsa-success-cta { font-size: 1rem; margin-bottom: 0.5rem; }

.margin-left { margin-left: 10px; }
.margin-bottom-super { margin-bottom: 60px; }
.margin-top { margin-top: 10px; }
.margin-top-extra { margin-top: 30px; }
.margin-top-super { margin-top: 60px; }

/* Hidden By Default */
.hide-on-load { display: none; }

/* Shortlist */
#shortlist h2 { margin-bottom: 0.5rem; }
#shortlist .shortlist-intro { font-size: 1.125rem; margin-bottom: 2rem; text-align: center; }
#shortlist .shortlist-intro i { color: var(--color-brand); margin-right: 0.5rem; }

.shortlist-category { background: #fff; border: 1px solid var(--color-border); border-radius: 8px; margin-bottom: 1.5rem; overflow: hidden; box-shadow: 0 2px 4px rgba(0,0,0,0.05); }
.shortlist-category.fade-up { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; }
.shortlist-category.fade-up.is-visible { opacity: 1; transform: translateY(0); }

.shortlist-header { background: var(--color-brand); display: flex; align-items: center; gap: 1rem; padding: 1rem 1.5rem; }
.shortlist-header > i { color: var(--color-gold); font-size: 1.5rem; flex-shrink: 0; }
.shortlist-header h3 { color: #fff; font-size: 1.25rem; margin: 0 0 2px; text-align: left; }
.shortlist-header p { color: rgba(255,255,255,0.85); font-size: 0.9375rem; font-weight: 400; line-height: 1.375rem; margin: 0; text-align: left; }

.shortlist-businesses { display: flex; flex-wrap: wrap; gap: 0.625rem; padding: 1.25rem 1.5rem; }
.shortlist-pill { align-items: center; background: #f4f5f6; border: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); border-radius: 20px; color: var(--color-text); display: inline-flex; font-size: 0.9375rem; gap: 0.4rem; padding: 0.375rem 1rem; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
.shortlist-pill i { color: var(--color-gold); font-size: 0.8125rem; }
a.shortlist-pill { border-bottom: 1px solid var(--color-border); }
a.shortlist-pill:hover, a.shortlist-pill:focus { background: var(--color-brand); border-color: var(--color-brand); border-bottom-color: var(--color-brand); color: #fff; }
a.shortlist-pill:hover i, a.shortlist-pill:focus i { color: rgba(255,255,255,0.85); }
@media (min-width: 576px) and (max-width: 767px) { .shortlist-businesses { display: grid; grid-template-columns: 1fr 1fr; } }
@media (max-width: 575px) { .shortlist-businesses { flex-direction: column; gap: 0.5rem; padding: 1rem; } .shortlist-pill { width: 100%; } }

.shortlist-year-nav { display: flex; flex-wrap: wrap; gap: 0.625rem; justify-content: center; margin: 1.5rem auto 0; }
.shortlist-year-btn { background: #f4f5f6; border: 1px solid var(--color-border); border-radius: 20px; color: var(--color-text); display: inline-block; font-size: 0.9375rem; padding: 0.375rem 1rem; text-decoration: none; transition: background 0.2s ease, border-color 0.2s ease, color 0.2s ease; }
a.shortlist-year-btn:hover, a.shortlist-year-btn:focus { background: var(--color-brand); border-color: var(--color-brand); color: #fff; }
.shortlist-year-btn.active { background: var(--color-brand); border-color: var(--color-brand); color: #fff; }

/* Sponsorship */
#sponsorship .sponsorship-intro { font-size: 1.25rem; text-align: center; max-width: 640px; margin: 0 auto; }

.sponsorship-stat { padding: 24px 12px; text-align: center; }
.sponsorship-stat-number { color: var(--color-brand); font-family: "Chathura", Helvetica, sans-serif; font-size: 3.5rem; font-weight: 700; line-height: 1; margin-bottom: 8px; }
.sponsorship-stat-label { color: var(--color-text); font-size: 1rem; line-height: 1.4rem; }

#sponsorship-advantages { background: #f8f9fa; }
.sponsorship-benefit { background: #fff; border: 1px solid var(--color-border); border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.05); display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 32px 24px; text-align: center; transition: opacity 0.5s ease, transform 0.5s ease; }
.sponsorship-benefit i { color: var(--color-brand); display: block; font-size: 2rem; margin-bottom: 16px; }
.sponsorship-benefit p { color: var(--color-text); font-size: 1rem; line-height: 1.6rem; margin: 0; text-align: center; }
.sponsorship-benefit.fade-up { opacity: 0; transform: translateY(24px); }
.sponsorship-benefit.fade-up.is-visible { opacity: 1; transform: translateY(0); }

#sponsorship-categories { text-align: center; }
#sponsorship-categories h2 { margin-bottom: 20px; }
#sponsorship-categories p { max-width: 560px; margin-left: auto; margin-right: auto; text-align: center; }

#frmSponsorshipPack #alert_danger, #frmSponsorshipPack #alert_success { display: none; }

@media (max-width: 599px) {
  .sponsorship-stat-number { font-size: 2.25rem; }
  .sponsorship-stat-label { font-size: 0.8125rem; line-height: 1.2rem; }
}

/* Judges */
#judges h2 { margin-bottom: 30px; }
#judges .row-judges { display: flex; flex-wrap: wrap; margin-bottom: 10px; }
#judges .row-judges > [class*='col-'] { display: flex; flex-direction: column; }
#judges .judge-card { background-color: #fff; border: 1px solid var(--color-border); border-radius: 8px; padding: 25px; margin-bottom: 20px; flex: 1; box-shadow: 0 2px 4px rgba(0,0,0,0.05); transition: opacity 0.5s ease, transform 0.5s ease, box-shadow 0.2s ease, border-color 0.2s ease; }
#judges .judge-card::after { content: ''; display: table; clear: both; }
#judges .judge-card:hover { box-shadow: 0 4px 12px rgba(0,0,0,0.1); border-color: var(--color-brand); }
#judges .judge-card.fade-up { opacity: 0; transform: translateY(24px); }
#judges .judge-card.fade-up.fade-up-delayed { transition-delay: 150ms; }
#judges .judge-card.fade-up.is-visible { opacity: 1; transform: translateY(0); }
#judges .judge-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; }
#judges .judge-header h3 { margin: 0; font-size: 1.5rem; color: var(--color-brand); }
#judges .judge-photo-wrap { float: left; width: 150px; margin: 0 20px 10px 0; }
#judges .judge-photo-wrap img { width: 100%; border-radius: 4px; }
#judges .judge-bio p { line-height: 1.6; font-weight: 500; margin-bottom: 10px; text-align: left; }

@media (max-width: 767px) {
  #judges .judge-photo-wrap { width: 100px; margin: 0 15px 10px 0; }
}
#judges .linkedin-link { font-size: 1.5rem; color: var(--color-linkedin); border-bottom: none; transition: color 0.2s ease; }
#judges .linkedin-link:hover, #judges .linkedin-link:focus, #judges .linkedin-link:visited { color: var(--color-linkedin-hover); border-bottom: none; }

/* Lightbox */
body.noscroll { overflow: hidden; }
#tsaLightbox { display: none; position: fixed; inset: 0; z-index: 1090; align-items: center; justify-content: center; padding: 20px; }
#tsaLightbox.open { display: flex; animation: tsaLightboxFadeIn 0.2s ease forwards; }
@keyframes tsaLightboxFadeIn { from { opacity: 0; } to { opacity: 1; } }
#tsaLightbox .tsa-lightbox-backdrop { position: absolute; inset: 0; background: rgba(0,0,0,0.88); cursor: pointer; }
#tsaLightbox .tsa-lightbox-content { position: relative; display: flex; flex-direction: column; align-items: center; max-width: 90vw; }
#tsaLightbox .tsa-lightbox-close { position: absolute; top: -48px; right: -8px; background: none; border: none; color: #fff; font-size: 2.5rem; line-height: 1; cursor: pointer; padding: 4px 8px; opacity: 0.75; transition: opacity 0.2s; }
#tsaLightbox .tsa-lightbox-close:hover { opacity: 1; }
#tsaLightbox .tsa-lightbox-img { max-width: 100%; max-height: calc(90vh - 80px); object-fit: contain; border-radius: 4px; box-shadow: 0 8px 40px rgba(0,0,0,0.6); display: block; }
#tsaLightbox .tsa-lightbox-title { color: #fff; font-size: 1rem; font-weight: 600; margin: 14px 0 0; text-align: center; }

/* Hall of Fame */
#hall-of-fame .award > div { margin-top: 20px; }
#hall-of-fame .hof-card { position: relative; overflow: hidden; border-radius: 4px; transition: opacity 0.5s ease, transform 0.5s ease; }
#hall-of-fame .hof-card img { width: 100%; display: block; }
#hall-of-fame .hof-card .hof-caption { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.62); padding: 10px 24px 12px; text-align: center; min-height: 110px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
#hall-of-fame .hof-card .hof-caption h3 { color: #fff; font-size: 1.375rem; margin: 4px 0; text-shadow: 0 1px 3px rgba(0,0,0,0.4); }
#hall-of-fame .hof-card .hof-caption h3 i { color: var(--color-brand); text-shadow: none; }
#hall-of-fame .hof-card .hof-caption p i { color: var(--color-gold); text-shadow: none; }
#hall-of-fame .hof-card .hof-caption p { color: #fff; margin: 4px 0 0; }
#hall-of-fame .hof-card .hof-caption a { color: rgba(255,255,255,0.9); border-bottom-color: rgba(255,255,255,0.4); font-size: 1.5rem; }
#hall-of-fame .hof-card .hof-caption a:hover { color: #fff; border-bottom-color: rgba(255,255,255,0.8); }
#hall-of-fame .hof-card.fade-up { opacity: 0; transform: translateY(24px); }
#hall-of-fame .hof-card.fade-up.fade-up-delayed { transition-delay: 150ms; }
#hall-of-fame .hof-card.fade-up.is-visible { opacity: 1; transform: translateY(0); }

#hall-of-fame #aNext, #hall-of-fame #aPrev { color: #fff; margin-top: 20px; width: 100%; }
#hall-of-fame #aNext i { margin-left: 10px; }

@media (max-width: 1199px) {
  #hall-of-fame .hof-card .hof-caption a { font-size: 1.125rem; }
  #hall-of-fame .hof-card .hof-caption h3 { font-size: 1.125rem; }
}
@media (max-width: 991px) {
  #hall-of-fame .hof-card .hof-caption a { font-size: 0.9375rem; }
  #hall-of-fame .hof-card .hof-caption h3 { font-size: 0.9375rem; }
}
@media (max-width: 767px) {
  #hall-of-fame .hof-card .hof-caption { min-height: 72px; padding: 6px 16px 8px; }
  #hall-of-fame .hof-card .hof-caption a { font-size: 1rem; }
  #hall-of-fame .hof-card .hof-caption h3 { font-size: 1rem; }
}
@media (max-width: 599px) {
  #hall-of-fame .hof-card .hof-caption a { font-size: 0.9375rem; }
  #hall-of-fame .hof-card .hof-caption h3 { font-size: 0.9375rem; }
}
@media (max-width: 539px) {
  #hall-of-fame .hof-card .hof-caption a { font-size: 0.9375rem; }
  #hall-of-fame .hof-card .hof-caption h3 { font-size: 0.9375rem; }
}
@media (max-width: 449px) {
  #hall-of-fame .hof-card .hof-caption a { font-size: 0.8125rem; }
  #hall-of-fame .hof-card .hof-caption h3 { font-size: 0.8125rem; }
}

/* Footer */
footer { color: white; }
footer a { color: white; border-bottom: 1px dashed white; }
footer a:hover { color: white; border-bottom: 1px dashed white; }
footer h3 { margin-bottom: 30px; }
footer .footer-above { padding-top: 40px; background-color: var(--color-brand); }
footer .footer-col { margin-bottom: 40px; }
footer .footer-col p.further-info { color: #fff; margin-top: 25px; }

/* Administration — Dashboard */
.admin-alerts { display: none; margin-top: 20px; }
.admin-content p { margin: 20px 0 20px 0; }
.admin-section { padding: 1.25rem 0; border-bottom: 1px solid #dee2e6; }
.admin-section:last-child { border-bottom: none; padding-bottom: 0; }
.admin-section-heading { font-size: 0.8125rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.07em; color: var(--color-brand); margin-bottom: 0.875rem; }
.admin-section-actions { display: flex; flex-wrap: wrap; gap: 0.5rem; }

/* Administration — Application Report */
.app-card { margin-bottom: 1.5rem; border: 1px solid #dee2e6; border-radius: 6px; overflow: hidden; }
.app-card .card-header { background-color: var(--color-brand); color: #fff; font-size: 1rem; padding: 0.65rem 1rem; display: flex; justify-content: space-between; align-items: center; }
.app-card .card-header .app-badge { background: rgba(255,255,255,0.22); color: #fff; font-size: 0.75rem; font-weight: 700; padding: 0.2em 0.55em; border-radius: 4px; letter-spacing: 0.04em; }
.app-card .card-body { padding: 1.25rem; }
.app-fields { margin-bottom: 1rem; }
.app-fields p { font-size: 0.9375rem; line-height: 1.6rem; margin: 0 0 0.2rem; }
.app-question { background: #f8f9fa; border-left: 3px solid var(--color-brand); padding: 0.75rem 1rem; margin-top: 1rem; border-radius: 0 4px 4px 0; }
.app-question p.question { color: var(--color-brand); font-weight: 700; font-size: 0.875rem; margin: 0 0 0.4rem; }
.app-question p.answer { font-size: 0.9375rem; line-height: 1.7rem; margin: 0; }