// Variables
$newsletter_font_color: $color_101;//#fff;
$newsletter_border_color: $color_101;//#fff;
$newsletter_submit_border_background: $color_103;//rgba(176,148,76,1);
$newsletter_submit_border_background--hover: $color_101;//#FFFFFF;
$newsletter_submit_button_background: transparent;
$newsletter_submit_button_background--hover: $color_101;;//#FFFFFF;
$newsletter_error_message: $color_103;//rgba(176,148,76,1);
$newsletter_confirm_message: $color_103;//rgba(176,148,76,1);
$newsletter_background: $color_103;//rgba(176,148,76,1);
$newsletter-input-background-color: $color_90;//#231f20;

.newsletter-content {
    font-size: 14px;
    color: $newsletter_font_color;

    .newsletter-title {
        font-family: $oxygen-bold;
        margin-bottom: 30px;
        text-align: center;
    }

    // Mail Poet
    .newsletter-form {

        label{
            display: none;
        }
        
        form {
            position: relative;

            // Campo de E-mail e Submit
            input {
                height: 40px;
                width: 100%;
                text-align: center;
                font-size: 14px;
                color: $newsletter_font_color;
                box-shadow: none;
            }

            // Campo de E-mail
            input.wysija-input {
            background-color: transparent;
            font-family: $oxygen-light;
            border: solid 1px $newsletter_border_color;
            color: $newsletter_font_color; 
            background-color: $newsletter-input-background-color;
            @include appearance( none );

                &:-moz-focusring {
                    color: transparent;
                    text-shadow: 0 0 0 $newsletter_font_color;
                }
        
                &:-webkit-autofill {
                    -webkit-box-shadow: 0 0 0 30px $newsletter-input-background-color inset;
                }

                // Legenda do campo de e-mail ('Introduza o seu e-mail')
                @include placeholder {
                    font-family: $oxygen-light;
                    color: $newsletter_font_color; 
                }

            }
            
            // Autocompletar do Google Chrome
            input:-webkit-autofill,
            input:-webkit-autofill:hover,
            input:-webkit-autofill:focus,
            textarea:-webkit-autofill,
            textarea:-webkit-autofill:hover,
            textarea:-webkit-autofill:focus,
            select:-webkit-autofill,
            select:-webkit-autofill:hover,
            select:-webkit-autofill:focus {
                -webkit-text-fill-color: $newsletter_font_color !important;
                transition: background-color 5000s ease-in-out 0s;
                box-shadow: none;
            }

            // Botão Submit
            input.wysija-submit {
                // border: none;
                border-color: $newsletter_submit_border_background;
                background-color: $newsletter_submit_button_background;
                font-family: $oxygen-bold;
                @include transition( all, 250ms, ease-out );
                text-transform: lowercase;
            }

            // Mensagem de Erro
            .formError {
                position: absolute;
                top: 85px !important;
                left: 0 !important;
                width: 100%;

                .formErrorContent {
                    width: 100%;
                    border: none;
                    left: 0;
                    background: none;
                    padding: 0;
                    color: $newsletter_error_message;
                }
            }
        }

        // Mensagem de Confirmação
        .wysija-msg .allmsgs {
            margin: 17px 0 0 0;
            text-align: center;
        
            > div,
            blink {
                background: transparent;
                font-family: $worksans-regular;
                font-size: 14px;
                letter-spacing: 1px;
                color: $newsletter_confirm_message;
                border: none;
                margin: 0;
                padding: 0;
                text-align: center;
                width: 100%;
                margin: 0 auto;
                display: block;

                ul, li {
                    margin: 0;
                    padding: 0;
                }
            }
        }


        .widget_wysija_cont {
            
            .allmsgs {
                text-align: center;

                .updated {
                    background: transparent;
                    border: none;
                    padding-left: 0;
                    margin-top: -10px;

                    ul {
                        li {
                            color: $newsletter_confirm_message;
                            font-family: $worksans-regular;
                            font-size: 14px;
                        }
                    }
                }
            }
        }
    }
}





