/**
 * Place your custom styles here. #cf713b
 */

@font-face {
  font-family: nps;
  src: url("../fonts/NPS_1935.ttf");
}

body {
/*  background-color: #ad8052;*/
  background-color:  #70706b;
/*  background-color: #999f7c;*/
/*  background-color: #ffd486;*/
/*  background-color:  #b84406;*/
  color: #161626;
}

body a {
  color: #c9ce99;
}

.alert, .alert-warning {
  color: #c9ce99;
  text-shadow: -1px -1px 1px #3c415c,  
  1px -1px 1px #3c415c,
  -1px 1px 1px #3c415c,
   1px 1px 1px #3c415c;
  background-color: #4b5174;
  border-color: #24243e;    
}

.panel-heading {
  color: #c9ce99 !important;
  background-color: #4b5174 !important;
  border-color: #24243e !important;
}

.panel {
  border: 1px solid #24243e;
  border-width: 0 1px 4px 1px;
  text-shadow: -1px -1px 1px #3c415c,  
    1px -1px 1px #3c415c,
    -1px 1px 1px #3c415c,
     1px 1px 1px #3c415c;
}

.panel a {
  color: #24243e;
  text-shadow: none;
}

.panel-body {
  background-color: #9ba17c;
}

.panel-body .media-body {
  text-shadow: none;
}

#map {
  width: 100%;
  max-height: 50vw;
}


span.Active a {
  color: red;
}

table {
  background-color: #75a2c1;  
}

h2, h3 {
  font-weight: bold;
/*  color: #24243e;*/
  color: #ec6b41;
  text-shadow:
   -1px -1px 1px #4a4b47,  
    1px -1px 1px #4a4b47,
    -1px 1px 1px #4a4b47,
     1px 1px 1px #4a4b47;
}

.footer {
  text-align: center;
  background-color: #4b5174;
  color: #c9ce99;
  border-top: 1px solid #24243e;
}

.footer a {
  color: #c9ce99;
}

.dockmenu li {
  display: inline-block;
  list-style-type: none;
  color: #e3c381;
}

.dispatchinfoheader {
  height: 250px;
  padding: 0;
  margin: 0;
  margin-top: -15px;
  background-color: #fabab1;
  background-image: url(../images/sagebrush_header_ely_ext.png);
  background-position: top left;
/*  background-repeat: no-repeat;*/
/*  background-size: contain;*/
}
.dispatchinfoheader .firedangerlevel img {
    padding: 5px;
}
.dispatchinfoheader h1#siteheader{
  font-family: nps;
  font-size: 26px;
  margin-top: 180px;
  margin-left: 20px;
}
@media only screen and (max-width : 480px) {
  .dispatchinfoheader h1#siteheader{
    font-size: 26px;
    text-align: center;
  }
}

.dispatchinfoheader #siteheader a,
.dispatchinfoheader #siteheader a:link,
.dispatchinfoheader #siteheader a:hover,
.dispatchinfoheader #siteheader a:visited {
  text-shadow: -2px -2px 3px #e67b25, 2px -2px 3px #f15c5e, -2px 2px 3px #e67b25, 2px 2px 3px #f15c5e;
/*  text-shadow: -2px -2px 3px #f15c5e, 2px -2px 3px #f15c5e, -2px 2px 3px #f15c5e, 2px 2px 3px #f15c5e;*/
/*text-shadow: -2px -2px 2px #e67b25, 2px -2px 2px #e67b25, -2px 2px 2px #e67b25, 2px 2px 2px #e67b25;*/
/*  text-shadow:-3px 3px 3px #1b2023, -4px -3px 3px #1b2023, 3px -3px 3px #1b2023, 3px 3px 3px #1b2023;*/
/*  text-shadow: -2px -2px 2px #3a3b68, 2px -2px 2px #3a3b68, -2px 2px 2px #3a3b68, 2px 2px 2px #3a3b68;*/
/*text-shadow: -2px -2px 3px #24243e, 2px -2px 3px #24243e, -2px 2px 3px #24243e, 2px 2px 3px #24243e;*/
/*text-shadow: -2px -2px 3px #3a3b68, 2px -2px 3px #3a3b68, -2px 2px 3px #3a3b68, 2px 2px 3px #3a3b68;*/
/*  font-weight: bolder;*/
/*  color: #f15c5e;*/
  color: #24243e;
  text-indent: .5em;
  text-decoration: none;
}
.navbar{
    border-radius: 0;
}
/*yes! that was easy: https://work.smarchal.com/twbscolor/*/
.navbar-brand{
    border-radius: 0;
}
.navbar-default {
    background-color: #4b5174;
    border-color: #24243e;
/*    border-top-color: #ffd486;*/
    border-width: 3px 1px 4px 1px;
}

