/********************/
/** CSS for Popups **/
/********************/

/* The Modal (background) */
.ohwmodal {
    display: none;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 1; /* Sit on top */
    overflow: auto; /* Enable scroll if needed */
	background: rgba(0, 0, 0, 0.7);
}
/* Modal Content */
.ohwmodal-content {
  position: relative;
  z-index: 1;
  margin: auto;
    position: fixed;
    /* bottom: 0; */
	/* From original popup styling */
    padding: 18px;
    border-radius: 0px;
    border: 1px none #000000;
    box-shadow: 0px 10px 25px 0px rgba(2, 2, 2, 0.50);
    background-color: rgba(30, 115, 190, 1.00);
	width: 100%;
/*
  transform: translateY(100%);
  transition: transform 0.4s ease-out;
*/
/*
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
*/
}
/*
#ohwpopup.is-visible {
  transform: translateY(-120%);
}
*/
.ohwmodal-content-vis { max-width: 300px; }
/* The Close Button */
.ohwclose {
	line-height: 1 !important;
    font-weight: 600 !important;
    background: black !important;
    color: white !important;
    border-radius: 100% !important;
    width: 32px !important;
    font-size: 24px !important;
    display: block !important;
    height: 32px !important;
    text-align: center !important;
    padding: 4px !important;
    position: absolute !important;
    top: -12px !important;
    right: -4px !important;
	cursor: pointer!important;
}
.popupyes, .popupno {
	height: 60px !important;
    width: 60px !important;
    min-width: 60px !important;
    min-height: 60px !important;
    line-height: 2.5 !important;
    font-weight: 600 !important;
    color: white !important;
    border-radius: 100% !important;
    margin: 10px auto !important;
	font-weight: 600 !important;
    font-size: 24px !important;
	box-shadow: 2px 2px 4px black !important;
	margin-bottom: 12px !important;
    display: block !important;
}
.popupyes > a { font-weight: 600 !important; }
.popupno { background: linear-gradient(to bottom, red 5%, darkred 100%) !important; }
.popupyes { background: linear-gradient(to bottom, lightgreen 5%, darkgreen 100%) !important; }
.popupyes:hover, .popupno:hover, .popupyes:focus, .popupno:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  background: linear-gradient(to bottom, black 5%, black 100%) !important;
}
.ohwmodal-content-vis {
    max-width: 500px!important;
}
/***************************************
************ RESPONSIVE ****************
***************************************/
@media (max-width: 350px) {
.popupdelyn { font-size: 24px!important; }
.vispopupdelyes, .vispopupdelno { font-size: 32px!important; }
}