#bottomBanner
{
    position: fixed;
    bottom: 0px;
    left: 0px;
    width: 100%;
    transition: all .6s ease-in-out;
    transform: translateY(0);
    background-color: var(--gt-navy);
    background-image: url("/themes/contrib/gtsubtheme/images/spaceEmailSignUp.png");
    background-repeat: no-repeat;
    background-position: right;
    background-size: contain;
    height: 0px;
    z-index: 500;
    line-height: 1rem;
    box-shadow: 0px -1px 5px 0px gray;
}

#bottomBanner h2, #bottomBanner, #mce-responses
{
    color: white;
}

#bannerContent
{
    display: flex;
    flex-direction: row;
    max-width: 1280px;
    margin: 20px auto;
    padding-left: 20px;
}

#signupText
{
    flex-basis: 30%;
}

#signupText h2
{
    margin: 5px 0px;
}

#signupForm
{
    flex-basis: 70%;
    padding-left: 20px;
}

#signupForm .button
{
    background-color: white;
    border: 0 none;
    border-radius: 4px;
    color: var(--gt-navy);
    cursor: pointer;
    padding: 6px 22px;
    text-align: center;
    text-decoration: none;
    transition: all 0.23s ease-in-out 0s;
}

#signupForm .button:hover
{
    background-color: var(--gt-gold);
}

#ppDiv input[type="checkbox"]
{
    accent-color: #03585E;
}

#signupEmail, #mce-EMAIL
{
    width: 50%;
    margin-bottom: 10px;
}

#ppDiv
{
    width: 50%;
}

#ppAgree
{
    height: 1.8em;
    width: 1.8em;
    float: left;
    margin-right: 10px;
}

#ppDiv label
{
    display: block;
	font-size: .9em;
}

#signupSubmit, #mc-embedded-subscribe
{
    margin-left: 10px;
}

#bannerCloseButton
{
    position: absolute;
    right: 10px;
    top: 10px;
    border: 0px;
    background-color: #61c7d7;
}

#mce-responses
{
    margin-right: 50px;
}

#signupButton
{
    display: none;
}

@media only screen and (max-width: 1315px)
{
    #bottomBanner
    {
        background-position-x: calc(100% + 150px);
    }
}

@media only screen and (max-width:1020px)
{
    #bottomBanner
    {
        background-position-x: calc(100% + 200px);
    }
}

@media only screen and (max-width:900px)
{
    #bottomBanner
    {
        background-image: none;
    }
}

@media only screen and (max-width: 770px) 
{
    #signupForm
    {
        display: none;
    }
    
    #bannerContent
    {
        flex-direction: column;
    }

    #signupButton
    {
        display: inline-block;
        margin-top: 10px;
    }

    #signupButton a
    {
        background-color: #61c7d7;
    }
}