/**
 * Default styling for flash message 
 *
 */

#simple-flash {
	box-sizing: border-box;
	display: block;
	width: 100%;
	height: 55px;
	overflow: hidden;
	padding: 16px 36px;
	background-color: blue;
	background-color: #171784;
	background-color: #f7e400; /* lemon yellow */
	background-color: #EAEAEA; /* neutral gray */
	background-color: #B407EC; /* dark purp */
	background-color: #d75aff; /* fresh purp */
	background-color: #2727ce; /* blue */
	background-color: #58b5ce; /* teal */

/*	background: rgb(225,130,255);
	background: linear-gradient(183deg, rgba(225,130,255,1) 0%, rgba(184,21,237,1) 100%); */
	color: white;
	/* color: black; /* to go with yellow */
	text-align: center;
	font-size: 1.3em;
	position: fixed;
	z-index: 99000;
	box-shadow: 0px 3px 3px rgba(0,0,0,.22);
}
#simple-flash a {
	color: white;
 /*	color: black; to go with yellow */
	text-decoration: underline;
}

#close-simple-flash {
	position: absolute;
	top: 8px;
	right: 8px;
	background-color: rgba(255,255,255,.66);
    border-radius: 50%;
    padding: 5px;
}

#close-simple-flash:hover {
	cursor: pointer;
}

#close-simple-flash img {
	width: 15px;
}

#wrapper {
	position: relative;
}

@media screen and (max-width: 700px) {
	#simple-flash {
		display: none;
	}
	#wrapper {
		top: 0px !important;
	}
}