/*
* === Custom Sitewide CSS ===
*/

#homepage_spotlight img.panopoly-image-spotlight {
	width: 1000px;
}

li.search-result {
    background-color: #fdfaf4;
    padding: 10px;
    border-left: solid 5px #fbb92f;
    padding-bottom: 1px;
}

/*
* === CSS for Modals ===
*/

.reveal-modal-bg {
	position: fixed;
	z-index: 999;
}

.reveal-modal {
	z-index: 1000;
}

/* specific to signupModal */
#signupModal {
	border: 10px solid #fdb931;
	border-radius: 0;
}

#signupModal h2#modalTitle {
	font-family: 'Oswald';
	text-align: center;
}

#signupModal p.lead {
	font-family: 'Open Sans';
	text-transform: uppercase;
	font-weight: 600;
	color: #fdb931;
	text-align: center;
}

#signupModal img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 25%;
    padding-bottom: 2%;
}

#signupModal input {
	text-align: center;
}

#signupModal input.submitform {
	width: 100%;
	height: 2.3125rem;
	border: none;
	background: #fdb931;
	text-transform: uppercase;
	font-weight: bold;
}

@media only screen and (max-width: 500px) {
	#signupModal img {
		width: 50%;
	}
	
	#signupModal #id_email {
		width: 100%;
	}
}

/* specific to blackoutModal */

#blackoutModal {
	background-color: #000;
    border: none;
	text-align: center;
	color: #FFF;
    width: 99%;
    max-width: none;
}

#blackoutModal img {
	width: 200px;
}

#blackoutModal h2#modalTitle {
	font-family: 'Oswald';
	text-align: center;
	color: #FFF;
	font-size: 5rem;
	margin-bottom: 3rem;
}

#blackoutModal .close-reveal-modal {
	color: #7e7e7e;
}

#blackoutModal .blackout-text-content {
	margin-top: 10%;
}

#blackoutModal .button {
    background-color: #FFF;
    color: #000;
    font-family: 'Oswald';
    font-weight: bold;
    font-size: 1rem;
    text-transform: uppercase;
}

#blackoutModal p.lead {
    font-family: 'Open Sans';
	width: 40%;
    font-size: 1.5rem;
    margin-left: 30%;
    margin-right: 30%;
}