body, html {
  height: 100%;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.table > thead > tr > th, .table > thead > tr > td, .table > tbody > tr > th, .table > tbody > tr > td, .table > tfoot > tr > th, .table > tfoot > tr > td 
{
	padding: 3px;
}
.redbox {
border-color: red;
border-style: double;
}
#liquid_form .container {
/*border: 1px solid #D3D3D3;
border-color: #00FF00;
border-style:solid;
border-width: 0px 1px;
border-color: #CCC; */
/*new code rf remove padding*/
padding-left: 0px;
padding-right: 0px;
}
.hero-image {
 /* background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(family.png);*/
  background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url(Child05.jpg);
  height: 50%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.hero-text {
	border-width: 1px;
	border-style: solid;
	padding: 20px;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

.hero-text button {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 10px 25px;
  color: black;
  background-color: #ddd;
  text-align: center;
  cursor: pointer;
}

.hero-text button:hover {
  background-color: #555;
  color: white;
}
.section-landing {
 /*background: url("family.png") no-repeat center !important;*/
 background: url("Child05.jpg") no-repeat center !important;
 /*background: url("hfshomehero.png") no-repeat center !important;*/
 background-size: cover !important;
 height: 100%;
 }
 
/*  background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("family.png") no-repeat center;
  height: 50%;
  background-size: cover;
  position: relative;}
  */


  .section-landing .row > div {
    margin-top: 80px; }
   
    .section-landing .row > div .section-landing-heading {
      font-size: 8rem;
      color: #fff;
      text-transform: uppercase; }
      @media (max-width: 600px) {
      
        .section-landing .row > div .section-landing-heading {
          font-size: 16vw; } }
   
    .section-landing .row > div .section-landing-sub-heading {
      margin-top: 0;
      margin-bottom: 50px;
      font-size: 4.3rem;
      color: #fff;
      letter-spacing: 19px;
      text-transform: uppercase; }
      @media screen and (max-width: 600px) {
      
        .section-landing .row > div .section-landing-sub-heading {
          font-size: 4vw; } }

.section-sub-landing {
  background: linear-gradient(transparent, #07aaf6), url("homethumbnail1.jpg") no-repeat center;
  background-size: cover; }

.section-default {
  background: url("homethumbnail3.jpg") no-repeat center;
  background-size: cover; }
  @media (max-width: 767px) {
    
    .section-default:before {
      content: " ";
      width: 100%;
      height: 100%;
      position: absolute;
      z-index: 0;
      top: 0;
      left: 0;
      background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
      /* FF3.6-15 */
      background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
      /* Chrome10-25,Safari5.1-6 */
      background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.59) 41%, rgba(0, 0, 0, 0.62) 43%, black 100%);
      /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 );
      /* IE6-9 */ } }
 
  .section-default .row {
    padding-bottom: 150px; }

.section-knowledge {
  margin-bottom: 40px; }

.navbar-static-top.navbar-inverse {
  /*background-color: #434243; */
  background-color: #0052ac;   
  /*  background-color: darkSlateGray; */


}
.navbar-brand {
    padding: 0px;
}
footer .footer-bottom {
    background-color: #0052ac;
}
.tab-title-old {
background-color: #0052ac;
color: #dad7d7;
}
/*/.tab-title {
border-style: double !important;
border-color: #0052ac !important;
//border-radius: 5px !important;
border-width: 1px 1px 1px 1px !important;
border-bottom-width: 3px !important;
border-bottom-color: red !important;
padding: 3px !important;
}
*/
/*//.section-title {
//border-style: solid !important;
//border-color: red !important;
//border-width: 0px 0px 1px 0px !important;
//font-size: 15.5px !important;
///*padding: 3px !important; 
}*/

.section {
border-style: solid;
border-color: #7F3F5E;
border-width: 1px 0px 0px 0px;
/*margin-top: 3px;
margin-bottom: 3px;*/
font-size: 13.5px !important;
font-weight: normal;
/*padding: 3px !important;*/   
} 
.form-control {
	height: 27px;
	font-size: 13.5px !important;
	font-weight: normal;
	padding: 3px 6px;
}

.list-group-item {
	border:0px solid #0052ac;
}
/*newcode progress list complete and active*/
.list-group-item-success {
color: #fff;
background-color: #7F3F5E;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
color: #fff;
background-color: #0052ac;
border-color: #0052ac;
}

