pre {
	background-color: #000 !important;
}
#wp-admin-bar-new-salient_g_sections {
	display:none;
}
.tutorials .meta-category {
	display: none;
}
.tutorials h3 {
	font-size:22px !important;
}
#sidebar {
	padding: 35px;
	padding-top: 30px;
	background: #1b1b1b;
}
.theiaStickySidebar {
	will-change: min-height;
}
.theiaStickySidebar .inner-wrapper-sticky {
	transform: translate(0, 0); 
		    transform: translate3d(0, 0, 0);
		    will-change: position, transform;
}
.wpb_row {
	z-index:999;
}
.card {
  justify-content: center !important;
  display: flex !important;
  flex-direction: row !important;
  overflow: hidden !important;
	max-height: 180px;
	text-align:center;
}
.card img {
  flex: 1 !important;
  height: 100% !important;
	  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.card img:hover {
	opacity:0.4;
}
.detail-buttons .cards {
	margin-top:15px !important;
}
.cards {
  text-align:center;
  max-width: 966px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));
}
@media only screen and (min-width: 1000px) {
	.server-row {
		margin-bottom: 20px !important;
	}
	.introduction p {
		padding:0px !important
	}
	.introduction:hover {
		cursor: pointer;
	}
	.introduction {
		display: block; 
		display: -webkit-box;
		max-width: 866px;
		max-height: 46px; 
		font-size: 18px;
		line-height: 1.4;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		  -webkit-mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
		  mask-image: linear-gradient(to bottom, black 50%, transparent 100%);
		  transition:1s;
	}
	.introduction:hover {
		display: -webkit-box;
		-webkit-line-clamp: unset;
		-webkit-box-orient: vertical;
		max-height: 800px;
		overflow: unset;
		text-overflow: unset;
		transition:1s;
		 -webkit-mask-image: unset;
		  mask-image: unset;
	}
	.server-tags {
		text-align:left !important;
	}
	.server-info-col p {
		padding: 0px !important;
	}
	.server-description {
		overflow:hidden;
	}
	.server-info-col:hover .server-description {
		overflow:visible;
		 -webkit-mask-image: unset;
		 mask-image: unset;
		 max-height:160px;
		 transition: 0.6s;
	}
	.server-row .server-votes {
		opacity:0;
	}
	.server-row .server-description {
		  max-height: 63px;
	}
	.col-sotw {
		background-image: url('/wp-content/uploads/2021/11/sotw-ani.gif') !important;
	}
}
.server-row h3 a {
	font-size: 25px !important;
	line-height: 25px !important;
	font-weight:600;
}
.server-row h3 {
	line-height: unset !important;
	padding-bottom:5px;
}
.col-sotw h3 a {
	font-weight:700 !important;
}
.server-row .server-description {
	font-size: 14px !important;
	word-wrap: break-word;
	    line-height: 20px;
	    opacity:0.7;
}
.server-row .server-video {
	padding-top:20px;
}
.server-row .server-video a {
	padding: 7px 10px !important;
}
.server-row {
	overflow:hidden;
}
.server-tags {
	text-align:center;
}
.server-info-col h3 a { color:#fff; transition: 0.5s; }
.server-info-col h3 a:hover { opacity:0.5; }
.col-platinum >.span_12 {
 z-index: inherit !important;
}
.col-platinum .nectar-button, .col-platinum .server-info-col {
	z-index:1 !important;
}
.server-info-col:hover {
}
.server-row .server-logo {
	opacity:1;
}
.server-info-col:hover .server-logo {
	display: block;
}
.server-row:hover .server-votes {
	opacity:1;
}
.server-row:hover .server-logo {
	opacity:1;
}
.server-row .server-votes {
	padding-bottom:0px !important;
	line-height: 14px;
}
.server-row .server-type {
	margin-bottom:0px !important;
}
.col-a {
	background-color: #1c1c1c !important;
}
.col-b {
	background-color: #282828 !important;
}
.col-b h3 {
	border-bottom: 1px solid rgb(28 28 28 / 50%);;
}
.col-a h3 {
	border-bottom: 1px solid rgb(40 40 40 / 50%);;
}
.col-sotw {
	background-image: url('/wp-content/uploads/2021/11/sotw-bag.jpg');
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.col-filter {
    background: #1B1B1B;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.filter-active {
	border: 3px solid #ff6717;
}
.col-platinum {
    background-image: url('/wp-content/uploads/2021/11/platinum.jpg') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.server-tag {
		font-size: small;
    padding: 5px 10px;
    border-radius: 25px;
    margin-right: 5px;
}
.col-a .server-tag {
	background: #151414;
}
.col-b .server-tag {
	background: #353535	;
}
.col-sotw .server-tag {
	background: #332d86;
}
.duotone3::before {
  background-color: rgb(165 159 0);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  position: absolute;
  top: 0;
  left: 0;
}
.duotone3::after {
  background-color:  rgb(10 150 34);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
}
.duotone2::before {
  background-color: rgb(69 67 185);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  position: absolute;
  top: 0;
  left: 0;
}
.duotone2::after {
  background-color: rgb(32 49 136);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
}
.duotone1::before {
  background-color: rgb(99 10 23);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: darken;
  position: absolute;
  top: 0;
  left: 0;
}
.duotone1::after {
  background-color:  rgb(47 47 47);
  content: '';
  display: block;
  width: 100%;
  height: 100%;
  mix-blend-mode: lighten;
  position: absolute;
  top: 0;
  left: 0;
}
ul.sub-menu.tracked-pos {
}
.filters select {
	background: #fff;
    border-radius: 0;
}
.filters .fs-label-wrap {
	height: 42px;
}
.live-message {
	font-size: 16px;
}
.blink {
	font-size: 10px;
	margin:5px;
	color:red;
    animation: blinker 3s  infinite forwards;  
}
@keyframes blinker {  
	0% { opacity: 0.1;}
	50% { opacity:1;}
	100% { opacity:0.1;}
}
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 1px dotted #fff;
}
.tooltip .tooltiptext {
	visibility: hidden;
	width: 300px;
	background-color: black;
	color: #fff;
	text-align: center;
	padding: 10px;
	border-radius: 6px;
	font-size: 14px;
    line-height: 20px;
	position: absolute;
	z-index: 1;
}
.tooltip:hover .tooltiptext {
	visibility: visible;
}
@media only screen and (max-width: 1000px) {
	.rlav {
		margin-top:50px !important;
		margin-bottom:50px !important;
	}
	.server-row body .vc_row.vc_row-flex.vc_row-o-equal-height>.span_12>.vc_column_container {
		display: block !important;
	}
	.list-bg {
		background:#000 !important;
	}
	.server-row {
		text-align:center !important;
		padding-left:20px;
		padding-right:20px;
	}
	.filters {
		display: none !important;
	}
}
.details-notes {
	margin-top:50px;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.details-chart {
	margin-bottom:50px;
}
.details-chart h3 {
	padding-bottom:20px;
}
.card {
  justify-content: center !important;
  display: flex !important;
  flex-direction: row !important;
  overflow: hidden !important;
	max-height: 180px;
	text-align:center;
}
.card img {
  flex: 1 !important;
  height: 100% !important;
	  -webkit-transition: opacity 0.2s ease-in-out;
  -moz-transition: opacity 0.2s ease-in-out;
  -ms-transition: opacity 0.2s ease-in-out;
  -o-transition: opacity 0.2s ease-in-out;
  transition: opacity 0.2s ease-in-out;
}
.card img:hover {
	opacity:0.4;
}
.detail-buttons .cards {
	margin-top:15px !important;
}
.cards {
		text-align:center;
  max-width: 966px;
  margin: 0 auto;
  display: grid;
  grid-gap: 1rem;
  grid-template-columns: repeat(auto-fit, minmax(193px, 1fr));
}
#vote-process-block {
    background: #1b1b1b;
		max-width: 350px;
    margin: 0 auto;
    padding: 35px 20px 35px 20px;
    text-align: center;
}
.msg {
	max-width: 728px !important;
	margin-bottom:40px !important;
}
#timer-message {
    background: #000;
    padding: 5px 0px;
    font-size: 14px;
}
#timer {
	margin: 0 auto;
}
#answer span {
    background: #000;
    padding: 5px 0px;
    font-size: 14px;
    display: block;
}
#answer {
	margin: 0 auto;
}
#captchaimg {
}
#answer select {
	font-size:18px !important;
	padding-left: 10px;
}
#captchainstruction b {
    display: block;
}
#captchainstruction {
		padding-bottom: 20px;
}
#captcha {
	font-size: 15px;
}
#email-verify b {
	display: block;
}
.bar {
  border: 1px solid #fff;
  height: 20px;
  width: 100%;
}
.in {
  animation: fillvotebar 10s linear 1;
  height: 100%;
  background-color: #fff;
}
@keyframes fillvotebar {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
.idlist thead tr, .npclist thead tr {
	background: #1b1b1b !important;
}
.idlist thead tr th, .npclist thead tr th {
	height: 100px;
  vertical-align: middle;
}
.idlist th, .idlist, .idlist td, .npclist th, .npclist, .npclist td {
	border: 1px solid #222 !important;
}
.idlist td, .npclist td {
	vertical-align: middle;
}
.idlist img {
	margin:0 !important;
}
.idlist tbody tr td:nth-child(3) {
	text-align:left;
}
.idlist tbody tr td {
	text-align:center;
}
.idlist thead tr th:nth-child(3) {
	text-align:left !important;
}
.idlist thead tr th {
	text-align:center !important;
}
.npclist thead tr th:nth-child(2) {
	text-align:center;
}
.npclist tbody tr td:nth-child(2) {
	text-align:center;
}
.idlist .odd, .npclist .odd {
	background: #222 !important;
}
.idlist .even, .npclist .even {
	background: #1b1b1b !important
}
.idlist input[type=search], .npclist input[type=search] {
	font-size: 25px;
    padding: 20px;
    margin-bottom: 15px;
}
.callbacktester input[type="text"] {
	font-size:20px;
	padding:25px;
}
.callbacktester input[type="submit"] {
	margin-top:25px;
}
.callbacktester label {
	    display: block;
    padding: 15px 0px;
}
.docs h3 a {
	color: #fff;
	font-family: Roboto;
}
.docs .toggle {
		padding-right: 50px;
    padding-left: 50px;
    border: 3px solid #5d5d5d !important;
    margin-bottom: 20px !important;
}
.helpful > .helpful-content > span {
	display:flex !important;
}
.helpful {
	margin-top: 80px;
}
.rounded-image {
	border-radius: 50%;
}
.rlav {
	  display: block;
  margin-left: auto;
  margin-right: auto;
}
.dataTables_wrapper .dataTables_paginate {
	float: right;
	text-align: right;
	padding-top: 0.25em
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
	box-sizing: border-box;
	display: inline-block;
	min-width: 1.5em;
	padding: 0.5em 1em;
	margin-left: 2px;
	text-align: center;
	text-decoration: none !important;
	cursor: pointer;
	*cursor: hand;
	border: 1px solid transparent;
	border-radius: 2px
}
.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background-color: #1B1B1B;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
	cursor: default;
	color: #666 !important;
	border: 1px solid transparent;
	background: transparent;
	box-shadow: none
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
	color: white !important;
	background-color: #1B1B1B;
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
	outline: none;
	background-color: #1B1B1B;
}
.dataTables_wrapper .dataTables_paginate .ellipsis {
	padding: 0 1em
}
.page-numbers {
    padding: 15px;
    border: 1px solid #353535;
    margin-right: 10px;
}
.lebox-default-placeholder {
    display: table;
    margin: 0 auto;
}
.newserver_sidebar .post-title {
	color: #ff6716!important;
}
.grecaptcha-badge {
	display: none !important;
}
@media only screen and (max-width: 1000px) {
	.nomobile {
		display: none !important;
	}
}