/*
 * @file ema-tmp.css.
 * Additional CSS to remove after discussion with INNO.
 */

/* Fix to hide language switcher and avoid js issue. */
.ema-header__banner .ecl-site-header__language-list,
.page-search .ecl-site-header__search,
.page-medicines .ecl-site-header__search {
  display: none;
}

/* Define accordion custom style. */
.ecl-accordion__header:active,
.ecl-accordion__header:focus,
.ecl-accordion__header:hover,
.ecl-accordion__header[aria-expanded=true] {
  background-color: #efefef;
}

.ecl-accordion__header {
  font-weight: normal;
}

.ecl-accordion__header[aria-expanded=true] .ecl-icon--up,
.ecl-accordion__header[aria-expanded=false] .ecl-icon--down {
  display: block;
}

.ecl-accordion__header .ecl-icon--up,
.ecl-accordion__header[aria-expanded=false] .ecl-icon--up,
.ecl-accordion__header[aria-expanded=true] .ecl-icon--down {
  display: none;
}

/* Define Rating form custom style. */
html #ema-rating-form__review-block .form-item-subject,
html.js #comment-form-wrapper h3.title,
html.js #ema-rating-form__review-block .form-field-name-field-ema-rating,
html.no-js .ema-rating-form .ema-rating,
html.js #ema-rating-all-group-comments,
.comment-form .form-item-name,
.comment-form [id*=edit-author] {
  display: none;
}

.ema-footer__disclaimer {
  border-top: 1px solid #b1b1b1;
  margin-top: .89rem;
  padding-top: .89rem;
}
/* Remove external icon link from social icon in Header & Footer. */
.ema-header__links a.ecl-link--external:after,
.ema-footer__social a.ecl-link--external:after {
  display: none;
}

/* Share BTN. */
#block-bean-webtools-share-btn {
  display: none;
}
.sbkm,
.wt-sbkm {
  display: inline-block;
}
.ema-share-btn {
  background-color: #fff;
  border: 2px solid #039;
  color: #039;
  font-family: Verdana,sans-serif;
  font-size: .78rem;
  font-weight: 400;
  padding: .33rem;
  line-height: 1;
  margin: 0;
  text-decoration: none;
  display: inline-block;
  overflow: visible;
  align-items: flex-start;
  text-align: center;
  cursor: default;
  vertical-align: bottom;
}
.ema-share-btn:before {
  content: "\e808";
  display: inline-block;
  font-family: EuropaIcons;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-right: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
}
.ema-share-btn:hover {
  background-color: #004494;
  color: #fff;
}
/* Medicine ema rss btn */
.ema-rss-btn {
  margin-left: 10px;
}
.ema-rss-btn:before {
  content: "\e813";
}
.ema-rss-btn:visited {
  color: #039;
}
.ema-rss-btn:hover {
  color: #fff;
}
/* Show the body when share popup opens */
body[aria-hidden=true] {
  display: block;
}

/* View load-more btn */
ul.pager-load-more {
  list-style: none;
  padding: 0;
}
ul.pager-load-more li a {
  color: #b1b1b1;
  display: block;
  font-size: 1.22rem;
  line-height: 3;
  padding: 1rem;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
ul.pager-load-more li a:focus,
ul.pager-load-more li a:hover {
  background-color: #efefef;
  color: #606060;
  text-decoration: underline;
}
a.ecl-tag__item {
  margin-top: 8px;
  display: inline-block;
}
/* ecl-tag__item active class */
a.ecl-tag__item.active {
  background: #039;
  color: white;
}

/* Remove link styling on buttons to remove filter in facets/search */
.ecl-button.ecl-tag__item a,
.ecl-button.ecl-tag__item a:visited {
  color: #404040;
  text-decoration: none;
}

.ecl-button.ecl-tag__item a:hover,
.ecl-button.ecl-tag__item:hover a,
.ecl-button.ecl-tag__item:hover a:visited {
  color: #fff;
}

/* Search / Facets autocomplete fine tuning. */
.form-item-ema-facetapi-autocomplete #autocomplete {
  margin-top: 18px;
}

