/*!
 * Age verification CSS to go with the JS that can be found at (https://github.com/Herudea/age-verification)
 */
#modal_content img { display: block; border: none; height: auto; outline: none; margin: 0 auto; max-width: 180px}
#modal_screen { position: fixed; top: 0; left: 0; height: 100%; width: 100%; z-index: 1100; background-color: rgba(0,0,0,.8); }
#modal_screen.nope { background-color: #1e0924; }
#modal_content { position: fixed; z-index: 1101; margin: 0 auto; background-color: #fff; border: solid 4px #158e0e; font-size: 12px; width: 290px; height: auto; padding: 0 0 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; }
#modal_content .content_wrapper { margin: 15px auto 0; text-align: center; }
#modal_content h2 { margin: 15px 0 0 0; font-size: 20px; padding: 0 15px; }
#modal_content p { max-width: 75%; margin: 1.2em auto 0; font-size: 15px; }
#modal_content nav { font-size: 16px; display: table; width: 100%; }
#modal_content nav ul { display: table-row; width: 100%; margin: 0; padding: 0; }
#modal_content nav li { display: table-cell; text-align: right; width: 50%; padding: 5px; }
#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: 100%; margin: 1em auto 0; text-decoration: none; padding: 10px 15px; color: #fff; text-transform: none; letter-spacing: 0; }
#modal_content nav .av_go { background-color: #174c14; }
#modal_content nav .av_no { background-color: #938d95; }
#modal_content nav .av_btn:hover { background-color: #1e0924; }
#modal_content #modal_regret_wrapper nav a.av_btn { margin-top: 0; width: 130px; font-size: 0.8em; }
 @media (min-width: 688px) {
#modal_content { top: 10em; top: 30vh; left: 30vw; width: 90%; max-width: 390px; padding: 10px; font-size: 16px; }
#modal_content .content_wrapper { margin: 10px auto 0; text-align: center; }
#modal_content h2 { margin: 15px 0 0 0; font-size: 20px; }
#modal_content p { font-size: 1em; line-height: 1.9em; }
#modal_content nav { width: 100%; }
#modal_content nav a.av_btn { padding: 10px 15px; margin: 1em auto 0; font-size: 1em; }
#modal_content .content_wrapper{margin: 5px auto 0; }
}