/**
 * Custom styles for Genetics
 */

/* ============ LEGEND ============
 * 1. GENERAL STYLES
 *   1a. Helpers
 *   1b. Miscellaneous
 * 2. PANELS PANES
 * 3. MENUS
 */

/**-------------------------
 * 1. GENERAL STYLES
 * -------------------------
 */

/**-------------------------
 * 1a. Helpers
 * -------------------------
 */
.top-border {
  border-top: 1px solid @border;
}
.top-padding {
  padding-top: 12px;
}
.vert-borders {
  border-top: 1px solid @border;
  border-bottom: 1px solid @border;
}
.vert-padding {
  padding-top: 12px;
  padding-bottom: 12px;
}
.increased-bottom-margin,
.panel-pane.increased-bottom-margin {
  margin-bottom: 50px;
}

// Increases the bottom margin on LIs for menu panes with this class
.menu-margin ul.menu > li {
  margin-bottom: 1rem;
}

// Add extension to the alpha class for inline to add pipes between each LI
.inline.pipe-separated li {
  padding-right: 0;
}
.inline.pipe-separated li:after {
  content: ' | ';
}
.inline.pipe-separated li.last:after {
  content: none;
}
.inline.pipe-separated li.last {
  margin-right: 0.25rem;
}
@media @normal {
  .pane-menu-menu-footer-bottom.pipe-separated li.last:after {
    content: ' | ';
  }
}

/**-------------------------
 * 1b. Miscellaneous
 * -------------------------
 */

.pane-highwire-subject-collections {
  margin-top: 25px;
}

// PAP List titles
.panel-region-top-left .highwire-list-pap .highwire-list-title,
.panel-region-content .highwire-list-pap .highwire-list-title{
  border-top-width: 0px;
  margin-top: 0px;
  padding-left: 5px;
}

.jcore-2col-layout .panel-region-content .highwire-article-citation-list li .highwire-cite{
  padding: 0 4px;
}

// LENS Button
.pane-highwire-lens .highwire-lens-button {
  border-bottom: 0px solid @lens_border;
  height: 45px;
}
.pane-highwire-lens .highwire-lens-button a {
  background: url('../images/lens_icon.png') 20px 5px no-repeat;
}
.pane-highwire-lens .highwire-lens-button a:link{
  padding: 12px 20px 15px 67px;
}

// Center leaderboard ad
#gam-holder-Genetics_Leaderboard_728x90 {
  text-align: center;
}

.front .jcore-home-layout .pane-panels-mini[class*="-issue"] .highwire-2col-stacked .panel-region-content-left,
.front .jcore-2col-layout .pane-panels-mini[class*="-issue"] .highwire-2col-stacked .panel-region-content-left,
.page-content-by-year .jcore-2col-layout .pane-panels-mini[class*="-issue"] .highwire-2col-stacked .panel-region-content-left,
.page-content-by-volume .jcore-2col-layout .pane-panels-mini[class*="-issue"] .highwire-2col-stacked .panel-region-content-left{
  width: 100%;
}

.front .pane-jnl-genetics-hme-issue .panel-region-bottom .pane-content{
  margin-bottom: 26px;
}

html .button a,
html a.button,
html input[type="reset"],
html input[type="submit"],
html input[type="button"],
html button{
  padding: 0 15px 0 15px;
  height: 30px;
  vertical-align:middle;
}

#genetics-flexible-area div.snippet-content {
  padding: 1px 20px;
}

.pane-highwire-markup .issue-toc-section div.issue-toc-section h2,
#mini-panel-genetics_logged_out_links .pane-custom p {
  margin-bottom: 5px;
}

div.home-page-top-banner-add .snippet-content img {
  margin-left: auto;
  margin-right: auto;
}

#snippet-about-gsa div.snippet-content p {
  padding-top: 13px;
}

body .snippet.contextual-links-region {
  background: transparent;
}

.zone-postscript #region-postscript-second,
.zone-postscript #region-postscript-third {
  padding-top: 36px;
}

.zone-postscript #region-postscript-fourth {
  padding-top: 58px;
}

.icon-unlock:before,
.icon-unlock-alt:before,
.highwire-cite-access span.highlighted {
  color: @citation_icon_text;
}

#mini-panel-genetics_logged_out_links .menu-name-menu-user-menu-unathenticated ul li,
.panels-ajax-tab-wrap-genetics_pap_articles .pap-articles a,
#mini-panel-genetics_login_links .panel-pane.pane-custom,
#mini-panel-genetics_login_links .pane-custom.pane-1,
#mini-panel-genetics_login_links .pane-user-menu,
body #zone-user .block#block-nice-menus-2,
.hw-feature-image-carousel-pager ul.pager,
.pane-user-menu{
  float: right;
}

#mini-panel-genetics_login_links .pane-user-menu,
.hw-edit-search span.title:after,
.pane-user-menu{
  padding-left: 10px;
}

#mini-panel-genetics_logged_out_links .menu-name-menu-user-menu-unathenticated ul li{
  padding-bottom: 33px;
}

