/*
  Responsive Sections
	@media (min-width: 768px) and (max-width: 979px) 
	@media (max-width: 767px) 
	@media (min-width: 1200px)

	@media (max-width: 480px) 
	@media (max-width: 979px) 
	@media (min-width: 980px) 
*/
/*functions*/
/*curved radius*/
/* Theme Color definitions xxxxxxx */
/*nav brand logo color*/
/*navigation*/
/*panelcolors*/
/*alt panel*/
/*section headlines*/
/*headline for white bg*/
/*headline for dark bg*/
/*lists*/
/*footer colors*/
/* ENDcolor definitions xxxxxxxxxx */
/*padding and margin shims*/
.pt20 {
  padding-top: 20px;
}
.pt10 {
  padding-top: 10px;
}
.pt15 {
  padding-top: 15px;
}
/*Global Patches & Steez */
body {
  position: relative;
  /*margin-top:170px;
		background: url(/images/responsive-ruler.gif) 0 40px  no-repeat;
		/*end*/

}
p {
  color: #0295b1;
  font-size: 14px;
  line-height: 24px;
}
a:link,
a:visited {
  color: #0a9eba;
  text-decoration: none;
}
a:hover {
  color: #9d9d9d;
  text-decoration: none;
}
/*Navigation*/
.navbar-inverse .navbar-inner {
  border-color: #fff;
  background: #0a728b;
  /* Old browsers */

  background: -moz-linear-gradient(top, #0a728b 15px, #0b7d98 50px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(15px, #0a728b), color-stop(50px, #0b7d98));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #0a728b 15px, #0b7d98 50px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #0a728b 15px, #0b7d98 50px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #0a728b 15px, #0b7d98 50px);
  /* IE10+ */

  background: linear-gradient(to bottom, #0a728b 15px, #0b7d98 50px);
  /* W3C */

}
.navbar-inverse .brand {
  color: #ffffff;
}
.navbar {
  position: fixed;
}
.navbar .nav > li {
  padding: 6px;
}
.navbar .nav > li > a {
  color: #fff;
  padding: 4px 8px;
}
.navbar .nav > li > a:hover {
  color: #fff;
  background: #096378;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  background: #00315c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/*END Navigation*/
.topanchor {
  height: 40px;
}
.bnr-headline {
  margin-top: 60px;
  color: #fff;
  font-size: 45px;
  line-height: 55px;
  width: 520px;
}
.photo {
  border: 8px solid #fff;
  margin-bottom: 20px;
}
/*container patches to make width 100% wide*/
.container.fullwide {
  width: 100%;
}
.anchor .container {
  float: none;
}
.biglist {
  /*list-style-type:none;*/

  color: #0295b1;
}
.biglist li {
  font-size: 18px;
  padding-bottom: 10px;
}
.formslist {
  color: #0295b1;
}
.formslist li {
  font-size: 14px;
  color: #0295b1;
}
.formslist li a {
  display: block;
  padding: 4px 4px;
}
/*homepage*/
.splashbanner {
  background: #096378 url(/images/splash-banner.gif) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  margin-bottom: 20px;
  min-height: 350px;
}
.boiler {
  padding-bottom: 40px;
}
.boiler-sub {
  font-weight: normal;
  font-size: 25px;
  color: #007e96;
}
/*other sections*/
.anchor h1 {
  margin-bottom: 30px;
}
#about {
  /*.section-style(#d8d5d5, #efefef);*/

  display: block;
  border-top: 1px solid #c9dfe5;
  background: #c9dfe5;
  /* Old browsers */

  background: -moz-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #c9dfe5), color-stop(110px, #eaf3f6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #c9dfe5 0px, #eaf3f6 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
}
#about h1 {
  color: #007e96;
}
/*about-logos*/
ul.logorow {
  padding: 0;
  margin: 0 auto;
  display: inline-block;
}
.logorow li {
  width: 85px;
  height: 85px;
  display: block;
  float: left;
  margin: 10px;
  margin-bottom: 10px;
  background-image: url(/images/logo-farm.png);
}
/*logos*/
.logorow li#logo-ucla {
  background-position: 0 0;
}
.logorow li#logo-ucsb {
  background: url(/images/logo-farm.png) -134px 0;
}
.logorow li#logo-childrenshospital {
  background: url(/images/logo-farm.png) -268px 0;
}
.logorow li#logo-stanford {
  background: url(/images/logo-farm.png) -402px 0;
}
.logorow li#logo-chc {
  background: url(/images/logo-farm.png) -536px 0;
}
.logorow li#logo-lucilepackard {
  background: url(/images/logo-farm.png) -670px 0;
}
#services {
  display: block;
  border-top: 1px solid #ffffff;
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #ffffff), color-stop(110px, #ffffff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0px, #ffffff 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
}
#services h1,
#services h3,
#services h4 {
  color: #007e96;
}
#services .container .row .bucket {
  border-top: 2px solid;
  border-color: #dbf1f7;
  margin-top: 8px;
}
#services .container .row .bucket img {
  border-bottom: 0px solid #efefef;
}
#services .container .row .bucket:nth-child(2) img {
  border-bottom: 0px solid #0f0;
}
#services .container .row .bucket:nth-child(3) img {
  border-bottom: 0px solid #00f;
}
.children {
  margin-top: -40px;
}
#policies {
  display: block;
  border-top: 1px solid #c9dfe5;
  background: #c9dfe5;
  /* Old browsers */

  background: -moz-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #c9dfe5), color-stop(110px, #eaf3f6));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #c9dfe5 0px, #eaf3f6 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #c9dfe5 0px, #eaf3f6 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
}
#policies h1,
#policies h4 {
  color: #007e96;
}
#forms {
  display: block;
  border-top: 1px solid #ffffff;
  background: #ffffff;
  /* Old browsers */

  background: -moz-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #ffffff), color-stop(110px, #ffffff));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0px, #ffffff 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #ffffff 0px, #ffffff 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
}
#forms h1,
#forms h3 {
  color: #007e96;
}
#contact {
  /*.section-style(#9c2b06, #c23608);*/

  color: #fff;
}
#contact p {
  color: #fff;
}
#contact .span4 {
  text-align: left;
  margin-bottom: 10px;
}
#contact .span4 img {
  width: 52px;
  float: left;
  margin-right: 10px;
}
#contact .span4 p {
  display: block;
  float: left;
}
.modal-body p {
  color: #666 !important;
}
.footer {
  display: block;
  border-top: 1px solid #0b7d98;
  background: #0b7d98;
  /* Old browsers */

  background: -moz-linear-gradient(top, #0b7d98 0px, #0a728b 110px);
  /* FF3.6+ */

  background: -webkit-gradient(linear, left top, left bottom, color-stop(0px, #0b7d98), color-stop(110px, #0a728b));
  /* Chrome,Safari4+ */

  background: -webkit-linear-gradient(top, #0b7d98 0px, #0a728b 110px);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #0b7d98 0px, #0a728b 110px);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #0b7d98 0px, #0a728b 110px);
  /* IE10+ */

  background: linear-gradient(to bottom, #0b7d98 0px, #0a728b 110px);
  /* W3C */

  padding-top: 10px;
  padding-bottom: 40px;
  color: #fff;
}
.footer p {
  color: #fff;
}
.bucket {
  background: #fff;
}
.bucket img {
  width: 100%;
  margin-bottom: 10px;
}
.bucket p {
  padding: 10px;
}
.footer {
  padding-top: 20px;
  /*background: url(/images/kids-footer.jpg) top center no-repeat;
	min-height:200px;*/

}
.footer h1 {
  color: #ffffff;
}
#clipboard {
  float: left;
  padding-right: 10px;
  margin-top: -10px;
}
/*Responsive Patches & Steez*/
@media (min-width: 981px) {
  #about {
    /*orig270*/
  
  }
  #about .span3 {
    width: 170px;
    margin-right: 10px;
  }
  #about .photo {
    width: 100%;
  }
  #about .span9.span9c {
    /*orig870*/
  
    width: 740px;
  }
}
@media (min-width: 1200px) {
  .bnr-headline {
    margin-top: 60px;
    color: #fff;
    font-size: 65px;
    line-height: 75px;
    width: 720px;
  }
  /*#about .span3 img{
  		width:90%;
  	}*/
  #about .span3 {
    /*orig270*/
  
    width: 160px;
    margin-right: 0;
  }
  #about .span3 .photo {
    width: 100%;
  }
  #about .span9.span9c {
    /*orig870*/
  
    width: 980px;
  }
}
@media (max-width: 1199px) {
  .splashbanner {
    min-height: 350px;
  }
  .bnr-headline {
    margin-top: 70px;
    color: #fff;
    font-size: 55px;
    line-height: 65px;
    width: 620px;
  }
}
@media (max-width: 979px) {
  .splashbanner {
    min-height: 300px;
  }
  .bnr-headline {
    margin-top: 70px;
    color: #fff;
    font-size: 45px;
    line-height: 55px;
    width: 520px;
  }
  .biglist {
    /*list-style-type:none;*/
    margin: 0 0 0px 25px;
  }
  .logorow ul {
    padding-top: 20px;
    margin: 0 auto;
  }
  .logorow li {
    width: 85px;
    height: 85px;
    margin-right: 8px;
  }
}
@media (max-width: 767px) {
  /*chenged from 979, this is also changed in main bootstrap responsive css*/
  /*mobile NavBar  */
  .navbar-inverse .btn-navbar {
    background: #0b7d98;
    /* Old browsers */
  
    background: -moz-linear-gradient(top, #0b7d98 15px, #0a728b 50px);
    /* FF3.6+ */
  
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15px, #0b7d98), color-stop(50px, #0a728b));
    /* Chrome,Safari4+ */
  
    background: -webkit-linear-gradient(top, #0b7d98 15px, #0a728b 50px);
    /* Chrome10+,Safari5.1+ */
  
    background: -o-linear-gradient(top, #0b7d98 15px, #0a728b 50px);
    /* Opera 11.10+ */
  
    background: -ms-linear-gradient(top, #0b7d98 15px, #0a728b 50px);
    /* IE10+ */
  
    background: linear-gradient(to bottom, #0b7d98 15px, #0a728b 50px);
    /* W3C */
  
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    position: fixed;
  }
  .navbar-inverse .nav-collapse .nav > li {
    padding: 0px;
  }
  .navbar-inverse .nav-collapse .nav > li > a,
  .navbar-inverse .nav-collapse .dropdown-menu a {
    color: #fff !important;
    font-weight: normal;
    padding: 10px 18px;
  }
  .navbar-inverse .nav-collapse .nav > li > a:hover,
  .navbar-inverse .nav-collapse .nav > li > a:focus,
  .navbar-inverse .nav-collapse .dropdown-menu a:hover,
  .navbar-inverse .nav-collapse .dropdown-menu a:focus {
    background-color: #096378;
  }
  .navbar-inverse .nav-collapse .nav > li.active > a:hover,
  .navbar-inverse .nav-collapse .nav > li.active > a:focus {
    background-color: #00315c;
  }
  /*END mobile NavBar*/
  .logorow li {
    width: 85px;
    height: 85px;
    margin-right: 20px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
  #about .span9 {
    width: 518px;
    padding-left: 20px;
  }
  /*#about .span3{
  		background:#00f;
  	}*/
  #about .span3 img {
    width: 100%;
  }
}
@media (max-width: 767px) {
  .anchor {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
  .navbar-fixed-top,
  .navbar-fixed-bottom,
  .navbar-static-top {
    margin-right: 0px;
    margin-left: 0px;
  }
  /*splashbanner*/
  .splashbanner {
    margin-left: -20px;
    margin-right: -20px;
  }
  .splashbanner .container {
    padding: 0 20px;
  }
  .splashbanner {
    margin-bottom: 20px;
  }
  .boiler {
    padding-bottom: 20px;
  }
  .boiler-sub {
    font-weight: normal;
    font-size: 20px;
    line-height: 29px;
  }
  .bucket {
    padding: 10px;
    display: block;
    margin-bottom: 10px;
    /*	background:#dbf1f7;*/
  
  }
  .bucket img {
    width: 35%;
    float: left;
    /*border:4px solid #fff;*/
  
    margin-right: 10px;
    margin-bottom: 0px;
  }
  .bucket p {
    display: block;
    float: left;
    padding: 0px 10px 0px 10px;
    clear: right;
  }
}
@media (max-width: 530px) {
  .bnr-headline {
    width: 97%;
    margin-top: 70px;
    color: #fff;
    font-size: 36px;
    line-height: 55px;
  }
}
@media (max-width: 480px) {
  .bnr-headline {
    width: 97%;
    margin-top: 50px;
    color: #fff;
    font-size: 34px;
    line-height: 50px;
  }
  .logorow ul li {
    display: block;
    width: 70px;
    height: 70px;
    margin-right: 20px;
  }
  .logorow ul li:nth-child(-n+6) {
    background-size: 623px 70px !Important;
  }
  .logorow ul li:nth-child(3) {
    background: #00f;
    border: 1px solid #0f0 !important;
  }
  /*.logorow li#logo-ucsb{
  		background:  url(/images/logo-farm.png) -110px 0;
  	}
  	.logorow li#logo-childrenshospital{
  		background:  url(/images/logo-farm.png) -220px 0;
  	}
  	.logorow li#logo-stanford{
  		background:  url(/images/logo-farm.png) -330px 0;
  	}
  	.logorow li#logo-chc{
  	  background:  url(/images/logo-farm.png) -440px 0;
  	}
  	.logorow li#logo-lucilepackard{
  		background:  url(/images/logo-farm.png) -550px 0;
  	}*/
  .logorow li#logo-ucsb {
    background: url(/images/logo-farm.png) -134px 0;
  }
  .logorow li#logo-childrenshospital {
    background: url(/images/logo-farm.png) -268px 0;
  }
  .logorow li#logo-stanford {
    background: url(/images/logo-farm.png) -402px 0;
  }
  .logorow li#logo-chc {
    background: url(/images/logo-farm.png) -536px 0;
  }
  .logorow li#logo-lucilepackard {
    background: url(/images/logo-farm.png) -670px 0;
  }
  .children {
    margin-top: -10px;
    width: 150px;
    height: auto;
  }
}
