@import url('https://fonts.googleapis.com/css2?family=Play&display=swap');


* {
  font-family: Play, sans-serif;
}

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

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

.span.badge {
  background-color: white;
  color: #626b72;
}
/* The text and icons in the user account info. */
.account-masthead .account ul li a {
  background-color: white;
  color: #626b72;
}
/* The user account info text and icons, when the user's pointer is hovering
   over them. */
.account-masthead .account ul li a:hover {
  background-color: #a0b84a;
  color: white;
}


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

.masthead {
  border-style: solid;
  border-color: #a0b84a; 
  background-color: white;
  background: white;
  color: black;
}
/* 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 {
  border-style: solid;
  border-color: #a0b84a; 
  border-width: medium;
  background-color: white;
  color: #333333;
}
  .masthead .navigation .nav-pills li a .text {
  color: #333333 !important;
  position: static !important;
  top: auto !important;
  left: auto !important;
  display: inline !important;
  visibility: visible !important;
  opacity: 1 !important;
}
   .masthead .navigation .nav-pills li a:hover {
  background-color: #a0b84a;
  color: white;
}
  .masthead .navigation .nav-pills li a:hover .text {
  color: white !important;
}
/* 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: #a0b84a;
  color: white;
}
/* 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);
}

.account-masthead{
  background: white;
}

/* ===========================================
   The content in the middle of the front page
   =========================================== */
@media (min-width: 768px) {
  .hero {
    background-image: url("https://rekis.hydro.tu-dresden.de/wp-content/uploads/2020/12/rekis_header_01b_expert.png");
    background-size: cover;
    background-position:center;
}
  }

.hero{
  min-height:500px;
}
.homepage {
  background-color: white;
}
.btn {
  background-color: #a0b84a;
  border-color: #a0b84a; 
  color: white;
}
.btn:hover{
  background-color: white;
  border-color: #a0b84a; 
  color: #626b72;
}

.main .container .toolbar{
  background-image: url("https://rekisviewer.hydro.tu-dresden.de/fdm/files/naviBackground.png");
  border-radius: 5px;
  padding: 15px;
}

.main .container .toolbar .breadcrumb {
  padding-left: 20px;
}


.main .container .toolbar .breadcrumb .active .a{
  
  color: white;
}



#content > div.toolbar > ol > li > a {
  color:white;
  font-size: medium;
}

/* 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 {
  border-style: solid;
  border-color: grey; 
  border-width: thin;
  color: white;
  
}
/* Change the background color of the "Popular Tags" box. */
.homepage .module-search .tags {
  border-style: solid;
  border-color: grey; 
  border-width: thin;
  background-color: #e6e1dc;
  color: #626b72;
}
.homepage .module-search .tags .tag:hover{
  background-color: #a0b84a;
  border-color: #a0b84a; 
  color: white;
}
/* 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: 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);
}

.hiddenRow {
  padding: 0 !important;
}

.tag-list .custom {
  padding-left: 0;
  padding-right: 0;
  margin: 0;
  list-style: none;
  padding: 10px 10px 5px 10px;
}