// Education styles.

@media screen and (max-width: 1023px) {
	#wpforms-notice-bar {
		display: none !important;
	}
}

#wpforms-notice-bar {

	background-color: #DDDDDD;
	border-top: 3px solid #e27730;
	color: #777777;
	text-align: center;
	position: relative;
	padding: 7px;
	margin-bottom: -4px;
	opacity: 1;
	transition: all .3s ease-in-out;
	max-height: 100px;
	overflow: hidden;

	&.out {
		opacity: .5;
		max-height: 0;
	}

	a {
		color: #e27730;
	}

	a:hover {
		color: #b85a1b;
	}

	.dismiss {
		position: absolute;
		top: 0;
		right: 0;
		border: none;
		padding: 5px;
		margin-top: 1px;
		background: 0 0;
		color: #72777c;
		cursor: pointer;
	}

	.dismiss:before {
		background: 0 0;
		color: #72777c;
		content: "\f335";
		display: block;
		font: normal 20px/20px dashicons;
		speak: none;
		height: 20px;
		text-align: center;
		width: 20px;
		-webkit-font-smoothing: antialiased;
	}
}

#screen-meta-links .screen-meta-toggle {
	position: absolute;
	right: 20px;
	top: auto;
}