//
// Component: Close
//
// ========================================================================


// Component
// ========================================================================

.hook-close() {
	opacity: 1;
	position: relative;
	z-index: 10;
}

// Modifier: `uk-close-alt`
// ========================================================================

.hook-close-alt() {
	background-color: @global-dark-2-shadow;
	padding: 25px;
	border-radius: 0;
	transition: @global-transition;

	&:after {
		color: @global-primary-background;
		opacity: 1 !important;
		transition: @global-transition;
	}

	&:hover {
		background-color: @global-contrast-color;
		
		&:after {
			opacity: 1 !important;
			color: @global-primary-background !important;
		}
	}
}

// Miscellaneous
// ========================================================================

.hook-close-misc() {

	.uk-close:after {
		cursor: pointer;
	    font-family: "utouch-icons";
	    content: "\f1fb";
	    font-size: 25px;
	    text-indent: -3px;
	}

	.uk-alert .uk-close:after {
		margin-top: 5px;
	}
}