// Umbrella menu
// @todo check selectors
#zone-user .region-user-second .menubar-nav .nice-menu .menuparent.first > a {
  padding: 11px;
  display: block;
}
#zone-user ul.nice-menu-down ul li {
  width: 100%;
}
#zone-user ul.nice-menu-down ul li a {
  display: block;
}
// Umbrella menu hover
.region-user-second .menubar-nav .nice-menu .menuparent.first:hover {
  background-color: @umbrella_hover_bg;
}
#zone-user ul.nice-menu-umbrella-menu ul li {
  padding-bottom: 6px;
  /* border-bottom: 1px solid #fff; */
}
#zone-user ul.nice-menu-umbrella-menu ul li:hover {
  border-color: @umbrella_link_hover_border;
}
#zone-user ul.nice-menu-umbrella-menu ul li > a:hover {
  background-color: @umbrella_link_hover_bg;
}

// Applying border radius to all "button" style elements
.pane-highwire-seach-quicksearch form.highwire-quicksearch input,
.icon-unlock:before,
.icon-unlock-alt:before,
.pane-highwire-lens .highwire-lens-button,
.highwire-cite-access span.highlighted,
html .button-wrapper,
html .button a,
html a.button,
html input[type="reset"],
html input[type="submit"],
html input[type="button"],
html button {
  border-radius: 3px;
}

#mini-panel-jnl_genetics_search_box .panel-pane.pane-custom {
  margin-bottom: 30px;
}

/**
 * @todo this was done to separate links in the footer menus rather than adding
 * a bottom margin to the list items, fix this
 */
#zone-postscript ul.menu {
  line-height: 3em;
}

// Add the top border onto the Get Connected pane to resemble other panes
#snippet-for-get-connected {
  border-top: 1px solid @get_connected_border;
  padding-top: 10px;
}

/**
 * TOC page styling
 */

// Separator on TOC page section citations
.highwire-markup .issue-toc ul.toc-section li.toc-item {
  border-bottom: 1px solid @toc_separator;
}
// Remove the bottom border from the last item in a toc section list
// @todo check and combine with other rules
.highwire-markup .issue-toc ul.toc-section li.toc-item.last {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.panel-region-content .highwire-markup .issue-toc-section + .toc-item,
.panel-region-content .highwire-markup .issue-toc-section .toc-section + .issue-toc-section > h2.toc-heading,
.panel-region-content .highwire-markup .issue-toc-section .issue-toc-section + .issue-toc-section > h2.toc-heading {
  border-top: none;
  padding-top: 0;
  margin-top: 30px;
}
.panel-region-content .highwire-markup .issue-toc-section .issue-toc-section + .issue-toc-section > h2.toc-heading {
  margin-top: 40px;
}

#dw-logo {
  display: none;
}

/*Add cc logo in article page*/
.genetics-cc-by-logo .snippet-content a img{
  vertical-align: baseline;
}

/*Add padding for toc and article page*/
body .jcore-2col-layout {
  padding-top: 36px;
}

.chosen-container-multi.chosen-with-drop .chosen-choices:after,
.chosen-container-single.chosen-with-drop .chosen-single div b:after,
.article-page-highwire .highwire-markup .disp-formula-label::before,
.article-page-highwire .highwire-markup .disp-formula-label::after{
  content: "";
}

.home-page-highlight-tabs .highwire-markup .highwire-article-citation .highwire-cite-title {
  margin-top: 20px;
}

// remove precis abstract margin on highlights tab
.highwire-citation-genetics-highlights .precis > *:last-child {
  margin-bottom: 0;
}

#submit-article-to-genetics div.snippet-content,
.pane-highwire-lens .highwire-lens-button a {
  background-color: @lens_bg;
}

// Left chevron icons
.pane-highwire-issue-archive-pager .icon-circle-arrow-left::before,
body .highwire-node-pager .icon-circle-arrow-left::before,
body .issue-archive-browser .icon-chevron-left::before,
.previous-highlight div a::before, {
  content: "\f104";
}

// Right chevron icons
.panels-ajax-tab-wrap-genetics_pap_articles .pap-articles a::after,
body .highwire-node-pager .icon-circle-arrow-right::before,
body .issue-archive-browser .icon-chevron-right::before,
.more-link a.link-more-articles::after,
.current-highlight div a::after {
  content: "\f105";
}

// For the homepage highlights tabs navigation links
.previous-highlight div a::before,
.current-highlight div a::after {
  font-family: FontAwesome;
}
.previous-highlight div a::before {
  font-size: 1.33333rem;
  padding-right: 4px;
}
.current-highlight div a::after {
  font-size: 1.33333rem;
  padding-left: 4px;
}
// Need to float these as they break onto 2 lines on narrow
// @todo check why they don't stay in 2 col layout on narrow
.current-highlight {
  float: right;
}
.previous-highlight {
  float: left;
}

// Vertical align icons for ajax tabs content more links
.panels-ajax-tab-wrap-genetics_pap_articles .pap-articles a::after,
.more-link a.link-more-articles::after,
.previous-highlight div a::before,
.current-highlight div a::after {
  vertical-align: -7%;
}

