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

 /* @import url(https://fonts.googleapis.com/css?family=Roboto); */

 .overhang {
   position    : fixed;
   display     : none;
   width       : 100%;
   z-index     : 9999;
   padding     : 15px 2px;
   top         : 0;
   left        : 0;
   right       : 0;
   font-family : "Roboto", sans-serif;
   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      : 2.5em;
   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;
   }
 }