/* @file bmjj.style.article.css
* In this file we are keeping all CSS which is given by BMJ for article pages.
*/

/* Styling for the Careers and Trend MD related content at the bottom of the article page */
/* Careers' widget */

#mdgxWidgetiFrame {
  width: 100%;
  margin: 60px 0 0 0;
  border: 1px solid #ccc;
  height: 500px;
  background: #fff;
}
#mdgxWidgetiFrame body {
  width: 100%!important;
}
#mdgxWidgetiFrame body .logo {
  width: 30%;
  padding: 15px 0 15px 15px;
}
@media screen and (min-width: 768px) {
  #mdgxWidgetiFrame {
    width: 25%;
    float: left;
  }
}
/* TrendMD widget */

#trendmd-suggestions {
  width: 100%;
  float: right;
  margin-top: 60px!important;
  background-color: #fff;
  border: 1px solid #ccc;
  padding: 15px 15px 15px 15px;
  max-height: 500px;
  overflow: auto;
}
#trendmd-suggestions .trendmd-widget_horizontal .trendmd-widget-inner .trendmd-widget-section {
  width: 100%!important;
  margin-left: 0!important;
  padding-left: 0px!important;
}
#trendmd-suggestions .trendmd-widget_horizontal .trendmd-widget-inner .trendmd-widget-section .trendmd-widget-header {
  padding-top: 0px!important;
}
#trendmd-suggestions .trendmd-widget_horizontal .trendmd-widget-inner .trendmd-widget-section .trendmd-widget-list-item__link {
  color: #2a6ebb!important;
  font-size: 15px!important;
}
#trendmd-suggestions .trendmd-widget_horizontal .trendmd-widget-inner .trendmd-widget-section .trendmd-widget-list-item__meta {
  color: #333!important;
}
#trendmd-suggestions .trendmd-widget-section .trendmd-widget-header .trendmd-widget-header__heading {
  font-size: 20px!important;
  font-weight: normal!important;
}
@media screen and (min-width: 768px) {
  #trendmd-suggestions {
    width: 70%;
    margin-top: 70px;
  }
  #trendmd-suggestions .trendmd-widget_horizontal .trendmd-widget-inner .trendmd-widget-section {
    float: left!important;
    width: 48%!important;
    margin: 0 0 0 2%!important;
    border: none!important;
    padding: 7px 0 0 2%!important;
  }
  #trendmd-suggestions .trendmd-widget_horizontal .trendmd-widget-inner .trendmd-widget-section:first-child {
    margin-left: 0!important;
    padding-left: 0!important;
  }
}

/* BMJBULK-80: Adjusted styling of altmetric buttons */
@media screen and (max-width: 450px) {
  input#edit-lifetime, input#edit-6months, input#edit-month {
    display: list-item;
    width: 100%;
    margin-bottom: 15px;
    margin-left: 0;
  }
}