/* Use .ccm-page on any html and bootstrap elements to avoid conflicts. */
body {
   background-color:#ffffff;
/*   background:#dddddd url('../images/fpf_background.jpg') no-repeat fixed center;*/
   background-size:100%; /*1199px 800px;*/  
   font-family: 'Open Sans', Arial, Helvetica, sans-serif;   
   text-align:center;
   margin:0;
   padding:0;
   color:#666666;
}

/* Fix for some conflict/but in c5 that won't show attribute forms */
div.ccm-panel-detail {display:block;}
/* Fix for html editor formatting. */
div.ace_content,
div.cke_wysiwyg_div { text-align:left; }

/* Prefix tag elements with .ccm-page to avoid c5 css conflicts */
h1,
h2,
h3,
h4 {    
	font-family: 'Lora', Garamond, serif; 
	font-weight: normal;
	color:#999999; 
}
.dropshadow {
	text-shadow: 2px 2px 2px #aaa;
}
a { color:#666666; }
a:hover { color:#333333; }
a:active,
a:visited {
   color:#999999;
}
#bodyWrap {
   width:100%; /*1200px;*/
   margin:0;
   padding:0;
   border:0;
   color:#666666;
   background-color:#ffffff;
   font-size: .9em;
   line-height:1.5em;   
   font-weight:300;
   text-align:left;
}
 
/**** HEADER ****/

#headerWrap, #headerHomeWrap {
	text-align:left;
	margin:0;
	padding:0;
	height:auto;	
	background-color:#FFFFFF;
}

#logoWrap {
   display:inline-block;
   width:25%;
   height:auto;
   margin:0px;
   padding:0;
}
#logoImg {
   width:80%;
   margin:30px 50px;
   z-index:31;
}

/**** MENU ****/

#menuWrap {
  display:inline-block;
  height:auto;
  width:70%;
  margin:0;
  margin-top:60px;
  background-color:transparent;
  z-index:30;
  border:0;
  line-height:1em;
  vertical-align:top;
  font-size:1.2em;
}
#topMenu {
	display:block;
}
#topMenuToggle {
	display:none;
}
.pure-menu li ul {
     border: 0!important; border-top: 1px solid #ddd!important; border-left: 1px solid #eee!important;
     box-shadow: 1px 2px 3px rgba(0,0,0,.3)!important;
}
.pure-menu li a { padding: 13px 20px!important; color: #666666; text-shadow: 0 1px 1px #fff; text-decoration:none;}
.pure-menu li li a { padding: 6px 20px!important; line-height:1.7em;}
#topMenu.pure-menu li li ul {
	left: 100%;
	top: -1px;
}

.pure-menu ul li li a,
.pure-menu-children a { padding: 4px 20px!important; font-size: 14px; }
.pure-menu-children .pure-menu-separator { margin: 0 2px!important; }
.pure-menu ul li li,
.pure-menu-children li { border-bottom: 0!important; }

.nav-selected,
.pure-menu-selected { 
	background-color: #FAEDD6;
}

/* Add arrow to parents with children */
.nav > li > a,
.pure-menu-list > li.pure-menu-has-children > a {
  background-repeat: no-repeat;
  background-position: 100% 21px;
}

.arrow {
     display: inline-block; zoom: 1; *display: inline;
     width: 0; height: 0; vertical-align: middle;
     border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 4px solid #888;
}

/* Common Effects */
.trans_black {
   background-image:url('../images/trans_black40.png');
}
.back_white {
   background-color:#ffffff;
}

.clear {
	clear:both;
}
.center_content {
	text-align:center;
}
.custom-wrapper.open {
    height: 14em;
}

.custom-menu-3 {
    text-align: right;
}
.custom-toggle {
	width: 34px;
	height: 34px;
}

.custom-toggle .bar {
	background-color: #777;
	display: block;
	width: 20px;
	height: 2px;
	margin:5px;
	border-radius: 100px;
}

