.the_champ_horizontal_sharing {
    position: relative;
    top: -5px;
}
.the_champ_horizontal_sharing > ul {
    margin: 0;
}
.the_champ_horizontal_sharing > ul > li {
    height: initial;
}
.sharing-btn {
    margin: 0;
}
/*.gag-item .badge-gif-play {
	background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0ODUuNzQgNDg1Ljc0IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0ODUuNzQgNDg1Ljc0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgd2lkdGg9IjMycHgiIGhlaWdodD0iMzJweCI+CjxnPgoJPGc+CgkJPHBhdGggZD0iTTI0Mi44NzIsMEMxMDguNzMyLDAsMC4wMDQsMTA4LjczNiwwLjAwNCwyNDIuODY0YzAsMTM0LjE0LDEwOC43MjgsMjQyLjg3NiwyNDIuODY4LDI0Mi44NzYgICAgYzEzNC4xMzYsMCwyNDIuODY0LTEwOC43MzYsMjQyLjg2NC0yNDIuODc2QzQ4NS43MzYsMTA4LjczNiwzNzcuMDA4LDAsMjQyLjg3MiwweiBNMzM4LjQxMiwyNjMuOTRsLTEzNC4zNiw5Mi43MzIgICAgYy0xNi43NzYsMTEuNTg4LTMwLjU4NCw0LjI0OC0zMC41ODQtMTYuMzE2VjE0NS4zOGMwLTIwLjU1NiwxMy44MDgtMjcuOSwzMC41ODQtMTYuMzEybDEzNC4zMiw5Mi43MzIgICAgQzM1NS4xMzYsMjMzLjM4NCwzNTUuMTc2LDI1Mi4zNDgsMzM4LjQxMiwyNjMuOTR6IiBmaWxsPSIjMDAwMDAwIi8+Cgk8L2c+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPGc+CjwvZz4KPC9zdmc+Cg==);
	background-size: 93%;
	display: none;
	position: absolute;
	top: 50%;
	margin-top: -36px;
	left: 50%;
	margin-left: -36px;
	height: 72px;
	width: 72px;
	text-align: center;
	overflow: hidden;
	background-color: rgba(255,255,255,.8);
	line-height: 72px;
	border-radius: 50%;
	cursor: pointer;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center;
}*/
/*.gag-item--alignment .badge-gif-play {
	background-size: 88%;
	margin-top: -21px;
	margin-left: -21px;
	height: 42px;
	width: 42px;
}*/
.gag-item .gag-item__media--pause ~ .badge-gif-play {
    display: block;
}
.gag-item .gag-video {
    position: relative;
	line-height:0;
}
.gag-item .gag-video {
    cursor: pointer;
}
#theChampGoogleButton {
    background-color: #C54523;
    position: relative;
}
.theChampFacebookLogin {
    background-color: #354F88;
    position: relative;
}
.theChampLogin::after {
    background-color: #DC4D28;
    color: white;
    content: "";
    display: block;
    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    font-style: normal;
    left: 35px;
    line-height: 2.4;
    position: absolute;
    top: 0;
    width: 228px;
    text-align: center;
    height: 35px;
}
#theChampGoogleButton::after {
    background-color: #DC4D28;
    content: "Continue with Google";
}
.theChampFacebookLogin::after {
    background-color: #45609D;
    content: "Continue with Facebook";
}
.box-inset .the_champ_login_ul > li {
    display: block;
    position: relative;
    width: 400px !important;
    height: 35px;
    left: 0;
    padding: 0;
    margin: 0 0 0.5em 0 !important;
}
ul.the_champ_login_ul {
    margin: 3px 0!important;
    padding: 0;
    line-height: 0;
    position: relative;
    display: block;
    width: 274px;
    height: 73px;
}
.box-inset .cleanlogin-container {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    padding: 0;
}
.custom-login-form {
    padding-top: 0.5em;
}
.custom-login-form .cleanlogin-full-width form fieldset {
    margin-bottom: 0;
}
.custom-login-form input[type="submit"] {
    margin-top: 0;
    width: 100% !important;
    padding: 8px 0 9px;
    margin-bottom: 1em;
}
.custom-login-form .reg-form-group {
    margin: 5px;
    padding: 4px 0;
}
.custom-login-form .reg-form-group > input[type="text"] {
    margin-top: 0 !important;
}
.custom-login-form .log_forms {
    width: 100%;
    padding: 0;
    border: 0;
    margin: 0;
    box-sizing: border-box;
}
.custom-login-form .log-form-group {
    padding: 5px 0;
}
.log_forms input[type="submit"] {
    width: 100%;
    padding: 7px;
    border: none;
}

