/* raleway-regular - latin */
@font-face {
	font-family: 'Raleway';
	font-style: normal;
	font-weight: 400;
	src: url('/fonts/raleway-v26-latin-regular.eot'); /* IE9 Compat Modes */
	src: local(''),
		 url('/fonts/raleway-v26-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('/fonts/raleway-v26-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
		 url('/fonts/raleway-v26-latin-regular.woff') format('woff'), /* Modern Browsers */
		 url('/fonts/raleway-v26-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
		 url('/fonts/raleway-v26-latin-regular.svg#Raleway') format('svg'); /* Legacy iOS */
  }

html {
	background-color: #222222;
}

body {
	font-family: 'Raleway,BlinkMacSystemFont,-apple-system,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Helvetica,Arial,sans-serif';
	font-weight: normal;
	font-style: normal; 
	font-size: 1.6rem;
	color: #FFFFFF;
}

h1 {
	margin-left: -14px;
	color: #FFFFFF !important;
}

h2 {
	color: #FFFFFF !important;
}

h3 {
	margin-top: 0px;
	color: #FFFFFF !important;
}

p {
	color: #FFFFFF;
	margin-bottom: 32px !important;
	font-size: 1.2rem;
}

ul {
	color: #FFFFFF;
	font-size: 1.2rem;
}

blockquote {
	margin-left: 48px !important;
	margin-right: 48px !important;
	padding-left: 24px !important;
	border-left: 5px solid #787878;
}

.white {
	color: #FFFFFF !important;
}

.line {
	line-height: 32px;
	vertical-align: middle; 
}

.box {
	margin-bottom: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border: solid 2px #3A3A3A;
	border-radius: 12px !important;
	background-color: #2A2A2A !important;
	-moz-box-shadow: 0 0 8px #C7C7C7;
	-webkit-box-shadow: 0 0 8px #C7C7C7;
	box-shadow: 0 0 8px #C7C7C7;
	color: #FFFFFF !important;
}

/* Start of Tooltip */

.tooltip {
	position: relative;
	display: inline-block;
  }
  
  .tooltip .tooltiptext {
	visibility: hidden;
	width: 175px;
	background-color: #555;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;
	position: absolute;
	z-index: 1;
	bottom: -50px;
	left: 50%;
	margin-left: -87px;
	opacity: 0;
	transition: opacity 0.4s ease-in;
  }
  
  .tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: -10px;
	left: 50%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: transparent transparent #555 transparent;
  }
  
  .tooltip:hover .tooltiptext {
	visibility: visible;
	opacity: 1.0;
  }

/* End of Tooltip */

.accordion-image {
	min-height: 92px;
	max-height: 92px;
	
	min-width: 92px;
	max-width: 92px;
	
	object-fit: contain;
	
	margin-top: 16px;
	margin-bottom: 16px;
}

.torrent-table-image {
		height: 48px;
		
		object-fit: contain;
		
		margin-top: 6px;
}

.table {
	background-color: #2A2A2A !important;
	color: #C6C7C8 !important;

	border-radius: 6px;
}

.table thead th {
	color: #A0A1A2 !important;
}

.table.is-hoverable tbody tr:not(.is-selected):hover{
	background-color: #454545 !important;
	/* font-size: 1.1em;*/
	transition: all 0.3s ease-in-out;
}

h3 a{
	color: #FFAF00;
}

h3 a:hover{
	color: #FFAF00;
}

h3 a:visited{
	color: #FFAF00;
}

h3 a:active{
	color: #FFAF00;
}

h4 {
	color: #FFFFFF !important;
}

h5 {
	color: #FFFFFF !important;
}

.external-link {
	color: #30b194;
}

.external-link:hover {
	color: #51C6AC;
}

.internal-link {
	color: #3298dc !important;
}

.internal-link:hover {
	color: #56ACE4 !important;
}

.textColor {
	color: #FFFFFF;
}

.new-distribution a {
	color: #FFAE00;
}

.new-distribution a:hover {
	color: #FFCE64;
}

.new-game a {
	color: #20D9BA;
}

.new-game a:hover {
	color: #74E9D6;
}

.new-software a {
	color: #3273dc;
}

.new-software a:hover {
	color: #80A9EB;
}

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}

.emph {
	font-style: italic;
}

.bold-color {
	font-weight: bold;
	color: #FFC82E;
}

.dateColor {
	color: rgb(105, 105, 105);
}

.fix-padding {
	margin-bottom: 0px !important;
	margin-top: -.75rem !important;
}

.sidebar-header-bar {
	background: url("/img/bar.png") left;
	background-repeat: repeat-x;
}

.sidebar-header-text {
	background: #222222; 
	padding-right: 12px;
	text-transform: uppercase;
	color: #FFFFFF !important;
	width: max-content;
}

.project-banner {
	filter: drop-shadow(0 2px 1px rgb(60, 60, 60));
	border-radius: 6px;
}

.logo-padding {
	padding: 24px; 
}

.home-left-padding {
	padding: 40px; padding-right: 0px !important;
}

.home-right-padding {
	padding: 40px; padding-left: 0px !important;
}

@media only screen and (max-width: 768px) {
	.logo-padding {
		padding: 0px;
	}

	.home-left-padding {
		padding: 0px;
	}
	
	.home-right-padding {
		padding: 0px;
	}
}



