@charset "utf-8";
/* CSS Document */

::-moz-placeholder { /* Firefox 19+ */
  	font-family: var(--fonti);
	color: var(--carmine);
}
:-ms-input-placeholder { /* IE 10+ */
  	font-family: var(--fonti);
	color: var(--carmine);
}
:-moz-placeholder { /* Firefox 18- */
  	font-family: var(--fonti);
	color: var(--carmine);
}

#newsletter {

    position: fixed;
    height:auto;
    width:600px;
    z-index: 3000;
    top:0;
    left:calc(50% - 108px);/*half width + half left menu*/
    border: 2px solid var(--carmine);
    background-color: var(--off-white);
    display:none;
    
}

#newsletter table {
    
    margin:0 var(--medium_margin) 0 var(--medium_margin);        
    
}

#newsletter input {
    
    width: 90%;
    padding: 9px;
    font-size: 18px;
    line-height: 19px;
    background-color:var(--off-white);
    color: var(--carmine);
    border: 2px solid var(--carmine);
    border-radius: 0;
    font-family: var(--fontr);
    
}

#newsletter .button{
	
	width:88px;
	height:41px;
	background-color:var(--carmine);
	color:var(--off-white);
	border: 2px solid var(--carmine);
	font-size: 20px;
	line-height: 19px;
	border-radius: 0;

}

#newsletter-close {

    position: absolute;
    right:var(--smaller_margin);
    top:var(--smaller_margin);
    
}

#newsletter .text-1 {

    color:var(--orange);
    font-size: 32px;
    line-height: 35px;
    font-family: var(--fontr);
    margin:var(--medium_margin); 
    text-align: center;

}

#newsletter .text-2 {

    color:var(--orange);
    font-size: 14px;
    line-height: 18px;
    font-family: var(--fonti);
    margin:var(--medium_margin); 
    text-align: center;
    margin-bottom:var(--small_margin);
    margin:var(--medium_margin) var(--big_margin) var(--small_margin) var(--big_margin);
    

}

#mce-responses	{
	
	width:calc(100% - (var(--medium_margin) * 2));
	margin:var(--medium_margin) var(--medium_margin) 0 var(--medium_margin);
    font-family: var(--fontr);
    color:var(--carmine);
    font-size: 18px;
    line-height: 22px;
	
}

@media only screen and (max-width: 1520px)	{
 
    #newsletter {

        left:calc(50% - 132px);/*half width + half left menu*/

    }

    
}

@media only screen and (max-width: 850px), screen and (max-height: 480px) {	
/*@media only screen and (max-width: 999px), screen and (max-height: 512px) 	{*/
    
    #newsletter {

        left:calc(50% - 300px);

    } 

}


@media only screen and (max-width: 767px) {	

    #newsletter {

        width:90%;
        left:5%;

    }
    
    #newsletter table {

        width:90%;       

    }
    
    #newsletter input {

        width: 90%!important;

    }
    
    #newsletter .button{

        width:88px!important;
        height:41px;

    }

}

@media only screen and (max-width: 480px)	{

    #newsletter-close {

        position: absolute;
        right:var(--tiny_margin);
        top:var(--tiny_margin);

    }
    
    #newsletter table {

        margin:0 var(--small_margin) 0 var(--small_margin);        

    }
    
    #newsletter td {

        width: 100%;
        display:block;

    }
 
    #newsletter input {

        width:calc(100% - (var(--medium_margin) * 2) - 22px); /*padding and border*/

    }
    
    #newsletter .button{

        margin-top:var(--tiny_margin); 

    }
    
    #newsletter .text-1 {

        margin:var(--small_margin);
        font-size: 24px;
        line-height: 28px;

    }

    #newsletter .text-2 {

        margin:var(--small_margin);


    }

}