/**** SPLASH ****/
#splashWrap {
   width:100%;
   height:auto; /*65vw; /* vw=viewport width */
  /* background:url('../images/tbm_header.jpg') no-repeat scroll center top;*/
  /* background-size:100%;*/
}
#meetDiv {
	position:relative;
	width:60%;
	left:10%;
	top:90px;
}
#meetImg {
	width:60%;
}

/**** MAIN ****/

div.mainWrap {
   width:100%;
   margin:0 auto;
   padding:0;
}

div.mainWrap:after {
  clear:both;
}

/* Layout for full content */
.fullContent,
.full_content {
   width:90.65%; /*1100px;*/
   min-height:200px;   
   padding:4.66667%; /*50px;*/
   margin:0;
   border:0;
   background-color:#ffffff;
}

/* Sidebar Layout */
.content_main {
	padding:2em;
	margin:0;
	border:0;
}
.sidebar {
    width:19.166667%; /*230px;*/
    min-height:400px;
    min-width:300px;
    padding:2em 4em;
    text-align:left;
	margin-left:0;
	margin-right:0;    
}
.left_sidebar {
	float:left;
}
.right_sidebar {
	float:right;
}
.content_with_sidebar {
   /* width:48.333333%;*/ /*580px;*/
    margin:0;
    padding:2em 4em;
    min-height:400px;
    text-align:left;
}
.content_with_left_sidebar {
	margin-left:30%;
}
.content_with_right_sidebar {

}

.two_column {
   -moz-column-count:2; /* Firefox */
   column-count:2;
   -moz-column-gap:40px; /* Firefox */
   column-gap:40px;
}

/* C5 Feature Blocks */
.ccm-layout-column-wrapper {
	background:#eeeeee;
	padding:15px;
}
.ccm-layout-column {

}
.ccm-layout-column-inner {

}
.ccm-block-feature-item {
	margin:15px;
	padding:3px 5px 5px 0;
	height:100%;
	background-color:#FFFFFF;
}
.ccm-block-feature-item h4 {
	margin-left:15px; /* To accomodate icon */
	margin-bottom:0;
	color:#333333;
	font-size:1.2em;
}
.ccm-block-feature-item h4 a:link,
.ccm-block-feature-item h4 a:active,
.ccm-block-feature-item h4 a:visited { color:#333333; text-decoration:none; }
.ccm-block-feature-item h4 a:hover { color:#666666; }
.ccm-block-feature-item .fa {

}
.ccm-block-feature-item p {
	color:#666666;
	margin-top:0;
}

/* Horizontal Sections */
.section_fixed {
	width:84.1%; /*1100px;*/
	margin:0 auto 0;
	padding:10% 8%; /*40px 50px;*/
	text-align:center;
	position:relative;
	background-color:transparent;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-attachment:fixed;
}

.section_fixed h1,
.section_fixed h2,
.section_fixed h3,
.section_fixed h4 { 
	font-family: 'Lora', Garamond, serif; 
	font-weight:400;
	color:#ffffff;
	letter-spacing:.3em;
}
.section_fixed h1 { font-size:2.5em;  }
.section_fixed h2 { font-size:2em;  }
.section_fixed h3 { font-size:1.5em;  }
.section_fixed h4 { font-size:1em;  }
.section_fixed p {
   margin:40px;
   font-size:1.2em;
   letter-spacing:.2em;
   line-height:1.2em;
   color:#333333;
/*   text-shadow: 2px 2px 2px #fff;   */
}
.sectionDownArrow {
   bottom:0px;
}
.sectionDownArrow img {
   width:60px;
}

/* Feature Block Formatting */
.featureContent {
  width:100%; /*1100px;*/
  display:table;
  text-align:center;
  vertical-align:top; 
  margin-top: 6em;
}

.featureLinks {
   position:relative;
   width:25%; 
   min-width:320px;
   height:auto;
   padding:0px;
   margin:auto 2%;
   margin-bottom:4em;
   display:inline-block;
   vertical-align:top;
   text-align:left;
   border:1px solid #eeeeee;
   border-radius:0 0 8pt 8pt;
   background-color:#eeeeee;
   /* IE fix. */
   *display: inline;
   zoom: 1;
}
/* Makes whole div clickable. */
.featureLinks a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-decoration: none;
  text-align:center;
  padding-top: 30%;
 /* z-index: 10; */
  background-color: #FFF; /* Fix to make div clickable in IE */
  opacity: 0; /* Fix to make div clickable in IE */
  filter: alpha(opacity=1); /* Fix to make div clickable in IE */
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}
.featureLinks a:hover {
  opacity:0.2;
  filter: alpha(opacity=20);
}
.featureContent:after {
   content: '';
   width: 100%;
   display: inline-block;
}
.featureLinksImage img {
   width:100%;
}
.featureLinksTitle,
.featureLinksText {
  text-align:left;
}
.featureLinksTitle {
   font-family: Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
   font-size:1.8em;
   font-weight:normal;
   text-transform:uppercase;
   margin:5px 10px;
   color:#333333;
}
.featureLinksText{
   font:1em Arial;
   margin:5px 10px 10px;
   color:#666666;
}

/* Footer Styling */
#footerWrap {
   clear:both;
   width:100%;
   bottom:0;
   height:auto;
   padding:0;
   margin:0;
   background-color:#ffffff;
}