.form-item-search-api-views-fulltext #autocomplete {
  margin-top: 3px;
}

#autocomplete {
  outline: solid 3px #2651a8;
  border: 0;
  min-width: 100%;
  margin-right: 0px;
  -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
}

#autocomplete li {
  padding: 5px;
  cursor: pointer;
  float: left;
  width: 100%;
  white-space: initial;
  font-size: 14px;
}

#autocomplete li:nth-child(odd) {
  background: #fafafa;
}

#autocomplete li:hover {
  background: #ededed;
}

.view-search-solr-sitewide-search {
  width: 100%;
}

/* Revision - Workbench status message */
.ecl-message-workbench {
  margin-top: -1.22rem;
}
.ecl-col-xl-9 .ecl-message-workbench {
  margin-top: 0;
}
.ecl-message-workbench ul.ecl-message__body {
  list-style: none;
}
.ecl-message-workbench .workbench-info-block {
  background: transparent;
  border: 0;
}
/* TODO remove on next ema style-guide release */
.ema-card {
  text-decoration: none;
  color: #000;
}

/* Menu Local Task */
.ecl-menu-local-task--ema {
  position: fixed;
  z-index: 5;
  left: 0;
  bottom: 0px;
  font-size: 13px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, .2);
  background: white;
  text-align: right;
  right: 0;
}
.ecl-menu-local-task--ema .ecl-navigation-list {
  display: inline-block;
  border: 0;
  margin-right: 15px;
}
.ecl-menu-local-task--ema .ecl-navigation-list__item {
  display: inline-block;
}
.ecl-menu-local-task--ema .ecl-navigation-list__link {
  padding: 0.80rem 0.6rem;
  border: 0;
}
.ecl-menu-local-task--ema .ecl-navigation-list__link.ecl-navigation-list__link--active {
  border: 0;
  color: #000;
  text-decoration: underline;
}
body.logged-in {
  margin-bottom: 35px;
}

/* Remove duplicated magnifier on auto submit */
html.js input.throbbing {
  background-repeat: no-repeat;
}

.page-glossary .block__title,
.page-about-us-about-website-glossary .block__title,
.page-about-us-about-website-glossary-name-az .block__title {
  display: none;
}

.page-glossary .block-facetapi .ecl-checkbox,
.page-about-us-about-website-glossary .block-facetapi .ecl-checkbox,
.page-about-us-about-website-glossary-name-az .block-facetapi .ecl-checkbox {
  display: inline-block;
  background-color: #e3e3e3;
  border-radius: 5px;
  border-width: 0;
  line-height: 1;
  margin-right: .5rem;
  padding: .33rem;
  color: #404040;
  font-family: Arial,sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.page-glossary .block-facetapi .ecl-checkbox.active,
.page-about-us-about-website-glossary .block-facetapi .ecl-checkbox.active,
.page-about-us-about-website-glossary-name-az .block-facetapi .ecl-checkbox.active {
  background: #039;
  color: white;
}

.page-glossary .block-facetapi .ecl-checkbox a,
.page-about-us-about-website-glossary .block-facetapi .ecl-checkbox a,
.page-about-us-about-website-glossary-name-az .block-facetapi .ecl-checkbox a {
  color: #404040;
  font-family: Arial,sans-serif;
  font-size: .875rem;
  font-weight: 400;
}

.page-glossary .views-field.views-field-name,
.page-about-us-about-website-glossary .views-field.views-field-name,
.page-about-us-about-website-glossary-name-az .views-field.views-field-name {
  font-weight: bold;
  margin-top: 3rem;
}

.page-glossary .views-field.views-field-name span.field-content,
.page-about-us-about-website-glossary .views-field.views-field-name span.field-content,
.page-about-us-about-website-glossary-name-az .views-field.views-field-name span.field-content {
  font-weight: bold;
  padding-top: 25px;
  display: block;
}

.ecl-editor a.glossary-term {
  border-bottom: 1px dotted #000;
  color: #000;
  text-decoration: none;
  cursor: help;
}

.ecl-editor .glossary-term:visited {
  color: #000;
  text-decoration: none;
}
.ecl-editor .glossary-term:hover {
  text-decoration: none !important;
}

.block-current-search-ema-standard h2 {
  margin-top: 0;
}

@media (min-width: 768px) {
  #block-search-api-sorts-search-sorts {
    position: absolute;
    right: 1rem;
    top: 0;
  }
}

