/******************************************************
*                                                     *
*   Simple Overlay - jQuery Plugin                    *
*                                                     *
*   Purpose: This project contains a simple and full  *
*            configurable jQuery plugin that loads    *
*            a cookie-controlled overlay on a page    *
*            which can also only be shown once        *
*            within a specific period. The loading    *
*            of the overlay can be triggered          *
*            automatically or by specific events.     *
*                                                     *
*   Author: Andreas Kar (thex) <andreas.kar@gmx.at>   *
*   Repository: https://git.io/JvpkM                  *
*                                                     *
******************************************************/

/* credits @ https://www.w3schools.com/howto/howto_css_overlay.asp */
.simple-overlay {
  position: fixed;
  display: block;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100000;
  cursor: pointer;
  color: #fff;
  background: rgba(0, 0, 0, 0.85);
}
.simple-overlay.simple-hide {
  display: none;
}
.simple-overlay .simple-container {
  position: relative;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-bottom: auto;
  margin-top: auto;
}
.simple-overlay .simple-container strong {
  color: #fff;
}
.simple-overlay .close {
  top: 1.25rem;
  right: 0.5rem;
  position: absolute;
  color: #fff;
  font-size: 3rem;
  opacity: 0.7;
  width: 50px;
  -webkit-transition: all 0.1s ease-in-out;
  -moz-transition: all 0.1s ease-in-out;
  -o-transition: all 0.1s ease-in-out;
  -ms-transition: all 0.1s ease-in-out;
  transition: all 0.1s ease-in-out;
}
.simple-overlay .close:hover, .simple-overlay .close:focus, .simple-overlay .close:active {
  opacity: 1;
}
.simple-overlay.overlay-white {
  color: #000;
  background: rgba(255, 255, 255, 0.85);
}
.simple-overlay.overlay-white .simple-container strong {
  color: #000;
}
.simple-overlay.overlay-white .close {
  color: #000;
}

.simple-overlay.background-image {
  background-repeat: no-repeat;
  background-size: cover;
}

.simple-overlay div {
  width: 100%;
  text-align: center;
  font-size: 20px;
  padding-top: 6rem;
}