/*
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.1.0 (25/04/2015)
 */

@media screen {

	/* Overlay */
	#lightcase-overlay {
		display: none;
		width: 100%;
		height: 100%;

		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
	}

	/* Loading */
	#lightcase-loading {
		position: fixed;
		z-index: 1001;
		top: 50%;
		left: 50%;

		margin-top: -0.5em;
		margin-left: -0.5em;

		opacity: 1;

		font-size: 32px;
		
		/* Fixes the icon wobble issue in firefox */
		-moz-transform-origin: 50% 53%;

		-webkit-animation: lightcase-loading-spin 0.5s infinite linear;
		-moz-animation: lightcase-loading-spin 0.5s infinite linear;
		-o-animation: lightcase-loading-spin 0.5s infinite linear;
		animation: lightcase-loading-spin 0.5s infinite linear;
	}

	/* Case */
	#lightcase-case {
		display: none;

		position: fixed;
		z-index: 1002;
		top: 50%;
		left: 50%;
	}

	/* Additional info */
	#lightcase-case .lightcase-info {
		/* 
		 * You can change to position "static" or "relative" instead, but consider
		 * that this height will be integrated and calculated
		 * to the maximum height additionally to the image height.
		 */
		position: absolute;

		padding-top: 15px;
	}

	#lightcase-case .lightcase-caption {
		clear: both;
	}
	#lightcase-case .lightcase-title,
	#lightcase-case .lightcase-caption {
		margin: 0;
		padding: 0;

		font-size: 17px;
		line-height: 1.5;
		font-weight: normal;
		text-overflow: ellipsis;
	}
	#lightcase-case .lightcase-caption {
		font-size: 13px;
	}
	#lightcase-case .lightcase-sequenceInfo {
		font-size: 11px;
	}

	/* Icons */
	[class*='lightcase-icon-'] {
		width: 1.123em;
		height: auto;

		/*
		 * For adjusting the icon size, just change the
		 * value for "font-size" here!
		 */
		font-size: 38px;
		line-height: 1;

		text-align: center;
		text-shadow: none;
	}
	a[class*='lightcase-icon-'],
	a[class*='lightcase-icon-']:focus {
		position: fixed;
		z-index: 9999;

		color: rgba(255,255,255,0.6);

		-webkit-tap-highlight-color: rgba(0,0,0,0);

		-webkit-transition: color, opacity, ease-in-out 0.1s;
		-moz-transition: color, opacity, ease-in-out 0.1s;
		-o-transition: color, opacity, ease-in-out 0.1s;
		transition: color, opacity, ease-in-out 0.1s;
	}
	a[class*='lightcase-icon-']:hover {
		color: rgba(255,255,255,1);
	}
	a[class*='lightcase-icon-'] > span {
		display: inline-block;
		text-indent: -9999px;
	}

	/* For mobile (touch) devices */
	.lightcase-isMobileDevice #lightcase-case .lightcase-inlineWrap,
	.lightcase-isMobileDevice #lightcase-case[data-type=iframe] .lightcase-contentInner {
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}

	.lightcase-isMobileDevice.lightcase-open,
	.lightcase-isMobileDevice.lightcase-open body {
		max-width: 100%;
		max-height: 100%;
		overflow: hidden;
	}

	.lightcase-isMobileDevice #lightcase-nav a:hover {
		color: #aaa;
		text-shadow: none;
	}

}

/* Animation for loading spin icon */
@-webkit-keyframes lightcase-loading-spin {

	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}

}
@-moz-keyframes lightcase-loading-spin {

	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}

}
@-o-keyframes lightcase-loading-spin {

	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}

}
@-ms-keyframes lightcase-loading-spin {

	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}

}
@keyframes lightcase-loading-spin {

	0% {
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-o-transform: rotate(0deg);
		transform: rotate(0deg);
	}
	100% {
		-webkit-transform: rotate(359deg);
		-moz-transform: rotate(359deg);
		-o-transform: rotate(359deg);
		transform: rotate(359deg);
	}

}/*
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.1.0 (25/04/2015)
 */

