/* ----------------------------------------------------------------
	CSS Specific to the Crypto Currency Demo

	Some of the CSS Codes have been modified from the Original
	style.css File to match the Styling of this Demo
-----------------------------------------------------------------*/

body { font-size: 1rem; }

.nav-link {
	padding-left: 1.5rem;
	padding-right: 1.5rem;
}

.nav-pills .nav-link.active { color: #333; }

.trading-item {
	float: right;
	text-align: center;
	font-size: 12px;
	padding: 30px;
	border-right: 1px solid #EEE;
	-webkit-backface-visibility: hidden;
}

.trading-item h4 {
	font-size: 15px;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.trading-item h6,
.trading-item p { margin: 0; }

.scw-ticker { overflow: hidden; }

.scw-ticker .scw-ticker-wrap,
.scw-ticker .scw-ticker-wrap-clone {
	float: left;
	white-space: nowrap;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-name: ticker;
	animation-name: ticker;
	-webkit-animation-duration: 30s;
	animation-duration: 30s;
	will-change: transform;
}

.scw-ticker .scw-ticker-wrap.scw-ticker-paused,
.scw-ticker .scw-ticker-wrap-clone.scw-ticker-paused { animation-play-state: paused; }

@-webkit-keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes ticker {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
		visibility: visible;
	}
	100% {
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}

/* Border Form Design
---------------------------------------------------------------------------- */

.border-form-control {
	height: 48px;
	padding: 8px 4px;
	font-size: 21px;
	letter-spacing: 1px;
	background-color: transparent !important;
	border-top: transparent;
	border-right: transparent;
	border-left: transparent;
	border-bottom-width: 1px;
	font-family: 'Source Sans Pro', sans-serif;
}

.border-form-control::-moz-placeholder { font-weight: 300; }
.border-form-control:-ms-input-placeholder { font-weight: 300; }
.border-form-control::-webkit-input-placeholder { font-weight: 300; }

textarea.border-form-control {
	resize: none;
	overflow: hidden;
	word-wrap: break-word;
}

.i-circled:hover { background-color: #333 !important; }