reddit-theme/main.css

*,:before,:after {
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}

body {
overflow-x:hidden;
background:#eee;
min-width:920px;
}

a {
color:#5380B3;
transition:color .15s ease;
}

a:hover {
  text-decoration: underline;
}

:focus {
outline:none!important;
}

body .content .text,body .content textarea,body .content input[type=text],body .content input[type=password],.side .spacer input,body .content input[type=url] {
background:#fff;
border:1px solid #c3cfd6;
color:#738491;
box-shadow:none;
transition:border-color .15s ease,color .15s ease;
padding:6px 12px;
}

body .content .text:hover,body .content textarea:hover,body .content input[type=text]:hover,body .content input[type=password]:hover,.side .spacer input:hover,body .content input[type=url]:hover {
border-color:#738491;
}

body .content .text:focus,body .content textarea:focus,body .content input[type=text]:focus,body .content input[type=password]:focus,.side .spacer input:active,body .content input[type=url]:focus {
color:#292f34;
border-color:#75A0D5;
}

body .btn,body button,.c-btn-primary,.wiki-page .wiki-page-content .wiki_button {
background:#272D63;
border:none;
border-radius:2px;
color:#fff;
text-transform:uppercase;
font-weight:700;
height:36px;
line-height:36px;
font-size:14px;
font-family:'Ubuntu',Helvetica,Arial,sans-serif;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
margin:4px 16px 4px 0;
padding:0 16px;
}

.c-btn-primary:active {
margin-top:4px;
}

#header {
height:196px;
border:none;
background:url(%%headerimg%%) 50% 50% / cover no-repeat;
z-index:1;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
margin:0;
}

#sr-header-area {
background:rgba(0,0,0,0.08);
border:none;
transition:all .15s ease;
height:24px;
line-height:23px;
}

#sr-header-area .width-clip {
right:300px;
}

body:not(.loggedin) #sr-header-area .width-clip {
right:340px;
}

#sr-header-area .sr-list {
margin-right:48px;
}

#sr-header-area .sr-bar a,#sr-more-link,#sr-header-area,#sr-header-area .dropdown.srdrop .selected {
background:none;
color:rgba(0,0,0,0.3);
transition:all .15s ease;
}

#sr-header-area:hover .sr-bar a,#sr-header-area:hover #sr-more-link,#sr-header-area:hover .seperator,#sr-header-area:hover .dropdown.srdrop .selected {
color:rgba(0,0,0,0.7);
}

#sr-header-area .sr-bar a:hover,#sr-more-link:hover,#sr-header-area .dropdown.srdrop .selected:hover {
background:none;
border:none;
transition:all .15s ease;
}

a.random.choice {
padding-top:2px;
position:relative;
display:inline-block;
margin-top:-2px;
}

.sr-bar .separator {
color:transparent!important;
}

#sr-header-area .dropdown.srdrop .selected {
background-image:none;
margin:0 12px 0 8px;
padding:0;
}

#sr-header-area .dropdown.srdrop .selected:after {
display:inline-block;
content:"▼";
margin-left:4px;
font-size:10px;
}

#sr-header-area .drop-choices.srdrop {
border-radius:2px;
box-shadow:0 1px 4px rgba(0,0,0,.24);
opacity:0;
top:14px!important;
transition:all .2s cubic-bezier(.4,0,.2,1);
visibility:hidden;
border:none;
}

#sr-header-area .drop-choices.srdrop.inuse {
opacity:1;
top:23px!important;
visibility:visible;
}

#sr-header-area .drop-choices a.choice {
border:0;
color:#777;
transition:none;
padding:3px 12px;
}

#sr-header-area .drop-choices a.choice:hover {
background:#EEE;
color:#222;
}

#header-bottom-right {
position:absolute;
top:0;
right:0;
width:auto;
max-width:300px;
height:24px;
background:none;
font-size:11px;
padding:5px 8px 4px 2px;
}

body:not(.loggedin) #header-bottom-right {
max-width:340px;
}

.beta-hint a {
margin-left:-16px;
width:16px;
height:16px;
background:url(%%spritesheet%%) -48px -32px no-repeat;
}

.user a {
max-width:120px;
overflow:hidden;
display:inline-block;
text-overflow:ellipsis;
vertical-align:middle;
}

.user .userkarma {
font-weight:400;
color:rgba(0,0,0,0.7);
border:none;
font-size:9px;
transition:all .15s ease;
}

.separator,.user {
color:rgba(0,0,0,0.7);
}

#mail,#modmail {
width:16px;
height:14px;
background-image:url(%%spritesheet%%)!important;
background-repeat:no-repeat!important;
background-color:transparent;
transition:all .25s ease;
}

#mail {
top:-2px;
overflow:visible;
}

#mail.nohavemail {
background-position:-0 -0;
}

#mail.havemail {
background-position:-0 -32px;
opacity:1;
}

.message-count {
background:#f50;
position:relative;
top:-1px;
color:#fff!important;
}

#mail.havemail:before {
position:fixed;
bottom:24px;
z-index:100;
background:#EA4848 url(%%spritesheet%%) 269px -120px no-repeat;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
color:#fff;
width:300px;
height:48px;
left:32px;
content:"You have new messages!";
text-indent:0;
font:14px 'Ubuntu',Helvetica,Arial,sans-serif;
line-height:1;
-webkit-transform:translateY(112px);
transform:translateY(112px);
transition:background .25s ease,box-shadow .25s ease;
animation-name:toast;
animation-duration:8s;
animation-iteration-count:1;
animation-timing-function:ease;
-webkit-animation-name:toast;
-webkit-animation-duration:8s;
-webkit-animation-iteration-count:1;
-webkit-animation-timing-function:ease;
padding:16px 24px;
}

#mail.havemail:hover:before {
background-color:#ec5b5b;
box-shadow:0 3px 12px rgba(0,0,0,0.48);
-webkit-animation-play-state:paused;
-moz-animation-play-state:paused;
-o-animation-play-state:paused;
animation-play-state:paused;
}

#mail.havemail:active:before {
background-color:#c73d3d;
box-shadow:0 4px 14px rgba(0,0,0,0.76);
}

#modmail {
top:-3px;
}

#modmail.nohavemail {
background-position:-16px -0;
}

#modmail.havemail {
background-position:-16px -32px;
opacity:1;
}

#header-bottom-right a.pref-lang,.loggedin .logout a {
background-position:-32px -0;
background-image:url(%%spritesheet%%);
width:16px;
height:14px;
display:inline-block;
text-indent:-9999px;
position:relative;
top:-1px;
transition:all .25s ease;
margin:0;
}

.loggedin .logout a {
background-position:-48px -0;
}

#header-img.default-header,#header-img {
  display: none;
}

#header .pagename a {
display:inline-block;
width:330px;
height:60px;
margin-left: 20px;
background: url(%%headericon%%) no-repeat;
background-size: contain;
}

#header-bottom-left {
position:absolute;
top:70px;
left:16px;
right:384px;
}

#header .tabmenu {
display:block;
height:42px;
line-height:42px;
border:none;
margin:12px 0 0;
}

#header .tabmenu li a {
text-transform:uppercase;
font:700 15px/32px 'Ubuntu',Helvetica,Arial,sans-serif;
color:#272D63;
display:inline-block;
margin:0 16px;
padding:0;
}

#header .tabmenu li a:hover {
  color: #75A0D5 !important;
}

#header .tabmenu li.selected a {
padding-bottom:4px;
color:#75A0D5;
border-bottom:2px solid;
}

body[class] > .content,body.listing-page[class]>.content {
margin:16px 352px 64px 16px;
padding:0;
}

.link {
position:relative;
margin:0;
padding:16px;
}

.link .midcol {
width:32px!important;
overflow:visible;
height:56px;
margin:0 16px 0 0;
}

.link .score {
line-height:16px;
font-size:12px;
text-align:center;
margin:1px -100%;
}

.link .score.likes {
color:#ff6422;
}

.link .score.dislikes {
color:#5c5bd7;
}

.arrow {
background-image:url(%%spritesheet%%)!important;
width:33px;
border-radius:2px;
transition:background-color .25s ease;
margin:0;
}

.arrow.up {
height:20px;
background-position:-0 -80px;
transition:background-color .25s ease;
}

.arrow.upmod {
height:20px;
background-position:-32px -80px;
position:relative;
}