/* Reduced layout for small devices */
@media screen and (max-width: 640px) {

	.lightcase-open body {
		padding: 55px 0 70px 0;
	}

	.lightcase-open body > *:not([id*=lightcase-]) {
		position: fixed !important;
		top: -9999px !important;

		width: 0 !important;
		height: 0 !important;

		overflow: hidden !important;
	}

	/* Overlay */
	#lightcase-overlay {
		background: #333;
	}

	/* Loading */
	#lightcase-loading {
		color: #aaa;
	}

	/* Case */
	#lightcase-case {
		font-family: arial, sans-serif;
		font-size: 13px;
		line-height: 18px;
		text-align: left;

		text-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]),
	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-contentInner,
	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-inlineWrap {
		position: relative !important;

		top: auto !important;
		left: auto !important;

		width: auto !important;
		height: auto !important;

		margin: 0 !important;
		padding: 0 !important;

		border: none;
		background: none;
	}

	/*
	 * Content - Extend with further selectors and colors in case you
	 * have elements like <ul>, <li>, <span> or similar displayed in lightcase.
	 */
	#lightcase-case .lightcase-content h1,
	#lightcase-case .lightcase-content h2,
	#lightcase-case .lightcase-content h3,
	#lightcase-case .lightcase-content h4,
	#lightcase-case .lightcase-content h5,
	#lightcase-case .lightcase-content h6,
	#lightcase-case .lightcase-content p {
		color: #aaa;
	}

	/* Additional info */
	#lightcase-case .lightcase-info {
		padding-left: 15px;
		padding-right: 15px;
	}
	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-info {
		position: static;
	}

	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-content {
		padding: 15px;
		border: none;
		background: none;

		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		-o-box-shadow: none;
		box-shadow: none;
	}
	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-contentInner,
	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-contentInner > * {
		width: 100% !important;
		max-width: none !important;
	}

	/*
	 * Set auto height to each element except iframes, because of that
	 * those cannot have a natural/native height and it must be especially defined.
	 */
	#lightcase-case:not([data-type=image]):not([data-type=video]):not([data-type=flash]):not([data-type=error]) .lightcase-contentInner > *:not(iframe) {
		height: auto !important;
		max-height: none !important;
	}

	/* Navigation */
	.lightcase-open #lightcase-nav[data-ispartofsequence]:before {
		content: '';
		position: fixed;
		z-index: 9998;
		right: 0;
		bottom: 0;
		left: 0;
		height: 55px;

		background: rgba(55,55,55,0.9);
	}

	#lightcase-nav a {
		position: fixed;
		z-index: 9999;
		bottom: 15px;

		outline: none;
		cursor: pointer;
		font-size: 24px;
	}
	#lightcase-nav a:hover {
		text-shadow: 0 0 15px #fff;
	}

	/* Icon positioning */
	#lightcase-nav .lightcase-icon-close {
		position: absolute;
		z-index: 9997;
		top: 15px;
		right: 15px;

		opacity: 0;
	}

	#lightcase-nav .lightcase-icon-pause,
	#lightcase-nav .lightcase-icon-play {
		left: 50%;
		margin-left: -0.5em;
	}
	#lightcase-nav .lightcase-icon-prev {
		left: 15px;
	}
	#lightcase-nav .lightcase-icon-next {
		right: 15px;
	}

	/* Error message */
	#lightcase-case p.lightcase-error {
		padding: 30px 0;
		font-size: 17px;
		text-align: center;
		
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

		color: #aaa;
	}

}/*
 * Lightcase - jQuery Plugin
 * The smart and flexible Lightbox Plugin.
 *
 * @author		Cornel Boppart <cornel@bopp-art.com>
 * @copyright	Author
 *
 * @version		2.1.0 (25/04/2015)
 */

