@charset "utf-8";
/*! GG Archives • Styles 2025 v1.3 https://www.ggarchives.com/Assets/css/Styles2025v1.3.css 2025-09-07 */

/* =========================================================
   0) Design Tokens
   ========================================================= */
:root{
  /* Brand */
  --gga-blue-900:#002142;
  --gga-blue-800:#003366;
  --gga-blue-600:#336699;
  --gga-blue-300:#7aa7d9;

  --gga-orange-600:#FC6412;
  --gga-orange-500:#ff862d;

  --ink-900:#111;
  --ink-800:#222;
  --ink-700:#333;
  --ink-600:#444;
  --ink-500:#555;

  --paper:#ffffff;
  --paper-muted:#f7f7f8;
  --line:#e1e4e8;

  --radius-sm:6px;
  --radius-md:10px;
  --shadow-1:0 1px 3px rgba(0,0,0,.12);
  --shadow-2:0 2px 8px rgba(0,0,0,.15);

  --transition:120ms ease-in-out;
}

/* =========================================================
   1) Base & Typography
   ========================================================= */
html{box-sizing:border-box;}
*,*::before,*::after{box-sizing:inherit;}

body{
  margin:0;
  color:var(--ink-800);
  background:var(--paper);
  font:16px/1.55 Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1,h2,h3,h4{
  margin:.4em 0 .3em;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-weight:700;
  line-height:1.25;
  padding:0;
  text-align:left;
}

h1{font-size:1.6rem;color:var(--gga-orange-600);}
h2{font-size:1.35rem;color:var(--gga-orange-600);}
h3{font-size:1.15rem;color:var(--gga-blue-900);}
h4{font-size:1rem;color:var(--gga-blue-900);}

p,ul,ol,dd,dt{font-size:1rem;line-height:1.6;margin:.6em 0;}
ul{padding-left:1.25rem;}
ol{padding-left:1.4rem;}

a{
  color:var(--gga-blue-800);
  text-decoration:none;
  transition:color var(--transition);
}
a:hover{color:var(--gga-orange-600);text-decoration:underline;}
a:focus{outline:2px solid var(--gga-orange-600);outline-offset:2px;}

/* =========================================================
   2) Layout Shell
   ========================================================= */
#pageWrapper{color:#303030;}
#topBanner{background:var(--gga-orange-500);text-align:center;}
#topBanner img{width:100%;display:block;}

.navbar-row{flex-direction:column-reverse;}
.navbar-top{
  background:#222;border-color:#080808;
  padding:.2rem 1rem !important;
}
.navbar-top .nav-link{
  font-size:1rem;
  padding:0 .8rem !important;
  color:#fff !important;
  transition:filter var(--transition);
}
.navbar-top .nav-link:hover{filter:brightness(1.1);}

#primaryContent{
  padding:10px;
  background:#fff;
  border-left:1px solid var(--gga-orange-600);
  border-right:1px solid var(--gga-orange-600);
}

/* Left Global Nav */
#leftGlobalNav{font-size:1rem;}
#leftGlobalNav p{
  font-size:1.05rem;line-height:1.8;
  background:#003366; /* fixed from #00366 */
  color:#fff;font-weight:700;margin:.5rem 0 .25rem;
  padding:.25rem .5rem;border-left:5px solid var(--gga-orange-600);
  border-radius: var(--radius-sm);
}
#leftGlobalNav ul{list-style:none;margin:0 0 .6rem;padding:0;}
#leftGlobalNav li{margin-bottom:2px;}
#leftGlobalNav li a{
  display:block;padding:.4rem .6rem;
  background:var(--gga-orange-500);
  color:#000;font-weight:700;
  border-left:4px solid #ccc;
  transition:background var(--transition),color var(--transition),border-color var(--transition);
}
#leftGlobalNav li a:hover{
  background:#eaeaea;color:var(--gga-blue-800);
  border-left-color:var(--gga-blue-800);
}

/* Right Side Column */
#rightSide{margin:0;padding:0;}
#rightSide ul{list-style:circle;margin-left:1.25rem;padding:0;border:0;}
#rightSide p.colorDkBlue{
  background:var(--gga-orange-500);color:var(--gga-blue-900);
  font-weight:700;font-variant:small-caps;
  margin:8px;padding:5px;border-radius: var(--radius-sm);
}

/* Breadcrumbs */
#breadcrumbNav{
  padding:0 5px;margin:0 0 10px 0;
  border-bottom:1px solid var(--gga-blue-800);
  background:#fff;color:var(--gga-blue-800);
  font:700 .9rem/1.6 Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#breadcrumbNav a{color:var(--gga-blue-800);padding-right:8px;}
