/*!
 * Start Bootstrap - Simple Sidebar (https://startbootstrap.com/template-overviews/simple-sidebar)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-simple-sidebar/blob/master/LICENSE)
 */
body {
  overflow-x: hidden;
  font-family: 'Telex', sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.8;
  color: #595959;
  background: white;
}

#main_title {
font-family: 'Londrina Solid', cursive;
color: white;
}

.tablefixedhead thead tr {
position: relative;
}
.tablefixedhead          { overflow-y: auto; height: 600px; }
.tablefixedhead thead th { position: sticky; top: 0; }

/* Just common table stuff. Really. */
table  { border-collapse: collapse; width: 100%; }
th, td { padding: 8px 16px; }
th     { background:#eee; }

.footer {
  position: sticky;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: red;
  color: white;
  text-align: center;
}

.col-centered {
    /* display:inline-block; */
    float:none;
    /* reset the text-align */
    text-align:left!important;
    /* inline-block space fix */
    /* margin-right:-4px; */
    /* text-align: center; */
    /* background-color: #ccc; */
    /* border: 1px solid #ddd; */
}

#sidebar-wrapper { 
  min-height: 100vh;
  margin-left: -15rem;
  -webkit-transition: margin .25s ease-out;
  -moz-transition: margin .25s ease-out;
  -o-transition: margin .25s ease-out;
  transition: margin .25s ease-out;
}

#sidebar-wrapper .sidebar-heading {
  padding: 0.875rem 1.25rem;
  font-size: 1.2rem;
}

#sidebar-wrapper .list-group {
  width: 15rem;
}

#page-content-wrapper {
  min-width: 100vw;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }

  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
  
  #requestform {
  width: 60%;
  }

}

th.rotate {
   -ms-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
   -webkit-transform: rotate(90deg);
   transform: rotate(90deg);
   -ms-transform-origin: left top 0;
   -moz-transform-origin: left top 0;
   -webkit-transform-origin: left top 0;
   transform-origin: left top 0;
   margin-left: 40px;
   padding: 10px;
   float: left;
}

.map-container-2{
	overflow:hidden;
	padding-bottom:56.25%;
	position:relative;
	height:0;
}
.map-container-2 iframe{
	left:0;
	top:0;
	height:90%;
	width:90%;
	position:absolute;
}

.jumbotron-billboard .img {
    margin-bottom: 0px;
    opacity: 1.2;
    color: #fff;
    background: #000 url("bg.jpg") top center no-repeat;
    width: 100%;
    height: 100%;
    background-size: cover;
    overflow: hidden;
    position:absolute;
    top:0;
    left:0;
    z-index:1;
}
.jumbotron h1 {margin-top:0;}
.jumbotron {
  position:relative;
}
.jumbotron .container {
  position:relative;
  z-index:2;
}

h1, h2, h3, h4, h5,
.h1, .h2, .h3, .h4, .h5 {
  line-height: 1.5;
  color: #000;
  font-weight: 400;
  font-family: 'Jockey One', sans-serif;
  }
  
/* // Extra small devices (portrait phones, less than 576px) */
/* // No media query for `xs` since this is the default in Bootstrap */

/* // Small devices (landscape phones, 576px and smaller) */
@media (max-width: 576px) {
#main_title {
	  font-size: 100%!important;
	  /* background-color: rgba(255, 0, 0, 0.3); */
}
  .jumbotron {
    padding-top:10px;
    padding-bottom:10px;
  }
}
 

@media screen and (max-width: 768px) {
#main_title {
	  font-size: 140%!important;
	  /* background-color: rgba(255, 0, 0, 0.3); */
}
  .jumbotron {
    padding-top:5px;
    padding-bottom:5px;
  }
  .footer {
	  display: none;
  }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { ... }

/* // Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { ... }


/* Style inputs with type="text", select elements and textareas */
input[type=text], select, textarea {
  width: 100%; /* Full width */
  padding: 12px; /* Some padding */  
  border: 1px solid #ccc; /* Gray border */
  border-radius: 4px; /* Rounded borders */
  box-sizing: border-box; /* Make sure that padding and width stays in place */
  margin-top: 6px; /* Add a top margin */
  margin-bottom: 16px; /* Bottom margin */
  resize: vertical /* Allow the user to vertically resize the textarea (not horizontally) */
}

/* Style the submit button with a specific background color etc */
input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/* When moving the mouse over the submit button, add a darker green color */
input[type=submit]:hover {
  background-color: #45a049;
}

/* Add a background color and some padding around the form */
#requestform {
  /* width: 100%; */
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}  
  
 .hidden {
  display: none
} 

img {
  width: 40%;
  height: auto;
}

.text-thick {
  font-weight: bold;
}

table.table-fit {
    width: auto !important;
    table-layout: auto !important;
}
table.table-fit thead th, table.table-fit tfoot th {
    width: auto !important;
}
table.table-fit tbody td, table.table-fit tfoot td {
    width: auto !important;
}