@font-face {
  font-family: "DAFx";
  src: url("./fonts/DAFx-Regular.eot"); /* IE9 Compat Modes */
  src: url("./fonts/DAFx-Regular.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/DAFx-Regular.otf") format("opentype"), /* Open Type Font */
    url("./fonts/DAFx-Regular.svg") format("svg"), /* Legacy iOS */
    url("./fonts/DAFx-Regular.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/DAFx-Regular.woff") format("woff"), /* Modern Browsers */
    url("./fonts/DAFx-Regular.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}


dafx {
	font-family: 'DAFx';
	font-size: 16px;
}

body {
    font-family: 'Open Sans', sans-serif;
}



h1, h2, h3, h4, h5, h6, h7 .text-secondary {
    font-family: "DAFx", sans-serif;
    max-height: 999999px;
}
.bg-text {
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0, 0.2); /* Black w/opacity/see-through */
  z-index: 4;
  padding: 20px;
  text-align: center;
}   

p.forte {
    font-size: 140%;
    font-weight: bold;
}

.image-filter1{
   filter: brightness(1.2);
}
.image-filter2{
    filter: hue-rotate(160deg);
}
.image-filter3{
    filter: hue-rotate(285deg) brightness(.93);
}
.image-filter4{
	filter: brightness(1);
}
.image-filter5{
    filter: hue-rotate(270deg) brightness(1.2);
}


.vspace { height: 1px;}

img {
  max-width: 100%;
  display: inline;
}
.lessbright {filter: brightness(0.80);}

nav {
    font-family: 'DAFx', sans-serif;
    /* background-color: rgb(182, 182, 182) !important; */
    color: black;
}

.flex-container {
  /* We first create a flex layout context */
  display: flex;
  
  /* Then we define the flow direction 
     and if we allow the items to wrap 
   * Remember this is the same as:
   * flex-direction: row;
   * flex-wrap: wrap;
   */
  flex-flow: row wrap;
  
  /* Then we define how is distributed the remaining space */
  justify-content: space-around;
  
  padding: 0;
  margin: 0;
  list-style: none;
}

/*.flex-item {
  padding: 5px;
  width: 200px;
  height: 150px;
  margin-top: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}*/
.flex-item {
  padding: 5px;
  width: 20vmin;
  height: 20vmin;
  margin-top: 5px;
  line-height: 2vh;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
.flex-item-tiny {
  padding: 5px;
  width: 300px;
  height: 150px;
  margin-top: 10px;
  line-height: 150px;
  color: white;
  font-weight: bold;
  font-size: 1em;
  text-align: center;
}
.flex-item-narrow {
  padding: 5px;
  width: 10vw;
  height: 15vmin;
  margin-top: 10px;
  line-height: 15vmin;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
.flex-item-mid {
  padding: 0px;
  width: 11vw;
  height: 15vmin;
  margin-top: 10px;
  line-height: 15vmin;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
.flex-item-intermid {
  padding: 0px;
  width: 25vw;
  height: 15vmin;
  margin-top: 10px;
  line-height: 15vmin;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: center;
}
.flex-item-wide {
  padding: 5px;
  width: 80vw;
  height: 15vh;
  margin-top: 10px;
  line-height: 15vh;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: left;
}
.flex-item-inf {
  padding: 0px;
  height: 10vh;
  margin-top: 3px;
  line-height: 1vh;
  color: white;
  font-weight: bold;
  font-size: 3em;
  text-align: left;
}

.navbar-nav {
  color: black;
}
/* .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus {
    border-bottom-color: transparent;
}
.nav-tabs .nav-item .nav-link{
  border-bottom-color: transparent;
  padding:2px
} 
.nav-tabs .nav-item .nav-link.active {
  border-top: 5px solid #7F7F7F;
  border-bottom-color: transparent;
} */

.nav-link{
  color: black;
}

.tab-content{
    background-color:#FFFFFF;
    color:#000000;
    padding:5px;
}

.tab-content.active{
	display: block;
}
.tab-content.fade{
	display: none;
}

.boxed-day0 {
  border-radius: 5px;
  border: 3px solid #444444;
  background-color: #444444;
}

.boxed-day1 {
  border-radius: 5px;
  border: 3px solid #FF7F00;
  background-color: #FF7F00;
}
.boxed-day2 {
  border-radius: 5px;
  border: 3px solid #02825A;
  background-color: #02825A;
}
.boxed-day3 {
  border-radius: 5px;
  border: 3px solid #67358B;
  background-color: #67358B;
}
.boxed-day4 {
  border-radius: 5px;
  border: 3px solid #DC0F14;
  background-color: #DC0F14;
}
.boxed-day5 {
  border-radius: 5px;
  border: 3px solid #4494D1;
  background-color: #4494D1;
}
.table-bordered thead th { 
  border-top: none 
}
.table-striped-day1  tr th {
background-color: #FF7F00;
color: white
}
.table-striped-day1 > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #FFA54D;
}
.table-striped-day1 > tbody > tr:nth-child(even) > td, 
.table-striped > tbody > tr:nth-child(even) > th {
  background-color: #ffd0a1;
}
.table-striped-day2  tr th {
background-color: #02825A;
color: white
}
.table-striped-day2 > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #5DAF95;
}
.table-striped-day2 > tbody > tr:nth-child(even) > td, 
.table-striped > tbody > tr:nth-child(even) > th {
   background-color: #a9d5c7;
}
.table-striped-day3  tr th {
background-color: #67358B;
color: white
}
.table-striped-day3 > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #9978B1;
}
.table-striped-day3 > tbody > tr:nth-child(even) > td, 
.table-striped > tbody > tr:nth-child(even) > th {
   background-color: #d1c2dc;
}
.table-striped-day4  tr th {
background-color: #DC0F14;
color: white
}
.table-striped-day4 > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #E85E62;
}
.table-striped-day4 > tbody > tr:nth-child(even) > td, 
.table-striped > tbody > tr:nth-child(even) > th {
   background-color: #f4b7b7;
}
.table-striped-day5  tr th {
background-color: #4494D1;
color: white
}
.table-striped-day5 > tbody > tr:nth-child(odd) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #82B7E0;
}
.table-striped-day5 > tbody > tr:nth-child(even) > td, 
.table-striped > tbody > tr:nth-child(odd) > th {
   background-color: #c6def1;
}
img {
    max-width: 100%;
    max-height: 100%;
}

