/* Color Tokens */
.primary {
	color: #FF0009; /* $primary */
}

.secondary {
	color: #D7D7D7; /* $secondary */
}

.tertiary {
	color: #FFF212; /* $tertiary */
}

.light {
	color: #FEFEFE; /* $light */
}

.dark {
	color: #201E1E; /* $dark */
}
/* End Color Tokens */

/* SF Footer */
.sf-footer {
	background-color: #333333;
	padding: 2em 2%;
	color: #9D9D9D; /* darken($light,35%) */
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.no-flexbox .sf-footer {
	display: table;
	width: 100%;
}

.no-flexbox .sf-footer > * {
	display: table-cell !important;
	vertical-align: middle;
}

.sf-footer a {
	color: #FEFEFE; /* $light */
}

.sf-footer a:hover {
	color: #9D9D9D; /* darken($light,35%) */
}

.sf-footer .left-info {
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: stretch;
	-ms-flex-item-align: stretch;
	align-self: stretch;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.no-flexbox .sf-footer .left-info {
}

.sf-footer .left-info small {
	display: block;
	font-size: .8em;
}

.sf-footer .left-info small a {
	display: block;
}

.sf-footer .left-info .disclaimer {
}

.sf-footer .left-info .disclaimer .panel {
	display: none;
}

.sf-footer .left-info .disclaimer.show .panel {
	display: inline;
}

.sf-footer .left-info .disclaimer .show-btn {
	color: #FEFEFE; /* $light */
	cursor: pointer;
}

.sf-footer .left-info .disclaimer.show .show-btn {
	display: none;
}

.sf-footer .left-info .disclaimer .hide-btn {
	display: none;
}

.sf-footer .left-info .disclaimer.show .hide-btn {
	display: block;
	color: #FEFEFE; /* $light */
	cursor: pointer;
}

.sf-footer .left-info .disclaimer .copyright {
	display: block;
}

.sf-footer .sf-logo {
	-webkit-flex: 0 0 auto;
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
}

.sf-footer .sf-logo img {
	display: block;
}
/* End SF Footer */

/* 800px Responsive */
@media screen and (max-width:800px) {
	.sf-footer {
		display: block;
		text-align: center;
	}

	.sf-footer .sf-logo {
		display: block;
		margin-top: 1.25em;
	}

	.sf-footer .sf-logo img {
		margin: auto;
	}
}
/* End 800px Responsive */