/* ---------------------------------------------------
                      NEWSLETTER
----------------------------------------------------*/

#mc_embed_signup_scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 1em 0;
    max-width: 38em;
    margin: auto;
    justify-content: space-around;
}

#FIRST-NAME.mc-field-group {
    width: 50%;
}

#FIRST-NAME.mc-field-group > label {
    text-align: center;
    display: inline-block;
    width: 8em;
}

#FIRST-NAME.mc-field-group > input {
    border-radius: 0.8em;
    padding: 0.8em;
    border: 0;
    width: 95%;
    max-width: 12em;
}

#LAST-NAME.mc-field-group {
    width: 50%;
}

#LAST-NAME.mc-field-group > label {
    text-align: center;
    display: inline-block;
    width: 8em;
}

#LAST-NAME.mc-field-group > input {
    border-radius: 0.8em;
    padding: 0.8em;
    border: 0;
    width: 95%;
    max-width: 12em;
}

#EMAIL-NAME.mc-field-group  {
    padding: 1em 0;
    width: 100%;
}

#EMAIL-NAME.mc-field-group > label {
    text-align: center;
    display: inline-block;
    width: 8em;
}

#EMAIL-NAME.mc-field-group > input {
    border-radius: 0.8em;
    padding: 0.8em;
    border: 0;
    width: 90%;
    max-width: 28em;
}

@media only screen and (min-width: 1080px) {
    
    #FIRST-NAME.mc-field-group > label {
        text-align: left;
    }
    
    #FIRST-NAME.mc-field-group > label:lang(AR) {
        text-align: right;
    }
    
    #FIRST-NAME.mc-field-group > input {
        width: 9em;
    }
    
    #LAST-NAME.mc-field-group > label {
        text-align: left;
        box-sizing: border-box;
        padding-left: 1em;
    }
    
    #LAST-NAME.mc-field-group > label:lang(AR) {
        text-align: right;
        padding-right: 1em;
    }
    
    #LAST-NAME.mc-field-group > input {
        width: 9em;
    }
    
    #EMAIL-NAME.mc-field-group > label {
        text-align: left;
    }

    #EMAIL-NAME.mc-field-group > label:lang(AR) {
        text-align: right;
    }

}