#footerColumnWrap,
#footerMenuWrap,
#footerContactWrap {
	margin:0;
	padding:0;
}
#footerColumnWrap { padding:0; width:100%; }

#footerMenuWrap {
	/*width:74%; /* Column breaks w/out this pure width override */
	/*min-width:320px;*/
}
#footerMenu,
#footerSocial,
#footerContent  {
	padding:0;
	padding-top:30px;
	padding-left:30px;
}
#footerContact,
#footerUser {
	padding-top:30px;
}
#footerContent,
#footerUser {
	padding-bottom:30px;
}

/* footerMenu overrides pure menu */

#footerMenu { width:100%; margin:0 0 30px 0; }
#footerMenu a { text-decoration:none; }
#footerMenu a:link,
#footerMenu a:active,
#footerMenu a:visited { color:#666666; }
#footerMenu a:hover { color:#006600; }

#footerContent .ccm-layout-column-wrapper {
	text-align:left;
	margin:0;
	padding:0;
	background-color: #ffffff;
}

#socialMediaLinks a,
.ccm-block-social-links a {
	margin:0 3% 0 0;
	color:#333333;
	font-size:3em;
}
.ccm-block-social-links ul.list-inline { width: 100%; } 
.ccm-block-social-links ul.list-inline li {
	margin-right: 3%;
}
.ccm-block-social-links a:last {
	margin:0;
}

.hide-link a { color:white; }
.hide-link a:hover,
.hide-link a:active,
.hide-link a:visited { color:black; } 

.stretch {
   width:100%;
   display:inline-block;
   content = '';
   font-size:0;
   line-height:0;
}
#searchDiv { margin:30px 0; }
#searchDiv input { padding:5px; }
#searchResultsDiv { padding:40px; }
#searchResultsDiv ul { list-style-type:none; }

/* Registration Form */
#regFormDiv {
   display:none;
   position:absolute;
   top:0;
   width:100%;
   padding:20px;
   background-image:url('../images/trans_black40.png');
   color:#dddddd;
}
#regFormTable {
   margin:auto;
   width:75%;
}
#regFormTable td {
   text-align:left;
}
#regFormTable td:first-child {
   text-align:right;
}
#regFormTable input {
   height:15px;
   margin:5px;
   padding:3px;
}