.navbar-default .navbar-brand {
    color: #ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: #ffffff;
}

.navbar-default .navbar-text {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>a {
/*    color: #ffffff;*/
    color: #c9ce99;
    text-shadow: -1px -1px 1px #3c415c,  
    1px -1px 1px #3c415c,
    -1px 1px 1px #3c415c,
     1px 1px 1px #3c415c;
    font-weight: bolder;
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>.dropdown-menu {
    background-color: #75a2c1;
}

.navbar-default .navbar-nav>li>.dropdown-menu>li>a {
    color: #ffffff;
}

.navbar-default .navbar-nav>li>.dropdown-menu>li>a:hover,
.navbar-default .navbar-nav>li>.dropdown-menu>li>a:focus {
    color: #ffffff;
    background-color: #236ca5;
}

.navbar-default .navbar-nav>li>.dropdown-menu>li.divider {
    background-color: #236ca5;
}

.navbar-default .navbar-nav .open .dropdown-menu>.active>a,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
    color: #ffffff;
    background-color: #236ca5;
}

.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    color: #ffffff;
    background-color: #236ca5;
}

.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:hover,
.navbar-default .navbar-nav>.open>a:focus {
    color: #ffffff;
    background-color: #236ca5;
}

.navbar-default .navbar-toggle {
    border-color: #236ca5;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #236ca5;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ffffff;
}

.page-header {
  border-bottom: 1px solid #24243e;  
}


.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
    border-color: #ffffff;
}

.navbar-default .navbar-link {
    color: #ffffff;
}

.navbar-default .navbar-link:hover {
    color: #ffffff;
}

@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
        color: #ffffff;
    }
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus {
        color: #ffffff;
        background-color: #3a3b69;
    }
}

.dispatchblue .region-sidebar-first {
    background:  #4b5174;
    padding: 15px;
    color: #c9ce99;
    border-radius: 5px;
}

.dispatchblue h3 {
    color: #ec6b41;
    text-shadow: -1px -1px 1px #3c415c,  
    1px -1px 1px #3c415c,
    -1px 1px 1px #3c415c,
     1px 1px 1px #3c415c;
    border-bottom: 1px solid #24243e;
}

.dispatchblue .region-sidebar-first .views-field-title a {
    color: #c9ce99;
    text-shadow: -1px -1px 1px #3c415c,  
    1px -1px 1px #3c415c,
    -1px 1px 1px #3c415c,
     1px 1px 1px #3c415c;
    margin-left:15px;
    font-weight:bold;
    
}
/*move the icon for the popup over a little*/
.block-views-blockdispatch-content-block-3 img.leaflet-marker-icon {
    left: -22px;
}

.view-display-id-block_4 table th:first-child, .view-display-id-block_wildland_fire table th:first-child {
    width: 10%;
}

/**
 * @file
 * Utility classes to hide elements in different ways.
 */

/**
 * Hide elements from all users.
 *
 * Used for elements which should not be immediately displayed to any user. An
 * example would be collapsible details that will be expanded with a click
 * from a user. The effect of this class can be toggled with the jQuery show()
 * and hide() functions.
 */
.hidden {
  display: none;
}

/**
 * Hide elements visually, but keep them available for screen readers.
 *
 * Used for information required for screen reader users to understand and use
 * the site where visual display is undesirable. Information provided in this
 * manner should be kept concise, to avoid unnecessary burden on the user.
 * "!important" is used to prevent unintentional overrides.
 */
.visually-hidden {
  position: absolute !important;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  width: 1px;
  height: 1px;
  word-wrap: normal;
}

/**
 * The .focusable class extends the .visually-hidden class to allow
 * the element to be focusable when navigated to via the keyboard.
 */
.visually-hidden.focusable:active,
.visually-hidden.focusable:focus {
  position: static !important;
  overflow: visible;
  clip: auto;
  width: auto;
  height: auto;
}

/**
 * Hide visually and from screen readers, but maintain layout.
 */
.invisible {
  visibility: hidden;
}

/**
 * @file
 * Alignment classes for text and block level elements.
 */

.text-align-left {
  text-align: left;
}
.text-align-right {
  text-align: right;
}
.text-align-center {
  text-align: center;
}
.text-align-justify {
  text-align: justify;
}

/**
 * Alignment classes for block level elements (images, videos, blockquotes, etc.)
 */
.align-left {
  float: left;
}
.align-right {
  float: right;
}
.align-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.region-smokey {
  margin-top: 30px;
  margin-right: 80px;
}