@charset "UTF-8";
/* CSS for checkflood.com website */
/* NOTES: container is full width, col-sm-12 gives you 20px padding on either side*/

/*  STYLE GUIDE 
blue : 1f8bcc   31,139,204
green: 99cc00
*/

/* LISTED IN ORDER OF APPEARANCE ON THE PAGE */

body {background-color:#fff; font-family: 'Lato', sans-serif;background:url(https://checkflood.com/images/background2.jpg) no-repeat;}
.container {background-color:none;}

#header {background:none; margin-top: 20px; margin-bottom:3%;}
.logo {margin:0 auto;}
.tagline {font-size:1.8em; font-family:Georgia, "Times New Roman", Times, serif;font-style:italic; color:#fff;letter-spacing:.1rem;padding-top:0;text-shadow: 1px 1px 2px black; }

.jumbotron {padding-top:20px;width:50%;margin:0 auto;margin-bottom:50px; }

#footer {position:absolute; bottom:0; width:100%; background-color:#000;margin-bottom:0;}
#footer p {color:#f1f1f1; text-align:center;padding:10px;}

#adminfooter {background:none;margin:0 auto;margin-top:0; padding-top:0;}

.login {width:35%; margin:0 auto; margin-top:5%; background-color:#eee;border-radius:10px;padding-right:20px;padding-bottom:20px;}
.lender {width:50%; margin:0 auto;margin-top:5%; background-color:#eee;border-radius:10px;padding-right:20px;padding-bottom:20px;}
.lender p, .login p {padding-left:15px; padding-right:15px;}

/* TEXT STYLING ------ */
h1 {font-size:3.5rem;}
h2 {font-family:Georgia, "Times New Roman", Times, serif; color:#2978b5;font-size:2.5rem;}

th {text-transform:uppercase;}
hr {border-top: 1px solid #ccc;}

/* MESSAGES ------------- */
.error {color:#F00;font-weight:bold;}
.success {color:#396; font-weight:bold;}

/* OTHER  ------------- */
.dotted {border-bottom:2px dotted #ccc;}

/* FORMS --------------- */
#formBlock {/*background-color:#eee;*/ padding:20px; }
.antispam {display:none;}

/* BIG FOOT SECTION ---- */

/* photo frames */
.frame {border:3px solid #ccc;padding:5px;margin:10px;}
.frame2 {border:2px solid #ccc;padding:5px;}
.frame3 {padding:10px;background:#fff;box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-moz-box-shadow: 3px 5px 8px rgba(164,166,173,0.70);-webkit-box-shadow: 3px 5px 8px rgba(164,166,173,0.70)}
/* frame 3 is lighter */

/* shadow border bottom - box-shadow: [horizontal offset] [vertical offset] [blur radius] [color];*/
.shadow-bottom {
  -webkit-box-shadow: 0 10px 5px #888888;
  -moz-box-shadow: 0 10px 5px #888888;
  box-shadow: 0 10px 5px #888888;
}

/* IPAD  ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait){
/* styles here */
.tagline {margin-top:20px;}
}

/* SMARTPHONE */
@media only screen 
and (max-device-width : 420px) {
/* styles here */
.tagline {margin-top:10px;}
/*background-image: -o-linear-gradient(top, #303030, #474747);
background-image: linear-gradient(to bottom, #303030, #474747);
background-repeat: repeat-x;
border-bottom: 5px solid #303030;
box-shadow: 0 5px 4px rgba(0, 0, 0, 0.23);*/} 
/*#navigation {width:100%; height:50px; background-image:none;background-color:#222; 
.navbar-inverse {background-color:transparent; border:none;}
.navbar-inverse {
  background-color: #222;
  border-color: #080808;
  z-index: 1;
}
.navbar-inverse ul {padding-top:5px;}
.navbar li {text-transform:uppercase; }
.navbar li .divider {display:none;}
.navbar-inverse .navbar-nav > li > a {
  color: #ccc;
}
#hero {display:none;}*/
}