// @todo might want to move some of the text based ones into the typography file and collapse the button styles into one ruleset
html #section-content .article-page-highwire div.highwire-markup ul.kwd-group a:link,
html #section-content .article-page-highwire div.highwire-markup ul.kwd-group,
.highwire-cite-metadata .highwire-cite-metadata-journal-title em,
.pane-highwire-markup .issue-toc-section h2,
html .button-wrapper,
html .button a,
html a.button,
html input[type="reset"],
html input[type="submit"],
html input[type="button"],
html button {
  text-transform: uppercase;
}

.panels-ajax-tab-wrap-jnl_genetics_tab_art .highwire-markup .article,
.highwire-cite-metadata-trimmed-text div.highwire-markup div.article,
.context-collection .highwire-list-expand .data-wrapper,
.context-category .highwire-list-expand .data-wrapper,
.context-keyword .highwire-list-expand .data-wrapper,
.article-page-highwire .pane-content ul,
.context-category .pane-content ul,
.context-collection .pane-content ul,
.issue-toc-section .issue-toc-section,
.context-keyword .pane-content ul,
.highwire-markup div.issue-toc-section,
#snippet-about-gsa .snippet-content,
.pane-content ol,
.pane-content ol{
  padding-left: 0px;
}

// SF 01091779 - indent the list-simple list on article page
.article-page-highwire .highwire-markup ul.list-simple {
  padding-left: 1.8em;
}

.node-type-highwire-article .panels-ajax-tab-wrap-jnl_genetics_tab_art div.highwire-markup div.article div.section > h2,
#zone-content .node-type-highwire-article .pane-panels-ajax-tab-tabs + .panel-separator + .pane-panels-ajax-tab-container{
  margin-top: 24px;
  line-height: 160%;
}

.node-type-highwire-article div.highwire-markup div.article div.section > h2 {
  margin-left: 0;
}

#zone-content .panel-region-sidebar-right .pane-panels-ajax-tab-container,
body .pane-highwire-opportunity-challenge .opportunity-challenge-login {
  border: none;
}

.html #section-footer .zone{
  border-right: 0px;
}

.pane-highwire-search-results ul.highwire-search-results-list div.highwire-cite div.highwire-cite-snippet,
.highwire-search-results-list li p.search-snippet,
.html #section-footer .zone{
  border-left: 0px;
}

.node-type-highwire-article .panels-ajax-tab-container .panels-ajax-tab-wrap-jnl_genetics_tab_art .pane-highwire-markup .pane-content,
.pane-highwire-search-results ul.highwire-search-results-list div.highwire-cite div.highwire-cite-snippet,
body .panel-region-content .highwire-markup .issue-toc .toc-item .highwire-cite,
body .panel-region-content .highwire-markup .issue-toc-section h2,
.highwire-search-results-list li p.search-snippet,
#zone-user ul.nice-menu-umbrella-menu li a,
body #zone-user .block#block-nice-menus-2 ,
.html #section-footer .zone{
  padding: 0px;
}

.node-type-advanced-page #page-title{
  margin-top: 40px;
}

html #section-content .article-page-highwire div.highwire-markup ul.kwd-group a:link,
html #section-content .article-page-highwire div.highwire-markup ul.kwd-group,
.node-type-highwire-article .highwire-article-citation h1#page-title {
  margin-bottom: 0;
}

.panel-region-top-right .panels-ajax-tab-container .highwire-article-citation-list ul li,
body #zone-user .region-user-second-inner .block#block-nice-menus-2 {
  margin: 0px;
}

.panel-region-top-right .panels-ajax-tab-container .highwire-article-citation-list ul li{
  padding: 15px 5px;
}

.responsive-layout-mobile .hw-feature-image-carousel .hw-feature-image-carousel-pager{
  padding: 9px;
}

.jcore-home-layout .panel-region-top-left .highwire-article-citation .highwire-cite > .highwire-cite-authors,
.panel-region-top-left .highwire-list-pap .highwire-list-title,
.panel-region-content .highwire-list-pap .highwire-list-title{
  padding-top: 0px;
}

.jcore-home-layout .panel-region-top-left .home-page-highlight-tabs .highwire-article-citation .highwire-cite > .highwire-cite-authors,
.jcore-home-layout .panel-region-top-left .highwire-list-pap .highwire-article-citation .highwire-cite > .highwire-cite-authors,
.jcore-2col-layout  .panel-region-content .highwire-list-pap .highwire-article-citation .highwire-cite > .highwire-cite-authors,
.jcore-2col-layout  .panel-region-content .highwire-list-pap .highwire-article-citation .highwire-cite > .highwire-cite-metadata,
.jcore-2col-layout .panel-region-content .highwire-article-citation .highwire-cite > .highwire-cite-authors,
.jcore-2col-layout .panel-region-content .highwire-article-citation .highwire-cite > .highwire-cite-metadata,
.jcore-2col-layout .panel-region-content .highwire-article-citation .highwire-cite > .highwire-cite-snippet,
.highwire-list-pap .highwire-article-citation .highwire-cite > .highwire-cite-metadata,
html .pane-content .highwire-markup{
  margin-top: 3px;
}

