/**
 * Breakpoints.css.less is a single file contains progressive enhancements as the viewport gets larger than mobile.
 * Please remember to put mobile/default styles in components and theme.css first, and then override them here for larger viewports!
 *
 * In Omega this was represented by separate stylesheets (default.css, default-narrow.css etc) but for fluid
 * responsive layouts a single file approach is more flexible and gives us greater control over progressive enhancement.
 */
.narrow-inline ul li,
.desktop-inline ul li {
  display: block;
}
/**
 * Zero
 */
@media all and (min-width: 0px) {
  /* AAN2B-10: Announcement view */
  .pane-aan-announcements {
    margin-left: 10px;
  }
  .pane-aan-announcements .views-row {
    width: 100%;
    margin-bottom: 15px;
    padding-right: 0;
    padding-left: 0;
  }
  .pane-aan-announcements .pane-content {
    display: block;
  }
}
/**
 * Narrow
 * This is similar to default.css + default-narrow.css in Omega, containing common tablet and desktop styles.
 */
@media all and (min-width: 768px) and (min-device-width: 768px), all and (max-width: 1024px) and (max-device-width: 1024px) and (orientation:landscape) {
  .narrow-inline ul li {
    display: inline;
    padding-right: 1rem;
  }
  .desktop-inline ul li {
    display: block;
    padding-right: 1.5rem;
  }
  h2.ctools-collapsible-handle {
    font-size: 1.6rem;
  }
  /* Notable this month, Residents & Fellows*/
  div[class*="pane-style-primary-content-"] > div > div > div > div > .panel-region.panel-region-left .panel-pane .view-aan-featured-article-feed-items.view-display-id-panel_pane_2,
  div[class*="pane-style-primary-content-"] > div > div > div > div > .panel-region.panel-region-left .panel-pane .view-aan-featured-post-feed-items.view-display-id-panel_pane_2 {
    border-bottom: 0;
  }
  /* Featured Post and Podcast Feed Items */
  .pane-aan-homepage-featured-posts .view-aan-featured-post-feed-items ul li,
  .pane-aan-homepage-featured-podcasts .view-aan-featured-podcast-items ul li {
    max-width: 100%;
  }
  .pane-aan-homepage-featured-posts .view-aan-featured-post-feed-items ul li {
    margin-bottom: 0;
  }
  /* Featured content blocks */
  ul.list--featured-content li:first-child,
  ul.list--featured-content li:nth-child(2) {
    width: 49%;
  }
  /* Featured Podcast Widget */
  .field-name-field-aan-feat-pod-categories .field-item {
    display: block;
  }
  .field-name-field-aan-feat-pod-categories .field-item:after {
    content: none;
  }
  .node--featured-podcast__listen {
    /* Button styles */
  }
  .node--featured-podcast__listen a i,
  .node--featured-podcast__listen a span {
    display: block;
  }
  .node--featured-podcast__listen a.button {
    width: 100%;
    padding: 1.5rem .5rem .5rem .5rem;
  }
  .node--featured-podcast__listen a.button span.button-text {
    margin: 0 .75rem 0 .25rem;
  }
  /* Subscribe and view more links */
  .node--featured-podcast__subscribe,
  .node--featured-podcast__view_more {
    display: block;
  }
  .node--featured-podcast__view_more {
    float: none;
  }
  /* TOC */
  .toc-node-pager {
    position: absolute;
    top: -4.5rem;
    width: 95%;
  }
  .highwire-citation-type-highwire-article .aan-article-citation-variant-list {
    float: left;
  }
  /* RHS */
  .pane-drupal-pub-aan-iss-issue {
    margin-top: 0;
  }
  /* Article page */
  .pane-highwire-simillar-articles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
  }
  .pane-highwire-simillar-articles > * {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .pane-highwire-simillar-articles > h2 {
    width: 20%;
  }
  .pane-highwire-simillar-articles > div {
    width: 75%;
  }
  /* Article jump to links */
  .highwire-article-nav a {
    font-size: 1.2rem;
  }
  /* Article figures links */
  .highwire-markup ul.highwire-figure-links.inline li {
    display: inline;
  }
  .highwire-markup ul.highwire-figure-links.inline li a {
    border: none;
    padding: 0;
  }
  .highwire-figure-link {
    border: 0;
    padding: 0;
  }
  /* Footer */
  .zone-footer-third-wrapper .content > .panel-pane {
    border-right: 1px solid;
  }
  #mini-panel-hw_umb_aan_hero > .panel-panel > div,
  #block-panels-mini-hw-umb-footer-full > .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #mini-panel-hw_umb_aan_hero > .panel-panel > div > .panel-pane,
  #block-panels-mini-hw-umb-footer-full > .content > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  /* Article Info Links */
  .pane-aan-art-page-metrics > .pane-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
  }
  .pane-aan-art-page-metrics > .pane-content > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .pane-aan-art-page-metrics > .pane-content > .panel-pane.pane-aan-art-tools,
  .pane-aan-art-page-metrics > .pane-content > .panel-pane.pane-aan-art-page-metrics {
    -webkit-box-flex: 2;
    -ms-flex: 2 0 auto;
    flex: 2 0 auto;
  }
  /*
  .pane-aan-art-page-info-links .pane-highwire-article-crossmark {
    text-align: center;
  }
  */
  div[class*="pane-style-primary-content"] > div > div > div > div > .panel-region,
  .hw-interior .main-content-wrapper {
    padding: 2rem 3rem;
  }
  div[class*="pane-style-primary-content"] > div > div > div > div > .panel-region-left {
    padding: 2rem 1rem 2rem 3rem;
  }
  div[class*="pane-style-primary-content"] > div > div > div > div > .panel-region-right {
    padding: 2rem 3rem 2rem 1rem;
  }
  div[class*="pane-style-primary-content"] > div > div > div > div > .panel-region-middle {
    padding: 2rem 1rem;
  }
  .narrow-text-right {
    text-align: right;
  }
  .form-type-password .password-strength {
    float: right;
    margin-bottom: 0rem;
  }
  /* Footer First */
  .zone-footer-first-wrapper .panel-region-center > .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
  .zone-footer-first-wrapper .panel-region-center > .inside > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20%;
    padding-right: 1rem;
  }
  .zone-footer-first-wrapper .panel-region-center > .inside > .panel-pane:last-child {
    padding-right: 0;
  }
  /* Footer Bottom */
  .zone-footer-third .panel-display > .panel-panel > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  .zone-footer-third .panel-display > .panel-panel > div > .panel-pane {
    flex: 0 1 auto;
    text-align: center;
  }
  .zone-footer-third .panel-display > .panel-panel > div p {
    margin: 0;
  }
  .zone-footer-third .panel-display > .panel-panel > div .footer-logo-wk {
    margin-left: 2rem;
  }
}
/**
 * Normal
 * This is similar to default-normal.css Typically desktop only styles.
 */
