1  
  2  .boardNavDesktop {
  3    font-size: var(--topbar-font-size);
  4    color: var(--topbar-separator-color);
  5    position: relative;
  6  }
  7  
  8  .boardNavDesktop a, .navTopRight span {
  9    color: var(--topbar-desktop-link-text-color);
 10    text-decoration: var(--topbar-desktop-link-text-decoration);
 11  }
 12  
 13  .boardNavDesktop a:hover, .navTopRight span:hover {
 14    color: var(--topbar-desktop-link-text-color-hover);
 15    text-decoration: var(--topbar-desktop-link-text-decoration-hover);
 16    cursor: pointer;
 17  }
 18  
 19  .navTopRight {
 20    float: right;
 21    text-transform: capitalize;
 22  }
 23  
 24  .searchBar {
 25    position: absolute;
 26    right: 0;
 27    padding: 3px 5px 0 0;
 28  }
 29  
 30  .boardNavDesktop .searchBar {
 31    margin-right: -7px;
 32  }
 33  
 34  .disabledButton {
 35    cursor: not-allowed !important;
 36  }
 37  
 38  .searchBar input[type="text"] {
 39    outline: none;
 40    margin: 2px;
 41    padding: 1px;
 42    border: 1px solid #000;
 43    width: 220px;
 44  }
 45  
 46  .boardNavMobile {
 47    padding: 2px 4px;
 48    background-color: var(--topbar-mobile-background-color);
 49    border-bottom: var(--topbar-mobile-border-bottom);
 50    font-size: var(--topbar-mobile-font-size);
 51    position: fixed;
 52    width: 100%;
 53    z-index: 3;
 54    transition: top 0.2s ease-in-out;
 55    align-items: center;
 56    justify-content: space-around;
 57  }
 58  
 59  .boardNavMobile .pageJump a, .boardNavMobile .pageJump span {
 60    color: var(--topbar-mobile-button-text-color);
 61    text-decoration: var(--button-text-decoration-mobile);
 62  }
 63  
 64  .pageJump {
 65    position: relative;
 66  }
 67  
 68  .boardNavMobile strong {
 69    text-transform: capitalize;
 70    padding-right: 5px;
 71  }
 72  
 73  .boardNavMobile select {
 74    font-size: var(--topbar-mobile-font-size);
 75  }
 76  
 77  .boardSelect {
 78    float: left;
 79    color: var(--body-font-color);
 80  }
 81  
 82  .pageJump {
 83    float: right;
 84    padding: 3px 5px 0 0;
 85  }
 86  
 87  .pageJump a, .pageJump span {
 88    padding-right: 5px;
 89    text-decoration: var(--homepage-box-link-text-decoration);
 90    cursor: pointer;
 91  }
 92  
 93  @media (max-width: 640px) {
 94    .boardNavDesktop {
 95      display: none;
 96    }
 97  }
 98  
 99  @media (min-width: 640px) {
100    .boardNavMobile {
101      display: none;
102    }
103  }