hector-modified.css

body {
    font-family: Roboto, "San Francisco Display", "Helvetica Neue", Arial, Verdana;
    min-height: 100%;
    position: relative;
    top: 15px;
    overflow-x: hidden
}

body:before {
    content: " ";
    position: fixed;
    z-index: -99;
    display: block;
    width: 100%;
    height: 100vh;
    top: 0;
    bottom: 0;
    background: #FAFAFA;
    background-size: 350px 657px
}

.res-nightmode body:before {
    background: #262626
}

#body {
    padding-right: 0px
}

a {
    color: #A5A5A5;
    text-decoration: none!important
}

a:hover,
a:focus {
    color: #A5A5A5;
    text-decoration: underline
}

a:visited {
    color: #A5A5A5
}

.md a,
.md a:visited {
    color: #F54402;
    text-decoration: none
}

.md a:hover,
.md a:visited:hover {
    color: #F54402;
    text-decoration: underline!important
}

.md hr {
    height: 1px;
    background: rgba(0, 0, 0, .1)
}

.md blockquote {
    border-left: 2px solid #d8d8d8;
    color: #9F9F9F
}

.md code,
.md pre {
    font-family: Menlo, Consolas, monospace;
    font-size: 11px;
    border: none;
    border-radius: 3px
}

.md pre {
    background-color: rgba(0, 0, 0, 0.04)!important
}

a[href$="/spoiler"] {
    background: transparent!important;
    color: transparent!important;
    text-shadow: 0 0 8px #000;
    margin-left: 4px;
    margin-right: 4px;
    transition: all .5s ease-in-out
}

a[href$="/spoiler"]:hover {
    color: black!important;
    text-shadow: none;
    text-decoration: none!important
}

a[href$="#s"] {
    background: #000!important;
    color: #000!important
}

a[href$="#s"]:hover {
    color: #FFF!important
}

button,
.nav-buttons a {
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 1.12px;
    text-transform: uppercase!important;
    color: #c30000!important;
    background: transparent!important;
    text-decoration: none;
    border: 1px solid #c30000!important;
    border-radius: 20px!important;
    box-shadow: 0 0px 0px 0px rgba(29, 82, 80, 0.4);
    transition: all 0.2s ease;
    text-align: center;
    padding: 5px 20px 5px 20px
}

button:hover,
.nav-buttons a:hover {
    background: #fff!important;
    border: 1px solid #fff!important;
    color: #c30000!important;
    box-shadow: 0 5px 11px -4px rgba(148, 72, 38, 0.5)
}

button:active,
.nav-buttons a:active {
    background: #FFF1EB FFF1EB!important;
    border: 1px solid #FFF1EB!important;
    color: #c30000!important;
    box-shadow: 0 2px 4px -2px rgba(148, 72, 38, 0.9)
}

.nav-buttons {
    padding: 0;
    padding-top: 16px;
    border-top: none
}

.nav-buttons a {
    border-radius: 2px;
    border-width: 0px;
    background-color: #f5f5f5;
    color: #42a5f5
}

.nav-buttons .nextprev {
    font-size: 11px!important;
    font-weight: normal!important;
    color: #9D9D9D!important;
    text-transform: uppercase;
    letter-spacing: 1.12px
}

table {
    padding: 0 0 0 0!important;
    margin: 5px 0 0 0!important;
    padding-left: 0!important;
    padding-right: 0!important;
    border: none!important;
    background-color: transparent;
    width: auto
}

tbody {
    margin: 0 0!important;
    font-size: 13px;
    color: #797979!important
}

tbody a {
    color: #c30000!important
}

tbody a:hover {
    text-decoration: underline!important
}

th {
    padding-left: 10px!important;
    padding-right: 10px!important;
    border: prnone!important;
    font-size: 11px;
    font-weight: 400!important;
    color: #B1B1B1
}

td {
    border-top: 1px solid #E1E1E1!important;
    border-right: none!important;
    border-bottom: none!important;
    border-left: none!important;
    background-color: transparent;
    padding-left: 20!important;
    padding-right: 20!important;
    padding-top: 5px!important;
    padding-bottom: 6px!important
}

.linkflairlabel {
    border-radius: 20px;
    text-transform: uppercase;
    border: none;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: white;
    background: #B1B1B1;
    padding: 1px 6px 1px 7px;
    position: relative;
    top: 3px;
    left: 4px;
    float: right
}

.linkflair-feedback .linkflairlabel {
    background: #DAB01E
}

.linkflair-help .linkflairlabel {
    background: #7FD837
}

.linkflair-question .linkflairlabel {
    background: #3BD793
}

.linkflair-idea .linkflairlabel {
    background: #4AA2E6
}

.linkflair-newsub .linkflairlabel {
    background: #B277F4
}

#header {
    height: 198px;
    background: black url(%%header2%%) no-repeat center top;
    background-size: 1459px 198px;
    background-color: #000;
    border-bottom: none
}

#sr-header-area {
    background-color: #fff;
    height: 15px;
    max-height: 20px!important;
    padding-top: 3px;
    padding-bottom: 3px;
    color: #8B8B8B;
    font-size: 9px;
    letter-spacing: normal;
    font-weight: 600;
    text-transform: none;
    border: none;
    box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.15);
    transform: translateY(-18px);
    position: relative;
    z-index: 1
}

#sr-header-area .dropdown.srdrop {
    padding-left: 65px;
    color: rgba(216, 216, 216, 0.75)
}

.dropdown.srdrop .selected {
    color: #8B8B8B;
    text-transform: capitalize;
    background-image: none;
    font-weight: 500;
    padding-right: 8px;
    margin-right: 18px;
    transition: all .1s ease-in-out
}

.dropdown.srdrop .selected:after {
    content: "";
    display: inline-block;
    position: relative;
    width: 6px;
    height: 5px;
    margin-left: 2px;
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -340px 0
}

.dropdown.srdrop .selected:hover {
    color: black
}

.dropdown.srdrop .selected:hover:after {
    background-position: -346px 0
}

.drop-choices.srdrop {
    position: absolute;
    left: 40px!important;
    top: 16px!important;
    font-size: 12px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
    border-radius: 4px;
    border: none;
    background: #f0f0f0 url(%%sr-drop-bg%%) top left repeat-x;
    white-space: nowrap;
    line-height: 11px;
    margin-top: 1px;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.35), 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    padding: 4px 0px 4px 0px;
    z-index: 1000!important
}

.drop-choices.inuse {
    display: block;
    z-index: 1000!important
}

.drop-choices a.choice {
    cursor: pointer;
    padding: 2px 20px 3px 20px;
    display: block;
    color: black!important;
    z-index: 1000!important
}

.drop-choices.srdrop a.choice:hover {
    background-color: #227dd6!important;
    z-index: 1000!important
}

.drop-choices a.choice:hover {
    color: white!important;
    background-color: #3f9ffc;
    overflow: visible;
    z-index: 1000!important
}

.drop-choices a.choice.selected {
    display: none;
    z-index: 1000!important
}

.srdrop .choice.bottom-option {
    border-top: 2px solid #dfdfdf;
    margin-top: 4px;
    padding-top: 4px;
    font-style: normal;
    overflow: visible;
    z-index: 1000!important
}

.srdrop .choice.bottom-option::first-letter {
    text-transform: capitalize!important
}

.srdrop .choice.bottom-option::after {
    content: "..."
}

#sr-header-area .drop-choices.srdrop a {
    color: rgba(255, 255, 255, 0.4);
    z-index: 1000!important
}

#sr-header-area .drop-choices.srdrop a:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 0.6);
    text-decoration: none
}

.separator,
.sr-bar .separator {
    color: transparent
}

.flat-list {
    text-transform: capitalize
}

.sr-bar a,
.flat-list li a.gold {
    color: #8B8B8B;
    font-weight: normal;
    transition: all .1s ease-in-out
}

.sr-bar a:hover,
.flat-list li a.gold:hover {
    color: black
}

.sr-bar a:after {
    content: "/";
    padding-left: 2px;
    margin-right: -9px;
    color: #949494
}

.sr-bar li:last-child a:after {
    content: " ";
    padding-right: 0px
}

#sr-more-link {
    height: 17px;
    width: 85px;
    color: #8B8B8B;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 0 0;
    padding-top: 0px;
    border-left: none;
    background-color: white
}

#sr-more-link:hover {
    color: #494949
}

#sr-more-link:after {
    display: block;
    position: relative;
    top: -13px;
    left: -15px;
    content: "";
    width: 1px;
    height: 9px;
    background-color: #949494;
    opacity: 0.75
}

#header-bottom-left {
    font-size: 100%;
    z-index: -1!important;
    margin-left: 3px
}

.pagename {
    font-size: 0
}

.pagename a {
    display: block;
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
    width: 140px;
    height: 130px;
    background: url(%%mcatlogo%%) no-repeat center;
    background-size: 140px 130px;
    margin: 15px 0 0 0;
    transition: all .2s ease-in-out
}

.pagename a:hover {
    background-image: url(%%mcatlogo%%)
}

#header .tabmenu {
    display: inline-block;
    position: absolute;
    z-index: -1;
    bottom: 2px;
    margin: 0;
    margin-left: 48px;
    line-height: 30px;
    -webkit-transform: translate3d(0, 0, 0)
}

#header .tabmenu li:nth-of-type(6) {
    display: none;
    visibility: hidden
}

