@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:6%;}
.logo {margin:0 auto;}
.tagline {font-size:1.4em; 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; }
/*.tagline a {color:#969696;}
.tagline span {
	color:#969696;
	margin-left:15px;
} */
.jumbotron {padding-top:20px;clear:both;margin:5% 10%}

/* might be used but not yet 
#bigfoot {width:100%; background-color:#696969;padding:10px 0;}
#bigfoot h4 {color:#f1f1f1; text-transform:uppercase;}
#bigfoot p, #bigfoot a {color:#050505;}
*/

#footer {width:100%; background-color:#000;position:absolute; bottom:0; left: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;}

/* BUTTONS --------------  */
.btn-square {
	margin:20px;
	font-size: 16px;
	padding: 10px 24px 10px;
	color: #fff;
	background-color: #014e91;  /* #2978b5; */
	border-bottom:5px solid #0397D6; /* nice blue */
}

/* not used 
#navigation {width:100%; height:60px; background-color:#333;
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);}
.navbar-inverse {background-color:transparent;border:none;}
.navbar-inverse ul {padding-top:5px;}
.navbar li {text-transform:uppercase; }
.navbar-inverse .navbar-nav > li > a {
  color: #ccc;
}

.myslides {width:100%;height:auto;}

#hero {position:relative; z-index:-999; width:100%; height:auto;margin-top:-180px;}
#hero img {width:100%;height:auto;max-height:635px;}

#welcome {width:100%; height:auto; background-color:#eee;}

#features {width:100%; height:auto;
background-image:url(../images/background4.jpg); background-repeat:no-repeat; 
/*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);}

.feature-box{width:100%; height:auto; background-color:#333; color:#fff;margin:20px;text-align:center;overflow:hidden;}
.feature-box img {margin:10px;}
.feature-box h4 {text-transform:uppercase;}
*/

/* 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;}*/
}