/**************************************************/
/* CSS definition wiki-group Abo form */
/**************************************************/
/* 
    Blue: rgb(0,158,224); #009ee0
    Green: rgb(151,191,13); #97bf0D
    Orange: rgb(248,179,52); #F8B334
    Grey: rgb(62,79,88); #3E4F58
    Dark Grey: rgb(37,53,62); #25353E

    Light grey BG: rgb(226,229,230); 
*/


/**************************************************/
/* Subscription box & subboxes */
#wiki-group-subscription-box{}


/**************************************************/
/* form */
.wiki-group-subscription-form {}
.wiki-group-subscription-form label{}
.wiki-group-subscription-form input#email{float:left; margin:0 10px 0 0; color:rgb(62,79,88); width:70%; }
.wiki-group-subscription-form button#send-data-button{float:right; color:white; padding:5px; background-color:rgb(248,179,52); text-decoration:none; border-radius:4px; border:1px solid rgb(248,179,52);}
.wiki-group-subscription-form button#send-data-button:hover{color:rgb(248,179,52); background-color:white;}



/**************************************************/
/* error */
div.validation_error{clear:both; background-color:rgb(246, 211, 207); font-size:1em; padding:5px; margin:10px 0 0 0; border:1px solid rgb(173, 30, 25); color:rgb(173, 30, 25); border-radius:4px;}
div.validation_error strong{float:left; color:rgb(173, 30, 25) !important;}
div.validation_error ul{float:left; list-style-image:none; list-style-type: none; margin:0;}
div.validation_error ul li{ color:rgb(173, 30, 25) !important; margin: 0;}


/**************************************************/
/* confirmation box */
#wiki-group-subscription-box-confirm-message{background-color:rgb(151,191,13); padding:5px 10px;}
#wiki-group-subscription-box-confirm-message * {color:white;}
#wiki-group-subscription-box-confirm-message p{}
#wiki-group-subscription-box-confirm-message p strong{}




/**********************************************/
/* Media Queries 
/**********************************************/

/* >1180 */
@media only screen and (min-width:1180px){          
}

/* 980 - 1180 */
@media only screen and (min-width: 980px) and (max-width:1179px) {          
	.wiki-group-subscription-form input#email{width:65%; }

}


/* 768 - 980 */
@media only screen and (min-width: 768px) and (max-width:979px) {          
	.wiki-group-subscription-form input#email{width:55%; }
}
 

/* < 768  */
@media only screen and (max-width: 767px){

	.wiki-group-subscription-form input#email{width:80%; }

}