.node-type-highwire-article .jcore-2col-layout .panel-region-content .highwire-article-citation .highwire-cite > .highwire-cite-authors{
  margin-top: 10px;
}

.node-type-highwire-article .jcore-2col-layout .panel-region-content .highwire-article-citation .highwire-cite > .highwire-cite-metadata{
  margin-top: 5px;
}

// Add a separator between the refine search and get alerts links on search pages
.search-result-tool .edit_link::after {
  content: '|';
}
// Add some extra padding to space out the separator
.search-result-tool .edit_link a {
  margin-right: 5px;
}

// Hide the search facet prefix on search pages
.pane-highwire-search-facets-prefix {
  visibility: hidden;
}

.node-type-highwire-article div.highwire-markup div.ref-list .ref-use-labels .ref-label.ref-label-empty + a.rev-xref-ref{
  margin-left: 0;
}

.panels-ajax-tab-wrap-genetics_pap_articles .pap-articles a:after,
.more-link a.link-more-articles:after{
  font-family: FontAwesome;
  font-size: 1.33333rem;
}

#zone-content .jcore-home-layout {
  padding-top: 30px;
}

.highwire-cite-metadata-pdf-link a.highwire-citation-pdf-download-link::after,
.highwire-cite-metadata-pdf-link a.highwire-citation-pdf-download-link::after,
.panels-ajax-tab-tab[data-panel-name*="tab_pdf"] i.icon-file-alt::before,
.highwire-cite-metadata-pdf-link a.pdf-icon::after, a.highwire-article-nav-jumplink .icon-file-alt::before{
  content: url("/sites/default/files/additional-assets/rsz_1pdflg2x.png");
}

#zone-content .panel-region-content .highwire-markup .issue-toc .toc-item .highwire-cite .highwire-cite-access {
  position: relative;
  top: -3px;
}

.node-type-highwire-issue .most-read-cited ul li.last{
  display: inline-block;
}

// @todo check this selector applies to both TOC page and current issue tab
// .front .panel-region-top-left .highwire-markup .issue-toc  ul.toc-section,
// body .panel-region-content .highwire-markup .issue-toc  ul.toc-section {
.highwire-markup div.issue-toc-section > .toc-section {
  margin-left: 40px;
}

/*.highwire-citation-genetics-home-toc-citation a div div,
.highwire-citation-genetics-toc-citation a span div {
  display: inline;
}*/

.icon-unlock:before,
.icon-unlock-alt:before {
  content: "OPEN ACCESS";
  background-color: @citation_oa_icon_bg;
  letter-spacing: 0.5px;
  font-size: 0.857rem;
}

.icon-unlock:before,
.icon-unlock-alt:before,
.highwire-cite-access span.highlighted {
  padding: 2px 4px;
}

.panel-region-content .highwire-cite-access,
.highwire-cite-access span.highlighted {
  margin: 0 5px;
}

.floating-article li.last i:before{
  content: 'PDF';
}

ul.author-tooltip-find-more,
.article-page-highwire div.highwire-markup div.fn-group ul,
.article-page-highwire div.highwire-markup div.fn-group ul li{
  list-style-type: none;
}

// Article keywords
// Reuses @article_section_separator as they should be the same color
div.highwire-markup ul.kwd-group {
  padding-bottom: 24px;
  border-bottom: 1px solid @article_section_separator;
  margin-bottom: 20px;
}
div.highwire-markup .article div.section ul.kwd-group h2 {
  border-top-width: 0px;
}
.article-page-highwire .highwire-markup ul.kwd-group li.kwd {
  padding: 0.4em 1em 0 1em;
}
.article-page-highwire .highwire-markup ul.kwd-group li.kwd {
  height: 18px;
  border-radius: 2px;
}

html table,
html tr.even,
html tr.odd,
html thead th,
html th,
html th.active,
html td.active,
html .table-expansion table th,
html .table-expansion table td {
  color: @table_cells;
}

div.fig-caption span.fig-label{
  padding: 8px 8px 8px 0;
}

.issue-archive-browser .icon-chevron-left,
.issue-archive-browser .icon-chevron-right {
  font-size: 3.357rem;
}

.pane-highwire-issue-archive h3.archive-title {
  padding-left: 25px;
}

.panel-region-content .archive-issue-list .issue-list-month {
  background-color: @archive_month_bg;
}

.highwire-cite-access span.highlighted {
  background-color: @citation_highlight_icon_bg;
}

.pane-highwire-issue-archive-pager .pager-prev .icon-circle-arrow-left {
  font-size: 1.714rem;
}

.pane-highwire-article-clipboard-copy #copy-dynamic {
  height: 25px;
  padding-top: 5px;
}

.pane-node-field-highwire-article-category .field-name-field-highwire-article-category div:first-letter,
div.home-page-top-banner-add .snippet-content img,
.home-issue-volume p a {
  display: block;
}

.node-type-highwire-issue ul.links.variants-list.menu {
  -webkit-column-count: 2;
  -webkit-column-gap: 10px;
  -moz-columns: 2 auto;
  column-count: 2;
}