/* **********************************************************************************************
***********************************   MEDIA QUERIES   ******************************************* 
********************************************************************************************** */


    // Small Screens ****************************************************************************
        /* max-width 640px *********************************************************************/

        @media only screen and (max-width: 40em) {
        
                
            .newsletter-content {
                

                .newsletter-form {
                    
                    form {
                        .formError {
                            top: 108px !important;
                            width: 100%;
                            text-align: center;
                        }
                    }

                    .widget_wysija_cont {
                        
                        .allmsgs {             
                            .updated {              
                                ul {
                                    li {
                                        font-size: 12px;
                                    }
                                }
                            }
                        }
                    }

                }
            }
    


        }

    // End of small Screens


        


    // Medium Screens ***************************************************************************
        /* min-width 641px and max-width 1023px ************************************************/

        @media only screen and (min-width: 40.063em) and (max-width: 63.938em) {
            
            .newsletter-content {
                font-size: 18px;

                .newsletter-title {
                    margin-bottom: 35px;
                }

                .newsletter-form {
                    
                    form {
                        margin
                        input {
                            height: 50px;
                            font-size: 14px;
                        }

                        .formError {
                            top: 108px !important;
                            width: 100%;
                            text-align: center;
                        }
                    }
                }
            }
            
 
        }

    // End of Medium Screens





    // Large Screens ****************************************************************************
        /* min-width 1024px and max-width 1440px ***********************************************/

        @media only screen and (min-width: 64em) and (max-width: 90em) {
            
            .newsletter-content {
                font-size: 18px;
                text-align: left;

                .newsletter-title {
                    margin-bottom: 15px;
                }
        
                .newsletter-form {
                    
                    form {

                        .wysija-paragraph{
                            display: inline-block;
                        }

                        input {
                            height: 56px;
                            font-size: 16px;
                            display: inline-block;

                        }
        
                        input.wysija-input {
                            width: 530px;
                            margin-right: 40px;
                            display: inline-block;
                            text-align: left;
                            padding-left: 10px;
                            margin-bottom: 0;
                        }
        
                        input.wysija-submit {
                            width: 200px;
                            display: inline-block;
                        }
                            
                        input.wysija-submit:hover {
                            border-color: $newsletter_submit_border_background--hover;
                            background-color: $newsletter_submit_button_background--hover;
                            color: $newsletter_background;
                        }
                    }

                    .widget_wysija_cont {
                        
                        .allmsgs {
                            text-align: left;

                            .updated {
                                margin-top: -5px;
                            }
                        }
                    }
                }
            }
            
        }

    // End of Large Screens





    // Extra Large Screens **********************************************************************
        /* min-width 1441px ********************************************************************/

        @media only screen and (min-width: 90.063em){
            
            .newsletter-content {
                font-size: 18px;
                text-align: left;

                .newsletter-title {
                    margin-bottom: 15px;
                }
        
                .newsletter-form {

                    form {

                        .wysija-paragraph{
                            display: inline-block;
                        }

                        input {
                            height: 56px;
                            font-size: 16px;
                            display: inline-block;

                        }
        
                        input.wysija-input {
                            width: 750px;
                            margin-right: 50px;
                            display: inline-block;
                            text-align: left;
                            padding-left: 10px;
                            margin-bottom: 0;
                        }
        
                        input.wysija-submit {
                            width: 250px;
                            display: inline-block;
                            }

                        input.wysija-submit:hover {
                            border-color: $newsletter_submit_border_background--hover;
                            background-color: $newsletter_submit_button_background--hover;
                            color: $newsletter_background;
                        }
                    }
                    
                    .widget_wysija_cont {
                        
                        .allmsgs {
                            text-align: left;

                            .updated {
                                margin-top: -5px;
                            }
                        }
                    }
                }
            }
            
            
        }

    // End of Extra Large Screens