.Logo {
	margin: 1rem 0 2rem;
}

#FullPage {
    grid-template-rows: auto 1fr auto;
}

#LeftSideDiv,
#RightSideDiv {
    display:none;
}

#ContentDiv{
    padding: 3rem 1rem;
    display: flex;
    align-items: center;
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
}

.SiteErrorPage #ContentDiv {
    display: block;
	padding-bottom: 0;
}

#FooterDiv {
    margin-top: 0;
}

/* #login-right-content{
    margin: 0 6rem;
} */

.two-columns.fscs-img-and-link {
    grid-template-columns: 1fr 100px;
}

.two-columns.mobile-icons {
    grid-template-columns: auto auto;
    align-items: center;
    justify-content: flex-start;
}

#content-area-one,
#content-area-two {
    background-color:#ffffff;
    max-width:500px;
    padding:2rem;
    border-radius:20px;
}

#content-area-one h2,
#content-area-two h2 {
    margin-top:0;
}

#content-area-two {
    margin-top:2rem;
}

.icon-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.apple-icon {
    width: 120px;
    height: auto;
}

.android-icon {
    width: 150px;
    height: auto;
}

.fscs-icon{
    width: 100px;
    height: auto;
}

.apple-icon img, .android-icon img, .fscs-icon img {
    max-width: 100%;
}

.Answer,
.Answer input {
    max-width: 100%;
}

.UsernamePasswordCheck input[type="text"],
.UsernamePasswordCheck input[type="password"] {
    max-width:50%;
}

.InternetSignInControl {
    max-width: 380px;
    width:100%;
}

#ContentWrapper{
    display: grid;
    background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgdmlld0JveD0iMCAwIDkzOSA2MjYiPjxkZWZzPjxzdHlsZT4uY2xzLTEge2ZpbGw6Izk2Y2ZlYTsgfSAuY2xzLTIge2ZpbGw6IzhmMWE5NTsgfTwvc3R5bGU+PC9kZWZzPjxnPjxnIGlkPSJMYXllcl8xIj48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik05MzksNjI2aC00MjEuN2MzNC4yLTc2LjIsNzYuMy0xNTguNSwxMjguMi0yNDRDNzQxLjcsMjIzLjksODQ1LjUsOTcuNiw5MzguOCwwaDBjMCwyMDguNy4yLDQxNy4zLjMsNjI2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTcyOS4xLDYyNmgwYy0zLjYtMzAuNy0xMy41LTc5LjYtNDQuNi0xMzAuMy0xNS42LTI1LjQtMzIuNy00NS4yLTQ3LjgtNjAsMCwwLTE5LjYtMTgtNDEuNi0zMi44QzM4Mi45LDI2MC41LDI4LjMsNDQ3LjYsMCw2MjZjMjQzLDAsNDg2LjEsMCw3MjkuMSwwWiIvPjwvZz48L2c+PC9zdmc+") right bottom / contain no-repeat;
}

h1 {
    margin-bottom: 2rem;
    margin-top: 0;
}

p#mem-question { text-transform: lowercase; }
p#mem-question::first-letter { text-transform: uppercase }

.ActionButtons.Action {
    margin: 2rem 0 1rem;
    display: flex;
    justify-content: flex-start;
}

.InternetSignInControl .ActionButtons.Action .Button {
    width: 100%;
    max-width: max-content;
    background: var(--greater-black) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14'><path d='M1 1L7 7L1 13' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' fill='none'/></svg>") right 1.3rem center / 9px no-repeat;
    padding-right: 2.5rem;
        &:hover,
        &:focus-visible {
            background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='9' height='14' viewBox='0 0 9 14'><path d='M1 1L7 7L1 13' stroke='%230A0203' stroke-width='2' stroke-linecap='round' fill='none'/></svg>") right 1.3rem center / 9px no-repeat;
        }
}

.UsernamePasswordCheck input[type="text"], 
.UsernamePasswordCheck input[type="password"] {
    max-width: 100%;
}

#forgotten-details {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    height: 5rem;
    margin-top: 2rem;
}

#forgotten-details p {
    margin:0;
}