.block-current-search-ema-standard .current-search-item-field-group-facet-label {
  width: 100%;
  margin-top: 1.2rem;
}

.ecl-tag__item:visited {
  color: #404040;
}

.view-content-solr .ema-u-color-grey-2::first-letter {
  text-transform: uppercase;
}

.ema-listings .ecl-field__body {
  width: 80%;
}

.page-about-us-how-we-work-european-medicines-regulatory-network .view-header p {
  display: inline-block;
}
.page-about-us-how-we-work-european-medicines-regulatory-network .view-header br {
  display: none;
}
.page-about-us-how-we-work-european-medicines-regulatory-network .view-footer p {
  display: inline-block;
}

.ecl-editor h1,
.ecl-editor h2,
.ecl-editor h3,
.ecl-editor h4,
.ecl-editor h5 {
  max-width: 56rem;
}

/* What's New form */
#views-exposed-form-ema-what-s-new-whats-new-page .ecl-form-label,
#views-exposed-form-ema-what-s-new-whats-new-page .form-type-select {
  margin-top: .66rem;
  margin-bottom: .66rem;
}

#views-exposed-form-ema-what-s-new-whats-new-page .ecl-button {
  padding-top: .66rem;
  padding-bottom: .66rem;
}

.view-ema-what-s-new form {
  display: flex;
  margin-bottom: 1rem;
}

.ema-u-outline:focus {
  box-shadow: 0 0 0 3px #2651a8;
}

.ecl-tag--facet-close .ecl-tag__item:after {
  margin-right: .1rem;
  border-radius: 5px;
  display: inline;
}

.block-current-search h3,
.current-search-facet-label,
.current-search-item {
  width: 100%;
}

.ema-status--patient-safety a:hover {
  color: white;
}

.view-ema-what-s-new .cell-index-0 {
  width: 25%;
}

.ecl-list-item.ecl-list-item--three-columns,
.ecl-listing--two-column .ecl-list-item {
  flex-grow: initial;
}

.view-content-solr .ema-list-item--file,
.view-content-solr .ecl-list-item.ema-list-item__translations {
  border: 0px;
}

.ecl-editor .media-element-container {
  display: inline;
}
.page-customerror-404 ul.action-links.links,
.page-customerror-403 ul.action-links.links {
  list-style: none;
  padding-left: 0;
}
/* Members list styling */
.members-list .split-col-half .wrap {
  display: flex;
  margin: 0 -15px;
}
.members-list .split-col-half .wrap > div {
  flex-grow: 1;
  width: 50%;
  border: 1px solid #ccc;
  margin: 0 15px;
}
.members-list .split-col-half .wrap h3,
.members-list .split-col-half .wrap h4 {
  background: #ededed;
  padding: 10px 15px 12px 10px;
  font-size: 1rem;
  margin: 0;
}
.members-list .split-col-half .wrap > div h3 + p,
.members-list .split-col-half .wrap > div h4 + p {
  padding: 0px 15px 15px 15px;
}
.members-list dl {
  display: inline-block;
  padding: 15px;
  margin: 15px 0;
  font-size: 90%;
  word-break: break-word;
  border: 1px solid #ccc;
}
.members-list dl +dl {
  margin-top: 15px;
}
.members-list dl dt,
.members-list dl dd {
  margin: 0;
  float: left;
}
.members-list dl dt {
  width: 30%;
  font-weight: bold;
}
.members-list dl dd {
  width: 65%;
  margin-bottom: 10px;
}
.members-list dl dd ul.document-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.members-list .split-col-half dl {
  padding: 0px 15px 0px 15px;
  border: 0;
}
.members-list .split-col-half + hr,
.members-list dl + hr {
  display: none;
}
.members-list .split-col-half + h4 {
  margin-top: 2.22rem;
}
.members-list .split-col-half + .split-col-half {
  margin-top: 15px;
}
.members-list .document-list .pdf a {
  transform: translateY(-10%);
}
.members-list .document-list .pdf a:before {
  content: '';
  background: url('/sites/default/themes/ema/file_icons/application-pdf.svg?1234') no-repeat;
  width: 16px;
  height: 19px;
  display: inline-block;
  vertical-align: center;
  transform: translateY(20%);
}
@media (max-width: 1200px) {
  .members-list .split-col-half .wrap {
    display: block;
  }
  .members-list .split-col-half .wrap > div {
    width: auto;
    flex-grow: initial;
    margin-bottom: 10px;
  }
}

