/**
 * Popup
 */
.nice-popup {
    min-height: 270px;
    width: 97%;
    max-width: 700px;
    max-height: 97%;
    box-sizing: border-box;
    padding: 1.5em; /* this overrides .fancybox-content padding */
}

.nice-popup .popup-content {
    overflow: hidden;
}

.nice-popup .nice-popup-close-button,
.nice-popup .nice-popup-close {
    opacity: 1;
    transition: opacity 1s;
    -webkit-transition: opacity 1s;
}

.nice-popup .nice-popup-close-button {
    display: inline-block;
    margin: 1em 0;
}

.nice-popup .nice-popup-close-timer {
    position: absolute;
    top: 0;
    right: 0;
    padding: 14px 16px;
    font-size: 18px;
    font-weight: 100;
    opacity: 0.3;
    display: none;
}

.nice-popup.close-disabled .nice-popup-close {
    opacity: 0.15;
}

.nice-popup.close-disabled .nice-popup-close:hover {
    cursor: default;
}

.nice-popup.close-disabled .nice-popup-close-button {
    opacity: 0.3;
}

.nice-popup.close-disabled-timer .nice-popup-close {
    display: none;
}

.nice-popup.close-disabled-timer .nice-popup-close-timer {
    display: block;
}

.nice-popup .title {
    position: absolute;
    font-size: 1.1em;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0.7em 0.7em;
    box-sizing: border-box;
    background: #444;
}

@media all and (min-width: 400px) {
    .nice-popup {
        width: 95%;
        max-width: 700px;
        max-height: 95%;
    }

    .nice-popup .title {
        font-size: 1.3em;
    }
}

.nice-popup .title .icon {
    font-size: 1.2em;
    vertical-align: top;
    display: none;
}

.nice-popup .loading,
.nice-popup-loaded .loaded {
    display: block;
    height: 100%;
}

.nice-popup .loaded,
.nice-popup-loaded .loading {
    display: none;
}

.nice-popup.with-title .content {
    padding-top: 3.5em;
}