/*** COMBO BUILDER ***/
.comboBuilderContainer {
	background-image:url(../img/gnd3.jpg);
	min-height:100vh;
	background-size: cover;
	background-position: center top;
}

.comboBuilderContainer hr {
	border:0;
	background-color:#153470;
	margin:20px 0;
}

.comboBuilderContent {
	display:block;
	width:75%;
	margin-left:25%;
	padding-top:140px;
	text-align:left;
}

.comboBuilderTitleBlock {
	display:table;
	width:100%;
	max-width:900px;
}

.comboBuilderTitleLeft {
	display:table-cell;
	width:50%;
	vertical-align: middle;
}

.comboBuilderTitleRight {
	display:table-cell;
	width:50%;
	text-align:center;
	vertical-align: middle;
	text-transform: uppercase;
}

.comboBuilderTitle {
	font-family:LatoBlack;
	font-style: italic;
	color:#ffb300;
	font-size:50px;
	line-height:1;
	text-transform: uppercase;
}

.comboBuilderSubtitle {
	font-family:LatoBlack;
	color:#ffffff;
	font-size:20px;
	line-height:1;
	text-transform: uppercase;
}

.comboBuilderMatch {
	font-size:16px;
	line-height:25px;
}

.comboBuilderMatchSpacer {
	display:table-cell;
	width:5px;
}

.comboBuilderMatchLogo {
	display:table-cell;
	vertical-align: middle;
}

.comboBuilderMatchLogo img {
	width:30px;
}

.comboBuilderMatchTeams {
	display:table;
	margin:0 auto;
	vertical-align: middle;
}

.comboBuilderMatchTeam {
	display:table-cell;
	vertical-align: middle;
	font-style: italic;
}

.comboBuilderMatchVs {
	display:table-cell;
	vertical-align: middle;
}

.comboBuilderMatchVs img {
	width:27px;
}

.comboBuilderMainBlock {
	display:table;
	max-width:1070px;
	width:100%;
}

.comboBuilderMainBlockLeft {
	display:table-cell;
	vertical-align: top;
	width:100%;
	text-align:center;
}

.comboBuilderMainBlockRight {
	display:table-cell;
	vertical-align: top;
}

.comboBuilderQuizBlock {
	border:solid 1px #fbba02;
	border-radius:14px;
	display:table;
	height:80px;
	width:850px;
	margin:5px 0;
}

.comboBuilderQuizBlockIndex {
	display:table-cell;
	vertical-align: middle;
	text-align:center;
	width:60px;
}

.comboBuilderQuizBlockIndex div {
	border:solid 1px #fbba02;
	width:30px;
	height:30px;
	border-radius:15px;
	display:inline-block;
	padding-top:4px;

}

.comboBuilderQuizBlockQuestion {
	display:table-cell;
	vertical-align: middle;
	width:250px;
	font-size:12px;
	line-height:12px;

}

.comboBuilderQuizBlockAnswers {
	display: flex;
	flex-direction: row;
	height: 80px;
	flex: 1;
	gap: 15px;
	width: 100%;
	align-items: center;
	padding-right:15px;
}

.comboBuilderQuizBlockAnswer {
	flex: 1;
	min-width: 0;
	height: 100%;
	display: flex;
	align-items: center;
}

.comboBuilderQuizBlockAnswer div {
	border: solid 2px #153470;
	border-radius: 5px;
	padding: 10px 7px;
	text-transform: uppercase;
	font-size: 12px;
	line-height: 12px;
	height: 40px;
	width:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor:pointer;
}

.comboBuilderQuizBlockAnswerSelected {
	background-color:#fbba02;
	color:#153470;
}

.comboBuilderQuizBottomBlock {
	border:solid 1px #153470;
	border-radius:14px;
	display:table;
	height:80px;
	width:850px;
	margin:5px 0;

	 /* Glow */
    box-shadow:
        0 0 5px #153470,
        0 0 12px rgba(21, 52, 112, 0.6),
        0 0 20px rgba(21, 52, 112, 0.3);
}


.comboBuilderQuizBottomBlockIcon {
	display:table-cell;
	vertical-align: middle;
	width:80px;
	text-align: center;
}

.comboBuilderQuizBottomBlockIcon img {
	width:30px;
}

.comboBuilderQuizBottomBlockText {
	display:table-cell;
	vertical-align: middle;
	text-transform: uppercase;
	font-size:14px;
	line-height:1;
}

