/*GENERAL*/

body.md-areas-interest h2 {
  text-align: center;
}

a {
  word-break: break-word;
}

/*Links*/

/*
* Medical Devices Area of interests terms page > pdf list
* Getting ready for the new regulations page
*/

.field-collection-item-field-growth-md-key-res-item > .field-name-field-growth-md-pdf a,
.growth-md-area-interest-view-item > a {
  color: #000;
  text-decoration: none;
}

.growth-md-area-interest-view-item > a > h5 {
  color: #005988!important;
}

.field-collection-item-field-growth-md-key-res-item > .field-name-field-growth-md-pdf a:hover,
.growth-md-area-interest-view-item > a:hover {
  text-decoration: underline;
}

/*END GENERAL*/

/*VIEWS ROW*/

[class*="view-growth-md-ext"] .views-row {
  padding: 1em 0 0.75em 0;
}

[class*="view-growth-md-ext"] .views-row:not(.views-row-last) {
  border-bottom: solid 1px #ddd;
}

/* EXPOSED FORM */

[class*="view-growth-md-ext"] .views-exposed-form {
  margin: 1.5em 0;
}

[class*="view-growth-md-ext"] .views-exposed-form .views-exposed-widgets .form-submit {
  margin-top: 1em;
}
/*FLEX*/

.view-growth-md-ext-resources .views-exposed-widgets {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.view-growth-md-ext-resources .views-exposed-widgets:after {
  content: '';
  flex: auto;
}

/*inputs*/

.views-widget-filter-field_growth_md_areas_int_tid_i18n,
.views-widget-filter-field_growth_md_level_tid,
.views-widget-filter-field_growth_md_language_tid,
.views-widget-filter-field_date_value_1,
.views-widget-filter-field_date_value_1 *,
.views-widget-filter-field_date_value_1 .form-item {
  width: 100%;
}


/*overwrite view.css rules*/
[class*="view-growth-md-ext"] .views-exposed-form.views-exposed-widget {
  padding: .5em 0 0 0;
}
[class*="view-growth-md-ext"] .container-inline-date > .form-item {
  margin-right: 0;
}
[class*="view-growth-md-ext"] .container-inline-date .form-item select {
  margin-right: 0;
}

[class*="view-growth-md-ext"] .views-label {
  font-weight: bold;
  color: #676767;
}

[class*="view-growth-md-ext"] .btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ddd;
  text-transform: uppercase;
}

[class*="view-growth-md-ext"] .btn-info {
  font-size: 90%;
  text-decoration: none;
}

[id*="edit-submit-md-ext"] {
  -webkit-box-shadow: 2px 2px 2px 0 rgba(145, 145, 145, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(145, 145, 145, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(145, 145, 145, 0.5);
}

/*extend ec_resp.css*/
[class*="view-growth-md-ext"] .form-control.form-select {
  height: auto;
  min-height: 34px;
  -webkit-appearance: menulist-button;
  -moz-appearance: menulist;
}

[class*="view-growth-md-ext"] .views-submit-button {
  clear: left;
}

/*PAGER*/

[class*="view-growth-md-ext"] .pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin: 1em 0;
}

[class*="view-growth-md-ext"] .pager li > a,
[class*="view-growth-md-ext"] .pager li > span {
  background-color: #f5f5f5;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #ddd;
  border-radius: unset;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}

[class*="view-growth-md-ext"] .pager li > a:hover,
[class*="view-growth-md-ext"] .pager li > span:hover {
  background-color: #e1e1e1;
  border-width: 1px 0 1px 1px;
  border-style: solid;
  border-color: #d3d3d3;
}

[class*="view-growth-md-ext"] .item-list .pager li {
  height: 29px;
  overflow-y: hidden;
  padding: 0;
  margin: 0 0 0.25em 0;
}

[class*="view-growth-md-ext"] .item-list .pager li.first,
[class*="view-growth-md-ext"] .item-list .pager li.first > a {
  border-radius: 0.5em 0 0 0.5em;
}

[class*="view-growth-md-ext"] .item-list .pager li.last,
[class*="view-growth-md-ext"] .item-list .pager li.last > a {
  border-radius: 0 0.5em 0.5em 0;
}

[class*="view-growth-md-ext"] .pager li.pager-current {
  font-weight: bold;
  color: #fff;
  padding: 6px 16px;
  background-color: #3c3c3c;
}

/*MEDICAL DEVICES ACTION BANNER*/

.growth-md-banner {
  margin: 24px 0;
  border: 0.75px #036 solid;
  background-color: #fff;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
}

.growth-md-banner img {
  width: 100%;
  height: auto;
}

dl.md-highlights dt > span {
  display: inline-block;
  min-width: 100px;
}

span.growth-md-date {
  padding-right: 0.5em;
}


/* Medical Devices Area of interests */

#block-block-1.clearfix {
  clear: both;
  visibility: hidden;
}

