/* Custom CSS for Trex Antimatter */
/* 27Aug2023, added trex-text */
/* 06Nov2023, added trex-highlight */
/* */

/* Alterations to Standard CSS */
body a { color: #669966; }
body a:hover { font-weight: bold; }

#header.scrolled {
    height: 3rem;
    background-color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: 0 0.05rem 1rem rgba(0, 0, 0, 0.15) !important; }
    #header.scrolled #logo h3 {
      color: #444 !important;
      font-size: 1.6rem !important; }
    #header.scrolled #logo a, #header.scrolled #navbar span {
      color: #444 !important; }
    #header.scrolled #navbar a {
      color: #669966 !important; }
      #header.scrolled #navbar a:hover {
        color: #0e6e90 !important; font-weight: bold; }
    #header.scrolled #navbar a:before, #header.scrolled #navbar a:after {
      background-color: #1BB3E9 !important; }
    #header.scrolled .navigation {
      margin-top: 0.5rem !important; }
  #header > .grid, #header #logo, #header #navbar {
    height: 100%; }

.blog-header { background-color: 669966; }


/* Custom Classes */
.trex-highlight { font-weight: bold; color: #FFFFFF; background-color:#669966;border-width:10px;border-color:white;padding:20px 10px 20px 10px; }
.trex-text { font-weight: bold; color: #669966; }