#header .tabmenu li:nth-of-type(7) {
    display: none;
    visibility: hidden
}

#header .tabmenu li:nth-of-type(8) {
    display: none;
    visibility: hidden
}

#header .tabmenu li,
#header .tabmenu li a {
    display: inline-block;
    margin: 0;
    padding: 0;
    background: none;
    z-index: 1
}

#header .tabmenu li a {
    position: relative;
    padding: 0 10px;
    font-size: 11px;
    color: #D8D8D8;
    font-weight: 500;
    letter-spacing: 0.48px;
    text-transform: uppercase;
    border-radius: 2px;
    transition: all 0.2s ease;
    z-index: 1
}

#header .tabmenu li a:hover {
    color: #fff
}

#header .tabmenu li.selected a {
    color: #fff;
    border: 0;
    z-index: 1
}

#header .tabmenu li a:after {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -2px;
    margin: 0 10px;
    height: 0px;
    content: "";
    background: #d41103;
    transition: all 0.2s ease;
    background: transparent;
    z-index: 1
}

#header .tabmenu li a:hover:after,
#header .tabmenu li.selected a:after {
    background: #d41103;
    height: 3px;
    z-index: 1
}

#header-bottom-left #header-img-a {
    display: block;
    position: absolute;
    left: 0px;
    top: 5px;
    content: "";
    background: url(%%snoo-default%%);
    transition: all .1s ease;
    background-size: 170px 170px;
    width: 170px;
    height: 170px
}

#header-bottom-left #header-img-a:hover {
    transform: scale(1.05)
}

#header-bottom-left #header-img-a:active {
    transform: scale(0.95);
    z-index: 10!important
}

#header-bottom-left #header-img-a img {
    display: none
}

#header-bottom-left #header-img-a:after {
    display: block;
    pointer-events: none;
    background: transparent;
    width: 170px;
    height: 170px;
    background-size: 170px 170px;
    content: "";
    position: absolute;
    z-index: -1!important
}

#header-bottom-left #header-img-a:active:after {
    transform: scale(1.11);
    z-index: -1!important
}

#header-bottom-right {
    height: 30px;
    margin: 43px;
    margin-bottom: 0;
    padding: 0 20px;
    background: transparent;
    font-size: 11px;
    letter-spacing: 0.48px;
    line-height: 30px;
    text-transform: uppercase;
    -webkit-transform: translate3d(0, 0, 0);
    transition: transform 0.1 ease-in-out
}

#header-bottom-right #mail:hover,
#header-bottom-right #modmail:hover,
#header-bottom-right #new_modmail:hover,
#header-bottom-right a.pref-lang:hover,
.loggedin .logout a:hover {
    transform: scale(1.15)
}

#header-bottom-right #mail:active,
#header-bottom-right #modmail:active,
#header-bottom-right #new_modmail:active,
#header-bottom-right a.pref-lang:active,
.loggedin .logout a:active {
    transform: scale(1)
}

#header-bottom-right a {
    color: #d41103;
    opacity: 1;
    transition: all 0.2s ease
}

#header-bottom-right a:hover {
    text-decoration: underline!important
}

#header-bottom-right .user a.login-required {
    color: #0069e1
}

#header-bottom-right .user a.login-required:before {
    content: ""
}

.loggedin #header-bottom-right .user {
    color: transparent;
    margin-right: -8px
}

#header-bottom-right .user {
    position: relative;
    top: -2px
}

#header-bottom-right .user a {
    font-weight: 700!important;
    margin-right: 0px;
    padding-right: 0px
}

#header-bottom-right .user .userkarma {
    color: #D8D8D8;
    font-weight: 500!important;
    margin-left: 0px;
    padding-left: 0px
}

#header-bottom-right .user .userkarma:before {
    content: "(";
    display: inline-block;
    margin-right: 0;
    color: #D8D8D8;
    background-position: 0 0
}

#header-bottom-right .user .userkarma:after {
    content: ")";
    display: inline-block;
    margin-right: 4px;
    color: #D8D8D8;
    background-position: 0 0
}

#header-bottom-right .separator {
    visibility: hidden
}

#header-bottom-right #mail,
#header-bottom-right #modmail,
#header-bottom-right #new_modmail {
    height: 20px;
    width: 20px;
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-color: transparent;
    border-radius: 2px;
    opacity: 1;
    transition: all 0.2s ease
}

#header-bottom-right #mail {
    top: 3px
}

#header-bottom-right #mail.nohavemail {
    background-position: -261px -20px
}

#header-bottom-right #mail.havemail {
    background-position: -261px -40px
}

#header-bottom-right .message-count {
    background-color: #FA3E3E;
    color: #fff!important;
    border-radius: 2px;
    font-size: 10px;
    letter-spacing: 0.3;
    line-height: 14px;
    font-weight: bold;
    padding: 0px 3px 0px 3px;
    height: 15px;
    position: relative;
    top: -9px;
    left: -6px;
    margin: -9px -12px 0 0;
    z-index: 100
}

#header-bottom-right #modmail {
    top: -4px
}

#header-bottom-right #modmail.nohavemail {
    background-position: -281px -20px
}

#header-bottom-right #modmail.havemail {
    background-position: -281px -40px
}

#header-bottom-right #new_modmail.nohavemail {
    background-position: -301px -20px;
    top: -2px!important
}

#header-bottom-right #new_modmail.havemail {
    background-position: -301px -40px;
    top: -2px!important
}

#header-bottom-right a.pref-lang,
.loggedin .logout a {
    display: inline-block;
    position: relative;
    top: 3px;
    margin: 0px;
    height: 20px;
    width: 20px;
    text-indent: -9999px;
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    border-radius: 2px;
    opacity: 1;
    transition: all 0.2s ease
}

#header-bottom-right a.pref-lang {
    background-position: -321px -20px
}

.loggedin .logout a {
    background-position: -341px -20px
}

.side {
    float: right;
    margin-top: 15px;
    margin-right: 52px;
    width: 312px;
    background: transparent;
    text-align: left;
    overflow: hidden
}

.side .md {
    text-align: left;
    color: #797979
}

.side .md p {
    color: #797979
}

.side .md p em {
    color: #797979;
    font-style: normal!important;
    font-weight: 400
}

#search {
    margin-top: 5px!important;
    margin-bottom: 35px
}

#search:after {
    display: block;
    content: "";
    position: absolute;
    width: 277px;
    height: 1px;
    background-color: #A5A5A5
}

#search input {
    background-color: transparent;
    border-bottom: 0px solid #A5A5A5!important;
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    height: 19px;
    padding-right: 20px
}

#search input:focus {
    outline: none
}

#search input:after {
    display: block;
    content: "";
    position: relative;
    width: 277px;
    height: 1px;
    background-color: #A5A5A5;
    top: -17px
}

#search input[type=text] {
    border-bottom: 1px solid gray;
    font-weight: 400;
    font-size: 16px;
    width: 280px;
    box-sizing: border-box;
    padding: 6px;
    padding-right: 25px;
    padding-left: 0px;
    vertical-align: middle
}

::-webkit-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    font-size: 15px;
    color: #797979;
    letter-spacing: 0.01px;
    text-transform: capitalize
}

::-moz-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    font-size: 15px;
    color: #797979;
    letter-spacing: 0.01px;
    text-transform: capitalize
}

:-ms-input-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    font-size: 15px;
    color: #797979;
    letter-spacing: 0.01px;
    text-transform: capitalize
}

input:-moz-placeholder {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    font-size: 15px;
    color: #797979;
    letter-spacing: 0.01px;
    text-transform: capitalize
}

#search input[type=submit] {
    transform: translateX(0px);
    background-color: transparent;
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -132px -45px;
    background-repeat: no-repeat!important;
    height: 19px!important;
    width: 19px!important;
    max-width: 19px!important;
    box-sizing: border-box;
    border: none!important;
    margin: 0;
    margin-left: 0px;
    vertical-align: middle
}

#search input[type=submit]:hover {
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -164px -45px
}

#searchexpando {
    display: none;
    margin: 5px 0 0 0;
    padding-top: 10px;
    border-radius: 3px;
    border: none
}

#searchexpando input,
#searchexpando p {
    margin-bottom: 10px
}

#searchexpando dl {
    margin: 10px 0
}

#searchexpando dt {
    margin: 0
}

.side .infobar {
    border: none;
    border-radius: 0px;
    font: normal 11px -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    margin: 5px 305px 5px 0px;
    padding: 0px 0px;
    color: #A5A5A5
}

#searchexpando.infobar {
    background-color: transparent;
    text-transform: none;
    letter-spacing: normal;
    color: #A5A5A5;
    font-size: 10px
}

.side label {
    font-size: 11px!important;
    text-transform: capitalize
}

.login-form-side {
    width: 300px;
    border: none;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    padding: 25px 0 10px 0;
    margin-bottom: 15px
}

.login-form-side input[type=text],
.login-form-side input[type=password] {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    background: transparent!important;
    font-size: 12px!important;
    border: none;
    border-bottom: 1px solid #A5A5A5;
    padding: 0px;
    margin: 0 5px 0 0
}

.linkinfo {
    padding: 0px;
    border: none;
    background-color: transparent;
    border-radius: 0px;
    margin-top: 15px;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
    padding-top: 18px;
    color: #A5A5A5;
    padding-bottom: 29px;
    margin-bottom: 25px;
    width: 300px
}

.linkinfo .date {
    font-size: 10px;
    color: #797979;
    font-weight: 500;
    letter-spacing: 0.1px
}