.arrow.upmod:focus:after {
position:absolute;
left:2px;
bottom:-3px;
width:28px;
height:28px;
opacity:1;
z-index:100;
content:" ";
background:#f50;
border-radius:28px;
animation:upvote .35s ease-out forwards;
-webkit-animation:upvote .35s ease-out forwards;
}

.arrow.down {
height:20px;
background-position:-64px -80px;
transition:background-color .25s ease;
}

.arrow.downmod {
height:20px;
background-position:-0 -100px;
}

.arrow.down:after {
display:block;
visibility:hidden;
position:absolute;
z-index:1000;
background:rgba(79,77,192,0.0);
border-radius:2px;
color:rgba(255,255,255,0);
content:"For content that does not contribute to any discussion.";
text-align:center;
letter-spacing:1px;
font-weight:400;
font-size:13px;
transition:all .25s ease;
pointer-events:none;
margin:-6px 0 0 32px;
padding:12px;
}

.arrow.down:hover:after {
visibility:visible;
background:rgba(79,77,192,0.9);
color:#FFF;
margin-left:48px;
}

.thumbnail {
width:80px;
height:56px;
margin:0 16px 0 0;
}

.thumbnail img {
min-height:56px;
min-width:80px;
max-width:none;
position:relative;
transform:translateY(-50%);
top:50%;
}

.thumbnail.default,.thumbnail.self,.thumbnail.nsfw,.thumbnail.image,.thumbnail[data-href-url*="reddit.com"] {
width:56px;
height:56px;
border-radius:28px;
margin:0 28px 0 12px;
}

.thumbnail.default {
background:#d2dbe0 url(%%spritesheet%%) -152px -48px;
}

.thumbnail.self {
background:#d2dbe0 url(%%spritesheet%%) -96px -48px;
}

.thumbnail.image {
background:#d2dbe0 url(%%spritesheet%%) -208px -48px;
}

.thumbnail.nsfw {
background:#e85881 url(%%spritesheet%%) -96px -104px;
}

.thumbnail[data-href-url*="reddit.com"] {
background:#75A0D5 url(%%spritesheet%%) -152px -104px;
}

.stickied .thumbnail {
background-color:#272D63;
}

.link .entry {
max-width:960px;
margin:0;
padding:0;
}

.link .title {
font:13.5pt 'Ubuntu',Helvetica,Arial,sans-serif;
transition:all .15s ease;
overflow:visible;
margin:0;
}

.link .domain {
visibility:hidden;
}

.link .domain a {
visibility:visible;
position:relative;
top:-1px;
color:#98abba;
transition:all .15s ease;
}

.approval-checkmark {
cursor:default;
margin-left:4px;
}

.expando-button,.expando-button.image,.expando-button.video-muted {
position:relative;
top:-1px;
width:16px!important;
height:16px!important;
border-radius:2px;
background-color:transparent;
background-image:url(%%spritesheet%%)!important;
border:1px solid #e9e9e9;
cursor:pointer;
margin:2px 6px 2px 0 !important;
}

.expando-button:hover {
background-color:#0079d3;
border-color:#0079d3;
}

.expando-button.selftext.collapsed {
background-position:0 -48px!important;
}

.expando-button.selftext.collapsed:hover {
background-position:-16px -48px!important;
}

.expando-button.video.collapsed {
background-position:-64px -48px!important;
}

.expando-button.video.collapsed:hover {
background-position:-80px -48px!important;
}

.expando-button.image.collapsedExpando {
background-position:-32px -64px!important;
}

.expando-button.image.collapsedExpando:hover {
background-position:-48px -64px!important;
}

.expando-button.image.gallery.collapsedExpando {
background-position:0 -64px!important;
}

.expando-button.image.gallery.collapsedExpando:hover {
background-position:-16px -64px!important;
}

.expando-button.video-muted.collapsed {
background-position:-64px -64px!important;
}

.expando-button.video-muted.collapsed:hover {
background-position:-80px -64px!important;
}

.link .usertext .md {
margin-top:12px;
margin-bottom:-12px;
padding-top:12px;
padding-left:0;
background-color:transparent;
border:0 solid;
border-top:1px solid #edf1f3;
border-radius:0;
color:#292f34;
}

.entry .tagline {
margin-top:3px;
color:#98abba;
font:12px 'Ubuntu',Helvetica,Arial,sans-serif;
}

.link .entry .tagline time {
cursor:help;
}

.link .entry .tagline a.author {
margin-right:inherit;
}

.tagline .userattrs > * {
cursor:help;
display:inline-block;
color:#fff!important;
line-height:13px;
border-radius:2px;
font-size:10px;
font-weight:700;
margin-left:4px;
padding:0 3px;
}

.tagline .userattrs .moderator {
background:#272D63;
}

.tagline .userattrs .admin {
background:#F44336;
}

.tagline .userattrs .submitter {
background:#75A0D5;
}

.tagline .userattrs .friend {
background:#ff4500;
}

.RESUserTagImage {
vertical-align:top;
height:10px;
width:16px;
background-image:url(%%spritesheet%%);
background-position:-32px -101px;
opacity:.25;
margin-left:2px;
transition:opacity .15s ease;
margin-top:2px;
}

.link .flat-list {
margin-top:3px;
padding:0;
}

.entry .buttons li {
line-height:normal;
}

.entry .buttons li a {
color:#98abba;
font-weight:400;
font:13px 'Ubuntu',Helvetica,Arial,sans-serif;
transition:all .15s ease;
padding:0 1px;
}

.entry .buttons li.nsfw-stamp {
border-radius:0;
border:none!important;
padding:0;
}

.nsfw-stamp {
border-radius:0;
border:0;
padding:0;
}

.nsfw-stamp acronym {
position:relative;
top:-1px;
background:#ea4876;
border-radius:0;
color:#fff;
cursor:help;
padding:2px 3px;
}

.link .entry .buttons li a.comments {
color:#75A0D5;
font-weight:700!important;
transition:all .25s ease-in-out!important;
}

.post-sharing .c-close {
padding:15px;
}

.post-sharing,.subreddit-report-form {
border:none;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
margin:15px 5px 5px;
}

.gold-payment .close-button {
box-shadow:none;
margin:11px -9px 6px 8px;
}

.action-form {
position:fixed;
top:35%;
left:40%;
background:#fff;
z-index:100;
box-shadow:0 0 16px rgba(0,0,0,0.12);
border:none;
border-radius:2px;
margin:0;
padding:24px;
}

.action-form .reason-prompt {
font-size:16px;
color:#4D5763;
padding-bottom:8px;
display:block;
}

.action-form .reason-prompt li {
display:block;
padding:4px 4px 4px 0;
}

.action-form li label {
cursor:pointer;
display:block;
color:#4D5763;
text-transform:capitalize;
padding:4px 4px 4px 0;
}

.link .entry .buttons li .redditSingleClick {
color:#98abba;
font:normal 13px 'Ubuntu',Helvetica,Arial,sans-serif;
transition:all .15s ease;
padding:0 1px;
}

.linkflairlabel {
height:18px;
border-radius:1px;
border:0 solid;
color:#fff;
font:normal normal bold 13px 'Ubuntu',Helvetica,Arial,sans-serif;
cursor:default;
vertical-align:middle;
position:relative;
top:-2px;
background:#738491;
padding:1px 6px;
}

.linkflair-mod .thumbnail.default,.linkflair-mod .thumbnail.self {
background:#272D63 url(%%spritesheet%%) -208px -104px;
}

body .content .thing.spam {
background-color:#FFE9E6;
}

.entry .buttons li.reported-stamp {
background-color:transparent;
border:none!important;
text-transform:uppercase;
color:#F44336;
}

a.pretty-button[class] {
background-image:none;
border:none;
color:#fff;
line-height:16px;
transition:background-color .25s ease;
border-radius:0;
text-transform:uppercase;
}

a.pretty-button.negative {
background:#fb797e;
}

a.pretty-button.negative:hover {
background:#EF5350;
}

a.pretty-button.negative.pressed {
background:#B71C1C;
}

a.pretty-button.neutral {
background:#BDBDBD;
color:#212121;
}

a.pretty-button.neutral:hover {
background:#E0E0E0;
}

a.pretty-button.neutral.pressed {
background:#9E9E9E;
}

a.pretty-button.positive {
background:#4CAF50;
}

a.pretty-button.positive:hover {
background:#43A047;
}

a.pretty-button.positive.pressed {
background:#1B5E20;
}

