_____ __ __ _____ _____ _____ __ ___ ___ ___ ___ ___ ___ ___ -- ___ __

/*


     _   _    _____    __     __    _____    _____    _____    _   _    __     _
    | | | |  |  _  |  |  |   |  |  |  ___|  |  ___|  |  _  |  | | | |  |  |   | |
    | |_| |  | | | |  | | | | | |  | |___   | |___   | |_| |  | | | |  | | |  | |
    |  _  |  | | | |  | |  |  | |  |  ___|  |___  |  |  ___|  | | | |  | | -- | |
    | | | |  | |_| |  | |     | |  | |___    ___| |  | |      | |_| |  | |  | | |
    |_| |_|  |_____|  |_|     |_|  |_____|  |_____|  |_|      |_____|  |_|   |__|

                            ________________________
                           |                        |
                           |     a reddit theme     |
                           |     by /u/KudosInc     |
                           |           ---          |
                           |        1/3/2018        |
                           |________________________|


MODIFIED BY U/ALT_GHOST

*/

a {
  text-decoration: none;
  color: #091523;
}

.md {
  color: #091523;
}

.md a {
  color: #091523;
}

.md a:hover {
  text-decoration: underline;
}

.md table {
  width: 100% !important;
}

body {
  background-color: #fafafa;
  color: #091523;
}

body>.content {
  margin-top: 12px;
  margin-left: 12px;
}

button {
  background: #eaeaea;
  border: 1px solid #ccc;
  padding: 4px 10px;
  border-radius: 0px;
}

button:hover {
  background: #e6e6e6;
  border: 1px solid #a6a6a6;
}

#stylesheet_contents {
  width: 95%;
  margin-left: 2%;
}

::selection {
  background-color: #5ea6ed;
  color: #fff;
}

body::-webkit-scrollbar {
  width: 1em;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

body::-webkit-scrollbar-thumb {
  background-color: darkgrey;
  outline: 1px solid slategrey;
}

.reddit-infobar {
  /*  background-color: #091523; */
  border-color: #091523 !important;
}

.reddit-infobar.with-icon {
  min-height: 45px;
  padding-left: 55px;
}

.reddit-infobar.with-icon:before {
  background-color: #f58e19;
}

.reddit-infobar .md {
  color: #000;
}

/***********
         USERBAR
              **********/
#header-bottom-right a:hover {
  text-decoration: underline;
}

#header-bottom-right,
.res #header-bottom-right {
  position: absolute;
  right: 0px;
  top: 184px;
  background-color: #091523;
  border: 0;
  border-radius: 0px;
  padding: 5px 12px;
  line-height: 22px;
  height: 22px;
  padding: 5px 10px;
  text-align: center;
}

#header-bottom-right a,
#header-bottom-right .user,
#header-bottom-right .separator {
  color: #f3f3f3;
  font-size: 14px;
  font-family: "Segoe UI", sans-serif;
  font-weight: normal;
  line-height: 17px;
}

#header-bottom-right a:hover {
  text-decoration: none;
  color: black;
}

#header-bottom-right .separator {
  color: #777;
}

#header-bottom-right .user .userkarma {
  display: none;
}

#header-bottom-right .user {
  font-size: 0px !important;
}

#header-bottom-right #RESAccountSwitcherIcon {
  position: relative;
  bottom: 3px;
}

/***********
       TOP NAVBAR
              **********/
#sr-header-area {
  background: none;
  border-bottom: solid 1px #091523;
  color: #091523;
}

#sr-header-area a {
  color: #FFF;
}

#sr-more-link {
  background-color: #091523;
}

/***********
 COMMENTS PAGE AUTHOR TAG
              **********/
.res .thing .tagline .author.submitter {
  background-color: transparent !important;
  color: blue !important;
}

.res .thing .tagline .author.moderator {
  background-color: transparent !important;
  color: green !important;
}

.res .thing .tagline .author.submitter:hover,
.res .thing .tagline .author.moderator:hover {
  background-color: transparent !important;
}

/***********
      POSTS (LINKS)
              **********/
.link {
  margin: 0px 335px 10px 0px;
  background-color: #fff;
  border: 0px solid #f4f4f4;
  border-left: 4px solid #091523;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);
  border-radius: 0px;
}

.link.last-clicked {
  border: 0;
  border-left: 4px solid #091523;
}

.link .entry {
  padding: 15px;
}

.stickied {
    border: solid 1px #091523!important;
    border-left: solid 4px #091523!important;
}

.nsfw-stamp {
  border: 0;
  background-color: #8a0330;
  color: #FFF;
  font-weight: bold;
  border: 0px solid #8a0330;
}

.spoiler-stamp {
  border: 0;
  background-color: #8a0330;
  color: #FFF;
  font-weight: bold;
  border: 0px solid #8a0330;
}

.thing a.thumbnail,
.link .thumbnail.self {
  margin-top: 15px;
  margin-left: 8px;
  background: url(%%reddit-linkflair%%);
  background-position: 0px 0px;
  width: 60px !important;
  height: 60px !important;
}