.linkinfo .date::first-letter {
    text-transform: uppercase
}

.linkinfo .score {
    color: #A5A5A5!important
}

.linkinfo .score .number {
    font-size: 20px;
    font-weight: 600;
    color: #797979
}

.linkinfo .score .word {
    font-size: 14px;
    color: #797979;
    font-weight: 600
}

.linkinfo .shortlink {
    font-size: 10px;
    color: #A5A5A5;
    text-transform: capitalize;
    letter-spacing: normal;
    margin-top: 3px;
    font-weight: 600px;
    margin-top: 0px
}

.linkinfo .shortlink input {
    border: none;
    font-family: Menlo, Consolas, monospace;
    font-size: 13px;
    color: #A5A5A5;
    padding: 3px 2px;
    width: 175px;
    background: transparent
}

.linkinfo .shortlink input:hover {
    cursor: text
}

.linkinfo table {
    margin-top: 5px
}

.linkinfo td,
.linkinfo th {
    padding: 2px;
    font-size: smaller;
    border: 1px solid gray
}

.morelink {
    position: absolute;
    height: 23px;
    width: 138px;
    font-size: 11px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #c30000!important;
    background: transparent;
    border: 1px solid #c30000;
    border-radius: 20px;
    box-shadow: 0 0px 0px 0px rgba(29, 82, 80, 0.4);
    transition: all 0.2s ease
}

.morelink:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #c30000!important;
    box-shadow: 0 5px 11px -4px rgba(148, 72, 38, 0.5)
}

.morelink:active {
    background: #FFF1EB;
    border: 1px solid #FFF1EB;
    color: #c30000!important;
    box-shadow: 0 2px 4px -2px rgba(148, 72, 38, 0.9)
}

.disabled .morelink,
.disabled .morelink:hover,
.disabled .morelink:active {
    background: none;
    background-color: #f5f5f5;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    box-shadow: none
}

.morelink a {
    color: #c30000!important
}

.morelink .nub {
    display: none
}

.submit-text .morelink {
    right: 65px
}

.sidebox .submit {
    border-top: 2px solid black
}

.sidebox.submit.submit-link a:before {
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -46px 0;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    transform: translateY(2px)
}

.sidebox.submit.submit-text a:before {
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -72px 0;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    transform: translateY(2px)
}

.sidebox.submit.disabled {
    box-shadow: -0.1px 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.submit .spacer.no-icon {
    padding: 5px;
    text-align: center;
    border-top: 1px solid #efefed;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px
}

.submit .spacer.no-icon .subtitle {
    margin: 0;
    font-size: 100%;
    color: #aaa
}

.titlebox {
    margin-top: 84px
}

.titlebox:before {
    display: block;
    content: "";
    width: 300px;
    height: 1px;
    background-color: #E1E1E1
}

.titlebox::first-letter,
.titlebox form.toggle::first-letter,
.leavemoderator::first-letter {
    text-transform: capitalize!important
}

.titlebox h1 {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    margin-top: 25px;
    opacity: 0.4;
    padding-top: 0px;
    width: 300px;
    width: 207px;
    height: 48px;
    text-align: center;
    margin-bottom: 6px;
    text-transform: uppercase;
    font-weight: 900!important;
    letter-spacing: 2.04px
}

.titlebox h1 a {
    font-weight: 900!important
}

.fancy-toggle-button .add,
.fancy-toggle-button .remove {
    padding: 5px 30px;
    border-radius: 20px;
    position: relative;
    left: 0%;
    height: 25px;
    font-weight: 600;
    line-height: 25px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #c30000!important;
    background: transparent;
    font-size: 11px!important;
    border-radius: 20px!important;
    box-shadow: 0 0px 0px 0px rgba(29, 82, 80, 0.4);
    transition: all 0.2s ease
}

.titlebox {
    text-align: center
}

.fancy-toggle-button .add,
.fancy-toggle-button .remove,
.res .fancy-toggle-button .add,
.res .fancy-toggle-button .remove {
    font-size: 11px!important;
    text-transform: uppercase;
    transition: .2s;
    background-image: none!important;
    outline-width: 0!important;
    outline: none!important
}

.fancy-toggle-button .add {
    background: transparent
}

.fancy-toggle-button .add:before {
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -33px 0;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    transform: translateY(2px)
}

.fancy-toggle-button .add:hover {
    background: #fff!important;
    border: 1px solid #fff!important;
    color: #c30000!important;
    box-shadow: 0 5px 11px -4px rgba(148, 72, 38, 0.5)
}

.RESDashboardToggle:active,
.fancy-toggle-button .add:active,
body.res .RESshortcutside:active {
    background: #FFF1EB!important;
    border: 1px solid #FFF1EB!important;
    color: #c30000!important;
    box-shadow: 0 2px 4px -2px rgba(148, 72, 38, 0.9)
}

.fancy-toggle-button .remove {
    background: transparent
}

.fancy-toggle-button .remove:before {
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -59px 0;
    width: 13px;
    height: 13px;
    margin-right: 5px;
    transform: translateY(2px)
}

.fancy-toggle-button .remove:hover {
    background: #fff;
    border: 1px solid #fff!important;
    color: #c30000!important;
    box-shadow: 0 5px 11px -4px rgba(148, 72, 38, 0.5)
}

.fancy-toggle-button .remove:active {
    background: #FFF1EB!important;
    border: 1px solid #FFF1EB!important;
    color: #c30000!important;
    box-shadow: 0 2px 4px -2px rgba(148, 72, 38, 0.9)
}

.fancy-toggle-button .add,
.fancy-toggle-button .remove,
.res .fancy-toggle-button .add,
.res .fancy-toggle-button .remove {
    font-size: 11px!important;
    border: 1px solid #c30000;
    text-transform: uppercase;
    transition: .2s;
    background-image: none!important
}

.titlebox h1.redditname {
    width: 100%;
    text-align: center
}

.titlebox .redditname {
    height: 25px
}

.res .titlebox .fancy-toggle-button {
    display: inline-block;
    margin-top: 10px;
    margin-right: 5px;
    margin-left: 0;
    width: auto
}

.titlebox .fancy-toggle-button {
    margin: 4px auto 0;
    width: 100%;
    display: inline-block;
    transition: .3s
}

.subscribers,
.users-online {
    color: #797979;
    font-size: 15px;
    letter-spacing: normal;
    font-weight: 500;
    position: relative;
    margin-bottom: -16px
}

.subscribers {
    left: -25%;
    top: 12px
}

.subscribers .word {
    display: none
}

.subscribers .number::after {
    content: " readers";
    font-size: 10px;
    display: block
}

.subscribers .number::before {
    display: none
}

.subscribers:after {
    display: block;
    position: absolute;
    content: "";
    width: 1px;
    height: 26px;
    background-color: #E1E1E1;
    left: 236px;
    top: -26px
}

.users-online {
    left: 25%;
    top: -18px
}

.users-online:before {
    display: inline-block;
    float: none;
    background: #41E527;
    border: none;
    border-radius: 20px;
    width: 8px;
    height: 8px
}

.users-online .word {
    display: none
}

.users-online .number::after {
    content: " users here now";
    font-size: 10px;
    display: block
}

.titlebox .leavemoderator {
    display: block;
    width: 280px;
    margin: 19px 0 0px;
    padding: 0 5px 0px;
    color: #A5A5A5!important;
    background: transparent;
    font-size: 10px;
    text-align: left;
    line-height: 16px
}

.titlebox form.leavemoderator-button {
    color: #A5A5A5;
    position: absolute!important;
    display: block!important;
    text-align: right!important
}

.titlebox .leavemoderator,
.titlebox form.leavecontributor-button {
    font-size: 0
}

.titlebox .leavemoderator:before {
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -327px 0!important;
    width: 12.5px;
    height: 15px;
    transform: translateX(-4px)
}

.titlebox form.leavecontributor-button:before {
    background: none
}

.titlebox .leavemoderator:before {
    background-position: -32px -32px
}

.titlebox form.leavecontributor-button:before {
    background-position: -48px -32px
}

.titlebox .leavemoderator:after,
.titlebox form.leavecontributor-button:after {
    font-size: 10px;
    line-height: 12px;
    vertical-align: middle
}

.titlebox .leavemoderator:after {
    content: "Moderator"
}

.titlebox form.leavecontributor-button:after {
    content: "Approved Submitter"
}

.titlebox .leavemoderator a,
.titlebox form.leavecontributor-button a {
    position: absolute;
    right: 66px;
    font-size: 10px;
    text-transform: capitalize;
    color: #A5A5A5
}

.titlebox .leavemoderator a:hover,
.titlebox form.leavecontributor-button a:hover {
    color: #A5A5A5;
    text-decoration: underline!important
}

.leavecontributor-button .option.active.error {
    display: block;
    font-size: 10px
}

.option.active.error a {
    position: inherit
}

.titlebox form.sr_style_toggle,
.titlebox form.flairtoggle {
    font-size: 10px;
    line-height: normal;
    margin-top: 0px;
    padding-top: 0px
}

.sr_style_toggle,
.flairtoggle {
    text-align: left!important;
    font-size: 10px!important;
    color: #A5A5A5!important
}

.titlebox form.flairtoggle {
    margin-bottom: 5px;
    padding-bottom: 0px;
    padding-top: 0px;
    margin-top: -6px;
    color: #A5A5A5!important;
    font-size: 10px!important
}

.flairtoggle label,
.sr_style_toggle label {
    position: relative;
    bottom: 3px;
    font-size: 10px!important;
    color: #A5A5A5!important
}

.flairtoggle,
.sr_style_toggle,
.leavecontributor-button,
.leavemoderator {
    background-color: transparent!important
}

.leavecontributor-button {
    display: none!important
}

input#flair_enabled,
input#sr_style_enabled {
    height: 16px;
    width: 16px;
    content: url(%%unchecked%%)
}