@media screen and (min-width: 641px) {

	/* Overlay */
	#lightcase-overlay {
		background: #333;
	}

	/* Loading */
	#lightcase-loading {
		color: #fff;
		text-shadow: 0 0 15px #fff;
	}

	/* Case */
	#lightcase-case {
		font-family: arial, sans-serif;
		font-size: 13px;
		line-height: 18px;
		text-align: left;

		color: #aaa;
		text-shadow: 0 0 10px rgba(0,0,0,0.5);
	}

	/* Content */
	#lightcase-case:not([data-type=error]) .lightcase-content {
		position: relative;
		z-index: 1;
		overflow: hidden;

		text-shadow: none;

		background-color: #fff;

		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 0 30px rgba(0,0,0,0.5);
		-o-box-shadow: 0 0 30px rgba(0,0,0,0.5);
		box-shadow: 0 0 30px rgba(0,0,0,0.5);

		-webkit-backface-visibility: hidden;
	}
	#lightcase-case[data-type=image] .lightcase-content,
	#lightcase-case[data-type=video] .lightcase-content {
		background-color: #333;
	}
	#lightcase-case[data-type=image] .lightcase-contentInner,
	#lightcase-case[data-type=video] .lightcase-contentInner {
		line-height: 0.75;
	}
	#lightcase-case:not([data-type=error]) .lightcase-inlineWrap {
		padding: 30px;

		overflow: auto;

		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		box-sizing: border-box;
	}

	/*
	 * Content - Extend with further selectors and colors in case you
	 * have elements like <ul>, <li>, <span> or similar displayed in lightcase.
	 */
	#lightcase-case .lightcase-content h1,
	#lightcase-case .lightcase-content h2,
	#lightcase-case .lightcase-content h3,
	#lightcase-case .lightcase-content h4,
	#lightcase-case .lightcase-content h5,
	#lightcase-case .lightcase-content h6,
	#lightcase-case .lightcase-content p {
		color: #333;
	}

	/* Navigation */
	#lightcase-nav a {
		top: 50%;
		margin-top: -0.5em;

		outline: none;
		cursor: pointer;
	}
	#lightcase-nav a.lightcase-icon-close {
		margin: 0;
	}
	#lightcase-nav a.lightcase-icon-close,
	#lightcase-nav a.lightcase-icon-play,
	#lightcase-nav a.lightcase-icon-pause {
		opacity: 0;
	}
	#lightcase-nav a:hover {
		text-shadow: 0 0 15px #fff;
	}
	#lightcase-nav a:hover,
	#lightcase-case:hover ~ #lightcase-nav a {
		opacity: 1;
	}

	/* Icon positioning */
	#lightcase-nav a.lightcase-icon-close {
		position: fixed;
		z-index: 9997;

		top: 15px;
		right: 15px;

		outline: none;
	}
	#lightcase-nav a.lightcase-icon-play,
	#lightcase-nav a.lightcase-icon-pause {
		left: 50%;
		margin-left: -0.5em;
	}
	#lightcase-nav a.lightcase-icon-prev {
		left: 15px;
	}
	#lightcase-nav a.lightcase-icon-next {
		right: 15px;
	}

	/* Error message */
	#lightcase-case p.lightcase-error {
		margin: 0;
		padding: 0;

		font-size: 17px;
		color: #aaa;
	}

}
@charset "utf-8";

*
{
	font-family: Radiance;
}

#LanguageDropdown {
	display: inline-block;
	margin-left: 8px;
    text-shadow: 1px 1px 1px black;
}

#LanguageList {
	left: 125px;
	width: 310px;
}

#LanguageSelector a {
	color: #fff;
}

#LanguageList {
	padding: 13px 12px;
	border: solid #777777 1px;
	background-color: rgba(0,0,0,.8);
	text-align: left;
	z-index: 999999;
	position: absolute;
	right: 10px;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-moz-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

.LanguageItem {
	padding: 5px 0;
	color: #fff;
	display: block;
}

.LanguageItem:hover {
	background-color: rgba(255,255,255,1);
}

#lightcase-nav a.lightcase-icon-prev
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ArrowLeft.png');

	left: 5%;
}

#lightcase-nav a.lightcase-icon-next
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ArrowRight.png ');
	right: 5%;
}

#lightcase-nav a.lightcase-icon-prev,
#lightcase-nav a.lightcase-icon-next
{
	background-size: contain;
	background-repeat: no-repeat;
	opacity: .6;

	width: 5%;
	height: 5%;
}

#lightcase-nav a.lightcase-icon-prev:hover,
#lightcase-nav a.lightcase-icon-next:hover
{
	opacity: .8;
}

#lightcase-nav a.lightcase-icon-prev:active,
#lightcase-nav a.lightcase-icon-next:active
{
	opacity: 1;
}

#lightcase-overlay {
	background: #000000;
}

#lightcase-case[data-type=video] .lightcase-content
{
    background-color: rgba( 0, 0, 0, 0);
}