a.pretty-button.positive.pressed,a.pretty-button.neutral.pressed,a.pretty-button.negative.pressed {
background-image:none;
}

.big-mod-buttons {
display:inline-block;
overflow:hidden;
border-radius:3px;
vertical-align:top;
margin-top:-1px;
}

.buttons > .pretty-button {
border-radius:3px;
}

ul.report-reasons {
border-radius:2px;
background:#FAFAFA;
border:none;
font-size:12px;
margin-top:4px;
padding:8px;
}

b {
padding-left:5px;
}

.link.last-clicked {
background:rgba(0,0,0,0.04);
border:none;
}

.thing.link.stickied a.title,.thing.link.stickied li a,.thing.link.stickied .entry li .comments {
color:#272D63!important;
}

.thing.link.stickied .expando-button:hover {
background-color:#272D63!important;
border-color:#272D63!important;
}

.tagline .stickied-tagline {
color:#b3b3b3;
cursor:help;
}

.stickied.comment>.entry a,.stickied.comment .tagline .stickied-tagline {
color:#272D63;
}

.link.promotedlink.promoted {
background-color:#EFF7FF;
padding:16px 0;
}

.link.promotedlink.promoted .thumbnail {
height:auto;
}

.link.promotedlink.promoted .thumbnail img {
max-height:none;
max-width:none;
min-width:0;
min-height:0;
transform:none;
}

.organic-listing {
background:#fff!important;
position:relative;
margin-bottom:0;
border:none;
border-radius:2px 2px 0 0;
padding:0;
}

.organic-listing .link,.organic-listing .link.compressed,.organic-listing .link.promotedlink {
background:#E1F5FE;
padding:16px;
}

.link.compressed {
margin-bottom:0;
padding-top:0;
padding-bottom:0;
}

.link.compressed .score {
margin:0 3px 0 0;
}

.link.compressed .entry {
padding:9px 32px 9px 0;
}

body>.content .link.compressed .midcol {
height:auto;
margin:8px 4px 0 0;
}

.flairselector {
position:fixed;
top:20%!important;
left:50%!important;
margin-left:-125px;
width:250px!important;
border:none;
border-radius:2px;
box-shadow:0 0 16px rgba(0,0,0,0.12);
padding:16px!important;
}

.flairselector h2 {
margin-bottom:4px;
background:none;
color:#75A0D5;
text-align:left;
text-transform:capitalize;
font-weight:400;
font-size:18px;
}

.flairoptionpane {
max-height:250px;
text-align:left;
}

.flairselector .flairoptionpane ul li {
margin:4px 0;
padding:0!important;
}

.flairoptionpane ul li .linkflair {
text-align:left;
padding:0;
}

.flairoptionpane ul li .linkflair:hover,.flairselector li:hover {
background-color:#F5F8F9;
border:0 solid;
}

.flairoptionpane ul li .linkflair span.linkflairlabel {
line-height:1.35;
margin:8px 6px 8px 0;
}

.flairoptionpane ul li .linkflair a.title {
font-size:18px!important;
opacity:100!important;
color:#75A0D5!important;
}

.flairselector form {
padding-top:12px;
border-top:1px solid #F7F7F7;
}

.flairselector form .flairselection:before {
display:block;
content:"Selected Flair:";
color:#738491;
}

.flairselector form .flairselection .linkflair a.title {
font-size:18px!important;
opacity:100!important;
color:#75A0D5!important;
cursor:default;
}

.flairselector form .flairselection .flairremove {
margin-bottom:8px;
visibility:hidden;
display:block!important;
padding:4px 0;
}

.flairselector form .flairselection .flairremove a {
visibility:visible;
opacity:100!important;
color:#75A0D5!important;
margin-left:-4px;
text-transform:capitalize;
}

.flairselector form .flairselection .flairremove a:hover {
text-decoration:underline!important;
}

.flairselector .customizer {
display:block;
width:100%;
margin:8px 0;
}

.flairselector .customizer input[type='text'] {
width:100%;
}

.flairselector form button {
display:block;
float:right;
margin:0;
}

.flairselector .error:after {
display:block;
color:#b3b3b3;
content:"Go to /r/.../about/flair";
}

.flairselector img {
position:relative;
left:50%;
margin-left:-9px;
opacity:.5;
}

.flairselector li.selected {
border:none;
background-color:transparent;
}

.flairselector .flairoptionpane ul li.flairsample-right {
border:none;
padding:5px 0!important;
}

.flairselector li a,.flairselector form .flairselection a.author {
color:#738491!important;
font-size:11px;
}

.unvotable-message {
border:0 solid;
color:#738491;
}

.res .RES-keyNav-activeElement {
outline:0 dashed #EEE!important;
transition:all .15s ease;
}

.res .entry {
transition:all .1s ease;
}

div.RES-keyNav-activeElement,div.commentarea div.RES-keyNav-activeElement.entry div.noncollapsed {
background-color:transparent!important;
padding-left:8px!important;
border-left:3px solid #C2C2C2;
}

.res .commentarea .thing {
border:none!important;
border-radius:2px!important;
padding:14px 16px 8px 8px !important;
}

.res .commentarea .thing.collapsed {
padding-bottom:16px!important;
}

.res .commentarea .entry .flat-list {
margin-bottom:0;
padding-bottom:0;
}

.res .comment .entry {
margin-bottom:16px;
}

.userTagLink.hasTag,#userTaggerPreview {
font-size:11px!important;
border-radius:0!important;
border:0 solid!important;
margin-top:0!important;
margin-left:4px!important;
}

.RESDialogSmall {
border:none;
box-shadow:0 2px 3px rgba(0,0,0,0.12);
margin-top:8px;
}

.RESDialogSmall > h3 {
color:#4F8EF7;
background-color:#FFF;
border-bottom:1px solid #EDEDED;
height:36px;
margin:0;
padding:8px;
}

.livePreview .md {
padding:8px 12px;
}

.RESCloseButton {
line-height:19px;
height:22px;
width:22px;
transition:all .15s ease;
}

.RESCloseButton:hover {
border:1px solid #D7D9DC;
}

#userTaggerToolTip input[type=text],#userTaggerToolTip select {
line-height:22px;
padding-left:4px;
border:1px solid #E5E5E5!important;
}

.toggleButton {
line-height:.8;
}

.toggleButton .toggleOn {
border-radius:0;
border:1px solid #4F8EF7;
background-color:#4F8EF7;
color:#fff;
text-transform:capitalize;
}

.toggleButton .toggleOff {
border-radius:0;
border:1px solid #D7D9DC;
background-color:transparent;
text-transform:capitalize;
}

#userTaggerToolTip input[type=submit] {
bottom:10px!important;
}

.content > .menuarea {
border:none;
color:#738491;
overflow:visible;
line-height:36px;
border-bottom:1px solid rgba(0,0,0,0.14);
margin:0;
padding:0 20px;
}

.dropdown.lightdrop .selected {
display:inline-block;
color:#9E9E9E;
text-decoration:none;
cursor:pointer;
background:0;
z-index:2;
padding:0 4px;
}

.dropdown.lightdrop .selected:after {
content:" ▼";
}

.drop-choices.lightdrop {
border:none;
z-index:1;
box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24);
border-radius:2px;
min-width:156px;
margin:-22px -20px 0;
padding:32px 0 8px;
}

.drop-choices.lightdrop:before {
display:block;
content:'';
border-bottom:1px solid rgba(0,0,0,.14);
}

.drop-choices a.choice {
transition:all .1s ease;
color:#212121;
padding:8px 24px;
}

.drop-choices a.choice:hover {
background-color:#eee;
}

.guider {
border:none;
box-shadow:0 2px 3px #DDD;
}

.guider_button {
font-size:11px;
border:none;
background-image:none;
background-color:#4F8EF7;
transition:all .15s ease;
}

.guider_button:hover {
background-color:rgba(79,142,247,0.75);
}

.x_button {
transition:all .25s ease;
box-shadow:0 1px 4px rgba(0,0,0,0.00);
}

.x_button:hover {
box-shadow:0 1px 4px rgba(0,0,0,0.15);
}

.content .infobar {
line-height:26px;
border:none;
background-color:#0079d3;
color:#fff;
border-radius:2px;
margin:0 0 16px;
padding:8px 16px;
}

.content .infobar.welcome {
line-height:inherit;
height:86px;
}

