/** 
 * main.css
 * 
 * 1. General HTML tags
 * 2. Masthead area
 * 3. Main content and sidebar
 * 4. Footer
 * 5. Media queries for responsive layout
 * 6. Accessibility helpers
 * 
 */

/*********************************************************************
 * 1. General HTML tags
 *
 */
 
body {
	background-image: url('images/paper_3/paper_3.png');
}

.top-background {
	background-color: #ffdd5794 !important;
}
.navbar .logo-with-brand {
	display: block;
}
.navbar-brand > .navbar-item img {
	max-height: 8rem;
}
.navbar {
	background-color: transparent;
}

.cover-image {
	background-repeat: no-repeat;
	background-position: center center;
	/* background-attachment: fixed; */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.cover-image-overlay {
	background-color: rgba(0, 0, 0, .05);
}

.cover-title {
	/*font-size: 4.2em;*/
	color: #fff;
	padding: 8px;
	/* text-shadow: 2px 2px 4px #494040; */
	text-shadow: 1px 2px 4px #494040;
	background-color:#00d1b2;
}

.has-shadow {
	text-shadow: 3px 4px 8px #494040;
}

.slogan {
	font-style: italic;
	color: #494040;
	background-color: rgba(255, 255, 255, 0.8509803921568627);
	padding: 4px;
	margin-bottom: 20px;
	line-height: 1.2;
}
.donate-home {
	margin: 15px;
}

.banner-quote {
	border-radius: 4px;
	position: relative;
}

.banner-quote blockquote {
	font-weight: bold;
    text-align: left;
    /* margin: 10px 0 10px 0; */
    padding: 0;
    border-left: 0 solid #ccc;
    color: #ff3860;
}

blockquote > p::before  {
	content: '“';
	font-family:Open Sans;
	font-weight: bold;
	/* font-size: 1.2em; */
	font-size: 150%;
	padding-right: 6px;
	margin:50px auto;
	line-height: normal;
}

blockquote > p::after  {
	content: '”';
	font-family:Open Sans;
	font-weight: bold;
	/* font-size: 1.2em; */
	font-size: 150%;
	padding-left: 6px;
	margin:50px auto;
	line-height: normal;
}

blockquote > p  {
		font-style: italic;
}

.blockquote-footer::before {
    content: "\2014 \00A0";
}
.blockquote-footer {
    display: block;
	font-size: 60%;
	font-style: italic;
	color: #c8895d;
	text-align: right;
	margin-top: 10px;
}

.footer-background {
	background-color: #545454;
}


/*********************************************************************
 * 2. Masthead area
 *
 */


/*********************************************************************
 * 3. Main content and sidebar
 *
 */


/*********************************************************************
 * 4. Footer
 *
 */

/*********************************************************************
 * 5. Media queries for responsive layout
 *
 */


/*********************************************************************
 * 6. Accessibility helpers
 *
 */

/* Hide visually, but remain approachable for screenreader */