main .ecl-editor a,
main ul.ecl-list a {
  color: #06c;
  text-decoration: none;
}
main .ecl-editor a:hover,
main ul.ecl-list a:hover {
  text-decoration: underline;
}

.block-facetapi {
  position: relative;
}

.block-facetapi .autocomplete-suggestion-results {
  display: none;
}
/* Video responsive */
@media (max-width: 768px) {
  .media-youtube-video,
  .media-vimeo-video,
  .media-dailymotion-video,
  .media-avportal-video {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;
  }
  .media-youtube-video iframe,
  .media-vimeo-video iframe,
  .media-dailymotion-video iframe,
  .media-avportal-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

.ecl-accordion__header {
  font-family: Verdana, sans-serif;
  font-weight: normal;
}

.file-icon {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

body .ema-status-referral__step:before {
  z-index: initial;
}

body .ema-status-referral {
  justify-content: initial;
}

form .url-textfield {
  display: none;
}

/* Fix EMA-1404 */
.ecl-navigation-menu--ema .ecl-navigation-menu__link {
  font-size: .88rem;
}

.field-name-ema-ds-field-medicine-date-last-update {
  margin-top: 15px;
}
.medicine-icon {
  display: inline-block;
  vertical-align: bottom;
  margin: 0 4px 0 0;
  transform: translateY(-1px);
}
body.node-type-ema-medicine .medicine-icon {
  margin: 0 0 0 8px;
}
/* Fix EMA-1550 */
body main .ecl-editor a:visited,
main ul.ecl-list a:visited {
  color: #75197c;
}
body .ecl-editor a:visited {
  color: #75197c;
}
body main .ecl-editor a:hover,
main ul.ecl-list a:hover {
  color: #000;
}
body .ecl-editor a:hover {
  color: #000;
}
body.page-search .ecl-list-item__link .ema-u-color-grey-2,
.view-ema-what-s-new table .cell-1 {
  line-height: 1.35;
}
.field-name-field-ema-med-active-substance div:first-letter,
.field-name-field-ema-med-active-substance li:first-letter,
.field-name-field-ema-med-inn-common-names div:first-letter,
.field-name-field-ema-med-inn-common-names li:first-letter {
  text-transform: uppercase;
}

/* Exposed form for ratings comments */
.view-ema-comment-list .view-filters {
  background: #f1f1f1;
  padding: 30px;
  margin-bottom: 25px;
}
.view-ema-comment-list #edit-submit-ema-comment-list {
  padding: .89rem 1rem;
}
.view-ema-comment-list .form-item-created-max {
  margin-top: 1.66rem;
}
.view-ema-comment-list .ecl-table {
  table-layout: auto;
}
.view-ema-comment-list .form-item-created-min {
  width: 49%;
  float: left;
}
.view-ema-comment-list .form-item-created-max {
  width: 49%;
  float: right;
  margin-top: -16px;
}
.view-ema-comment-list label.ecl-form-label {
  width: 49%;
}

body.node-type-ema-general .ecl-table,
body.node-type-ema-general .ecl-editor table,
body.node-type-ema-event .ecl-table,
body.node-type-ema-event .ecl-editor table,
body.node-type-ema-news .ecl-table,
body.node-type-ema-news .ecl-editor table,
.ecl-accordion .ecl-table,
.ecl-accordion .ecl-editor table {
  table-layout: auto;
}

#return-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.4);
  width: 50px;
  height: 50px;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#return-to-top span {
  color: #fff;
  margin: 0;
  position: absolute;
  left: 50%;
  top: 50%;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  transform: translate(-50%, -50%);
}
#return-to-top:hover {
  background: rgba(0, 0, 0, 0.7);
}
#return-to-top:hover span {
  color: #fff;
  top: 40%;
}
.ecl-radio__input:focus+.ecl-radio__label:before {
  border-color: #ededed;
}
aside .ecl-radio {
  display: inline-block;
}
aside .ecl-radio__label:before {
  margin-right: .1rem;
}
aside .ecl-radio__label {
  margin-right: 10px;
}
.ecl-listing--two-columns .ecl-heading--h3,
.ecl-listing--three-columns .ecl-heading--h3,
.ecl-listing--two-columns .ecl-paragraph,
.ecl-listing--three-columns .ecl-paragraph {
  line-height: 1.56;
}