.key-resources {
  margin: 1em 0;
}

.key-resources.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.key-resources .media-element-container {
  background-color: #fff;
  width: 200px;
  height: auto;
  margin: 0 10px 10px 0;
  border: 0.75px #036 solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
  box-shadow: 3px 3px 5px 0 rgba(0,0,0,0.2);
}

.key-resources .media-element-container:hover {
  -webkit-box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2);
  -moz-box-shadow: 1px 1px  5px 0 rgba(0,0,0,0.2);
  box-shadow: 1px 1px 5px 0 rgba(0,0,0,0.2);
}

.key-resources .media-element-container img {
  width: 100%;
  height: auto;
}

/*pdf list */
/*based on /publications_en */

.vocabulary-growth-md-areas-of-interest .field-collection-container:before {
  content: "Please choose the pdf in your language";
  color: #0e87d0;
  padding: 4px 0;
  margin: 4px 0;
  font-weight: normal;
  line-height: 1.5;
  font-size: 1.25em;
}

.field-collection-item-field-growth-md-key-res-item > div {
  display: inline-block;
  vertical-align: middle;
}
.field-name-field-growth-md-key-res-item > .field-items >.field-item {
  margin-bottom: 0;
  transition: background-color 0.3s ease-out;
}

.field-name-field-growth-md-key-res-item > .field-items >.field-item.even:hover,
.field-name-field-growth-md-key-res-item > .field-items >.field-item.odd:hover {
  background-color: rgba(90,181,232,1);
}

.field-name-field-growth-md-key-res-item > .field-items >.field-item.even {
  background-color: #fff;
}

.field-name-field-growth-md-key-res-item > .field-items >.field-item.odd {
  background-color: rgba(243,243,243,1);
}

.field-collection-item-field-growth-md-key-res-item > .field-name-field-language {
  margin-right: 2em;
  font-weight: bold;
}
.field-collection-item-field-growth-md-key-res-item > .field-name-field-growth-md-pdf a {
  line-height: 2em;
}


/*Getting ready for the new regulations page */

.view-growth-md-areas-interest-pages,
.view-growth-md-areas-interest-taxonomy-terms {
  margin-top: 1em;
  padding: 20px 20px 10px 20px;
  background-color: rgb(182, 204, 198);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

/* all */

.view-growth-md-areas-interest-taxonomy-terms div.view-content div.item-list ul li {
  list-style-type: none;
  margin: 0 0 10px 0;
  padding: 10px;
  text-align: center;
  border: 1px #e1e1e1 solid;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: 2px 2px 2px 0 rgba(145, 145, 145, 0.5);
  -moz-box-shadow: 2px 2px 2px 0 rgba(145, 145, 145, 0.5);
  box-shadow: 2px 2px 2px 0 rgba(145, 145, 145, 0.5);
  background-color: #fff;
  transition: all 0.3s ease-out;
}

.view-growth-md-areas-interest-taxonomy-terms div.view-content div.item-list ul li:hover {
  -webkit-box-shadow: 1px 1px 1px 0 rgba(145, 145, 145, 0.5);
  -moz-box-shadow: 1px 1px 1px 0 rgba(145, 145, 145, 0.5);
  box-shadow: 1px 1px 1px 0 rgba(145, 145, 145, 0.5);
}

/*both manufacturer and not manufacturer*/

/*page title*/
.not-front #content-wrapper .region-content .field-name-title-field,
.not-front #content-wrapper .region-content .field-name-title {
  font-size: 24px;
  border-bottom: 1px solid #0e87d0;
  color: #0e87d0;
  line-height: 30px;
  margin: 31px 0 17px;
  min-height: 23px;
  padding: 2px 0 31px;
  text-align: center;
}