#log_forms input[type="submit"] {
border: none;
}

.link-a span {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 10px 20px;
    border-radius: 2px;
    background: #507299;
    color: #fff;
    cursor: pointer;
}
.end_of_query .link-a {
    display: none;
}

.edit-frame {
    border: 0;
    
}
.follow:before {
    content: '' !important;
}
.unfollow:before {
    content: '' !important;
}
.comment-point {
    display: inline-block;
    color: #999;
    font-size: 12px;
    font-weight: normal;
    margin-left: 13px;
    position: relative;
}
.gag-rating {
    cursor: pointer;
}
.gallery-c ul .gag-rating--active {
    background: #aaa;
    color: #fff;
}
.gag-rating__value {
    display: inline;
}
.gallery-padding {
    padding: 1.8em 1em 0;
}
/* 2026-11-09: local avatar icon, rounded like the other header buttons */
img.avatar, #nav > ul.logged img, #nav2 img { border-radius: 2px; }

/* 2026-11-09: X (formerly Twitter) share buttons in the X colours */
.gallery-c ul li.tw { background: #000; }
.gallery-c ul li.tw a { display: block; text-align: center; }
.gallery-c ul li.tw svg.x-logo { display: inline-block; width: 14px; height: 14px; vertical-align: -2px; }
.social-b li.tw a { background: #000; }
.social-b li.tw a:hover { background: #222; }
.social-b i.icon-x { background: #222; }
.social-b i.icon-x svg.x-logo { position: absolute; left: 50%; top: 50%; width: 18px; height: 18px; margin: -9px 0 0 -9px; color: #fff; }

/* 2026-11-09: endless scrolling status line */
.endless-status { clear: both; min-height: 1px; padding: 14px 0; color: #999; font-size: 1.3em; text-align: center; }

/* ==== 2026-11-09: Roboto for all text (self-hosted, SIL OFL / Apache 2.0, variable 400-900) ==== */
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('fonts/roboto-latin.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400 900;
    font-display: swap;
    src: url('fonts/roboto-latin-ext.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
#logo, #logo a { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 900; }
#nav, #nav2 { font-family: Roboto, Arial, Helvetica, sans-serif; font-weight: 500; }
.gallery-c > li > a > span { font-family: Roboto, Arial, Helvetica, sans-serif; }

/* 2026-11-09: thin menu icon (2 px lines, 20 px wide) instead of the 4 px burger and X */
#top > .menu:before, #top > .menu:after { width: 20px; margin-left: -10px; border-width: 0; background: none; }
#top > .menu:before { top: 14px; height: 10px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; } /* border-box: 10 px = lines at 14 and 22 */
#top > .menu:after { top: 30px; bottom: auto; height: 2px; border-bottom: 2px solid #fff; } /* third line at 30 */
.menu-active #top > .menu:before, .menu-active #top > .menu:after { top: 22px; bottom: auto; width: 20px; height: 2px; margin-left: -10px; border-width: 0; background: #fff; }

/* 2026-11-09: Apple-style near-black header (colours only; layout, fonts and menu unchanged) */
#top { background: #161617; border-bottom-color: #161617; }
#nav > ul > li.active > a, #nav > ul > li > a:hover { background: rgba(255, 255, 255, 0.12); }
#nav > ul > li.a > a, #nav2 > ul > li > a { background: rgba(255, 255, 255, 0.14); border-radius: 6px; }
#nav > ul.logged > li > a, #nav > ul.logged > li.a > a { background: rgba(255, 255, 255, 0.08); }
#nav > ul.logged > li > a i { color: #d1d1d6; }
.search-active #nav > ul.logged > li.has-search > a { background: rgba(255, 255, 255, 0.2); }
#nav > ul.logged > li > a > span, .js #nav > ul.logged > li > a > span:before { border-color: #161617; }
#nav2 > ul.logged > li.has-img > a { background: none; }

/* 2026-11-09: logo lowercase 22 px, vertically centred in the bar (47 px desktop, 43 px phones) */
#logo { display: flex; align-items: center; height: 47px; font-size: 22px; line-height: 1; text-transform: lowercase; }
#logo a { display: block; line-height: 1; }
@media only screen and (max-width: 53.125em) {
    #logo { justify-content: center; height: 43px; }
}

/* 2026-11-09: the ad network's native widget brings its own Arial; use the site font */
.msg-native-widget, .msg-native-widget * { font-family: Roboto, Arial, Helvetica, sans-serif !important; }