.inputfile {
	width:0.1px;
	height:0.1px;
	opacity:0;
	overflow:hidden;
	position:absolute;
	z-index:-1;
}

.nav-link {
    font-size:.8rem;
    font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}
.navbar-dark .navbar-nav .nav-link, 
.navbar-dark .navbar-nav .nav-link:hover {
	color:#fff;
}
.nav-item {
    cursor:pointer;
    opacity:0.5;
    transition:opacity 200ms linear;
}
.nav-item.active {
	opacity:1;
}
.nav-item:hover {
    opacity:0.85;
}

/*
.btn-outline-primary {
	color:#fe08ab;
	border-color:#fe08ab;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-primary {
	color:#fff;
	background-color:#fe08ab;
	border-color:#fe08ab;
}
.btn-primary:hover, .btn-primary:active {
	background-color:#ca0086;
	border-color:#ca0086;
}
.btn-primary.focus, .btn-primary:focus {
	box-shadow:0 0 0 0.2rem rgba(202, 0, 134,.5);
}
.variant-img.selected {
	box-shadow:0 0 0 5px #fe08ab;
}
*/

.variant-wrapper {
	padding:3rem 2rem;
	text-align:center;
	border-top:1px dashed #ddd;
}
.variant-wrapper:first-child { 
	border-top:none;
}
.variant-title {
	margin-bottom:3rem;
}
.variant-img {
	width:100px;
	margin:0 5px 5px 0;
	cursor:pointer;
	transition:0.5s;
}
.variant-img.unselected {
	opacity:0.6;
}
.variant-img.disabled {
	opacity:0.3;
	cursor:not-allowed;
}
.variant-img.hidden {
	display:none;
}
.variant-img.selected {
	box-shadow:0 0 0 5px #000000;
}

.fixed-top.scrolled {
	box-shadow:0 0 10px #000;
	transition:box-shadow 200ms linear;
}
.fixed-bottom.scrolled {
	box-shadow:0 0 10px #000;
}

.card {
	border:1px solid #fff;
}
.card-title {
	margin-bottom:0;
}
.card-img-wrapper {
	width:100%;
	margin-bottom:.75rem;
}
.card-colours-wrapper {
	margin-bottom:.75rem;
}
.card-hover {
	cursor:pointer;
	padding:0;
}
.card-hover:hover {
	box-shadow:0 0 10px #ccc;
	z-index:500;
}
.card-zoom {
	cursor:pointer;
	padding:.75rem;
}
.card-zoom:hover {
	padding:0;
	z-index:500;
}
.card-footer {
    border:0;
    background:none;
    padding:1.25rem;
    padding-top:0;
}
.card-img-top {
    border-radius:0;
}
.btn-dark, 
.badge-dark {
    background:#000;
}

@media (max-width: 576px) {
	.variant-wrapper {
		padding:3rem 0;
	}
	.card-img-wrapper {
		width:35%;
		margin-right:0.75rem;
		float:left;
	}
	.card-title {
		font-size:1rem;
	}
	.card-text {
		font-size:0.75rem;
	}
	.card-hover {
		border-color:#eee;
		border-color:rgba(0,0,0,.125);
	}
}

@media (min-width: 992px) {
    .nav-item:first-child {
        margin-left:0;
    }
    .nav-item:last-child {
        margin-right:0;
    }
}

#loading {
	top:0;
	bottom:0;
	color:#000;
	width:100%;
	height:100%;
	z-index:1099;
	display:none;
	position:fixed;
	min-height:100vh;
	padding-top:40vh;
	text-align:center;
	background:rgb(255,255,255);
	background:rgba(255,255,255,0.85);
}

html {
    scroll-behavior:auto !important;
}