body
{
	background-color: #000000;
	background-position: center top;
}

h1
{
	font-weight: bold;
	text-align: center;
	font-size: 22px;
	text-transform: uppercase;
	color: #B8A378;
	letter-spacing: 6px;
	margin: 0;
}

div.Block
{
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
}

div.Inner
{
	width: 950px;
	margin-left: auto;
	margin-right: auto;

	position: relative;
}

div.BugCategory	
{
    width: 100%;
    background-position: center top;
    background-repeat: no-repeat;
	border-bottom: 1px solid #330E07;
	padding: 16px 0px 16px 0px;
	
}

#Header, #Header .Inner
{
	background-position: center top;
	background-repeat: no-repeat;
}

#Header.Day1
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/day1_header.png');
	height: 622px;
}

#Header.Day2
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/day2_header.jpg');
	height: 624px;
}

#Header.Day3
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day3_c8834a13/day3_header.jpg');
    height: 624px;
}

#Header.Updates
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/updates/updates_header.jpg');
    height: 288px;
}


#Header
{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.HeaderBlockContainer {
	position: absolute;
	left: 480px;
	top: 518px;
}

.Updates .HeaderBlockContainer {
	position: absolute;
	left: 400px;
	top: 342px;
}

.Updates .HeaderBlockContainer h2 {
	width: 540px;

}

.Updates .RegularLink {
	padding: 0;
	font-size: 16px;
	color: white;
}

.Disabled {
	color: #ccc !important;
}

.HeaderBlockContainer h2
{
    color: #000000;
	background-color: #ed3b1c;
	width: 465px;
	font-size: 33px;
	font-family: Radiance-SemiBold;
	letter-spacing: 2.5px;
	padding: 9px 10px 9px 24px;
	margin: 0 0 15px 0;
	font-weight: 100;
}

.HeaderNavContainer {
	position: absolute;
	top: 4px;
	left: 510px;
	padding: 12px 9px;
	width: 500px;
	margin-top: -5px;
}

.HeaderNavContainer a:hover {
	background-color: rgba(237,59,28,.3);
}

#Header .Day
{
	margin: 0 16px;;
	color: #ffffff;
	font-size: 20px;
	letter-spacing: 1.1px;
	display: inline-block;
}

#Header .Day1,
#Header .Day2,
#Header .Day3,
#Header .Updates
{
	color: #ffffff;
	font-size: 20px;

	padding: 4px 16px 4px 16px;
    text-shadow: 1px 1px 1px black;
}

#Header a.Day1 { }
#Header a.Day2 { }
#Header a.Day3 { }
#Header a.Updates { }

#Header a.Day1.Current,
#Header a.Day2.Current,
#Header a.Day3.Current,
#Header a.Updates.Current
{
	background-color: #ed3b1c;
    text-shadow: none;
}

a
{
    color: #ccc;
}

a:hover
{
    color: #fff;
}

.OrangeLogo
{
	width: 64px;
	height: 64px;

    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/Dota2OrangeLogo.png');

    background-size: contain;
	background-repeat: no-repeat;

	position: absolute;
	top: 28px;
	left: 0px;
}

.HeaderTextContainer {
	position: relative;
	margin: 0 auto;
	padding: 118px 0 63px 0;
}

.HeaderTextContainer.Updates{
	padding: 18px 0 63px 0;
}

.TitleLoc
{
	color: #ed3b1c;
	font-size: 78px;
	text-align: left;
	letter-spacing: 18px;
	position: absolute;
	font-weight: 100;
	position: relative;
    margin-top: 20px;
}

.HeaderText
{
	position: relative;
	left: 3px;
	margin-top: 27px;
	font-size: 24px;
	line-height: 46px;
	width: 836px;
}

#FooterText
{
	margin-top: 50px;
	margin-bottom: 220px;

	font-size: 24px;
	line-height: 36px;
}

#FooterText h2
{
    color: #000000;
    background-color: #ed3b1c;
    width: 600px;
    font-size: 33px;
    font-family: Radiance-SemiBold;
    letter-spacing: 2.5px;
    padding: 9px 10px 9px 24px;
    margin: 0 auto 15px auto;
    font-weight: 100;
    text-align: center;
}


#SectionDashboard,
#SectionHeroBrowser,
#SectionWatch,
#SectionLearn,
#SectionCustomGamesMovie
{
	width: 100%;
}

#SectionDashboard, #SectionDashboard .Inner,
#SectionHeroBrowser, #SectionHeroBrowser .Inner,
#SectionWatch, #SectionWatch .Inner,
#SectionLearn, #SectionLearn .Inner,
#SectionCustomGamesMovie, #SectionCustomGamesMovie .Inner,
#SectionCustomGames, #SectionCustomGames .Inner,
#SectionCustomGamesFight, #SectionCustomGamesFight .Inner,
#SectionCustomGamesGettingStarted, #SectionCustomGamesGettingStarted .Inner,
#SectionCustomGamesTools, #SectionCustomGamesTools .Inner,
#SectionEngine, #SectionEngine .Inner,
#SectionSFM, #SectionSFM .Inner,
#SectionNetworking, #SectionNetworking .Inner,
#SectionJoining, #SectionJoining .Inner
{
	background-position: center top;
	background-repeat: repeat-y;

	margin-left: auto;
	margin-right: auto;
	padding-bottom: 104px;
}

#SectionWatch, #SectionWatch .Inner
{
	background-position: center -80px;
}

#SectionDashboard, #SectionDashboard .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/shared/background.jpg');
}

