/*BG TOOL The resilience dashboards, a holistic way of measuring EU progress.*/
.mytool-1199 {
  background-color: #fff;
}

.ecl-gallery__detail-description a, .ecl-gallery__detail-description a:hover {
  color: #fff;
}

.ecl-gallery__overlay {
  margin:auto;
}
li {
    list-style: none;
}




@media (min-width: 996px){
.view-jrc-science-area-button .ecl-col-lg-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

#block-dmh-web-visitors-system-main .ecl-row > aside {
  position: sticky;
  top: 0;
  height: fit-content;
}

}

.science-tag {
    height: 100%;
    width: 100%;
    font-weight: bold;
    text-align: center;
    display: grid;
}


.param-commissionpriority .banner-dmh {
  display: none;
}

#block-dmh-web-local-tasks {
    width: 100%;
    display: inline-block;
}

#block-dmh-web-local-tasks ul {
  padding: 0;
  margin: 0;
}

li.ecl-breadcrumb-standardised__segment:nth-child(2) {
    display: none;
}

li.ecl-breadcrumb-standardised__segment:nth-child(3) svg {
    display: none;
}

#block-dmh-web-local-tasks ul li {
    float: left;
    padding-right: 20px;
}

#block-scienceareasjrcdigitalmediahubblock .ecl-col-lg-2 {
    flex: 0 0 20%;
    max-width: 20%;
}

h2.ecl-page-banner__description {
    font: normal normal 400 1.6rem Arial,sans-serif;
    font-weight: 600;
    margin-top: -30px;
}

.ecl-page-banner--image-shade .ecl-page-banner__image {
    background-image: url(/themes/custom/dmh_web/assets/images/banner/banner_mobile.png);
    background-position: top right;
    background-size: cover;
    background-repeat: no-repeat;
}

@media (min-width: 996px){
.ecl-page-banner--image-shade .ecl-page-banner__image {
    background-image: url(/themes/custom/dmh_web/assets/images/Digital-media-hub_platform-banner-20092021.png);
    background-repeat: no-repeat;
    background-position: center -18px;
    background-size: 1200px;
}
}
.ecl-page-banner--image-shade {
    background-color: #0C396A!important;
}

.ecl-page-banner--image-shade .ecl-page-banner__image:before {
    background-color: rgba(0,0,0,0.1);
}

#cp_button_home img {
    width: 100%;
    height: 90px;
}

#block-commissionprioritybuttonblock .ecl-row > div:nth-child(1) .cp_name {
    width: 43%;
}

.cp_name {
    position: absolute;
    left: 37%;
    top: 16%;
    font: normal normal 400 0.875rem/1rem Arial,sans-serif;
    font-weight: bold;
    width: 50%;
    right: 0%;
    color: #575756;
    cursor: pointer;
    text-align: center;
}

@media (min-width: 768px){

.ecl-gallery__item:hover .ecl-gallery__description {
    display: block;
    overflow: hidden;;
  }

  .ecl-gallery__item:hover .ecl-gallery__description a{
      color: #fff;
    }
}

.ecl-link.linkfullscreen {
    width: 100%;
    display: inline-block;
}

.ecl-button--default.fullscreen {
    background-color: #fff;
    color: #000;
    float: right;
    border: none;
    cursor: pointer;
}

#views-exposed-form-media-media .form-item-science-areas,
#views-exposed-form-media-media .form-item-generic {
  visibility: hidden;
  height: 1px;
}

.linkfullscreen button.fullscreen {
    cursor: pointer;
}

.cp-tag-1{
  background-color: #D8EBBE!important;
  color: #000!important;
  font-weight: bold;
}
.cp-tag-2{
  background-color: #B8E6E0!important;
  color: #000!important;
  font-weight: bold;;
}
.cp-tag-3{
  background-color: #FBD5BC!important;
  color: #000!important;
  font-weight: bold;;
}
.cp-tag-4{
  background-color: #C3C6E1!important;
  color: #000!important;
  font-weight: bold;;
}
.cp-tag-5{
  background-color: #EAC0DD!important;
  color: #000!important;
  font-weight: bold;;
}
.cp-tag-6{
  background-color: #B7E1F2!important;
  color: #000!important;
  font-weight: bold;;
}

.ecl-tag {
  margin-top: 10px;
}

.linktag {
    color: #fff;
    margin: 5px;
    white-space: initial;
}

div#block-tabs {
  display: inline-block;
}

div#block-tabs li {
  float: left;
  padding-right: 20px;
}


.ecl-text-input--xl {
  width: 100%;
}