body {
	color: #858a90;
	background-color: #000;
}

a {
	color: #858a90;
}

::-webkit-input-placeholder {
	color: #71757b;
}

::-moz-placeholder {
	color: #71757b;
}

/* Firefox 19+ */
:-moz-placeholder {
	color: #71757b;
}

/* Firefox 18- */
:-ms-input-placeholder {
	color: #71757b;
}

.input, .textarea {
	background-color: #212428;
	color: #fff;
}

.header-holder {
	background-color: #212428;
}

.logo:not(.logo-custom) a {
	background: url(../images/logo-dark-yellow.png) no-repeat;
}

.menu-item-link.active {
	color: #212428;
	background-color: #ddba2d;
}

@media only screen and (min-width: 768px) {
	.menu-item-link:hover {
		color: #212428;
		background-color: #ddba2d;
	}
}

.menu-item.open .menu-item-link {
	color: #212428;
	background-color: #ddba2d;
	-webkit-border-radius: 25px 25px 0 0;
	        border-radius: 25px 25px 0 0;
}

.mini-drop {
	background-color: #212428;
}

@media only screen and (min-width: 768px) {
	.mini-drop-item a:hover {
		color: #fff;
		background-color: #3f4348;
	}
}

.search {
	border-color: #3f4348;
}

.search-input .input {
	color: #fff;
}

.search-submit .icon-search {
	background-color: #3f4348;
}

.search-submit .icon-search .svg-icon {
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.search-submit .icon-search:hover {
		background-color: #ddbb3d;
	}
	.search-submit .icon-search:hover .svg-icon {
		color: #212428;
	}
}

.sidebar {
	background-color: #212428;
}

.sidebar-top {
	color: #fff;
}

.sidebar-list-item:after {
	background-color: #ddba2d;
}

@media only screen and (min-width: 768px) {
	.sidebar-list-item:hover {
		background-color: #ddba2d;
	}
	.sidebar-list-item:hover .sidebar-list-name, .sidebar-list-item:hover .sidebar-list-count {
		color: #000;
	}
}

.sidebar-list-count {
	color: #565c62;
}

.sidebar-right-button .btn {
	color: #fff;
	background-color: #3f4348;
}

@media only screen and (min-width: 768px) {
	.sidebar-right-button .btn:hover {
		background-color: #ddba2d;
		color: #212428;
	}
}

.headline-title {
	color: #fff;
}

.sort {
	background-color: #212428;
}

.sort-item span {
	background-color: #3885d4;
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.sort-item:hover a, .sort-item:hover span {
		background-color: #3885d4;
		color: #fff;
	}
}

@media only screen and (min-width: 768px) {
	.thumbs-item:hover .thumbs-title {
		color: #fff;
	}
	.thumbs-item:hover .bage-holder-left .bage:first-child .bage-text {
		color: #fff;
	}
}

.thumbs-info {
	background-color: #16181b;
}

@media only screen and (min-width: 768px) {
	.thumbs-category .thumbs-item:hover .thumbs-info {
		background-color: #ddba2d;
	}
	.thumbs-category .thumbs-item:hover .thumbs-title {
		color: #212428;
	}
}

.thumbs-category .thumbs-title {
	color: #fff;
}

.bage-holder {
	background-color: #000;
}

.bage-text-rating {
	color: #95da63;
}

.bage-visible {
	background-color: #000;
}

.bage-visible .bage-text:before {
	background-color: #868b91;
}

.pagination ul li > a {
	background-color: #3f4348;
	color: #fff;
}

.pagination ul li > span {
	background-color: #ddba2d;
	color: #212428;
}

@media only screen and (min-width: 768px) {
	.pagination ul li > a:hover {
		background-color: #ddba2d;
		color: #212428;
	}
}

.tags-block {
	padding: 20px 0;
	background-color: #212428;
}

.tags-title {
	color: #ddba2d;
}

@media only screen and (min-width: 768px) {
	.tags-list a:hover {
		background-color: #ddba2d;
		color: #212428;
	}
}

.media {
	background-color: #16181b;
}

.media-info {
	border-color: #3f4348;
}

.media-info-title {
	color: #fff;
}

.media-values-text {
	color: #fff;
}

.media-list ul a {
	background-color: #212428;
	color: #71757b;
}

@media only screen and (min-width: 768px) {
	.media-list ul a:hover {
		background-color: #ddba2d;
		color: #212428;
	}
}

.media-button .btn {
	color: #fff;
	background-color: #3f4348;
	-webkit-transition: color 0.3s, background-color 0.3s;
	        transition: color 0.3s, background-color 0.3s;
}

@media only screen and (min-width: 768px) {
	.media-button .btn:hover {
		background-color: #ddba2d;
		color: #212428;
	}
}

.vote-button.vote-like .svg-icon {
	color: #95da63;
}

.vote-button.vote-dislike .svg-icon {
	color: #c60031;
}

.vote-progress-num {
	color: #95da63;
}

.vote-progress-line {
	background-color: #c60031;
}

.vote-progress-bar {
	background-color: #95da63;
}

.comments-form-submit .btn-submit {
	background-color: #3f4348;
	color: #fff;
}

@media only screen and (min-width: 768px) {
	.comments-form-submit .btn-submit:hover {
		background-color: #ddba2d;
		color: #212428;
	}
}

.comments .textarea {
	min-height: 90px;
}

.comment-name {
	color: #3885d4;
}

.comment-date {
	color: #606369;
}

.comment-text {
	color: #fff;
}

.footer {
	background-color: #16181b;
}


.no-avatar {
	border: 1px solid #16181b;
    border-bottom: none;
}

/* -----------------------------------
   Leaderboard Banner (728x90) - Desktop
------------------------------------- */

.leaderboard-container {
    /* Centers the banner horizontally & vertically */
    display: flex;
    justify-content: center;
    align-items: center;

    /* Makes container full width of parent */
    width: 100%;

    /* Adds vertical spacing above and below the banner */
    margin: 20px 0;
}

.leaderboard-container img {
    /* Forces the banner size to 728x90 */
    width: 728px;
    height: 90px;

    /* Removes default inline spacing issues with images */
    display: block;
}

/* Common Styles for Both Banners */

/* 300x100 Banner */
.rotation-container {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto;
}

.rotation-container a {
    display: none;
}

.rotation-container a video {
    max-width: 100%;
    border-radius: 10px;
}

/* 300x250 - Video Page Banner */
.rotation-container-300x250-videopage {
    width: 300px;
    height: 250px;
    position: relative;
    margin: 0 auto;
}

.rotation-container-300x250-videopage a {
    display: none;
    width: 100%;
    height: 100%;
}

.rotation-container-300x250-videopage video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* 300x250 - Global Footer Banner */
.rotation-container-300x250-footer {
    width: 300px;
    height: 250px;
    position: relative;
    margin: 0 auto;
}

.rotation-container-300x250-footer a {
    display: none;
    width: 100%;
    height: 100%;
}

.rotation-container-300x250-footer video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}