input#flair_enabled:active,
input#sr_style_enabled:active {
    content: url(%%hover%%)!important
}

input#flair_enabled:checked,
input#sr_style_enabled:checked {
    content: url(%%checked%%)!important
}

.titlebox .tagline {
    margin: 0 -10px;
    padding: 0 10px 0px;
    font-size: 0px;
    color: #FAFAFA
}

.side .flairselectbtn.access-required {
    color: #A5A5A5!important;
    font-size: 10px;
    font-weight: 500;
    text-transform: capitalize;
    display: block;
    text-align: right!important;
    position: absolute;
    right: 79px;
    transform: translateY(-13px)
}

.side .flairselectbtn.access-required:hover {
    text-decoration: underline!important
}

.titlebox .tagline .author {
    color: #797979;
    font-size: 15px;
    text-align: left!important;
    display: block;
    position: relative;
    left: 22px!important
}

.titlebox .tagline .author::first-letter {
    text-transform: none!important
}

.titlebox .author.may-blank {
    color: #797979;
    font-weight: 600;
    letter-spacing: normal;
    font-size: 16px
}

.side .author.may-blank:hover {
    text-decoration: underline!important
}

.side .md table {
    width: 300px!important
}

.side tbody {
    color: #797979!important
}

.side tbody a {
    color: black!important
}

.side th {
    color: #A5A5A5;
    padding-left: 0!important;
    padding-right: 0!important
}

.side td {
    border-top: 1px solid #E1E1E1!important;
    padding-left: 0!important;
    padding-right: 0!important
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A"] {
    border-radius: 20px;
    text-transform: uppercase;
    border: none;
    height: 13px;
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.5px;
    color: white!important;
    background: #B1B1B1;
    padding: 0 6px 0 7px;
    line-height: 13px;
    position: relative;
    overflow: visible;
    float: left;
    transition: all .2s ease-in-out;
    white-space: nowrap
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A"]:hover,
.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A"]:visited,
.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A"]:visited:hover {
    color: white!important;
    text-decoration: none!important
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A"]:hover {
    box-shadow: 0 2px 6px -2px rgba(0, 0, 0, 0.30), inset 0 0 500px 0 rgba(255, 255, 255, 0.4)
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A"]:active {
    top: 1px;
    box-shadow: inset 0 0 500px 0 rgba(0, 0, 0, 0.1)
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A%27feedback%27&sort=new&restrict_sr=on&t=all&feature=legacy_search"] {
    background: #DAB01E!important
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A%27help%27&sort=new&restrict_sr=on&t=all&feature=legacy_search"] {
    background: #7FD837!important
}

.md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A%27question%27&sort=new&restrict_sr=on&t=all&feature=legacy_search"] {
    background: #3BD793!important
}

.md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A%27idea%27&sort=new&restrict_sr=on&t=all&feature=legacy_search"] {
    background: #4AA2E6!important
}

.side .md [href*="https://www.reddit.com/r/HectorTheme/search?q=flair%3A%27newsub%27&sort=new&restrict_sr=on&t=all&feature=legacy_search"] {
    background: #B277F4!important
}

.side .md a,
.side .md a:visited {
    color: black!important;
    text-decoration: none
}

.side .md a:hover,
.side .md a:visited:hover {
    color: black!important;
    text-decoration: underline!important
}

.md-container-small .md pre > code,
.side .md pre > code,
.md-container-small .md th,
.side .md th,
.md-container-small .md td,
.side .md td,
.md-container-small .md li,
.side .md li {
    font-size: 1em;
    line-height: 117%
}

.side .md li {
    padding-bottom: 5px
}

.md-container-small .md pre,
.side .md pre {
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 2px;
    border: none;
    margin-right: 13px
}

.md-container-small .md pre > code,
.side .md pre > code {
    font-family: Menlo, Consolas, monospace;
    font-size: 11px;
    color: #797979
}

.side .usertext blockquote,
.side .md blockquote {
    display: inline-block;
    border-top: 1px solid #E1E1E1;
    width: 290px!important;
    color: #797979;
    font-size: 14px;
    font-weight: 500;
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 17px;
    margin-top: 23px;
    line-height: 30px!important
}

.side .usertext blockquote a,
.side .usertext blockquote a:visited,
.side .md blockquote a,
.side .md blockquote a:visited {
    color: #797979
}

.sidecontentbox.collapsible {
    position: relative;
    left: 0px;
    margin-left: 0;
    margin-bottom: -20px!important;
    margin-top: -12px;
    padding: 8px;
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    transition: box-shadow .2s ease-in-out, position .2s ease-in-out
}

.sidecontentbox.collapsible:hover {
    box-shadow: 0 9px 16px -8px rgba(0, 0, 0, 0.30);
    z-index: 10000!important
}

.sidecontentbox.collapsible:active {
    top: 1px;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.30)
}

.sidecontentbox.collapsible .title h1 {
    cursor: pointer;
    border-top: none!important;
    padding: 10px 15px 10px 8px!important;
    margin-top: -3px!important;
    line-height: 0px!important;
    color: #0EA34E!important;
    font-size: 0px!important
}

.sidecontentbox.collapsible .title h1::selection {
    background: transparent
}

.sidecontentbox.collapsible .title h1:before {
    display: inline-block;
    content: "";
    width: 14px;
    height: 17px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -114px -32px;
    position: relative;
    top: 3px;
    color: transparent!important;
    margin-right: 6px;
    margin-top: -5px
}

.sidecontentbox.collapsible .title h1:after {
    content: "Moderation tools";
    font-size: 14px;
    text-transform: none
}

.sidecontentbox .collapse-button {
    transform: translateY(-20px);
    line-height: 0px;
    text-align: center;
    font-size: 0px;
    float: right;
    width: 13px;
    height: 9px;
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -84px -29px;
    border: none;
    border-radius: 20px;
    margin: 0;
    opacity: .2
}

.icon-menu a {
    background-color: transparent;
    text-transform: capitalize;
    letter-spacing: normal;
    font-size: 12px;
    color: black;
    padding: 3px 0 3px 0;
    line-height: 17px
}

.icon-menu a:hover {
    text-decoration: none!important;
    color: black
}

.icon-menu li {
    margin: 2px 0 3px 10px;
    left: -5px;
    padding-left: 5px;
    padding-top: 3px;
    padding-bottom: 2px;
    background-color: transparent;
    border-radius: 3px;
    position: relative;
    transition: all .1s ease-in-out
}

.icon-menu li:hover {
    background-color: white;
    background-color: rgba(0, 0, 0, .08);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, .08);
    border-radius: 1px
}

.icon-menu li.selected {
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px 0 rgba(124, 85, 0, 0.20);
    border-radius: 3px;
    font-weight: normal
}

.icon-menu li:active {
    background: rgba(0, 0, 0, .1);
    box-shadow: inset 0 1px 2px 0 rgba(124, 85, 0, 0.20);
    border-radius: 3px
}

.icon-menu .edit-stylesheet:before {
    background: url(%%spritesheet-hector%%);
    background-position: 0 -66px;
    background-repeat: no-repeat
}

.sidecontentbox {
    margin-right: 13px;
    margin-bottom: 0px;
    margin-top: -20px;
    position: relative;
    left: 0px
}

.sidecontentbox .content {
    margin: 0;
    padding: 5px 0px 0px 0px;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    list-style: none
}

.sidecontentbox .title {
    text-transform: lowercase
}

.sidecontentbox .title h1 {
    display: inline-block;
    border-top: 1px solid #E1E1E1;
    width: 300px!important;
    color: #797979!important;
    font-size: 14px!important;
    font-weight: 500!important;
    text-transform: inherit;
    border-left: 0px;
    padding-left: 0px;
    margin-left: 0px;
    padding-top: 10px;
    margin-top: 30px;
    line-height: 30px!important;
    letter-spacing: normal
}

.sidecontentbox .title h1:first-letter {
    text-transform: uppercase
}

.titlebox .bottom {
    display: none
}

.titlebox .age {
    display: none
}

.sidebox.create {
    display: block;
    position: relative;
    margin: 55px 0px 0px 0px;
    padding: 25px 0px 12px 0px;
    border-top: 1px solid #E1E1E1;
    width: 300px;
    text-align: center
}

.sidebox.create .morelink {
    display: block;
    text-align: center;
    margin-left: 15px;
    z-index: 1000;
    width: auto;
    padding-left: 22px;
    padding-right: 22px
}

.sidebox.create .morelink a:before {
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -132px 0;
    width: 14px;
    height: 13px;
    margin-right: 5px;
    transform: translateY(2px)
}

.sidebox.create .spacer {
    display: none
}

.sidecontentbox .helplink {
    float: right;
    vertical-align: bottom;
    position: relative;
    top: 63px!important;
    left: 0px;
    font-weight: normal
}

.sidecontentbox .helplink::first-letter {
    text-transform: uppercase
}

