/* RENAME to something like, "smallHomePages.css" */

/* CSS for Login.php page */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box; /* TODO: ? */
    font-family: "Poppins", sans-serif;
}

/* (1b/2) Footer @ bottom */
/* See footerPages.css */
html,
body {
    height: 100%;
}

/*#content-container {*/
.move-with-menu-logo {
    position: relative;
    margin: 0;
    padding: 60px 0px 0px 0px;
    /* Left-aligned right underneath the menu logo */
    left: 200px;
    /* Guesstimate what the width should be as window.width grows/shrinks to stay visually in-line w/ menu */
    width: 65vw;
}

/* When resizing, resize both width and height */
textarea {
    resize: both;
}

/* Resize text area when window resizes */
#user-msg {
    width: 100%;/*80vw;*/
    height: 25vh; /*150px;*/
}

.msg-content-div {
    position: relative;
    display: flex;
/*    justify-content: space-evenly;*/
/*    align-items: center;*/
}

/* Shift page contents down, below the Menu (60px tall) */
.vertically-shift-for-menu {
    padding-top: 60px;
}

.policy {
    position: relative
}

/* Reduce text by 75% for Policy pages */
.policy p {
    font-size: 75%;
}
/*
 Again, by 75%...
    bootstrap's h1 font-size: calc(1.375rem + 1.5vw);
    bootstrap's h2 font-size: calc(1.325rem + .9vw);
    bootstrap's h3 font-size: calc(1.3rem + .6vw);
 */
.policy h1 {
    font-size: calc(0.75 *(1.375rem + 1.5vw));
}
.policy h2 {
    font-size: calc(0.75 *(1.325rem + .9vw));
}
.policy h3 {
    /*    font-size: calc(0.75 *(1.3rem + .6vw));*/
        font-size: calc(0.75 *(1.2rem + .4vw));
}

















/* Similar to bootstrap class="alert alert-danger" */
.input-error-msg.active {
    display: block;
    color: #842029;
    background-color: #f8d7da;
    border-color: #f5c2c7;
    border-radius: .25rem;
    padding: 1rem 1rem;
}

.input-error-msg {
    display: none;
}

.success-msg.active {
    display: block;
    color: #C862F5;
    background-color: #8FF562;
    border-color: #69F22D;
    border-radius: .25rem;
    padding: 1rem 1rem;
}

.success-msg {
    display: none;
}



.warning-msg {
    display: block;
    color: #155CEA;
    background-color: #eaa315;
    border-color: #bb8611;
    border-radius: .25rem;
    padding: 1rem 1rem;
}




/* Reduce size of this particular text */
.smaller-text {
    font-size: 10px;
}

/* Move checkbox to the left of the policy label's text */
.policy-checkboxes {
/*    float: left;*/
    margin-right: 5px;
}



#terms-div {
    position: relative;
    display: flex;
/*    justify-content: space-evenly;*/
    align-items: flex-start;
}







/* Phone width settings */
@media (max-width: 750px) {
    .move-with-menu-logo {
        /* horizontally center: */
        left: 0px;
        margin-left: auto;
        margin-right: auto;
    }
}