// Icons on article and issue jump links
.highwire-toc-sections-nav ul li::before,
.highwire-article-nav ul li::before,
.highwire-toc-sections-nav ul li > a:hover::before,
.highwire-article-nav ul li > a:hover::before,
.pane-style-alt-content .highwire-toc-sections-nav ul li > a:hover::before,
.pane-style-alt-content .highwire-article-nav ul li > a:hover::before {
  z-index: 9999;
  left: -1.5rem;
  color: @jump_link_icon;
}
.highwire-toc-sections-nav > .highwire-list > ul > li:before,
.highwire-article-nav > .highwire-list > ul > li:before {
  top: 0;
}
.highwire-toc-sections-nav ul li::after,
.highwire-article-nav ul li::after,
.highwire-toc-sections-nav > .highwire-list > ul > li:after,
.highwire-article-nav > .highwire-list > ul > li:after {
  top: 1.1rem;
  left: -1.1rem;
  background-color: @jump_link_connector;
}
.pane-highwire-toc-sections .highwire-toc-sections-nav li,
.pane-highwire-article-nav .highwire-article-nav li {
  margin-bottom: 10px;
}

// Alerts login form
.panel-pane.pane-alerts-login-form {
  margin-bottom: 30px;
  clear: both;
}
.pane-alerts-login-form #edit-highwire-alerts-email {
  float: left;
  margin: 0px 10px 10px 0px;
}
.pane-alerts-login-form input[type="text"] {
  max-width: 60%;
}

#section-footer {
  background: @footer_bg;
  border-top: 8px solid @footer_border;
}

/*New code added for Top of the page*/

body #section-header .zone{
  box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.3);
}

body #section-content .zone{
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.3);
}

// @todo move the menuparent bits into a more generic section... these apply to all nice menus
#zone-user ul.nice-menu-umbrella-menu ul,
.menuparent ul {
  background-color: @umbrella_sub_bg;
}
.menuparent ul {
  margin-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
#zone-user .menuparent ul li a {
  white-space: nowrap;
  padding-left: 10px;
}

// Adds arrow icon to umbrella menu
.nice-menu-umbrella-menu > li > a:after {
  content: "\f0d7";
  font-family: FontAwesome;
  font-size: 1.5rem;
  text-decoration: inherit;
  -webkit-font-smoothing: antialiased;
  margin-left: 5px;
  top: 3px;
  position: relative;
}

#zone-user ul.nice-menu-umbrella-menu ul{
  right: 0;
  left: auto;
  top: 44px;
  line-height:32px;
  width: 152%;
  list-style: none;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}

#zone-user ul.nice-menu-umbrella-menu ul{
  text-align: left;
}

#zone-user-wrapper,
#zone-user{
  height: 44px;
}

/* GSADRUL-11 */
.responsive-layout-normal img,
.responsive-layout-narrow .branding-data .logo-img img {
  max-width: 80%;
}
a img{
  height: auto;
}

/* G3DRU-50 */
.responsive-layout-normal .bx-wrapper img {
  max-width: 100%;
}
body .issue-archive-browser .bx-wrapper .bx-controls-direction a {
  z-index: 0;
}

body div.ui-front{
  z-index: 99999;
}

.node-type-highwire-issue .highwire-toc-sections-nav,
.node-type-highwire-issue .pane-submit-article-to-genetics{
  padding-top: 50px;
}

article.node-hwfeat-image-slideshow-item div.hwfeat-slide-overlay {
   background: rgba(0, 0, 0, 0.7) none repeat scroll 0 0;
}

.responsive-layout-wide .hw-feature-image-carousel-pager ul.links {
  padding-right: 12px;
  padding-bottom: 5px;
}

article.node-hwfeat-image-slideshow-item .hwfeat-slide-overlay a div.field-item {
  font-size: 1.429rem;
  font-weight: bold;
}

.hw-feature-image-carousel-pager ul {
  margin-bottom: 0;
}

/*For Mobile Layout*/
.front.responsive-layout-mobile .hw-feature-image-carousel.slide-style-row .hw-feature-image-carousel-pager {
  background: transparent;
}

.responsive-layout-mobile div.zone-user-wrapper{
  display: none;
}

.responsive-layout-mobile .only-for-mobile {
  display: inherit;
}

.responsive-layout-mobile .zone-superheader #mini-panel-hw_small_logo div{
  padding-bottom: 8px;
}

.responsive-layout-mobile .node-hwfeat-image-slideshow-item > .content > .hwfeat-slide-overlay{
  padding: 9px 15px 19px;
  font-size: 1rem;
}

// Override media queries from Jcore to set block and pane margin so that
// we can have a zero margin on mobile
.block,
.panel-pane {
  margin-bottom: 0;
}
@media @narrow {
  .block,
  .panel-pane {
    margin-bottom: 20px;
  }
}

.responsive-layout-mobile ul,
.responsive-layout-mobile fieldset {
  margin-bottom: 0;
}

.responsive-layout-mobile .hw-feature-image-carousel-pager li a [class^="icon-"],
.responsive-layout-mobile .hw-feature-image-carousel-pager li a [class*=" icon-"] {
  color: @carousel_mobile_pager;
}