.thing .entry .buttons li {
  text-transform: uppercase;
}

/* report button styling */
.thing .entry .buttons li.report-button a {
  color: #d196a0;
  padding: 2px 4px;
}

/* report button styling */
.thing .entry .buttons li.report-button a:hover {
  color: #fff;
  background-color: #c76c7c;
  padding: 2px 4px;
  text-decoration: none;
}

/* reply button styling */
.thing .flat-list li.reply-button a {
  color: #FFF;
  background-color: #091523;
  padding: 2px 4px;
}

/* hiding img post thumbnail */
.link .thumbnail img, .linkflair .thumbnail img {
  display: none;
}

.thumbnail {
  overflow: visible !important;
}

.thumbnail.nsfw {
  visibility: hidden;
}

#progressIndicator,
.NERPageMarker {
  border: 1px solid #e1e1e1;
  background-color: #f0f0f0;
  border-radius: 0px;
  margin: 10px 335px 10px 0px;
  border-radius: 0px;
}

.link .midcol {
  position: relative;
  top: 20px;
}

.link .rank,
.domain {
  display: none;
}

.link .usertext-body .md {
  border: none;
  border-radius: 0px;
  background: transparent;
  padding: 10px;
}

.link .entry .buttons li a,
.link .tagline {
  color: #999;
  font-weight: 100;
  font-size: x-small;
}

.link .entry .buttons li a:hover {
  text-decoration: none;
  color: #091523;
}

.link .tagline a {
  font-size: x-small;
}

.link .title {
  font-size: 15px;
  font-family: "Segoe UI", "Arial", sans-serif;
  margin-bottom: 5px;
}

.thing .title {
  color: #091523;
}

.thing .title:visited {
  color: #865401;
}

.thing.stickied.link a.title {
  color: #3da999;
}

.tagline .stickied-tagline {
  color: #3da999;
}

.res .RES-keyNav-activeElement,
.res .commentarea .RES-keyNav-activeElement .md,
.res .RES-keyNav-activeElement .md-container,
.res .commentarea .RES-keyNav-activeElement.entry .noncollapsed {
  background-color: transparent !important;
  outline: none !important;
}

.res .RES-keyNav-activeElement {
  border-right: 2px solid #69c9bb;
}

.thing .entry.res-selected,
.thing .entry.res-selected .md-container {
  background-color: transparent !important;
  outline: none !important;
}

.link:hover .entry {
  background-color: #FFF !important;
}

.titlebox .redditname a {
  color: #091523;
  font-size: 14px;
  font-family: "Segoe UI", "Arial", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  background-color: #f3f3f3;
  border: 0;
  border-radius: 0px;
  text-align: center;
  display: block;
  width: 300px;
  height: 38px;
  line-height: 38px;
  padding: 0;
  margin: 0;
  transition: letter-spacing 0.5s;
}

.titlebox .redditname a:hover {
  text-decoration: none;
  letter-spacing: 5px;
}

/***********
        PAGENAME
              **********/
.pagename {
  position: absolute;
  top: 69px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  font-size: 0px;
}

.pagename a {
  font-size: 54px;
  color: #fff;
  font-family: "Arial", sans-serif;
  letter-spacing: -2px;
  text-transform: uppercase;
  font-variant: none;
  transition: 0.2s;
}

.pagename a:before {
  content: "/r/";
  font-variant: none;
  text-transform: lowercase;
  font-size: 70%;
  letter-spacing: -1px;
}

.pagename a:hover {
  text-decoration: none;
  opacity: 0.8;
}

/***********
         HEADER
              **********/
#header {
  height: 180px;
  background-color: #f3f3f3;
  border-bottom: 40px solid #091523;
}

#header-img.default-header {
  position: absolute;
  left: 10px;
  bottom: -3px;
  width: 35px;
  height: 27px;
  transition: 300ms ease;
  z-index: 89 !important;
  opacity: 0.85;
}

#header-img.default-header:hover {
  height: 30px;
  opacity: 1;
}

/***********
     SIDEBAR BUTTONS
              **********/
.morelink {
  background: none;
  border: none;
  margin-bottom: 15px;
}

.morelink:hover {
  background: none;
}

.nub {
  display: none;
}

.morelink a {
  color: #f3f3f3;
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Segoe UI", "Arial", sans-serif;
  letter-spacing: 0.2px;
  background-color: #091523;
  border: 0;
  border-radius: 0px;
  display: block;
  width: 300px;
  height: 40px;
  line-height: 40px;
  padding: 0;
  margin: 0;
}

.morelink a:hover {
  background: #f3f3f3;
  color: #091523;
}

