@font-face 
{
    font-family: "Caslon Antique";
    src: url(../fonts/cas_antn.tff);
}

@font-face 
{
    font-family: "Gagalin";
    src: url(../fonts/Gagalin-Regular.ttf);
}

@font-face 
{
    font-family: SplashExtraBold;
    src:url(../fonts/SPLAEB_.eot) format('embedded-opentype'), url(../fonts/SPLAEB_.tff);
}

@font-face
{
    font-family: FFX;
    src:url(../fonts/FFX_Times_Engraved.eot) format('embedded-opentype'), url(../fonts/FFX_Times_Engraved.ttf);
}

@font-face
{
    font-family: Jenkins;
    src:url(../fonts/Jenkinsv20Thik.ttf);
}

@font-face
{
	font-family: "Eras Bold ITC", sans-serif;
	src:url(../fonts/ERASBD.TTF)format('embedded-opentype'), url(../fonts/ERASBD.TTF);
}

@font-face
{
	font-family: "Uncial Antiqua";
	src:url(../fonts/UncialAntiqua-Regular.ttf)format('embedded-opentype'), url(../fonts/UncialAntiqua-Regular.ttf);
}

html {
    font-size: 20px;
}

body {
    font-family: "Times New Roman", Times, serif;
  }

.chart-background {
    background-image: url(../img/BG-Chart2-transp-1.jpg);
}

.resources-background {
  background-image: linear-gradient(to bottom right, pink, lightblue);
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 100%;
}


#resources-banner {
    background: center / contain no-repeat url(../img/wavebnr.jpg);
}

#header {
    background: center / contain no-repeat url(../img/wavebnr.jpg);
}

.small-caps-header {
    font-weight: bold;
    font-variant: small-caps;
}

.main-content {
    color: #FFB;
}

.resources-content {
    color: black;
}

.gold-border {
    border: 5px groove #efbb5a;
}

.main-nav {
    background-image: url(../img/strip1.jpg);
}

.navbar-max-width {
    max-width: 50%;
}

.compassrose {
    object-fit: contain;
}

.glow {
    color: #efbb5a;
    text-shadow: -1px 1px#636363,
                  1px 1px #636363,
                  1px -1px  #636363,
                  -1px -1px #636363
                  ;

}
.glow:hover {
    -webkit-animation: glow 1s ease-in-out infinite alternate;
    -moz-animation: glow 1s ease-in-out infinite alternate;
    animation: glow 1s ease-in-out infinite alternate;
}
 
@-webkit-keyframes glow {
    from {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #efbb5a, 0 0 40px #efbb5a, 0 0 50px #efbb5a, 0 0 60px #efbb5a, 0 0 70px #efbb5a;
    }
    to {
        text-shadow: 0 0 20px #fff, 0 0 30px #ffb, 0 0 40px #ffb, 0 0 50px #ffb, 0 0 60px #ffb, 0 0 70px #ffb, 0 0 80px #ffb;
    }
}

.banner-silver {
    box-shadow:
      2px 2px 0.5em rgba(122, 122, 122, 0.55),
      inset 1px 1px 0 rgba(255, 255, 255, 0.9),
      inset -1px -1px 0 rgba(0, 0, 0, 0.34)
    ;
    border: 5px groove #9ff;
    border-left: 0px;
    border-right: 0px;
    background:
      -moz-linear-gradient(
      -72deg,
      #b1b1b1,
      #919191 16%,
      #b1b1b1 21%,
      #919191 24%,
      #636363 27%,
      #b1b1b1 36%,
      #919191 45%,
      #919191 60%,
      #b1b1b1 72%,
      #919191 80%,
      #b1b1b1 84%,
      #a1a1a1
    );
    background:
    -webkit-linear-gradient(
      -72deg,
      #b1b1b1,
      #919191 16%,
      #b1b1b1 21%,
      #919191 24%,
      #636363 27%,
      #b1b1b1 36%,
      #919191 45%,
      #919191 60%,
      #b1b1b1 72%,
      #919191 80%,
      #b1b1b1 84%,
      #a1a1a1
    );
    background:
    -o-linear-gradient(
      -72deg,
      #b1b1b1,
      #919191 16%,
      #b1b1b1 21%,
      #919191 24%,
      #636363 27%,
      #b1b1b1 36%,
      #919191 45%,
      #919191 60%,
      #b1b1b1 72%,
      #919191 80%,
      #b1b1b1 84%,
      #a1a1a1
    );
    background:
    linear-gradient(
      -72deg,
      #b1b1b1,
      #919191 16%,
      #b1b1b1 21%,
      #919191 24%,
      #636363 27%,
      #b1b1b1 36%,
      #919191 45%,
      #919191 60%,
      #b1b1b1 72%,
      #919191 80%,
      #b1b1b1 84%,
      #a1a1a1
    );
  }

.wiia-header {
    font-family: "Gagalin", "Tahoma", sans-serif;
    text-align: center;
}

.aj-header {
    font-family: "Jenkins";
    text-align: center;
}

.efo-header {
    font-family: "Uncial Antiqua";
    text-align: center;
}

.nav-text {
    font-family: "Caslon Antique";
    font-size: 22px;
    font-weight: bold;
}

.gull-image {
    width: 100%;
}

.attn-quotation {
    color: lightgray;
    font-style: italic;
}

.resrc-header {
	font-family: "Eras Bold ITC";
	color: rgb(47,85,151);
	font-size: 2em;
}

.resrc-body {
	font-family: "sans-serif";
	font-weight: bold;
	color: rgb(47,85,151);
	font-size: 1.4em;
	line-height: normal;
}

.resrc-bdyindent {
	font-family: "sans-serif";
	font-weight: bold;
	color: rgb(47,85,151);
	font-size: 1.2em;
	line-height: normal;
	margin-left: 40px;	
}

.resrc-subbdyindent {
	font-family: "sans-serif";
	font-weight: bold;
	color: rgb(47,85,151);
	font-size: 1.2em;
	margin-left: 100px;
	margin-top: 0;
	margin-bottom: 0;
    line-height: 1.2; /* optional: tightens line spacing slightly */
}

/* Responsive YouTube embed container */
.video-container {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; /* 16:9 aspect ratio */
    height: 0;
    overflow: hidden;
    margin-bottom: 1.5rem;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
}

/* Live stream header styling */
.livestream-header {
    font-family: Gagalin, sans-serif;
    color: #efbb5a;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/* Live indicator badge */
.live-badge {
    display: inline-block;
    background-color: #ff0000;
    color: white;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.875rem;
    font-weight: bold;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.7; }
}