/* ##############################
    Sign Up Custom StyleSheet
################################# */

/* Singup Content */
.signup-content-container {
    margin: auto;
    padding: 0 1.5em 0 1.5em;
}
#signup-text {
    font-size: 16px;
    font-weight: bold;
}

/* birthdayintention text, password strenght, confirm password text, */
#password-intention-text ,
#password-strenght-text,
#confirm-password-text {
    margin-top: -.5em;
}


/* term policy aggrement */
.term-policy-aggrement-wrapper {
    display: flex;
    margin-top: 1em;
    flex-direction: row;
    justify-content: space-between;
}
#term-policy-aggrement-checkbox {
    width: 15px;
    height: 15px;
}
.term-policy-aggrement-wrapper p {
    width: 93%;
    font-size: 12px;
    line-height: 18px;
    font-weight: bold;
}

/* create account button */
#create-account-button {
    width: 100%;
    height: 3em;
    color: white;
    background-color: #688E8A;
}

/* ################
    Media Query
################### */

/* =====  Mobile View (!) Width ( 320px <-> 425px ) (!) ===== */
/* @media only screen and ( min-width: px ) {  }  */

/* =====  Tablet View (!) Width ( 425px <-> 768px ) (!) ===== */
/* @media only screen and ( min-width: px ) {  }  */

/* ===== Medium Laptop View (!) Width ( 768px <-> 1024px ) (!) ===== */
@media only screen and ( min-width: 768px ) {
    /* Signup Content */
    .signup-content-container { width: 53.5em; }

    /*  */

} 

/* =====  Large Laptop View (!) Width ( 1024px <-> 1920px ) (!) ===== */
@media only screen and ( min-width: 1024px ) {
    /* Login Content */
    .signup-content-container { width: 45em; }
    
    #signup-text { margin-bottom: 2em; }

    /*  */
}