@media all and (min-width: 1024px) and (min-device-width: 1024px), all (max-width: 1400px) and (max-device-width: 1400px) and (orientation:landscape) {
  .narrow-inline ul li,
  .desktop-inline ul li {
    display: inline;
    padding-right: 1.5rem;
  }
  /* Header */
  .region-header {
    font-size: 1.5rem;
  }
  /* SF-01149640 updating padding so menu is on one line */
  .zone-superheader-first ul.nice-menu-down > li a {
    font-size: 1.5rem;
    padding: 2rem 0.6rem;
  }
  .site-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  .site-info > div {
    -webkit-box-flex: 1;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .site-info > .site-slogan {
    border-left: 1px solid #dbdbdb;
    margin-left: 2rem;
    padding: .5rem 0rem .5rem 2rem;
    max-width: 320px;
  }
  .hw-default-jcode-neurology .site-info > .site-slogan {
    margin: 0 0 1rem 2rem;
  }
  /* Advanced Search */
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-title,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-abstract-title,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-abstract-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-text-abstract-title,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-text-abstract-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-references,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-references-flags,
  .pane-search-alert-create-form [id^="edit-title-container"] > .form-item,
  .pane-search-alert-create-form [id^="edit-title-abstract-container"] > .form-item,
  .pane-search-alert-create-form [id^="edit-anywhere-container"] > .form-item {
    float: left;
    width: 65%;
  }
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-title,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-abstract-title,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-abstract-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-text-abstract-title,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-text-abstract-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-references,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-references-flags,
  .highwire-advanced-search-form [id^="edit-keywords"] .form-options-inline > .form-item {
    margin-top: 15px;
  }
  .pane-search-alert-create-form [id^="edit-title-container"] > .form-type-radios,
  .pane-search-alert-create-form [id^="edit-title-abstract-container"] > .form-type-radios,
  .pane-search-alert-create-form [id^="edit-anywhere-container"] > .form-type-radios,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-abstract-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-text-abstract-title-flags,
  .highwire-advanced-search-form .fieldset-wrapper > .form-item-references-flags {
    width: 35%;
  }
  h2.ctools-collapsible-handle {
    font-size: 2rem;
  }
  /* Flex items */
  .list--featured-content > li,
  .pane-hw-umb-in-the-news .view-content .views-row {
    -webkit-box-flex: 1;
    -ms-flex: 0 1 32%;
    flex: 0 1 32%;
    margin-bottom: 2%;
    min-height: 120px;
    position: relative;
  }
  .node--featured-item__jnl_img {
    width: 30%;
  }
  .node--featured-item__text {
    width: 65%;
  }
  /* Featured Posts Content Blocks */
  .pane-aan-homepage-featured-posts ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
  .pane-aan-homepage-featured-posts ul > li {
    -webkit-box-flex: 1;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 48%;
  }
  /* Article Info Links */
  .pane-aan-art-page-info-links > .pane-content .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    align-items: center;
  }
  .pane-aan-art-page-info-links > .pane-content .inside > .pane-aan-art-tools {
    max-width: 450px;
  }
  .pane-aan-art-page-info-links > .pane-content .inside > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  .pane-aan-art-page-info-links > .pane-content .inside > .panel-pane.pane-aan-art-page-metrics > .pane-content {
    max-width: 450px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-around;
    align-items: center;
    margin-left: 5%;
  }
  .pane-aan-art-page-info-links > .pane-content .inside > .panel-pane.pane-aan-art-page-metrics > .pane-content > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
  /* Featured Podcast Widget */
  .field-name-field-aan-feat-pod-categories .field-item {
    display: inline;
  }
  .field-name-field-aan-feat-pod-categories .field-item:after {
    content: "\2022";
    padding: 0 1rem;
  }
  .node--featured-podcast__listen {
    /* Button styles */
  }
  .node--featured-podcast__listen a i,
  .node--featured-podcast__listen a span {
    display: inline;
  }
  .node--featured-podcast__listen a.button {
    width: auto;
    padding-top: 0;
    padding: 0 8%;
  }
  .node--featured-podcast__listen a.button span.button-text {
    margin: 0 .75rem 0 .25rem;
  }
  /* Subscribe and view more links */
  .panel-region-sidebar-right .node--featured-podcast__subscribe,
  .panel-region-sidebar-right .node--featured-podcast__view_more {
    display: inline-block;
  }
  .panel-region-sidebar-right .node--featured-podcast__view_more {
    float: right;
  }
  /* Social Media Widget */
  .top-aux .pane-aan-social-widget h2 {
    letter-spacing: -.1rem;
    font-size: 1.5rem;
    line-height: 1.5rem;
  }
  .top-aux .pane-aan-social-widget a {
    font-size: 2rem;
  }
  /* TOC */
  .toc-node-pager {
    position: absolute;
    top: -4.5rem;
    width: 95%;
  }
  /* Article jump to links */
  .highwire-article-nav a {
    font-size: 1.5rem;
  }
  /* Archive year listing */
  .nav-children ul.issue-browser li {
    width: 10%;
  }
  /* Footer First */
  .zone-footer-first-wrapper .panel-region-center > .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
  .zone-footer-first-wrapper .panel-region-center > .inside > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20%;
    padding-right: 1rem;
  }
  .zone-footer-first-wrapper .panel-region-center > .inside > .panel-pane:last-child {
    padding-right: 0;
  }
  /* Footer Bottom */
  .zone-footer-third .panel-display > .panel-panel > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  .zone-footer-third .panel-display > .panel-panel > div > .panel-pane {
    flex: 0 1 auto;
    text-align: left;
  }
  .zone-footer-third .panel-display > .panel-panel > div > .panel-pane:last-child {
    text-align: right;
  }
  .zone-footer-third .panel-display > .panel-panel > div p {
    margin: 0;
  }
  .zone-footer-third .panel-display > .panel-panel > div .footer-logo-wk {
    margin-left: 2rem;
  }
  .normal-text-right {
    text-align: right;
  }
  /* AAN2B-10: Announcement view */
  .pane-aan-announcements {
    margin-left: 0;
  }
  .pane-aan-announcements .views-row {
    width: 32%;
    margin-bottom: 0;
    padding-right: 40px;
  }
  .pane-aan-announcements .pane-content {
    display: inline-block;
  }
}
/**
 * Wide+
 * This is similar to default-wide.css in Omega. For very wide desktop styles.
 */