.sidecontentbox .helplink:hover {
    text-decoration: underline!important
}

.sidecontentbox .content .more {
    font-weight: normal;
    font-size: 0px
}

.sidecontentbox .content .more::first-letter {
    text-transform: uppercase
}

.sidecontentbox .content .more::after {
    color: #A5A5A5!important;
    content: "About moderation team >";
    display: inline-block;
    font-weight: normal;
    font-size: 10px
}

.sidecontentbox .content .more:hover::after {
    text-decoration: underline!important
}

.side .reddit-link {
    margin-left: 0;
    margin-bottom: 6px;
    padding: 8px;
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    min-height: 10px!important;
    height: auto!important;
    transition: box-shadow .15s ease-in-out, position .15s ease-in-out;
    position: relative
}

.gadget .score,
.side .reddit-comment-link {
    font-size: 20px
}

.side .reddit-link:hover {
    box-shadow: 0 9px 16px -8px rgba(0, 0, 0, 0.30);
    z-index: 10000!important
}

.side .reddit-link:active {
    top: 1px;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.30)
}

.side .reddit-link-title {
    text-transform: none!important;
    color: #9B9B9B;
    font-weight: 900;
    letter-spacing: normal
}

.side .reddit-comment-link,
.side .score {
    font-size: smaller;
    padding-left: 0!important;
    color: #7f7f7f
}

.side .arrow {
    padding-left: 0!important;
    margin-left: 0!important
}

.side .midcol {
    width: 20px!important;
    padding-left: 0!important;
    margin-left: 0!important;
    margin-right: 4px!important
}

.side .right {
    text-transform: capitalize
}

.side .right:hover {
    text-decoration: underline
}

.account-activity-box::first-letter {
    text-transform: uppercase
}

.account-activity-box:hover {
    text-decoration: underline
}

.account-activity-box:after {
    display: block;
    height: 25px;
    width: 20px;
    content: "";
    opacity: 0
}

.side .md [href="#ProCSS"] {
    background: transparent no-repeat;
    display: inline-block;
    width: 215px;
    height: 76px;
    background-size: 215px 76px;
    margin-left: 43px;
    margin-top: 5px;
    position: relative;
    pointer-events: none
}

body.listing-page .content[role="main"] {
    margin-top: 64px
}

body:not(.listing-page) .side .md > ul:first-of-type {
    visibility: hidden
}

.side .md>ul:first-of-type {
    position: absolute;
    top: 222px;
    left: 35px;
    list-style: none;
    margin: 0 0 4px 0;
    width: calc(100% - 464px);
    font-size: 14px;
    color: black;
    letter-spacing: 0.01px;
    font-weight: 900;
    background-color: white;
    padding: 8px 8px 8px 36px;
    z-index: 1;
    text-decoration: none!important;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    overflow: visible;
    white-space: nowrap;
    text-overflow: ellipsis
}

.side .md > ul:first-of-type:hover {
    z-index: 999
}

.side .md > ul:first-of-type:before {
    content: "";
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: 0 -16px;
    position: absolute;
    left: 12px;
    display: block;
    width: 16px;
    height: 16px;
    margin-top: 1px
}

.side .md > ul:first-of-type li {
    padding: 0;
    margin: 0
}

.side .md > ul:first-of-type a {
    margin: 0 15px 0 0
}

.content {
    margin: 22px;
    margin-left: 65px;
    margin-right: 395px
}

.listing-page .sitetable .link,
.organic-listing,
.stylesheet-customize-container,
.submit-page .content,
.wiki-page .wiki-page-content,
.wiki-page .wikititle,
.search-page .search-result-listing,
.comments-page .sitetable .link,
.comment {
    margin-left: 0;
    margin-bottom: 6px;
    padding: 8px;
    background-color: #fff;
    border: 0;
    border-radius: 3px;
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
    position: relative
}

.listing-page .sitetable .stickied.link {
    background-color: transparent;
    border: 2px dashed rgba(0, 0, 0, 0.09);
    border-radius: 5px;
    box-shadow: none
}

.listing-page .sitetable .stickied.link:hover {
    box-shadow: none
}

.stickied.link .stickied-tagline {
    color: #0EA34E!important;
    font-size: 11px;
    font-weight: 400
}

.stickied-tagline:first-letter {
    text-transform: uppercase!important
}

.stickied-tagline::before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -99px -21px;
    position: relative;
    color: transparent!important;
    top: 0px;
    margin-right: 6px;
    margin-left: 4px!important
}

.link .userattrs .moderator {
    display: inline-block;
    content: "";
    width: 11px;
    height: 12px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -103px -16px;
    position: relative;
    color: transparent!important;
    margin-left: 1px;
    margin-bottom: -10px;
    margin-top: 0px;
    top: -10px;
    color: #0EA34E!important
}

.link .moderator {
    color: #0EA34E!important
}

.approval-checkmark {
    background-image: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -368px 0;
    width: 0;
    height: 13px;
    float: right;
    position: relative;
    top: 3px;
    margin-right: 1px;
    overflow: hidden;
    padding-left: 13px
}

.expando-button {
    float: left!important;
    width: 20px!important;
    height: 22px!important;
    margin: 5px 6px 2px 0!important;
    background: transparent url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px!important;
    opacity: .5
}

.expando-button.selftext.collapsed,
.expando-button.video.collapsed {
    background-position: -183px 0!important
}

.expando-button.selftext.collapsed:hover,
.eb-sch,
.expando-button.video.collapsed:hover,
.eb-vch {
    opacity: 1
}

.expando-button.selftext.expanded,
.eb-se,
.expando-button.video.expanded,
.eb-ve {
    background-position: -163px 0!important
}

.expando-button.selftext.expanded:hover,
.eb-seh,
.expando-button.video.expanded:hover,
.eb-veh {
    opacity: 1
}

.expando .psuedo-selftext {
    border-radius: 7px;
    border: 1px solid #369;
    overflow: hidden;
    max-width: 710px
}

.media-preview-content {
    padding-right: 7px
}

button.expando-gate__show-once {
    border-color: white!important;
    color: white!important;
    margin: 0
}

button.expando-gate__show-once:hover {
    color: #545452!important;
    box-shadow: 0 5px 11px -4px rgba(0, 0, 0, 0.5)
}

button.expando-gate__show-once:active {
    background-color: #e6e6e6!important;
    border-color: #e6e6e6!important;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.9)
}

.sitetable .link {
    transition: all 0.2s ease
}

.comments-page .sitetable .link {
    margin: 0
}

.listing-page .sitetable .link:hover {
    box-shadow: 0 9px 16px -8px rgba(0, 0, 0, 0.30);
    z-index: 10000!important
}

.listing-page .sitetable .link:active {
    top: 1px;
    box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.30)
}

.link.last-clicked {
    background-color: #f5f5f5
}

.link .rank {
    display: none;
    bottom: 0px
}

.stickied.link .rank {
    display: block!important;
    float: right;
    margin-top: 0px;
    padding: 4px;
    min-width: 14px;
    font-size: small;
    text-align: center;
    color: #c6c6c6
}

.organic-listing .link .rank:before {
    content: "AD"
}

.midcol {
    margin: 0 5px 0 0;
    padding: 0 0;
    min-width: 36px;
    height: auto;
    overflow: visible;
    border: none
}

.link .score {
    margin: 0 0 2px 0;
    font-size: 9px;
    font-weight: normal;
    color: #9B9B9B;
    letter-spacing: 0.67px;
    text-align: center;
    position: relative;
    top: 4px;
    left: -1px
}

.link .score.likes {
    color: orangered
}

.link .score.dislikes {
    color: #9587FF
}

.arrow {
    margin: 0 3px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    height: 17px;
    width: 15px;
    border-radius: 2px;
    position: relative;
    left: 5px;
    top: 3px
}

.arrow:hover {
    opacity: 0.2!important
}

.arrow.up {
    background-position: -353px 0;
    opacity: 0.10
}

.arrow.upmod {
    background-position: -17px 1px
}

.arrow.upmod:hover {
    opacity: 1!important
}

.arrow.down {
    background-position: -147px -1px;
    opacity: 0.10;
    top: 6px!important
}

.arrow.downmod {
    background-position: -1px -1px;
    top: 6px!important
}

.arrow.downmod:hover {
    opacity: 1!important
}

.thumbnail {
    height: 54px!important;
    width: 54px;
    margin: 0 10px 0 0;
    border-radius: 4px;
    -webkit-transform: translate3d(0, 0, 0)
}

.thumbnail:before {
    display: block;
    content: "";
    padding: 12px;
    position: absolute;
    width: 30px;
    height: 30px;
    background-color: rgba(0, 0, 0, 0.1);
    background-size: 31px 31px;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 10;
    border-radius: 4px
}

a.thumbnail img {
    position: relative;
    left: 50%;
    height: 54px;
    width: auto;
    border-radius: 4px;
    transform: translateX(-50%)
}

.thumbnail.self,
.stickied .thumbnail.self,
a.thumbnail.nsfw,
a.thumbnail.spoiler,
a.thumbnail[href*="reddit.com"],
a.thumbnail[href*="redd.it"],
a.thumbnail[href*="twhhhhhhhhitter.com"],
a.thumbnail[href*="mobile.twittervbgfryijb.com"] {
    background-image: url(%%thumbnails%%)!important;
    background-size: 324px 54px;
    width: 54px;
    height: 54px
}

.thumbnail.self {
    background-position: 0 0!important;
    z-index: -1!important
}