.content .infobar.welcome h1 {
color:#4d5763;
}

.commentarea .infobar {
line-height:18px;
margin:0 0 16px;
}

.commentarea .infobar a {
color:rgba(0,0,0,0.64);
font-weight:700;
}

.reddit-infobar.with-icon {
border:none;
background:#fff;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
border-radius:2px;
margin:0 0 16px;
}

.reddit-infobar.with-icon .md {
color:#000;
font-size:14px;
}

.reddit-infobar.with-icon.locked-infobar {
background:#272D63;
}

.reddit-infobar.with-icon.locked-infobar p:after {
content:" Sort comments by new to find out more.";
}

.reddit-infobar.with-icon.locked-infobar:before {
background-color:#272D63;
border-right:1px solid rgba(0,0,0,0.08);
}

#eu-cookie-policy .reddit-infobar {
padding-right:118px;
}

#eu-cookie-policy .c-btn-primary {
margin:-2px 16px 0 0;
}

#noresults {
width:100%;
height:416px;
background:transparent url(%%noresults%%) no-repeat 50% 50%;
text-indent:-9999px;
font-size:0;
display:block;
margin:0;
}

.nav-buttons {
color:#738491;
margin:0 16px;
padding:16px 0;
}

.nav-buttons .nextprev {
color:#738491;
font-size:14px;
}

.nav-buttons .nextprev a {
background-color:transparent;
border:1px solid #edf1f3;
transition:background-color .15s ease;
padding:8px 16px;
}

.nav-buttons .nextprev a:hover {
text-decoration:none;
background-color:rgba(0,0,0,0.05);
}

.side {
background:none;
width:320px;
margin:165px 16px 108px 0;
padding:0;
}

.side .titlebox h1.redditname:before {
content:" ";
position:absolute;
display:block;
width:320px;
z-index:-1;
height:76px;
margin-top:-16px;
margin-left:-16px;
background:#fff;
border-radius:0 0 2px 2px;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
}

.side .titlebox h1.redditname {
margin-bottom:6px;
position:absolute;
top:180px;
z-index:100;
font-family:'Ubuntu',Helvetica,Arial,sans-serif;
}

.side .titlebox h1.redditname a:before {
  content:"";
  position: relative;
  top: 3px;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-right: 5px;
  background: url(%%sideicon%%) no-repeat;
  background-size: contain;
}

.side .titlebox h1.redditname a {
color:#333;
}

.titlebox span.subscribers {
position:absolute;
z-index:100;
color:#333;
font-size:12px;
top:210px;
}

.titlebox .users-online {
display:inline;
}

div.titlebox span.number:after {
content:" readers";
}

.titlebox .users-online .number {
font-style:italic;
}

.titlebox .users-online .number:before {
content:"";
width:16px;
height:9px;
display:inline-block;
margin-right:8px;
background:url(%%spritesheet%%) -64px -36px;
}

.titlebox .users-online .number:after {
content:" currently online";
}

.titlebox .users-online,.titlebox .number {
cursor:text;
}

.titlebox .fancy-toggle-button {
position:absolute;
top:188px;
z-index:100;
margin:0 0 0 208px;
}

.titlebox .fancy-toggle-button .active {
display:block;
border:none;
height:32px;
border-radius:2px;
line-height:30px;
background-image:none!important;
text-transform:capitalize;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .2s ease,margin .2s ease;
padding:0 12px;
}

.titlebox .fancy-toggle-button .active:active {
box-shadow:0 0 0 rgba(0,0,0,0.0);
}

.titlebox .fancy-toggle-button .active.add:hover {
background:#36bb6f;
}

.titlebox .fancy-toggle-button .active.add:active {
background:#189b51;
padding-left:24px;
margin-left:-13px;
text-align:center;
}

.titlebox .fancy-toggle-button .active.remove {
background:rgba(0,0,0,0.24);
color:#fff;
margin-left:-14px;
box-shadow:none;
}

.titlebox .fancy-toggle-button .active.remove:hover {
background:rgba(0,0,0,0.32);
}

.titlebox .fancy-toggle-button .active.remove:active {
background:rgba(0,0,0,0.4);
}

.hover-bubble.multi-selector {
right:346px!important;
margin-top:-56px;
border:none;
}

.hover-bubble.anchor-right:before {
right:-19px;
border-left-color:#CCC;
}

.titlebox .bottom {
padding-top:10px;
border-color:rgba(0,0,0,0.14);
}

#search {
position:absolute;
top:260px;
z-index:1;
width:320px;
height: 54px;
}

#search input[type=text] {
border:0 solid;
border-radius:2px;
width:320px;
height:42px;
line-height:41px;
background:#fff;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
padding:0 42px 0 16px;
}

#search input[type=text]:focus:hover {
box-shadow:0 1px 5px rgba(0,0,0,0.24)!important;
}

#search input[type=submit] {
height:32px;
width:32px;
margin-left:-38px;
background:url(%%spritesheet%%) -64px -96px no-repeat;
border:none!important;
border-radius:16px;
transition:background .2s cubic-bezier(.4,0,.2,1);
}

#search input[type=submit]:hover {
background:rgba(158,158,158,.2) url(%%spritesheet%%) -64px -96px no-repeat;
}

#search #searchexpando {
background:#edf1f3;
border:none;
border-radius:0 0 2px 2px;
line-height:21px;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
margin:0;
padding:4px;
}

#search #searchexpando label {
cursor:pointer;
transition:all .1s ease;
padding:21px 8px 17px;
}

#search #searchexpando label:active {
background:rgba(0,0,0,0.06);
}

.morelink {
background:#272D63;
height:36px;
border-radius:2px;
font-size:14px;
line-height:36px;
border:none;
text-align:center;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
padding:0;
}

.sidebox.submit.submit-text .morelink {
margin-left:168px;
}

.morelink a {
color:#fff;
font-weight:bold;
letter-spacing:0;
}

.submit-text .morelink a:before {
font-size:14px;
content:"Submit Text";
}

.submit-link .morelink a:before {
font-size:14px;
content:"Submit Link";
}

.submit-text .morelink:before,.submit-link .morelink:after {
content:"N/A";
position:absolute;
left:-168px;
top:0;
width:152px;
color:rgba(0,0,0,0.32);
border-radius:2px;
background:rgba(0,0,0,0.08);
font-weight:400;
z-index:-1;
}

.submit-link .morelink:after {
left:168px;
}

.disabled .morelink {
box-shadow:none!important;
background:rgba(0,0,0,0.08);
width:320px;
}

.disabled .morelink a {
color:rgba(0,0,0,0.32);
font-size:14px;
}

.submit.mod-override .morelink a:after {
position:relative;
float:right;
margin:10px 10px 10px -16px;
}

.submit .morelink {
position:absolute;
top:322px;
font-size:0;
width:152px;
}

.wiki-page .wiki-page-content .discussionlink {
margin:16px 0 0;
padding:0;
}

.wiki-page .wiki-page-content .discussionlink a {
padding:0 16px;
}

.login-form-side {
border:none;
border-bottom:1px solid #edf1f3;
padding-bottom:8px;
}

.login-form-side input[type=text],.login-form-side input[type=password] {
width:136px;
margin:0;
}

.login-form-side input[type=text] {
margin-left:0;
margin-right:16px;
}

.login-form-side button.btn {
margin-right:-3px;
}

.titlebox:before {
content:"Subreddit Info";
display:block;
color:#292f34;
font:18px/24px 'Ubuntu',Helvetica,Arial,sans-serif;
margin:8px 0;
}

.titlebox .tagline {
font-size:12px;
margin:0;
}

.titlebox .tagline:after {
content:"";
height:2px;
background:#f2f2f2;
display:block;
margin-top:16px;
}

.titlebox form.flairtoggle {
line-height:2;
}

.titlebox form.toggle.sr_style_toggle {
padding-bottom:0;
display:block;
background-color:transparent;
}

.titlebox form.toggle.sr_style_toggle label {
position:relative;
top:-3px;
}

.side .md .-blocks,.side .md .-lists,.side .md pre,.side .md blockquote,.side .md table,.side .md p,.side .md ul,.side .md ol {
color:#292f34;
font:13px/1.45 'Ubuntu',Helvetica,Arial,sans-serif;
}

.side .titlebox .md h1 {
line-height:18px;
margin:.5em 0 0!important;
}

.side .titlebox .md h2 {
margin:16px 0 2px;
}