/* Generic Form */
.tbmform {
	margin:auto;
	width:50%;
	max-width:450px;
}
.tbmform .row { margin: 20px 10px; }
.tbmform input {
	margin:5px;
	padding:3px;
}
.tbmform input[type=email] { width:265px; }
.tbmform input.address_1,
.tbmform input.address_2 {
	width:400px;
}
.tbmform .state { width:80px; }
.tbmform input.postal_code { width:80px; }
.tbmform_textarea { width:400px; height:100px; }
.tbmform .clearfix { overflow:auto; }

/* Contact Form */
.fields { margin:auto; padding:10px;}
.fields div.form-group { text-align:left; }
.fields div.field-text { white-space:nowrap; }   

/* Ad Popup */
#backToSchoolDiv {
   display:none;
   width:1000px;
   height:600px;
   margin:auto;
   padding:40px;
   background: #ffffff url('../images/family_2_1000_600.jpg') no-repeat scroll center;
   background-size:100%;
   z-index:35;
}
/*
#btsTop { margin-top:30px; font-size:120%; line-height:.8em; }
#btsTop h1, #btsTop h2 { color:grey; }
#btsBottom {
   color:white;
   margin-top:350px;
}
#btsBottom h1, #btsBottom a { color:white; }
#btsBottom a { font-weight:bold; }
#btsLink {
   margin-top:30px;
   padding:20px 30px;
   border:2px solid white;
   background-color:transparent;
}
#btsLink:hover { 
   background-color:#eeeeee;
   opacity:0.5;
   color:black;
}
*/

/* Video Popup */
#videopopup {
   display:none;
}

/* ipad has some descrepency between screen width and layout. Use 800px. */
@media only screen and (min-width: 800px) {

	#topMenu {
	  display:block !important; 
	}
}

@media only screen and (max-width: 768px) {

	#logoWrap {width:100%;display:block;margin:0 auto;padding-top:20px;}
	#logoImg {display:block;width:200px;margin:auto;padding:0;}	
	#footerWrap {display:block;}
	
	/*** Vertical Menu ***/	
	#menuWrap { width:100%; margin-top:10px; }	
	#topMenuToggle { display:block; }
	.pure-menu {
	  display:block;
	  width: 100%;
	  border-style: solid solid none solid;
	  border-color: #deb887;
	  border-size: 1px;
	  border-width: 1px;
	}
	.pure-menu ul {
	  width:100%;
	  list-style: none;
	  padding: 0px;
	  margin: 0px;
	  z-index:40;
	}
	.pure-menu li a {
	  height: auto;
	  text-decoration: none;
	  font-weight: normal;
	  padding: 8px 0 0 10px;
	}
	.pure-menu li a:link,
	.pure-menu li a:visited {
	  color: #696969;
	  display: block;
	  background-color:#d2b48c; /* default */
	}
	.pure-menu li a:hover {
	  color: #696969;
	  background-color:#deb887; /* dark */
	}
	.pure-menu li a:active {
	  color: #696969;
	  background-color:#ffebcd; /* light */ 
	}
	/* Override default horizontal. Now vertical */	
	.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
		display:block;
	}
	#topMenu { display:none; }
	#footerMenu { display:none; }
	.featureContent {
		text-align:center;
	}
	.featureLinks {
		width:80%;
		margin-bottom:12%;
	}
	.left_sidebar,
	.right_sidebar {
		float:none;
	}	
	.content_with_left_sidebar,
	.content_with_right_sidebar {
		margin-left: 0;
		margin-right:0;
	}
	/* Fixed section formats */
	.section_fixed { 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

	}
	.section_fixed p { color:#000000; }
	.section_fixed h1 { font-size:1.5em; letter-spacing:normal; }	
}

/* ios phone */
@media only screen and (max-width: 480px)  {
	.ccm-layout-column,
	#footerMenuWrap,
	#footerContactWrap { 
		clear:left;
		width:100%!important;
	}
	#footerContactWrap {
		text-align:center;
	}
	#featureBridge {
		background-size:auto 80%;
	}
}