﻿button.newsletter-signup {
    min-height: 28px !important;
    max-height: 28px !important;
}

    button.newsletter-signup .button-label {
        font-size: 13px;
        font-weight: 700;
        font-family: 'Arial'
    }

#modal-newslettersignup *:not(button) {
    color: #434d5d !important;
}

#modal-newslettersignup .modal-dialog {
    min-height: calc(100vh - 60px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    overflow: auto;
}

@media(max-width: 768px) {
    #modal-newslettersignup .modal-dialog {
        min-height: calc(100vh - 20px);
    }
}

@media(min-width: 577px) {
    #modal-newslettersignup .modal-dialog {
        max-width: 400px;
    }
}

#modal-newslettersignup h1 {
    font-family: 'Arial';
    font-size: 18px;
    margin: 0;
    line-height: 1.3;
}

#modal-newslettersignup input {
    font-family: 'Arial';
    font-size: 15px;
    background-color: #fff;
    border: 1px solid #d3d3d3;
    border-top-color: #c9c9c9;
    border-radius: 4px;
    padding: 10px;
    box-shadow: 0 1px 1px hsl(0deg 0% 100% / 45%), 0 0 2px rgb(74 139 217 / 0%), 0 -1px 0 rgb(0 0 0 / 2%), inset 0 1px 0 rgb(0 0 0 / 4%), inset 0 2px 0 rgb(0 0 0 / 2%), inset 1px 0 0 rgb(0 0 0 / 4%), inset -1px 0 0 rgb(0 0 0 / 4%);
    -webkit-transition: border-color .3s ease;
    transition: border-color .3s ease;
    -webkit-appearance: none;
}

.iIDDUy {
    background: rgb(255, 255, 255);
    border-radius: 0.3125rem;
    max-width: 35.25rem;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    position: relative;
}

.iMsgpL {
    appearance: none;
    background-color: rgb(255, 255, 255);
    border: 0px;
    border-radius: 0.1875rem;
    box-sizing: border-box;
    box-shadow: rgba(142, 154, 173, 0.1) 0px 2px 0px 0px inset, rgb(210, 215, 223) 0px 0px 0px 1px inset, rgb(255, 255, 255) 0px 1px 0px 0px;
    color: rgb(67, 77, 93);
    font-size: 0.875rem;
    line-height: 1.5;
    min-height: 2.8125rem;
    outline: 0px;
    padding: 0.75rem 1rem;
    transition: box-shadow 0.2s ease 0s;
    width: 100%;
}

    .iMsgpL:focus {
        box-shadow: transparent 0px 0px 0px 0px inset, rgb(80, 156, 246) 0px 0px 0px 1px inset, rgba(80, 156, 246, 0.25) 0px 0px 0px 2px;
    }

.bMslyb,
.liOVdz {
    margin-bottom: 10px;
}

.jHkwuK {
    background-color: #6aae53;
    background-image: linear-gradient(rgba(71,148,56,0),#428f33);
    border-color: #579f4a #4e9340 #327527;
    border: none;
    border-radius: 3px;
    color: #fefefe !important;
    display: inline-block;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1;
    outline: 0px;
    padding: 0.75rem 1.5rem;
    text-decoration: none;
    transition: background-color 0.1s ease-in 0s, box-shadow 0.1s ease-in 0s;
    width: 100%;
}

    .jHkwuK:hover {
        cursor: pointer;
        background-color: #63b945
    }
