.wd_modal-overlay { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; margin: 0; padding: 0; box-sizing: border-box; background-color: transparent; text-align: center; z-index: 9000; /* Don't really want this, but needed to get above fancybox */ } .wd_modal-overlay:before{ content: ""; display: inline-block; height: 100%; vertical-align: middle; margin-right: -0.05em; } .wd_modal-current { background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); } .wd_modal-outer { position: relative; overflow: visible; display: inline-block; vertical-align: middle; background: #fff; margin: 0; padding: 10px; } .wd_modal-inner { position: relative; overflow: auto; } .wd_modal { text-align: left; height: 100%; width: 100%; outline: none; } .wd_modal-outer .wd_modal-close { display: block; position: fixed; top: 5px; right: 5px; width: 30px; height: 30px; box-sizing: border-box; background-color: transparent; color: #ffffff; font-size: 26px; text-decoration: none; }