div.container, div.container-fluid {
    padding-top: 20px;
    padding-bottom: 10px;
}

div.containerN, div.container-fluidN {
    padding-top: 20px;
    padding-bottom: 10px;
    margin-left: 100px;
    margin-right: 100px;
}

div.bg-red-gradient{
background:-webkit-gradient(linear,left top,right top,from(#ff292b),to(#b44f2b));
background:-webkit-linear-gradient(left,#ff292b,#b44f2b);
background:linear-gradient(90deg,#ff292b,#b44f2b);
background-color:#ff292b
}

div.bg-dark {
    color: white;
}

div.normtext {
	margin-left: 35px;
	margin-right: 35px;
}

#title-splash {
    height: 100vh;
    background-color: rgba(0,0,0, 0.4); /* Black w/opacity/see-through */ 
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
}


/*@media (max-height: 610px) {
    #title-splash {
        background-image: url(../assets/background_dark_1059x600.png), url(../assets/background_dark_177x100.png);
    }
}

@media (min-height: 611px) {
    #title-splash {
        background-image: url(../assets/background_dark_1355x768.png), url(../assets/background_dark_177x100.png);
    }
}

@media (min-height: 790px) {
    #title-splash {
        background-image: url(../assets/background_dark.png), url(../assets/background_dark_177x100.png);
    }
}*/

@media (max-height: 633px) {
    #title-splash {
        background-image: url(../assets/FALbackground_952x634.jpg), url(../assets/FALbackground_191x127.jpg);
    }
}

@media (min-height: 634px) {
    #title-splash {
        background-image: url(../assets/FALbackground.jpg), url(../assets/FALbackground_191x127.jpg);
    }
}

#title-splash div {
    color: white;
}

#title-splash div p.lead {
    font-size: 200%;
}

#title-splash  div h1 {
        font-size: 7.0vmin;
        max-height: 999999px;
    }
#title-splash  div h2 {
        font-size: 4vmin;
        max-height: 999999px;
    }
#title-splash  div h3 {
        font-size: 3.5vmin;
        max-height: 999999px;
    }
#title-splash  div h4 {
        font-size: 3vmin;
        max-height: 999999px;
    }
#title-splash  div h5 {
        font-size: 2.5vmin;
        max-height: 999999px;
    }
#title-splash  div h6 {
        font-size: 2vmin;
        max-height: 999999px;
    }    
#title-splash  div h7 {
        font-size: 1.5vmin;
        max-height: 999999px;
    } 

img.social-icon {
    width: 30px;
    margin: 10px;
}

.card {
    margin: 5px 0px;
}

.container-bg {
    background: rgba(0,0,0, 0.8); /* Black w/opacity/see-through */
    margin: 0px;
}

a[name] {
  padding-top: 55px;
  margin-top: -55px;
  display: inline-block; /* required for webkit browsers */
  vertical-align: top;
}