.users-online,
.subscribers {
  display: block;
  font-family: Arial, sans-serif;
  font-size: 11px;
  color: #091523;
  letter-spacing: 0.5px;
  font-weight: normal;
  text-align: center;
  background-color: #f3f3f3;
  border-radius: 0px;
  margin: 0 10px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.subscribers {
  margin-top: 10px;
  font-size: 140%;
  border-radius: 1px 1px 0 0;
  padding-top: 10px;
  margin-top: 10px;
}

body.res .subscribers {
  margin-top: 35px;
}

.users-online {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-radius: 0 0 1px 1px;
}

.users-online:before {
  display: none;
}

.subButtons {
  text-align: center;
}

.res-sr-style-toggle {
  display: none;
}

.RESshortcutside,
.RESDashboardToggle,
.RESshortcutside.remove,
.RESDashboardToggle.remove {
  font-family: Arial, sans-serif;
  font-size: 13px;
  color: #808080;
  letter-spacing: 0.5px;
  font-weight: normal;
  border: 0;
  border-radius: 0px;
  background-image: none;
  background-color: #e6e6e6;
  display: inline-block;
  width: 120px;
  height: 17px;
  line-height: 17px;
  margin: 5px 0 0 0;
}

.RESshortcutside {
  float: left;
  margin-left: 10px !important;
}

.RESDashboardToggle {
  float: right;
  margin-right: 10px !important;
}

.RESshortcutside:hover,
.RESDashboardToggle:hover,
.RESshortcutside.remove:hover,
.RESDashboardToggle.remove:hover {
  background: #d9d9d9;
}

.fancy-toggle-button .active {
  display: block !important;
  width: 280px;
  height: 33px;
  line-height: 33px;
  padding: 0;
  margin: 15px 10px -5px 10px;
  background-image: none;
  background-color: #85e085;
  border: 0;
  font-family: Arial, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.5px;
  border-radius: 0px;
}

body.subscriber .fancy-toggle-button .active {
  background-color: #f0f0f0;
  color: #a6a6a6;
  text-transform: lowercase;
  font-weight: normal;
}

.fancy-toggle-button .active:hover {
  background-color: #71da71;
}

/***********
        SIDEBAR
              **********/
.sidebox .spacer {
  background: none;
}

.sidebox .subtitle {
  background: none;
  color: #fff;
}

.disabled .morelink a {
  color: #f3f3f3;
}

.disabled .morelink a:hover {
  color: #091523;
}

.disabled .morelink, .disabled .morelink:hover {
  background-image: none;
}

.side {
  background: #fff;
  padding: 10px;
  margin: 8px;
  padding-top: 5px;
}

.flairselector h2 {
  background-color: #69c9bb;
  color: #fff;
  font-weight: 500;
}

.icon-menu a {
  color: #091523;
  background: none !important;
}

.side .titlebox .bottom {
  display: none;
}

.sidecontentbox .content .flair {
  font-size: x-small;
  vertical-align: middle;
}

a.author {
    vertical-align: middle;
}

/* sidebar formatting */
.md h1 {
  color: #262626;
  font-size: large;
  text-transform: uppercase;
  font-family: "Segoe UI", "Arial", sans-serif;
  letter-spacing: 0.2px;
}

.md h2 {
  color: #404040;
  font-size: medium;
  text-transform: uppercase;
  font-family: "Segoe UI", "Arial", sans-serif;
  letter-spacing: 0.2px;
}

.side .titlebox .md h1,
.side .titlebox .md h2 {
  text-align: center;
}

.side .titlebox .md h1 {
  display: block;
  color: #333;
  font-size: 20px;
}

.md h3 {
  color: #091523;
  font-size: medium;
  font-family: "Segoe UI", "Arial", sans-serif;
  letter-spacing: 0px;
}

.md blockquote {
  margin: 10px;
  padding: 10px;
  background-color: #fff;
  border: 1px solid #eee;
  border-left: 4px solid #e1e1e1;
}

.md pre {
  margin: 10px;
  padding: 10px;
  background-color: #f0f0f0 !important;
  border: 1px solid #e1e1e1;
}

.md hr {
  background-color: #bfbfbf;
  margin: 20px 35px;
  height: 1px;
}

.md h6,
.md h6 a {
  text-decoration: none !important;
}

.md ul {
  padding-bottom: 10px;
}

/* so that above ul css doesnt mess up h4 hover button */
.side h4+ul {
  padding-bottom: 0px;
}

.side .titlebox .md h6 a {
  display: block;
  margin-left: 30px;
  margin-right: 30px;
  padding: 6px 0px;
  background-color: #8cb3d9;
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-family: "Segoe UI", "Arial", sans-serif;
  font-size: 1em;
  border-radius: 0px;
}

.side .titlebox .md h6 a:hover {
  background-color: #79a6d2;
}

/* end sidebar formatting */
.sidecontentbox .title h1 {
  color: #f3f3f3;
  font-weight: 700;
  display: block;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  background-color: #091523;
  text-transform: uppercase;
  border-radius: 0px 0px 0 0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.sidecontentbox .collapse-button {
  position: absolute;
  margin-left: 280px;
}

.sidecontentbox a.helplink {
  color: #f3f3f3;
  background-color: #091523;
  border: solid 1px #f3f3f3;
  padding: 4px 12px;
  margin-right: 4px;
  border-radius: 0px;
  text-transform: uppercase;
}

.sidecontentbox a.helplink:hover {
  color: #091523;
  background-color: #f3f3f3;
  border-radius: 0px;
}

.content {
  z-index: 1;
  /*   margin: 8px 0px 0px 5px !important; */
}

.side .content {
  background: #f3f3f3;
  border: 0px solid #fff;
  border-radius: 0 0 0px 0px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.side .content:hover {
  border: 0px solid #e1e1e1;
}

.side .titlebox .md {
  background: transparent;
  margin: 5px 0px;
  border-bottom: 0px solid #bfbfbf;
  /* padding-bottom: 25px; --- no idea wy this is here so let me get back to it later */
  margin-bottom: 15px;
}

.side .md p {
  padding: 5px;
}

.side .titlebox .bottom {
  border: none;
  margin: 5px 0px 25px 0px;
  border-bottom: 1px solid #bfbfbf;
  padding-bottom: 20px;
}

.sidebox.create,
.leavemoderator,
.leavecontributor-button {
  display: none;
}

.titlebox form.flairtoggle {
  margin: 20px 0px 0px 0px;
  padding: 0px 0px 6px 0px;
  text-align: center;
  border: 0px solid #fff;
  border-bottom: none;
  background-color: #f3f3f3;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.titlebox form.flairtoggle:before {
  display: block;
  background-color: #091523;
  content: "FLAIR";
  height: 20px;
  line-height: 20px;
  color: #f3f3f3;
  font-weight: normal;
  font-weight: 700;
  height: 30px;
  line-height: 30px;
  padding-left: 10px;
  text-transform: uppercase;
  font-size: 130%;
  text-align: left;
  margin-bottom: 5px;
  border-radius: 0px 0px 0 0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.titlebox .tagline {
  margin: 0px;
  padding: 0px 0px 10px 0px;
  text-align: center;
  border: 0px solid #fff;
  border-top: none;
  background: #f3f3f3;
  border-radius: 0 0 0px 0px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.titlebox .tagline a {
  color: #091523;
}

#search input[type=text] {
  padding: 10px;
  border: 1px solid #091523;
  border-radius: 0px;
  font-family: Arial, sans-serif;
  letter-spacing: 0.2px;
  z-index: 9999;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.03);
  background: #f3f3f3;
  color: #091523;
}

#search input[type=text]:hover {
  border: 1px solid #FFF;
}

#searchexpando {
  background-color: #091523;
  border-radius: 0px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border: none;
  padding: 20px;
  margin: 10px 10px 0 10px;
}

#searchexpando a {
  color: #FFF;
}