/* EMA-1660-Automatic-publishing_EMA_tenders */
.view-ema-tenders h3 {
  margin-top: 2.22rem;
}

.view-ema-tenders .sticky-header {
  font-size: .89rem;
  padding: 0.5em 0;
}

.view-ema-tenders .sticky-header,
.view-ema-tenders .ecl-table thead tr:first-child th {
  border-bottom: none;
  background-color: rgb(0, 51, 153);
  vertical-align: top;
  color: #fff;
}

.view-ema-tenders .ecl-table tbody a {
  color: #06c;
}

@media (max-width: 768px) {

  .view-ema-tenders .ecl-table thead {
    display: block;
  }

  .view-ema-tenders .ecl-table thead tr {
    display: block;
  }

  .view-ema-tenders .ecl-table td,
  .view-ema-tenders .ecl-table th {
    display: block;
    padding: .66rem;
    position: relative;
    clear: both;
  }
}

@media (min-width: 769px) {
  .view-ema-tenders.view-display-id-block_ema_ongoing_tenders .ecl-table tbody > tr > td:nth-child(3n),
  .view-ema-tenders.view-display-id-block_ema_closed_tenders .ecl-table tbody > tr > td:nth-child(3n) {
    width: 40%;
  }
  .view-ema-tenders.view-display-id-block_other_open_tenders .ecl-table tbody > tr > td:nth-child(4n) {
    width: 40%;
  }
}

/* Custom for ema_popup_question_redirect. */
.modal-content .modal-footer .button-yes {
  background-color: #039;
  border-color: #039;
  color: #fff;
  font-weight: 600;
}

.modal-content  .modal-footer .button-yes:hover {
  background-color: #fff;
  border-color: #039;
  color: #4c4c4c;
}

.modal-content .button-hide {
  color: #06c;
}

.modal-content .btn {
  border-radius: 0;
  border-width: 2px;
}

.eaoptout {
  border: 1px solid grey;
  padding: .5rem;
}

.eaoptout p:first-child {
  margin-top: 0;
}

.eaoptout p:last-child {
  margin-bottom: 0;
}

.eaoptout label {
  font-weight: bold;
  margin-left: .5rem;
}

.eaoptout label span {
  margin-left: .5rem;
}

/* Styling rensponsive tables in text area */
.ecl-editor .view-ema-tenders table.sticky-header th {
  color: #fff;
}

/* EMA-1726 */
form button,
a.ema-share-btn {
  cursor: pointer;
}

/* Prac referral timeline */
.ema-status-referral__step.prac-chmp-ec:last-child,
.ema-status-referral__step.prac-cat-chmp-ec:last-child,
.ema-status-referral__step.non-prac:last-child,
.majority .ema-status-referral__step:last-child,
.ema-status-referral__step.solid {
  border-top-style: solid;
}

@media (min-width: 768px) {
  .ema-status-referral__step:last-child span {
    display: block;
    padding: 0 25%;
    text-align: center;
    width: 200%;
  }
}

/* EMA-1737 */
.ema-footer__description .ecl-link--external:after {
  display: none;
}

/* Styling search expert */
div.ecl-list-item__link h3.ecl-list-item__title:hover,
div.ecl-list-item__link .ecl-list-item__body:hover h3,
div.ecl-list-item__link:hover .ecl-list-item__body h3 {
  color: #004494;
  text-decoration: none;
}

