@charset "UTF-8";

/* this is for inserting special notices on the site w/o touching code */

#notices,
#notices div {
	display: none;
}
#notice-responsive {
	display: none;
	position: absolute;
	z-index: 5;
	top: 10px;
	right: -110px;
	width: 80px;
	padding: 10px;
	background: #d4dce8;
	border: 1px solid #666;
	border-radius: 10px;
	box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.65);
}

#notice-donate {
	margin: 0 0 10px 0;
	padding: 10px;
	background: #fdd9ae;
	border: 1px solid #999;
	box-shadow: 0 4px 4px 2px rgba(0, 0, 0, 0.4);
	overflow: auto;
}
#notice-donate-inner {
	width: 70%;
	margin: 0 auto;
}
#donate-message {
	width: 45%;
	margin: 0 5%;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
	float: left;
}
#donate-message a {
	color: #c00;
}
#donate-progress {
	width: 35%;
	margin: 0 5%;
	line-height: 1.4;
	text-align: center;
	float: left;
}
#donate-progress-bar {
	width: 80%;
  margin: 6px auto 4px;
	background: #fff;
	border: 1px solid #111;
}
#donate-progress-bar-color {
	width: 2%;
	background: #c00;
}
#donate-progress-bar,
#donate-progress-bar-color {
	height: 10px;
}


/* smaller than wide desktop */
@media (max-width: 1201px) {

	#notice-donate-inner {

	}

}


/* smaller than desktop */
@media (max-width: 970px) {

	#notice-donate {
		margin: 0 0 15px 0;
	}
	#notice-donate-inner {
		width: 90%;
	}
	#donate-progress-bar,
	#donate-progress-bar-color {
		height: 15px;
	}

}


/* smaller than desktop */
@media (max-width: 769px) {

	#notice-donate-inner {

	}

}


/* smaller than 540 */
@media (max-width: 540px) {

	#notice-donate-inner {
		width: 100%;
	}
	#donate-progress {
		font-size: 15px;
	}

}


/* widescreen */
@media (min-width: 1300px) {

	#siteinner #notice-responsive {
		display: block;
	}
	body.admin #notice-responsive {
		display: none;
	}

}