#breadcrumbNav a:hover{background:transparent;text-decoration:underline;}
.breadcrumb-item+.breadcrumb-item{padding-left:0;}
.breadcrumb-item.active{font-weight:700;}

/* Footer */
.page-footer{background:#222;color:#fff;}
.page-footer h3,.page-footer h4{color:#fff;}
#footerSection{padding:10px 0 20px;text-align:center;color:#000;font-size:.9em;}
#footerSection ul{margin:0;padding:0;color:#fff;}
#footerSection ul li{list-style:none;text-align:left;}
#footerGlobalNav,#footerGlobalSubNav{
  margin:0 auto 15px;border-top:1px solid var(--gga-blue-800);
}
#footerGlobalNav ul,#footerGlobalSubNav ul{
  list-style:none;text-align:center;margin:0;padding:0;
}
#footerGlobalNav li,#footerGlobalSubNav li{display:inline;margin:0 5px;}
#footerGlobalNav a,#footerGlobalSubNav a{
  display:inline-block;padding:2px 8px;border:1px solid #ccc;
  color:#fff;background:var(--gga-orange-600);
}
#footerGlobalNav a:hover,#footerGlobalSubNav a:hover{
  color:var(--gga-blue-800);background:#eaeaea;border-color:var(--gga-orange-600);
}

/* =========================================================
   3) Media & Imagery
   ========================================================= */
img{
  display:block;max-width:100%;height:auto;margin:10px auto 0;
  border:1px solid var(--gga-blue-800);
  background:var(--gga-orange-600);
  padding:1px;
}

/* Captions (dignified) */
.imageCaption,.imageCaptionLR{
  text-align:left;font-style:italic;font-weight:400;
  font-size:.95rem;line-height:1.4;color:#444;
  background:#f9f9f9;border-left:3px solid #bbb;
  padding:.5em .7em;margin:.5em 0;border-radius: var(--radius-sm);
}
.imageCaption{margin:0 15px 0 10px;}
.imageCaptionLR{margin:0 0 0 5px;}

/* Legacy for Link Text, Long Highlights to Avoid Too Long H2-h4*/
.anchorText {
  text-decoration: none;
  font-weight: bold;
  font-style: italic;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* =========================================================
   4) Components
   ========================================================= */
/* Carded sections used across the site */
.borderedSection{
  background:#fff;border:1px solid #aaa;border-radius: var(--radius-sm);
  padding:12px 16px;margin:4px 6px;box-shadow:var(--shadow-1);
}
.borderedSection.light{box-shadow:var(--shadow-1);}
.borderedSection.medium{box-shadow:var(--shadow-2);border-radius:12px;}
.borderedSection.strong{box-shadow:0 4px 12px rgba(0,0,0,.25);border-radius:16px;}

/* Exhibit Pair (Placard + Transcription) */
.exhibitPair{display:flex;flex-wrap:wrap;gap:20px;margin:20px auto;max-width:1100px;}
.borderedSection-placard{
  flex:1 1 45%;background:#fdfdfd;border:1px solid #ccc;border-radius:12px;
  padding:18px 22px;box-shadow:var(--shadow-2);
  font-family:Georgia, "Times New Roman", serif;line-height:1.6;color:#2a2a2a;
}
.borderedSection-transcription{
  flex:1 1 45%;background:#fff;border:1px solid #000;border-radius:2px;
  padding:18px 22px;box-shadow:0 2px 6px rgba(0,0,0,.1);
  font-family:"Courier New", Courier, monospace;font-size:.95rem;line-height:1.5;
  white-space:pre-wrap;
}
.borderedSection-placard h3,.borderedSection-transcription h3{
  text-align:center;margin:.2rem 0 .8rem;
}
.borderedSection-placard h3{
  font-weight:600;letter-spacing:.3px;border-bottom:1px solid #ddd;padding-bottom:6px;
}
.borderedSection-transcription h3{
  font-weight:700;text-transform:uppercase;border-bottom:1px solid #000;padding-bottom:4px;
}

