:root {
	--jj-red: #d30708;
}

#mobile-nav {
    --bs-navbar-color: rgba(255, 255, 255, 0.75);
    --bs-navbar-hover-color: rgba(255, 255, 255, 1.0);
}

#mobile-nav .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 1.0%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#mobile-nav .search-box {
	flex-basis: 100%;
	flex-grow: 1;
	margin-top: 1.5rem;
}

#mobile-nav .search-box .ecwid-search-widget {
	max-width: unset !important;
}


#top-bar ul.nav .nav-link {
	display: inline;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: var(--bs-nav-link-padding-y);
	padding-right: var(--bs-nav-link-padding-y);
	border-right: 1px solid var(--bs-gray-800);
	text-decoration: underline;
	font-weight: bold;
}

#top-bar ul.nav li:last-child .nav-link {
	border-right: none;
}

#all-consoles-menu {
    border: 0;
    border: 0;
    margin: 0;
    padding: 0;
    font-family: verdana,geneva,arial,helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: #8e8e8e;
    clear: both
}

#all-consoles-menu ul {
	background: url(data:image/gif;base64,R0lGODlhAQAoAIQeAM0AAOV/f93d3d7d3t/f3+Dh4OHi4ePj4+Xk5Obm5ubn5+jo6Orp6erq6+zs6+zt7e7u7u/w7/Dw8PLx8vPz8/T09PX29vf39/j4+Pn6+fv7+/v8/P39/f7+/uc1Nec1NSH5BAEAAB8ALAAAAAABACgAAAUe4CeOwkAUxoEkysI0zgNF0kRV1oVl2sZ1gABgCAgBADs=) top left repeat-x;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0
}

	#all-consoles-menu ul li#main {
		margin-left: 10px;
		background: url(data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAIkAAAAmCAMAAADHsEjAAAABgFBMVEXOAADOAATQAADPAATRAAbQAA/SAwfSAxDTBwjTBxHVCgnWDgrWDhPXEQvXERTXEhzYFBXYFBzZFhbbGBfcGxjcGx/dHRndHSDeHyHWIh3gISLYJSXhIyPiJCTZJybiJSrjJivbKi7kKCzdKy/mKS3nKy3WMDLoLS7oLTTpLjXbNTblNC7mNTXeODjfOTjnNzbhPEDgQ0HiRkPjR0rkSEvmSUvkUE3mUlTnVFXmWlfnW1joXF7qXVrrX2HpZGLjZmfqZWPrZmTuaGbuaW3ibWnhbW/vam3sb27ucG/ncnTlfn/sp6XtqKbwq6ryraz42tj73Nv89vX++Pf+//znNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXnNTXHK28qAAAAgHRSTlP/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////ADgFS2cAAAAJdnBBZwAAAIkAAAAmAO+zez0AAALNSURBVFjDzVRrT9swFK0tVfKXapZlxUVEWOQDaUCQwhCwBxutNuieDPqD+Os49/pVk6JtbGmOE/vee869PmqrDh76gkHfnIx1VVV1XVX+qBuYA3N8MW9IFCFRI2Opys8AyqbI1uGSqnbFqtbj4ETXN4DFzQoW8ZFwmC8WSaldawqLtrIla+2c5OX1dVlOSsSBPV2eYOIVseCgfA6TZ2lzeY5OVDGfF02pMAu36IAQYqhhZCqexqbSiSAowj1FIHwlDIRtPi8VOMmvZsVmMZvl4KS4KjaNDxqdXOoXoPgrKsElOsnf61zrPMdiDmstGpmnkyDs8ZtK24a/w28nf4tOYug00qukfkrpWJXOA07nsdJNafY31slFvmlcoJPx+XjTOB+jk7ONOzmzTk59RdlDxdl4lVbrxsVsq0ipSKli+Sk6Ua/VHyD7Z6IIp/gfK09kpmQmlZKyOZrAzMpMZkITS6AaicwyuEcCMqiCAi63vVkGjdIvoGTTCXqYm0k7H94TiU6OhZRCOgh/CBnVRVMQIogg8bnP/BESQ9lGYQlMw7BjAU7EVHQBdbv0+JFwU+vkqBMnYnrnjNyqhDpCJ/yQcy7gMRvsnLuUx6mIyiIJTWOUw+GLdugXa+Ruasf6yw45OtnnnYDSb+jkIyUJtW+d7HbjhNEh/FS+U5pSu97JyGSj9nbmopGTjLx6FKiVAUEQDWWc0L375fLXkLJRVI2csB1m7mMMd7ibOXCf8JDyoLZFFmmckjkt3AdzCf20vN+jZFVmth2GTrZZV6D052drZAXb1skW684KIbSlvGWdvOrOCaFtH4lx0LkTRtqMeCd8fd9Lxq+Tkqd3cHRChuR5NP0YtLOWZ2sEIPEhLBv4mUPye07+P5h10gc4J+YXTZu3CVxCoA5VQqhvAQoeGxBKXIXYMTSUMXRKaMLleu3zMKB9weBrX9Cjz6Q3Th4Byphij12rX1QAAAAASUVORK5CYII=) top left no-repeat;
		color: #fff
	}

	#all-consoles-menu ul li#main:hover ul {
		display: block;
	}