#searchexpando label {
  color: #FFF;
}

/* FLAIRS */
.flair, .linkflairlabel {
  border-radius: 0px;
  color: #555;
  background-color: #f5f5f5;
  border: 1px solid #ddd;
  vertical-align: middle;
}

.flairselector ul {
  max-width: 260px !important;
  width: 260px !important;
}

.flairselector li {
  margin: 5px;
  border: none;
}

.flairselector li.selected {
  border: none;
}

.flairoptionpane, .flairselector {
  width: 260px !important;
}

.flairsample-left {
  text-align: left !important;
}


.linkflair .linkflairlabel {
  vertical-align: bottom;
  display: inline-block;
  color: #808080;
  font-weight: 500;
  padding: 2px 4px;
  max-width: none;
  border-radius: 0px;
}

/* User Flair - Original */
.flair-mod,
.flair-blue,
.flair-red {
  vertical-align: middle;
  display: inline-block;
  color: #808080;
  font-weight: 500;
  padding: 0px 2px;
  max-width: none;
  border-radius: 0px;
}

.flair-mod {
  color: #28c074;
  background-color: #f5f5f5;
  border: 1px solid #28C074;
}
.flair-blue {
  color: #0084b4;
  background-color: #f5f5f5;
  border: 1px solid #0084b4;
}
.flair-red {
  color: #C74375;
  background-color: #f5f5f5;
  border: 1px solid #C74375;
}

/* Custom User flair */
.flair-xxx {
  background: url(%%mod-20%%) no-repeat -9999px;
  background-position: 4px 0;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-indent: 23px;
  color: #268942;
  /* padding: 0px 4px 0px 4px; ****hide cuz no text*/
  border: 0px solid #268942;
  text-indent: -9999em;
  /* hiding text */
}

.flair-xxxx {
  background: url(%%logo-20%%) no-repeat -9999px;
  background-position: 4px 0;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-indent: 23px;
  color: #091523;
  padding: 0px 4px 0px 4px;
  border: 1px solid #091523;
}