.Alert.Error,
.Error {
    color: #fff;
    font-size: var(--base-font-size);
    background: var(--stockport-red) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'><g clip-path='url(%23clip0_1073_772)'><path d='M8 16C10.1217 16 12.1566 15.1571 13.6569 13.6569C15.1571 12.1566 16 10.1217 16 8C16 5.87827 15.1571 3.84344 13.6569 2.34315C12.1566 0.842855 10.1217 0 8 0C5.87827 0 3.84344 0.842855 2.34315 2.34315C0.842855 3.84344 0 5.87827 0 8C0 10.1217 0.842855 12.1566 2.34315 13.6569C3.84344 15.1571 5.87827 16 8 16ZM8 4C8.41562 4 8.75 4.33437 8.75 4.75V8.25C8.75 8.66562 8.41562 9 8 9C7.58437 9 7.25 8.66562 7.25 8.25V4.75C7.25 4.33437 7.58437 4 8 4ZM7 11C7 10.7348 7.10536 10.4804 7.29289 10.2929C7.48043 10.1054 7.73478 10 8 10C8.26522 10 8.51957 10.1054 8.70711 10.2929C8.89464 10.4804 9 10.7348 9 11C9 11.2652 8.89464 11.5196 8.70711 11.7071C8.51957 11.8946 8.26522 12 8 12C7.73478 12 7.48043 11.8946 7.29289 11.7071C7.10536 11.5196 7 11.2652 7 11Z' fill='white'/></g><defs><clipPath id='clip0_1073_772'><rect width='16' height='16' fill='white'/></clipPath></defs></svg>") no-repeat left 1.5rem top 1.5rem / 15px auto;
    padding: 1rem 1rem 1rem 3.5rem;
}

.MemorableDetails1 select,
.MemorableDetails2 select,
.MemorableDetails3 select{
    width:20%;
    margin-bottom: 0;
}

#forgotten-details a {
    color: var(--anchor-link-colour);
    font-weight: normal;
    text-underline-offset: 0.4em;
    text-decoration-thickness: max(2px);
    font-size: 1rem;
}

#forgotten-details a:hover {
    color: var(--anchor-link-hover-colour);
}

.RememberMe input[type="checkbox"]{
    flex-basis:67px;
}

.CheckBoxQuestion {
    display: flex;
}

.CheckBoxQuestion label{
    font-size: 1rem;
}

.Error {
    max-width: 100%;
}

@media only screen and (min-width:600px) and (max-width:1023px) {
    #FullPage {
        padding-top: 0;
    }
    #ContentDiv{
        padding: 2rem 1rem 5rem;
    }
    #login-right-content{
        margin:0;
    }
    #ContentWrapper{
        grid-template-columns: 1fr;
        background-size: contain;
    }
    .InternetSignInControl{
        margin:0;
    }
    #forgotten-details{
        margin-bottom: 200px;
    }
    #ContentWrapper{
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 920 626'><defs><style>.cls-1{fill:%2396cfea;}.cls-2{fill:%238f1a95;}</style></defs><g><g id='Layer_1'><path class='cls-2' d='M820.5,97c-144.4,188-264.9,395.7-322,529l25-1.2v1.3h396.5V0l-99.5,97Z'/><path class='cls-1' d='M640.2,626l69.1-78.3C554.1,178,34.5,408.4,0,626h640.2Z'/><path class='cls-1' d='M744.9,626c-12.9-39-30.4-76.5-51.3-110.7h-207.9l4.3,110.7h254.9Z'/></g></g></svg>") right bottom / 100% no-repeat;
    }
    .ActionButtons.Action{
        margin-bottom:1rem;
    }
    #reset-password {
        margin-bottom: 0;
    }
}
@media only screen and (max-width:600px) {  
    #forgotten-details {
        margin-bottom:250px;
    }
    #ContentWrapper{
        background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 920 626'><defs><style>.cls-1{fill:%2396cfea;}.cls-2{fill:%238f1a95;}</style></defs><g><g id='Layer_1'><path class='cls-2' d='M820.5,97c-144.4,188-264.9,395.7-322,529l25-1.2v1.3h396.5V0l-99.5,97Z'/><path class='cls-1' d='M640.2,626l69.1-78.3C554.1,178,34.5,408.4,0,626h640.2Z'/><path class='cls-1' d='M744.9,626c-12.9-39-30.4-76.5-51.3-110.7h-207.9l4.3,110.7h254.9Z'/></g></g></svg>") bottom / 120% no-repeat;
    }
}
@media only screen and (max-width: 400px) {
    #forgotten-details {
        flex-direction: column;
    }
}