.side .titlebox .md h3 a {
width:100%;
border-radius:2px;
background:#0079d3;
font:12px/42px 'Ubuntu',Helvetica,Arial,sans-serif;
color:#fff;
display:block;
text-align:center;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
margin:1.5em 0;
padding:0 16px;
}

.side .titlebox .md h4 a {
background:#FFF;
border-radius:2px;
color:#75A0D5;
font-weight:700;
display:block;
font-size:12px;
line-height:42px;
text-align:center;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
margin:1.5em 0;
padding:0 16px;
}

.side .titlebox h4 a:active {
background:#f4f6f7;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
}

.md hr {
border:solid 1px #e5e5e5;
}

.side #moderation_tools .title h1 {
text-transform:capitalize;
color:#4D5763;
}

.side #moderation_tools .title .collapse-button, {
color:#4D5763;
vertical-align:middle;
text-align:center;
border-radius:1px;
border:1px solid #d8d8d8;
}

.side .sidecontentbox .content {
border:none;
padding:8px 0;
}

.icon-menu a {
background:none;
}

.create .morelink {
background:#fff;
}

.sidebox.create .morelink a {
font-size:14px;
color:#75A0D5;
}

.gadget .midcol {
width:38px;
}

.commentarea {
display:flex;
-webkit-flex-direction:column;
-ms-flex-direction:column;
flex-direction:column;
}

.comments-page .link .usertext .md {
margin-bottom:0;
}

.commentarea .panestack-title {
border-bottom:0;
padding-left:16px;
margin:16px 0 0;
}

.commentarea .menuarea {
padding-left:16px;
margin:0 0 20px;
}

.comment-permalink-page .commentarea .menuarea {
margin:20px 0;
}

.commentarea .menuarea .dropdown.lightdrop .selected {
font-weight:400;
}

.help-hoverable {
font-size:x-small;
}

.commentarea>.usertext {
background:#FAFAFA;
overflow:visible;
-webkit-order:-1;
-ms-flex-order:-1;
order:-1;
margin:0;
padding:16px;
}

.usertext button {
margin:0 16px 0 0;
}

.commentarea .usertext-edit {
width:100%;
max-width:504px;
}

.commentarea .usertext-edit textarea {
position:relative;
z-index:0;
width:100%;
}

.usertext .bottom-area {
width:504px;
}

.gold-accent.comment-visits-box {
line-height:36px;
border-radius:2px;
background:#CFD8DC;
border:none;
color:#292f34;
max-width:initial;
margin:0 0 16px;
padding:0 8px;
}

.gold-accent.comment-visits-box select {
margin:8px 0 8px 6px;
}

.reddit-infobar.gold-accent {
background:#FFD54F;
border:none;
border-radius:2px;
margin:16px 16px 0;
padding:0 8px;
}

.reddit-infobar.gold-accent p {
line-height:36px;
margin:0;
}

.gilded-icon:before {
background:url(%%spritesheet%%) -112px -160px;
height:16px;
width:16px;
}

.user-gilded>.entry .gilded-icon:before {
width:16px;
}

.commentarea .sitetable {
box-shadow:none;
margin:0;
}

.commentarea .thing {
margin:0 0 16px;
padding:8px 16px 8px 0;
}

.commentarea .child .thing {
box-shadow:none;
margin:8px 0 0;
padding:8px 8px 8px 2px;
}

.commentarea .comment .midcol {
margin-top:2px;
width:32px;
margin-right:6px;
overflow:visible;
}

.comment .child,.comment .showreplies {
border-left:1px solid #edf1f3;
margin-top:0;
margin-left:20px;
}

.comment .midcol {
width:24px;
margin-right:0;
}

.comment .midcol .arrow {
margin-left:0;
margin-bottom:4px;
}

.comment .entry .tagline {
color:#98abba;
font:12px 'Ubuntu',Helvetica,Arial,sans-serif;
}

.comment .expand {
background:none;
transition:all .15s ease;
color:#98abba;
}

.comment .expand:hover {
color:#98abba;
text-decoration:none;
background:#edf1f3;
}

.comment.collapsed a.expand:after {
content:"ah ";
position:absolute;
display:block;
width:calc(100%-368px);
background:rgba(0,0,0,0.00);
left:16px;
margin-top:-34px;
height:50px;
border-radius:2px;
color:transparent;
transition:background .2s cubic-bezier(.4,0,.2,1);
}

.comment.collapsed a.expand:hover:after {
background:rgba(0,0,0,0.04);
}

.comment .author {
color:#292f34;
margin-right:0;
font-weight:700;
}

.green {
color:#272D63!important;
font-weight:700;
}

.res .thing .tagline .author.submitter {
border-radius:1px;
background-color:#4F8EF7!important;
box-shadow:0 0 0 rgba(0,0,0,0);
transition:all .15s ease;
padding:1px 4px;
}

.res .thing .tagline .author.submitter:hover {
box-shadow:0 2px 4px rgba(0,0,0,0.2);
background-color:#4F8EF7!important;
}

.comment .score {
font-size:inherit;
font-weight:700;
color:#738491;
}

.comment .score:before {
content:"• ";
vertical-align:middle;
line-height:14px;
margin:0 2px;
}

.md a:visited {
color:#7D5D8A;
}

.md blockquote {
border-left:2px solid #edf1f3;
color:#738491;
}

.md h1,.md h2 {
border:none;
color:#292f34;
margin:.5em 0 .25em;
}

.md h3 {
color:#292f34;
margin:16px 0 0;
}

.usertext.grayed .usertext-body {
background-color:transparent;
text-transform:italic;
margin:4px 0;
padding:0;
}

.comment.spam > .child {
padding-left:0;
margin-left:16px;
}

.comment .flat-list li a {
color:#98abba;
font-weight:400;
font-size:10px;
}

.comment .flat-list li a[onclick*="reply"] {
color:#75A0D5;
font-weight:700;
font-size:11px;
}

.comments-page .side {
margin-top:305px;
}

.comments-page .side .linkinfo {
position:absolute;
top:375px;
width:320px;
height:124px;
background:#fff;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
border:none;
padding:16px;
}

.comments-page .side .linkinfo .score {
color:#292f34;
margin-top:8px;
}

.comments-page .side .linkinfo .shortlink {
font-size:90%;
margin-top:-2px;
visibility:hidden;
}

.comments-page .side .linkinfo .shortlink input {
background-color:#FAFAFA;
border:none;
border-radius:0 0 2px 2px;
visibility:visible;
width:320px;
margin:0 -16px;
padding:10px 16px;
}

.res.comments-page .side {
margin-top:414px;
}

.read-next {
width:320px;
height:128px;
border:1px solid #edf1f3;
border-radius:2px 2px 0 0;
}

.read-next .read-next-header {
border-bottom:1px solid #edf1f3;
color:#738491;
background-color:#f2f7fa;
padding:8px 16px;
}

.read-next .read-next-nav {
top:8px;
}

.read-next .read-next-button {
background-color:#0079d3;
color:#fff;
font:10px/16px monospace;
height:16px;
width:16px;
}

.read-next .read-next-link {
height:inherit;
}

.read-next .read-next-header-title {
top:0;
line-height:inherit;
}

.read-next .read-next-list {
padding:8px 16px;
}

.read-next .read-next-meta {
color:#738491;
line-height:2;
}

.submit-page #header {
height:144px;
}

.submit-page #header-bottom-left {
top:45px;
left:25%;
margin-left: -20px;
text-align: center;
}

.submit-page[class] .content {
margin:32px auto 0;
}

.submit-page #newlink.submit.content {
width:524px;
margin:0 auto;
}

.submit-page #newlink.submit.content ul.tabmenu.formtab {
position:relative;
border:none;
background:#0079D3;
border-radius:2px;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
padding:0;
}

.submit-page #newlink.submit.content .tabmenu.formtab a {
width:262px;
display:inline-block;
text-align:center;
color:rgba(255,255,255,0.7);
text-transform:uppercase;
font-weight:700;
transition:all .15s ease;
font-size:16px;
border:none;
border-bottom:4px solid transparent;
padding:16px;
}

.submit-page #newlink.submit.content .tabmenu.formtab .selected a {
font-size:16px;
background:none;
color:#fff;
border-bottom:4px solid;
}

.submit-page .formtabs-content {
border-top:0;
padding-top:0;
}

.submit-page .roundfield {
width:524px;
border:none;
padding:16px;
}