#SectionHeroBrowser, #SectionHeroBrowser .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/background2.jpg');
}

#SectionWatch, #SectionWatch .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/shared/background5.jpg');
}

#SectionLearn, #SectionLearn .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/shared/background.jpg');
}

#SectionCustomGamesMovie, #SectionCustomGamesMovie .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/CustomGamesMovie_t.jpg');
	height: 512px;
	position: relative;
    margin-bottom: 80px;
}

#SectionCustomGames, #SectionCustomGames .Inner
 {
	 background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/shared/background.jpg');
 }

#SectionCustomGamesFight, #SectionCustomGamesFight .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/background2.jpg');
}

#SectionCustomGamesGettingStarted, #SectionCustomGamesGettingStarted .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/background3.jpg');
    padding-bottom: 40px;
}

#SectionCustomGamesTools, #SectionCustomGamesTools .Inner
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/background4.jpg');
}

#SectionCustomGamesDevelopers, #SectionCustomGamesDevelopers .Inner
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/shared/background5.jpg');
    overflow-x: hidden;

    padding-bottom: 100px;
}

#SectionEngine, #SectionEngine .Inner
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day3_c8834a13/background1.jpg?2');
}

#SectionSFM, #SectionSFM .Inner
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day3_c8834a13/background2.jpg');
}

#SectionNetworking, #SectionNetworking .Inner
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day3_c8834a13/background3.jpg');
}

#SectionJoining, #SectionJoining .Inner
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day3_c8834a13/background4.jpg');
}

.SingleUpdate
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/updates/background_stone.jpg');
    background-repeat: repeat-y !important;
}


.JoiningBG
{
    background-color: #000;
}

.JoiningBG .MultipleRow
{
    margin-bottom: 0px;
}

.JoiningEntry
{
    width: 49%;
    padding-top: 30px;
    padding-bottom: 30px;

    vertical-align: top;
    display: inline-block;

    font-size: 16px;
    color: #cccccc;
}

.JoiningEntry.Left
{
    padding-left: 80px;
    padding-right: 20px;
}

.JoiningEntry.Right
{
    padding-left: 20px;
    padding-right: 80px;
}

.JoiningEntry.Wide
{
    width: 100%;
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 80px;
    padding-top: 0px;

    font-size: 22px;
    line-height: 34px;
}

.JoiningEntry h3
{
    font-size: 20px;
    letter-spacing: 1.2px;
    color: #ed3b1c;

    margin-top: 0px;

    text-shadow: 0px 0px 1px black;
}

.JoiningEntry h4
{
    font-size: 18px;
    color: #ed3b1c;

    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: 8px;

    text-shadow: 0px 0px 1px black;
    display: inline-block;
}

.JoiningEntry .Numbered
{
    margin-top: 10px;
    margin-bottom: 30px;
}


.JoiningEntry .Bullet
{
    margin-top: 10px;
    margin-bottom: 30px;

    margin-left: 14px;

    line-height: 28px;
}