.flair-xxxxx {
  background: url(%%dota-20%%) no-repeat -9999px;
  background-position: 4px 0;
  height: 20px;
  line-height: 20px;
  min-width: 20px;
  text-indent: 23px;
  /* text-indent: -9999em;  */
  color: #bc3727;
  padding: 0px 4px 0px 4px;
  border: 1px solid #bc3727;
}

/* END */
/* Link Flair*/
.thing.stickied .thumbnail.self {
  background-position: -180px 0px;
}

.thing.spoiler a.thumbnail {
  background-position: -240px 0px !important;
}

/* link flair label css */
.linkflair-other .title>.linkflairlabel,
.flairselector .linkflair-other>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.linkflair-twitter .title>.linkflairlabel,
.flairselector .linkflair-twitter>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-twitter a.thumbnail {
  background-position: -60px 0px;
}

.linkflair-youtube .title>.linkflairlabel,
.flairselector .linkflair-youtube>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-youtube a.thumbnail {
  background-position: -120px 0px;
}

.linkflair-pinned .title>.linkflairlabel,
.flairselector .linkflair-pinned>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-pinned a.thumbnail {
  background-position: -180px 0px;
}

.linkflair-spoiler .title>.linkflairlabel,
.flairselector .linkflair-spoiler>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-spoiler a.thumbnail {
  background-position: -240px 0px;
}

.linkflair-disc .title>.linkflairlabel,
.flairselector .linkflair-disc>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-disc a.thumbnail {
  background-position: -300px 0px;
}

.linkflair-info .title>.linkflairlabel,
.flairselector .linkflair-info>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-info a.thumbnail {
  background-position: -360px 0px;
}

.linkflair-reddit .title>.linkflairlabel,
.flairselector .linkflair-reddit>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-reddit a.thumbnail {
  background-position: -420px 0px;
}

.linkflair-twitch .title>.linkflairlabel,
.flairselector .linkflair-reddit>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-twitch a.thumbnail {
  background-position: -480px 0px;
}

.linkflair-question .title>.linkflairlabel,
.flairselector .linkflair-question>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-question a.thumbnail {
  background-position: -540px 0px;
}

.linkflair-ama .title>.linkflairlabel,
.flairselector .linkflair-ama>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-ama a.thumbnail {
  background-position: -0px -60px;
}

.linkflair-fluff .title>.linkflairlabel,
.flairselector .linkflair-fluff>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-fluff a.thumbnail {
  background-position: -60px -60px;
}

.linkflair-bugs .title>.linkflairlabel,
.flairselector .linkflair-bugs>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-bugs a.thumbnail {
  background-position: -120px -60px;
}

.linkflair-nsfw .title>.linkflairlabel,
.flairselector .linkflair-nsfw>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-nsfw a.thumbnail {
  background-position: -180px -60px;
}

.linkflair-img .title>.linkflairlabel,
.flairselector .linkflair-img>.linkflairlabel {
  color: #808080;
  background-color: #f3f3f3;
  border: 1px solid #808080;
}

.thing.linkflair-img a.thumbnail {
  background-position: -240px -60px;
}

/***********
      COMMENTS PAGE
              **********/
.new-comment .usertext-body {
  background-color: #000 !important;
  border: solid 0px #cddaf3;
  border-left: solid 2px #091523;
  margin-top: 7px;
}

.comments-page .comment,
.comment .comment,
/*targets child comments*/
.res-commentBoxes .thing.comment .thing.comment

/*overrides RES CSS*/
  {
  padding: 10px !important;
  border: 0px solid #eee !important;
  border-radius: 2px !important;
}

.res-commentBoxes.res-commentBoxes-rounded .comment {
  background: none;
  margin-bottom: 10px !important;
  margin-left: 10px !important;
  border: 1px solid #d9d9d9 !important;
  border-radius: 2px !important;
}

.comment {
  background: #none !important;
  margin-bottom: 10px !important;
  margin-left: 15px !important;
  border: 0px solid #d9d9d9 !important;
  border-radius: 0px !important;
}

.commentarea .comment .comment,
.commentarea .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  background: none !important;
}

.commentarea .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment,
.commentarea .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment .comment {
  background: none !important;
}

.comment-visits-box,
.linkinfo,
.login-form-side {
  background: none;
  border: none;
  color: #999;
}

.linkinfo {
  padding: 5px;
  border: 1px solid #091523;
  border-radius: 0px;
}

.comment-visits-box .title {
  color: #369;
}

.linklisting .md {
  padding: 10px;
}

/***********
         FOOTER
              **********/
.debuginfo {
  width: calc(100% - 10px);
  background: none;
}

.debuginfo:before {
  float: left;
  content: "Base theme : /r/homespun - Modified by /u/alt_ghost";
  display: block;
  position: relative;
  top: 2px;
  color: #808080;
  font-size: 9px;
}