.view-growth-md-areas-interest-taxonomy-terms > .view-content > div,
.view-growth-md-areas-interest-pages > .view-content > div:first-of-type,
.view-growth-md-areas-interest-taxonomy-terms > .view-content > div:first-of-type {
  text-align: center;
}
.view-growth-md-areas-interest-taxonomy-terms > .view-content > div li {
  text-align: inherit;
}

/* manufacturer */

.view-growth-md-areas-interest-pages > .view-content > div:first-of-type,
.view-growth-md-areas-interest-taxonomy-terms > .view-content > div:first-of-type {
  background-color: #e1e1e1;
  padding: 20px;
  margin: 0 0 20px 0;
}

.view-growth-md-areas-interest-pages > .view-content > div:first-of-type li.views-row,
.view-growth-md-areas-interest-taxonomy-terms > .view-content > div:first-of-type li.views-row {
  background-color: #fff;
}

/* not manufacturer */

.view-growth-md-areas-interest-pages > .view-content > div:last-of-type > ul,
.view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type > ul {
  margin: 0;
}

/*links*/
.growth-md-area-interest-view-item {
  width: 100%;
}

/* MEDIAS QUERIES */

@media ( min-width: 541px ) {

  body.md-areas-interest h2 {
    text-align: initial;
  }

  .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-content: space-around;
  }

  .flex > div {
    width: 50%;
  }

  #block-views-growth-md-ext-rel-res-rel,
  #block-views-growth-md-ext-rel-links-rel {
    margin-top: 24px;
  }

  /* md area of interest pages */

  .key-resources .media-element-container {
    margin: 0 10px;
  }
}

@media (min-width: 992px) {
  /* EXPOSED FORM */
  .view-growth-md-ext-resources .views-exposed-widgets {
    justify-content: space-between;
  }
  [class*="view-growth-md-ext"] .views-widget-filter-field_growth_md_areas_int_tid_i18n {
    width: 100%;
  }
  .views-widget-filter-field_growth_md_level_tid,
  .views-widget-filter-field_growth_md_language_tid,
  .views-widget-filter-field_date_value_1 {
    width: 33%;
  }
  /*Getting ready for the new regulations page*/
  .view-growth-md-areas-interest-pages > .view-content,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content,
  .view-growth-md-areas-interest-taxonomy-terms div.view-content div.item-list ul li,
  .view-growth-md-areas-interest-pages > .view-content > div:last-of-type,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type,
  .view-growth-md-areas-interest-pages > .view-content > div:last-of-type > ul,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type > ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  .view-growth-md-areas-interest-pages > .view-content,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content {
    align-content: stretch;
  }
  .view-growth-md-areas-interest-pages > .view-content,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content,
  .view-growth-md-areas-interest-pages > .view-content > div:last-of-type > ul,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type > ul {
    justify-content: space-between;
  }
  .view-growth-md-areas-interest-pages,
  .view-growth-md-areas-interest-taxonomy-terms {
    padding: 20px 20px 0 20px;
  }
  /* all */
  .view-growth-md-areas-interest-taxonomy-terms div.view-content div.item-list ul li {
    align-items: center;
    min-height: 125px;
    margin: 0 0 20px 0;
  }
  /* manufacturer */
  .view-growth-md-areas-interest-pages > .view-content > div:first-of-type,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:first-of-type {
    width: 37%;
  }
  /* not manufacturer */
  .view-growth-md-areas-interest-pages > .view-content > div:last-of-type,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type {
    width: 75%;
    padding: 0 0 0 20px;
  }
  .view-growth-md-areas-interest-pages > .view-content > div:last-of-type > ul,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type > ul {
    flex-wrap: wrap;
  }
  .view-growth-md-areas-interest-pages > .view-content > div:last-of-type li.views-row,
  .view-growth-md-areas-interest-taxonomy-terms > .view-content > div:last-of-type li.views-row {
    width: 48%;
  }
} /* end @media min-width 992px */


/* UTILS */

.margin-b {
  margin-bottom: 24px;
}
.margin-t {
  margin-top: 24px;
}