@media all and (min-width: 1400px) {
  .narrow-inline ul li,
  .desktop-inline ul li {
    display: inline;
    padding-right: 1.5rem;
  }
  /* Superheader */
  /* SF-01149640 updating padding so menu is on one line */
  .zone-superheader-first ul.nice-menu-down > li a {
    font-size: 1.5rem;
    padding: 2rem 1.2rem;
  }
  .node--featured-podcast__listen span.button-text {
    margin: 0 2rem 0 .5rem;
  }
  /* Subscribe and view more links */
  .panel-region-sidebar-right .node--featured-podcast__subscribe,
  .panel-region-sidebar-right .node--featured-podcast__view_more {
    display: inline-block;
  }
  .panel-region-sidebar-right .node--featured-podcast__view_more {
    float: right;
  }
  /* TOC */
  .toc-node-pager {
    position: absolute;
    top: -4.5rem;
    width: 95%;
  }
  /* Footer First */
  .zone-footer-first-wrapper .panel-region-center > .inside {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-left: 0;
  }
  .zone-footer-first-wrapper .panel-region-center > .inside > .panel-pane {
    -webkit-box-flex: 1;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 20%;
    padding-right: 1rem;
  }
  .zone-footer-first-wrapper .panel-region-center > .inside > .panel-pane:last-child {
    padding-right: 0;
  }
  /* Footer Bottom */
  .zone-footer-third .panel-display > .panel-panel > div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  .zone-footer-third .panel-display > .panel-panel > div > .panel-pane {
    flex: 0 1 auto;
  }
  .zone-footer-third .panel-display > .panel-panel > div p {
    margin: 0;
  }
  .zone-footer-third .panel-display > .panel-panel > div .footer-logo-wk {
    margin-left: 2rem;
  }
}