/*!
 * Age verification CSS to go with the JS
 */
#modal_screen {
	position: fixed;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1100;
	background-color: rgba(255,255,255,.8);
}

#modal_screen.nope {
	background-color: #1e0924; 
}

#modal_content {
	position: fixed;
    z-index: 1101;
    margin: 0 auto;
    width: 400px;
    background-color: #fff;
    border: 1px solid rgb(242,242,242);
    box-shadow: 0px 1px 2px rgba(0,0,0,.19);
    padding: 20px;
    top: 50%!important;
    transform: translate(-50%,-50%);
    left: 50%!important;
}

#modal_content .content_wrapper {

}

#modal_content p {

}

#modal_content nav {font-size: 16px; display:table; width: 282px;}
#modal_content nav ul {display:table-row; width: 100%; margin:0; padding:0;}
#modal_content nav li {display: table-cell; text-align: right; width: auto;}

#modal_content nav:after {
	content: "";
	display: block;
	clear: both;
}

#modal_content nav small {
	display: block;
	text-align: center;
	color: #888;
	margin: 1em 0 0;
}

#modal_content nav a.av_btn {
	display: block;
    text-align: center;
    width: 150px;
    text-decoration: none;
    padding: 1em;
    color: #fff;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
}

#modal_content nav .av_go {
	background-color: #0038a8;
}

#modal_content nav .av_no {
	background-color: #0038a8;
}

#modal_content nav .av_btn:hover {
	background-color: #0067dd;
}

#modal_content #modal_regret_wrapper nav a.av_btn {
	margin-top:0;
	width:130px;
	font-size: 0.8em;
}


	#modal_content h2 {
		margin: 0 0 0 0;
		font-size: 1.875em;
	}

	#modal_content p {

	}

	#modal_content nav {width: 396px;}

	#modal_content nav a.av_btn {
		padding:1em 2.5em;
	}