.footer {
  background: #f3f3f3;
  border: 0px solid #fff;
  border-radius: 0px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

.footer:hover {
  border: 0px solid #e1e1e1;
  border-top: 0px solid #fff;
}

.footer-parent {
  background: #f3f3f3;
  margin-bottom: -12px;
  padding-bottom: 20px;
}

.footer .col {
  border: 0px solid #e1e1e1 !important;
}

.flat-vert.title {
  background: #091523;
  color: #f3f3f3;
  padding: 10px;
  margin: -20px -20px 10px -20px;
  border-radius: 0px 0px 0 0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
}

/***********
      COMMENTS BOX
              **********/
.commentarea .menuarea .toggle a {
  font-weight: normal;
}

.menuarea {
  background-color: transparent;
  margin-left: 15px;
  margin-right: 335px;
  margin-bottom: 0px;
  border-bottom: none;
}

.drop-choices {
  border: 0;
}

.dropdown.srdrop .selected {
  color: #FFF;
}

.dropdown.lightdrop .selected {
  text-decoration: none;
  font-weight: bold;
  font-family: "Segoe UI", "Arial", sans-serif;
  text-transform: uppercase;
  font-size: 120%;
}

.drop-choices {
  background-color: #091523;
  border: solid 1px #FFF;
}

.drop-choices a.choice {
  padding: 4px 12px;
  margin: 6px;
}

.drop-choices.lightdrop {
  background-color: #FFF;
  border: 1px solid #091523;
  margin-top: 2px;
}

.panestack-title {
  color: #f3f3f3;
  background-color: #091523;
  border-bottom: 0;
  padding: 10px;
  margin-left: 10px;
  margin-right: 335px;
  border-bottom: none;
  margin-top: 15px;
  border-radius: 0px 0px 0 0;
}

.commentarea .menuarea {
  background-color: none;
  border-bottom: 0px solid #d9d9d9;
  border-top: 0;
  padding: 10px;
  margin-left: 10px;
  margin-right: 335px;
}

.commentarea>.usertext {
  background-color: none;
  border-top: 0;
  padding: 10px;
  margin-left: 10px;
  margin-right: 335px;
  margin-top: -10px;
  margin-bottom: 15px;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 0px 0px;
}

.gold-accent.comment-visits-box {
  background-color: transparent;
  border: 0;
  border-radius: 0px;
  padding: 10px;
  margin-left: 15px;
  margin-bottom: 8px;
}

.comment-visits-box .title {
  color: #373737;
  font-weight: normal;
}

/***********
      SUBMIT PAGE
              **********/
.submit-page #header-img.default-header {
  display: none;
}

ul.tabmenu.formtab,
.formtabs-content .infobar,
#reddit-field,
.submit-page h1 {
  display: none;
}

.submit .formtabs-content {
  border-top: none;
}

.submit .roundfield {
  background: transparent;
  border-radius: 0px;
}

.submit-page .side,
.submit-page .footer-parent {
  display: none !important;
}

.submit-page .content {
  width: 500px;
  position: absolute;
  left: calc(50% - 250px);
}

.formtabs-content .infobar {
  margin-bottom: 10px;
}

.submit_text .content {
  position: static;
}

.submit_text .content .md {
  padding: 20px 0;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

.submit-page .debuginfo {
  display: none;
}

.formtabs-content .infobar,
.content.submit .info-notice {
  background: #f3f3f3;
  border: 1px solid #e1e1e1;
  padding: 10px;
  border-radius: 0px;
}

#items-required {
  display: none;
}

.submit.content button[name="submit"] {
  background-color: #091523;
  border: 0px solid #8cb3d9;
  font-size: 16px;
  color: #f3f3f3;
  display: block;
  width: 200px;
  position: relative;
  top: 10px;
  left: calc(50% - 100px);
  padding: 6px 0;
  text-transform: uppercase;
}

.submit.content button[name="submit"]:hover {
  background-color: #f3f3f3;
  color: #091523;
  border: solid 1px #091523;
}

/**********


   Customisation options start here:

   Remove the " /* " symbols before and after the blocks of code to active them. If you don't want a header or sidebar image, keep them there.
   Next, upload an image onto your stylesheet and name it either "header" for the header image or "sidebar" for the sidebar image.
   Hit save and you're done!


              **********/
#header {
  background-image: url(%%header%%);
  background-position: left center;
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 2;
}

/*
.side:before {
    content: "";
    display: block;
    width: 280px;
    height: 200px;
    background-image: url(%%logo%%);
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
    margin-left: 10px;
    margin-bottom: -10px;
    z-index: -1;
    border-radius: 0px;
    box-shadow: 0px 0px 2px rgba(0,0,0,0.1);
}
*/
.pagename a {
  font-size: 0;
}

.pagename a:after {
  content: "SUBREDDIT";
  font-size: 54px;
  color: #FFF;
  letter-spacing: 5px !important;
}

#header {
  z-index: 1;
  box-shadow: 0 2px 1.5px 0 rgba(0, 0, 0, .12), 0 0 4px 0 rgba(0, 0, 0, .12)
}

/*----- Edit number of subscribers/online -----*/
div.titlebox span.word {
  /*disables default text*/
  display: none
}

