/* fullPage overrides */
#fullpage {
	position: absolute!important;
	top: 0;
}
/* / fullPage overrides */

/* Add mobile menu toggle to main nav */
.navbar-home {
	z-index: 1002;
	width: 50px;
	justify-content: flex-end;
	right: 0;
	padding: 0.25rem 0.5rem;
}
/* / Add mobile menu toggle to main nav */

/* Add loader screen */
#home-loader {
	z-index: 1000;
	background: #100f18;
	color: white;
	position: absolute;
	height: 100vh;
	width: 100vw;
}
#home-loader .spinner-holder {
	position: relative;
	top: 48%;
	transition: top 1s cubic-bezier(0.68, -0.55, 0.27, 1.55);
	text-align: center;
}
/* / Add loader screen */

/* Make footer work properly with fullPage */
.fp-tableCell footer > div {
	margin-top: 0!important;
}
/* / Make footer work properly with fullPage */

/* Bootstrap overrides */
[class^=display-] {
	font-weight: 100;
}
@media (max-width: 991px) {
	.display-3 {
		font-size: 3rem;
	}
	.display-4 {
		font-size: 2.2rem;
	}
}
@media (max-width: 767px) {
	.display-3 {
		font-size: 2.2rem;
	}
	.display-4 {
		font-size: 1.8rem;
	}
	.lead {
		font-size: 1rem;
	}
}
/* / Bootstrap overrides */

:root {
	--home-smallnav-col: #333;
}
#fp-nav ul li a span {
	background: var(--home-smallnav-col)!important;
	transition: height 0.15s ease-in-out, width 0.15s ease-in-out, margin 0.15s ease-in-out, background-color 0.5s ease-in-out;
}
.home-smallnav {
	z-index: 1000;
	width: 100vw;
	display: flex;
	justify-content: flex-start;
	flex-direction: row-reverse;
}
.home-smallnav a {
	margin-left: 2.4rem;
	font-size: 1rem;
	color: var(--home-smallnav-col)!important;
	font-family: 'Roboto Condensed';
	text-transform: uppercase;
	font-weight: 900;
	letter-spacing: 0.16rem;
	transition: color 0.5s ease-in-out;
}
.home-smallnav a:after {
	content: '';
	display: inline-flex;
	position: relative;
	left: 50%;
	bottom: 0;
	width: 0;
	height: 4px;
	background-color: var(--home-smallnav-col)!important;
	transition: 0.15s ease;
}
.home-smallnav a:hover:after {
	left: -0.08rem;
	width: 100%;
}
@media (max-width: 480px) {
	display: none;
}

