@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: 65%;
	margin: 0 auto;
}
#donate-message {
	width: 40%;
	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.3;
	text-align: center;
	float: left;
}
.blurbtext #donate-progress {
	width: 30%;
  margin: 2px 0 4px 5%;
	float: right;
}
#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;
}
#donate-progress,
#donate-progress span.donate-fundraiser-raised,
#donate-progress span.donate-fundraiser-sought {
	line-height: 1.3;
}


/* 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;
	}
	.blurbtext #donate-progress {
		width: 50%;
    margin: 10px 0 40px 5%;
	}

}


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

	#notice-donate-inner {

	}
	.blurbtext #donate-progress {
		width: 40%;
	}

}


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

	#notice-donate-inner {
		width: 100%;
	}
	#donate-progress,
	#donate-progress span.donate-fundraiser-raised,
	#donate-progress span.donate-fundraiser-sought {
		font-size: 15px;
	}
	#donate-progress-bar {
	  margin: 8px auto 6px;
	}

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

	.blurbtext #donate-progress {
		width: 80%;
		margin: 0 auto 30px;
		float: none;
	}

}


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

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

}