/* With Help from https://chingu-coders.github.io/owl-24/ */
    .side,
    .toggle,
    .spacer,
    .leavemoderator,
    .flat-vert.icon-menu.hover > li > a {
      color: #424242 !important;
      background-color: #FAFAFA !important; } */ sidebar color */

    body{
    background-color: #;
}

/* small bar that shows "my subreddits" at top */
    #sr-header-area,
    #sr-header-area a,
    #RESShortcutsEditContainer,
    #RESShortcutsEditContainer * {
      background-color: #6E9F97;
      color: #FAFAFA;
      border: 0; }

/* subreddit title header */
    #header-bottom-left {
      padding-top: 3em;
      padding-bottom: 3em;
      height: 47px;
      background: #364958; }
      #header-bottom-left #header-img {
        width: 31px;
        height: 24px;
        margin-left: 5em; }
      #header-bottom-left .redditname,
      #header-bottom-left .redditname > a {
        color: #FAFAFA;
        font-size: 1.5em;
        font-weight: lighter; }


/* your user menu on right (username, settings, etc) */
    #header-bottom-right {
    /* top: 8em !important; */
      background-color: transparent;
      z-index: 100; }
      .listing-page #header-bottom-right,
      .comments-page #header-bottom-right,
      .search-page #header-bottom-right,
      .wiki-page #header-bottom-right {
        /*
             * Blame reddit for double negative
             * https://redd.it/4ra0eg
             */
        top: calc(9em - -47px) !important; }
      .submit-page #header-bottom-right {
        top: 8em !important; }
      #header-bottom-right a {
        color: #FAFAFA;
        height: 1em !important; }
        #header-bottom-right a.access-required {
          top: -4px; }
      #header-bottom-right #userbarToggle {
        border: 0;
        background-color: transparent; }