#all-consoles-menu li {
	float: left
}

	#all-consoles-menu li a {
		color: #666;
		display: block;
		font-weight: bold;
		line-height: 40px;
		padding: 0 20px;
		text-align: center;
		text-decoration: none;
		font-size: 12px
	}

#all-consoles-menu ul li#main a {
	color: #fff;
	padding: 0 32px 0 24px
}

#all-consoles-menu ul li#main ul li a {
	white-space: nowrap;
	color: #666;
	padding: 0 10px 0 15px
}

#all-consoles-menu li a:hover {
	color: #e47911;
	background: url(data:image/gif;base64,R0lGODlhAQAmAKUqAM0AAOV/f8zMzMzMzc3Nzc/Pz9DQ0NLR0dLS0tTT09XU1dbV1tfX19jY2NrZ2dra29zc3Nzc3d3d3d7d3t/f3+Dh4OHh4eLh4uHi4ePj4+Tk5OXk5OXl5ebm5ubn5+jo5+jo6Ojp6Orp6erq6urq6+vr6+zs6+zs7Ozt7e3t7e7u7u/w7/Dw8PLx8vPz8/T09PX29vf39/j4+Pn6+fv7+/v8/P39/f7+/u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7u7iH5BAEAAD8ALAAAAAABACYAAAYhwJ9wKBgQCoYDIqFYMBqOByQyoVguGQ2n8wmNSqcUIBAEADs=) top left repeat-x;
	margin-top: -2px
}

#all-consoles-menu li#main a:hover {
	text-decoration: normal;
	background: 0;
	margin-top: 0
}

#all-consoles-menu li ul {
	background: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	display: none;
	height: auto;
	position: absolute;
	width: 240px;
	z-index: 200;
	box-shadow: 5px 5px 10px #aaa;
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px
}

#all-consoles-menu.hovering li ul {
	display: block
}

#all-consoles-menu li li {
	display: block;
	float: none;
	width: 160px
}

#all-consoles-menu li ul a {
	line-height: 30px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 0 5px 0 5px;
	text-align: left
}

	#all-consoles-menu li ul a:hover, #all-consoles-menu ul li#main ul li a:hover {
		font-weight: bold;
		color: #e47911;
		background: 0;
		margin-left: 2px
	}

#all-consoles-menu p {
	clear: left
}

#footer {
	background-color: var(--jj-red);
	border-top: 1px solid #333;
	padding-top: 1rem;	
}

#footer .nav-link {
	text-decoration: underline;
}

.bg-jjred {
	background-color: var(--jj-red) !important;
}

.console-splash {
	background: url(/assets/img/splash-home.jpg) no-repeat;
    padding: 1.5rem 1rem;
    margin-left: calc(var(--bs-gutter-x) * -0.5);
    margin-right: calc(var(--bs-gutter-x) * -0.5);
    margin-top: -1.5rem;
}

.console-splash h1 {
	color: #000;
    text-shadow: #fff 0 0 10px;
    margin: 0;
}

.console-splash h4 {
    color: #000;
    text-shadow: #fff 0 0 3px;
}