.darkBG {    
    /* background: rgb(238, 180, 180); */
    background-color: rgb(238, 180, 180);
}

.darkerBG {
    background: #666;
}

.darkestBG {
    background: #333;
}

a.jumbotitle {
    color: black;    
}

a.jumbotitle:hover {
    color: black;
    text-decoration: none;
}

/* 
h4 {
    font-family: 'Exo';
    color: #000; 
    line-height: 1.2; 
    font-weight: 800; 
    font-size: 3em; 
    color: red;
} */

/* Bordered form */
#loginform {
    margin: 20px 20px;    
    border: 3px solid #f1f1f1;    
}

/* Full-width inputs */
input[type=text], input[type=password] {
    width: 100%;
    padding: 2px 2px;
    margin: 5px 0;
    display: inline-block;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* Set a style for all buttons */
button {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
}

/* Add a hover effect for buttons */
button:hover {
    opacity: 0.8;
}

/* Add padding to containers */
.form_content {    
    padding: 26px;    
}

* { 
    padding:0;
    margin:0;
}
  
fieldset {
    border:none;           
}

form {
    width:100%;
    margin:1% auto 2% auto;    
    padding:5px;
    border:solid 1.5px #9FCBFF;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    border-radius:3px;
    background-color: hsl(180, 60%,88%);
}

label {
    font-weight: normal;
    margin:2px 0px;
}

input {          
    border:none;
    background-color:none;            
}

select {
    width:100%;
    margin:3px 0px;
}

#signup-email, #signup-first-name {
    border:1px solid #999999;
    color:blue;
    font-weight: bold;
    font-size: 14px;
    padding:2px 1px;
    margin-left:1px;
    margin-right:4px;
}

#signup-email:focus {
    border-color:#9FCBFF;
    background-color:#DFEEFF;
    background-image:none;
    color:#000;
}

#signup-button {
    background-color: #f9cf00;
    color:black;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:5px;
    padding:5px;
    margin: 5px 0px;
    text-shadow: 1px 1px 1px #5FA8FF;
    border:none;
}

#signup-button:hover {
    cursor:pointer;
    background-color: #fd9902;
}

#signup-response {
    display:block;
    margin-left:4px;
    padding-left:20px;
    color:red;
}

.response-waiting {
    background:url("loading.gif") no-repeat;
}

.response-success {
    background:url("tick.png") no-repeat;
}

.response-error {
    background:url("cross.png") no-repeat;
}

.footer-style h6 {
    font-weight: 100;
    font-size: 10px;
}