/* Notes Framework (single, non-duplicated definitions) */
.archives-note{
  border:1px solid #aaa;border-radius:10px;padding:.6em 1em;margin:1em 0;
  background:#fdfdfd;box-shadow:var(--shadow-1);font-size:.95rem;line-height:1.4;
}
.attribution-note{border-left:5px solid #0d6efd;background:#f0f6ff;}
.provenance-note{border-left:5px solid var(--gga-blue-800);background:#f4f8fc;font-family:Georgia,serif;}
.contribution-note{border-left:5px solid #198754;background:#f2faf6;}
.donation-note{border-left:5px solid var(--gga-orange-600);background:#fff8f2;font-weight:600;}

/* Factbox (used in sidebars/feature callouts) */
.factbox{
  --fb-bg:#f6f8fa;--fb-border:#d0d7de;--fb-title:#0f172a;--fb-term:#334155;--fb-def:#0f172a;
  background:var(--fb-bg);border:1px solid var(--fb-border);
  border-radius:12px;padding:1rem 1.125rem;margin:1.25rem 0;
}
.factbox__title{margin:0 0 .75rem;font-size:1.1rem;color:var(--fb-title);}
.factbox__grid{display:grid;grid-template-columns:1fr;gap:.5rem .75rem;margin:0;}
.factbox__item{display:grid;grid-template-columns:9.5rem 1fr;gap:.5rem;align-items:baseline;}
.factbox__item dt{font-weight:600;color:var(--fb-term);margin:0;}
.factbox__item dd{margin:0;color:var(--fb-def);}
@media(min-width:640px){
  .factbox__grid{grid-template-columns:1fr 1fr;}
  .factbox__item{grid-template-columns:8.5rem 1fr;}
}

/* Signature block */
.gg-signature{
  display:grid;grid-template-columns:2.25rem auto;gap:.75rem;
  padding:1rem 1.125rem;border:1px solid #e6e6e6;border-left:4px solid #8a6e3b;
  background:#faf9f7;margin:1.5rem 0;border-radius: var(--radius-sm);
}
.gg-signature__icon{font-size:1.5rem;line-height:1;}
.gg-signature__text p{margin:0 0 .6rem;}
.gg-signature__name{margin:0;font-weight:600;}
.gg-signature__title{font-weight:500;color:#6b6b6b;}
.gg-signature--compact{padding:.875rem 1rem;grid-template-columns:1.75rem auto;}

/* Back to top */
#backToTop{
  display:none;position:fixed;bottom:30px;right:30px;z-index:99;
  width:45px;height:45px;border-radius:50%;border:none;cursor:pointer;
  background:var(--gga-blue-800);color:#fff;font-size:20px;
  box-shadow:0 4px 6px rgba(0,0,0,.3);transition:background var(--transition);
}
#backToTop:hover{background:var(--gga-orange-600);}

/* =========================================================
   5) Utilities
   ========================================================= */
.alignLeft{text-align:left;}
.alignCenter{text-align:center;}
.alignRight{text-align:right;}
.alignJustify{text-align:justify;}
.clearDiv{clear:both;}

.colorDkBlue{color:var(--gga-blue-900) !important;}
.colorDkOrange{color:var(--gga-orange-600) !important;}
.bgDkBlue{background:var(--gga-blue-900) !important;color:#fff;}
.bkDkOrange{background:var(--gga-orange-600) !important;color:#000;}

.imageRight{float:right;margin:10px 0 5px 10px;}
.imageLeft{float:left;margin:10px 10px 5px 0;}

.indent1{padding-left:30px;}
.indent2{padding-left:60px;}
.indent3{padding-left:90px;}
.indent4{padding-left:120px;}

/* Pager */
.pager{padding-left:0;margin:20px 0;text-align:center;list-style:none;}
.pager li{display:inline;}
.pager a,.pager span{
  display:inline-block;padding:5px 14px;background:#fff;border:1px solid #ddd;border-radius:15px;
}
.pager a:hover{text-decoration:none;background:#eee;}
.pager .disabled > a{color:#777;cursor:not-allowed;background:#fff;}

/* =========================================================
   6) Print (keep pages tidy)
   ========================================================= */
@media print{
  a{text-decoration:none !important;color:#000 !important;}
  #leftGlobalNav,#rightSide,.navbar-row,#backToTop,footer{display:none !important;}
  .borderedSection{box-shadow:none;border-color:#999;break-inside:avoid;}
}


/* Footer link readability on dark background */
.page-footer a,
.page-footer a:visited {
  color: #ffffff; /* pure white for maximum contrast */
  text-decoration: none;
}

.page-footer a:hover {
  color: #ff862d; /* GG Archives orange */
  text-decoration: underline;
}

.page-footer a:focus,
.page-footer a:active {
  color: #ffffff;
  outline: 2px solid #ff862d;
  outline-offset: 2px;
}