/**
 * Dropfin
 *
 * NOTICE OF LICENSE
 *
 * This source file is subject to the Academic Free License (AFL 3.0)
 * that is bundled with this package in the file LICENSE_AFL.txt.
 * It is also available through the world-wide-web at this URL:
 * http://opensource.org/licenses/afl-3.0.php
 * If you did not receive a copy of the license and are unable to
 * obtain it through the world-wide-web, please send an email
 * to license@magento.com so we can send you a copy immediately.
 *
 * DISCLAIMER
 *
 * Do not edit or add to this file if you wish to upgrade 
 * this extension to newer versions in the future. 
 *
 * @category    Dropfin
 * @package     Newsletter Popup
 * @copyright   Copyright (c) Dropfin (http://www.dropfin.com)
 */

/*#fancybox-content { border: 1px solid #2e8ab8 !important; }*/
#popup_content { display: none; }
.popup-top {/*margin-bottom: 10px;*/ /*border-bottom: 1px dotted #2e8ab8;*/ /*padding-bottom: 10px;*/ overflow: hidden;} 
.popup-top h2 {font-weight: bold; color: #fff; text-align: center; padding: 15px 20px; background-color: #2e8ab8; margin-bottom: 0px; }
.popup-top .popup-top-content { padding: 20px 20px; min-height: 100px; }
.popup-top p {margin-bottom: 10px; }
.newsletter_form .div-input { overflow: hidden; float: left; width: 48%; }
.newsletter_form .div-input input { width: 94%; height: 33px; border-radius: 0px; }
.popup-bottom { clear: both; padding: 10px 20px; overflow: hidden; }
.popup-bottom ul { text-align: center; }
.popup-bottom li { display: inline-block; }
.newsletter-btn { width: 27%; }
.newsletter-btn span span{ font-weight: bold; }
.newsletter_status { /*text-align: center;*/ font-size: 20px; }
.newsletter_status.success { color: green; }
.newsletter_status.error { clear: both; font-size: 13px; margin: 15px 0 0 0;}
#fancybox-content {
    border-width: 0!important;
    width: 100%!important;
}
#fancybox-wrap {
    width: 600px!important;
    max-width: 600px!important;
}
button.newsletter-btn {
    margin-left: 20px;
    height: 45px;
}
.popup-top-content button.button > span {
    padding: 15px 12px;
}
.popup-top-content .logo {
    padding: 0px 14px 0 0;
    width: 27%;
}
.popup-top-content .logo img {
    padding: 4px 0;
    width: 94%;
}
@media (max-width: 425px) {
    #fancybox-wrap {
        width: 366px!important;
        max-width: 366px!important;
    }
    .newsletter_form .div-input {
        width: 62%;
    }
    .popup-top-content .logo img {
        padding: 6px 0;
    }
}
@media (max-width: 375px) {
    #fancybox-wrap {
        width: 316px!important;
        max-width: 316px!important;
    }
    .newsletter_form .div-input input {
        width: 95%;
    }
    /*
    .newsletter_form .div-input {
        width: 56%;
    }
    .newsletter_form .div-input input {
        width: 92%;
    }
    .popup-top-content .logo img {
        padding: 10px 0;
    }*/
/*}
@media (max-width: 320px) {*/
    .newsletter_form .div-input {
        width: 100%;
    }
    /*.popup-top-content .logo img {
        padding: 0 0 10px 0;
    }*/
    .popup-top-content .logo {
        text-align: center;
        width: 100%;
    }
    button.newsletter-btn {
        margin-left: 0px;
        width: 100%;
    }
    .popup-top-content .logo img {
        padding: 0px 0 17px 0;
        max-width: 165px;
    }
}
@media (max-width: 320px) {
    #fancybox-wrap {
        width: 265px!important;
        max-width: 265px!important;
    }
    .newsletter_form .div-input input {
        width: 94%;
    }
}