.comboBuilderQuizBottomBlockText div {
	font-size:10px;
}

.comboBuilderQuizBottomBlockButton {
	display:table-cell;
	vertical-align: middle;
	text-align: right;
	padding-right:20px;
}

.comboBuilderQuizBottomBlockButton button {
	font-size:10px;
	line-height:1;
	background-color:#18233d;
	color:#fbba02;
	border:solid 1px #283f8b;
	height:30px;
	border-radius:5px!important;
	font-weight:bold;
	text-transform: uppercase;
	text-align:left;
	position:relative;
	vertical-align: top;
	padding-left:10px;
	width:150px;
}

.comboBuilderQuizBottomBlockButton button::after {
	content: "\f054"; /* fa-chevron-right */
    font-family: "FontAwesome";
    font-weight: 900;	
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	color:#fbba02;
}

.comboBuilderHowItWorks {
	padding:15px 0px;
	border:solid 1px #153470;
	border-radius:15px;
	font-size:12px;
	line-height:1.2;
	width:200px;
	background-color:black;
	margin-left:20px;
}

.comboBuilderHowItWorks h1 {
	font-size:15px;
	line-height:1;
	font-family:LatoBlack;
	font-style: italic;
	text-transform: uppercase;
	padding:0 20px;
}

.comboBuilderHowItWorks p {
	padding:0 20px;
}

.comboBuilderScores {
	padding:15px 0px;
	border:solid 1px #153470;
	border-radius:15px;
	font-size:12px;
	line-height:1.2;
	width:200px;
	background-color:black;
	margin-left:20px;
	margin-top:20px;
}

.comboBuilderScores h1 {
	font-size:15px;
	line-height:1;
	font-family:LatoBlack;
	font-style: italic;
	text-transform: uppercase;
	padding:0 20px;
}

.comboBuilderScoresTable {
	display:table;
	width:100%;
	padding:0 20px;
}

.comboBuilderScoresTableRow {
	display:table-row;
	width:100%;	
}

.comboBuilderScoresTableRowLeft {
	display:table-cell;
}

.comboBuilderScoresTableRowRight {
	display:table-cell;
	text-align:right;
	color:#fbba02;
	vertical-align: middle;
}

.comboBuilderScoresTableRowSeparator {
	height:5px;
	display:table-row;
}

@media screen and (max-width: 1440px) {

	.comboBuilderMainBlock {
		display:block;
	}

	.comboBuilderMainBlockLeft {
		display:block;
		width:100%;
	}

	.comboBuilderMainBlockRight {
		display:block;
		width:100%;
	}

	.comboBuilderHowItWorks {
		display:inline-block;
		margin-left:0px;
		margin-top:10px;
		vertical-align: top;
		margin-bottom:20px;
	}

	.comboBuilderScores {
		display:inline-block;
		margin-left:10px;
		margin-top:10px;
		vertical-align: top;
		margin-bottom:20px;
	}

}

@media screen and (max-width: 1160px) {
	.comboBuilderQuizBlockAnswers {
		flex-direction:column;
	}

	.comboBuilderQuizBlockAnswers {
		height:auto;
		padding:10px 10px 10px 0;
	}

	.comboBuilderQuizBlockAnswer  {
		width:100%;
	}

	.comboBuilderQuizBlock {
		width:100%;
	}

	.comboBuilderQuizBottomBlock {
		width:100%;
	}

	.comboBuilderContent {
		width:95%;
		margin: 0 auto;
	}

	.comboBuilderTitleLeft {
		display:block;
		width:100%;
		text-align:center;
		margin-top:20px;
	}

	.comboBuilderTitleRight {
		display:block;
		width:100%;
		text-align:center;
		margin-top:20px;
	}

	.comboBuilderQuizBlockIndex {
		display:block;
		width:100%;
	}

	.comboBuilderQuizBlockQuestion {
		margin:10px 0;
		display:block;
		width:100%;
	}

	.comboBuilderQuizBlockAnswers {
		padding-left:15px;
	}

	.comboBuilderQuizBottomBlockIcon {
		display:block;
		width:100%;
		text-align:center;
	}

	.comboBuilderQuizBottomBlockText {
		display:block;
		width:100%;
		text-align:center;
		margin:10px 0;
	}

	.comboBuilderQuizBottomBlockButton {
		display:block;
		width:100%;
		text-align:center;
		padding:0;
	}

	.comboBuilderHowItWorks {
		width:100%;
	}

	.comboBuilderScores {
		width:100%;
	}
}