/*
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 : Apr 25, 2016, 11:52:02 AM
    Author     : jchristo
*/

.facebook-advert2 {
    width:410px;
    height:300px;
    
    }



.facebook-advert2 .facebook{
    display: block;
    padding: 20px;
    }
    
.facebook-advert2 .headerImage{
    margin-bottom: 10px;
    }     
    
.facebook-advert2 .facebook span{
    display:block;
    float:left;
    font-size:16px;
    font-weight: bold;
    color: #3B5998;
    width:100%;
    margin: 0px 0px 10px 0px;
    }    




.advert-newsletter{
    display: block;
    width:600px;
    height:400px;
    background-image:url(/sites/all/themes/sensen/images/webover.jpg);
    background-repeat: no-repeat; 
    }
    
.advert-newsletter .webform-client-form-1621{
    background: transparent;
        
    }
    

    
    
.advert-newsletter input.webform-submit{
    display: block;
    width:110px;
    height:33px;
    background: url(/sites/all/themes/sensen/images/webover-button.png);
    background-size: 110px, 33px;
    border: none;
    text-indent:-9999px;
    margin: 14px 5px 0px 5px;
    position: relative;
    float:left;  
    }  
    
    
.advert-newsletter     #webover-zodio-simplenews-webover{
    background: #fff;
    width:180px;
    border:1px solid #999999;
    height: 30px;
    font-size: 14px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
        
        
    }

@media screen and (max-width: 650px) {    
    .advert-newsletter .webform-component--e-mail-simplenews{
        width:120px;
        }
        
    .advert-newsletter .webform-component--zodio-simplenews .sbHolder{
        width:150px;    
        } 
        
    .advert-newsletter #webover-zodio-simplenews-webover{
        width:120px;
        }
        
    .advert-newsletter #edit-submitted-e-mail-simplenews-webover{
        width:120px;
        }    
        
    .advert-newsletter input.webform-submit{
        float:left; 
        }
    
    }
    
 
    
@media screen and (max-width: 500px) { 
    
    .advert-newsletter .webform-component--e-mail-simplenews{
        clear: both;
        float:none;
        }
        
    .advert-newsletter .webform-component--zodio-simplenews .sbHolder{  
         clear: both;
        } 
        
    .advert-newsletter input.webform-submit{ 
            clear: both;        
            }
    
    .advert-newsletter{
        display: block;
        width:400px;
        height:600px;
        background-image:url(/sites/all/themes/sensen/images/webover-mobile.jpg);
        background-repeat: no-repeat;
        
        }
            
        
        
    .advert-newsletter .webform-component-email,.advert-newsletter .webform-component--zodio-simplenews{
        margin:0.2em 1em;    
        } 
        
    .advert-newsletter input.webform-submit{
        margin:0.5em 0em 1em 1em;        
        }
        
    .advert-newsletter #edit-submitted-e-mail-simplenews-webover,.advert-newsletter #webover-zodio-simplenews-webover{
        width:380px;
        } 
       
        
 

    } 
    
@media screen and (max-width: 411px) { 
     .advert-newsletter{
        display: block;
        width:360px;
        height:540px;
        background-image:url(/sites/all/themes/sensen/images/webover-mobile.jpg);
        background-repeat: no-repeat;
        background-size: 360px, 540px;
        }
    .advert-newsletter #webover-zodio-simplenews-webover{
        width:80%;
        }
        
    .advert-newsletter #edit-submitted-e-mail-simplenews-webover{
        width:80%;
        }      
        
    }

@media screen and (max-width: 360px) { 
     .advert-newsletter{
        display: block;
        width:300px;
        height:450px;
        background-image:url(/sites/all/themes/sensen/images/webover-mobile.jpg);
        background-repeat: no-repeat;
        background-size: 300px, 450px;
        }
        
    .advert-newsletter #webover-zodio-simplenews-webover{
        width:90%;
        }
        
    .advert-newsletter #edit-submitted-e-mail-simplenews-webover{
        width:90%;
        }        
    
        
    } 
    
@media screen and (max-width: 330px) { 
    
    
    .advert-newsletter #edit-submitted-e-mail-simplenews-webover,.advert-newsletter #webover-zodio-simplenews-webover{
        width:200px;
        }    
    }    
    
@media screen and (max-width: 300px) { 
    
    .advert-newsletter .webform-component--e-mail-simplenews, .advert-newsletter #webover-zodio-simplenews{
        width:180px;
        }
    }
    
.fancybox-overlay{
    background: none!important;
    }