/* Form placeholder color */
:-moz-placeholder { /* Mozilla Firefox 4 - 18 */
    color: #787878 !important;
    opacity: 1;
}

:-ms-input-placeholder { /* Internet Explorer 10 - 11 */
    color: #787878 !important;
}

::-webkit-input-placeholder { /* WebKit, Microsoft Edge */
    color: #787878 !important;
}

::-moz-placeholder { /* Mozilla Firefox 19 or later */
    color: #787878 !important;
    opacity: 1;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: #787878 !important;
}

::placeholder { /* This is CSS rule for all modern browsers */
    color: #787878 !important;
}


.search {
	width: 100%;
	position: relative;
	display: flex;
}
  
 .searchTerm {
	width: 100%;
	height: 48px;
	border: none;
	border-right: none;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 24px 0 0 24px;
	outline: none;
	color: #432da5;
	font-size: 1.0rem;
}
  
.searchTerm:focus{
	color: #5b47b2;
}
  
.searchButton {
	width: 96px;
	height: 48px;
	border: 1px solid #FFC150;
	background: #FFC150;
	text-align: center;
	color: #fff;
	border-radius: 0 24px 24px 0;
	cursor: pointer;
	font-size: 20px;
}
  
/*Resize the wrap to see the search bar change!*/
.wrap{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}






/* Show More/Less Toggler */

.read-more-state {
	display: none;
}
  
.read-more-target {
	opacity: 0;
	max-height: 0;
	font-size: 0;
	transition: .25s ease;
	display: none !important;
}

.read-more-target > a > span {
	transition: .25s ease;
	display: none !important;
}
  
.read-more-state:checked ~ .read-more-wrap .read-more-target {
	opacity: 1;
	font-size: inherit;
	max-height: 999em;
	transition: .25s ease;
	display: block !important;
}

.read-more-state:checked ~ .read-more-wrap .read-more-target > a > span {
	transition: .25s ease;
	display: inline !important;
}
  
.read-more-state ~ .read-more-trigger:before {
	content: 'Show more';
}
  
.read-more-state:checked ~ .read-more-trigger:before {
	content: 'Show less';
}
  
.read-more-trigger {
	cursor: pointer;
	display: inline-block;
	padding: 10px .8em;
	color: #FFFFFF;
	background-color: #2A2A2A;
	font-size: 1.2em;
	line-height: 2;
	border: 1px solid #ddd;
	border-radius: .25em;
}


/* Bulma-Ribbon */
@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0);transform:rotate(0)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.has-ribbon{position:relative}.has-ribbon-left{position:relative}.has-ribbon-left .ribbon{right:auto;left:0;border-left:none;border-right:.1rem solid #dbdbdb}.has-ribbon-bottom{position:relative}.has-ribbon-bottom .ribbon{top:auto;bottom:.5em}.ribbon{background-color:#fff;border:.1rem solid #dbdbdb;border-right:none;color:#363636;font-size:1rem;justify-content:center;padding-left:.75em;padding-right:.75em;text-align:center;white-space:nowrap;position:absolute;top:.5em;right:0;font-weight:400;z-index:2}.ribbon.is-white:not(.is-outlined){background-color:#fff;border-color:transparent;color:#0a0a0a!important}.ribbon.is-white.is-outlined{background-color:transparent;border-color:#fff}.ribbon.is-black:not(.is-outlined){background-color:#0a0a0a;border-color:transparent;color:#fff!important}.ribbon.is-black.is-outlined{background-color:transparent;border-color:#0a0a0a}.ribbon.is-light:not(.is-outlined){background-color:#f5f5f5;border-color:transparent;color:#363636!important}.ribbon.is-light.is-outlined{background-color:transparent;border-color:#f5f5f5}.ribbon.is-dark:not(.is-outlined){background-color:#363636;border-color:transparent;color:#f5f5f5!important}.ribbon.is-dark.is-outlined{background-color:transparent;border-color:#363636}.ribbon.is-primary:not(.is-outlined){background-color:#00d1b2;border-color:transparent;color:#fff!important}.ribbon.is-primary.is-outlined{background-color:transparent;border-color:#00d1b2}.ribbon.is-link:not(.is-outlined){background-color:#3273dc;border-color:transparent;color:#fff!important}.ribbon.is-link.is-outlined{background-color:transparent;border-color:#3273dc}.ribbon.is-info:not(.is-outlined){background-color:#209cee;border-color:transparent;color:#fff!important}.ribbon.is-info.is-outlined{background-color:transparent;border-color:#209cee}.ribbon.is-success:not(.is-outlined){background-color:#23d160;border-color:transparent;color:#fff!important}.ribbon.is-success.is-outlined{background-color:transparent;border-color:#23d160}.ribbon.is-warning:not(.is-outlined){background-color:#ffdd57;border-color:transparent;color:rgba(0,0,0,.7)!important}.ribbon.is-warning.is-outlined{background-color:transparent;border-color:#ffdd57}.ribbon.is-danger:not(.is-outlined){background-color:#ff3860;border-color:transparent;color:#fff!important}.ribbon.is-danger.is-outlined{background-color:transparent;border-color:#ff3860}.ribbon.is-small{font-size:.75rem}.ribbon.is-medium{font-size:1.25rem}.ribbon.is-large{font-size:1.5rem}.ribbon.is-outlined{background-color:transparent}