:root {
            --page-bg: #f5f5f5;
            --panel: #ffffff;
            --ink: #202020;
			--nav: #000000
            --muted: #666666;
            --line: #000000;
            --brand: #0e4d7a;
            --brand-bright: #00a9dc;
            --shadow: 0 10px 28px rgba(0, 0, 0, 0.12);
            font-family: Arial, Helvetica, sans-serif;
        }

        * { box-sizing: border-box; }

        body {
            margin: 0;
            color: var(--ink);
            background: var(--page-bg);
            line-height: 1.6;
        }

        a { color: var(--brand); }
        a:hover, a:focus { color: var(--brand-bright); }

        img {
            max-width: 100%;
            height: auto;
            display: block;
        }

        .roundimg {
 border-radius: 50%;
}

        .nav {
            background: #f6f6f6;
            border: 1px solid var(--line);
            font-weight: 700;
            margin: 24px 0;
            padding: 12px;
            text-align: center;
        }		

        .site-shell {
            width: min(1200px, calc(100% - 32px));
            margin: 0 auto;
        }

        .site-header {
            padding: 18px 0 40px;
        }

        .site-header__banner {
            display: block;
            background: #000;
            border-radius: 10px 10px 0 0;
            overflow: hidden;
        }

        .layout {
            display: grid;
            grid-template-columns: minmax(0, 1fr) 280px;
            gap: 10px;
            align-items: start;
            padding: 24px 0 40px;
        }

        .station-profile,
        .archive-sidebar__section {
            background: var(--panel);
            border-top: 6px solid #2F4F4F;
            box-shadow: var(--shadow);
        }

        .station-profile {
            padding: 12px;
        }

        .station-profile__header {
            margin-bottom: 10px;
            padding-bottom: 10px;
        }

        .station-profile__eyebrow {
            color: var(--muted);
            font-size: 0.95rem;
            margin: 0 0 6px;
            text-transform: uppercase;
            letter-spacing: 0.08em;
        }

        h1 {
		text-indent: 20px;
		color: navy;
			font-size: 5vw;
            line-height: 1;
            margin: 0;
        }
		
		h1-long {
		text-indent: 20px;
		color: navy;
			font-size: 4vw;
            line-height: 1;
            margin: 0;
        }

        .station-profile__tagline {
		text-indent: 45px;
            font-weight: 700;
            margin: 24px 0;
            padding: 0px;
            text-align: left;
        }

        .paragraph p {
            font-size: 1.25rem;
            margin: 0 0 1.1em;
            text-align: justify;
        }
		
        .station-gallery {
            margin-top: 8px;
            padding-top: 8px;
        }

        .station-gallery h2,
        .associated-names h2 {
            font-size: 1.45rem;
            margin: 0 0 16px;
        }

        .station-gallery__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .station-gallery__item {
            border: 1px solid var(--line);
            border-radius: 12px;
            margin: 0;
            overflow: hidden;
            background: #fafafa;
        }

        .station-gallery__item a { display: block; }

        .station-gallery__item img {
            aspect-ratio: 4 / 3;
            object-fit: cover;
            width: 100%;
        }

        .station-gallery__item figcaption {
            color: var(--muted);
            font-size: 0.92rem;
            padding: 10px 12px;
            text-align: center;
        }

        .station-gallery__note {
            color: var(--muted);
            font-size: 0.95rem;
            margin: 14px 0 0;
            text-align: center;
        }

        .newspaper-gallery {
            margin-top: 8px;
            padding-top: 8px;
        }

        .newspaper-gallery h2 {
            font-size: 1.45rem;
            margin: 0 0 16px;
        }

        .newspaper-gallery__grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: 18px;
            list-style: none;
            margin: 0;
            padding: 0;
        }

        .newspaper-gallery__item {
            border: 1px solid var(--line);
            border-radius: 12px;
            margin: 0;
            overflow: hidden;
            background: #fafafa;
        }

        .newspaper-gallery__item a { display: block; }

        .newpaper-gallery__item img {
            aspect-ratio: 4 / 3;
            object-fit: cover;
            width: 100%;
        }

        .newspaper-gallery__item figcaption {
            color: var(--muted);
            font-size: 0.92rem;
            padding: 10px 12px;
            text-align: center;
        }

        .newspaper-gallery__note {
            color: var(--muted);
            font-size: 0.95rem;
            margin: 14px 0 0;
            text-align: center;
        }
		
		 footer { padding: 1.25rem; color: #ffffff; background: #07141d; text-align: center; font-size: .88rem; }
		 
		  footer a {color: #ffffff;}

        .archive-sidebar {
            display: grid;
            gap: 8px;
        }

        .archive-sidebar__section { padding: 16px; }

        .archive-sidebar h2 {
            background: #666;
            color: #fff;
            font-size: .90rem;
            margin: -16px -16px 14px;
            padding: 10px 12px;
        }

        .archive-sidebar ul {
            list-style: none;
            margin: 0;
            padding: 0;
            font-family: verdana;
        }



        .archive-sidebar li:last-child { border-bottom: 0; }

        .archive-sidebar a {
            display: block;
            padding: 2px 0;
            text-decoration: none;
        }

        .county-map {
            margin: 0 auto 10px;
        }

        .contribute {
            background: #f6f6f6;
            border-left: 1px solid var(--brand);
            margin-top: 30px;
            padding: 14px 16px;
        }
		
		        .contribute {
           font-size: 14px;
        }

        .lightbox {
            align-items: center;
            display: none;
            inset: 0;
            justify-content: center;
            padding: 24px;
            position: fixed;
            z-index: 999;
        }

        .lightbox:target { display: flex; }

        .lightbox__backdrop {
            background: rgba(0, 0, 0, 0.82);
            inset: 0;
            position: fixed;
        }

        .lightbox__content {
            background: #111;
            color: #fff;
            max-height: 92vh;
            max-width: min(1050px, 96vw);
            padding: 14px;
            position: relative;
            z-index: 2;
            box-shadow: var(--shadow);
        }

        .lightbox__content img {
            max-height: 74vh;
            object-fit: contain;
            width: auto;
        }

        .lightbox__close {
            background: #fff;
            border-radius: 999px;
            color: #000;
            font-size: 1.8rem;
            height: 42px;
            line-height: 38px;
            position: absolute;
            right: -14px;
            text-align: center;
            text-decoration: none;
            top: -14px;
            width: 42px;
        }

        .lightbox__caption {
            margin: 10px 0 0;
            text-align: center;
        }

        .lightbox__nav {
            display: flex;
            justify-content: space-between;
            gap: 16px;
            margin-top: 10px;
        }

        .lightbox__nav a { color: #fff; }

        @media (max-width: 900px) {
            .layout { grid-template-columns: 1fr; }
            .station-gallery__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
            .archive-sidebar { order: 2; }
        }

        @media (max-width: 560px) {
            .station-profile { padding: 18px; }
            .station-gallery__grid { grid-template-columns: 1fr; }
            .associated-names ul { columns: 1; }
        }
		
		* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 50%;
  padding: 5px;
}

.columnlogos {
  float: left;
  width: 33.33%;
  padding: 55px;
}

/* use with figure */
.centered {
display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

* {
  box-sizing: border-box;
}

/* Create two unequal columns that floats next to each other */
.columncontact {
  float: left;
  padding: 10px;
  height: 210px;
}

.left {
  width: 10%;
}

.right {
  width: 90%;
}

.columnrec {
  float: left;
  padding: 10px;
  height: 210px;
}

.text {
  width: 25%;
}

.text p {
font-family: verdana;
font-size: 14px;
 font-weight: bold;
}

.player {
  width: 75%;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

.hr {
    display: block;
    height: 4px;
    border: 0;
    border-top: 4px solid #2F4F4F;
    margin: 1em 0;
    padding: 0;
}

.quote {
  display:inline-block;
  margin:1em;
  overflow:hidden;
  blockquote {
    border: solid 2px #757575;
    display: inline-block;
    margin: 0;
    padding: 1em;
    position: relative;
    &:before {
      bottom: -10%;
      content: "";
      left: 0;
      position: absolute;
      right: 0;
      top: -10%;
      transform: rotate(-15deg) skew(5deg);
    }
    cite {
      display: block;
      font-style: italic;
      text-align: right;
      &:before {
        content: "- ";
      }
    }
    > * {
      position: relative;
      z-index: 1;
    }
  }
}

.animated-border-quote {
  display:inline-block;
  margin:1em;
  max-width:20em;
  overflow:hidden;
  blockquote {
    border: solid 2px #757575;
    display: inline-block;
    margin: 0;
    padding: 1em;
    position: relative;
    &:before {
      animation:clockwise 30s infinite linear;
      bottom:10%;
      content: "";
      left: 0;
      opacity:.5;
      position: absolute;
      right: 0;
      top:10%;
    }
    &:after {
      animation:counter 30s infinite linear;
      bottom:10%;
      content: "";
      left: 0;
      opacity:.5;
      position: absolute;
      right: 0;
      top:10%;
    }
    cite {
      display: block;
      font-style: italic;
      text-align: right;
      &:before {
        content: "- ";
      }
    }
    > * {
      position: relative;
      z-index: 1;
    }
  }
}

@keyframes clockwise {
  0% {
    transform:rotate(0);
  }
  100% {
    transform:rotate(360deg);
  }
}

@keyframes counter {
  0% {
    transform:rotate(0);
  }
  100% {
    transform:rotate(-360deg);
  }
}

.animated-shadow-quote {
  display:inline-block;
  margin:1em;
  max-width:20em;
  position:relative;
  blockquote {
    animation:shadows 2s linear infinite alternate;
    display:inline-block;
    margin:0;
    padding:1em;
    cite {
      display: block;
      font-style: italic;
      text-align: right;
      &:before {
        content: "- ";
      }
    }
  }
}

@keyframes shadows {
  0% {
    box-shadow:0 2px 4px -2px rgba(0,0,0,.25);
    transform:scale(.95);
  }
  100% {
    box-shadow:0 0 4px 2px rgba(0,0,0,.25);
    transform:scale(1);
  }
}

.square-brackets-quote {
  display:inline-block;
  font-family:sans-serif;
  margin:1em;
  max-width:50em;
  blockquote {
    border:solid 1em #000;
    display:inline-block;
    margin:0;
    padding:1em;
    position:relative;
    &:before {
      bottom: -1em;
      content: "";
      left: 2em;
      position: absolute;
      right: 2em;
      top: -1em;
    }
    cite {
      color:#757575;
      display: block;
      font-size:small;
      font-style: normal;
      text-align: right;
      text-transform:uppercase;
    }
    > * {
      position: relative;
      z-index: 1;
    }
  }
}

.giant-quotes-quote {
  display:inline-block;
  font-family:sans-serif;
  margin:1em;
  max-width:20em;
  blockquote {
    display:inline-block;
    margin:0;
    padding:1em;
    position:relative;
    &:before {
      color:#f90;
      content:"\201C";
      font-size:4em;
      left:0;
      line-height:.75em;
      position:absolute;
      top:0;
      transform:scale(2, 8);
      transform-origin:top;
    }
    &:after {
      color:#f90;
      content:"\201D";
      font-size:4em;
      line-height:.75em;
      position:absolute;
      right:0;
      top:0;
      transform:scale(2, 8);
      transform-origin:top;
    }
    > * {
      padding:0 2em;
    }
    cite {
      color:#c60;
      display: block;
      font-style: normal;
      text-align: right;
      text-transform:uppercase;
    }
  }
}


@media (max-width: 600px) {
  figure {
    float: none !important;
    margin: 0 auto 15px auto !important;
    display: table; /* Keeps the caption bound tightly to the image width */
  }
  
  figure img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }
}