/*
  Important is probably bad practice, but here we ensure that we use the correct background image
  This should be done better if we want to override this again somewhere else

  TODO: how to give this definition priority over the one in main.css without '!important'?
  */
  .homepage .hero {
    background: url("../../../base/images/background_tile_2.png") !important;
    background-size: 800px 800px !important;
  }

.attribution .sigma2-footer-logo {
  display: block;
  width: 120px;
  height: 21px;
  margin-top: 2px;
  background: url("../../../base/images/sigma2-footer.png") no-repeat top left;
  text-indent: -900em;

}

.attribution .sintef-footer-logo {
  display: block;
  width: 120px;
  height: 21px;
  margin-top: 2px;
  color: transparent;
  background: url("../../../base/images/sintef-footer.png") no-repeat top left;
}

.attribution .nccs-footer-logo {
  display: block;
  width: 120px;
  height: 21px;
  margin-top: 2px;
  color: transparent;
  background: url("../../../base/images/nccs-footer.png") no-repeat top left;
}

.attribution .gigaccs-footer-logo {
  display: block;
  width: 120px;
  height: 40px;
  margin-top: 2px;
  color: transparent;
  background: url("../../../base/images/gigaccs-footer.png") no-repeat top left;
}

.masthead {
  background: #003366 url("../../../base/images/bg.png") !important;
}

.site-footer {
  background: #003366 url("../../../base/images/bg.png") !important;
  padding: 20px 0;
}

.media-view:hover, .media-view.hovered {
  border-color: #003366 !important;
  box-shadow: 0 0 0 4px rgba(0, 0, 0, 0.1);
}

.homepage .module-search .search-form {
  border-radius: 0.25rem;
  background-color: #003366 !important;
  padding: 30px 20px;
}
/* a { */
/*   color: #AA0000 !important; */
/*   text-decoration: none; */
/* } */

.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: #001133 !important;
}

.homepage .module-search .tags {
  margin-top: -5px;
  padding: 5px 10px 10px 10px;
  background-color: #001133 !important;
}
.account-masthead {
  min-height: 30px;
  color: #fff;
  background: #001133 url("../../../base/images/bg.png") !important;
}


/* .site-footer { */
/*   margin-bottom: auto !important;  */
/* } */

  /* margin:auto; */