@font-face {
    font-family: 'autumn';
    src: url('../fonts/autumn/autumn.eot');
    src: url('../fonts/autumn/autumn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/autumn/autumn.woff') format('woff'),
         url('../fonts/autumn/autumn.ttf') format('truetype'),
         url('../fonts/autumn/autumn.svg#autumn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'impact';
    src: url('../fonts/impact/impact.eot');
    src: url('../fonts/impact/impact.eot?#iefix') format('embedded-opentype'),
         url('../fonts/impact/impact.woff') format('woff'),
         url('../fonts/impact/impact.ttf') format('truetype'),
         url('../fonts/impact/impact.svg#impact') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'arialBlack';
    src: url('../fonts/arialblack/arialblack.eot');
    src: url('../fonts/arialblack/arialblack.eot?#iefix') format('embedded-opentype'),
         url('../fonts/arialblack/arialblack.woff') format('woff'),
         url('../fonts/arialblack/arialblack.ttf') format('truetype'),
         url('../fonts/arialblack/arialblack.svg#arialblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

BODY{
	margin:0; padding: 0;
	background: url(../images/bgbody.jpg) repeat-x;
	background-color:#193972;
	background-position:center top;
	background-repeat:repeat-x;
	font-family:arial;
}

.bg-gradient2 {
  background-image:linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(255, 255, 255, 0));;  
}

a {
text-decoration:none;
}

.container {
  background: #002a54;
}

.inner-container {
  background: #fff;
  padding: 0 .75rem .75rem .75rem;
}

.sidenav {
  display: flex;
  flex-wrap: wrap;
  gap:.5rem;
}



.sidenav a {
  flex: 1 1 42%;
  background: #0268ba;
  color: #fff;
  font-size: 1.2rem;
  display: block;
  text-align: center;
  transition-duration: .5s;
}

.sidenav a:first-child {
  flex: 1 1 100%;
}

.sidenav.sidenav-livedraw a {
  flex: 1 1 33%;
}

.sidenav a i {
  color: #000;
}

.sidenav .dropdown {
  display: flex;
  align-items: center;
}

.sidenav .dropdown-toggle {
  background: #0268ba;
  border: none;
  color: #fff;
  font-size: 1.2rem;
  border-radius: 0;
}

.sidenav a:hover, .sidenav .dorpdown-toggle:hover {
  background: #ff9c00 !important;
}

.sidenav .dropdown-menu {
  background: #0268ba;
  border: none;
}

.sidenav .dropdown-menu .dropdown-item {
  color: #fff;
}

.dropdown-item:focus, .dropdown-item:hover {
  background: rgba(255, 255, 255, .25);
}

.daynav {
  display: flex;
  flex-direction: column;
  gap: .25rem;
  margin-top:.5rem;
}

.daynav a {
  display: block;
  padding: 1rem;
  background: #ced1d8;
  color: #222;
  display: flex;
  align-items: center;
  gap: 1rem;
  border-radius: 0 0 .25rem .25rem;
}

.daynav a:nth-child(even) {
  background: #e2e3e7;
}

.home-result {
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#025599+0,181818+100 */
background: linear-gradient(to bottom,  #025599 0%,#181818 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color: #fff;
padding-bottom: 1.5rem;
margin-bottom: .5rem;
}

.home-result:last-child {
  margin-bottom: 0;
}

.home-date {
  background: #ff9c00;
  right: 0;
  top: -22px;
}

.footlogo {
  display: flex;
  align-items: center;
  gap: 1.9rem;
  margin-top: 1.0rem;
}

.footlogo img {
  height: 17px;
}