/*
 * kss_style.css
 */

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

    --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;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap');

.htv-logo-font {
   font-family: 'Roboto', sans-serif;
}

/*
 * Bootstrap default heading sizes
 *
 *   h1 - 36px
 *   h2 - 30px
 *   h3 - 24px
 *   h4 - 18px
 *   h5 - 14px
 *   h6 - 12px
 *
 *  font-size: 5vw;   responsive font size  - 1vw = 1% of viewport width
 */

ul.lb-menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  font-size: 24px;
}

.panel-default {
      background-color: black;
}


/* Remove the navbar's default margin-bottom and rounded borders */
.navbar {
      margin-bottom: 0;
      border-radius: 0;
}
/*
.navbar-brand {
  padding: 5px;
}
.navbar-brand>img {
  height: 100%;
  padding: 0px;
  width: auto;
}
*/

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

.center {
  margin: auto;
  width: 50%;
  padding: 10px;
}

jumbotron {
      background-color: #f2f2f2;
}

.navbar-logo {
      background-color: var(--color-logo-background);
      color: white;
}


.logo-font-1 {
	font-size:  24px;
	font-weight: bold;
    line-height: 0.9;
    opacity: 1.0;  
}

.logo-font-2 {
	font-size:  12px;
	font-weight: normal;
    opacity: 1.0;  
}

.ks-logo-box {
	border: solid black 2px; 
	background-color: var(--color-logo-background);
	color: white;
	font-family: 'Roboto', sans-serif;
	padding: 13px 15px 13px 15px;  /* top right bottom left */

}

/* unvisited link */
a.ks-logo-box:link {
	background-color: var(--color-logo-background);
	color: white;
}

/* visited link */
a.ks-logo-box:visited {
	background-color: var(--color-logo-background);
	color: white;
}

/* mouse over link */
a.ks-logo-box:hover {
	color: var(--color-logo-background);
	background-color: white;
}

/* selected link */
a.ks-logo-box:active {
	background-color: var(--color-logo-background);
	color: white;
}

.test {
	border: solid orange 2px; 
}

.ks-header {
   width: 100%;
}

/*
 * color tool:  imagecolorpicker.com
 *
 * logo font:  Aileron Heavy
 * logo background color:  #4d85bd   rgb(77,133,189);
 */

.ks-hdr-div {
      position:relative;
      top: -50px;
      z-index: 2;
      padding: 0px 0px 0px 0px;  /* top right bottom left */
      margin: 0px 0px 0px 0px;  /* top right bottom left */
}

.ks-title-box {
   border: solid black 3px;
   //background-color: var(--color-logo-background);
   background-color:white;
   color: black;
   font-family: 'Roboto', sans-serif;
   padding: 5px 5px 5px 5px;  /* top right bottom left */
   margin: 0px 0px 0px 0px;  /* top right bottom left */
}

.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.red {
	color: red;
}