/*
 * kss_style.css
 */

 :root {
    --color-accent: #474d55;
    --color-body-text: #303030;
    --color-main-background: ;
    --color-border: #b0b0b0;

    --font-heading: , ;
    --font-body: , ;
    --font-body-weight: ;
    --font-body-style: ;
    --font-body-bold-weight: bold;

    --blue1: #191970;
    --purple1:#332047;
    --grey1: #9c9c9c;
    --yellow1: #fcb92a;
    --red1: #c70404;
    --white: #ffffff;
    --snow: #fffafa; 
    --black: #000000;
}

body {
    background-color: var(--white);
    color: var(--color-body-text);
	 font-family: Arial,Helvetica Neue,Helvetica,sans-serif; 
}

h2 {
	text-align:center;
}

/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
      margin-bottom: 0;
      border-radius: 0;
}

/* Add a gray background color and some padding to the footer */
footer {
      background-color: #f2f2f2;
      padding: 25px;
}

.bg-color {
  background: var(--color-main-background);
}


.error {
   color: #ff0000;
}

.hidden {
   visibility: hidden;
}

.no-display {
   display:none;
}

.test-data {
   display: none;
   border: solid red 5px;
}

.test {
   border: solid orange 5px;
}
.test2 {
   border: solid green 5px;
}



.shows-tab {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  /*width: 100%; */
}

.shows-tab td, .shows-tab th {
  border: 1px solid #ddd;
  padding: 8px;
}

.shows-tab tr:nth-child(even){background-color: #f2f2f2;}

.shows-tab tr:hover {background-color: #ddd;}

.shows-tab {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  /*background-color: #4CAF50;
  color: white; */
}

.rtable {
    border-collapse: collapse;
    border: 1px solid black;
}
.rtable th {
    border: 1px solid black;
    background-color:#3c3c85;  /* dark blue */
    color:white;
    padding:3px 7px 2px 7px;
}

.rtable td {
    border: 1px solid black;
    padding:2px;
}

.rtable tr.row_a {
    background-color: #FFFFFF;
    color: #000000;
}
.rtable tr.row_b {
    background-color: #DFE7F2;
    color: #000000;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}

.hc-hdr {
      background: white;
}

.hc-body {
      background: white;
      position:relative;
      top: -60px;
      z-index: 3;
}
.hc-footer {
      /*background: #F5F5F5;  // WhiteSmoke */
      background: #DCDCDC;  // Gainsboro 
	  	color: white;
      text-align: center;
	  	padding: 10px 10px;
      position:relative;
      top: -60px;
      z-index: 4;
}


.logo-box {
/*
      border: solid black 3px;
      background: white;
      position:relative;
      top: -60px;
      z-index: 2;
*/
}

.left-div {
	float: left;
	padding: 5;
}

.hdr-img
{
	max-width: 100%;
	height: auto;
	float: left;
/*
      position:absolute;
      top: 52px;
      left: 0px;
      z-index: 1;
*/
}

.hdr-img
{
	max-width: 100%;
	height: auto;
	padding: 5px;
}

.logo-img
{
	max-width: 100%;
	height: auto;
	padding: 5px;
/*
      position:relative;
      top: 62px;
      left: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
      z-index: 2;
*/
}


/**************************************************************************
     social media buttons - use  font awesome stylesheet and include:

     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

***************************************************************************
*/

.fa {
  padding: 20px;
  font-size: 30px; 
  /*width: 30px;  */
  text-align: center;
  text-decoration: none;
  margin: 5px 2px;
  border-radius: 50%;
}

.fa:hover {
    opacity: 0.7;
}

.fa-envelope {
/*  background: #3B5998;
  color: white; */
}

.fa-facebook {
  background: #3B5998;
  color: white;
}

.fa-twitter {
  background: #55ACEE;
  color: white;
}

.fa-google {
  background: #dd4b39;
  color: white;
}

.fa-linkedin {
  background: #007bb5;
  color: white;
}

.fa-youtube {
  background: #bb0000;
  color: white;
}

.fa-instagram {
  background: #125688;
  color: white;
}

.fa-pinterest {
  background: #cb2027;
  color: white;
}

.fa-snapchat-ghost {
  background: #fffc00;
  color: white;
  text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.fa-skype {
  background: #00aff0;
  color: white;
}

.fa-android {
  background: #a4c639;
  color: white;
}

.fa-dribbble {
  background: #ea4c89;
  color: white;
}

.fa-vimeo {
  background: #45bbff;
  color: white;
}

.fa-tumblr {
  background: #2c4762;
  color: white;
}

.fa-vine {
  background: #00b489;
  color: white;
}

.fa-foursquare {
  background: #45bbff;
  color: white;
}

.fa-stumbleupon {
  background: #eb4924;
  color: white;
}

.fa-flickr {
  background: #f40083;
  color: white;
}

.fa-yahoo {
  background: #430297;
  color: white;
}

.fa-soundcloud {
  background: #ff5500;
  color: white;
}

.fa-reddit {
  background: #ff5700;
  color: white;
}

.fa-rss {
  background: #ff6600;
  color: white;
}

/*
 * responsive header 
 */
header {
  overflow: hidden;
}

header img {
  margin-left: 50%;
  transform: translateX(-50%);
}


html {
  font-size: 22px;
}

.container {
  width: 80%;
  margin: 0 auto;
}

#kv-div {
   background-color: green;
}

#sm-div {
	text-align:center;
   background-color: yellow;
}