.submit-page .roundfield span.title {
color:#292f34;
text-transform:capitalize;
}

.submit-page #url-field button {
background:#c3cfd6;
}

.submit_text.enabled.roundfield {
background:#0079D3;
}

.submit_text ol,.submit_text ul {
margin-left:-1em;
}

.content.submit .info-notice {
background:#edf1f3;
border:none;
margin-bottom:0;
padding:16px;
}

#items-required {
padding-bottom:0!important;
padding-top:15px;
}

.submit-page #newlink.submit.content .btn {
width:100%;
height:auto;
margin-top:16px;
cursor:pointer;
text-transform:capitalize;
font:17px 'Ubuntu',Helvetica,Arial,sans-serif;
margin-bottom:48px;
padding:16px;
}

.submit-page #newlink.submit.content .btn:hover {
box-shadow:0 2px 12px rgba(0,0,0,0.48);
}

body #newlink-with-image-upload .file-upload-button {
padding-right:18px;
line-height:29px;
}

#new-link-image-input > div:first-of-type {
display:inline-block;
padding-right:16px;
}

.search-page #header {
height:156px;
}

.search-page #header-bottom-left {
top:56px;
}

.search-page .searchpane {
border:none;
position:relative;
margin:0;
padding:0;
}

.search-page #search {
position:absolute;
top:-128px;
left:60px;
padding:0;
}

.search-page #search input[type=text] {
min-width:320px;
width:320px;
}

.combined-search-page .search-submit-button {
position:relative;
left:-42px;
width:32px;
height:32px;
background:url(%%spritesheet%%) -64px -96px;
box-shadow:none;
border-radius:50%;
transition:background-color .2s cubic-bezier(.4,0,.2,1);
margin:0;
padding:0;
}

.combined-search-page .search-submit-button:hover {
background-color:rgba(158,158,158,.2);
}

.search-page #previoussearch label {
position:absolute;
width:100%;
background:#f9f9f9;
z-index:-1;
border-radius:0 0 2px 2px;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
cursor:pointer;
margin:-2px 0 0;
padding:12px;
}

.search-page #previoussearch p a#search_showmore {
position:absolute;
left:324px;
top:8px;
width:22px;
height:24px;
background:url(%%spritesheet%%) -49px -168px no-repeat;
overflow:hidden;
font-size:0;
}

#previoussearch #moresearchinfo {
max-width:none;
border:none;
margin:0;
}

.search-result-group {
max-width:none;
min-width:0;
padding:0;
}

.search-result-group-header {
height:36px;
line-height:38px;
border:none;
margin:0 0 8px;
padding: 16px;
}

.search-header-label {
text-transform:capitalize;
color:#738491;
font:24px/38px 'Ubuntu',Helvetica,Arial,sans-serif;
}

.combined-search-page .search-result-group .search-menu {
margin-right:16px;
}

.search-result.search-result-subreddit {
display:inline-block;
width:calc(33%-8px);
max-width:360px;
height:184px;
border-radius:2px;
vertical-align:top;
overflow:hidden;
margin:0 16px 16px 0;
}

.search-result-subreddit .search-result-meta {
padding:4px 0;
}

.search-result {
overflow:hidden;
width:100%;
margin:0;
padding:16px;
}

.combined-search-page .search-result-subreddit .search-subscribe-button {
border-radius:2px;
}

.combined-search-page .search-result-subreddit .search-subscribe-button .add,.combined-search-page .search-result-subreddit .search-subscribe-button .add:active {
background:#0079d3;
border:none;
border-radius:2px;
}

.combined-search-page .search-result-subreddit .search-subscribe-button .remove,.combined-search-page .search-result-subreddit .search-subscribe-button .remove:active {
background:transparent;
border:1px solid #98abba;
color:#738491;
}

.search-result.has-thumbnail>.thumbnail {
margin-right:16px;
flex:0 0 80px;
}

.search-result.has-thumbnail>.thumbnail.self,.search-result.has-thumbnail>.thumbnail.default,.search-result.has-thumbnail>.thumbnail.nsfw,.search-result.has-thumbnail>.thumbnail.image {
margin-right:28px;
flex:0 0 56px;
}

[class] .searchfacets {
border:none;
width:100%;
max-width:initial;
margin:0 0 8px;
}

.searchfacets h4.title {
color:#738491;
margin:0 0 8px;
}

.search-page .morelink {
top:384px;
}

.search-page .side {
margin-top:280px;
}

.wiki-page .wikititle {
background:#fff;
border-radius:2px;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
font:16px 'Ubuntu',Helvetica,Arial,sans-serif;
margin:0;
padding:9px 16px 10px;
}

.wiki-page .pageactions {
background:#fff;
margin-left:16px;
border-radius:2px;
border:none;
box-shadow:0 1px 5px rgba(0,0,0,0.16);
padding:0 16px;
}

.wiki-page .pageactions .wikiaction {
background:transparent;
border-radius:0;
color:#98abba;
margin:0;
padding:10px 16px 11px;
}

.wiki-page .pageactions .wikiaction-current {
border-bottom:2px solid #75A0D5;
color:#75A0D5;
padding:10px 16px 9px;
}

.wiki-page .pageactions .wikiaction:hover,.wiki-page .pageactions .wikiaction-current:hover {
background:rgba(0,0,0,0.05);
}

.wiki-page .wiki-page-content {
background:#fff;
margin:16px 0;
padding:8px 0;
}

.wiki-page .wiki-page-content hr {
border-color:#edf1f3;
border-style:solid;
}

.linefield,.linefield.mobile {
background:#fff;
color:#98abba;
width:528px;
border:none;
margin:0 0 16px;
}

.linefield .title {
color:#75A0D5;
text-transform:capitalize;
padding:0;
}

.pretty-form {
padding-top:24px;
}

.fancy-settings h1,.create-promotion h1 {
color:rgba(255,255,255,.8);
}

.fancy-settings h1 strong {
color:rgba(255,255,255,1);
}

.tabmenu {
border-bottom:1px solid #edf1f3;
margin-bottom:12px;
}

.tabmenu li {
margin:0!important;
}

.tabmenu li a {
background:none;
color:#292f34;
font-size:14px;
}

.tabmenu li.selected a {
color:#75A0D5;
background:none;
border:none;
}

.tabpane-content .thing .title {
overflow:visible;
}

.fancy-settings .pretty-form {
padding-top:0;
}

.stylesheet-customize-container .pretty-form {
margin-bottom:16px;
padding:8px 0;
}

.sheets .btn.right {
background:transparent;
border:none;
box-shadow:none;
padding:0;
}

pre {
overflow:hidden;
}

#images {
background:#fff;
position:relative;
overflow:auto;
height:inherit;
padding:8px 0;
}

ul.image-preview-list {
margin:16px 0 0;
}

ul.image-preview-list li {
width:33.33%;
}

.subreddit-rules-page .subreddit-rule-buttons button,.subreddit-rules-page .subreddit-rule-add-form-buttons button,.subreddit-rules-page .form-buttons button,.subreddit-rule-delete-confirmation button {
background:#0079d3;
border:none;
border-radius:2px;
color:#fff;
text-transform:uppercase;
font-weight:700;
height:36px;
font-size:14px;
font-family:'Ubuntu',Helvetica,Arial,sans-serif;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
transition:box-shadow .2s cubic-bezier(.4,0,1,1),background .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1);
padding:0 16px;
}

.subreddit-rule-item:hover {
background-color:transparent;
}

.flair {
border:none;
border-radius:0;
font:normal 12px 'Ubuntu',Helvetica,Arial,sans-serif;
background:transparent;
color:#98abba;
padding-left:0;
margin-right:inherit;
}

.link .flair {
font-size:12px;
}

.flair:before {
margin-right:3px;
height:auto;
content:"- ";
margin-left:4px;
}

.listing-page .comment {
margin-left:0;
padding:16px 16px 16px 8px;
}

.listing-page .comment .midcol {
width:36px;
margin-right:2px;
margin-top:4px;
overflow:visible;
}

.listing-page .comment .parent {
margin-bottom:4px;
}

.listing-page .comment .title {
font-size:14px;
margin-left:8px;
}

.footer-parent {
position: relative;
margin-top:192px;
background:#272D63;
padding:110px 0 40px;
}

