/*
STYLES.CSS

	The Easy IC Styles.CSS (10/5/2021)
	Free for personal and commercial use under the CCA 3.0 license (distanceLEARNER.org)
*/

html,
body {
      height: 100%;
    /* overflow-x:hidden; */
}


/* Link Styling */
h1 {
	font-size: 2rem;

}

a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a:active {
  text-decoration: underline;
}
a.btn {
  text-decoration: none;
}

img {
    max-width: 100%;
}

a.navbar-brand {
  text-decoration: none;
}

table a:link {
  color: black;
  text-decoration: none;
}

 table a:hover {
  text-decoration: underline;
}

table a:visited {
  color: black;
  text-decoration: none;
}



/* Terms and Conditions Link (for Text-Warning) */
#terms a {
  color: red;
}


/* Terms and Conditions Link (for Normal Text) */
.terms1 a {
  color: black;
}


/* Cover ID */
.cover {
    background: #000 url("/images/home_screen1.jpg") no-repeat;
    background-size: cover;
    /*opacity: 1.0; */
    color: white;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
}

/* Landing Page <h1> Font Size and Weight */
.cover h1 {
  font-size: 5.5rem; /*1rem = 16px*/
}



/* Enlargened Size of Numbers */
.big-numbers {
  font-size: 4rem; /*1rem = 16px*/
}



/* Media Inquiry - Resize Font '.cover h1, h2' for Medium Section Break */
@media (max-width: 768px) {
.cover h1 {font-size:2.5rem;} /*1rem = 16px*/
.cover h2 {font-size:1.5rem;} /*1rem = 16px*/
}



/* Section Div Background Colors */
.shady-bright {
  background-color: #FBFBFD;
}

.shady-light {
  background-color: #ECECEC;
}

.shady-dark {
  background-color: #737373;
}


/* Pagination Button Colors */
.pagination > li > a
{
    background-color: #eee;
    color: #000000;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover
{
    color: #000;
    background-color: #eee;
    border-color: #6C757D;
}

.pagination > .active > a
{
    color: #eee;
    background-color: #6C757D !Important;
    border: solid 1px #6C757D !Important;
}

.pagination > .active > a:hover
{
    color: #eee;
    background-color: #6C757D !Important;
    border: solid 1px #6C757D;
}


/* Fractions */
.top{
  border-bottom:solid black 1px;
  display:inline-block; float:left
}

.bottom{
   display:inline-block; clear:left;
   float:left
 }

.center {
  height: 65%;
  text-align: center;
  display: flex;
  align-items: center;
}


/* Align Math Table Text right */
.right {
  text-align: right;
}


/* Align Math Table Text Left */
.left {
  text-align: left;
}


/* Change DatePicker Colors */
.datepicker {
  background-color: #F5F9FF ;
  color: #333 ;
  border-width: 3px;
  border-color: #337ab7;}


  /* Line-Graph (Chart) Container */
.chart-container {
  top: 150px;
  width: 640px;
  height: 200px;
}


/* 'No Print' Elements  */
@media print {

  html, body {
        height: 99%;
    }

    .no-print, .no-print *
    {
        display: none !important;
    }

    .pagebreak
    {
      page-break-before: always;
    }
}



@page {
    size:  auto;
    margin: 0mm;
}



/* 'Countdown Timer' Elements  */
input.cdtblock {
    border: none;
    width: 350px;
    margin: 0 2px 7px 0;
    color: #FFFFFF;
    background-color: rgba(51,51,51,51.8);
}



/* Make Video Responsive  */
video {
  height: auto;
  width: 100%;
}