// generic hiding class
.hidden {
	display: none !important;
}

// fadeout styles for hiding flash messages
.fadeout {
	transition: opacity .5s ease-in-out;
	opacity: 1;

	&.fade {
		opacity: 0;
	}
}

.box-shadow {
	box-shadow: 0 2px 3px rgba(black, .3);
}

.strike {
	text-decoration: line-through;
}

// for busy loaders etc
.opacity-fade {
	transition: opacity .3s ease-in-out;
}

.pointer {
	cursor: pointer;
}

.noscript-hide {
	display: none;
}