/**
 * Custom styles for ASM Portal
 */
/**-------------------------
 * SITE FONTS
 *-----------------------**/
body,
h1,
h2,
h3,
h4,
h5,
h6,
div,
span,
a,
p,
label,
option,
#page-title,
.highwire-article-citation .highwire-cite-title {
  font-family: Arial, Helvetica, sans-serif;
}
p,
.snippet-content p {
  font-size: 1.071rem;
}
h2,
.snippet-content h2 {
  font-size: 1.857rem;
  text-transform: none;
}
button {
  border-radius: 0.5714rem;
  font-size: 1.071rem;
}
#page-title {
  color: #9f1907;
  font-weight: bold;
}
/**-------------------------
 * HEADER/MENU REGION
 *-----------------------**/
#region-menu .menu li > a,
#region-menu .nice-menu > li > a {
  font-size: 1.214rem;
}
.block#block-panels-mini-asm-banner-logo,
div.panel-pane.pane-snippet.pane-site-logo-snippet,
#mini-panel-drupal_site_asmjnls_search_box .panel-pane {
  margin-bottom: 0;
}
body #region-menu ul.nice-menu .menuparent.over ul a {
  color: #000000;
}
#region-menu .nice-menu .menuparent > ul {
  border: solid 4px #ececec;
}
body #region-menu .nice-menu .menuparent.over > a {
  border-radius: 4px 4px 0 0;
  background-color: #ececec;
}
.user-menu-dropdown > .menubar-nav > .nice-menu > .menuparent > a {
  font-size: 1.143rem;
  font-weight: bold;
}
#zone-user .user-menu-dropdown ul.nice-menu li a.umbrella-publisher-name {
  font-size: 1.071rem;
  text-decoration: underline;
}
/**-------------------------
 * IMAGE CAROUSEL
 *-----------------------**/
.hw-feature-image-carousel-pager li a [class^="icon-"],
.hw-feature-image-carousel-pager li a [class*=" icon-"] {
  color: #dddddd;
}
.hw-feature-image-carousel-pager li a.active [class^="icon-"],
.hw-feature-image-carousel-pager li a.active [class*=" icon-"] {
  color: #9f1907;
}
/**-------------------------
 * JOURNAL COVERS
 *-----------------------**/
.view-asm-journal-issues > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.view-asm-journal-issues > div > div {
  -webkit-box-flex: 0;
  box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  width: 33%;
  text-align: center;
}
.view-asm-journal-issues img {
  border: 1px solid #cccccc;
  box-shadow: 0 0 10px 2px #dddddd;
}
/**-------------------------
 * SITE LOGOS
 *-----------------------**/
.panel-pane.pane-snippet.pane-logo-image-banner,
#block-panels-mini-banner-logo-image {
  margin-bottom: 0;
}
.highwire-quicksearch .form-item-keywords {
  margin-top: 0;
}
.publisher-logo {
  border-right: 1px solid #808080;
  padding-right: 15px;
  margin-right: 20px;
}
.site-logo,
.publisher-logo {
  vertical-align: middle;
}
/**-------------------------
 * ALERTS PAGE
 *-----------------------**/
.hw-alerts-table-controls {
  margin: 10px 0;
}
.hw-alerts-table-controls .links li {
  margin: 0 5px;
  border-radius: 5px;
  background-color: #1c33d7;
  border-color: #1c33d7;
  display: inline-block;
}
.hw-alerts-table-controls .links li a,
.hw-alerts-table-controls .links li a:link {
  color: #ffffff;
  font-weight: bold;
}
/**-------------------------
 * ADVANCED PAGE
 *-----------------------**/
.pane-node-field-advanced-page-rhs .field-items {
  display: block;
}
/**-------------------------
 * SEARCH PAGE
 *-----------------------**/
.pane-style-alt-content {
  background-color: #f0f0f0;
  border: 1px solid #dbdbdb;
  padding: 15px;
}
.panel-region-content .highwire-article-citation .highwire-cite > a > .highwire-cite-title {
  color: #000000;
  font-size: 1.429rem;
}
.highwire-search-results .search-result-highwire-citation .highwire-cite-metadata {
  font-size: 0.9286rem;
  color: #666666;
}
/**-------------------------
 * MEDIA QUERIES
 *-----------------------**/
@media all and (min-width: 768px) and (min-device-width: 768px), (max-device-width: 800px) and (min-width: 768px) and (orientation:landscape) {
  .publisher-logo {
    height: 50px;
  }
}
@media all and (min-width: 980px) and (min-device-width: 980px), all and (max-device-width: 1024px) and (min-width: 1024px) and (orientation:landscape) {
  .publisher-logo {
    height: 69px;
  }
}
@media all and (min-width: 1220px) {
  .publisher-logo {
    height: 79px;
  }
}