/**
 * Copyright © Sinalite, Inc. All rights reserved.
 * See COPYING.txt for license details.
 *
 * Campaign Popup Modal Styles
 * Minimal overrides on top of Magento UI modal defaults.
 */
.campaign-popup-modal.roll-label-popup .modal-content{
    background: transparent;
    border: 0;
}
.campaign-popup-modal .modal-inner-wrap {
    max-width: 800px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
.campaign-popup-modal .modal-header .action-close {
    color: #ffffff;
    width: 5px;
    height: 5px;
    padding: 20px;
}
.campaign-popup-modal .modal-header .action-close:hover {
    opacity: 0.8;
}

.campaign-popup-modal.modal-popup .modal-inner-wrap{
    max-width: 800px !important;
    padding: 0;
    background-size: 100% 100%;
    min-height: 400px;
    cursor: pointer;    
}

/* Responsive */
@media (max-width: 768px) {
    .campaign-popup-modal .modal-inner-wrap {
        max-width: 95%;
        margin: 20px auto;
    }
    .campaign-popup-modal.modal-popup .modal-inner-wrap {
      max-width: 800px !important;
      min-height: 225px;
    }
}
@media (max-width: 500px) {
    .campaign-popup-modal.modal-popup .modal-inner-wrap {
      width: 90%;
      min-height: 225px;
    }
}