html.disable { overflow: hidden; }
.popup-alert.active { display: flex; }
.popup-alert { display: none; position: fixed; background-color: rgba(0, 0, 0, 0.75); top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; z-index: 9999999; }
.popup-alert img { max-width: 100%; }
.popup-alert .wrapper { background-color: #477528; max-width: 640px; margin: auto; padding: 24px; text-align: center; color: #477528; position: relative; }
.popup-alert .wrapper .title { background-color: #477528; padding: 24px 48px; margin: 0 !important; }
.popup-alert .wrapper .content { color: #fff; border: 1px solid #fff; margin: 0; padding: 24px; }
.popup-alert .wrapper .content [data-cookie] { display: none; }
.popup-alert .wrapper .content [data-expires] { display: none; }
.popup-alert .wrapper .content h2 { font-size: 24px; margin-bottom: 16px; color: #fff; font-family: bg-medium, Helvetica, sans-serif; letter-spacing: 2px; position: relative; }
.popup-alert .wrapper .content h2:after { content: ''; display: block; border-bottom: 3px solid #fff; padding-top: 16px; width: 80px; margin: auto; }
.popup-alert .wrapper .content p { font-size: 14px; line-height: 18px; margin-bottom: 24px; color: #fff; }
.popup-alert .wrapper .content p strong { color: #fff; font-size: 20px; line-height: 24px; }
.popup-alert .wrapper .content a { color: #fff; border-bottom: 1px dashed #fff; white-space: nowrap; }
.popup-alert .wrapper .content .primary { color: #477528; background-color: #fff; border: none; padding: 12px 24px; border-radius: 5px; margin: 12px 0; display: inline-block; text-transform: uppercase; }
.popup-alert .wrapper .close-popup { color: #000 !important; border: none; font-size: 36px; line-height: 0; font-weight: bold; background-color: #fff; width: 48px; height: 48px; display: inline-flex; justify-content: center; align-items: center; position: absolute; right: -48px; top: 0; padding: 0 0 8px 0; margin: 0; border-radius: 0; text-transform: initial; }
.popup-alert .wrapper .close-popup:hover { color: #fff !important; background-color:#000; }
.popup-alert .wrapper .edit { display: none; justify-content: center; align-items: center; background-color: #000; color: #fff; position: absolute; bottom: 0; right: 0; padding: 4px 12px; text-transform: uppercase }
.popup-alert .wrapper:hover .edit { display: flex; }

/* New compact popup format */
.popup-alert.compact .wrapper { padding: 0; }
.popup-alert.compact .wrapper .title { padding: 0; }
.popup-alert.compact .wrapper .content { padding: 24px; border: none; }

@media(max-width: 720px) {
    .popup-alert .wrapper .close-popup { top: -48px; right: 0; }
}