#SectionDashboard h1,
#SectionHeroBrowser h1,
#SectionWatch h1,
#SectionLearn h1,
#SectionCustomGames h1,
#SectionCustomGamesFight h1,
#SectionCustomGamesGettingStarted h1,
#SectionCustomGamesTools h1,
#SectionCustomGamesDevelopers h1,
#SectionEngine h1,
#SectionSFM h1,
#SectionNetworking h1,
#SectionJoining h1,
.SingleUpdate h1
{
	font-weight: 500;
	font-size: 27px;
	padding: 20px 20px;
	letter-spacing: 3px;
	margin-top: 80px;
	background-color: #c5341a;
	color: #ffffff;
	display: inline-block;
}

#SectionEngine h1
{
	margin-top: 380px;
}

#SectionJoining h1
{
    background-color: #000000;
    color: #fff;
}

 #SectionCustomGamesFight h1
{
	margin-top: 775px;
}


#SectionCustomGamesGettingStarted h1
{
	margin-top: 985px;
}

#HeroBrowserWebM
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/section2_webm.jpg');
}

.WebMVideoBig
{
	width: 940px;
	height: 528px;
	margin-top: 36px;
	box-shadow: 0px 0px 20px #000000;
}

.WebMVideoFull
{
    width: 950px;
    height: 534px;
}

.SectionSubHeader
{
	background-color: rgba( 0, 0, 0, 0.3);
	padding: 24px 30px 30px 30px;
	margin: 38px 0;
	width: 940px;
	color: #808080;
	font-size: 24px;
	line-height: 34px;
    text-shadow: 1px 1px 1px black;
}

.SectionSubHeader.Updates
{
	margin-top: 0px;
	margin-bottom: 120px;
	font-size: 18px;
	display: inline-block;
}

.SectionSubHeader.Bold
{
    font-weight: bold;
}

.SectionSubHeader.Darker
{
    background-color: rgba( 0, 0, 0, 0.6);
}

#SectionJoining .SectionSubHeader
{
    color: #000;
    background-color: inherit;
    text-shadow: none;
    font-family: Radiance-SemiBold;
    padding: 0px 0px 0px 0px;
}


.SectionEntrySingle
{
	position: relative;

	width: 900px;
	height: 230px;

	font-size: 13.5px;
	letter-spacing: 0.5px;
	line-height: 20px;

	margin-top: 37px;
}

.SectionEntrySingle a
{
    width: 376px;
    height: 212px;
    display: block;
}

.SectionEntrySingle  a.NormalLink
{
    display: inline;
}

.SectionEntryDuo
{
    width: 49%;

    display: inline-block;
    vertical-align: top;

    line-height: 24px;

    text-shadow: 1px 1px 1px black;
}

#SectionSFM .SectionEntryDuo
{
    color: #bbbbbb;
}

.SectionEntryDuo.Left
{
    padding-right: 20px;
}

.SectionEntryDuo.Right
{
    padding-left: 20px;
}

.SectionEntryDuo h3
{
    color: #ed3b1c;
    font-weight: 100;
    display: inline-block;

    font-size: 16px;

    margin-bottom: 0px;
    margin-right: 12px;
    margin-top: 0px;
}

.MultipleRow
{
    margin-bottom: 40px;
}


.SectionEntryMultiple a
{
    width: 640px;
    height: 360px;
}

.SectionEntryImage
{
	background-size: contain;
    background-repeat: no-repeat;

	position: relative;

	width: 376px;
	height: 212px;

	margin-top: 6px;
	margin-right: 64px;

	vertical-align: center;

	box-shadow: 0px 0px 20px #000000;
}

.SectionEntryText
{
    position: absolute;
    top: 0px;
    left: 430px;
    line-height: 24px;
    width: 510px;
    font-size: 16px;
    letter-spacing: normal;
    text-shadow: 1px 1px 1px black;
}

.PlayOverlay
{
	width: 50%;
	height: 50%;

	position: absolute;
	top: 25%;
	left: 25%;

	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PlayOverlay.png');
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;

	opacity: 0.5;

	z-index: 2;

    -webkit-transition: opacity, ease-in-out 0.2s;
    -moz-transition: opacity, ease-in-out 0.2s;
    -o-transition: opacity, ease-in-out 0.2s;
    transition: opacity, ease-in-out 0.2s;
}

