/**
* 2007-2017 PrestaShop
*
* 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.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@prestashop.com so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author    PrestaShop SA <contact@prestashop.com>
*  @copyright 2007-2017 PrestaShop SA
*  @license   http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*
* Don't forget to prefix your containers with your own identifier
* to avoid any conflicts with others containers.
*/

#myModal{
    z-index:5004;
}


#myModal .modal-header h2{
    font-size: 20px;
    margin-bottom:30px;
    font-weight:bold;
    margin-top:0;
    line-height:40px;
    display:flex
    /*text-shadow: #fff 2px 2px, #fff -2px 2px, #fff -2px -2px, #fff 2px -2px;*/
}

#myModal .modal-header h2 i{
    font-size: 40px;
    padding-right: 10px;
}

#myModal .modal-body{
    background:#fff;
    padding: 10px 20px;
    /*min-height:150px;*/
    /*max-width:500px;*/
    /*min-width:400px;*/
    margin:0 auto;
    margin-bottom:30px;
    margin-top:20px;
}

#myModal .modal-body #newsletter_block_left h4{
    display:none;
}
#myModal .modal-body #newsletter_block_left{
    margin-bottom:9px;
}
#myModal .modal-body h4{
    font-size:22px;
    color: #89441a;
}

#myModal .modal-content a{
    color:#E51400;
}
#myModal .modal-content a:hover{
    color:#EBA2A7;
}

#myModal .modal-content{
    display: flex;
    position: relative;
    flex-direction: column;
    justify-content: space-between;
    align-content: stretch;
    /*height: 500px;*/
    max-height:90%;
    width: 700px;
    max-width: 90%;
}
#myModal .modal-dialog{
    min-height:50%;
}
/*#myModal .modal-footer button{color: #de711f;}*/

header .banner{
    /*min-height: 50px;*/
    color: #fff;
    font-size:35px;
    line-height:50px;
    text-align:center;
}

@media screen and (max-width: 660px){
    header .banner{
        /*min-height: 50px;*/
        color: #fff;
        font-size:20px;
        line-height:30px;
        text-align:center;
    }
}

@media screen and (max-width: 400px){
    header .banner{
        /*min-height: 50px;*/
        color: #fff;
        font-size:15px;
        line-height:25px;
        text-align:center;
    }
}


button.modal-link{
    padding-left:0;
}


/*.modal-open {*/
    /*overflow: hidden;*/
/*}*/


.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.2); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
    border: 1px solid #000000;
    background-color: #fefefe;
    margin: 15% auto; /* 15% from the top and centered */
    padding: 20px;
    width: 80%; /* Could be more or less, depending on screen size */
}


/* The Close Button */
.close-btn, button.close-btn{
    background: #fff;
    color: #f00;
    font-size: 23px;
    font-weight: normal;
    border: 1px solid #f00;
    padding-left: 30px;
    padding-right: 30px;
    line-height: 1.5;
}

.cross-btn:hover{
    background:none;
    color: #515151;
}

.cross-btn i{
    padding-left:5px;
}

.cross-btn{
    color:#333;
    text-shadow:none;
    font-size:14px;
    font-weight:bold;
    display:flex;
}

@media (max-width: 668px){
    button.cross-btn{
        width:auto;
    }
}

.close:hover,
.close:focus {
    /*color: black;*/
    text-decoration: none;
    cursor: pointer;
    text-shadow:none;
}

.modal-footer{
    text-align:center;
    margin:0 auto;
}

.footer-container #footer #myModal .modal-footer a:hover{
    color:#fff;
}