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

/* here is where you put the customizations - load this last */

body {font-family: 'Lato', sans-serif; font-size:16px;line-height:1.5em;}
.container {background-color:none;}
.col-10 {margin-left:10%;}

/* TEXT  ------ 
h1 {font-size:3.5rem;}
h2 {font-family:"Times New Roman", Times, serif; color:#2978b5;font-size:2.5rem;}
*/
h1, h2, h3, h4, h5 {padding-bottom:10px;font-weight:400;}
h4 {padding-top:20px;}
h3 {color:#0397D6;}

th {text-transform:uppercase;}
hr {  border-top: 1px solid #ccc;}
p {font-weight:400;font-size:16px; }
.section-title {font-size:1.75em;padding:10px 0 10px 0;font-weight:400;}

blockquote p{
	color: #09C;
}

.box-hdr {font-size:1.3em; font-weight:400;}
.box-text {font-size:1.1em;/*padding:5px 10px;*/}

.dotted {border-bottom:2px dotted #ccc;}
.antispam {display:none;}
.emphasis {font-size:1.1em; font-weight:bold;}
.bg-info {padding:10px; border:1px solid #69C;}
.marg {margin:10px;}
ul.nobull {list-style-type:circle;}
.nobull li {padding-bottom:3px;}

.list-group-item {padding-top:10px;margin-top:20px;}

/* 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 */
}
.btn-yellow {background-color:#ffe800;}

/* photo frames */
.frame {border:3px solid #ccc;padding:5px;margin:10px;}
.frame2 {border:2px solid #999;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;
}

/* GENERAL  ------------ */

#header {position:relative; width:100%; height:auto; } 
.logo {margin-top:10px;}

#navigation {height:auto;}
.navbar-default {background:none;border:none;}
.navbar li {text-transform:uppercase; padding-top:20px; color:#000;}
.navbar-brand img {margin-top: -7px;}

#credentials {background-color:#f7f7f7;padding:20px 0 20px 0;}

#bigfoot {width:100%; background-color:#024985; /* deep blue */ padding:10px 0;}
#bigfoot h4 {color:#f1f1f1; text-transform:uppercase;}
#bigfoot p, #bigfoot a {color:#e8e8e8;}
.service-area a {text-decoration:underline;}

#footer {width:100%; background-color:#01213c; /* dark navy*/}
#footer p { text-align:center;padding:10px;font-size:90%;color:#f1f1f1;}

/* FORM HANDLING --------- */
.robotic {display:none;}
.myform {
	border: 0;
	border-radius: 0.3125rem 0.3125rem 0.3125rem 0.3125rem;
	background-color:#ccc;
	opacity: 0.9;
	color:#000;
	margin:0;
	padding:15px;
}
.myform p, .myform label {font-size:90%;}

#cta-ribbon {width:100%; height:auto; background-color:#f0ad4e; padding:20px;color:#FFF;/* F93 orange #ffe800*/}

/* SUB PAGE STYLING -----*/
#sub-header {position:relative;}
.pg-banner {margin-top:0;border-top:2px solid #999;box-shadow: 0 5px 4px rgba(0, 0, 0, 0.23);}

#main { padding-bottom:20px; border-bottom:2px solid #999; clear:none;
	/*background: url("../images/pg-strip2.jpg") no-repeat scroll 50% 0 rgba(0, 0, 0, 0);
	background: url("../images/pg-strip2.jpg") no-repeat scroll;
	background-position: 0px 0px;*/
	}

/* IPAD  ----- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
{
/* styles here */
.navbar-brand {height:auto;}
.navbar li {padding-top:0; font-size:90%; }
.nav > li > a {padding:5px 10px;}
/* display the hamburger menu instead of regular top nav */
 .navbar-header {
      float: none;
  }
 /*  .navbar-left,.navbar-right {
      float: none !important;
  } */
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	  float:right; /* bw added */
  }
  /*
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  } */
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
     float: none!important;
     margin-top: 7.5px; 
  }
  .navbar-nav>li {
      float: none;
	    }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
	  background-color:#fff; /* bw added */
	  width:200px; /* bw added */
  } 
  .navbar-nav > .open {max-width:200px;} /* bw added */
  
  ul { padding-left: 10px; }
}
@media only screen 
and (min-device-width : 610px) 
and (max-device-width : 760px) { 
.navbar li {padding-top:0; background-color:#fff;}
}
/* SMARTPHONE */
@media only screen 
and (max-device-width : 428px) {
/* styles here */
h1{font-size:30px;margin-top:45px;}
h2{font-size:26px;}
#header {position:relative; top:0; width:100%; height:100px;}
.navbar li {text-transform:uppercase; padding-top:0; color:#000;background-color:#fff;}
.col-10 {margin-left:0;}
.mobile-hide {display:none;}
h4.text-center {line-height:1.2em;}
.pg-banner {display:none;}
.section-title {font-size:1.5em;font-weight:400;}

}