p.users-online span.number:after {
  /*changes 'users here now' to whatever*/
  content: " Online(s) "
}

span.subscribers:after {
  /*changes # of 'subscribers' to whatever*/
  content: " Subscribers "
}

/***********
         TABMENU
              **********/
#header .tabmenu {
  position: absolute;
  top: 175px;
  left: 0px;
}

#header .tabmenu li {
  margin: 0;
}

#header .tabmenu li a {
  background-color: #091523;
  color: #f3f3f3;
  font-size: 14px;
  font-family: "Segoe UI", sans-serif;
  text-transform: uppercase;
  letter-spacing: 0.2;
  border: 0;
  padding: 0 10px;
  display: inline-block;
  height: 40px;
  line-height: 40px;
}

#header .tabmenu li.selected a {
  color: #091523;
  background-color: #f3f3f3;
}

#header .tabmenu li:hover a {
  background-color: #f3f3f3;
  color: #091523;
  /* background-color: rgba(89, 140, 192, 0.07); */
}

/* making sure the expando buttons are OK */
.link {
  position: relative;
}

.beta-hint a {
  height: 20px;
}

/* SIDEBAR TITLE BOX h5 */
.side h5 {
  color: #f3f3f3;
  display: block;
  height: 30px;
  line-height: 30px !important;
  padding-left: 10px;
  background-color: #091523;
  text-transform: uppercase;
  border-radius: 0px 0px 0 0;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
}

/* Expandable menu */
.side h4 {
  background: #f3f3f3;
  padding: 8px;
  padding-left: 8px;
  margin: 0 !important;
  font-size: 14px !important;
  color: #091523;
  border: solid 1px #091523;
  border-radius: 0px
}

.side h4+ul {
  margin: 0 !important;
  margin-bottom: 6px !important;
  height: auto;
  max-height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.side h4+ul a {
  list-style-type: circle !important;
}

.side h4+ul sup {
  margin-top: 6px;
  display: block;
}

.side h4:hover {
  cursor: pointer;
}

.side h4:hover+ul,
.side h4+ul:hover {
  max-height: 400px;
  padding-top: 8px;
  padding-bottom: 8px;
}

/* USER BAR - RES IS NOT INCLUDED YET*/
#header #header-bottom-right {
  top: auto;
  bottom: -50px;
  height: 50px;
  line-height: 50px;
  background: 0 0;
  text-transform: uppercase;
  font-size: 11px;
  color: #696969;
}

#header #header-bottom-right #RESAccountSwitcherIcon, #header #header-bottom-right #RESSettingsButton, #header #header-bottom-right #chat, #header #header-bottom-right #mail, #header #header-bottom-right #modmail, #header #header-bottom-right #new_modmail, #header #header-bottom-right .logout a, #header #header-bottom-right .pref-lang, #header #header-bottom-right .user>a {
  width: 20px !important;
  height: 20px !important;
  margin: 16px 35px 0 0 !important;
  display: inline-block !important;
  position: relative;
  top: 0 !important;
  overflow: visible;
  vertical-align: top;
  background: url(%%spritesheet2%%);
  font-size: 0 !important;
}

#header #header-bottom-right #RESAccountSwitcherIcon:before, #header #header-bottom-right #RESSettingsButton:before, #header #header-bottom-right #chat:before, #header #header-bottom-right #mail:before, #header #header-bottom-right #modmail:before, #header #header-bottom-right #new_modmail:before, #header #header-bottom-right .logout a:before, #header #header-bottom-right .pref-lang:before, #header #header-bottom-right .user>a:before {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  transform: translateX(-50%);
  top: -33px;
  box-shadow: 0 0 10px rgba(0, 0, 0, .5);
  padding: 0 15px;
  background: #091523;
  white-space: nowrap;
  line-height: 24px;
  text-indent: 0px;
  font-family: inherit;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 1px;
  color: #FFF;
  transition: .2s;
  z-index: 99;
}

#header #header-bottom-right #RESAccountSwitcherIcon:hover:before, #header #header-bottom-right #RESSettingsButton:hover:before, #header #header-bottom-right #chat:hover:before, #header #header-bottom-right #mail:hover:before, #header #header-bottom-right #modmail:hover:before, #header #header-bottom-right #new_modmail:hover:before, #header #header-bottom-right .logout a:hover:before, #header #header-bottom-right .pref-lang:hover:before, #header #header-bottom-right .user>a:hover:before {
  opacity: 1;
  top: -45px;
}

#header #header-bottom-right #RESAccountSwitcherIcon:after, #header #header-bottom-right #RESSettingsButton:after, #header #header-bottom-right #chat:after, #header #header-bottom-right #mail:after, #header #header-bottom-right #modmail:after, #header #header-bottom-right #new_modmail:after, #header #header-bottom-right .logout a:after, #header #header-bottom-right .pref-lang:after, #header #header-bottom-right .user>a:after {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  top: -9px;
  left: calc(50% - 4px);
  width: 1px;
  height: 1px;
  border: 4px solid transparent;
  border-bottom-width: 0;
  border-top-color: #091523;
  content: "";
  transition: .2s;
}