#home-main-splash {
	background: linear-gradient(0, #536799, transparent), radial-gradient(#e1eefe, #d0f3ff);
}
#home-main-splash-parallax, #home-main-splash-parallax div, #home-main-splashtext-parallax-holder div {
	width: 100%;
	height: 100%;
	transition: none;
}
#home-main-splash-parallax [class^=splash-main-] {
	position: absolute;
	left: 25%;
	top: 0%;
	background-size: contain;
	background-position: center;
	width: 100%;
	height: 100%;
}
@media (max-width: 991px) {
	#home-main-splash-parallax [class^=splash-main-] {
		left: -5%;
		width: 130%;
		background-position: 0 10%;
	}
}
@media (max-width: 767px ) {
	#home-main-splash-parallax [class^=splash-main-] {
		left: -35%;
		width: 180%;
		background-position: 0 90%;
	}
}
.splash-background {
	position: absolute;
	left: -0.5%;
	top: -0.5%;
	width: 101%!important;
	height: 101%!important;
	background-size: cover!important;
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-background.jpg') no-repeat 50% 100%;
}
.splash-main-tori {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-tori.png') no-repeat 50% 100%;
}
.splash-main-uke {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-uke.png') no-repeat 50% 100%;
}
.splash-main-uke-shoulder {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-uke-shoulder.png') no-repeat 50% 100%;
}
.splash-main-uke-arm {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-uke-arm.png') no-repeat 50% 100%;
}
.splash-main-uke-lower {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-uke-lower.png') no-repeat 50% 100%;
}
.splash-main-uke-leg {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-uke-leg.png') no-repeat 50% 100%;
}
.splash-main-blood {
	background: url('https://cache.toribash.com/modern/images/home/home-main-splash-blood.png') no-repeat 50% 100%;
}
#home-main-splashtext-parallax-holder {
	position: absolute!important;
	top: 40%!important;
	left: 8%!important;
	width: 60rem!important;
	height: 30rem!important;
	transform-origin: left top;
}
@media (max-width: 991px) {
	#home-main-splashtext-parallax-holder {
		top: auto!important;
		bottom: 5%!important;
		transform-origin: left bottom;
	}
}
@media (max-width: 767px) {
	#home-main-splashtext-parallax-holder {
		top: 80px!important;
		left: 20%!important;
		transform-origin: left top;
	}
	.splashtext-gamemotto {
		display: none;
	}
}
.splashtext-gametitle, .splashtext-gamemotto {
	position: absolute;
	color: black;
	background: -webkit-linear-gradient(85deg, #1f1f1f, #565656);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-size: 12rem;
	letter-spacing: 0.6rem;
}
.splashtext-gametitle:after, .splashtext-gamemotto:after {
	background: none;
	content: attr(data-text);
	left: 0;
	position: absolute;
	text-shadow: 4px 4px white, 4px -4px white, 4px 0px white, -4px 4px white, -4px -4px white, -4px 0px white, 0px -4px white, 0px 4px white;
	top: 0;
	z-index: -1;
}
.splashtext-gamemotto {
	top: 11rem;
	font-size: 8rem;
	letter-spacing: 0.4rem;
}
.splashtext-gamemotto:after {
	text-shadow: 4px 4px 2px white;
}
.splashtext-playnow {
	position: absolute;
	top: 20rem;
	right: 0;
	pointer-events: auto;
	cursor: pointer;
	color: white!important;
	font-size: 4rem;
	letter-spacing: 0.5rem;
	padding: 0.2rem 4rem;
}

#home-main-features, #home-main-features .fp-slidesContainer {
	background: linear-gradient(-5deg, white, transparent, #536799), linear-gradient(180deg, #536799, transparent), radial-gradient(circle, #536799, white);
}
div[id^=features-slide] {
	position: absolute;
	top: 0;
	height: 100%;
	width: 33.33%;
}
div[id^=features-slide] .features-image {
	z-index: 0;
	width: 100%;
	max-width: 1000px;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 45%;
	margin-left: auto;
}
div[id^=features-][id$=-holder] {
	height: 75%;
	margin-top: 50px;
}
@media (max-width: 767px) {
	div[id^=features-slide] .features-image {
		position: absolute;
		width: 120%;
		left: -10%;
		top: 45px;
	}
	div[id^=features-][id$=-holder] {
		height: 100%;
		margin-bottom: 70px;
	}
}
#features-slide-main .features-image {
	background-image: url('https://cache.toribash.com/modern/images/home/features-main.png');
}
#features-slide-customization .features-image {
	background-image: url('https://cache.toribash.com/modern/images/home/features-customization.png');
	margin-right: 40%;
}
#features-slide-other .features-image {
	background-image: url('https://cache.toribash.com/modern/images/home/features-other.png');
	margin-right: 0;
}
#features-other-holder .row {
	flex-direction: row-reverse;
}
#home-main-features .row {
	max-height: 1000px;
}
#home-main-features .bdblur {
	z-index: 1;
	background-color: rgba(0,0,0,0.3);
	backdrop-filter: blur(5px);
	padding: 1.4rem 2.75rem;
}
@media (min-width: 1800px) {
	#features-slide-other .features-image {
		margin-left: 45%;
	}
}
@media (max-width: 991px) {
	#home-main-features .row {
		align-items: flex-end!important;
	}
	#home-main-features .col-12:nth-child(1) {
		height: 50vh;
	}
	#features-slide-other-holder .row {
		flex-direction: row;
	}
}
@media (max-width: 767px) {
	div[id^=features-slide] {
		height: 65%;
	}
}

.modal-header {
	padding: 0.3rem 1rem;
}
.downloads-modal-title {
	width: 100%;
	text-align: center;
	margin-bottom: 0;
	font-size: 2.5rem;
}
.downloads-modal-close {
	position: absolute;
	right: 1rem;
	top: 1rem;
}
#download-windows, #download-mac, #download-steam {
	font-family: 'Badaboom';
	letter-spacing: 0.1rem;
	padding: 1rem 1.5rem;
	display: flex;
	align-items: flex-end;
	font-size: 2.5rem;
	height: 100%;
}
#download-windows, #download-mac {
	background: url('https://cache.toribash.com/modern/images/home/download-btn-bg.png'), linear-gradient(#bb1919, #9b1010);
	background-size: cover;
	align-items: center;
	justify-content: center;
	filter: contrast(1);
	transition: all 0.3s ease;
}
#download-windows:hover, #download-mac {
	filter: contrast(1.25);
}
#download-windows div, #download-mac div {
	display: flex;
	align-items: center;
	justify-content: center;
}
#download-steam {
	align-items: center;
	height: auto;
	font-size: 1.3rem;
}
#download-windows span, #download-mac span {
	margin-left: 1.5rem;
	line-height: 1;
	text-shadow: 2px 3px #690909, 0px 3px #690909;
}
#download-steam span {
	margin-left: 1rem;
	padding-left: 1rem;
	border-left: solid 1px #f8f9fa;
	line-height: 1;
}
#download-steam span {
	margin-left: 0.6rem;
	padding-left: 0.6rem;
}
#download-platforms {
	color: black;
	font-weight: 900;
}
#download-platforms:hover {
	color: #8e1919;
}