body.node-type-ema-dhpc-document table.ecl-editor ul {
  padding-left: 18px;
}
/*grid for landing-pages publications section */

.ema-images-grid > section,
.ema-images-grid > div {
  text-align: center;
}
@media (max-width: 768px) {
  .ema-images-grid > section,
  .ema-images-grid > div {
    clear: both;
  }
  .ema-images-grid > section:not(:last-child),
  .ema-images-grid > div:not(:last-child) {
    margin-bottom: 1rem;
  }
}

@media (min-width: 769px) {
  .ema-images-grid {
    display: -ms-grid;
    display: grid;
    grid-auto-rows: max-content;
    -ms-grid-columns: repeat(3, 1fr);
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 2rem;
    align-items: end;
  }

  /* EMA-1893 video display */
  .ema-images-grid .media-youtube-video {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
  }
  .ema-images-grid .media-youtube-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
  }
}

/* EMA-1979: Set color for covid19 menu item */
.ema-side-navigation .covid19 a {
  background-color: #ac145a;
}

.ema-side-navigation .covid19 li a {
  background-color: #b42b6a;
}

.ema-side-navigation .covid19 li li a {
  background-color: #bd437b;
}

.ema-side-navigation .covid19 li li li a {
  background-color: #c55a8b;
}

.ema-side-navigation .covid19 .ema-side-navigation__link--active,
.ema-side-navigation .covid19 a:hover {
  background-color: #fff;
  -webkit-box-shadow: inset 0 0 0 1px #ac145a;
  box-shadow: inset 0 0 0 1px #ac145a;
  color: #ac145a;
}
/* EMA-2007: Slider covid-19 items */
.view-id-ema_slider_homepage .ecl-meta__item:after {
  content: none;
}

.view-id-ema_slider_homepage .separator {
  color: #9f9f9f;
  margin: 0 .66rem;
  position: relative;
  top: -1px;
}


.view-id-ema_slider_homepage .ema-content-slider__list-item--default {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.view-id-ema_slider_homepage .ema-content-slider__list-item--default .ecl-meta__item__COVID-19,
.view-id-ema_landing_related_news .ecl-meta__item__COVID-19 {
  background-color: #ac145a;
  font-size: 12px;
  color: #fff;
  padding: 2px 5px;
}

/* EMA-1906: Slider images */
@media (min-width: 992px) {
  .ecl-list-item--highlight .ecl-list-item__primary {
    overflow: hidden;
  }

  .ecl-list-item--highlight .ecl-list-item__primary img {
    width: unset;
    max-width: none;
  }
}

/* EMA-1925: Slider improve display for tablets */
@media (min-width: 768px) and (max-width: 991px) {
  .ema-content-slider .ecl-list-item.ema-content-slider__list-item--highlight .ecl-list-item__link div {
    position: relative;
  }

  .ema-content-slider .ecl-list-item.ema-content-slider__list-item--highlight .ecl-list-item__link {
    position: absolute;
  }

  .ema-content-slider .ecl-list-item.ema-content-slider__list-item--highlight .ecl-list-item__body {
    height: 1000px;
  }
}

@media (min-width: 992px) {
  .ecl-col-xl-9 .ema-images-grid {
    -ms-grid-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 1fr);
  }
}

/* EMA-1926 */
h2.ema-webform-confirmation__title {
  color: #000;
  font-size: 2.22rem;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 1.66rem;
  text-decoration: none;
}

/* EMA-1979 */
.covid19 .ema-u-bg-primary .ema-separator__heading {
  background-color: #ac145a;
}

.covid19 .ema-u-bg-primary .ema-separator--secondary .ema-separator__heading--title {
  color: #fff;
}

.covid19 .ema-u-bg-primary .ema-separator__heading--icon {
  fill: #fff;
}