.responsive-layout-mobile .hw-feature-image-carousel-pager li a.active [class^="icon-"],
.responsive-layout-mobile .hw-feature-image-carousel-pager li a.active [class*=" icon-"] {
  color: @carousel_mobile_pager_active;
}

.responsive-layout-mobile #zone-postscript ul.menu {
  padding-left: 0;
}

.responsive-layout-mobile .zone-postscript #region-postscript-second,
.responsive-layout-mobile .zone-postscript #region-postscript-third {
  padding-top: 0;
}

.responsive-layout-mobile .pane-alerts-login-form input[type="text"] {
  max-width: 100%;
}

.responsive-layout-mobile .pane-alerts-login-form .form-item-highwire-alerts-email {
  width: 100%;
}

.responsive-layout-mobile .pane-alerts-login-form input[type="submit"] {
  max-width: 100px;
}

.responsive-layout-mobile.node-type-highwire-article .highwire-2col-stacked .panel-region-content-right {
  padding-left: 0;
}

.panel-panel .panels-ajax-tab-container .panels-ajax-tab-wrap-jnl_genetics_most_read .highwire-article-citation-list ul li {
  padding: 15px 0px;
}

// Make the more links in right sidebar ajax tabs container right aligned
.panel-region-sidebar-right .pane-panels-ajax-tab-container .highwire-list-wrapper + .more-link {
  text-align: right;
}

.panel-panel .pane-panels-ajax-tab-tabs + .pane-panels-ajax-tab-container,
.panel-panel .pane-panels-ajax-tab-tabs + .panel-separator + .pane-panels-ajax-tab-container {
  margin-top: 0;
}

.pane-panels-ajax-tab-container .panels-ajax-tab-wrap-genetics_pap_articles {
  padding-top: 0;
}

.responsive-layout-wide .pane-hw-feature-image-carousel-column-panel-pane-2,
.responsive-layout-normal .pane-hw-feature-image-carousel-column-panel-pane-2 {
  margin-bottom: 39px;
}

.responsive-layout-wide .top-right-wrapper .panel-region-top-right .pane-jnl-genetics-hme-issue{
  margin-bottom: 33px;
}

.responsive-layout-normal .top-right-wrapper .panel-region-top-right .pane-jnl-genetics-hme-issue{
  margin-bottom: 27px;
}

.responsive-layout-narrow .panel-2col-stacked .panel-col-first,
.responsive-layout-narrow .panel-2col-stacked .panel-col-last {
  float: none;
  width: 100%;
}

.responsive-layout-narrow #zone-content #region-content .jcore-home-layout .panel-region-carousel,
#zone-content #region-content .jcore-home-layout .panel-region-carousel{
  background: none;
}

.responsive-layout-narrow .pane-hw-feature-image-carousel-for-blog-row-panel-pane-2 div.pane-content,
.responsive-layout-narrow .pane-clone-hw-feature-image-carousel-blog-row-panel-pane-2 div.pane-content{
  padding-top: 12px;
}

.responsive-layout-narrow .top-right-wrapper .panel-region-top-right > .inside {
  margin-top: 47px;
}

#highwire-alerts-email-login-form .form-item-highwire-alerts-email {
  margin-bottom: 0px;
}

.pane-snippet-for-social-icons-footer {
  display: table;
  float: left;
}

.responsive-layout-narrow #zone-postscript #region-postscript-first {
  width: 662px;
  padding-right: 24px;
}

.responsive-layout-narrow #zone-postscript #region-postscript-second {
  padding-left: 24px;
  width: 110px;
}

.responsive-layout-narrow #zone-postscript #region-postscript-third {
  width: 206px;
}

.responsive-layout-narrow #zone-postscript #region-postscript-fourth {
  width: 326px;
}

#mini-panel-jnl_genetics_art_tools .highwire-2col-stacked .panel-region-content-right .inside {
  margin-left: 10px;
}

#mini-panel-jnl_genetics_art_tools .content-left-wrapper,
#mini-panel-jnl_genetics_art_tools .content-right-wrapper {
  float: left;
  width: 50%;
}

#mini-panel-jnl_genetics_art_tools .content-left-wrapper .panel-region-content-left,
#mini-panel-jnl_genetics_art_tools .content-right-wrapper .panel-region-content-right {
  float: left;
  width: 100%;
}

.node-type-highwire-issue .highwire-2col-stacked .panel-region-content-left,
.node-type-highwire-article .highwire-2col-stacked .panel-region-content-left {
  width: inherit;
}

.responsive-layout-wide .pane-hw-feature-image-carousel-for-blog-row-panel-pane-2 .pane-content,
.responsive-layout-narrow .pane-hw-feature-image-carousel-for-blog-row-panel-pane-2 .pane-content,
.responsive-layout-wide .pane-clone-hw-feature-image-carousel-blog-row-panel-pane-2 .pane-content,
.responsive-layout-narrow .pane-clone-hw-feature-image-carousel-blog-row-panel-pane-2 .pane-content{
  float: left;
}