#header #header-bottom-right #RESAccountSwitcherIcon:hover:after, #header #header-bottom-right #RESSettingsButton:hover:after, #header #header-bottom-right #chat:hover:after, #header #header-bottom-right #mail:hover:after, #header #header-bottom-right #modmail:hover:after, #header #header-bottom-right #new_modmail:hover:after, #header #header-bottom-right .logout a:hover:after, #header #header-bottom-right .pref-lang:hover:after, #header #header-bottom-right .user>a:hover:after {
  opacity: 1;
  top: -22px;
  z-index: 99;
}

#header #header-bottom-right #openRESPrefs {
  margin: 16px 35px 0 0 !important;
  width: 18px;
  height: 30px;
}

#header #header-bottom-right .logout a {
  margin: 16px 24px 0 0 !important;
}

#header #header-bottom-right .user>a {
  background-position: -18px 0px;
}

#header #header-bottom-right #mail.nohavemail {
  background-position: -36px 0px;
}

#header #header-bottom-right #mail.havemail {
  background-position: -36px 0px;
}

#header #header-bottom-right #modmail {
  background-position: -71px 0px;
}

#header #header-bottom-right .pref-lang {
  background-position: -108px 0px;
}

#header #header-bottom-right #RESSettingsButton {
  background-position: -76px 0px;
}

#header #header-bottom-right .logout a {
  background-position: -125px 0px;
}

#header #header-bottom-right #new_modmail {
  background-position: -90px 0px;
}

#header #header-bottom-right #new_modmail.havemail {
  background-position: -90px 0px;
}

#header #header-bottom-right .beta-hint {
  display: none;
}

#header #header-bottom-right #RESAccountSwitcherIcon {
  background-position: -199px -204px;
  width: 20px !important;
  height: 20px !important;
}

#header #header-bottom-right #chat {
  background-position: 90px 0px;
  width: 19px !important;
}

#header #header-bottom-right .user>a:before {
  content: "Profile Page";
}

#header #header-bottom-right #RESAccountSwitcherIcon:before {
  content: "Switch Accounts";
}

#header #header-bottom-right #mail:before {
  content: "Inbox";
}

#header #header-bottom-right #modmail:before {
  content: "Mod Mail";
}

#header #header-bottom-right #new_modmail:before {
  content: "New Mod Mail";
}

#header #header-bottom-right .pref-lang:before {
  content: "Preferences";
}

#header #header-bottom-right #RESSettingsButton:before {
  content: "RES Settings";
}

#header #header-bottom-right .logout a:before {
  content: "Logout";
}

#header #header-bottom-right #chat:before {
  content: "Reddit Chat";
}

#header #header-bottom-right a.message-count {
  position: relative;
  margin: 15px 23px 0 -42px;
  top: -5px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  text-align: center;
  line-height: 20px;
  font-size: 10px;
  font-weight: 400;
  background: #c871ad;
}

#header #header-bottom-right .user, #header #header-bottom-right.res-userbar-toggle>.user {
  font-size: 0;
  margin-left: 0;
}

#header #header-bottom-right #userbarToggle, #header #header-bottom-right .separator {
  display: none !important;
}

/* Subreddit Setting Page BG*/
.linefield {
  background-color: none;
}

.drop-choices a.choice:hover {
  background-color: #091523 !important;
  color: #f3f3f3 !important;
}

.submit.mod-override .morelink a:after {
  display: none;
}

/* Reddit New Join/Leave Button */
.fancy-toggle-button .active {
  font-size: 14px !important;
  text-transform: uppercase !important;
  letter-spacing: 0.2px !important;
  line-height: 35px !important;
  font-weight: bold !important;
  color: #f3f3f3 !important;
  background-color: #091523 !important;
}

/* Discord button based on r/videos */
.side .usertext-body:first-of-type a[href$="#dis"] {
  background: #6381ea url(%%discord%%) 6px 6px no-repeat !important;
  background-size: 16px !important;
  font-size: 13px !important;
  color: #fff !important;
  padding: 2px 5px !important;
  padding-left: 29px !important;
  border-radius: 0px;
  font-weight: bold;
  text-decoration: none;
  line-height: 1.6em !important;
  top: -37px !important;
  position: relative;
  float: right;
}

.side .usertext-body:first-of-type a[href$="#dis"]:hover {
  background: #4569e8 url(%%discord%%) 6px 6px no-repeat !important;
  background-size: 16px !important;
}

/* sidebar image above search bar */

/* Sidebar image

.side:before {
  content: "";
  display: block;
  width: 280px;
  height: 280px;
  background-image: url(%%logo%%);
  background-size: 100%;
  background-repeat: no-repeat;
  background-color: transparent;
  margin-left: 10px;
  margin-bottom: -10px;
  z-index: -1;
  border-radius: 0px;
}
*/