/**
 * overhang.css
 * Paul Krishnamurthy 2016
 *
 * https://paulkr.com
 * paul@paulkr.com
 */

.overhang {
	position    : fixed;
	display     : none;
	width       : 100%;
	z-index     : 9999;
	padding     : 15px 2px;
	top         : 0;
	left        : 0;
	right       : 0;
	text-align  : center;
	box-sizing  : border-box;
}

.overhang-message {
	color     : #FFF;
	font-size : 20px;
}

.overhang-message strong { font-weight: bold; }
.overhang-message a { color: inherit; }
.overhang-message a:hover { text-decoration: none; }

.overhang-overlay {
	position         : fixed;
	display          : block;
	background-color : #000;
	opacity          : .6;
	top              : 0;
	bottom           : 0;
	left             : 0;
	right            : 0;
	z-index          : 9998;
}

.overhang-prompt-field {
	height        : 30px;
	width         : 250px;
	border-radius : 5px;
	border        : none;
	display       : block;
	margin-left   : auto;
	margin-right  : auto;
	margin-top    : 15px;
	bottom        : 7px;
	position      : relative;
	padding-left  : 3px;
	padding-right : 3px;
	outline       : none;
	font-family   : "Roboto", sans-serif;
	font-size     : 15px;
}

.overhang-yes-option, .overhang-no-option {
	min-width     : 50px;
	height        : 30px;
	border        : none;
	outline       : none;
	border-radius : 4px;
	font-size     : 20px;
	color         : #FFF;
	cursor        : pointer;
	margin        : 0 6px;
}

.overhang-yes-option {
	margin-left : 15px;
}

.overhang-close {
	vertical-align : middle;
	cursor         : pointer;
	margin-top     : -4px;
	padding-left   : 13px;
	font-size      : 2em;
	font-weight    : bold;
	display        : inline-block;
	line-height    : 20px;
}

.overhang-close:after {
	content : "\00d7";
}

@media (max-width: 720px) {
	.overhang-close {
		font-size   : 2em;
		line-height : 14px;
	}
	.overhang-message {
		font-size : 15px;
	}
}