/*--------------------------------------------------------------
	Module : Notice
	Version : 1.0.0

	.wpeo-notice -> classe de base du mobule
--------------------------------------------------------------*/

/* General */
.wpeo-notice {
	position: relative;
	font-size: 1em;
	padding: 1em;
	overflow: hidden;
	border-radius: 3px;
	border: solid #eee 1px;
	margin: 1em 0;
	display: flex;
	@include transition();
	align-items: center;

	&::before {
		display: block;
		@include fa-icon;
		font-weight: 900;
		font-size: 24px;
	}
	.notice-content {
		width: 100%;
		padding: 0 1em;
		color: rgba(0,0,0,0.6);
	}
	.notice-title {
		font-size: 20px;
		font-weight: 600;
		color: rgba(0,0,0,0.9);
	}
	.notice-subtitle {
		font-size: 14px;
	}
	.notice-close {
		color: rgba(0,0,0,0.3);
		@include transition();

		&:hover {
			color: $color__primary;
			cursor: pointer;
		}
	}
	ul {
		padding: 0 0 0 1.4em;
		margin: 0.4em 0;
	}
}

/** Status */
@import "status";
