/* =====================================================
   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
   ======================================================================== */

.hero {
/*  background: url(https://www.valls.cat/images/la-ciutat/descobreix-valls/descobreix-valls-slide/descobreix-valls3.jpg) top center no-repeat; */
  background: url("/base/images/ajuntament10.jpg") top center no-repeat;
    background-color: rgba(0, 0, 0, 0);
    background-position-x: 0%;
    background-position-y: 45%;
 /*   background-position-x: center;
    background-position-y: top; */
    background-repeat: no-repeat;
    background-attachment: scroll;
 /*   background-image: url("https://www.valls.cat/images/la-ciutat/descobreix-valls/descobreix-valls-slide/descobreix-valls3.jpg"); */
    background-image: url("/base/images/ajuntament10.jpg");
    background-size: auto;
    background-origin: padding-box;
    background-clip: border-box; 
background-size: cover; /*
height: 70vh;
position: relative;
padding: 0px; 
overflow: visible; 
z-index: 2;
margin-bottom: 20px; */
}
.hero-message {
  position: absolute;
  top: 50%;
  left: 20%;
  right: 20%;
  color: #fff;
  text-align: center;
  font-weight: 300;
}
.hero-message p {
  font-size: 36px;
  line-height: 36px;
}
.hero-message strong {
  font-weight: 300;
  font-size: 48px;
}
.hero-message small {
  font-size: 24px;
 }
.navbar {
  background-color: #ffffff;
  border: 1px solid #447ed1;
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 2px;
    border-left-width: 0px;
}
.navbar .navbar-static-top {
  background-color: #ffffff;
}
.masthead {
  /* background-color: #3d3d3d; */
  background-color: #ffffff;
  color: #515151;
  margin-bottom: initial;
  padding: 10px 0;
  background: white;
 /* background: #005d7a url("../../../base/images/bg.png");
  background-color: rgb(0, 93, 122); */
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
/*  background-image: url("../../../base/images/bg.png"); */
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
} 
.masthead .navigation .nav-pills li a {
  /* background-color: rgb(48, 48, 48);
  color: #ffffff; */
  background-color: transparent;
  color: #515151;
}
/* 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: #ffffff; */
  background-color: transparent;
  color: #447ed1;
}
/* 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); */
  background-color: transparent;
  color: #447ed1;
}
/* 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: #ffffff;
}
/* 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);
}
body {
  /* background-color: rgb(40, 40, 40); */
  background-color: #ffffff;
  color: #515151;
}

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

.site-footer {
  /* background-color: rgb(40, 40, 40); */
  background-color: 4A148C;
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: initial;
  padding: 10px 0;
  background: #4A148C !important;
 /* color: #ffffff;
  background: #005d7a url("../../../base/images/bg.png");
  background-color: rgb(0, 93, 122);*/
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
/*  background-image: url("../../../base/images/bg.png"); */
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  padding: 20px 0;
}
/* The text in the footer. */
.site-footer,
.site-footer label,
.site-footer small {
  /* color: rgba(255, 255, 255, 0.6); */
  background-color: 4A148C;
  color: rgba(255,255,255,0.85) !important;
  margin-bottom: initial;
  padding: 10px 0;
  background: #4A148C !important;
 /* color: #ffffff;
  background: #005d7a url("../../../base/images/bg.png");
  background-color: rgb(0, 93, 122);*/
  background-position-x: 0%;
  background-position-y: 0%;
  background-repeat: repeat;
  background-attachment: scroll;
/*  background-image: url("../../../base/images/bg.png"); */
  background-size: auto;
  background-origin: padding-box;
  background-clip: border-box;
  padding: 20px 0;
}
/* The link texts in the footer. */
.site-footer a {
  /* color: rgba(255, 255, 255, 0.6); */
  color: rgba(255,255,255,0.85) !important;
}

.site-footer a:hover {
  /* background-color: rgb(48, 48, 48);
  color: #ffffff; */
  /* background-color: #ffffff; */
  color: rgba(255,255,255,0.85) !important;
}

.select2-container, 
.select2-choice, 
.select2-chosen, 
.lang-container {
  color: #444;
}

.ajv-copyright {
  color: #515151;
  background-color: #000000;
  font-family: 'roboto', Verdana, Helvetica, Arial, sans-serif;
  font-size: 16px;
  line-height: 26px;
}

.ajv-container {
  margin: 0 auto;
  position: relative;
  width: 1200px;
}
.ajv-flex-container {
  display: flex;
  flex-flow: row wrap;
}
.ajv-grid-12 {
  min-width: 0;
  display: inline;
  float: left;
  position: relative;
  margin: 0;
  flex-basis: 100%;
  width: 1200px;
}
.ajv-alpha {
  
}
.ajv-omega {
  
}
.ajv-block {
  margin: 3px 10px;
  position: relative;
}
.module-surround {
  color: #515151 !important;
}
.ajv-module-content {
  padding: 0px 0px;
}
.custom {
  font-size: 85%;
}