/* ***************************************
	Messages
*************************************** */
@mixin elgg-message {
	color: #(0);
	background-color: #(1);
	border-color: #(2);
}

.elgg-message {
	border-width: 1px;
	border-style: solid;
	@include elgg-message($(text-color-strong), $(background-color-soft), $(border-color-strong));

	border-radius: 3px;
	
	margin-bottom: 1rem;
	
	&.elgg-message-success {
		@include elgg-message($(state-success-font-color), $(state-success-background-color), $(state-success-border-color));
	}

	&.elgg-message-error {
		@include elgg-message($(state-danger-font-color), $(state-danger-background-color), $(state-danger-border-color));
	}
	&.elgg-message-help,
	&.elgg-message-notice {
		@include elgg-message($(state-notice-font-color), $(state-notice-background-color), $(state-notice-border-color));
	}
	&.elgg-message-warning {
		@include elgg-message($(state-warning-font-color), $(state-warning-background-color), $(state-warning-border-color));
	}
	
	> .elgg-inner {
		border-color: inherit;
	
		> .elgg-head {
			background-color: rgba(255,255,255,0.7);
			font-weight: bold;
			padding: 0.5rem 1rem;
			border-bottom-width: 1px;
			border-bottom-style: solid;
			border-bottom-color: inherit;
			
			.elgg-message-icon {
				padding-right: 1rem;
			}
		}
		
		> div:last-child {
			border-bottom: 0px;
		}
		
		> .elgg-body {
			padding: 1rem;
			
			p {
				margin: 0;
			}
		}
	}
}