.footer::before {
  background: url(%%footericon%%) no-repeat center;
  background-size: contain;
  left: 0;
  top: 45px;
  position: absolute;
  display: block;
  content: '';
  width: 100%;
  height: 60px;
}

.footer {
border:0 solid;
max-width:640px;
padding:16px;
}

.footer .col {
border:none;
padding:0 24px;
}

.bottommenu {
  color: #FFFFFF;
}

.bottommenu a {
  color: #5380B3;
}

.res .thing .tagline .author.moderator {
background-color:#272D63!important;
border-radius:1px;
padding:1px 4px;
}

#header-bottom-right #userbarToggle + * {
margin-left:0!important;
}

.res .srSep {
color:rgba(255,255,255,0.45);
}

.res #RESShortcutsViewport {
margin-right:381px;
}

.res #RESShortcutsEditContainer {
margin-right:312px;
}

.res #RESShortcutsEditContainer,#RESShortcutsSort,#RESShortcutsRight,#RESShortcutsLeft,#RESShortcutsAdd,#RESShortcutsTrash {
background-color:transparent!important;
color:rgba(255,255,255,0.45)!important;
top:1px!important;
}

.res #RESShortcuts {
color:#E0E0E0;
}

.pinHeader-sub #sr-header-area,.pinHeader-subanduser #sr-header-area {
background-image:url(%%headerimg%%);
background-position:50% 0;
}

.pinHeader-sub #header-bottom-left,.pinHeader-subanduser #header-bottom-left {
margin-top:0;
}

.pinHeader-header .content {
margin-top:12px!important;
}

.pinHeader-header .side {
margin-top:164px;
}

.pinHeader-header.res.comments-page .side {
margin-top:290px;
}

.pinHeader-header #header {
top:0;
background-image:url(%%headerimg%%);
height:84px;
box-shadow:0 1px 5px rgba(0,0,0,0.24);
}

.res #header-bottom-right {
top:1px;
border-radius:0;
height:18px;
padding:0 8px 0 0;
}

.res #userbarToggle {
background-color:transparent;
color:rgba(255,255,255,0.45);
border-radius:0;
border:none;
left:-32px;
}

.res a.beta-link {
top:4px;
}

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

.res #header-bottom-right .user a {
font-size:11px;
}

.res #sr-header-area a.RESShortcutsCurrentSub,.res #RESSubredditGroupDropdown .RESShortcutsCurrentSub a {
color:#fff!important;
border-bottom:2px solid #fff;
}

#RESAccountSwitcherIcon {
position:relative;
top:-4px;
}

.res #REScommentNavToggle {
max-width:98px;
overflow:hidden;
max-height:15px;
background-color:#FAFAFA;
transition:all .35s ease;
}

.res #REScommentNavToggle:hover {
max-width:100%;
}

.res .commentarea>.usertext {
margin-top:-76px;
padding-top:80px!important;
}

.res .content .RESBigEditorPop {
background-color:rgba(0,0,0,0);
line-height:inherit;
font:11px 'Ubuntu',Helvetica,Arial,sans-serif;
box-shadow:none;
font-weight:400;
color:#4D5763;
border:none;
height:inherit;
margin-left:4px;
margin-top:5px;
padding:0;
}

html.res-commentBoxes .comment {
margin-left:0!important;
margin-right:0!important;
}

.res .titlebox .tagline {
margin-top:6px;
}

.res .RESshortcutside,.res .RESDashboardToggle {
background-image:none!important;
border:none;
color:#4D5763;
text-transform:uppercase;
text-decoration:none;
border-radius:0;
text-align:left;
width:auto;
margin:2px 6px 2px -4px;
padding:4px 6px 4px 0;
}

.res .RESshortcutside:hover,.res .RESDashboardToggle:hover {
background-color:transparent;
color:#75A0D5;
}

.res #progressIndicator {
width:inherit;
border-radius:0;
border:none;
color:#b3b3b3;
background-color:#fff;
height:inherit;
margin:16px 0;
padding:16px;
}

.res .NERPageMarker {
border-radius:0;
border:none;
background-color:#fff;
margin:0;
padding:16px 0;
}

.res #search #searchexpando {
box-shadow:0 2px 6px rgba(0,0,0,0.2);
height:auto;
}

.res #search #searchexpando label {
padding-top:13px;
padding-bottom:13px;
}

.res h1.hover.redditname {
overflow:visible!important;
}

.res .commentarea .panestack-title {
margin-top:0;
padding-top:12px;
padding-bottom:8px;
}

.gearIcon {
background:url(%%spritesheet%%) -64px 0!important;
position:relative;
top:2px;
transition:all .25s ease;
}

#RESMainGearOverlay {
background-color:#516ae8;
top:0!important;
height:26px!important;
border-radius:0!important;
}

.RESDropdownList {
box-shadow:0 1px 5px rgba(0,0,0,0.24);
margin-top:4px;
margin-right:8px;
border-color:#4258ca;
}

.RESDropdownList li {
background-color:#516ae8;
color:#fff;
transition:all .15s ease;
border-color:#4258ca;
}

.RESDropdownList li:hover,.RESDropdownList li a:hover {
color:#fff;
background-color:#667df0;
}

#RESSearchMenuItem {
border:1px solid #4258ca;
border-radius:1px;
background-color:#667df0;
}

#RESSearchMenuItem:hover {
background-color:#667df0;
}

.toggleButton .toggleOn,.toggleButton .toggleOff {
text-transform:lowercase;
}

.moduleToggle:not(.enabled) .toggleOn,.toggleButton:not(.enabled) .toggleOn,.moduleToggle.enabled .toggleOff,.toggleButton.enabled .toggleOff {
background-color:transparent;
color:rgba(255,255,255,0.6);
border:1px solid #4258ca;
transition:all .15s ease;
border-radius:2px;
}

.moduleToggle.enabled .toggleOn,.toggleButton.enabled .toggleOn,.moduleToggle:not(.enabled) .toggleOff,.toggleButton:not(.enabled) .toggleOff {
background-color:#fff;
color:#516AE8;
font-weight:bolder;
border:1px solid #fff;
transition:all .15s ease;
border-radius:2px;
}

.markdownEditor .edit-btn:not(.btn-macro) {
border:0 solid!important;
border-radius:1px;
box-shadow:0 1px 2px rgba(0,0,0,0.12);
}

body.listing-page>.content,body.other-discussions-page>.content,.comments-page .link,.commentarea>.sitetable>.comment,#bottom-comments:not(.child)>.sitetable>.comment,#images,.sponsorshipbox,.stylesheet-customize-container .pretty-form,.combined-search-page>.content,.side .sidecontentbox,.account-activity-box,.side .titlebox,#previoussearch #moresearchinfo,#ad-frame,#ad_main,.wiki-page .wiki-page-content,.linefield,.submit-page .roundfield,.login-form-side,#ad_main_top,.search-result-subreddit,.search-result-listing + .search-result-listing .contents,[class] .searchfacets {
background:#fff;
border-radius:2px;
box-shadow:0 1px 4px 0 rgba(0,0,0,0.14);
padding:16px;
}

.commentarea>.sitetable>.comment,#bottom-comments>.sitetable>.comment {
padding-left:10px;
}

#ad-frame,#ad_main,#ad_main_top {
box-sizing:initial;
padding:10px;
}

.sponsorshipbox {
max-width:320px;
padding:0;
}

#ad_sponsorship {
margin:10px;
}

20% {
transform:translateY(76px);
-webkit-transform:translateY(76px);
opacity:0;
}

25% {
transform:translateY(-8px);
-webkit-transform:translateY(-8px);
opacity:1;
}

97% {
transform:translateY(16px);
-webkit-transform:translateY(16px);
opacity:1;
}

100% {
transform:scale(1.5,1.5);
-webkit-transform:scale(1.5,1.5);
opacity:0;
}

98% {
opacity:0;
}

::-moz-selection,::selection {
background:#0079d3;
text-shadow:none;
color:#fff;
}

.btn:hover,button:hover,.c-btn-primary:hover,.wiki-page .wiki-page-content .wiki_button,.subreddit-rules-page .subreddit-rule-buttons button:hover,.subreddit-rules-page .subreddit-rule-add-form-buttons button:hover,.subreddit-rules-page .form-buttons button:hover,.subreddit-rule-delete-confirmation button:hover {
color:#fff;
text-decoration: underline;
box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
}