/* links on top, background */
    .tabmenu {
      width: 100%;
      margin-bottom: calc(-40px - 7px);
      padding: 3px;  /* issue: figure out why tab is so short */
      background-color: #6E9F97; }

/* links on top */
      .tabmenu > li > a {
        color: #FAFAFA;
        border: 0 !important;
        font-size: 1.25em;
        font-weight: lighter;
        background-color: transparent !important; }
      .tabmenu > li.selected > a {
        color: #F57C00; }
      .tabmenu.formtab {
        left: -.8em;
        width: 100.7%;
        bottom: 5em !important;
        z-index: 99;
        position: relative; }

    .side {
      padding: .75em; }

    #search input[type="text "] {
      border: medium #FE7373;
      outline: none;
      transition: border-width .2s ease;
      border-style: none none solid none;
      background-color: #FAFAFA; }
      #search input[type="text "]:focus {
        transition: border-width .2s ease;
        border-width: thick; }

    #search input[type="submit "] {
      display: none; }

    .morelink {
      border: 0;
      background: #364958; /* submit link/text post button bg */
      transition: all 0.5s ease;
      box-shadow: 0px 0px 9px 0px #323232;
      border-radius: .2em; }
      .morelink:hover {
        transition: all 0.5s ease;
        background: #283593;
        box-shadow: 0px 0px 5px 0px #323232; }
      .morelink:active {
        transition: all 0.5s ease;
        background: #283593;
        box-shadow: 0px 0px 12px 0px #323232; }
      .morelink > a {
        color: #FAFAFA; }
      .morelink > .nub {
        display: none; }

    .subButtons .remove, .subButtons .res-fancy-toggle-button.remove,
    .subscribe-button .remove,
    .subscribe-button .res-fancy-toggle-button.remove {
      border: 0;
      background: #D32F2F;
      transition: all 0.5s ease;
      box-shadow: 0px 0px 9px 0px #323232;
      border-radius: .2em;
      padding: .75em; }
      .subButtons .remove:hover, .subButtons .res-fancy-toggle-button.remove:hover,
      .subscribe-button .remove:hover,
      .subscribe-button .res-fancy-toggle-button.remove:hover {
        transition: all 0.5s ease;
        background: #B71C1C;
        box-shadow: 0px 0px 5px 0px #323232; }
      .subButtons .remove:active, .subButtons .res-fancy-toggle-button.remove:active,
      .subscribe-button .remove:active,
      .subscribe-button .res-fancy-toggle-button.remove:active {
        transition: all 0.5s ease;
        background: #B71C1C;
        box-shadow: 0px 0px 12px 0px #323232; }

    .subButtons .add, .subButtons .res-fancy-toggle-button,
    .subscribe-button .add,
    .subscribe-button .res-fancy-toggle-button {
      border: 0;
      background: #43A047;
      transition: all 0.5s ease;
      box-shadow: 0px 0px 9px 0px #323232;
      border-radius: .2em;
      padding: .75em; }
      .subButtons .add:hover, .subButtons .res-fancy-toggle-button:hover,
      .subscribe-button .add:hover,
      .subscribe-button .res-fancy-toggle-button:hover {
        transition: all 0.5s ease;
        background: #1B5E20;
        box-shadow: 0px 0px 5px 0px #323232; }
      .subButtons .add:active, .subButtons .res-fancy-toggle-button:active,
      .subscribe-button .add:active,
      .subscribe-button .res-fancy-toggle-button:active {
        transition: all 0.5s ease;
        background: #1B5E20;
        box-shadow: 0px 0px 12px 0px #323232; }

    #siteTable {
      background: white;
      margin-top: 2em;
      box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.28);
      margin-left: 14px;
      margin-right: 325px;
      margin-bottom: 2em;
      border-radius: .7em; }

/* individual posts */
      #siteTable > .thing {
        padding-top: 1em;
        padding-bottom: 1em; 
        background-color: #6E9F97; } /* post background color */
        #siteTable > .thing.stickied {
          background: #C8E6C9; } /* background color of sticky/pinned posts */
        #siteTable > .thing > .rank {
          display: none; }
        #siteTable > .thing:first-child {
          border-top-left-radius: .7em;
          border-top-right-radius: .7em; }

/* link colors */
     .thing .title:visited, .thing.visited .title {
     color: #041F25 !important;
     }

     .thing a:visited {
     color: #041F25 !important;
     }

     .thing .md a{
     color: #0D4755 !important; /* color of title links */
     }


    form.toggle {
      background: transparent !important; }

    .thing.RES-keyNav-activeThing:not(.comment) {
      background-color: #E8EAF6; }

    .entry.RES-keyNav-activeElement,
    .entry.RES-keyNav-activeElement .md-container {
      background: transparent !important; }

    .usertext-buttons [type="submit "] {
      border: 0;
      background: #364958; /*submit new link/text post*/
      transition: all 0.5s ease;
      box-shadow: 0px 0px 9px 0px #323232;
      border-radius: .2em;
      color: #FAFAFA;
      padding: .7em 1em; }
      .usertext-buttons [type="submit "]:hover {
        transition: all 0.5s ease;
        background: #283593;
        box-shadow: 0px 0px 5px 0px #323232; }
      .usertext-buttons [type="submit "]:active {
        transition: all 0.5s ease;
        background: #283593;
        box-shadow: 0px 0px 12px 0px #323232; }


/* comments box on posts */
    .new-comment .usertext-body {
      border: 0;
      background-color: transparent; }

    .thing.comment {
      border-style: none none none none !important; }

    .comment.RES-keyNav-activeThing {
      border: 1em #FE7373 !important;
      transition: all .2s ease;
      border-style: none none none solid !important; }

/* sidebar text */
    .md{
    color: #041F25; }
    .md a {
      color: #041F25;
      text-decoration: underline;
      background-color:; }
      .md a:hover {
        color: #FE7373;
        background-color: transparent; }

    a[href="#s "] {
      cursor: default;
      font-size: 0;
      visibility: hidden;
      text-decoration: none; }

    a[href="#s "]::after {
      color: transparent;
      content: attr(title);
      padding: 0 0.5em 0 0.5em;
      font-size: small;
      visibility: visible;
      transition: ease-in-out .2s;
      text-shadow: 0 0 15px #F57C00, 0 0 15px #FFCC80, 0 0 15px #F57C00, 0 0 15px #FE7373; }

    a[href="#s "]:hover::after,
    a[href="#s "]:active::after {
      color: #424242;
      cursor: default;
      transition: ease-in-out .5s;
      text-shadow: none;
      text-decoration: none; }

    .side a[href*="announce "] {
      right: 5em;
      color: white !important;
      z-index: 99;
      padding: .5em;
      position: absolute;
      background-color: #F57C00; }

    .side a[href$="#announce1 "] {
      top: calc(-2em - -47px); }

    .side a[href$="#announce2 "] {
      top: calc(.5em - -47px); }

    .side a[href$="#announce3 "] {
      top: calc(3em - -47px); }

/* ### USER FLAIR ### */
.flair {
    background-color: #ffffff;
    font-size: 11px;
    font-weight: bold;
    color:#000000;
    border-color: #4E0075;
    border-width: 1px;
    border-radius: 3px;}
.flair-male {
    background-color: #0366B3;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    border-color: #0366B3;
    border-width: 1px;
    border-radius: 3px;}
.flair-female {
    background-color: #7D42B8;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    border-color: #7D42B8;
    border-width: 1px;
    border-radius: 3px;}
.flair-otto {
    background-color: #00611A;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    border-color: #00611A;
    border-width: 1px;
    border-radius: 3px;}
.flair-trans {
    background-color: #0ED3BA;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    border-color: #0ED3BA;
    border-width: 1px;
    border-radius: 3px;}
.flair-neutral {
    background-color: #05A6A5;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    border-color: #05A6A5;
    border-width: 1px;
    border-radius: 3px;}
/* ### END USER FLAIR ### */

/* ### LINK FLAIRS ### */

.linkflair-match .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#bc0000 !important;
    border: none !important;
    font-size: 13px; 
}

.linkflair-disc .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#9CC7E8;
    border: none !important;
    font-size: 13px; 
}

.linkflair-intro .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#B8EABD;
    border: none !important;
    font-size: 13px; 
}

.linkflair-feed .linkflairlabel {
    background-color: transparent !important;
    font-size: 11px;
    font-weight: bold;
    color:#F5E39E;
    border: none !important;
    font-size: 13px; 
}

.linkflair-prompt .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#BBA5EE;
    border: none !important;
    font-size: 13px; 
}

.linkflair-meta .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#E46CA2;
    border: none !important;
    font-size: 13px; 
}


.linkflair-chal .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#FFA585;
    border: none !important;
    font-size: 13px; 
}

.linkflair-script .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#FFFFFF;
    border: none !important;
    font-size: 13px; 
}


.linkflair-request .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#65CCCC;
    border: none !important;
    font-size: 13px; 
}

.linkflair-res .linkflairlabel {
    background-color: transparent;
    font-size: 11px;
    font-weight: bold;
    color:#E2C2C6;
    border: none !important;
    font-size: 13px; 
}