/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017-05-31, 17:45:42
    Author     : jarek
*/

#foreign-popup .popup-content p{
    
    box-sizing: border-box;
    padding: 10px;
}
#foreign-popup .popup-content p.header{

    text-transform: uppercase;
}

#foreign-popup .popup-content p.country{
    
    font-size: 24px;
    line-height: 14px;
    margin: 7px 0;
    padding: 0px;

}
#foreign-popup .popup-content .flag img{
    border: 1px solid #d5d5d5;
    border-radius: 0;
    padding: 0px;    
}
#foreign-popup .popup-content p.details{
    font-size: 24px;
    font-weight: regular;
    line-height: 36px;
}

.flag .thumbnail{
   background-color: inherit;
   padding: unset;
   margin: unset;
   border: none;
   
}
#foreign-popup button[type="submit"]{
    font-weight: bold;
}

@media(min-width: 992px){
    
    #foreign-popup .modal-dialog{
        width: 992px;
        padding: 0px;
    }
    
    #foreign-popup .modal-body{
        padding: 0px;
/*        background-color: #E1DBDE;*/
    }
    
    #foreign-popup .popup-content{

        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }
    
    #foreign-popup .popup-content p{
        color: #000;
    }
    
    #foreign-popup .popup-background{ 
        background-image: url("https://static.moliera2.com/gfx/foreign-popup/background.png");
        background-size: contain;
        background-repeat: round;
        padding-top: 62%;
        margin: unset;
        position: relative;
    }
    #foreign-popup .popup-content p.header{
        
        font-size: 55px;
        font-weight: bold;
        line-height: 60px;
        margin-top: 65px;
    
    }
    #foreign-popup .popup-content .flag{
        margin-top: 25px;
    }
    #foreign-popup .popup-content p.details{
       width: 70%;
       margin-left: 15%;
       margin-top: 25px;
    }
    #foreign-popup button[type="submit"]{
        margin-top: 20px;
    }

}
@media(max-width: 991px) and (min-width: 768px){
        #foreign-popup .modal-dialog{
        width: 992px;
        padding: 0px;
    }
    
    #foreign-popup .modal-body{
        padding: 0px;
/*        background-color: #E1DBDE;*/
    }
    
    #foreign-popup .popup-content{

        position: absolute;
        top: 0;
        right: 0;
        padding: 0;
    }
    
    #foreign-popup .popup-content p{
        color: #000;
    }
    
    #foreign-popup .popup-background{ 
        background-image: url("https://static.moliera2.com/gfx/foreign-popup/background.png");
        background-size: contain;
        background-repeat: round;
        padding-top: 65%;
        margin: unset;
        position: relative;
    }
    #foreign-popup .popup-content p.header{
        
        font-size: 49px;
        font-weight: bold;
        line-height: 55px;
        margin-top: 9%;
    
    }
    #foreign-popup .popup-content .flag{
        margin-top: 0px;
    }
    #foreign-popup .popup-content p.details{
       width: 100%;
       margin-top: 20px;
    }
    #foreign-popup button[type="submit"]{
        margin-top: 5%;
    }
}
@media(max-width: 767px){
    
    #foreign-popup .modal-content{
        border: 2px solid #910028;
    }
    #foreign-popup .modal-dialog{
        padding: 20px;
    }

    #foreign-popup p{
        padding: 15px 0px !important;
    }
    
    #foreign-popup .popup-content p{
        color: #910028;
    }
    
    #foreign-popup .popup-content p.header{
        font-size: 40px;
        font-weight: bold;
        line-height: 45px;
        margin-top: 9%;
    }

    #foreign-popup .popup-content p.country{
        font-size: 17px;
        font-weight: 500;
        line-height: 15px;
        margin: -10px 0;
        color: #000;
    }
    #foreign-popup .popup-content p.details{
        font-size: 17px;
        line-height: 20px;
    }
    
    #foreign-popup button[type="submit"]{
        margin: 15px 0 35px 0;
    }
}

@media(max-width: 378px){
    #foreign-popup .popup-content p.header{
        font-size: 30px;
    }
}