.btn:active,button:active,.c-btn-primary:active,.wiki-page .wiki-page-content .wiki_button,.subreddit-rules-page .subreddit-rule-buttons button:active,.subreddit-rules-page .subreddit-rule-add-form-buttons button:active,.subreddit-rules-page .form-buttons button:active,.subreddit-rule-delete-confirmation button:active {
color:#fff;
background:#0066b2;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
}

#sr-header-area .dropdown.srdrop .selected:hover,#header-bottom-right a:hover {
text-decoration:underline;
}

#sr-header-area .dropdown.srdrop .selected:hover:after,.tagline .userattrs > :hover,.link .entry li .comments:hover,.searchfacets .facet.count:hover {
text-decoration:none;
}

#sr-header-area .drop-choices.srdrop.inuse a:first-child,#search input[type=text]:focus {
border-radius:2px 2px 0 0;
}

#header-bottom-right a,.flat-vert.title,.bottommenu a {
color:#FFFFFF;
}

#header .pagename,.tagline .userattrs {
font-size:0;
}

#header .tabmenu li a:hover,.infobar .md,.reddit-infobar.with-icon.locked-infobar .md,.submit-page #newlink.submit.content .tabmenu.formtab a:hover,.submit_text.enabled.roundfield .md,.RESDropdownList a,.RESDropdownList a:visited {
color:#fff;
}

#header .tabmenu li:first-of-type a,.side .flair:before {
margin-left:0;
}

.listing-page .tabmenu li > a[href$="/controversial/"],.wiki-page .tabmenu li > a[href$="/controversial/"],.listing-page .tabmenu li > a[href$="/ads/"],.wiki-page .tabmenu li > a[href$="/ads/"],#search #searchexpando p,.submit-page .infobar,.pinHeader-header:before,.res.search-page #header .tabmenu {
display:none!important;
}

body >.content .link .rank,.rank-spacer,.thumbnail[data-href-url*="reddit.com"] img,.RESUserTagImage::after,div.titlebox span.word,.titlebox .users-online:before,.titlebox .word,.morelink .nub,.leavemoderator,.titlebox .tagline a.author,.titlebox form.toggle.leavecontributor-button,.sidebox .spacer,.gadget .reddit-entry .linkflairlabel,.submit-page .side,.submit-page .content h1,#suggested-reddits,.submit-page .footer-parent,.search-page #header .pagename a,.raisedbox h4,.combined-search-page .search-submit-button .search-icon,.search-result-meta span.search-time,.search-summary,.stylesheet-customize-container h2,.debuginfo,#hsts_pixel,.res #header-bottom-right .user .userkarma,.res #searchexpando .searchexpando-submit,.res .comment.collapsed a.expand:after {
display:none;
}

.arrow:hover,.action-form li label:hover {
background-color:rgba(0,0,0,0.05);
}

body .content .sitetable .link .title a:hover,.thing .title.loggedin.click,.thing .title.click,.thing .title.loggedin,.thing .title,.thing .title.loggedin.click:visited,.thing .title.click:visited,.link .entry .buttons li a.flairselectbtn,.titlebox .tagline a.flairselectbtn,.commentarea .menuarea .toggle a:hover,.help-hoverable:hover,.usertext .bottom-area a.reddiquette,.md a,.deepthread a,.combined-search-page .search-result .search-result-header .search-title,.combined-search-page .search-result a,.combined-search-page .search-result a>mark,.combined-search-page .search-result .search-comments,.usertext .bottom-area a:hover {
color:#5380B3;
}

.content .thing .title:visited,.content .thing.visited .title,.morecomments a,.combined-search-page .search-result .search-result-meta,.nextprev,.next-suggestions {
color:#738491;
}

.link .domain a:hover,.link .entry .tagline a:hover,.link .entry .buttons li a:hover,.comment .author:hover,.comment .flat-list li a:hover {
color:#75A0D5;
text-decoration:none;
}

.expando-button.selftext.expanded,.expando-button.video.expanded,.expando-button.image.expanded,.expando-button.image.gallery.expanded,.expando-button.video-muted.expanded {
background-position:-32px -48px!important;
}

.expando-button.selftext.expanded:hover,.expando-button.video.expanded:hover,.expando-button.image.expanded:hover,.expando-button.image.gallery.expanded:hover,.expando-button.video-muted.expanded:hover {
background-position:-48px -48px!important;
}

.link .entry .tagline a,.comment .usertext .md,.wiki-page .wiki-page-content .wiki.md,.wiki-page .wiki-page-content .wiki.md h2,.tabpane-content .tagline a {
color:#292f34;
}

.link .entry .tagline:first-letter,.action-form .reason-prompt:first-letter,.flairselector form .flairselection .flairremove a:first-letter,.flairselector .error:first-letter,.unvotable-message:first-letter,.content .infobar:first-letter,.commentarea .menuarea span.dropdown-title.lightdrop:first-letter,.comments-page .side .linkinfo .date:first-letter,.searchfacets h4.title:first-letter,.linefield .title:first-letter,.linefield label:first-letter,.RESDropdownList li:first-letter {
text-transform:capitalize;
}

.RESUserTagImage:hover,45% {
opacity:1;
}

.action-form input[name="other_reason"],.md pre {
padding:8px;
}

.linkflair-mod .linkflairlabel,.titlebox .fancy-toggle-button .active.add,.titlebox .fancy-toggle-button .active.add:hover {
background:#272D63;
color:#fff;
}

.big-mod-buttons a,.content .spacer,.link.compressed .title,.submit-page #newlink.submit.content form .spacer+.spacer,.combined-search-page .search-result-group footer .nav-buttons,.searchfacets .title,.searchfacets .list {
margin:0;
}

.organic-listing .help,.organic-listing .sponsored-tagline {
margin-bottom:20px;
margin-right:16px;
color:#98abba;
}

.flairselector.drop-choices.active,.wiki-page .wiki-page-content .wiki>.toc>ul,.tabpane-content {
border:none;
}

.flairselector form .flairselection,.flairselector .error {
text-align:left;
}

div.commentarea div.RES-keyNav-activeElement .md,.res .link .tagline a.voteWeight {
background-color:transparent!important;
}

.dropdown.lightdrop .selected:hover,.guider_content h1 {
color:#4F8EF7;
}

.side .spacer,.commentarea .usertext-edit .md,#images #image-upload {
margin:0 0 16px;
}

.titlebox .fancy-toggle-button .active:hover,#search input[type=text]:hover,.side .titlebox h4 a:hover {
box-shadow:0 4px 5px 0 rgba(0,0,0,.14),0 1px 10px 0 rgba(0,0,0,.12),0 2px 4px -1px rgba(0,0,0,.2);
}

#search input[type="text"]:-moz-placeholder,#search input[type="text"]::-webkit-input-placeholder,#search input[type="text"]:-ms-input-placeholder {
font-size:14px;
text-transform:capitalize;
top:1px;
position:relative;
}

#search input[type=text]::-webkit-input-placeholder,#search input[type=text]:-moz-placeholder,#search input[type=text]::-moz-placeholder,#search input[type=text]:-ms-input-placeholder {
color:#B3B3B3;
}

.morelink:hover,.side .titlebox .md h3 a:hover {
background:#272D63;
}

.morelink:active,.side .titlebox .md h3 a:active {
background:#0066b2;
box-shadow:0 2px 1.5px 0 rgba(0,0,0,.12),0 0 4px 0 rgba(0,0,0,.12);
}

.gadget .right,.account-activity-box a {
text-transform:uppercase;
}

.commentarea .panestack-title .title,.res #progressIndicator h2 {
color:#4D5763;
}

.commentarea .menuarea span.dropdown-title.lightdrop,.comments-page .side .linkinfo .date,.wiki-page .wiki-page-content em,.usertext .bottom-area a,.tabpane-content .flairrow a.author {
color:#98abba;
}

.commentarea .menuarea .toggle a,.help-hoverable,.searchfacets .facet.count {
color:#98abba;
font-weight:400;
}

.linkinfo .score .number,.linkinfo .score .word {
font-size:14px;
}

.combined-search-page .search-result-listing+.search-result-listing .contents,.search-result-subreddit .search-result-body,.linefield .linefield-content {
padding:0;
}

.search-result.search-result-subreddit:nth-of-type(3n),.stylesheet-customize-container .pretty-form .sheets,.res .sitetable .sitetable {
margin-right:0;
}

27%,92% {
transform:translateY(00px);
-webkit-transform:translateY(00px);
opacity:1;
}