/* EMA-1963 Swap images on click on a button. */
.ema-image-swap {
  background-color: transparent;
  color: #b1b1b1;
  border-color: #b1b1b1;
  border-width: 1px;
  text-decoration: none;
  margin-top: 0rem;
  cursor: pointer;
}
.ema-image-swap:hover {
  border-color: #004494;
  text-decoration: none;
}
.ema-image-swap.ema-button-selected {
  color: #004494;
  border-color: #004494;
  border-width: 3px;
  text-decoration: none;
}

/* EMA-1992: COVID-19 label */
.covid19 .ema-label {
  user-select: none;
  line-height: 1.1;
  color: #fff;
}
.covid19 .ema-label span {
  display: inline-block;
  background-color: #ac145a;
  font-size: 1.22rem;
  padding: 1rem;
}

/* EMA-1975: Covid alert banner */
#covid-alert,
#covid-alert .ecl-accordion__header {
  color: #fff;
}
#covid-alert {
  background-color: #ac145a;
  position: relative;
  user-select: none;
  margin: 0;
  padding: 1.66rem 0;
}
@media (min-width: 769px) {
  #covid-alert {
    padding: 1rem 0;
  }
}

#covid-alert .ecl-accordion {
  margin: 0;
}
#covid-alert .close-alert {
  display: block;
  position: absolute;
  fill: white;
  z-index: 1;
  right: 1rem;
  cursor: pointer;
  width: 15px;
  height: 15px;
  padding: 0;
}
#covid-alert .close-alert[aria-expanded="false"] {
  display: none;
}

#covid-alert .ecl-accordion__header:active,
#covid-alert .ecl-accordion__header:focus,
#covid-alert .ecl-accordion__header:hover,
#covid-alert .ecl-accordion__header[aria-expanded=true],
#covid-alert .ecl-accordion__panel {
  background-color: #ac145a;
}
#covid-alert .ecl-accordion__header:active,
#covid-alert .ecl-accordion__header:focus {
  outline: none;
}

#covid-alert .ecl-accordion__panel {
  padding: 1rem 0 0 0;
}
@media (min-width: 769px) {
  #covid-alert .ecl-accordion__panel {
    padding: 0;
  }
}

#covid-alert h2 {
  display: inline-block;
  margin: 0;
}
@media (min-width: 769px) {
  #covid-alert h2 {
    max-width: 58.33333%;
  }
}
#covid-alert [aria-expanded=false] + .block-ema-core-ema-hp-covid-alert h2 {
  cursor: pointer;
  font-size: 1rem;
}
@media (min-width: 769px) {
  #covid-alert [aria-expanded=false] + .block-ema-core-ema-hp-covid-alert h2 {
    font-size: 0.88rem;
  }
}
#covid-alert [aria-expanded=true] + .block-ema-core-ema-hp-covid-alert h2 {
  font-size: 3rem;
}
/*Copied from .ecl-navigation-menu__link[aria-expanded=false]:after*/
#covid-alert [aria-expanded=false] + .block-ema-core-ema-hp-covid-alert h2:after {
  content: '\e81f';
  font-family: EuropaIcons;
  display: inline-block;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  line-height: 1;
  margin-left: 4px;
  speak: none;
  text-decoration: none;
  text-transform: none;
  padding-left: .33rem;
}

#covid-alert a {
  color: #fff;
  cursor: pointer;
  text-decoration: none;
}
#covid-alert a:hover {
  text-decoration: underline;
}
#covid-alert a:after {
  content: "\e81f";
  display: inline-block;
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-family: EuropaIcons;
  margin: 0 3px 0 15px;
}

#covid-alert .ecl-unordered-list a:after {
  position: absolute;
  right: 10px;
}

@media (max-width: 767px) {
  #covid-alert .ecl-unordered-list {
    margin-bottom: 0;
  }
  #covid-alert .ecl-unordered-list li {
    padding: 0;
  }
  #covid-alert .ecl-unordered-list a {
    display: block;
    padding: 1rem 2rem 1rem 0;
  }
}

