/* -----------------------------------------------
bepress IR local stylesheet.
Author:   David Stienstra
Version:  2022
PLEASE SAVE THIS FILE LOCALLY!

NB: 
- On production/staging, #XXXX is replaced with 
SITEID value, e.g. pop or institution's abbreviation/ID

- Staging/dev environment lacks a "header-bg.png" asset 
only present for a production site. 

- This file is saved locally on all prod sites, so
changes here should not override prod ir-local.css 

----------------------------------------------- */
/* ---------------- Meta Elements ---------------- */
    /* --- Meta styles and background --- */
    body {
        font: normal 12px/1.5 ;  /* should be medium except when fitting into a fixed container */
        background: #;
    }
    /* ---------------- Header ---------------- */
    #XXXX #header {
        position: relative;  /* needed for logo positioning */
      height: auto !important; /* !important overrides mbl styling */
    }
    #XXXX #banner_image {
        display: block; /* removes descender of inline element */
        width: 980px; /* not necessary if image is sized correctly */
        height: auto !important;  /* avoids warping improperly sized header image / SUP-19994 */
    }
        /* --- Logo --- */
    #XXXX #logo_image {
        position: absolute !important; /* !important overrides mbl styling */
        top: 0;
        left: 0;  /* change to "right:" for right aligned logo */
        width: 24.4897959183% !important;  /* 240 / 980 */
        height: auto !important; /* Important avoides DC assigning incorrect height to logo image */
    }
    #XXXX #header a#banner_link:focus img,
    #XXXX #header a#logo_link:focus img {
      outline: 1px dashed #;
    }
    /* ---------------- Navigation ---------------- */
    #XXXX #navigation,
    #XXXX #navigation #tabs {
        height: 36px;
        overflow: hidden; /* have seen issues with tabs extending below nav container */
        white-space: nowrap;
    }
    #XXXX #navigation #tabs,
    #XXXX #navigation #tabs ul,
    #XXXX #navigation #tabs ul li {
        padding: 0;
        margin: 0;
    }
    /* Flexbox Navigation July 2018 */
    #XXXX #navigation #tabs,
    #XXXX #navigation #tabs ul {
        display: flex;
        justify-content: flex-start; /* "flex-start" for left-aligned tabs, change to "flex-end" for right-aligned tabs, "center" for centered */
        width: 100%;
    }
    #XXXX #navigation #tabs a {
        font: bold 15px ;
        display: block;
        width: auto !important; /* fixes "my account" not fitting in container on page load */
        height: 36px;
        line-height: 36px;
        color: #;
        transition: 0.3s ease-in-out;
        background-color: transparent;
        padding: 0 11px; /* with arial bold, this fits */
        margin: 0;
        border: 0;
        border-right: 1px solid #;
        /* float: left; Not needed? Using flexbox now */
    }
    #XXXX #navigation #tabs a:hover,
    #XXXX #navigation #tabs a:active,
    #XXXX #navigation #tabs a:focus {
        color: #000000;
        background-color: #;
        text-decoration: underline;
    }
    #XXXX #navigation #tabs li:first-child a { padding-left: 15px; }
    #XXXX #navigation #tabs li:last-child a {
        border-right: none;
    }
    /* ---------------- Sidebar ---------------- */
    #XXXX #sidebar h2 {
        font: bold 15px ;
        color: #;
        background: transparent;
        padding: 0;
        margin: 0;
        border: none;
    }
    #XXXX #sidebar a {
        font: normal 13px ;
        color: #;
        text-decoration: none;
    }
    #XXXX #sidebar a:hover,
    #XXXX #sidebar a:active,
    #XXXX #sidebar a:focus {
        color: #000000;
        text-decoration: underline;
    }
    #XXXX #sidebar #sidebar-search label {
        font: normal 13px ;
        color: #;
    }
    #XXXX #sidebar #sidebar-search {
        margin-top: 8px;
        padding-left: 15px;
    }
    #XXXX #sidebar #sidebar-search span.border { background: transparent; }
    .searchbutton { cursor: pointer; } /* best practice, should move to ir-layout.css */
    
    #XXXX #sidebar #lrc-badge a:hover,
    #XXXX #sidebar #lrc-badge a:active,
    #XXXX #sidebar #lrc-badge a:focus {
      background: transparent url(/assets/images/lrc_badge.png) center center no-repeat;
      outline: 1px dashed #000;
    }
    
    #XXXX #sidebar a:hover img,
    #XXXX #sidebar a:active img,
    #XXXX #sidebar a:focus img {
      outline: 1px dashed #000;
    }
    
    #XXXX #sidebar form#browse {
      padding-left: 15px;
    }
    
    #XXXX #sidebar form label {
      color: #;
    }
    
    /* ---------------- Main Content ---------------- */
    #XXXX #wrapper { /* for full-length sidebar content background/elements */
        background: url(assets/md5images/cf1e60b6ab93bff127a9eca3244a962c.gif) repeat-y left top;
    }
    /*#XXXX #content { padding-top: 16px; }*/
        /* --- Breadcrumbs --- */
    #XXXX #main.text div.crumbs a:link,
    #XXXX #main.text div.crumbs a:visited {
        text-decoration: none;
        color: #;
    }
    #XXXX #main.text div.crumbs a:hover,
    #XXXX #main.text div.crumbs a:active,
    #XXXX #main.text div.crumbs a:focus {
        text-decoration: underline;
        color: #000000;
    }
    #XXXX #dcn-home > #homepage-intro { margin: 15px 0; }
     /* adds space under full-width main-content image */
    #XXXX #home-page-banner { margin-bottom: 16px; }
        /* --- Headers --- */
    #XXXX #dcn-home > h2,
    #XXXX #main.text h2#hometitle,
    #XXXX #main.text #homepage-heading-row h2 {
        font: normal 21px ;
    }
    h3 {
        margin: 0;
        text-decoration: underline; }
    /* FF 55 takes parent element's color a text-deoration-color (black, usually) */
    #dcn-home #cover-browse h3 { color: #; }
    #XXXX #dcn-home #cover-browse h3 a {
        font: 400 17px/1.6 ;
        text-decoration: none;
    }
    #XXXX #dcn-home #cover-browse h3 a:hover,
    #XXXX #dcn-home #cover-browse h3 a:focus,
    #XXXX #dcn-home #cover-browse h3 a:active {
        text-decoration: underline;
    }
        /* --- Links --- */
    #XXXX #main.text a:link,
    #XXXX #main.text a:visited {
        color: #; /* declared for #network-icon text */
    }
    #XXXX #main.text a:link span.icon-question-sign {
      text-decoration: none;
    }
    #XXXX #main.text a:hover,
    #XXXX #main.text a:active,
    #XXXX #main.text a:focus {
        color: #000000;
        text-decoration: underline;
    }
        /* PotD / Top DL widgets */
    #XXXX #dcn-home .box.aag h2,
    #XXXX #dcn-home .box.potd h2 {
        width: 267px;
        margin: 0;
        font: normal 16px ;
        border-bottom: 1px solid #d3d3d3;
    }
    #XXXX #main.text .box a:link,
    #XXXX #main.text .box a:visited {
        font: bold 13px ;
        text-decoration: none;
        border-bottom: 1px solid #d3d3d3;
        background: none;
    }
    #XXXX #main.text .box a:hover,
    #XXXX #main.text .box a:active,
    #XXXX #main.text .box a:focus {
        text-decoration: underline;
    }
    /* article-level text // default values 12px/13px */
    #XXXX #alpha .element p,
    #XXXX #custom-fields .element p,
    #XXXX #alpha #recommended_citation p {
      font-size: 14px;
    }
    #XXXX #beta_7-3 #beta-disciplines.aside p,
    #XXXX #alpha #attach_additional_files .files span {
      font-size: 14px !important;
    }
    #XXXX #alpha .element h4,
    #XXXX #custom-fields .element h4,
    #XXXX #beta_7-3 h4,
    #XXXX #alpha #attach_additional_files .related strong {
      font-size: 15px !important;
    }
    #XXXX #alpha #title.element p {
      font-size: 22px;
    }
    /* Breadcrumbs */
    #XXXX #breadcrumb a,
    #XXXX .crumbs p a,
    #XXXX #pager li {
      font-size: 12px;
    }
    
    /* Browse Disciplines */
    #XXXX #content .subnav li {
      font-size: 13px;
    }
    
    #XXXX .discipline-browser dt,
    #XXXX .new-discipline dt {
      font-size: 15px;
    }
    #XXXX .discipline-browser dd,
    #XXXX .new-discipline dd,
    #XXXX dl.communities dd ul li {
      font-size: 14px;
    }
    
    #XXXX .discipline-browser dd,
    #XXXX .new-discipline dd {
        padding: 3px 0;
    }
    /* Submit Research */
    #XXXX .communities dt,
    #XXXX .communities dt a:link {
      font-size: 14px;
      font-weight: normal;
    }
    #XXXX dl.communities dd ul li {
        line-height: 1.3em;
    }
    
    /* Announcements */
    #XXXX #main.text #announce h3,
    #XXXX #main.text #announce h4,
    #XXXX #main.text #help h3 {
      font-size: 15px;
    }
    
    /* Site subpage headings */
    #XXXX #main.text h2#ir-about,
    #XXXX #main.text h2#faq-top,
    #XXXX #main.text h2#communities-title,
    #XXXX #main.text h2#top,
    #XXXX #main.text h2#submit-title,
    #XXXX #main.text #announce h2,
    #XXXX #main.text #accessibility-statement h2,
    #XXXX #main.text .discipline-block h2,
    #XXXX #main.text h2#activity-title,
    #XXXX #main.text h2#recent-title,
    #XXXX #main.text h2#topdownloads-title {
      font-size: 22px;
    }
    /* homepage stats */
    #XXXX p#stats,
    #XXXX #main.text #network-icon a {
      font-size: 13px;
    }
    
    /* ---------------- Footer ---------------- */
    #XXXX #footer,
    #XXXX #bepress a {
        height: 75px;
        background-color: #; }
    #XXXX #footer p,
    #XXXX #footer p a {
        font: normal 12px/2 ;
        color: #;
        text-decoration: none;
    }
    #XXXX #footer p:first-of-type { padding-top: 15px; }
    
    #XXXX #container #footer a.secondary-link {
      font-size: 11px;
    }
    #XXXX #footer p a:hover,
    #XXXX #footer p a:active,
    #XXXX #footer p a:focus {
        text-decoration: underline; }
    #bepress a:focus {
          outline: 1px dashed #;
    }
    #XXXX #content {
        min-height: calc(100vh - 310px);  /* 310px varies by site. calculated by summing all fixed heights (header, navigation, footer, fixed margins between these elements) */
    }
    /* Search pages */
    .legacy #XXXX #wrapper:after {
        content: none; /* search pages */
    }
    /* ---------------- Miscellaneous fixes ---------------- */
        /* --- Advanced Search --- */
    .legacy #XXXX #wrapper {  background-image: none; }
    /* Browse Authors accessibility fix- CSFR-2648 */
    #XXXX #main.text .authorbrowser p.letters a:hover,
    #XXXX #main.text .authorbrowser p.letters a:focus {
        background: url(/assets/azMe.jpg) bottom center no-repeat;
        color: #fff;
    }
    /* Expert Gallery Suite SW Gallery */
    .egs-profile-gallery {
        display: block; /* removes descender space below inline element */
    
        margin: -16px 0 -16px -32px; /* #content .text padding: 16px 0; and #content .text (margin 32px) */
    
    }
    /* ---------------- Mobile ---------------- */
    /*fixes bullet underline for Browse Research and Scholarship links*/
    .mbl #main #cover-browse h3 { text-decoration: none; }
    .mbl #dcn-home .box.aag span,
    .mbl #dcn-home .box.potd span {
        display: block;
    }
    .mbl #XXXX #main.text #dcn-home .box.aag h2,
    .mbl #XXXX #main.text #dcn-home .box.potd h2 {
      width: 100%;
    }
    header#mobile-nav {
        font-size: 0;
        line-height: 0; }
    .mbl #XXXX #header,
    .mbl #XXXX #header a#banner_link img,
    .mbl #XXXX #navigation {
        width: 100% !important;
    }
    
    .mbl #sidebar h2 {
      margin: 5px 0 !important;
      padding-left: 3% !important;
      width: 97% !important;
    }
    
    .mbl #sidebar #sb-custom-lower,
    .mbl #sidebar #sb-custom-lowest {
      margin: 5px 0 !important;
      width: 100% !important;
    }
    
    .mbl #sidebar ul.sb-custom-ul {
      margin: 0 3% !important;
      width: 94% !important;
    }
    
    .mbl #XXXX #header #logo_image {
        position: absolute !important; /* !important overrides mbl styling */
        top: 0;
        left: 0;  /* change to "right:" for right aligned logo */
        width: 24.4897959183% !important;  /* 240 / 980 */
        height: auto !important; /* Important avoides DC assigning incorrect height to logo image */
    }
    .mbl #XXXX #footer #bepress a {
        background: transparent url(assets/md5images/b9c1e26b96d6f9adb5d90a539a3647e4.gif) center no-repeat !important;
        height: 50px !important;
        margin: 0px !important;
    }
    
    .mbl #XXXX #footer {
        background-color: #000 !important; /* plug in footer background color */
        background-image: none !important;
    }
    
    .mbl #XXXX #content {
        min-height: unset;
    }