.responsive-layout-mobile .view-hw-feature-image-carousel-for-blog-row- .hw-feature-image-carousel-pager ul{
  padding-bottom: 10px;
}

.hw-feature-image-carousel-pager .icon-circle {
  font-size: 0.7143rem;
}

.view-hw-feature-image-carousel-column .hw-feature-image-carousel-pager ul li a [class^="icon-"],
.view-hw-feature-image-carousel-column .hw-feature-image-carousel-pager ul li a [class*=" icon-"]{
  color: @carousel_mobile_pager;
  opacity: 1.3;
}

.view-hw-feature-image-carousel-column .hw-feature-image-carousel-pager ul li a.active [class^="icon-"],
.view-hw-feature-image-carousel-column .hw-feature-image-carousel-pager ul li a.active [class*=" icon-"]{
  color: @carousel_mobile_pager_active;
}

.pane-jnl-genetics-accordion .ui-accordion h3.ui-accordion-header,
.pane-jnl-genetics-accordion .ui-accordion h3.ui-accordion-header.ui-state-active {
   background: none;
   border: none;
   border-top: 1px solid @accordion_separator;
   font-size: 1rem;
   font-weight: bold;
   margin: 0;
   border-radius: 0;
}
.panel-region-sidebar-right .pane-jnl-genetics-accordion .ui-accordion > h3:first-child {
  border-top: 1px solid @accordion_active_bg;
}
.pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content > *,
.pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content ul,
.pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content ul li,
.panel-region-sidebar-right .pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content ul li:last-child {
  border: 0;
}
.pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content {
  padding: 0 10px;
}
.pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content ul li,
.pane-jnl-genetics-accordion .ui-accordion .ui-accordion-content .highwire-article-citation-list ul li {
  border-bottom: 1px solid @accordion_separator;
  padding-right: 0;
  padding-left: 0;
}
.panel-region-sidebar-right .pane-jnl-genetics-accordion .ui-accordion h3.ui-state-active,
.pane-jnl-genetics-accordion .ui-widget .ui-widget-content,
.pane-jnl-genetics-accordion .ui-widget .ui-widget-content .highwire-list-footer {
  background: @accordion_active_bg;
}
.pane-jnl-genetics-accordion .ui-widget .ui-widget-content .highwire-list-footer {
  border-top: 1px solid @accordion_separator;
  border-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.pane-jnl-genetics-accordion .ui-accordion div:last-child div.highwire-list-footer {
  text-align: right;
}
.pane-jnl-genetics-accordion .ui-accordion div:last-child div.highwire-list-footer a::after {
  content: " \f105";
  font-family: fontawesome;
  font-size: 1rem;
}

/* qTip popup CSS changes. */
.qtip .qtip-titlebar,
.qtip .qtip-content {
  padding: 15px;
}
.qtip .qtip-titlebar + .qtip .qtip-content {
  padding-top: 0;
}
div.hw-author-tooltip {
  max-width: 498px;
  width: 498px;
}
.author-tooltip-affiliation span.nlm-aff {
  display: block;
}
ul.author-tooltip-find-more {
  line-height: 120%;
  padding-left: 0;
}
.author-tooltip-find-more li {
  display: inline;
  padding-right: 15px;
}
.highwire-highlighted-icon::before {
  content: 'HIGHLIGHT';
  letter-spacing: 0.5px;
  font-style: normal;
}

/* Right side bar widgets margin fixes. */
.sidebar-right-wrapper .pane-highwire-seach-quicksearch,
.sidebar-right-wrapper .highwire-quicksearch .form-item-keywords {
  margin-bottom: 0;
}
.sidebar-right-wrapper .pane-jnl-genetics-art-tools .panel-panel .panel-pane {
  margin-top: 0;
}
.sidebar-right-wrapper div.panel-pane[class*="-art-tools"] .panel-pane .pane-content a [class*="icon"] {
  margin-right: 6px;
}
.node-type-highwire-article .sidebar-right-wrapper .pane-highwire-article-collections {
  border-top: 1px solid @article_section_separator;
}

html body #section-content .article-page-highwire div.highwire-markup ul.kwd-group {
  border-bottom: 1px solid @article_section_separator;
  margin-bottom: 20px;
}
.node-type-highwire-article div.highwire-markup .fig-caption,
.node-type-highwire-article div.highwire-markup .table-caption {
  color: @table_captions;
}

#zone-user .block #mini-panel-jnl_genetics_uid_strng .panel-pane{
  margin-top: -17px;
}

/* SF case:list-type="alpha-lower" */
.pane-content .highwire-markup ol.list-alphalower {
  list-style-type: lower-alpha;
}

/**
 * @todo Check use of !important
 */
.pane-jnl-genetics-art-tools .pane-content div a:hover,
.highwire-lens-button a:hover {
  text-decoration: underline !important;
  color: @article_toolbox_link_hover !important;
}

@media all and (min-width: 360px) {
  .responsive-layout-mobile #views-slideshow-bxslider-5 .hwfeat-slide-overlay {
    float: left;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 35%;
  }
}