.thumbnail.self:before {
    background-color: transparent!important
}

.stickied .thumbnail {
    background-color: #0EA34E!important;
    z-index: -1!important
}

.stickied .thumbnail:before {
    background-color: rgba(0, 0, 0, 0)
}

.stickied .thumbnail.self {
    background-position: -54px 0!important
}

.stickied .thumbnail.self:before {
    background-color: rgba(0, 0, 0, 0)
}

a.thumbnail.nsfw {
    background-image: url(%%thumbnails%%)!important;
    background-position: -162px 0!important;
    background-color: #FF5559
}

.thumbnail.nsfw:before {
    background-color: transparent
}

a.thumbnail.spoiler {
    background-image: url(%%thumbnails%%)!important;
    background-position: -108px 0!important;
    background-color: #545452
}

.thumbnail.spoiler:before {
    background-color: transparent
}

a.thumbnail[href*="reddit.com"],
a.thumbnail[href*="redd.it"] {
    background-position: -216px 0px!important;
    z-index: -1!important
}

a.thumbnail[href*="reddit.com"] img,
a.thumbnail[href*="redd.it"] img {
    display: none
}

.thumbnail[href*="reddit.com"]:before,
.thumbnail[href*="redd.it"]:before {
    background-color: rgba(0, 0, 0, 0)
}

.thumbnail[href*="i.reddit.com"] img,
.thumbnail[href*="i.redd.it"] img {
    display: block!important
}

a.thumbnail[href*="twiggghjtter.com"],
a.thumbnail[href*="mobile.twitterggghj.com"] {
    background-position: -270px 0!important
}

a.thumbnail[href*="twitterggfdghj.com"] img,
a.thumbnail[href*="mobile.twittergguytffh.com"] img {
    display: none!important
}

.thumbnail[href*="twittergffhj.com"]:before,
.thumbnail[href*="mobile.twitterggggfde.com"]:before {
    background-color: rgba(0, 0, 0, 0)
}

.stamp {
    border: none;
    display: inline;
    font-size: 11px;
    font-weight: 900;
    line-height: normal;
    padding: 0 0px;
    position: relative;
    top: 1px
}

.nsfw-stamp {
    color: #FF5559
}

.nsfw-stamp:after {
    content: "!"
}

.spoiler-stamp {
    color: #545452
}

.spoiler-stamp:after {
    content: "!"
}

.link .title {
    font-size: 14px;
    color: black;
    letter-spacing: 0.01px;
    font-weight: 900!important
}

.link .title a:hover {
    text-decoration: underline!important
}

.link .title a:visited {
    color: #9B9B9B
}

.thing.stickied.link a.title {
    color: #0EA34E;
    font-weight: 900
}

.link .domain {
    margin: 3px 0;
    font-size: 9px;
    color: #B1B1B1;
    letter-spacing: 0.4px;
    text-transform: uppercase;
    font-weight: normal
}

.link .domain a {
    visibility: visible;
    vertical-align: middle
}

.link .domain a:hover {
    text-decoration: none!important;
    color: #737373
}

.link .tagline {
    margin: 3px 0 0 0;
    color: #B1B1B1;
    font-size: 0px
}

.link time {
    font-size: 11px!important;
    font-weight: 400!important
}

.link time:after {
    content: " by "
}

.link .author {
    color: #737373;
    font-size: 11px!important
}

.link .author:hover {
    color: black!important
}

.link .author.moderator a {
    color: #0EA34E!important
}

.entry .buttons {
    margin-top: 0;
    padding-top: 0
}

.entry .buttons li a {
    color: #737373;
    font-size: 11px;
    font-weight: 400;
    position: relative;
    top: 1px;
    text-transform: capitalize;
    letter-spacing: normal;
    padding: 0;
    transition: all 0.15s ease
}

.entry .buttons li a:hover {
    color: black
}

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

.stickied.link .usertext-body .md {
    border: none
}

.entry .buttons li.reported-stamp {
    height: 8px;
    padding-top: 0px;
    padding-bottom: 4px;
    transform: translateY(-1px);
    line-height: 11px;
    background-color: #fff;
    font-size: 11px;
    font-weight: normal;
    color: #876e00!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-width: 1px;
    border-color: #876e00!important;
    border-radius: 2px!important;
    margin-left: 7px
}

.suspicious {
    background-color: #f6e69f
}

.pretty-button {
    height: 8px;
    padding: 0 10px 4px 10px;
    transform: translateY(-1px);
    line-height: 11px;
    background-color: #29cce0;
    font-size: 11px;
    font-weight: normal;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-width: 1px;
    border-color: #29cce0;
    border-radius: 20px;
    opacity: 0.7!important
}

a.pretty-button:hover {
    text-decoration: none!important
}

.pretty-button.pressed {
    opacity: 1!important
}

.pretty-button.neutral:hover,
.pretty-button.positive:hover,
.pretty-button.negative:hover {
    opacity: 0.5!important
}

.pretty-button.negative {
    background-image: none;
    transform: translateY(-1px);
    line-height: 11px;
    background-color: #9d0b11!important;
    font-size: 11px;
    font-weight: normal;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-width: 1px;
    border-color: #9d0b11
}

.pretty-button.negative.pressed {
    background-image: none;
    border-width: 2px;
    border-color: #9d0b11;
    background-color: #fff!important;
    color: #9d0b11!important
}

.pretty-button.neutral {
    background-image: none;
    transform: translateY(-1px);
    line-height: 11px;
    background-color: #545454!important;
    font-size: 11px;
    font-weight: normal;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-width: 1px;
    border-color: #545454
}

.pretty-button.neutral.pressed {
    background-image: none;
    border-width: 2px;
    border-color: #545454;
    background-color: #fff!important;
    color: #545454!important
}

.pretty-button.positive {
    background-image: none;
    transform: translateY(-1px);
    line-height: 11px;
    background-color: #349d0b!important;
    font-size: 11px;
    font-weight: normal;
    color: #fff!important;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    border-width: 1px;
    border-color: #349d0b
}

.pretty-button.positive.pressed {
    background-image: none;
    border-width: 2px;
    border-color: #349d0b;
    background-color: #fff!important;
    color: #349d0b!important
}

.thing.spam {
    background-color: #E8D9CC;
    border-radius: 3px;
    margin-top: 4px;
    padding-top: 10px!important;
    margin-bottom: 6px;
    border-top: none!important
}

.thing.spam:before {
    display: none
}

.tagline.spam a {
    color: #a61602!important
}

body.user-spam #header {
    background-color: #ff8b60
}

.author.user-spam {
    color: #ff8b60;
    font-weight: bold
}

.panestack-title {
    border-bottom: none;
    transform: translateY(21px)
}

.panestack-title .title {
    font-size: 11px!important;
    font-weight: normal!important;
    color: #9D9D9D!important;
    text-transform: uppercase;
    letter-spacing: 1.12px
}

.menuarea {
    padding: 0px 10px;
    margin-left: 150px!important;
    border-bottom: none;
    text-align: right;
    width: 100%;
    overflow: visible;
    display: block;
    position: relative;
    right: 16px!important;
    -webkit-transform: translate3d(0, 0, 0)
}

.dropdown-title.lightdrop {
    font-size: 11px!important;
    font-weight: normal!important;
    color: #9D9D9D!important;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 1.12px
}

.dropdown.lightdrop .selected {
    width: 138px;
    font-size: 11px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #c30000!important;
    background: transparent;
    text-decoration: none;
    border: 1px solid #c30000;
    border-radius: 20px;
    box-shadow: 0 0px 0px 0px rgba(29, 82, 80, 0.4);
    transition: all 0.2s ease;
    padding: 5px 12px 5px 20px;
    text-align: center
}

.dropdown.lightdrop .selected:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #c30000!important;
    box-shadow: 0 5px 11px -4px rgba(148, 72, 38, 0.5)
}

.dropdown.lightdrop .selected:active {
    background: #FFF1EB;
    border: 1px solid #FFF1EB;
    color: #c30000!important;
    box-shadow: 0 2px 4px -2px rgba(148, 72, 38, 0.9)
}

.dropdown.lightdrop .selected:after {
    display: inline-block;
    content: "";
    background: url(%%spritesheet-hector%%);
    background-size: 381px 64px;
    background-position: -133px -16px;
    width: 9px;
    height: 6px;
    margin-right: 5px;
    margin-left: 3px
}

.drop-choices.lightdrop {
    transform: translateY(2.2px) translateX(-19px);
    font-size: 14px;
    text-align: left!important;
    text-transform: capitalize;
    letter-spacing: normal;
    border-radius: 4px;
    border: none;
    background-color: #f0f0f0;
    white-space: nowrap;
    line-height: normal;
    margin-top: 1px;
    box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.35), 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
    padding: 4px 0px 4px 0px
}

.menuarea .togglebutton {
    display: inline!important;
    font-size: 11px!important;
    color: #0EA34E!important;
    font-weight: 500!important;
    text-transform: capitalize;
    text-align: right
}

.menuarea .togglebutton:hover {
    text-decoration: underline!important
}

.usertext-edit {
    margin-top: 10px;
    padding: 0 1px;
    width: 500px
}

.usertext-edit textarea {
    width: 478px;
    height: 100px
}

textarea {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", arial, sans-serif;
    background: #FFFFFF;
    border: 1px solid #E1E1E1;
    box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.06);
    border-radius: 3px;
    padding: 10px
}

