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

.account-masthead {
  background-color: #ffffff;
  color: black;
}
/* 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(0, 0, 0, 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(0, 0, 0, 0.7);
  background-image: linear-gradient(
    135deg,
    rgb(37, 174, 150) 0%,
    rgb(103, 255, 227) 100%
  );
}

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

.masthead {
  background-color: #ffffff;
  color: rgb(0, 0, 0);
}
/* 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 {
  color: rgba(206, 12, 183, 0.7);
  background-image: linear-gradient(135deg, rgb(37, 174, 150) 0%, rgb(103, 255, 227) 100%); */
/* } */



.masthead .main-navbar ul li a {
  color: black;
  font-weight: bold;
  background-color: transparent;
  background-image: linear-gradient(to right, rgb(37, 174, 150),   rgb(103, 255, 227) );
  background-repeat: no-repeat;
  background-size: 0% 3px; /* Empezamos con ancho 0 */
  background-position: 0 100%;
  transition: background-size 0.3s ease; /
}

.masthead .main-navbar ul li:hover a {
  color: #25ae96;
  text-decoration: underline;
  background-color: transparent;
  background-size: 100% 3px; /* Se expande al 100% */
}

.masthead .main-navbar ul  li.active a {
  color: #25ae96;
  text-decoration: underline;
  background-color: transparent;
}

/*

/* 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(103, 255, 227);
} */
/* 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: rgb(169, 184, 195);
}
/* 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: #ffffff;
}
/* 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);
}

/**************************************************************************************/

/* ====================================
  Home styles
  ==================================== */

.homepage .hero {
  background: #eee;
}

/* background-image: linear-gradient(135deg, rgb(103, 255, 227) 0%, rgb(37, 174, 150) 100%); */

.homepage .module-search {
  background: transparent;
}

.homepage .module-search .module-content {
  border-radius: 20px;
  color: black;
  background: white;
  border-top: 3px solid #25ae96;
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}

.homepage .module-search .tags {
  border-radius: 20px;
  color: black;
  background: white;
  border-top: 3px solid #d94c7e;
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}

.homepage .module-feeds {
  background: transparent;
}


.homepage .module-feeds .box{
  /* border: none; */
  border-radius: 20px;
  color: black;
  background: transparent;
  border-top: 3px solid #25ae96;
  box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}

.homepage .module-feeds .module-heading {
  background: white;
  /* border-top: 0px solid #25ae96; */
  border: none;
  margin: 5px;
}

.homepage .module-feeds section {
  border: none;
}

.dataset-heading a {
  color: #25ae96;
}

/**************************************************************************************/

.module-heading {
  background-image: linear-gradient(
    135deg,
    rgb(103, 255, 227) 0%,
    rgb(37, 174, 150) 100%
  );
}

/*********************************************/

/* ====================================
  Dataset Style
  ==================================== */

.heading-dataset{
    color: #25ae96;
}

.title-slide{
  background-image: linear-gradient(
    135deg,
    rgb(103, 255, 227) 0%,
    rgb(37, 174, 150) 100%
  );
}
  
.toolbar .breadcrumb a {
  color: #25ae96;
}

#dataset-resources{
  color: #25ae96;
  font-weight: bold;
}

.resource-item .heading {
  color: #25ae96;
}