#popup img {
    max-width: 220px;
    animation: floating 4s infinite;
    margin: 0 auto;
}

#popup button {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	background: transparent;
	transition: .7s;
	border-color: transparent;
	min-height: 300px;
	top: -230px;
  outline: 0;
}
#popup button:hover {
border-color: transparent;
border-width: 3px;
transition: .5s;

}

.river-popurl {
	position: absolute;
	bottom: -30px;
	left: 0;
	width: 100%;
	right: 0;
	color: #DCC75E;
	font-weight: bold;
}
.river-popurl:hover {
	color: #FFF;
	transition: .5s;
}

.popup-content {
    text-align: center;
}

.pil-wrapper {
	position: absolute;
	left: 0;
	right: 0px;
	bottom: 67px;
}

.close-button {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 24px;
    cursor: pointer;
}

.popup {
	display: none;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/* background-color: RGB(13, 43, 65, .64); */
	padding: 40px;
	/* border: 1px solid RGB(13, 43, 65); */
	box-shadow: 0px 0px 10px rgba(13, 43, 65, 0.5);
	z-index: 1000;
	border-radius: 25px;
	min-width: 80% !important;
	text-align: center;
	background-image: url("/wp-content/plugins/riveroffullness-popup/assets/images/doornen-kroon.png");
	background-size: cover;
	background-position: top;
	min-height: 310px;
}

#popup h2 {
    color: #DCC75E;
    font-weight: bold;
}
#popup h2:hover {
	color: #DCC75E !important;
}

#popup p {
    color: RGB(255, 255, 255, .7);
    font-size: 2rem !important;
}

#popup h2, #popup p {
    font-family: Lato;
}

.overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(13, 43, 65, 0.7); /* Donkerdere overlay */
    z-index: 999;
}

.floating {
    animation-name: floating;
    -webkit-animation-name: floating;
    animation-duration: 1.5s;
    -webkit-animation-duration: 1.5s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
}

@media (min-width: 768px) {

  .popup {
  	max-width: 100% !important;
  	min-width: 610px !important;
  }

}

@keyframes floating {
    0% {
        transform: translateY(0%);
    }
    50% {
        transform: translateY(8%);
    }
    100% {
        transform: translateY(0%);
    }
}

@-webkit-keyframes floating {
    0% {
        -webkit-transform: translateY(0%);
    }
    50% {
        -webkit-transform: translateY(8%);
    }
    100% {
        -webkit-transform: translateY(0%);
    }
}