::-webkit-resizer {
    width: 11px;
    height: 11px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -142px -16px
}

textarea:focus {
    border: 1px solid #A5A5A5;
    outline-width: 0;
    outline: none
}

.bottom-area {
    margin-right: 0px
}

.help-toggle .option,
.reddiquette {
    color: #000!important;
    font-size: 10px!important
}

.help-toggle:first-letter,
.reddiquette:first-letter {
    text-transform: uppercase
}

.help-toggle .option:hover,
.reddiquette:hover {
    text-decoration: underline!important
}

.usertext .markhelp {
    border-top: none;
    background: #F3F3F3;
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.16);
    border-radius: 5px;
    padding: 15px 20px 10px 20px
}

.markhelp p {
    color: #A5A5A5
}

.markhelp p:first-letter {
    text-transform: uppercase
}

.markhelp a {
    color: black!important
}

.markhelp a:hover {
    text-decoration: underline!important
}

.usertext .markhelp table {
    width: 100%;
    margin: 5px 0px
}

.usertext .markhelp tr,
.usertext .markhelp td {
    width: 50%;
    border: none;
    background-color: transparent!important
}

.markhelp tbody {
    margin: 0 0!important
}

.usertext .markhelp .spaces {
    background-color: #E1E1E1
}

.markhelp tbody pre {
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: 2px;
    border: none;
    font-family: Menlo, Consolas, monospace;
    font-size: 11px;
    color: #797979
}

.gold-accent {
    margin-top: 0;
    padding: 0 0 0;
    background-color: transparent;
    border: none
}

.gold-accent .title {
    font-size: 11px!important;
    font-weight: normal!important;
    color: #9D9D9D!important;
    text-transform: uppercase;
    letter-spacing: 1.12px
}

.gold-accent .title:before {
    display: inline-block;
    content: "";
    width: 19px;
    height: 15px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -113px -16px;
    margin-right: 5px;
    position: relative;
    top: 2px
}

.rounded.gold-accent.comment-visits-box {
    width: 100%;
    background: transparent;
    max-width: none;
    margin: 0px 5px 15px;
    padding: 7px 10px 7px 7px;
    color: inherit
}

.new-comment .usertext-body {
    background: #fffbd0;
    border-radius: 3px;
    border: none;
    margin-top: 1px
}

.comment .entry .buttons {
    margin-top: 0;
    padding-top: 0
}

.comment .entry .buttons li a {
    color: #9B9B9B
}

.comment .entry .buttons li a:hover {
    color: #4A4A4A
}

.comment.noncollapsed .child {
    border: none!important;
    box-shadow: none;
    border-radius: 3px!important
}

.commentarea .child .thing {
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09)!important;
    margin-top: 15px;
    margin-right: 6px
}

.comment .child,
.comment .showreplies {
    margin-top: 0;
    margin-left: 20px
}

.comment .tagline .score:before {
    display: inline-block;
    content: "";
    width: 4px;
    height: 4px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -99px -21px;
    position: relative;
    color: transparent!important;
    top: -1px;
    margin-right: 6px;
    margin-left: 5px
}

.comment .author {
    color: #4A4A4A!important;
    font-size: 11px!important;
    font-weight: 500!important
}

.author.submitter {
    color: #4A4A4A!important;
    display: inline;
    width: auto;
    height: auto;
    background-image: none!important;
    position: static
}

.commentarea .userattrs {
    color: transparent;
    margin-left: -6px;
    margin-right: -1px
}

.userattrs .submitter {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -84px -16px;
    position: relative;
    color: transparent!important;
    margin-right: -2px
}

.commentarea .userattrs .moderator {
    display: inline-block;
    content: "";
    width: 11px;
    height: 12px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -103px -16px;
    position: relative;
    color: transparent!important;
    margin-left: 3px;
    margin-right: -3px;
    top: 0px
}

.author.moderator {
    color: #0EA34E!important
}

.userattrs .friend {
    display: inline-block;
    content: "";
    width: 12px;
    height: 12px;
    background-image: url(%%spritesheet-hector%%)!important;
    background-size: 381px 64px;
    background-position: -71px -16px;
    position: relative;
    color: transparent!important;
    top: 0px
}

.link .userattrs .friend {
    top: -10px;
    margin-right: 3px;
    margin-bottom: -10px!important;
    padding-bottom: 0px!important
}

.link textarea {
    margin-left: -10px;
    width: 98%!important
}

.submit.content {
    width: 520px;
    margin: auto;
    box-shadow: none
}

.submit-page .content h1 {
    display: none
}

.submit-page #newlink.submit.content ul.tabmenu.formtab {
    padding: 0;
    margin-top: 0
}

.submit-page #newlink.submit.content .tabmenu.formtab a {
    padding: 8px 0;
    width: 260px;
    display: inline-block;
    text-align: center;
    color: rgba(0, 0, 0, .6);
    background-color: transparent;
    text-transform: uppercase;
    font-size: 16px;
    border: none;
    transition: all 0.15s ease
}

.submit-page #newlink.submit.content .tabmenu.formtab a:hover {
    background-color: #f1f1f1;
    color: #42a5f5
}

.submit-page #newlink.submit.content .tabmenu.formtab a:active,
.submit-page #newlink.submit.content .tabmenu.formtab .selected a {
    background-color: #c30000;
    color: #fff
}

.formtabs-content {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #e3e3e3
}

.submit-page form .spacer+.spacer {
    margin: 8px 0
}

.submit-page .roundfield {
    padding: 8px 0;
    width: inherit;
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid #e3e3e3
}

.submit-page .roundfield textarea,
.submit-page .roundfield input[type=text],
.submit-page .roundfield input[type=url] {
    padding: 4px;
    width: 510px;
    border-radius: 2px;
    border: 1px solid #e3e3e3;
    transition: all ease 0.25s
}

.submit-page .roundfield textarea:hover,
.submit-page .roundfield input[type=text]:hover,
.submit-page .roundfield input[type=url]:hover {
    border-color: #bdbdbd
}

#sr-autocomplete-area {
    z-index: 1
}

.submit-page #suggested-reddits {
    margin-top: 8px;
    text-align: center
}

.submit-page #suggested-reddits h3 {
    margin: 8px
}

.submit-page .infobar,
.submit-page .roundfield.info-notice {
    padding: 8px!important;
    width: initial;
    border-radius: 2px;
    border: 1px solid #bbdefb;
    background-color: #e3f2fd;
    background-image: repeating-linear-gradient(45deg, transparent, transparent 30px, rgba(255, 255, 255, .5) 30px, rgba(255, 255, 255, .5) 60px);
    text-align: center
}

.file-upload-button,
.submit-page #newlink.submit .btn {
    width: 100%;
    padding: 8px 16px;
    border: 0;
    border-radius: 2px;
    line-height: 32px!important;
    font-size: 16px!important;
    font-weight: normal;
    text-transform: lowercase;
    color: white!important;
    background-color: #c30000;
    transition: all 0.25s ease
}

.file-upload-button:hover,
.submit-page #newlink.submit .btn:hover {
    background-color: #CB9008;
    box-shadow: 0px .5px 3px 1px rgba(0, 0, 0, 0.1);
    color: white!important
}

.file-upload-button:active,
.submit-page #newlink.submit .btn:active {
    background-color: #A57300
}

.sheets {
    margin-right: 0px
}

.sheets .col {
    width: 100%
}

.sheets .col > div {
    margin: 0 5px
}

.sheets .col textarea {
    width: 100%;
    padding-left: 15px
}

.stylesheet-customize-container {
    padding-right: 24px!important
}

.stylesheet-customize-container textarea {
    font-family: Menlo, Consolas, monospace;
    color: #bfbfb9;
    background-color: #272822;
    padding: 0px;
    margin-right: 12px!important;
    border: none
}

.stylesheet-customize-container textarea::selection {
    background: #a6a69e
}

.stylesheet-customize-container h2 {
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left: 4px;
    font-size: 13px;
    color: #737373;
    letter-spacing: 1.2px;
    text-transform: uppercase
}

.error {
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #A5A5A5;
    text-transform: uppercase
}

.toggle .error {
    font-size: 11px;
    letter-spacing: 0.5px;
    color: #A5A5A5;
    text-transform: uppercase
}

.btn {
    text-transform: capitalize
}

.submit-img {
    text-transform: capitalize
}

.image-list {
    font-size: 11px!important;
    letter-spacing: 0.1em;
    text-transform: uppercase
}

.img-name {
    font-weight: 600;
    letter-spacing: 0.005em;
    font-size: 16px;
    text-transform: lowercase
}

input#img-name {
    margin-left: 5px
}

.img-url {
    font-family: Menlo, Consolas, monospace;
    font-size: 12px!important;
    text-transform: none
}

.image-preview-list.image-list {
    min-width: 650px
}

ul.image-preview-list li {
    padding-bottom: 10px;
    margin-bottom: 20px;
    vertical-align: top;
    width: 45%;
    height: 100px;
    display: inline-block;
    position: relative
}

ul.image-preview-list li:after {
    width: 100px;
    display: block;
    content: "";
    text-align: center;
    height: 100px;
    box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15) inset;
    border-radius: 3px;
    position: relative;
    top: -55px!important;
    pointer-events: none
}

ul.image-preview-list .preview {
    width: 100px;
    float: left;
    display: block;
    text-align: center;
    height: 100px;
    overflow: hidden;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 3px
}

