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

.overhang {
  border: 0 none !important;
  box-sizing  : border-box;
  display     : none;
  min-height: 58px;
  max-width: 100vw;
  padding     : 14px 2px 7px;
  position: relative;
    left: calc(50% - 50vw);
  text-align  : center;
  width: 100vw;
}

@-moz-document url-prefix() {
  .overhang {
  display     : block;
  }
}

.fixed-header .overhang {
  display: none !important;
}

.overhang-message {
  color     : #FFF;
  display: inline-block;
  font-size : 16px;
  height: 32px;
  margin: 0 auto;
  width: 1160px;
}

.overhang-message strong { 
  font-weight: 700; 
}

.overhang-message a {
  color: inherit;
}

.overhang-message a:hover { 
  text-decoration: none;
}

.overhang-message a.btn {
  background-color: #E85C0F;
  border: 2px solid #FFFFFF;
  border-radius: 7px;
  float: left;
  font: 700 16px/20px Montserrat;
  margin: -3px 14px 0;
  padding: 8px 10px 6px;
  width: calc(100% / 4 - 48px);
}

.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-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: -20px 0 0 -23px;
  font-size      : 2.5em;
  font-weight    : bold;
  display        : inline-block;
  line-height    : 20px;
}

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

#notification-content {
  align-items: center;
  display: flex;
  float: left;
  /*justify-content: center;*/
  min-height: 32px;
  width: calc(300% / 4 - 28px);
}

@media (max-width: 1200px) {
  .overhang {
    position: relative;
    padding: 30px 0 25px;
  }

  .overhang span,
  .overhang a.btn {
    clear: both;  
    display: inline-block;
    float: none;
    margin: 0 auto; 
  }

  .overhang a.btn {
    margin-top: 10px;
    width: auto;  
  }

  .overhang-message {
    height: auto;
    width: calc(100% - 40px);
  }

  #notification-content {
     width: 100%;
  }

  .overhang-close {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 20px;

  }
}

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

  .overhang-message {
    font-size : 12px;
  }
}