/*
 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 : 21/08/2017, 00:46
 Author     : FILIPE GIÁCOMO
*/

/*NEWSLETTER*/
.newsletter{}
.newsletter header{text-align: center;}
.newsletter header h1{font-weight: 300 !important; text-transform: uppercase;}
.newsletter header p{font-size: 0.800em; text-transform: uppercase;}
.newsletter form{}
.newsletter form label{width: 24% !important; float: left; margin: 30px 0.50%; position: relative;}
.newsletter form span{font-size: 0.800em; padding-left: 5px;}
.newsletter form input{background: #ccc; border: none; padding: 20px; border-radius: 5px;}
.newsletter form input::-webkit-input-placeholder{color: #666;}
.newsletter .btn{background-color: #C31E1E; width: 100%; padding: 19px; margin-top: 22px; border-radius: 5px;}
.newsletter .btn:hover{background-color: #FF1E1E; transition-duration: 1s;}
.newsletter form .newsletter_form_actions{width: 24% !important; float: left; margin: 30px 0.50%; position: relative;}
.newsletter .trigger{margin-top: 22px; padding: 10px; border-radius: 4px; min-height: 58px;}
.newsletter .trigger b{color: #fff;}
.newsletter img{
    position: absolute;
    top: 35px;
    right: 10px;
    display: none;
}

.newsletter_error{
    padding: 12px;
    background: #cf7171;
    margin-bottom: 20px;
    color: #fff;
    font-size: 0.875em;
    font-weight: 400;
    display: none;
    text-align: center;
    text-shadow: 1px 1px 0 #713B3B;
}

.wc_newsletter_sended{
    text-align: center;
}

.wc_newsletter_sended .h2{
    font-size: 1.2em;
    font-weight: bold;
    color: #008B6F;
}

.wc_newsletter_sended .h2 span{
    display: inline-block;
    background: #008B6F;
    margin-bottom: 10px;
    font-size: 2em;
    color: #fff;
    padding: 8px 20px;
    border-radius: 50%;
}

.wc_newsletter_sended p{
    margin-top: 15px;
}

@media (max-width: 30em){
	/*newsletter*/
	.newsletter .btn{background-color: #C31E1E; width: 100%; padding: 19px; margin-top: 5px; border-radius: 5px;}
    .newsletter form label{width: 100% !important; float: left; margin-top: 10px; margin-bottom: 0px; position: relative;}
	.newsletter form .newsletter_form_actions{width: 100% !important; float: left; margin-top: 10px; position: relative;}
}