
/*------------------------------*\
  IMPORTS
\*------------------------------*/

/* Fonts */

@import url('https://fonts.googleapis.com/css?family=Lato:300,300i,400,400i,700,700i');

/*------------------------------*\
  ROLE BASED CONTENT
\*------------------------------*/

.skin.logged-In .hide-not-logged-out { display: none !important; }
.skin:not(.logged-In) .hide-not-logged-in { display: none !important; }
.skin:not(.user-passed-quiz) .hide-not-passed-quiz { display: none !important; }
.skin:not(.user-purchased-certificate) .hide-not-purchased-certificate { display: none !important; }

.skin.logged-In .ten-pound-menu .page-44 { display: none !important; }

/*------------------------------*\
  GENERAL
\*------------------------------*/

/* Text */

hr:not(.hr--v):not(.hr--solid) { 
	border: none !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	display: block;
	height: 1px !important;
	background-image: -o-linear-gradient(left, #5d2f0b 50%, transparent 50%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #5d2f0b), color-stop(50%, transparent));
	background-image: linear-gradient(to right, #5d2f0b 50%, transparent 50%);
	background-size: 10px 100%;
}

hr.hr--solid {
	border-bottom: none !important;
	border-top: 1px solid #ccc !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
	display: block;
}

hr.hr--v {
	border: none !important;
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	display: block;
	height: 100px !important;
	width: 1px !important;
	background-image: -o-linear-gradient(top, #5d2f0b 50%, transparent 50%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #5d2f0b), color-stop(50%, transparent));
	background-image: linear-gradient(to bottom, #5d2f0b 50%, transparent 50%);
	background-size: 100% 10px;
}

a:not([class*="btn"]):not([class*="button"]) {
	color: #991010;
	font-weight: 700;
}

strong {
	color: inherit;
}

/*------------------------------*\
  CIRCLES
\*------------------------------*/

.circle {
	border-radius: 50%;
	line-height: 1.5;
	display: inline-block;
	color: white;
	text-align: center;
	padding: 30px;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: -webkit-inline-flex;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	        align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	        justify-content: center;
}

.circle--red {
	background-color: #991010;
}

.circle--green {
	background-color: #0EA510;
}

	.circle > * {
		display: block;
	}

	.circle > :not(:first-child) {
		margin-top: 3px;
	}

	.circle__large {
		font-weight: bold;
		font-size: 42px;
		line-height: 1;
	}

	.circle__medium {

	}

	.circle__small {
		line-height: 1.25;
	}

/*------------------------------*\
  TABLE OF CONTENTS
\*------------------------------*/

/* Table of Contents List */

ol.table-of-contents {
	
}

	ol.table-of-contents li {
		
	}
	
	ol.table-of-contents li.active {
		font-weight: 700;
	}
	
	ol.table-of-contents li:not(.active) {
		font-weight: 400;
	}
	
	ol.table-of-contents li.revealed {
		color: #991010;
	}
	
	ol.table-of-contents li.active ~ li:not(.revealed) {
		pointer-events: none;
		opacity: 0.5;
		color: #5d2f0b;
	}
	
		ol.table-of-contents li a {
			color: inherit !important;
			font-weight: inherit !important;
		}

/* Table of Contents Sections */

body.dnnEditState [table-of-contents] {
	display: block !important;
}

body:not(.dnnEditState) [table-of-contents] {
	display: none;
}

/*------------------------------*\
  CONTINUE BUTTONS
\*------------------------------*/

/* Continue checkbox */

.continue-check {
	
}

/* Continue button */

.continue-button {
	
}

.continue-button.disabled {
	pointer-events: none;
	opacity: 0.5;
}

/*------------------------------*\
  ORDERS
\*------------------------------*/

.order-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	        align-items: flex-end;
	position: relative;
}

.order-row:not(.order-row--error):before {
	content: '';
	position: absolute;
	bottom: 8px;
	left: 0;
	right: 0;
	display: block;
	height: 1px;
	background-image: -o-linear-gradient(left, #5d2f0b 50%, transparent 50%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #5d2f0b), color-stop(50%, transparent));
	background-image: linear-gradient(to right, #5d2f0b 50%, transparent 50%);
	background-size: 10px 100%;
}

.order-row--error {
	-webkit-box-pack: center !important;
	-ms-flex-pack: center !important;
	-webkit-justify-content: center !important;
	        justify-content: center !important;
}

.order-row--error:not(.show) {
	display: none;	
}

	.order-row--error span {
		color: #991010;
		font-weight: 600;
	}

.order-row--discount:not(.show) {
	display: none;
}

.order-row--full:not(.show) {
	display: none;
}

	.order-row div {
		position: relative;
	}

	.order-row div:first-child {
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		-webkit-flex-grow: 1;
		        flex-grow: 1;
		margin-right: 15px;
	}

	.order-row div:last-child {
		white-space: nowrap;
	}

		.order-row div span {
			background-color: #fcfcfc;
			position: relative;
		}

		.order-row div:first-child span:after,
		.order-row div:last-child span:before {
			content: '';
			display: inline-block;
			width: 10px;
			height: 10px;
			background-color: #fcfcfc;
		}

/*------------------------------*\
  FORMS
\*------------------------------*/

/* Login Form */

.dnnLoginService [id*="Login_Login_DNN_lblLogin"],
.dnnLoginService [id*="Login_Login_DNN_lblLoginRememberMe"],
.dnnLoginService .dnnFormItem:last-child .dnnFormLabel {
	display: none !important;
}

.dnnLoginService {
	
}

	.dnnLoginService .dnnFormItem {
		margin-bottom: 15px;
	}

	.dnnLoginService .dnnFormItem:nth-child(3) {
		margin-top: 35px !important;
	}

		.dnnLoginService .dnnLabel {
			width: 100% !important;
			text-align: left !important;
			color: #5d2f0b !important;
			font-weight: bold !important;
		}

		.dnnLoginService input {
			-webkit-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
			outline: none !important;
			border-top: 0px !important;
			border-left: 0px !important;
			border-right: 0px !important;
			border-radius: 0px !important;
			border-bottom: 0px !important;
			font-size: 16px !important;
			color: #666 !important;
			padding: 0px !important;
			height: 37px;
			font-family: 'Lato', sans-serif !important;
		}

		.dnnLoginService input:not(:focus):not(:active) {
			-webkit-box-shadow: inset 0 -1px 0 #A85608 !important;
			box-shadow: inset 0 -1px 0 #A85608 !important;
		}

		.dnnLoginService input:focus,
		.dnnLoginService input:active {
			-webkit-box-shadow: inset 0 -2px 0 #5d2f0b !important;
			box-shadow: inset 0 -2px 0 #5d2f0b !important;
		}

		.dnnLoginService a {
			margin-right: 10px;
			-webkit-box-shadow: none !important;
			        box-shadow: none !important;
		}

/* Change Password Form */

.password-form {
	max-width: 300px;
}

	.password-form .field-container {
		padding: 0px 15px;		
	}

		.password-form label.control-label[for] {
			color: #5d2f0b !important;
			font-weight: bold !important;
			width: 100%;
			text-align: left;
		}

		.password-form input[type=text]:not(:focus),
		.password-form input[type=password]:not(:focus) {
			-webkit-box-shadow: inset 0 -1px 0 #A85608 !important;
			box-shadow: inset 0 -1px 0 #A85608 !important;
		}

		.password-form input[type=text]:focus,
		.password-form input[type=password]:focus {
			-webkit-box-shadow: inset 0 -2px 0 #5d2f0b !important;
			box-shadow: inset 0 -2px 0 #5d2f0b !important;
		}

		.password-form button {
			margin-top: 30px !important;
		}

		.password-form .alert {
			-webkit-box-shadow: none !important;
			        box-shadow: none !important;
			border: none !important;
			padding: 0px !important;
		}

		.password-form .alert-danger {
			color: #991010 !important;
		}

		.password-form .alert-info {
			margin-left: -15px;
		}

/* Registration Form */

.register-form {
	max-width: 300px;
}

	.register-form .field-container {
		padding: 0px 15px;		
	}

		.register-form label.control-label[for] {
			color: #5d2f0b !important;
			font-weight: bold !important;
			width: 100%;
			text-align: left;
		}

		.register-form input[type=text]:not(:focus),
		.register-form input[type=password]:not(:focus) {
			-webkit-box-shadow: inset 0 -1px 0 #A85608 !important;
			box-shadow: inset 0 -1px 0 #A85608 !important;
		}

		.register-form input[type=text]:focus,
		.register-form input[type=password]:focus {
			-webkit-box-shadow: inset 0 -2px 0 #5d2f0b !important;
			box-shadow: inset 0 -2px 0 #5d2f0b !important;
		}

		.register-form button {
			margin-top: 30px !important;
		}

/* Purchase Form */

.purchase-form {
	
}

	.purchase-form .LiveForm {
		border: none !important;
		padding: 0px !important;
	}

		.purchase-form .page-break-section {

		}

			.purchase-form li.Submitbutton + li ~ *,
			.purchase-form .Field-Label-Auto {
				display: none !important;
			}

			.purchase-form li {
				background-color: #FCFCFC;
				border-left: 1px solid #eee;
				border-right: 1px solid #eee;
				padding-left: 20px !important;
				padding-right: 20px !important;
			}

			.purchase-form li:first-child {
				border-top: 1px solid #eee;
				padding-top: 20px !important;
			}

				.purchase-form li:first-child h2 {
					margin-bottom: 15px !important;
				}

			.purchase-form li:nth-child(2) {
					
			}

				.purchase-form li:nth-child(2) label {
					display: none;
				}

				.purchase-form li:nth-child(2) .Field-Container {
					display: -webkit-box;
					display: -ms-flexbox;
					display: -webkit-flex;
					display: flex;
				}

					.purchase-form input[type=text],
					.purchase-form input[type=text]:focus,
					.purchase-form input[type=text]:active {
						background: transparent !important;
						background-color: transparent !important;
						border-radius: 0px !important;
						border: 1px solid #991010 !important;
						outline: none !important;
						border-right: none !important;
					}

					.purchase-form input[type=text][placeholder="Coupon Code"]:-ms-input-placeholder {
					    color: #991010 !important;
					}

					.purchase-form input[type=text][placeholder="Coupon Code"]::-ms-input-placeholder {
					    color: #991010 !important;
					}

					.purchase-form input[type=text][placeholder="Coupon Code"]::placeholder,
					.purchase-form input[type=text][placeholder="Coupon Code"]:-ms-input-placeholder,
					.purchase-form input[type=text][placeholder="Coupon Code"]::-ms-input-placeholder {
					    color: #991010 !important;
					}

					.purchase-form input[type=text] + a {
						height: 38px;
					}

					.purchase-form input[type=text] + a.waiting {
						pointer-events: none;
						background-color: #ccc !important;
						border-left-color: #ccc !important;
						color: #fff !important;
					}

			.purchase-form li:nth-child(4) {
				padding: 0px !important;
				position: relative;
				top: -15px;
			}

			.purchase-form li:nth-child(4) ~ li {
				background-color: #991010;
				border-color: #991010;
			}

				.purchase-form li:nth-child(4) ~ li .order-row:before {
					background-image: -o-linear-gradient(left, #fff 50%, transparent 50%);
					background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #fff), color-stop(50%, transparent));
					background-image: linear-gradient(to right, #fff 50%, transparent 50%);
				}

				.purchase-form li:nth-child(4) ~ li .order-row span,
				.purchase-form li:nth-child(4) ~ li .order-row span:before,
				.purchase-form li:nth-child(4) ~ li .order-row span:after {
					background-color: #991010;
				}

				.purchase-form li:nth-child(4) ~ li .order-row {
					color: white;
				}

				.purchase-form li:nth-child(5),
				.purchase-form li:nth-child(6) {
					padding-top: 0px !important;
					padding-bottom: 0px !important;
				}

					.purchase-form li:nth-child(5) .order-row,
					.purchase-form li:nth-child(6) .order-row {
						padding-top: 20px !important;
						border-bottom: 15px solid #991010;
					}

				.purchase-form .Submit-Align-Default {
					text-align: center;
				}

					.purchase-form .Submit-Align-Default input[type=submit][name].bSubmit {
						font-weight: bold !important;
					}

				.purchase-form li:nth-child(3) ~ li p {
					color: white !important;
					text-align: center;
					margin-bottom: 20px;
					line-height: 1.5;
				}

/* Quiz Action Form */

.quiz-form {
	
}
	.quiz-form .c-form{
		padding-top: 15px;
	}
	.quiz-form .c-form label.required{
		padding-left: 10px !important;
	}

	.quiz-form .control-label {
		text-align: left !important;
		color: #5d2f0b !important;
		margin-bottom: 15px !important;
	}
	
	.quiz-form .radio {
		padding-top: 0px !important;
		margin-left: 0px !important;
		min-width: 100%;
	}
	
		.quiz-form input[type=radio] {
			margin-right: 10px !important;
		}
		
		.quiz-form input[type=radio]:before {
			width: 15px !important;
			height: 15px !important;
			margin-top: -16px !important;
		}
		
		.quiz-form input[type=radio]:after {
			width: 15px !important;
			height: 15px !important;
			border-width: 1px !important;
		}
		
		.quiz-form input[type=radio]:not(:checked):after {
			border-color: #5d2f0b !important;
		}
		
		.quiz-form input[type=radio]:checked:before {
			background-color: #B77F12 !important;
		}
		
		.quiz-form input[type=radio]:checked:after {
			border-color: #5d2f0b !important;
		}

		.quiz-form .alert a:not([class*="btn"]) {
			color: #991010 !important;
			font-weight: 700 !important;
		}

/* Quiz Messages */

.alert {
	background-color: white !important;
	-webkit-box-shadow: none !important;
	        box-shadow: none !important;
}

.alert.alert-danger {
	color: #991010 !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

/* Quiz Corrections */

.correction-message {
	text-align: left;
}

@media (min-width: 768px) {

	.correction {
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		        align-items: center;
	}
}

@media (max-width: 767px) {

	.correction {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		-webkit-flex-direction: column;
		        flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		-ms-grid-row-align: flex-start;
		-webkit-align-items: flex-start;
		        align-items: flex-start;
	}

		.correction > div:last-child {
			margin-left: 0px !important;
			margin-top: 15px;
		}

			.correction__links {
				text-align: left !important;
			}
}

.corrections {
	text-align: left;
}

	.correction {
		border-left: 20px solid;
		padding-left: 30px;
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.correction:first-child {
		padding-bottom: 15px;
	}

	.correction:not(:first-child):not(:last-child) {
		padding-top: 15px;
		padding-bottom: 15px;
	}

	.correction:last-child {
		padding-top: 15px;
	}

	.correction:not(:first-child) {
		margin-top: 1px;
	}

	.correction:not(:first-child):before {
		content: '';
		position: absolute;
		display: block;
		top: -1px;
		left: 0;
		right: 0;
		height: 1px;
		background-color: #ccc;
	}

	.correction--incorrect {
		border-left-color: #C12E29;
	}

		.correction--incorrect .correction__question {
			color: #991010 !important;
		}

	.correction--correct {
		border-left-color: #43B441;
	}

		.correction--correct .correction__question {
			color: #5d2f0b !important;
		}

		.correction > div:first-child {
			-webkit-box-flex: 1;
			-ms-flex-positive: 1;
			-webkit-flex-grow: 1;
			        flex-grow: 1;
		}

			.correction__question {
				margin-bottom: 15px;
			}

			.correction__incorrect {
				color: #991010 !important;
			}

			.correction__correct {
				color: #42B43F !important;
			}

		.correction > div:last-child {
			width: 200px;
			min-width: 200px;
			margin-left: 30px;
		}

			.correction__links {
				text-align: center;
			}

				.correction__links span {
					display: block;
					color: #5d2f0b !important;
				}

				.correction__links a {
					margin-top: 8px;
					white-space: normal;
					width: 100%;
				}

/*------------------------------*\
  CERTIFICATE
\*------------------------------*/

@media print {

	.personalBarContainer,
	.DnnModule:not(.print),
	#header,
	#banner,
	nav,
	#footer,
	.Normal > :not(.certificate) {
		display: none !important;
	}

	body {
		margin: 0px !important;
	}
}

.certificate {
	padding: 30px;
	border: 2px solid #F6B60E;
	max-width: 600px;
	margin: 50px auto;
	text-align: center;
}

	.certificate :first-child {
		margin-top: 0px !important;
	}

	.certificate hr {
		border-color: #ccc !important;
	}

	.certificate hr:nth-child(3) {
		margin: 30px 0px 15px !important;
	}

	.certificate hr:nth-child(7) {
		margin: 15px 0px 30px !important;
	}

	.certificate :last-child {
		margin-bottom: 0px !important;
	}