/**************************************************/
/* CSS definition eNews Subscription forms */
/**************************************************/
/**********************************************/
/**************************************************/
/* Subscription box & subboxes */
#enews-subscription-box-header{position:relative;}

/**************************************************/
/* form */
#utility_newsletter_subscription .input-group{float:right; width:100%; }
#utility_newsletter_subscription input{font-size:0.8em;  background-color:white; color:rgb(180,180,180); border-color:rgb(240,240,240);}
#utility_newsletter_subscription button{background-color:white; border-color:rgb(240,240,240);}
#utility_newsletter_subscription button i{color:rgb(220,220,220); }
#utility_newsletter_subscription ::-webkit-input-placeholder {font-size:1em; color:rgb(180,180,180); }
#utility_newsletter_subscription ::-moz-placeholder {font-size: 1em;color:rgb(180,180,180);}
#utility_newsletter_subscription :-ms-input-placeholder {font-size: 1em; color:rgb(180,180,180);}
#utility_newsletter_subscription input:-moz-placeholder {font-size: 1em; color:rgb(180,180,180);}


/**************************************************/
/* error */
.validation_error_header{position:absolute; top:100%; right:0; width:100%;  background-color:#3C3D42; border:1px solid #A0C63C; padding:5px; margin:0; border-radius:2px; z-index:1000; box-shadow:0 0 10px rgb(90,90,90);}
.validation_error_header strong{float:left; width:10%; color:white; margin:0; padding: 0; text-align:left;}
.validation_error_header ul{float:right; width:90%; color:white; list-style-image:none; list-style-type: none; margin:0; padding:0;     font-size: 12px;}
.validation_error_header ul li{ color:white; margin: 0; padding: 0;}


/**************************************************/
/* confirmation box */
#enews-subscription-box-confirm-message-header{position:absolute; top:0; right:0; width:100%; background-color:rgb(141,201,114); padding:5px; margin:0; border-radius:2px; box-shadow:0 0 10px rgb(90,90,90);}
#enews-subscription-box-confirm-message-header h1{}
#enews-subscription-box-confirm-message-header p{color:white;}
#enews-subscription-box-confirm-message-header p strong{}






/**************************************************/
/* Subscription box */
#enews-subscription-box-footer {float:right; width:80%; text-align:center; text-align:center; margin:0 auto;}
#enews-subscription-box-footer p{float:left; color:white; margin-top:6px;     font-size: 13px;}
#enews-subscription-box-footer form{}
#enews-subscription-box-footer form input{float:left; width:40%; margin:0 5px 0 20px;     font-size: 13px;     height: 30px;}
#enews-subscription-box-footer form button{float:left; width:15%; background-color:#A0C63C; color:white;     padding: 4px 12px;}
#enews-subscription-box-footer form button i{color:white; }



/**************************************************/
/* error */
.validation_error_footer{display:block; clear:both; width:80%; background-color:#3C3D42; padding:5px; margin:10px; border:1px solid #A0C63C; border-radius:2px; z-index:1000; box-shadow:0 0 20px white;}
.validation_error_footer strong{float:left; width:10%; color:white; margin:0; padding: 0; text-align:left;}
.validation_error_footer ul{float:right; width:90%;color:white; list-style-image:none; list-style-type: none; margin:0; padding:0;}
.validation_error_footer ul li{ color:white; margin: 0; padding: 0;}


/**************************************************/
/* confirmation box */
#enews-subscription-box-confirm-message-footer{background-color:rgb(141,201,114); width:80%; padding:5px; margin:0; border-radius:2px; box-shadow:0 0 20px white;}
#enews-subscription-box-confirm-message-footer h1{}
#enews-subscription-box-confirm-message-footer p{color:white;}
#enews-subscription-box-confirm-message-footer p strong{}



/**************************************************/
/* change layout for smallest devices
/**************************************************/
/* < 768  */
@media only screen and (max-width: 767px){
	#enews-subscription-box-footer {width:100%; }
	#enews-subscription-box-footer p{width:90%;  margin:auto 5%;}
	#enews-subscription-box-footer form{}
	#enews-subscription-box-footer form input{width:90%;  margin:5px 5%;}
	#enews-subscription-box-footer form button{width:90%;  margin:auto 5%;}
	#enews-subscription-box-footer form button i{}
}