@font-face {
  font-family: "Avenir";
  src: url("/files/theme/fonts/AvenirLTProRoman.woff") format('woff');
}

@font-face {
  font-family: "GLASTRSN";
  src: url("/files/theme/fonts/GLASTRSN.woff") format('woff');
}

html {
  background: url(/files/gallery/view/assets/Vortex_Background.png) no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-position-y: 3rem; 
  color: black;
}

body {
  font-family: Avenir, sans-serif;
  background: none;
  color: black;
  height: 100%;
  min-height: 100%;
}

h1, h2, h3 {
    font-family: GLASTRSN, sans-serif;
  color: red;
}

.navbar-toggler {
    color: red;
}
.branding, .navbar-brand, .navbar-brand:hover, .navbar-brand:visited {
    font-family: GLASTRSN, sans-serif;
    color: red;
    letter-spacing: .1rem;
}
.listingDocSummaryTitle, .nav-link {
    -webkit-text-stroke: 1px #c0c0c0; /* width and color */
    color: black ;

}
.listingDocSummaryTitle, .nav-link:hover {
    -webkit-text-stroke: 1px red; /* width and color */

}
.navbar-nav .nav-link.active {
    color: red !important;
   
}

.navbar-collapse {

  font-size: 1.25em;

}

footer {
    position: relative;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #c0c0c0;
    text-align: center;
  }
footer, footer a, footer a:visited {
    color: black;
}
footer a:hover {
    color: red;
}
div.webcmscontactform label {
  display: block;
}


#wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100vh; /* Make the container fill the viewport */
}

#main {
  flex: 1;
}