/* =====================================================
   The "account masthead" bar across the top of the site
   ===================================================== */
html {

  .account-masthead {
    background: #2c2c43;
  }
  /* The "bubble" containing the number of new notifications. */
  .account-masthead .account .notifications a span {
    background: #353551;
  }
  /* The text and icons in the user account info. */
  .account-masthead .account ul li a {
    color: rgba(255, 255, 255, 0.6);
  }
  /* The user account info text and icons, when the user's pointer is hovering
    over them. */
  .account-masthead .account ul li a:hover {
    color: rgba(255, 255, 255, 0.7);
    background-color: #353551;
    border: none;
  }


  /* ========================================================================
    The main masthead bar that contains the site logo, nav links, and search
    ======================================================================== */

  .masthead {
    background-color: #353551;
  }
  /* The "navigation pills" in the masthead (the links to Datasets,
    Organizations, etc) when the user's pointer hovers over them. */
  .masthead .navigation .nav-pills li a:hover {
    background-color: #f59f1d;
    color: white;
  }
  .nav-pills li a:hover {
    background-color: #2c2c43;
    color: white;
  }
  /* The "active" navigation pill (for example, when you're on the /dataset page
    the "Datasets" link is active). */
  .masthead .navigation .nav-pills li.active a {
    background-color: #f59f1d;
  }
  .nav-pills li.active a {
    background-color: #f59f1d;
  }
  .nav-pills li.active a:hover {
    background-color: #f59f1d;
  }
  /* The "box shadow" effect that appears around the search box when it
    has the keyboard cursor's focus. */
  .masthead input[type="text"]:focus {
    -webkit-box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
    box-shadow: inset 0px 0px 2px 0px rgba(0, 0, 0, 0.7);
  }


  /* ===========================================
    The content in the middle of the front page
    =========================================== */

  /* Remove the "box shadow" effect around various boxes on the page. */
  .box {
    box-shadow: none;
  }
  /* Remove the borders around the "Welcome to CKAN" and "Search Your Data"
    boxes. */
  .hero .box {
    border: none;
  }
  /* Change the colors of the "Search Your Data" box. */
  .homepage .module-search .module-content {
    color: rgb(68, 68, 68);
    background-color: white;
  }
  /* Change the background color of the "Popular Tags" box. */
  .homepage .module-search .tags {
    background-color: rgb(61, 61, 61);
  }
  /* Remove some padding. This makes the bottom edges of the "Welcome to CKAN"
    and "Search Your Data" boxes line up. */
  .module-content:last-child {
    padding-bottom: 0px;
  }
  .homepage .module-search {
    padding: 0px;
  }
  /* Add a border line between the top and bottom halves of the front page. */
  .homepage [role="main"] {
    border-top: 1px solid rgb(204, 204, 204);
  }


  /* ====================================
    The footer at the bottom of the site
    ==================================== */

  .site-footer,
  body {
    background-color: #353551;
  }

  /* .site-footer .ckan-footer-logo {
    display: block;
    width: 50px;
    height: 21px;
    margin-top: 2px;
    background: url("/images/stunting-logo_flat_white.svg") no-repeat top right;
    text-indent: -300em;
  } */
  /* The text in the footer. */
  .site-footer,
  .site-footer label,
  .site-footer small {
    color: rgba(255, 255, 255, 0.6);
  }
  /* The link texts in the footer. */
  .site-footer a {
    color: rgba(255, 255, 255, 0.6);
  }
}