/*
CSS for the Lake Jo Website and Admin Pages 
*/
@font-face {
   font-family: 'playbold';
   src: url('../fonts/play-bold-webfont.woff2') format('woff2'),
        url('../fonts/play-bold-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

@font-face {
   font-family: 'playregular';
   src: url('../fonts/play-regular-webfont.woff2') format('woff2'),
        url('../fonts/play-regular-webfont.woff') format('woff');
   font-weight: normal;
   font-style: normal;
}

h1 {
   font-family: playbold;
}

body {
   font-family: 'playregular', sans-serif;
   font-size: medium;
   font-weight: normal;
}

.page-footer
{
   text-align: center;
   font-size: small;
   font-weight: normal;
}
/*
.hr-double {
	border-top: 3px double #8c8b8b;
}
*/
.main-header
{
  text-align:center;
  margin-top: 15px;
  display:none;
}
.navbar {
  padding: 0px;
}
.nav-parent
{
  color : white !important; /*#A81E22;*/
}
.nav-parent:focus,
.nav-parent:hover
{
  background-color: #0E0D23 !important;
}
.navbar-nav .nav-item.active
{
/*  background-color: rgb(94, 2, 2); dark red */
  background-color: #A81E22;
}
.brand-patch
{
  margin-left: 15px;
  width:45px;
  height:45px;
}

.navbar-left {
  float: left;
  margin-left: 15px;
}
.patch
{
  display: none;
  margin-left: auto;
  margin-right: auto;
  padding: 6px 6px 6px 6px;
  width:150px;
  height:150px;
}
.poster {
   display: block;
}
.posterTitle {
   text-align:center;
   display: block;
   font-size: 30px;
}
.posterText {
   text-align:center;
   display: block;
   font-size: 22px;
}
.gallery-image {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.gallery-image img {
  width: 100%;
}

.bp-alert {
   padding: 20px;
   background-color: #A81E22;
   color: white;
   width: 100%;
}
.bp-closebtn {
   margin-left: 15px;
   color: white;
   font-weight: bold;
   float: right;
   font-size: 40px;
   line-height: 20px;
   cursor: pointer;
   transition: 0.3s;
}
.bp-closebtn:hover {
   color: black;
}


.tbl-action-icon
{
  height:20px;
}
.tbl-cell-center
{
   text-align: center;
}
.tbl-row
{
   border-top: 1px solid #000;
}
.alert-dark {
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.26);
}
.grey-header
{
/*   width: 174px;*/
   height: 40px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   background-image:url(../images/lgrey091.gif);
   background-repeat:repeat;
   text-align: center;
/*   font: 14 px Arial, Helvetica, sans-serif;*/
   font-size: large;
   font-weight: bold;
   color: #000000;
   padding: 6px 1px 1px 1px;
}
.panel-heading
{
   height: 40px;
   border-bottom-style: solid;
   border-bottom-color: #000000;
   background-image:url(../images/lgrey091.gif);
   background-repeat:repeat;
   text-align: center;
   font-size: large;
   font-weight: bold;
   color: #000000;
   padding: 6px 0px 0px 0px;
}

.headquarters
{
   text-align:center;
   margin-left: auto;
   margin-right: auto;
/*   background-image:url(../images/station3.png); */
/*   background-image:url(../images/Station130-HP.jpg); */
   background-repeat: no-repeat;
}
.hqAddress
{
   font-size:x-large;
}
.construction
{
  width: 100%;
  display: block;
  font-size: large;
  font-weight: bold;
  background-color: #eb6f00;
  border-right: 6px;
  border-left: 6px;
  border-color: black;
  border-width: 3px;
}
.newStationBanner
{
  width: 100%;
  display: block;
  background-color: #eb6f00;
  text-align: center;
  border-color: black;
  border-style: solid;
  border-width: 3px;
  border-right: 0px;
  border-left: 0px;
}
.desktopDocs {
  display: none;
}
.mobileDocs {
  display: block;
}
.faq__question
{
  margin-left: -10px;
}
.faq__answer
{
  margin-left: 2rem;
}
.thumbnail
{
   height: 50%;
}
/* Styles for Call History Table */

.chCell
{
    line-height: 1;
    vertical-align: middle;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding: 4px;
}
.chHead
{
   font-weight:bold;
}
.call-date
{
   text-align: center;
}
.ems-calls
{
/*   background: #3E3EFF; */
  background: rgb(26, 23, 65); 
  color:#FFFFFF;
  text-align: center;
}
.fire-calls
{
/*   background: #DA3E43; */
  background: #A81E22;
  color:#FFFFFF;
  text-align: center;
}
.ch-edit
{
   color: #000000;
   text-align: center;
}
.call-total
{
   text-align: center;
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px)
{
   .main-header
   {
      display:block;
   }
   .patch
   {
      display: block;
   }
   .hqTitle
   {
      font-size:x-large;
   }
   .navbar-dark .navbar-brand
   {
      display:none;
   }
   .navbar-dark .navbar-text
   {
      display:none;
   }
}
/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px)
{
   .main-header
   {
     display:block;
   }
   .patch
   {
      display: block;
   }
   .hqTitle
   {
      font-size:xx-large;
   }
   .navbar-dark .navbar-brand
   {
      display:none;
   }
   .navbar-dark .navbar-text
   {
      display:none;
   }
   .desktopDocs {
    display: block;
  }
  .mobileDocs {
    display: none;
  }
}
/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px)
{
   .main-header
   {
     display:block;
   }
   .patch
   {
      display: block;
   }
   .hqTitle
   {
      font-size:xx-large;
   }
   .navbar-dark .navbar-brand
   {
      display:none;
   }
   .navbar-dark .navbar-text
   {
      display:none;
   }
   .desktopDocs {
    display: block;
  }
  .mobileDocs {
    display: none;
  }
}