/* --- CSS for LinksPage and All LinkSourceType Pages --- */
/*--- in the oder of how things appear on the page ---*/

/*--- Welcome Page CSS ---*/
  #logo { width: 100%; }
  #logo .welcomelogo { height: 30px; width: 105px; margin-top: 10px; margin-left: 10px; }
  .welcome-title { font-size:6rem; font-weight:300; line-height:6rem; }
  .welcome-subtitle { font-size:2.5rem; font-weight: 300; padding-top:10px; }
  .welcome-instructions { padding-top:40px; max-width:500px;  }
  .welcome-signin { font-weight:900; }
  .welcomebutton { padding-top:40px; }
  .odrivecolor { color:#fff; background-color: #51b7e0; border:none;  }
  .odrivecolor:hover { color:#fff; background-color: #0FA0CE; border:none; } 
  .welcome-form { padding-top:20px; }
  .welcome-form-title { display:block; margin-bottom:5px; font-size:1.2rem; font-weight:700; }
  .welcome-form-input { width:300px; }
  .welcome-form .error { padding-bottom:20px; color:red; max-width:500px;  }
  .welcome-form .input-row { width: 400px; color: #333; background: #fff; font-size:2rem; display:block; margin-bottom:20px; font-weight:300;}
  .welcome-form .input-checkbox-row {color:#333; background: #fff; font-size:2rem; display:flex; margin-bottom:20px; font-weight:300;}
  .welcome-form .input-row > input {  border:solid 1px #ccc; width: 100%; font-weight:300; }
  .welcome-form .input-row input:focus { outline: none; border:solid 1px #45a0c4;}
  .welcome-form .input-row .no-input-text-field { text-align: left; padding-left: 9px; width: 100%; font-weight:300; }
  .welcome-form .input-title{ font-size:1.2rem; color:#999; padding-left:10px; text-transform:uppercase; text-align:left; padding-bottom:1px; margin-bottom:5px; font-weight:700;}

/*--- Verified Email Page CSS ---*/
  .verified-page-title { font-size:3rem; font-weight:300; line-height:3rem; }
  .verify-forum-email-form { padding-top:0; }
  .verify-forum-email-form .input-row { width: 400px; color: #333; background: #fff; font-size:2rem; display:block; margin-bottom:20px; font-weight:300;}
  .verify-forum-email-form .input-checkbox-row {color:#333; background: #fff; font-size:2rem; display:flex; margin-bottom:20px; font-weight:300;}
  .verify-forum-email-form .input-row > input {  border:solid 1px #ccc; width: 100%; font-weight:300; }
  .verify-forum-email-form .input-row input:focus { outline: none; border:solid 1px #45a0c4;}
  .verify-forum-email-form .input-row .no-input-text-field { text-align: left; padding-left: 9px; width: 100%; font-weight:300; }
  .verify-forum-email-form .input-title{ font-size:1.2rem; color:#999; padding-left:10px; text-transform:uppercase; text-align:left; padding-bottom:1px; margin-bottom:5px; font-weight:700;}
  .verify-forum-email-form .error { padding-bottom:10px; padding-left:10px; color:red; }
  .verify-forum-email-form .form-back { padding-top:20px; padding-left:30px; }

/*--- Welcome - Start Linking page css ---*/
  .setup-title { font-size:6rem; font-weight:300; line-height:6rem; }
  .setup-subtitle { font-size:2rem; font-weight: 900; padding-top:10px; }
  .setup-instructions { padding:40px 0 0 0; max-width:500px;  }
  .setup-signin { font-weight:900; }
  .setup-button { padding-top:40px; }

/*--- Tell-A-Friend ---*/
  .taf-button-holder { text-align:left; }
  .taf-title { font-size:6rem; font-weight:300; line-height:6rem; margin-bottom:40px; }
  .taf-subtitle { font-size:2rem; font-weight: 900; padding-bottom:40px; }
  .taf-instructions { max-width:500px; margin-bottom:40px; line-height:2rem; }
  .taf-signin { font-weight:900; }
  .taf-button { display:inline-block; }
  .taf-chest-img { width:40px; vertical-align:-40%; padding-left:10px; }

  .facebookcolor { background-color:#3b5998; }
  .facebookcolor:hover { background-color:#4466ae; }
  .facebookcolor:active { background-color:#2d4575; }
  .facebook-button { display:inline-block; }
  .facebook-button-img { width:30px; vertical-align:-55%; }
  .twittercolor { background-color:#55acee; }
  .twittercolor:hover { background-color:#3b5998; }
  .twittercolor:active { background-color:#3b5998; }
  .twitter-button { display:inline-block;  }
  .twitter-button-img { width:30px; vertical-align:-55%; margin-right:7px; }


/*---- For new link pages -----*/


/*---- Media tags ----*/

@media (min-width: 320px) {
  .smallfb { padding-right:0px; }
}

@media (min-width: 400px) {

}

@media (min-width: 550px) {
  .smallfb { padding-right:15px; }
}

@media (min-width: 590px) {

}

@media (min-width: 750px) {

}

@media (min-width: 1000px) {
  
}

@media (min-width: 1200px) {

}