#covid-alert .ecl-button {
  background-color: #fff;
  border: 2px solid #fff;
  bottom: 1rem;
  color: #ac145a;
  font-size: 1.25rem;
  font-family: Verdana,sans-serif;
  margin-bottom: 0;
  min-width: 50%;
}
@media (min-width: 769px) {
  #covid-alert .ecl-button {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    min-width: 33%;
  }
}
@media (min-width: 992px) {
  #covid-alert .ecl-button {
    left: 1rem;
  }
}
#covid-alert .ecl-button:hover {
  background-color: #bd437b;
  color: #fff;
}

#covid-alert .ecl-button:focus {
  outline: none;
}

#covid-alert h3 {
  margin: 2rem 0 0 0;
}
@media (min-width: 769px) {
  #covid-alert h3 {
    margin-top: -6rem;
  }
}
@media (min-width: 1200px) {
  #covid-alert h3 {
    margin-top: -3rem;
  }
}

#covid-alert ul {
  list-style: none;
  padding: 0;
}

#covid-alert li {
  position: relative;
  padding: 1rem 2rem 1rem 0;
  border-bottom: 1px solid #fff;
}
#covid-alert li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

/* EMA-1972 */
.images-pair-align > div {
  border-top: 5px solid transparent;
  display: inline-block;
  margin: .5rem;
  width: auto;
}

.images-pair-align > div:first-child {
  margin-left: 0;
}

.images-pair-align > div:last-child {
  margin-right: 0;
}

.images-pair-align .blue {
  border-top-color: #0098db;
}

.images-pair-align .purple {
  border-top-color: #ac145a;
}

.images-pair-align p {
  text-align: center;
}

.view-ema-electronic-certification form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
}
.view-ema-electronic-certification .views-exposed-widgets .ecl-form-group {
  float: left;
  padding: 0.5rem 1rem 0 0;
  margin-top: 0;
}
.view-ema-electronic-certification .views-exposed-widgets .form-button-submit {
  margin-top: 2.3rem;
  padding: 0.6rem 1rem 0.6rem 1rem;
}

/* EMA-1991: Related section icon - icon too small when section title is longer that 1 line */
.ema-separator h3 {
  max-width: calc(100% - 1.66rem);
}

/* EMA-2076: Hack for using new CCK - platform 2.6 */
.cck-content-content p {
  display: none;
}

.cck-content-content p.ecl-visible {
  display: block;
}

/* EMA-1952: Label width in search */
.facetapi-facetapi-checkbox-links label {
  max-width: 100%;
  width: max-content;
}

/* EMA-1966: Chosen width */
.chosen-container {
  max-width: 100%;
}

/* EMA-2103: Edd depth-5 for menu items */
.ema-side-navigation__link--depth-5 {
  padding-left: 4.44rem;
}

/* EMA-2147: timeline */
.timeline {
  margin: 2rem 0 2rem 1rem;
}

.timeline .year {
  border-left: 1px dashed #003399;
  color: #003399;
  font-size: 1rem;
  font-weight: bold;
  text-align: center;
}

.timeline .year p {
  position: relative;
  top: 25%;
}

@media (min-width: 480px) {
  section.ecl-col-xl-9 .timeline .ecl-col-lg-2 {
    -webkit-box-flex: 0;
    flex: 0 0 25%;
    max-width: 25%;
  }

  section.ecl-col-xl-9 .timeline .ecl-col-lg-9 {
    -webkit-box-flex: 0;
    flex: 0 0 calc(100% / 3 * 2);
    max-width: calc(100% / 3 * 2);
  }
}

/* EMA-2259 */
.ema-card,
.ema-card:hover {
  text-decoration: none;
}

.ema-card-text {
  text-align: center;
}

.ema-card-title {
  border-bottom: none;
  color: #003399;
}

.ema-card:hover .ema-card-title {
  text-decoration: underline;
}

.ema-card-image img {
  margin: .25rem auto 30px;
  transition: transform .2s;
}

.ema-card:hover .ema-card-image img {
  transform: scale(1.075);
}

.ema-footer__section > p:first-child {
  margin-top: 20px;
}

/* EMA-2354 Additional styling for dataTables inside accordion */
.ecl-accordion .dataTables_wrapper .dataTables_length select,
.ecl-accordion .dataTables_wrapper .dataTables_filter input {
  background-color: #fff;
}