#home-main-bottom .home-container:first-child {
	margin-top: 50px;
}
.home-container {
	max-width: 90%;
}
.home-newsbit {
	position: relative;
	width: 100%;
	height: 40vh;
	max-height: 350px;
	max-width: 700px;
	background-color: black;
	margin: auto auto;
	background-size: cover;
	background-position: center;
	border: none;
	border-radius: 12px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	transform: scale(0.9);
	transition: 0.4s ease;
	color: #ccc;
}
.home-newsbit:hover {
	cursor: pointer;
	transform: scale(1);
	color: white;
}
@media (max-width: 767px) {
	.home-newsbit {
		height: 25vh;
		transform: scale(1);
		filter: contrast(1);
		margin: 0.5rem 0;
	}
	.home-newsbit:hover {
		filter: contrast(1.25);
	}
}
.home-newsbit-title {
	position: absolute;
	bottom: 0;
	left: 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 20%;
	max-height: 50px;
	font-weight: 900;
	padding: 0.2rem 1rem;
	background-color: rgba(0,0,0,0.8);
	border-radius: 4px;
}
.home-news-modal {
	color: #212529;
}
.home-news-modal a:not(.btn) {
	color: #9f0000;
}
.home-news-modal a:hover:not(.btn) {
	text-decoration: underline;
}

#home-main-awards {
	background-color: white;
	color: black;
}
#home-main-awards .container {
	padding-top: 3rem;
	padding-bottom: 3rem;
}
span.main-awards, span.main-news, span.home-badaboom {
	padding: 0 0.5rem;
	font-size: 3rem;
	background: linear-gradient(190deg, red, #8e1919);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}
@media (max-width: 767px) {
	span.main-awards, span.main-news, span.home-badaboom {
		font-size: 2.3rem;
	}
}
#home-main-awards a {
	color: #8e1919;
}
#home-main-awards a:hover {
	color: #b8201f;
}
.awards-holder {
	margin: 0 auto;
	width: 90%;
}
#home-main-awards .awards-holder [class^=col] {
	display: flex;
	align-items: center;
	justify-content: center;
}
#home-main-awards img {
	max-height: 200px;
}
@media (min-width: 992px) {
	.awards-holder {
		width: 80%;
		max-width: 1000px;
	}
}

#page-downloads-main .background {
	position: fixed;
	z-index: -1;
	width: 100%;
	height: 100%;
	background-image: url('https://cache.toribash.com/modern/images/home/downloads-background.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: right;
}
#page-downloads-main hr, #page-media-main hr {
	padding-top: 0.5rem;
	border-color: #8e1919;
}
#page-downloads-main .container .row {
	margin-bottom: 1rem;
}
#page-downloads-main .container .row [class^=col] {
	margin-bottom: 0.375rem;
}
#page-downloads-main .latest, #page-downloads-main .archive {
	font-size: 125%;
}
#page-downloads-main .archive {
	padding-top: 1rem;
}

#home-mediabit {
	margin-bottom: 1rem;
}
#home-mediabit img:hover {
	filter: contrast(1.25);
}
#home-mediabit img, .home-media-all, .home-presskit {
	border-radius: 8px;
	transition: 0.3s ease;
}
.home-media-all, .home-presskit {
	height: 100%;
	border: none;
	background-color: #282e34;
}
.home-media-all:hover, .home-presskit:hover {
	background-color: #3c4248;
}
.home-media-all .background {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	border-radius: 8px;
	opacity: 0;
	background-size: cover;
	background-position: center;
	transition: 0.3s ease;
}
.home-media-all:hover .background {
	opacity: 0.15;
}
.home-media-all .card-body {
	z-index: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.home-presskit .card-body {
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	text-align: right;
}