@font-face {
  font-family: "NewsGothic";
  src: url("../ttf/NewsGothicMT.ttf");
}

@font-face {
  font-family: "NewsGothicItalic";
  src: url("../ttf/NewsGothicMTItalic.ttf");
}

@font-face {
  font-family: "NewsGothicBold";
  src: url("../ttf/NewsGothicMTBold.ttf");
}

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

* {
  /* hyphens */
  -moz-hyphens: auto;
  -o-hyphens: auto;
  -webkit-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

html {
  margin: 0;
  padding: 0;
  border: none;
  overflow-y: scroll;
}

img {
  padding: 0 !important;
}

td, th {
  vertical-align: middle !important;
}

.navbar > a {
  font-style: normal;
}

body {
  font-family: "NewsGothic", Sans;
  color: #cccccc;
  background-color: #121212;
  /*background-repeat: repeat;*/
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

.navbar-brand {
  font-family: Requiem;
  color: #7aa9e0 !important;
  margin-left: 1rem;
}

.card {
  background-color: rgba(32, 32, 32, .9);
}

p {
  margin-bottom: 1em;
  text-align: justify;
}

h1, h2, h3, h4, h5 {
  font-family: "NewsGothic", Sans;
  color: #efefef;
}

.darker {
  color: #cccccc;
  font-family: "NewsGothic", Sans;
}

h2 {
  font-size: 1.5em;
}

h4 {
  font-size: 1.25em;
}

h1, h2, h3, h4 {
  text-shadow: 1px 1px rgba(0,0,0,.5);
}

hr {
  margin-top: 0px;
  border-color: #efefef;
  border-width: 1px;
}

hr.light {
  border-color: #808080;
}
.center {
	
	text-align: center;
}
.header {
  position: relative;
  width:100%;
  min-height: 400px;
  margin-bottom:1em;
  background-color: #212121;
  background: url("../img/layout/welcome.jpg") no-repeat center center scroll;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#content {
  min-height: 100vh;
  background-color: #121212;
  margin-left: auto;
  margin-right: auto;
  padding: 2em;
}

#content div.card:last-child {
  margin-bottom: 0em !important;
}

.footer {
  font-size: .8em;
  color: #808080;
}

.card {
  border-width: 0px;
  border-radius: 5px;
}

.card-body {
  border-width: 0px;
  border-radius: 0px 0px 5px 5px;
  background-color: transparent;
}

.card-img-top {
  height: 256px;
  width: auto;
  background-color: transparent;
}

.clickable {
  text-decoration: none;
  color: #efefef;
  display: block;
}

.clickable:hover {
  text-decoration: none;
}

.clickable .card-body {
  backdrop-filter: blur(10px);
}

.bg-dark, .navbar, .navbar-dark {
  background-color: rgba(32,32,32,1);
}

.btn-primary, .btn-primary:hover, .btn-primary:focus {
  color: #000;
  background-color: #7aa9e0;
  border-color: #7aa9e0;
}

.navbar {
  box-shadow: 0px 0px 3px 3px rgba(0,0,0,.25);
}

.bg-light75 {
  background-color: rgba(32,32,32,.75);
}

.bg-light9 {
  background-color: rgba(32,32,32,.9);
}

.bg-black {
  background-color: rgba(0,0,0,.9);
}

.ekko-lightbox-container {
  height: 85% !important;
  padding: 1em;
  background-color: transparent;
}

.ekko-lightbox-container img{
  height: 100% !important;
  width: auto !important;
  margin-left: auto;
  margin-right: auto;
}

.fancybox-container {
  backdrop-filter: blur(10px);
}

.modal-content, .modal-header, .modal-body, .modal-footer {
  border: 0;
}

.modal-dialog {
  min-width: 95%;
}