legend {
	font-size: 13.5px;
	margin-bottom:0px;
	/*/ New Style RF 10/24/19 /*/
	font-weight:bold;
	border-style:solid;
/*	border-color:#7F3F5E; 
	border-width: 5px 0px;*/
}
.page_section {
	color: #666;
}
.page-copy {
	margin-bottom: 0px;	
}
fieldset { 
    border: 1px solid #ddd;
}
.crmEntityFormView .cell {
	padding: 5px 5px 5px 5px;
}
.crmEntityFormView fieldset {
	margin-bottom: 0px;
}
.crmEntityFormView .cell .picklist input[type=radio] {
	vertical-align: middle;
}
/*/New Style class .section-title.show-bar RF 10/24/19 /*/
/*.crmEntityFormView .section-title.show-bar{
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	border-top: 5px solid #7F3F5E;
	}*/

.crmEntityFormView .show-bar.section-title {
	border-bottom-width: 0px;
}
.crmEntityFormView .section-title {
	margin-bottom: 0px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-top: 4px;
	border-top: 5px solid #7F3F5E;
}

.alert-warning{
	background-color: #f5f5f5;
	border-color: #CCC;
	
}
h1, .h1 {
	font-size: 34px;
}
h2, .h2 {
	font-size: 22.5px;
}
body {
	font-size: 13.5px;
	color: #666;
/*	line-height: normal; */
}
footer {
	color: #fff;
	background-color: #0052ac; 
	


}
div#footer
{
/*	border-top: 2px #9a0202 solid; */
	clear: both;
	background: transparent url(HFSLogoFooterV1.png) right bottom no-repeat; 
/*	background-color: #434243;  */
	background-color: #0052ac; 
	height: 160px;  
	

/*    border-top: 2px white solid;
	border-left: 2px white solid;
	border-right: 2px white solid;
	border-bottom: 2px white solid;*/
/*	width:982px;  */
/*	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding-bottom: 1.5em;
	*/
/*	color: #4d4d4d; */
    color: white;
    margin: auto;
   position:relative;

    display: block;
    width:100%;
}
#footer-inner {
	position:relative;
	width:960px;
	margin:auto;
}

	/*
		Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
		http://www.tanfa.co.uk/archives/show.asp?var=300
	*/

	div#footer:after 
	{
		content: ".";
		display: block;
		visibility: hidden;
		clear: both;
		height:      0;
		line-height: 0;
		font-size:   1px;
	}

	div#footer { display: inline-block; }

	/* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
	* html div#footer { height: 1%; }

	div#footer { display: block; }
	/**/ /* end hidden from IE 5 Mac */
	
	
	/* aria-label for the footer */
	div#footer h2
	{
		position: absolute; 
		left: -10000px;
	}

	div#footer div.group
	{
		float: left;
		display: inline; /* This helps IE with floated elements */
	}
	
		/* Properties for a 3-column footer */
		div#footer.three-column div.group
		{
			width: 22%; /* 17em / 77em = 22% */    
/*			margin-left: 9.0%; /* 5.1em / 77em = 6.6% */	
/*			margin-top: 3%;		*/

		}
	
		/* Properties, if need be, for a 4-column version */
		div#footer.four-column div.group
		{
			width: 16.5%; 
			margin-left: 6.75%;
		}
	

		div#footer div.group h2
		{
			/* Make sure that this header isn't hidden, like 
				the aria label is */
			position: static;
			font-weight: bold;
			color: #224477;
		}

		div#footer div.group a
		{
		/*	color: #224477; */
		/*     color: #4d4d4d;  */
		     color: white;

			/* This allows for a wider click area, putting 
				Fitts' Law to work for us. 
				http://particletree.com/features/visualizing-fittss-law/
			*/
			display: block;
		}
	
			/* Using the TripSwitch to trigger hasLayout for IE6
				http://www.tanfa.co.uk/css/examples/haslayout/tripswitch-demo.asp */
			* html div#footer div.SOISummaryLinks ul li a {display: inline-block;} /* trigger haslayout for IE>5.0 */
			* html div#footer div.SOISummaryLinks ul li a {display: block;} /* put it back to what it should be in separate rule */
			/* end TripSwitch */