/* This CSS is for the popup modal that appears on the homepage */

/* popup modal load position on the page */
.modal-wide {
   position: absolute;
   
   right: 0;
   bottom: 0;
   left: 0;
   z-index: 10040;
   overflow: auto;
   overflow-y: auto;
}

button.close:hover {
    color: red;
    opacity: 0.8;
}

button.close {
    color: white;
    opacity: 0.8;
    font-size: 30px;
}

.modal-dialog {
  width: 750px;
  top: 79px;
  
}

.closeimg {
    opacity: 0.7;
}

.closeimg:hover { 
    opacity:1;
}

.modal-content {
    background: black;
}

.modal-wide .modal-body {
  overflow-y: auto;
}

.modal-body {
  padding: 2px;
  font-size: 17px;
}

.modal-footer {
  padding: 5px;
  border-top: 0 none;
}

.modal-header {
  font-size: 20px;
  size: 20px;
  font-weight: bold; 
  font-family: Verdana, sans-serif;
  border-bottom: 0 none;
  color: #ebebeb;
}

/* How transparent the background is - 1.0 is black. 0 is transparent*/
.modal-backdrop {
    opacity:0.92 !important;
}

.signature {
  font-size: 28px; 
  font-weight: bold; 
  font-family: Brush Script MT, cursive;
}

body { 
  text-align: center; 
}

body p { 
  max-width: 400px; 
  margin: 10px auto; 
  font-family: Tahoma, sans-serif;
}

#popup1 .modal-body p { 
    margin-bottom: 0px; 
}

#popup2 .modal-body p { 
    margin-bottom: 0px; 
}