.PlayOverlay:hover
{
    opacity: 0.8;
}

.PlayOverlay.CustomGamesMovie
{
	width: 25%;
	height: 50%;
    left: 36%;

    opacity: 0.8;
}

.PlayOverlay.CustomGamesMovie:hover
{
    opacity: 1.0;
}

.SectionEntrySingle h3
{
	font-weight: 100;
	font-size: 22px;

	padding: 4px 12px 4px 0px;

	letter-spacing: 1.2px;

	margin-top: 0px;
	padding-top: 0px;

	margin-bottom: 10px;
	padding-bottom: 0px;

	color: #ed3b1c;
}

.SectionEntryMultiple
{
	position: relative;
}

.SectionEntryMultiple h2,
.SectionEntryTextBlocks h2,
.SingleUpdate a
{
	font-weight: 100;
	font-size: 32px;

	padding: 4px 12px 4px 0px;

	letter-spacing: 1.2px;

	margin-top: 40px;
	padding-top: 0px;

	color: #ed3b1c;

    text-shadow: 0px 0px 1px black;
}

.SingleUpdate a
{
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 0px;
	padding-top: 30px;
	border-style: none;
	outline: none;
}

.SingleUpdate a:hover
{
	color: #ffffff;
}

.SectionEntryTextBlocks h2
{
    margin-top: 0px;
}

.SingleUpdate h3
{
	color: #A22813;
	margin: 0px;
	padding: 0px;
	letter-spacing: 1px;
	text-transform: uppercase;
	
}

.SectionEntryTextBlocks
{
    line-height: 30px;
    font-size: 20px;

    margin-bottom: 20px;

    text-shadow: 1px 1px 1px black;
}



.SectionEntryMultiple h4,
.SectionEntryTextBlocks h3,
{
    font-weight: 100;
    font-size: 20px;

    padding: 4px 12px 4px 0px;

    letter-spacing: 1.2px;

    margin-top: 40px;
    margin-bottom: 12px;
    padding-top: 0px;

    color: #ed3b1c;

    text-shadow: 0px 0px 1px black;
}

.BGDark
{
    background-color: rgba(0,0,0,.2);

    margin-top: 40px;
    margin-bottom: 80px;
    padding-top: 30px;

    margin-left: -30px;
    padding-left: 30px;
    margin-right: -30px;
    padding-right: 30px;
}

.BGDark .SectionEntryTextBlocks h3
{
    padding-top: 0px;
}

.BGDark .SectionEntryMultiple
{
    padding-bottom: 20px;
}

.SectionEntryTextBlocks .TextBlock
{
    font-size: 16px;
}

.SectionEntryMultiple #WebM1
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/section1_webm.jpg');
}

.SectionEntryMultiple #WebM2
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/section1_webm.jpg');
}

.SectionEntryMultiple .IntroText
{
	font-size: 20px;

	margin-top: 24px;
	margin-bottom: 50px;

	line-height: 30px;
    text-shadow: 1px 1px 1px black;
}

.WebMVideoMedium
{
	width: 640px;
	height: 360px;

	position: relative;

	background-size: contain;
	background-repeat: no-repeat;

	margin-top: 24px;

	box-shadow: 0px 0px 20px #000000;
}

#OverthrowImage.WebMVideoMedium
{
    margin-top: 36px;
}

#FindInviteImage
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/section1_webm.jpg');
}

#YourPartyImage
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/YourParty.jpg');
}

#YourFriendsImage
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/YourFriends.jpg');
}

#MoreChatImage
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/MoreChat.jpg?2');
}

#PlayDotaThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PlayDota_t.jpg');
}

#PublicLobbiesThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PublicLobbies_t.jpg');
}

#InviteFriendsThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/InviteYourFriends_t.jpg');
}

#PartyVoiceThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PartyVoiceChat_t.jpg');
}

#PartyManagementThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ManageParty_t.jpg');
}

#PartyBeaconThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PartyBeacon_t.jpg');
}

#ChatWithFriendsThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ChatWithAnyone_t.jpg');
}

#MultipleConversationsThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/MultipleConversations_t.jpg');
}

#BiggerChatroomsThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/BiggerChatRooms_t.jpg');
}

#FindYourHeroThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/FindYourHero_t.jpg');
}

#PersonalizeYourHeroThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PersonalizeYourHero_t.jpg');
}

#DemoYourHeroThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/HeroDemo_t.jpg');
}

#GamesToWatchThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/GamesToWatch_t.jpg');
}

#DotaTVThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/DotaTV_t.jpg');
}

#FeaturedTournamentThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/FeaturedTournament_t.jpg');
}

#NeverMissAMomentThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/NeverMissAMoment_t.jpg');
}

#ManageMatchesThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ManageMatches_t.jpg');
}

#ActivityFeedThumbnail
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ActivityFeed_t.jpg');
}

#PlaystyleGraphThumbnail
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/PlaystyleGraph_t.jpg');
}

#HeroMMRThumbnail
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/HeroMMR_t.jpg');
}

#MiniprofilesThumbnail
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/Miniprofiles_t.jpg');
}


#GuidedBotMatchesThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/GuidedBotMatches_t.jpg');
}

#MechanicsThumbnail
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/Mechanics_t.jpg');
}

#CustomPopularThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/CustomPopular_t.jpg');
}

#TheresAlwaysSomethingThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/TheresAlways_t.jpg');
}

#VoteThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/Vote_t.jpg');
}

#FriendsPlayThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/FriendsPlay_t.jpg');
}

#SpectateCustomThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/SpectateCustom_t.jpg');
}

#ManageFavoritesThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/ManageFavorites_t.jpg');
}

#CustomLaunchThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/CustomLaunch_t.jpg');
}

#PlayingCustomThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/PlayingCustom_t.jpg');
}

#JoinFriendsThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/JoinFriends_t.jpg');
}

#CreateBrowseThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/CreateBrowse_t.jpg');
}

#OverthrowImage
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/Overthrow_t.jpg');
}

#AdventurePacksThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/AdventurePacks_t.jpg');
}

#DeadlineThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/AdventurePacks_t.jpg');
}

#PanoramaThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/Panorama_t.jpg');
}

#ScriptingThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/Scripting_t.jpg');
}

#ExamplesThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/Examples_t.jpg');
}

#DeveloperToolsThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/DeveloperTools_t.jpg');
}

#HammerThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/Hammer_t.jpg');
}

#MaterialEditorThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/MaterialEditor_t.jpg');
}

#ModelEditorThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/ModelEditor_t.jpg');
}

#ParticleEditorThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/ParticleEditor_t.jpg');
}

#DevConsoleThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/DevConsole_t.jpg');
}

#ChangesSinceAlphaThumbnail
{
    background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day2/ChangesSinceAlpha_t.jpg');
}



.SmallImageText
{
	line-height: 24px;
    text-shadow: 1px 1px 1px black;
}

.SectionEntryMultiple .SmallImage
{
	position: relative;
	width: 290px;
	height: 163px;
	background-size: contain;
	margin-top: 12px;
	margin-bottom: 19px;
	box-shadow: 0px 0px 20px #000000;
}

.SectionEntryMultiple .SmallImage.ActivityFeed
{
	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/ActivityFeed_t.jpg');
}

.SectionEntryMultiple .Entry
{
	width: 290px;
}

.SectionEntryMultiple .MultipleRow
{
	width: 100%;
	display: block;
	margin-bottom: 40px;
}

.SectionEntryMultiple .MultipleColumn
{
	display: inline-block;
	width: 290px;
	vertical-align: top;
}

.SectionEntryMultiple .MultipleColumn.Middle
{
	margin-left: 35px;
	margin-right: 35px;
}

.OrangeArrow
{
	width: 14px;
	height: 16px;

	margin-left: -17px;
	margin-right: 3px;

	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/OrangeArrow.png');
	background-size: contain;

	display: inline-block;
}

.SectionEntryMultiple h3
{
	color: #ffffff;
	font-weight: 100;
	display: inline-block;

	font-size: 16px;

	margin-bottom: 0px;
	margin-right: 8px;
    margin-top: 0px;
}

#SectionEntryChat
{
	height: 800px;
}

.FooterImage
{
	width: 896px;
	height: 128px;

    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;

	background-image: url('https://cdn.steamstatic.com/apps/dota2/images/reborn/day1/footer.jpg');
}