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

.account-masthead {
  background-color: rgb(40, 40, 40);
}

/* The "bubble" containing the number of new notifications. */
.account-masthead .account .notifications a span {
  background-color: black;
}

/* 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: black;
}


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

.masthead {
  background-color: #ffffff;
  background-image: none;
  min-height: 50px;
}

.masthead .nav>li>a,
.masthead .nav>li>a:focus {
  color: #000000;
}

.masthead .main-navbar ul li a {
  color: #000000;
}

.masthead .main-navbar ul li:hover a,
.masthead .main-navbar ul li:focus a,
.masthead .main-navbar ul li.active a {
  border-radius: 0.3rem;
  background-color: rgb(48, 48, 48);
  color: #ffffff;
}

/* 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: rgb(48, 48, 48);
  color: #000000;
}

/* 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: rgb(74, 74, 74);

}

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

#.homepage .hero {
  # padding: 20px 0 130px 0;
  #
}

/* Change the colors of the "Search Your Data" box. */
.homepage .module-search .module-content {
  color: rgb(68, 68, 68);
  background-color: white;
  # padding: 20px 15px 0 15px;
}

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

.homepage .module-search .search-form {
  padding: 0px;
}

.homepage .module-search .module-content {
  padding: 20px 15px 0 15px;
}

.search-form .search-input {
  margin-bottom: 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);
}

.heading {
  font-size: 24px;
}

h3,
.h3 {
  font-size: 18px;
}

.homepage .module-feeds {
  padding: 20px 0;
}

.homepage .module-promotion {
  padding: 50px 30px 0px 30px;
}

.form-control {
  border: 1px solid #000000;
}

[role=main],
.main {
  min-height: 320px;
}

.homepage ul,
.homepage ol {
  list-style: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.homepage li {
  display: inline-block;
}

.homepage li::marker {
  content: '';
  display: none;
}

.homepage .module-stats strong {
  font-weight: normal;
}

.homepage .module-stats > .card.box {
  padding: 2rem;
}

.homepage .module-promotion.card.box {
  padding-top: 2rem;
}

.homepage .box.stats strong {
  font-weight: normal;
}

.homepage .box.stats > .inner {
  padding: 2rem;
}

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

.site-footer .attribution p {
  color: rgba(255, 255, 255, 0.6);
}

.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  padding-bottom: 0px;
}

.col-md-8 {
  padding-bottom: 0px
}

.site-footer,
body {
  background-color: rgb(40, 40, 40);
}

/* 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);
}

.site-footer {
  margin-bottom: initial;
  padding: 20px 0;
}

.site-footer .container {
  position: relative;
}

.row {
  margin-right: -15px;
  margin-left: -15px;
  padding-bottom: 0px;
}

li::marker {
  display: none;
}

.site-footer .footer-links ul {
  margin: 0;
}

@media (min-width: 992px) .col-md-8 {
  float: left;
}

.col-md-8 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}