// Block Styles

.wp-block-hb-message {
	//position: relative;
	padding: 1em;
	border-radius: 5px;
	//needs a min height?
	min-height: 18px;

	//need to set the default style here to to a limitation in WordPress, this will then be overriden when an actual style value is selected
	background: #E7F6F0;

	 &.wp-block-hb-message--withicon {
		background-image: url('../../img/check-circle.svg');
	}


	&.is-style-alert {
		background: #f7efa6;

		&.wp-block-hb-message--withicon {
			background-image: url('../../img/exclamation-circle.svg');
		}
	}
	&.is-style-success {
		background: #E7F6F0;

		 &.wp-block-hb-message--withicon {
			background-image: url('../../img/check-circle.svg');
		}
	}
	&.is-style-danger {
		background: #ffe7e5;

		&.wp-block-hb-message--withicon {
			background-image: url('../../img/exclamation-triangle.svg');
		}
	}
	&.is-style-info {
		background: #F0F7FB;

		&.wp-block-hb-message--withicon {
			background-image: url('../../img/info-circle.svg');
		}
	}

	&.wp-block-hb-message--withicon {
		padding-left: 2.75em;
		background-repeat: no-repeat;
		background-size: 18px;
		background-position: 1em 1.3em;
	}

}