@media all and (max-width: 768px) {
  .front.responsive-layout-mobile .hw-feature-image-carousel.slide-style-row .hw-feature-image-carousel-pager {
    background: transparent none repeat scroll 0 0;
    bottom: 37px;
    margin: 0 auto;
    max-width: 500px;
    position: relative;
  }
  .view-clone-hw-feature-image-carousel-blog-row  .hw-feature-image-carousel-pager ul.pager {
    float: left;
  }
}


@media all and (max-width: 320px) {
  .view-clone-hw-feature-image-carousel-blog-row .hw-feature-image-carousel-pager ul.pager {
    float: right;
  }
}

.hw-feature-image-carousel-pager li a [class^="icon-"],
.hw-feature-image-carousel-pager li a [class*=" icon-"] {
  text-decoration: none;
}

.pane-highwire-collection-articles .highwire-cite-access .highwire-citation-access-check {
  display: none;
}

.pane-highwire-collection-articles .highwire-cite-access .icon-unlock:before {
  content: "OPEN ACCESS";
  background-color: @citation_oa_icon_bg;
  letter-spacing: 0.5px;
  border-radius: 3px;
  color: @citation_icon_text;
  padding: 2px 4px;
  font-family: 'Source Sans Pro';
  font-size: 0.8571rem;
  font-weight: bold;
}


/* SF536830 */
.node-type-highwire-issue .panel-region-sidebar-right .pane-highwire-issue-cover img {
  max-width: none;
}

/** SF-556568 **/
div.highwire-markup div.article .boxed-text {
  background: @boxed_text_bg;
  border-color: @boxed_text_border;
  padding: 2rem;
}
/** SF-00558382 **/
.main-content-wrapper .panel-region-content .highwire-article-citation-list li .highwire-cite .highwire-cite-access {
  position: relative;
}

/* SF-558788
  Table within boxed-text is too narrow
*/
div.highwire-markup div.boxed-text .table>div {
  display: block;
  width: 100%;
}

div.highwire-markup div.boxed-text .table.pos-anchor {
  max-width: 100%;
  margin: auto;
}

div.table li.fn {
  margin-left: 20px;
}

// G3DRU-13: alerts logout button styling
// @todo check all button styling
.pane-alerts-logout-form a.button {
  line-height: 1;
  padding: 0.5rem 1rem;
  height: auto;
  text-decoration: none;
}

// G3DRU-14: removing Jcore padding from ajax tabs citaions on homepage
// @todo move this when reorganising the CSS
.panel-region-content .highwire-article-citation-list li .highwire-cite {
  padding: 0;
}

// G3DRU-14: setting margin and padding for Early Online citations to match Jcore
.panels-ajax-tab-panel .highwire-list-pap .highwire-article-citation-list ul li {
  padding: 0 0 20px;
  margin: 0 0 20px;
}

/**-------------------------
 * 2. PANEL PANES
 * -------------------------
 */

// Current issue cover images
.cover-issue-image a {
  display: block;
  text-align: center;
}
/** SF-538862 **/
.cover-issue-image img {
  width: auto;
  max-width: 100%;
}

// G3DRU-112: make lines for ajax tabs and sidebar panes line up
@media @narrow {
  .pane-jnl-genetics-hme-issue {
    margin-top: 50px;
  }
}
@media @normal {
  .pane-jnl-genetics-hme-issue {
    margin-top: 0;
    height: 433px;
  }
  .pane-jnl-genetics-hme-issue .cover-issue-image img {
    max-height: 348px;
  }
}
@media @wide {
  .pane-jnl-genetics-hme-issue {
    height: 529px;
  }
  .pane-jnl-genetics-hme-issue .cover-issue-image img {
    max-height: none;
  }
}

// MINORPROJ-24: copyright snippet
#zone-footer .pane-footer-copyright-text p {
  margin: 0;
}

/**-------------------------
 * 3. MENUS
 * -------------------------
 */

// MINORPROJ-24: Social media menu
.social-media-menu ul.menu > li {
  display: inline-block;
  padding: 0;
  margin: 0;
}
// Social media menu links
.social-media-menu ul.menu li a {
  display: inline-block;
  height: 26px;
  width: 26px;
  border-radius: 100px;
}
// Specific background colors for links
.social-menu-facebook { background-color: @social-facebook; }
.social-menu-twitter { background-color: @social-twitter; }
.social-menu-youtube { background-color: @social-youtube; }
.social-menu-linkedin { background-color: @social-linkedin; }
.social-menu-gplus { background-color: @social-gplus; }
// Icon styling to center logos
.social-media-menu ul.menu li a i {
  display: block;
  line-height: 26px;
  text-align: center;
  font-size: 1rem;
}
// Separating this out to make it cleaner to invert
.social-media-menu i {
  color: @social-menu-color;
}
// For inverted style in footer#
.social-media-menu.inverted ul.menu li a {
  background-color: @social-menu-color;
}
.social-media-menu.inverted {
  .social-menu-facebook i { color: @social-facebook; }
  .social-menu-twitter i { color: @social-twitter; }
  .social-menu-youtube i { color: @social-youtube; }
  .social-menu-linkedin i { color: @social-linkedin; }
  .social-menu-gplus i { color: @social-gplus; }
}