/****************************************************************************************************/
/****************************************************************************************************/
/* File: /css/seibertron/default.css */
/****************************************************************************************************/
/****************************************************************************************************/

@charset "utf-8";

@font-face {
	font-family: 'Eurostile';
	src: url('/webfonts/seibertron/E004003T.TTF') format('truetype');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Eurostile';
	src: url('/webfonts/seibertron/E004004T.TTF') format('truetype');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}

/* =======================================================================================
   MEDIA QUERY BREAKPOINTS (reference only)
   ======================================================================================= */

@media (max-width: 575.98px) { /* XS only */ }
@media (min-width: 576px) { /* SM and up */ }
@media (min-width: 768px) { /* MD and up */ }
@media (min-width: 576px) and (max-width: 767.98px) { /* SM–MD only */ }


/* =======================================================================================
   MINIMAL DEFAULT.CSS — ONLY WHAT BOOTSTRAP DOESN'T COVER
   ======================================================================================= */

/* Prevent layout collapse on very narrow screens */
html, body {
  min-width: 360px;
  overflow-x: auto;
}

/* Override Bootstrap’s font-family */
body {
  font-family: 'Exo 2', sans-serif;
  background-color: #f9f9f9;
  color: #2a2d34; /* Cybertext Graphite */
}

/* Media elements should be responsive and block-level */
img,
picture,
video,
canvas,
svg {
  display: block;
  max-width: 100%;
  height: auto;
}

/* Inherit font from parent for consistent form element typography */
button,
input,
select,
textarea {
  font: inherit;
}

/* Accessible custom focus style */
*:focus {
  outline: 2px solid #4da6ff;
  outline-offset: 2px;
}

.golden-age h1,
.golden-age h2,
.golden-age h3,
.golden-age h4,
.golden-age h5,
.golden-age h6 {
	font-family: Eurostile, 'Exo 2', Arial, Verdana, sans-serif;
	font-weight: bold;
}

a {
  text-decoration: underline;
  text-underline-offset: 1px; /* Adjust this value to your preference */
	opacity:0.95;
	filter:alpha(opacity=95);
}

a:hover {
  text-decoration: none;
	opacity:1.0;
	filter:alpha(opacity=100);
}

.hover:hover {
	opacity:0.75;
	filter:alpha(opacity=75);
}