ul.image-preview-list .preview img {
    max-width: 100px;
    padding: auto
}

ul.image-preview-list .description {
    vertical-align: top;
    margin-left: 105px;
    text-transform: capitalize!important;
    letter-spacing: normal;
    font-size: 10px
}

ul.image-preview-list .description a:hover {
    text-decoration: underline!important;
    cursor: pointer!important
}

.footer-parent {
    height: 328px;
    background-image: url(%%footer-bg%%);
    background-position: right;
    background-repeat: no-repeat;
    font-weight: 500;
    font-size: 11px;
    text-transform: uppercase;
    text-align: left;
    padding-left: 0px;
    letter-spacing: 1px;
    line-height: 20px;
    padding-top: 0px;
    padding-bottom: 0px
}

.debuginfo,
.footer-parent {
    background-color: #F3F3F3
}

.footer {
    padding: 0px;
    padding-top: 30px;
    margin: 30px;
    border: none;
    display: flex;
    display: -webkit-flex;
    max-width: 600px
}

.footer .col {
    margin: 10px 0 30px;
    min-width: 180px
}

.footer .flat-vert .title {
    font-size: 13px;
    font-weight: 900;
    letter-spacing: normal;
    transition: color .25s ease, background-color .25s ease;
    color: #9B9B9B
}

.footer .flat-vert li a {
    font-size: 11px;
    font-weight: 400;
    color: #9B9B9B
}

.footer .flat-vert li a:hover {
    text-decoration: underline!important
}

.rounded #footer {
    margin: 10px 0 30px
}

.bottommenu,
.col {
    border: none!important
}

.bottommenu {
    margin-left: 45px;
    font-size: 12px;
    color: #7f7f7f!important;
    opacity: 1;
    font-weight: lighter;
    text-transform: none;
    letter-spacing: normal;
    line-height: 14px
}

.bottommenu a {
    text-decoration: underline!important;
    color: #7f7f7f!important
}

.buygold {
    color: #b38b45!important;
    font-weight: normal
}

#hsts_pixel {
    display: none
}

.debuginfo {
    display: none
}

#RESShortcutsViewport {
    width: auto;
    overflow: hidden;
    color: black!important
}

#RESShortcutsSort {
    margin-right: 14px
}

#RESShortcutsSort,
#RESShortcutsRight,
#RESShortcutsLeft,
#RESShortcutsAdd,
#RESShortcutsTrash {
    width: 16px;
    padding-right: 45px;
    cursor: pointer;
    background: transparent;
    font-size: 14px;
    color: black;
    height: 10px;
    line-height: 15px;
    position: absolute;
    top: 4px;
    z-index: 999;
    opacity: 0.5
}

#RESShortcutsSort:hover,
#RESShortcutsRight:hover,
#RESShortcutsLeft:hover,
#RESShortcutsAdd:hover,
#RESShortcutsTrash:hover {
    opacity: 1
}

#RESShortcutsEditContainer {
    padding-top: 4px;
    width: 130px;
    height: 34px!important;
    margin-right: 0px;
    position: absolute;
    overflow: visible;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: white;
    background-size: 4044px 198px;
    background-attachment: fixed;
    background-position: center top
}

#RESShortcutsEditContainer:after {
    display: block;
    position: relative;
    top: 4px;
    left: 0px;
    content: "";
    width: 1px;
    height: 16px;
    background-color: white;
    opacity: 0.4;
    z-index: 1000
}

#RESShortcutsEditContainer .res-icon {
    font-size: 14px
}

#header-bottom-right.res-userbar-toggle {
    margin-left: 0px;
    margin-top: 152px;
    background-color: transparent!important;
    z-index: 2000!important;
    float: right;
    top: 15px
}

#openRESPrefs {
    display: inline-block;
    margin-left: 0px;
    position: relative;
    top: 4px!important;
    width: 20px;
    height: 20px;
    background-image: url(%%resicons2x%%);
    background-size: 20px 200px;
    background-position: 0 -0px;
    background-repeat: no-repeat;
    opacity: 0.6;
    -webkit-transition: opacity .05s ease-in-out;
    -moz-transition: opacity .05s ease-in-out;
    -o-transition: opacity .05s ease-in-out;
    transition: opacity .05s ease-in-out
}

#openRESPrefs:hover {
    opacity: 1!important
}

#header-bottom-right .gearIcon {
    cursor: pointer!important
}

.gearIcon::before,
.gearIcon::after {
    font: normal 0px / 1 'Batch';
    vertical-align: middle;
    cursor: pointer
}

#userbarToggle {
    min-height: 20px;
    position: absolute;
    top: 4px!important;
    left: -15px;
    padding-right: 3px;
    font-size: 0px;
    border-radius: 0px;
    color: #fff;
    font-size: 0px;
    background-color: transparent;
    border-right: none;
    cursor: pointer;
    text-align: right;
    line-height: 20px;
    display: inline-block;
    margin-left: 14px;
    width: 20px;
    height: 20px;
    background-image: url(%%resicons2x%%);
    background-size: 20px 200px;
    background-position: 0 -20px;
    background-repeat: no-repeat;
    opacity: 0.6;
    -webkit-transition: opacity .05s ease-in-out;
    -moz-transition: opacity .05s ease-in-out;
    -o-transition: opacity .05s ease-in-out;
    transition: opacity .05s ease-in-out
}

#userbarToggle:hover {
    opacity: 1!important
}

#userbarToggle.userbarShow {
    background-position: 0 -40px;
    bottom: 20px!important;
    left: auto;
    right: 0
}

.res-accountSwitcher-dropDownStyle-alien #RESAccountSwitcherIcon {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    height: 16px;
    background: url(%%resicons2x%%) no-repeat;
    display: inline-block;
    margin-left: 0px;
    width: 20px;
    height: 20px;
    background-size: 20px 200px;
    background-position: 0 -60px;
    background-repeat: no-repeat;
    opacity: 0.6;
    -webkit-transition: opacity .05s ease-in-out;
    -moz-transition: opacity .05s ease-in-out;
    -o-transition: opacity .05s ease-in-out;
    transition: opacity .05s ease-in-out
}

.res-accountSwitcher-dropDownStyle-alien #RESAccountSwitcherIcon:hover {
    opacity: 1!important
}

.res-accountSwitcher-dropDownStyle-alien #RESAccountSwitcherIconOverlay {
    cursor: pointer;
    position: absolute;
    display: none;
    width: 20px;
    height: 20px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 3px;
    border: none;
    border-bottom: 1px solid #5f99cf;
    border-radius: 0;
    z-index: 100;
    background: none
}

.tabmenu li.res-tabmenu-button {
    display: none!important
}

.res .RES-keyNav-activeElement,
.subreddit-rule-item:hover {
    background-color: rgba(0, 90, 255, 0.14)!important;
    box-shadow: 0 0 12px 5px rgba(0, 90, 255, 0.15)!important;
    border-radius: 5px!important
}

.res .commentarea .RES-keyNav-activeElement .md,
.res .RES-keyNav-activeElement .md-container {
    background-color: rgba(0, 90, 255, 0.14)!important;
    box-shadow: 0 0 12px 5px rgba(0, 90, 255, 0.15)!important;
    border-radius: 5px!important
}

.RESUserTagImage::after {
    vertical-align: middle;
    position: relative;
    top: -3px;
    color: rgba(0, 0, 0, 0.5);
    margin-right: 4px!important;
    margin-left: 1px!important
}

.res-sr-style-toggle {
    background-color: transparent!important;
    margin-left: 90px!important
}

.multi-count {
    border: none!important;
    border-radius: 20px!important;
    margin-left: 3px!important;
    margin-right: 0!important
}

.res-fancy-toggle-button {
    display: block;
    border-radius: 20px!important;
    width: 130px!important;
    max-height: 23px!important;
    padding: 0 20px 0 20px!important;
    margin-bottom: 5px!important;
    position: relative;
    left: 65px;
    font-size: 11px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: 1.12px;
    text-transform: uppercase;
    color: #c30000!important;
    background: transparent;
    border: 1px solid #c30000;
    border-radius: 20px;
    box-shadow: 0 0px 0px 0px rgba(29, 82, 80, 0.4);
    transition: all 0.2s ease
}

.res-fancy-toggle-button:hover {
    background: #fff;
    border: 1px solid #fff;
    color: #c30000!important;
    box-shadow: 0 5px 11px -4px rgba(148, 72, 38, 0.5)
}

.res-fancy-toggle-button:active {
    background: #FFF1EB;
    border: 1px solid #FFF1EB;
    color: #c30000!important;
    box-shadow: 0 2px 4px -2px rgba(148, 72, 38, 0.9)
}

.res-fancy-toggle-button.RESshortcut.RESshortcutside {
    margin-top: 5px!important
}


/* End Hector */

#header {
    background-size: 2500px 198px
}

.side .md h1 {
    white-space: nowrap
}

#header-bottom-right {
    top: 126px!important;
    right: -56px!important
}

.pagename a {
    background-size: 380px 91px;
    width: 1000px
}

.side .spacer:first-of-type {
    margin-top: 250px
}

.side {
    margin-right: 35px
}

button,
span.selected {
    border-radius: 3px!important
}

body.res.res-nightmode {
    background: #262626!important;
    background-color: #262626!important
}

.res-nightmode .RES-keyNav-activeElement,
.res-nightmode span.flair {
    background-color: transparent!important
}