/* *********** Merriweather Sans [used to replace print font, Ideal Sans] *********** */ 
@font-face {
  	font-family: 'Merriweather_Sans_Regular'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Regular-eot.eot"); /* for IE */
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Regular-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Regular-otf.otf") format("opentype");
  	src: local("Merriweather Sans Regular"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Regular-ttf.ttf") format("truetype");  /* for non-IE */
	}
@font-face {
  	font-family: 'Merriweather_Sans_Bold'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Bold-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Bold-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Bold-otf.otf") format("opentype");
  	src: local("Merriweather Sans Bold"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Bold-ttf.ttf") format("truetype"); 
	}
@font-face {
  	font-family: 'Merriweather_Sans_Italic'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Italic-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Italic-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Italic-otf.otf") format("opentype");
  	src: local("Merriweather Sans Italic"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Italic-ttf.ttf") format("truetype"); 
	}
@font-face {
  	font-family: 'Merriweather_Sans_Bold_Italic'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-BoldItalic-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-BoldItalic-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-BoldItalic-otf.otf") format("opentype");
  	src: local("Merriweather Sans Bold Italic"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-BoldItalic-ttf.ttf") format("truetype"); 
	}
@font-face {
  	font-family: 'Merriweather_Sans_ExtraBold'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBold-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBold-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBold-otf.otf") format("opentype");
  	src: local("Merriweather Sans ExtraBold"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBold-ttf.ttf") format("truetype"); 
	}
@font-face { /*  *DOES NOT RENDER IN IE <= v9*  */
  	font-family: 'Merriweather_Sans_ExtraBold_Italic'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBoldItalic-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBoldItalic-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBoldItalic-otf.otf") format("opentype");
  	src: local("Merriweather Sans ExtraBold Italic"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-ExtraBoldItalic-ttf.ttf") format("truetype"); 
	}
@font-face {
  	font-family: 'Merriweather_Sans_Light'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Light-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Light-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Light-otf.otf") format("opentype");
  	src: local("Merriweather Sans Light"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-Light-ttf.ttf") format("truetype"); 
	}
@font-face {
  	font-family: 'Merriweather_Sans_Light_Italic'; 
	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-LightItalic-eot.eot");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-LightItalic-woff.woff") format("woff");
  	src: url("../../files/fonts/Merriweather_Sans/MerriweatherSans-LightItalic-otf.otf") format("opentype");
  	src: local("Merriweather Sans Light Italic"), url("../../files/fonts/Merriweather_Sans/MerriweatherSans-LightItalic-ttf.ttf") format("truetype"); 
	}
@font-face {
   font-family: 'Glyphicons Halflings';
   src: url("../../files/fonts/glyphicons-halflings-regular-woff.woff") format("woff");
   src: local("Glyphicons Halflings"), url("../../files/fonts/glyphicons-halflings-regular-ttf.ttf") format("truetype");
}
/* IN ADDITION to bootstrap.css */
html, body {
	background-color: transparent;
	color: #000000;
	font-family: Merriweather_Sans_Regular, Arial, Helvetica, sans-serif;
    overflow-x: hidden;
	width: 100%;
	}
.x-pagetitle {
	display: none;
	}
/* ================================== beg heading styles ================================== */
h1, h2, h3, h4, h5, h6, h7, b, strong {
	font-family: Merriweather_Sans_Bold, Helvetica, Arial, sans-serif;
	font-weight: normal;
	}
h1 {
	font-size: 1.85em; /* 36px; */
	}
h2 {
	font-size: 1.6em; /* 30px; */
	}
h3, h4 {
	font-size: 1.25em; /* 24px; 18px; */
	}
h3 .level2block {
	color: #ffffff;
	}
h5, h6 {
	font-size: 1.15em; /* 1.10em; /* 14px; 12px; */
	}
h7 {
	font-size: 1em; /* 10px; */
	}
@media (min-width: 768px) and (max-width: 1023px) {
  .caption h2 {
    font-size: 1.2em; /* calc(1.2rem + 0vw); */
  }
}
@media (max-width: 1023px) {
  h1 span[class*="endtranstext-"] {
    font-size: .75em;
  }
}
p, ul, ol {
	font-size: 1.15em;
	}
.container ol, .container ul {
  padding-left: 2rem !important;
}
.tagline {
	font-size: 0.5em !important;
	margin-top: 0px;
	padding-top: 0px;
	}
/* ================================== end heading styles ================================== */

/* ================================== beg text styles ================================== */
i, em {
	font-family: Merriweather_Sans_Italic, Helvetica, Arial, sans-serif;
	font-style: normal;
	}
.bold-italic { 
	font-family: Merriweather_Sans_Bold_Italic, Helvetica, Arial, sans-serif; 
	font-style: normal;
	}
.bold-extra { 
	font-family: Merriweather_Sans_ExtraBold, Helvetica, Arial, sans-serif; 
	}
.bold-extra-italic { 
	font-family: Merriweather_Sans_ExtraBold_Italic, Helvetica, Arial, sans-serif; 
	font-style: normal;
	}
.text-thin { 
	font-family: Merriweather_Sans_Light, Helvetica, Arial, sans-serif; 
	}
.text-thin-italic { 
	font-family: Merriweather_Sans_Light_Italic, Helvetica, Arial, sans-serif; 
	}
a, a:link, a:visited, a:hover, a:active {
	color: #CC2027; /* secondary: red */
	outline: none;
	}
a.anchor, a.definitionanchor, a.glossaryanchor {
	display: block; 
	position: relative; 
	visibility: hidden;
	}
a.anchor {
	height: 60px;
	margin-top: -60px;
	}
a.definitionanchor, a.glossaryanchor {
	height: 160px;
	margin-top: -160px;
	}
.kerned {
	letter-spacing: -1px;
	}
.nowrap {
	white-space: nowrap;
	}
.byLine {
	font-size: 55%;
	font-weight: 500;
	}
.link-readmore {
	font-size: 90%;
	font-variant: small-caps;
	line-height: 1.35;
	}
.link-readmore:after { 
	content: ' \00BB'; /* = &raquo; */
	}
.link-raquo:after { 
	content: ' \00BB'; /* = &raquo; */
	}
.separator-verticalbar:after {
	content: ' |';
	}
a.link-pdf, a.link-doc, a.link-xls, a.link-ppt, a.link-swf, a.link-smart, a.link-promethean, 
a.link-tablet, a.link-video, a.link-audio, a.link-html, a.link-zip, a.link-example {
	border-radius: 4px;
	color: #ffffff;
	font-size: 84%;
	font-variant: small-caps;
	font-weight: 500;
	letter-spacing: 1.5px;
	outline: none;
	padding: 1px 4px;
	}
.next, .previous {
	margin-top: 1em;
	}
a.link-next, a.link-previous {
	background: #9e7bb7; /* vio-t2 */
	border-radius: 4px;
	color: #ffffff;
	font-size: 80%;
	margin-right: 4px;
	outline: none;
	padding: 2px 4px 1px;
	}
a.link-pdf:hover, a.link-doc:hover, a.link-xls:hover, a.link-ppt:hover, a.link-swf:hover, a.link-smart:hover, 
a.link-promethean:hover, a.link-tablet:hover, a.link-video:hover, a.link-audio:hover, a.link-html:hover, a.link-zip:hover, 
a.link-teal:hover, a.link-green:hover, a.link-purple:hover, a.link-next:hover, a.link-previous:hover, a.link-example:hover {
	color: #F4E7A3;
	text-decoration: none;
	}
a.link-teal, a.link-green, a.link-purple {
	border-radius: 4px;
	color: #ffffff;
	font-size: 84%;
	margin: 1em 0em;
	outline: none;
	padding: 6px;
	}
a.link-teal {
	background-color: #0096A6;
	}
a.link-green {
	background-color: #CEE7B3;
	}
a.link-purple {
	background-color: #895CA6;
	font-size: 90%;
	margin: 1em;
	outline: none;
	padding-left: 10px;
	padding-right: 8px;
	}
a.link-pdf {
	background-color: #9c282d;
	}
a.link-doc {
	background-color: #50a2b8;
	}
a.link-xls {
	background-color: #679c32;
	}
a.link-ppt {
	background-color: #d0411d;
	}
a.link-swf {
	background-color: #CC2027;
	}
a.link-smart {
	background-color: #59b2c9;
	}
a.link-promethean {
	background-color: #f3b448;
	}
a.link-video, .link-tablet {
	background-color: #130C0E;
	}
a.link-audio {
	background-color: #705fa9;
	}
a.link-html {
	background-color: #f05323; 
	}
a.link-zip {
	background-color: #8c7e97; 
	}
a.link-example {
	background-color: #734B1E;
	}
a.link-next, a.link-previous {
	}
a.definition {
	border-bottom: #CC2027 dashed 2px !important;
   text-decoration: none;
	}
a.definition:hover {
	text-decoration: none;
	}
.offsite {
	background: url(../files/images/arrow-offsite.png) no-repeat 100% 50%;
	height: 9px;
	margin: 0px 2px 0px 0px;
	padding: 0px 2px;
	width: 9px;
	}
.glyphicon-new-window {
	padding-left: 4px;
	}
/* example of dynamically adding content before a tagged element: @media (max-width: 800px) { .psuedotip:before { content: "Tip SM: "}}*/
img.dropcap {  /* use for an image */
	float: left;
	margin-top: 2px;
	margin-right: 8px;
    height: 4em;
    width: 4em;
	}
.dropcap-text {  /* use for text */
	background-color: #0096A6; /* main-teal */
	color: #ffffff;
	float: left;
	font-size: 215%;
    height: 1.85em;
	line-height: 1.85em;
	margin-right: 8px;
	margin-top: 2px;
	text-align: center;
    width: 1.85em;
	}
.icon { /* ? */
	margin-left: 2px;
	}
.text-large {
	font-size: 150%;
	}
.text-medium {
	font-size: 125%;
	}
.text-small {
	font-size: 80%;
	}
.lead {
	font-size: 115%;
	}
.text-normal {
	font-size: 100%;
	}
.text-plain {
	font-weight: 300;
	}
.codeexamples {
	font-family: "Lucida Console", Monaco, monospace;
	}
.code {
	 display: none; visibility: hidden; 
	}
/* override bootstrap's default colors */
.text-danger {
	color: #cc2027;
	}
.text-info {
	color: #65cbe6;
	}
.text-muted {
	color: #b69dcb;
	}
.text-primary {
	color: #0096A6;
	}
.text-success {
	color: #679c32;
	}
.text-warning {
	color: #f3b448;
	}
.floatleft, .pull-left {
	float: left;
	}
.floatright, .pull-right {
	float: right;
	}
.clearleft {
	clear: left;
	}
.clearright {
	clear: right;
	}
.aligntop {
	vertical-align: top;
	}
.alignmiddle {
	vertical-align: middle;
	}
.alignbottom {
	vertical-align: bottom;
	}
.center {
	margin: 0px auto;
	}
.text-center {
	text-align: center;
	}
.text-left {
	text-align: left;
	}
.text-right {
	text-align: right;
	}
.noborder {
	border: none !important;
	}
/* css columns: works beautifully in errthing BUT <IE10; works in 10 and greater */
.box, .box-glossary {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-ms-column-count: 2;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	-ms-column-gap: 2em;
	}
.box-3 {
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	-ms-column-count: 3;
	-moz-column-gap: 2em;
	-webkit-column-gap: 2em;
	column-gap: 2em;
	-ms-column-gap: 2em;
	}
.box-glossary p, .box-3 p {
	display: table;
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	}
/* ================================== end text styles ================================== */

/* ================================== beg frbd/bw logos ================================== */
.logorow {
	margin-bottom: 1em;
	}	
.bwlogo_lg {
	max-height: 105px;
	margin: 3.5em auto 0.5em;
	max-width: 640px;
	}
.bwlogo_md, .bwlogo_md_rev, .bwlogo_md_k {
	height: 40px; /* auto; /* 71px; */
	margin: 4em 0px 0.5em; /* 1.5em 0px 0.5em; */
	max-width: 258px;
	}
.bwlogo_sm, .bwlogo_sm_rev, .bwlogo_sm_k {
	/*height: 57px;*/
	margin: 1.5em 0px .5em; 
	max-width: 160px;
	}
.bwtagline-md h2, .bwtagline-md h5, .bwtagline-lg h1, .bwtagline-lg h2, .bwtagline-sm h2, .bwtagline-sm h4 { 
	margin-top: 0px;
	}
.bwtagline-sm {
   margin-bottom: 4rem;
}
.frbdlogo_topnav { /* logotype */
	float: left;
	max-height: 54px;
	max-width: 302px;
	padding: 0.7em 1em;
	}
.frbdseal_topnav { /* seal */
	float: right;
	margin-right: 1em;
	margin-top: 0.5em;
	width: 33px; 
	}
.frbdseal_topnav svg {
	height: 36px;
	}
img.frbdseal_topnav.svg-alt.ie, .seemea {
	display: none;
	margin: 0px;
	padding: 0px;
	visibility: hidden;
	width: 0px;
	}
svg#frbd_logotype_rev, svg#frbdlogok {
	height: 48px !important; /* for FF what? */
	}
.coverart {
	height: auto;
	margin: 1em auto;
	max-width: 750px; /* 541px; */
	width: 100%;
	}
/* ================================== end frbd logo ================================== */

/* ================================== beg jumbotron ================================== */
.jumbotron {
	margin-left: 0em; 
   padding: 2em 30px 8em;
	/*padding-bottom: 8em;
	padding-top: 2em;*/ 
	position: relative;
	}
/*.jumbotron.jumbotron-left {
	margin-left: 0em;
	}*/
h1.jumbo-blue {
	color: #ffffff;
	text-shadow: /* over the blue */
    	-.01em -.01em 0 #59b2c9,
     	.01em -.01em 0 #59b2c9,  
      	-.01em .01em 0 #59b2c9,
      	.01em .01em 0 #59b2c9;	
	}
h1.jumbo-green {
	color: #ffffff;
	text-shadow: /* over the green */
    	-.01em -.01em 0 #78b23a,
     	.01em -.01em 0 #78b23a,  
      	-.01em .01em 0 #78b23a,
      	.01em .01em 0 #78b23a;	
	}
h1.jumbo-purple {
	color: #ffffff;
	text-shadow: /* over the purple */
    	-.01em -.01em 0 #895CA6,
     	.01em -.01em 0 #895CA6,  
      	-.01em .01em 0 #895CA6,
      	.01em .01em 0 #895CA6;	
	}
.bg-ch1-jumbo-sonya, .bg-ch2-jumbo-vince, .bg-ch3-jumbo-anthony, .bg-ch4-jumbo-gabby, .bg-ch5-jumbo-david, .bg-review-jumbo-bess { 
	float: right; 
	margin-right: 18%;
	margin-top: -21.2em; /*-22.65em;*/
	position: relative;
	/*width: 360px;*/
	z-index: 1; 
	}
.bg-ch1-jumbo-sonya img, .bg-ch2-jumbo-vince img, .bg-ch3-jumbo-anthony img, .bg-ch4-jumbo-gabby img, .bg-ch5-jumbo-david img, .bg-review-jumbo-bess img {
	max-height: 510px;
	}
.bg-review-jumbo {
	padding-bottom: 6em;
	}
/*.bg-review-jumbo-bess {
	margin-top: -21.2em;
	}*/
.jumbotron.bg-ch1-jumbo {
	background: url(../files/images/bg-ch1-jumbo.jpg) no-repeat;
	}
.jumbotron.bg-ch2-jumbo {
	background: url(../files/images/bg-ch2-jumbo.jpg) no-repeat;
	}
.jumbotron.bg-ch3-jumbo {
	background: url(../files/images/bg-ch3-jumbo.jpg) no-repeat;
	}
.jumbotron.bg-ch4-jumbo {
	background: url(../files/images/bg-ch4-jumbo.jpg) no-repeat;
	}
.jumbotron.bg-ch5-jumbo {
	background: url(../files/images/bg-ch5-jumbo.jpg) no-repeat;
	}
.jumbotron.bg-review-jumbo {
	background: url(../files/images/bg-review-jumbo.jpg) no-repeat;
	}
.jumbotron.bg-people-jumbo {
	background: url(../files/images/bg-people-jumbo.jpg) no-repeat 0 -3em; /*  -13em; */
	/*background-size: cover;*/
	}

.jumbotron.bg-ch6-jumbo {
	background: url(../files/images/bg-ch6-jumbo.png) no-repeat;
	}
.jumbotron .bwlogo_md, .jumbotron .bwlogo_md_rev, .jumbotron .bwlogo_md_k {
	margin-top: 0px;
	}
.jumbotron .bwlogo_md, .jumbotron .bwtagline-md, .jumbotron .bwlogo_md_rev, .jumbotron .bwlogo_md_k {
	margin-left: 1em;
	}
.jumbotron h1 {
	font-size: 48px;
	margin-top: 1em;
	margin-bottom: 1.45em;
	}
.jumbotron h2 {
   font-size: 1.4em;
}
/*.jumbotron.bg-ch1-jumbo h1 {
	color: #ffffff;
	}*/
/* ================================== end jumbotron ================================== */

/* ================================== beg top and sidebar navigation ================================== */
.container, .content-inner { padding: 2em; }
#topnav, .topnav {
	margin-bottom: 3.5em;
	}
nav.navbar {
	position: fixed;
	width: 100%;
	z-index: 10000;
	}
.navbar {
	border-bottom: none; /* #3a3938 4px solid; */
	border-top: none; /* #1e1a17 4px solid; */
    border-radius: 0px;
	margin-top: 0em;
	padding-top: 2px;
	}
.navbar-brand.homeicon {
   padding-top: 0 !important;
}
.navbar-toggle {
	float: left;
	margin-left: 8px;
	position: absolute;
	}
.navbar-default {
	border-bottom:  #0096A6; /* main-teal */
	background-color: #0096A6; /* main-teal */
	border-left: none;
	border-right: none;
	}
.navbar .icon-pagenumber img {
	height: 42px;
	padding-right: 0.75em;
	padding-top: 0.5em;
	}
h1 .icon-pagenumber-title img {
	height: 1.25em;
	margin: 0em 0.5em 0.5em 0em;
	}
/*@media (min-width: 830px) and (max-width: 991px) {
  .ch-icon-people div[id*="box-"] {
    left: -5rem;
    position: relative;
  }
}*/
div#box-bwicon-sm.icon-bw img, div#box-bwicon-sm.icon-bw svg {
	height: 34px;
	margin-right: 0.5em;
	margin-left: 0.75em;
	margin-top: 0.5em;
	width: 34px;
	}
nav.navbar.navbar-default div.main {
	font-size: 130%;
	min-height: 32px; /* 50px; */
	padding-bottom: 0px;
	}
nav.navbar.navbar-default div.main .topnavtext a {
	font-size: 14px !important;
}
nav.navbar.navbar-default div.main ul.navbar-nav {
	padding-bottom: 0px;
	padding-top: 4px;
	}
nav.navbar.navbar-default div.main ul.navbar-nav li a, /* top nav links */
nav.navbar.navbar-default div.main ul.navbar-nav li a.dropdown-toggle {
	color: #ffffff; 
	font-size: 76%;
	padding-bottom: 6px;
	}
ul.navbar-nav .glyphicon { /* top nav little home icon link */
	color: #ffffff; 
	}
.navbar-nav > li > a .glyphicon {
	margin-top: -3px;
	}
nav.navbar.navbar-default div.main ul.navbar-nav li a:hover, 
ul.navbar-nav .glyphicon:hover, /* dropdown on hover */
nav.navbar.navbar-default div.main ul.navbar-nav li a:focus, nav.navbar.navbar-default div.main ul.navbar-nav li a:active,
nav.navbar.navbar-default div.main ul.navbar-nav li a:hover span { /* dropdown on focus */
	color: #fee7aa; 
	}
ul.dropdown-menu li a span.glyphicon {
	display: inline-block;
	}
.navbar-default .navbar-nav > .dropdown > a .caret, .nav a:hover .caret { /* dropdown caret just on hover */
	border-top-color: #ffffff; 
	border-bottom-color: #ffffff;  
	}
.navbar-default .navbar-nav > .dropdown > a:hover .caret, /* dropdown caret on hover */
.navbar-default .navbar-nav > .dropdown > a:active .caret, /* dropdown caret on active */
.navbar-default .navbar-nav > .dropdown > a:focus .caret { /* dropdown caret on focus */
	border-top-color: #fee7aa; 
	border-bottom-color: #fee7aa; 
	}
ul.navbar-nav li.dropdown a:hover, /* top nav hovers on dropdowns */
ul.navbar-nav li.dropdown a:active,
ul.navbar-nav li.dropdown a:focus, 
ul.navbar-nav li.dropdown a.dropdown-toggle,
ul.navbar-nav li.dropdown a ul.dropdown-menu.show li a:hover,
ul.navbar-nav li.dropdown a ul.dropdown-menu.show li a:active,
ul.navbar-nav li.dropdown a ul.dropdown-menu.show li a:focus {
	background-color: #0096A6; 
	color: #fee7aa;  
	}
.navbar-nav > li > a {
	line-height: 1;
	}
ul.navbar-nav li.dropdown ul.dropdown-menu.show {
	padding-bottom: 0px;
	padding-top: 6px;
	}
ul.navbar-nav li.dropdown ul.dropdown-menu.show li:last-child {
	margin-bottom: 6px;
	}
ul.navbar-nav li.dropdown ul.dropdown-menu.show li a,
ul.navbar-nav li.dropdown ul.dropdown-menu.show li a span { 
	color: #000000;
	font-size: 96%;
	padding-top: 6px;
	}
/* ================================== end top navigation ================================== */

/* ================================== beg breadcrumb navigation ================================== */
.breadcrumb {
	background-color: #ffffff;
	padding-bottom: 0px;
	padding-left: 0px;
	}
/* ================================== end breadcrumb navigation ================================== */

/* ================================== beg cover hovers ================================== */
.coverhovers {
	margin-left: auto;
	margin-right: auto;
	max-width: 618px;
	}
.grid {
	list-style: none;
	margin: 0 1em 0 0;
	overflow: hidden;
	padding: 0px; /* 1em 0 0 0; */
	width: 100%;
	}
.grid-l, .grid-m, .grid-q/*, .grid-r, .grid-s*/ {
	margin-top: -106px;
	}
.grid-r {
	margin-top: -106px;
	padding-left: 106px;
	}
.grid-s {
	margin-top: -106px;
	padding-left: 210px;
	}
.grid-t {
	margin-top: -106px;
	padding-left: 312px;
	}
.gridright {
	margin-right: 0px;
	}
/* Common style */
.grid figure {
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	position: relative;
	z-index: 1;
	}
.grid figure img {
	display: block;
	opacity: 0.8;
	margin-bottom: 0.75em; /* */
	position: relative;
	}
.grid figure figcaption {
	padding: 0.25em; /* 2em; */
	color: #fff;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
.grid figure .box-a, .grid figure .box-b, .grid figure .box-g { /* */
	height: 90px;
	width: 16.6666667%; /* 1/6th of the width */
	}
.grid figure .box-c { /* */
	height: 196px;
	width: 33.3333334%; /* 1/3rd of the width */
	}
.grid figure .box-a figcaption, .grid figure .box-b figcaption, .grid figure .box-c figcaption, 
.grid figure .box-g figcaption { /* */
	padding: 0em; /* 1em; */
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	}
.grid figure .box-a figcaption::before, .grid figure .box-a figcaption::after,
.grid figure .box-b figcaption::before, .grid figure .box-b figcaption::after,
.grid figure .box-c figcaption::before, .grid figure .box-c figcaption::after,
.grid figure .box-g figcaption::before, .grid figure .box-g figcaption::after { /* */
	pointer-events: none;
	}
.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
	}
.grid figure figcaption, .grid figure a {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	font-size: 0;
	opacity: 0;
	text-indent: 200%;
	white-space: nowrap;
	z-index: 1000;
	}
.grid figure h7 {
	/*font-weight: 300;*/
	word-spacing: -0.15em;
	}
.grid figure h7, .grid figure p {
	margin: 0;
	}
.grid figure p {
	letter-spacing: 1px;
	font-size: 68.5%;
	}
/* Individual effects */
.cover-anthony {
	margin-left: -4.6em;
	margin-top: 5.14em;
	position: absolute;
	z-index: 2;
	}
/*---------------*/
/* ================================== end cover hovers ================================== */

/* ====================== beg svg handling: general, blocks and section heads ======================== */
svg { /* for Chrome */
	height: 100%;
	max-height: 100%; /* */
	top: 0px;
	width: 100%;
	}
img .svg-alt {
	height: 100%;
	top: 0px;
	width: 100%;
	}
.ie {
	display: none;
	visibility: hidden;
	}
.modern {
	display: block;
	visibility: visible;
	}
/* level2block are the styles for sm, xs version of the home page features */
.level2block {
	background-color: #0096A6; /* main-teal */
	}
.level2block-teachers {
	background-color: #CEE7B3; /* green */
	}
.level2block-consumers {
	background-color: #a7e2e8; /* light teal */
	}
.level2block-students {
	background-color: #D1BEDC; /* light purple */
	}
.level2block-leaders {
	background-color: #FFF2D1; /* light yellow */
	}
.level2block-icon {
	background-color: #0096A6; /* main-teal */
	float: left;
	height: 3.5em;
	width: 3.5em;
	}
.level2block-spacer {
	background-color: #ffffff;
	float: left;
	height: 3.5em;
	margin-right: 1em;
	width: 0.75em;
	}
a.level2head-single, .level2block-teachers, .level2block-consumers, .level2block-students, .level2block-leaders {
	line-height: 3.5em;
	}
.level2block-teachers a.level2head-single, .level2block-consumers a.level2head-single,
.level2block-students a.level2head-single, .level2block-leaders a.level2head-single {
	color: #000000;
	}
a.level2head-single {
	color: #ffffff;
	}
.level3-container {
	background: url(../files/images/bg-level3-grn.png);
	margin-bottom: 2em;
	padding: 2em 2em 1.5em;
	line-height: 1.428571429 !important;
	}
.bwcover-level3 {
	margin: 8px;
	width: 152px;
	}
.level3-margin-left {
	margin-left: 12px;
	}
.level3-margin-right {
	margin-right: 12px;
	}
h2.about {
	margin-top: 0em;
	}
.quote-wrapper {
	text-align: right;
	}
.quote {
	font-size: 130%;
	}
#reprint h4 {
	margin-left: 1em;
	margin-right: 1em;
	}
#reprint p {
	margin-left: 1.25em;
	margin-right: 1.25em;
	}
.outro {
	margin-bottom: 2em;
	}
.landscapeContainer, .landscapeContainerHome { 
	background: url(../files/images/home-env.jpg) 50% top no-repeat #90c954; 
	background-size: 100%; 
	position: absolute; 
	width: 100%; 
	z-index: -1; 
	}
.landscapeContainer {
	margin-top: -19em; 
	padding-top: 19em; 
	}
.landscapeContainerHome { 
	margin-top: -28em; 
	padding-top: 28em; 
	}
.level3-container { 
	position: relative; 
	}
.homechar-padding-right { 
	padding-right: 7em; 
	}
.homechar-h2 { 
	line-height: 1.428571429; 
	}
.homechar-img { 
	margin-bottom: -6em; 
	margin-left: 3em; 
	margin-top: -8em; 
	overflow: visible; 
	z-index: -1; 
	}
.homeboxes { 
	z-index: 10; 
	}
.homeclouds {
	background: url(../files/images/home-clouds-lg.jpg) top no-repeat; 
	background-size: 100%;
	height: 100%;
	margin-top: 2em;
	position: absolute;
	width: 100%;
	z-index: -1;
	}
/* ---- end ---- */

/* charblocks are the character icons only; used on the acknowledgments page */
.thumbnail {
   display: block;
   padding: 4px;
   margin-bottom: 20px;
   line-height: 1.42857143;
   background-color: #fff;
   border: 1px solid #ddd;
   border-radius: 4px;
   -webkit-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
   transition: all .2s ease-in-out;
   }
.thumbnail .caption {
   padding: 9px;
   }
.thumbnail h2 {
   margin-top: 20px;
   margin-bottom: 10px;
   }
.thumbnail img {
   width: 100%;
   }
.chariconrow .thumbnail {
	border: none;
	}
.charblock-icon {
	margin: 0px 6px;
	}
.charblock-icon img {
	height: auto;
	width: 160px;
	}
/* charblocks are the character icons in miniature */
.chariconrow-mini {
	margin-top: 4em;
	}
.chariconrow-review .chariconrow-mini {
	margin-top: 1.5em;
	}
.chariconrow-mini .thumbnail {
	border: none;
	border-radius: 0px;
	padding: 4px; /* 4px 2px 4px 2px; */
	width: 82px;
	}
.charblock-icon-mini {
	margin: 0px;
	}
.charblock-icon-mini img, .charblock-icon-mini svg {
	height: auto;
	width: 78px;
	}
.center-block .thumbnail {
	border: none;
	background-color: transparent;
	}
.center-block .thumbnail img, .center-block .thumbnail svg {
	margin-left: auto;
	margin-right: auto;
	}
/* ================================ beg section heads ==================================== */
/* sectionheadblock are the styles for the heading blocks on the section landing pages on the website */
.sectionheadblock-teachers {
	background-color: #CEE7B3; /* light green */
	}
.sectionheadblock-consumers {
	background-color: #a7e2e8; /* light teal */
	}
.sectionheadblock-students {
	background-color: #D1BEDC; /* light purple */
	}
.sectionheadblock-leaders {
	background-color: #FFF2D1; /* light yellow */
	}
.sectionheadblock-order {
	background-color: #fbbc9d; /* light sherb */
	}
.sectionheadblock-about, .sectionheadblock-ack {
	background-color: #a6d7dd; /* teal-t3 */
	}
.sectionheadblock {
	background-color: #0096A6; /* main-teal */
	}
.sectionheadblock-icon {
	float: left;
	height: 3.25em;
	width: 3.25em;
	}
.sectionheadblock-spacer {
	background-color: #ffffff;
	float: left;
	height: 3.25em;
	margin-right: 1em;
	width: 0.5em;
	}
.sectionheadblock-single {
	color: #ffffff;
	line-height: 3.25em;
	}
h1.sectionheadblock, h1.sectionheadblock-teachers, h1.sectionheadblock-consumers, 
h1.sectionheadblock-students, h1.sectionheadblock-leaders, h1.sectionheadblock-order,
h1.sectionheadblock-about, h1.sectionheadblock-ack {
	line-height: 3.25em;
	}
/* ================================ end section heads ==================================== */

/* ================================== beg chapter elements ============================= */
.icon-content { /* box icons */
	margin: 2em 2em 1em;
	}
.character-block {
	background: #fffade;
	}
.character-block h1 { /* character block heading color */
	color: #0096A6;
	}
.featureblock-span { /* the tinted area for character info */
	margin-left: -260px;
	padding-left: 260px;
	}
.featureblock-span .img-concept {
	max-width: 640px;
	}
.featureblock-span .img-concept-sm {
	max-width: 260px;
	}
.featureblock-green {
	background-color: #e2f2d0; /* #daeec5; /* #CEE7B3; */
	}
.featureblock-teal {
	background-color: #daf3f6; /* #D5EEF1; /* #BCE4EA; */
	}
.featureblock-vio {
	background-color: #E2D9EC;
	}
.featureblock-sherb {
	background-color: #ffeade; /* #FEE6D8; */
	}
.featureblock-purple {
	background-color: #e7e5f5; /* #edeaf8; /* #DCD9EC; */
	}
.featureblock-orange {
	background-color: #FEE1D0;
	}
.featureblock-orange-pencil {
	background-color: #FEE1D0;
	}
.featureblock-orange-main {
	background-color: #FCCFB7;
	}
.featureblock-gray {
	background-color: #e1dfe2;
	}
.featureblock-blue-main {
	background-color: #D9F0F7; /* actual #D9F0F7; /** darker #c6e7f1; */
	}
.featureblock-blue-royal {
	background-color: #ebedfa; /* #e8e9fb; */
	}
.featureblock-green-spring {
	background-color: #dff0e2;
	}
.featureblock-gold {
	background-color: #fef7d1;
	}
.featureblock-chocolate {
	background-color: #fae8e1;
	}
.ch3-anthony-retired-block {
	margin-bottom: 0em;
	margin-top: 30em; /* 40.5em; */
	position: relative;
	z-index: -1;
	}
.ch3-anthony-retired { 
	background: url(../files/images/ch3-anthony-retired-bg.png) repeat-x bottom; /**/
	bottom: 0px;
	max-width: 1280px;
	position: absolute;
	right: -10em;
	z-index: 1;
	}	
.ch3-anthony-retired-sunset {
	bottom: 0px;
	left: 4em; /*-1em; */
	max-width: 2460px;
	position: absolute;
	z-index: 0;
	}
.ch3-chart-ira {
	border: 1px solid #8C7E97;
	margin: 0em auto;
	padding: 4px;
	width: 100%;
	}
.ch3-mortgage-block {/*#E7F5FA;  actual #D9F0F7; /** darker #c6e7f1;     ebedfa*/
	background: #e4f8fe url(../files/images/ch3-home-yard.png) no-repeat 210px 24em; /* 210px 32em; */
	background-size: 90%;
	min-height: 820px;
	}
.ch3-home-sign {
	float: right;
	margin: 1em 1em 0em 1em;
	max-width: 500px;
	}
.ch3-david-working {
	float: right;
	margin: 1em;
	max-width: 500px;
	}
.button-nav-content { /* glyph button  for previous or next content */
	background: #9e7bb7; 
	border: none; 
	font-size: 12px;
	color: #ffffff;
	margin: -0.25em 0.5em 0em;
	padding: 0.25em 0.385em 0.125em;
	}
.button-nav-content:hover, .button-nav-content:focus {
	color: #F4E7A3;
	}
/*.glyphicon.glyphicon-chevron-right {
   content: url("../files/documents/svg/icon-chevron-right.svg");
   }*/
.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.glyphicon-chevron-right::before {
  /*content: "\e080";*/
  content: url("../files/images/icon-chevron-right-white.svg");
  display: inline-block; width: 1rem;
}
.glyphicon-chevron-left::before {
  /*content: "\e079";*/
  content: url("../files/images/icon-chevron-left-white.svg");
  display: inline-block; width: 1rem;
}
.charsample {
	/*margin: 0em 0.5em 1em;*/
	width: 100%;
	}
.ch1-anthony { /* full-body anthony; thinking anthony */
	margin: 2em 1em; 
	max-width: 234px;
	}
.ch1-anthony-sm {
	margin: 0.5em -3.5em 1em 0em;
	max-width: 234px;
	}
.ch2-goals img {
	max-height: 426px;
	}
.ch2-spending img, .ch2-spending-half img, .ch2-budget img {
	max-height: 640px;
	}
.intro-definition img, .ch1-balancesheet img, .ch2-goals img, .ch2-spending img, .ch2-spending-half img, .ch2-budget img, .ch3-investment img, .ch4-ccdebt img, 
.intro-definition svg, .ch1-balancesheet svg, .ch2-goals svg, .ch2-spending svg, .ch2-budget svg, .ch3-investment svg, .ch4-ccdebt svg {
	margin-top: 1em;
	}
.intro-definition img, .ch1-balancesheet img, .ch2-goals img, .ch2-spending img, .ch2-spending-half img, .ch2-budget img, .ch3-investment img, .ch4-ccdebt svg, .ch4-ccdebt img {
	background-color: #ffffff;
	padding: 1em;
	}
.ch2-anthony {
	margin: 1em; 
	max-width: 234px;
	}
.ch2-anthony-md {
	margin: 0em -1em 1em 1em; 
	max-width: 200px; /* 190px; */
	}
.ch2-gabby-spending {
	margin-top: 1em;
	}
.ch2-gabby-spending-sm {
	margin: 1em auto;
	max-width: 220px;
	}
.ch2-gabby-spending-log {
	max-width: 640px;
	width: 100%;
	}
.ch-icon {
	max-width: 200px;
	margin: 1em;
	}
.featureblock-span .char-icon-row-people .thumbnail {
	margin: 0.5em;
	}
.ch-icon-people img, .ch-icon-people svg {
	/*margin-top: 1em;*/
   margin: 0 1rem 0 1rem;
	}
.char-icon-row-people .col-lg-2.col-md-2.col-sm-4.col-xs-6 {
	padding-left: 4px; /* 15px */
	padding-right: 4px; /* 15px */
	}
.shredder {
	float: left;
	}
.blockquote-teal img.ch3-chart-compound, .blockquote-teal svg.ch3-chart-compound {
	margin: 0em auto;
	width: 100%;
	}
.ch3-chart-compound {
	border: 1px solid #8C7E97;
	padding: 4px;
	}
.ch3-gabby-thinking {
	/*max-width: 360px;*/
	float: right;
	}
.ch4-concept-bess-house {
	background-color: #ffffff;
	float: left;
	margin: 0em 2em 1em 1em;
	max-width: 360px;
	padding: 0.5em;
	}
.ch4-concept-twospenders {
	margin: 1em auto;
	}
.ch4-concept-carloan {
	margin: 0;
	/*max-width: 360px;*/ /* 400px; */
	}
.ch4-concept-sonya-account, .ch5-concept-gabbycrutches, .ch5-concept-davidinsurance {
	margin: 0em 0em 1em 2em;
	max-width: 280px; /* 360px; */
	}
.charheadshot-block {
	margin: 1em 0em;
	}
.charheadshot-block-td {
	width: 180px !important;
	}
.width-33 {
	max-width: 33%;
	}
.charheadshot-block-33 {
	margin: 1em 2em 1em 0em;
	max-width: 176px; /* 33%; */
	width: 176px;
	}
.charheadshot-block.thumbnail, .charheadshot-block-33.thumbnail {
	background-color: #fef7d1; /* #fff5c0; /* yellow bg */
	border: #edcd7c solid 1px; /* none; */
	}
.charheadshot-block.thumbnail .caption, .charheadshot-block-33.thumbnail .caption {
	padding: 0.25em 0em 0.25em 0.25em;
	}
.hidden-xs-568 {
	}
.visible-xs-568, #printhead {
	display: none;
	visibility: hidden;
	}
.gutter-horizontal {
	margin: 0em 1em;
	}
.gutter-vertical {
	margin: 1em 0em;
	}
/* ================================== end chapter elements ============================= */

/* ================================ beg tinted blocks for rwd ==================================== */
.pencilblock, .infoblock, .dollarblock {
	margin-top: 2em;
	}
.pencilblock-tinted, .infoblock-tinted, .dollarblock-tinted {
	margin-bottom: 3em;
	min-height: 60px;
	padding: 1em;
	}
.pencilblock-tinted {
	background-color: #fccfb7; /* light sherb */
	}
.infoblock-tinted {
	background-color: #D9F0F7; /* #d9ebf0; /* light blue */
	}
.dollarblock-tinted {
	background-color: #e2f2d0; /* light green */
	}
.pencilblock-icon, .infoblock-icon, .dollarblock-icon {
	float: left;
	height: 2.25em;
	width: 2.25em;
	}
.pencilblock-icon svg, .infoblock-icon svg, .dollarblock-icon svg {
	height: 2.25em;
	}
.pencilblock, .pencilblock-icon {
	background-color: #f37243; /* light sherb */
	}
h5.pencilblock.pencilblock-single.level3 div#box-pencil.pencilblock-icon {
	background-color: #f37243;
	margin-right: 10px;
	}
.infoblock, .infoblock-icon {
	background-color: #65cbe6; /* light blue */
	}
.dollarblock, .dollarblock-icon {
	background-color: #84c341; /* green */
	}
.pencilblock-spacer, .infoblock-spacer, .dollarblock-spacer, .pencilblock-spacer-level3 {
	float: left;
	height: 2.25em;
	margin-right: 1em;
	width: 0.4em;
	}
.pencilblock-spacer, .infoblock-spacer, .dollarblock-spacer {
	background-color: #ffffff;
	}
h5.pencilblock.pencilblock-single.level3 {
	font-size: 1em;
	}
.pencilblock-spacer-level3 {
	background-color: #daf3f6;
	}
.pencilblock-single, .pencilblock-single a, .infoblock-single, .infoblock-single a, .dollarblock-single, .dollarblock-single a, .infoblock-double {
	color: #ffffff;
	line-height: 2.25em;
	}
.infoblock-tinted.savingsaccounts .thumbnail {
	border: none;
	border-radius: 0;
	min-height: 332px;
	}
.thumbnail-over-feature {
	margin-bottom: 2em;
	margin-top: 2em;
	}
.thumbnail-over-feature .infoblock {
	margin-left: 0.25em;
	margin-right: 0.25em;
	margin-top: 0.18em;
	}
.thumbnail-over-feature .infoblock-tinted {
	margin-bottom: 0.4em;
	margin-left: 0.4em;
	margin-right: 0.4em;
	}
	
.tintedblock.tintedblock-sherb {
	min-height: 86px;
	}
.tintedblock {
	min-height: 180px;
	margin-bottom: 2em;
	margin-top: 2em;
	padding: 0.5em 1.5em;
	width: 100%;
	}
#tabs-charblock .tintedblock {
	width: auto;/* 90%;*/
	}
.tintedblock .table {
	margin: 0px;
	padding: 0px;
	}
.tintedblock .table td {
	border-top: none !important;
	}
.tintedblock .table .tintedblock-icon {
	margin-right: 0em;
	}
.tintedblock h4 {
	line-height: 1.428571429;
	}
.tintedblock-icon {
	float: left;
	margin-bottom: 1em;
	margin-right: 1em;
	margin-top: 0.35em;
	width: 60px;	
	}
.tintedblock-icon svg {
	height: 60px;
	}
.tintedblock ul {
	display: block;
	}
/* teal box with the bw icon */
.tintedblock-teal {
	background-color: #daf3f6;
	}
.tintedblock-teal h4 {
	color: #0096A6;
	}
/* purpled task box with the calculator */
.tintedblock-purple {
	background-color: #E2D9EC;
	}
.tintedblock-purple h4 {
	color: #7B449A;
	}
/* green tip box with the dollar sign */
.tintedblock-green {
	background-color: #e2f2d0;
	}
.tintedblock-green h4 {
	color: #4d7c25;
	}
/* blue info box with the i */
.tintedblock-blue {
	background-color: #D9F0F7;
	}
.tintedblock-blue h4 {
	color: #50A2B8;
	}
/* sherb write box with the pencil */
.tintedblock-sherb {
	background-color: #FEE1D0;
	}
.tintedblock-sherb h4 {
	color: #f37243;
	}

.figureblock-block {
	background-color: #E2D9EC;
	min-height: 250px;
	padding: 1em;
	width: 100%;
	}
.figureblock-block h4 {
	color: #7B449A;
	}
.figureblock-icon {
	/*height: 4em;*/
	float: left;
	margin-right: 1em;
	width: 48px;	
	}

.box-newinfo h2, #box-newinfo-text2 h2 {
	line-height: 1.428571429;
	margin-top: 6px;
	}
.box-newinfo {
	background: url(../files/images/box-newinfo.jpg) no-repeat #0096A6;
	color: #ffffff;
	height: 290px;
	margin-top: 2em;
	padding: 2em;
	text-align: center;
	width: 290px;
	}
#box-newinfo-text2 {
	background-color: #0096A6;
	color: #ffffff;
	margin: 1em 0em;
	padding: 1em;
	}
.newInfo h5 {
	line-height: 1.35;
	margin-top: 0px;
	}
.newInfo {
	background: url(../files/images/box-newinfo.jpg) no-repeat #0096A6;
	background-size: contain;
	color: #ffffff;
	height: 100px;
	margin-right: 1em;
	margin-bottom: 1em;
	padding: 0.5em 1em;
	text-align: center;
	width: 100px;
	}
/* social media icons */
#socialrow-rev {
	height: 30px;
	margin-top: -2px;
	}
@media (min-width: 992px) {
   #socialrow-rev {
      margin-left: 0.75em;
   }
}
.socialrow-rev svg, #socialrow-rev svg {
	display: inline-block;
	}
.facebook, .twitter, .linkedin, .rss, .email {
	display: inline-block;
	height: 28px;
	padding-right: 2px;
	width: 28px;
	}
/* ====================== end svg handling: general, blocks and section heads ======================== */

/* ================================== beg lines and rules ================================== */
.line-note-teal, .line-note-blue, .line-note-vio, .line-note-sherb, .line-note-green, 
.line-note-orange, .line-note-purple, .line-note-gold, .line-note-gray, 
.blockquote-teal, .blockquote-blue, .blockquote-vio, .blockquote-sherb, .blockquote-green, 
.blockquote-orange, .blockquote-purple, .blockquote-gold, .blockquote-gray {
	margin-top: 36px;
	}
.line-note-teal, .line-top-teal, .line-note-blue, .line-top-blue, .line-note-vio, .line-top-vio,
.line-note-sherb, .line-top-sherb, .line-note-green, .line-top-green, .line-note-orange, .line-top-orange,
.line-note-purple, .line-top-purple, .line-note-gold, .line-top-gold, .line-note-gray, .line-top-gray, 
.blockquote-teal, .blockquote-blue, .blockquote-vio, .blockquote-sherb, .blockquote-green, 
.blockquote-orange, .blockquote-purple, .blockquote-gold, .blockquote-gray {
	padding-top: 12px;
	}
.blockquote-teal, .blockquote-blue, .blockquote-vio, .blockquote-sherb, .blockquote-green, 
.blockquote-orange, .blockquote-purple, .blockquote-gold, .blockquote-gray {
	margin-left: 1.5em;
	margin-right: 1.5em;
	}
.blockquote-teal img, .blockquote-blue img, .blockquote-vio img, .blockquote-sherb img, .blockquote-green img, 
.blockquote-orange img, .blockquote-purple img, .blockquote-gold img, .blockquote-gray img,
.blockquote-teal svg, .blockquote-blue svg, .blockquote-vio svg, .blockquote-sherb svg, .blockquote-green svg, 
.blockquote-orange svg, .blockquote-purple svg, .blockquote-gold svg, .blockquote-gray svg {
	margin: 2em auto;
	}
.line-note-teal, .line-top-teal, .blockquote-teal {
	border-top: #0096A6 solid 1px;
	}
.line-note-blue, .line-top-blue, .blockquote-blue {
	border-top: #65CBE6 solid 1px;
	}
.line-note-vio, .line-top-vio, .blockquote-vio {
	border-top: #7B449A solid 1px;
	}
.line-note-sherb, .line-top-sherb, .blockquote-sherb {
	border-top: #F37243 solid 1px;
	}
.line-note-green, .line-top-green, .blockquote-green {
	border-top: #85C441 solid 1px;
	}
.line-note-orange, .line-top-orange, .blockquote-orange {
	border-top: #EF4B23 solid 1px;
	}
.line-note-purple, .line-top-purple, .blockquote-purple {
	border-top: #5D4A9E solid 1px;
	}
.line-note-gold, .line-top-gold, .blockquote-gold {
	border-top: #7b5b0b solid 1px;
	}
.line-note-gray, .line-top-gray, .blockquote-gray {
	border-top: #d8d8d8 solid 1px;
	}
/* ================================== end lines and rules ================================== */

/* ================================== beg forms ================================== */
.bg-ch1-form-page, .bg-ch2-form-page, .bg-ch3-form-page, .bg-ch4-form-page, .bg-ch5-form-page, .bg-ch6-form-page, 
.bg-intro-form-page, .bg-review-form-page { /* adds the specific image to the background behind the form */
	height: 480px;
	position: fixed;
	top: 52px;
	width: 100%;
	z-index: -1;
	}
.bg-intro-form-page {
	background: url(../files/images/bg-intro-form-page.jpg) no-repeat; /* -13em; */
	}
.bg-ch1-form-page {
	background: url(../files/images/bg-ch1-jumbo-form.jpg) no-repeat;
	}
.bg-ch2-form-page { 
	background: url(../files/images/bg-ch2-jumbo-form.jpg) no-repeat;
	}
.bg-ch3-form-page { 
	background: url(../files/images/bg-ch3-jumbo-form.jpg) no-repeat;
	}
.bg-ch4-form-page { 
	background: url(../files/images/bg-ch4-jumbo-form.jpg) no-repeat;
	}
.bg-ch5-form-page { 
	background: url(../files/images/bg-ch5-jumbo-form.jpg) no-repeat;
	}
.bg-review-form-page { 
	background: url(../files/images/bg-ch6-jumbo-form.jpg) no-repeat;
	}
.bg-review-form-page {
	background: url(../files/images/bg-review-jumbo-form.jpg) no-repeat;
	}
.formWrapper {
	margin: 0 auto;
	width: 90%;
	}
@media (max-width: 991.98px) {
   div.formWrapper {
      padding: 0 !important;
      margin: 0 !important;
      width: 100%;
   }
}
.formTabLabel {
	background-color: #0096A6;
	color: #ffffff;
	float: left;
	margin-bottom: -7px;	
	padding: 8px 16px 2px;
	}
.bg-form {
	background-color: #ffffff;
	border: #0096A6 solid 12px;
	padding: 1em;
	}
.bg-form-bg {
	background-color: #0096A6;
	border: #0096A6 solid 4px;
	padding: 0.75em;
	}
.budget .form-horizontal, .budgetform .form-horizontal, .debt .form-horizontal, .debtform .form-horizontal {
	width: 98%;
	}
.form-horizontal .col-12 {
	padding-left: 30px !important; /* 15px */
	padding-right: 30px !important; /* 15px */
	}
.formContainer {
	background-color: #ffffff;
	padding: 0.75em;
	}

.form-group {
	margin-bottom: 0.25em; /* 15px; */
   display: flex;
	}
div.form-group.form-other {
	margin-left: 0.125em;
	margin-right: 0.125em;
	margin-top: 0.5em;
	}
.spending .form-group {
	margin-right: 0.5em;
	}

.spending table {
	border: none;
	}
.spending .table-hr td {
	vertical-align: bottom;
	}
.spending td {
	padding-bottom: 0.5em;
	}
.spending td.date, .spending td.amount {
	padding-right: 0.25em;
	width: 20%;
	}
.spending td.date {
	text-align: center;
	}
.spending td.amount { 
	padding-left: 0.25em;
	padding-right: 0.75em;
	}
	
/* *** form-controls *** */
.form-control {
	color: #130C0E;
	}
.form-control, .goals-form textarea {
	border-color: #658593 !important; /* important for textarea */
	height: 30px; /* 34px; */
	}
.form-control:focus { /* teal to brand */
	border-color: #0096A6;
	box-shadow: rgba(0, 159, 192, 0.6);
	}
.spending .form-control {
	min-height: 31px;
	}
	
.form-control-label {
	text-align: left;
	}
.form-control-label.text-center {
	text-align: center;
	}
.spending .form-control-label {
	text-align: center;
	}
label.formlabel-normal {
	font-weight: normal; /* bold */
	padding-left: 1em;
	}
.formlabel-itemhead {
	font-size: 16px;
	}
.formlabel-sample { /* form label for sample forms */
	font-size: 14px;
	padding-left: 1em;
	text-align: left;
	}
.goals label.formlabel-normal, .goals .formlabel-sample, 
.investment label.formlabel-normal, .investment .formlabel-sample,
.definition label.formlabel-normal, .definition .formlabel-sample,
.debt label.formlabel-normal, .strategy label.formlabel-normal, .strategy .formlabel-sample {
	padding-left: 0em;
	}
#networth {
	font-weight: bold;
	}
#networth.x-networth {
   font-weight: normal;
}
/* form controls on specific sheets */
.form-dollar, .form-prefix { /* puts the dollar sign or other prefix outside left of the form field */
	color: #8c7e97;
	display: inline-block;
	float: left;
	margin-top: 4px;
	padding-right: 4px;
	}
.form-percent {
	color: #8c7e97;
	display: inline-block;
	float: right;
	margin: 4px 0px 0px;
	padding: 0px;
	}
.balance-sheet .form-control, .budget .form-control, .spending .form-control {
	padding-right: 1em;
	width: 90%;
	}
.debt div.form-control.itemdesc {
	margin-left: 0em;
	text-align: left;
	}
.debt div.form-control {
	margin-left: 1em;
	margin-right: 0em;
	padding-right: 0.5em;
	text-align: right;
	}
.debtform .form-control-percent, .debt div.form-control-percent {
	display: inline-block;
	margin-left: 4px;
	margin-right: 0em;
	text-align: right;
	width: 84% !important;
	}
.balance-sheet .form-control, .budget .form-control, .spending .form-control, 
.goals .form-control, .investment .form-control, .definition .form-control, .spending div.form-control, 
.strategy div.form-control { /* for actual forms */
	margin-left: 16px;
	}
.budgetform .form-control, .debtform .form-control/*, .debt .form-control*/ {
	margin-left: 2px;
	width: 90%;
	}
.goals .form-group, .goals-form .form-group, .investment .form-group, .investment-form .form-group,
.definition .form-group, .definition-form .form-group, .debt .form-group, .strategy-form .form-group, .strategy .form-group {
	margin-left: 1em;
	}
.goals .form-control, .investment .form-control, .definition .form-control, .debt .form-control, .strategy .form-control {
	height: auto !important; /* 30px; /* 34px; */
	min-height: 30px;
	padding-right: 0em;
	width: 94%;
	}
.spending div.form-control {
	height: auto !important; /* 30px; /* 34px; */
	min-height: 30px;
	padding-right: 4px;
	width: 94%;
	}
.goals div.form-control {
	margin-left: 18px;
	}
textarea#stgoals, textarea#stg1, textarea#stg2, textarea#stg3, textarea#stg4, textarea#stg5, textarea#stg6, 
textarea#ltgoals, textarea#ltg1, textarea#ltg2, textarea#ltg3, textarea#ltg4, textarea#ltg5, textarea#ltg6,
textarea#investment1, textarea#investment2, textarea#investment3, textarea#investment4, textarea#investment5, textarea#investment6,
textarea#definition1, textarea#definition2, textarea#definition3, textarea#definition4, textarea#definition5, textarea#definition6,
textarea#strategy1, textarea#strategy2, textarea#strategy3 {
	line-height: inherit;
	margin-left: 18px !important;
	padding: 0.25em;
	width: 94% !important;
	z-index: 1;

	border: 1px solid #CCCCCC;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
	-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
	-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s
	}
textarea#stgoals:focus, textarea#stg1:focus, textarea#stg2:focus, textarea#stg3:focus, textarea#stg4:focus, textarea#stg5:focus, textarea#stg6:focus, 
textarea#ltgoals:focus, textarea#ltg1:focus, textarea#ltg2:focus, textarea#ltg3:focus, textarea#ltg4:focus, textarea#ltg5:focus, textarea#ltg6:focus,
textarea#investment1:focus, textarea#investment2:focus, textarea#investment3:focus, textarea#investment4:focus, textarea#investment5:focus, textarea#investment6:focus,
textarea#definition1:focus, textarea#definition2:focus, textarea#definition3:focus, textarea#definition4:focus, textarea#definition5:focus, textarea#definition6:focus,
textarea#strategy1:focus, textarea#strategy2:focus, textarea#strategy3:focus {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
	box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)
	}
textarea#stgoals::-mo z-placeholder, textarea#stg1::-mo z-placeholder, textarea#stg2::-mo z-placeholder, textarea#stg3::-mo z-placeholder, 
textarea#stg4::-mo z-placeholder, textarea#stg5::-mo z-placeholder, textarea#stg6::-mo z-placeholder, 
textarea#ltgoals::-mo z-placeholder, textarea#ltg1::-mo z-placeholder, textarea#ltg2::-mo z-placeholder, textarea#ltg3::-mo z-placeholder, 
textarea#ltg4::-mo z-placeholder, textarea#ltg5::-mo z-placeholder, textarea#ltg6::-mo z-placeholder,
textarea#investment1::-mo z-placeholder, textarea#investment2::-mo z-placeholder, textarea#investment3::-mo z-placeholder,
textarea#investment4::-mo z-placeholder, textarea#investment5::-mo z-placeholder, textarea#investment6::-mo z-placeholder,
textarea#definition1::-mo z-placeholder, textarea#definition2::-mo z-placeholder, textarea#definition3::-mo z-placeholder,
textarea#definition4::-mo z-placeholder, textarea#definition5::-mo z-placeholder, textarea#definition6::-mo z-placeholder,
textarea#strategy1::-mo z-placeholder, textarea#strategy2::-mo z-placeholder, textarea#strategy3::-mo z-placeholder {
	color:#777777;
	opacity: 1;
	}
#Submit, #resetButton, #calculateButton {
	background-color: #895CA6; /* vio-t1 /* #705FA9; /* purple-t1 /* #b67fb7; /* #ebebeb; */
	border-color: #7B449A; /* main-vio /* #5D4A9E; /* main-purple /* #392765; /* purple-s3 /* #725474; */
	color: #ffffff;
	}
#Submit:hover, #Submit:focus, #resetButton:hover, #resetButton:focus, #calculateButton:hover, #calculateButton:focus {
	color: #F4E7A3;
	}
input#totalassets {
	background-color: #679C32; 
	color: #ffffff;
	font-weight: bold;
	}
input#totalliabilities, input#networth, input#incometotal, input#incometotalchange, input#incometotalnew,
input#expensetotal, input#expensetotalchange, input#expensetotalnew, input#budgettotal, input#budgettotalchange, input#budgettotalnew,
input#debttotal, input#interesttotal {
	color: #ffffff;
	font-weight: bold;
	}
/* ================================== end forms ================================== */

/* ================================== beg panels ================================== */
#accordion, #accordion2 {
	margin-bottom: 3em;
	margin-top: 1.5em;
	}
.panel {
	box-shadow: none;
	}
#accordion2 .panel-heading {
	background-color: transparent /* #e2f2d0 */ !important;
	}
.panel-heading {
	background-color: #e2f2d0 !important;
	}
.panel-heading h2 {
	font-size: 1.4em;
	}
.panel-heading a {
	color: #0096A6;
	outline: none;
	text-decoration: none;
	}
/*.panel-heading, */.panel-collapse/*, .panel-body*/ {
	margin: 0px;
	padding: 0px;
	}
.panel-default, .panel-body {
    background-color: transparent; /* none; /* #F5F5F5; */
	}
.panel-default, .panel-heading, .panel-body {
    border-color: transparent !important; /* #DDD; */
	}
#accordion.panel-group, .panel-group .panel,
#accordion2.panel-group, .panel-group .panel {
    border-radius: 0px; /* 4px; */
    margin-bottom: 0px;
	}
#accordion .panel-heading a:focus:before, 
#accordion .panel-heading a:before,
#accordion2 .panel-heading a:focus:before, 
#accordion2 .panel-heading a:before {
	color: #84c341;
	content: ' \e113'; /* = chevron up */
	font-family: 'Glyphicons Halflings';
	font-size: 75%;
	margin-right: 1em;
	margin-top: 0.5em;
	}
#accordion .panel-heading a.collapsed:focus:before,
#accordion .panel-heading a.collapsed:before,
#accordion .panel-heading a:before,
#accordion2 .panel-heading a.collapsed:focus:before,
#accordion2 .panel-heading a.collapsed:before,
#accordion2 .panel-heading a:before {
	color: #84c341;
	content: ' \e114'; /* = chevron down */
	font-family: 'Glyphicons Halflings';
	font-size: 75%;
	margin-right: 1em;
	margin-top: 0.5em;
	}
.thumbnail.featureblock {
	padding: 1em;
	}
.thumbnail .featureblock #accordion2 {
	margin: 1em;
	}
/* ================================== end panels ================================== */

/* ================================== beg spry tabs ================================== */
/*.TabbedPanels {*/
#tabs-charblocks, #tabs-charblocks-b1, #tabs-charblocks-b2, #tabs-charblocks-b3 {
	margin-top: 1em;
	clear: none;
	margin-left: -18px;
	padding-left: 18px;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
	}
/*#bwtabs .TabbedPanelsTabGroup, #bwwealth .TabbedPanelsTabGroup, #bwnetworth .TabbedPanelsTabGroup,
#bwgoals .TabbedPanelsTabGroup, #bwspending .TabbedPanelsTabGroup, #bwbudget .TabbedPanelsTabGroup,
#bwinvestment .TabbedPanelsTabGroup, #bwccdebt .TabbedPanelsTabGroup {*/
#bwtabs, #bwwealth, #bwnetworth, #bwgoals, #bwspending, #bwbudget, #bwinvestment, #bwccdebt {
	margin-left: 14px;
	}
.bwtabspaneltab.placeholder {
	margin: 0px;
	padding: 0px;
	}
/*#tabs-charblocks {
	margin-top: 1em;
	}*/
.bwtabspanelcontentgroup {
	margin: 0px;
	padding: 0px;
	}
#tabs-teachers .bwtabspaneltab { 
	background-color: #CEE7B3; /* green-t3 blurred tab */
	border-left: solid 1px #4d7c25; /* green */
	border-right: solid 1px #4d7c25;
	border-top: solid 1px #4d7c25;
	color: #153B00; /* dark green */
	}
#tabs-consumers .bwtabspaneltab {
	background-color: #a7e2e8; /* light teal blurred tab */
	border-left: solid 1px #3eb6c2; /* teal */
	border-right: solid 1px #3eb6c2;
	border-top: solid 1px #3eb6c2;
	color: #006E79; /* dark teal */
	}
#tabs-students .bwtabspaneltab {
	background-color: #D1BEDC; /* light purple blurred tab */
	border-left: solid 1px #895CA6; /* purple */
	border-right: solid 1px #895CA6;
	border-top: solid 1px #895CA6;
	color: #52226e; /* dark purple */
	}
#tabs-leaders .bwtabspaneltab {
	background-color: #FFF2D1; /* light yellow blurred tab */
	border-left: solid 1px #af861f; /* gold */
	border-right: solid 1px #af861f;
	border-top: solid 1px #af861f;
	color: #7b5b0b; /* dark gold */
	}
#tabs-charblocks .bwtabspaneltab, #tabs-charblocks-b1 .bwtabspaneltab, #tabs-charblocks-b2 .bwtabspaneltab, #tabs-charblocks-b3 .bwtabspaneltab {
	background-color: transparent; /* #FFF2D1; /* light yellow blurred tab */
	border: none;
	border-top-right-radius: 0px;
	color: #CC2027; /* link color red */
	}
.bwtabspaneltab {
	border-top-right-radius: 6px;
	cursor: pointer;
	float: left;
	font-weight: 500;
	list-style: none;
	margin: 0px 16px 0px -14px; 
	padding: 6px 8px 0;
	position: relative; 
	top: 1px;
	-moz-user-select: none;
	-khtml-user-select: none;
	}
.bwtabspaneltab a:hover, #tabs-teachers .bwtabspaneltab a:hover, #tabs-consumers .bwtabspaneltab a:hover,
#tabs-students .bwtabspaneltab a:hover, #tabs-leaders .bwtabspaneltab a:hover, #tabs-charblocks .bwtabspaneltab a:hover,
#tabs-charblocks-b1 .bwtabspaneltab a:hover, #tabs-charblocks-b2 .bwtabspaneltab a:hover, #tabs-charblocks-b3 .bwtabspaneltab a:hover {
	background-color: #0096A6; /* teal */
	background-image: none;
	color: #F4E7A3; /* yellow */
	outline: none;
	}
/*.TabbedPanelsTabSelected,*/ #tabs-teachers a.nav-link.active, #tabs-consumers a.nav-link.active,
#tabs-students a.nav-link.active, #tabs-leaders a.nav-link.active, #tabs-charblocks a.nav-link.active,
#tabs-charblocks-b1 a.nav-link.active, #tabs-charblocks-b2 a.nav-link.active, #tabs-charblocks-b3 a.nav-link.active {
	background-color: #ffffff; 
	background-image: none;
	color: #000000;
	outline: none;
	}
#tabs-charblocks a.nav-link.active:hover, #tabs-charblocks-b1 a.nav-link.active:hover, #tabs-charblocks-b2 a.nav-link.active:hover, #tabs-charblocks-b3 a.nav-link.active:hover {
	background-color: #F4E7A3; /* dark yellow */
	}
#tabs-charblocks a.nav-link.active, #tabs-charblocks-b1 a.nav-link.active, #tabs-charblocks-b2 a.nav-link.active, #tabs-charblocks-b3 a.nav-link.active {
	background-color: #fef7d1; /* lighter yellow */
	border-left: solid 1px #3eb6c2; /* teal */
	border-right: solid 1px #3eb6c2;
	border-top: solid 1px #3eb6c2;
	}
.bwtabspaneltab a {
	color: #000000;
	outline: none;
	text-decoration: none;
	}
#tabs-teachers .bwtabspanelcontentgroup {
	border: solid 1px #4d7c25; /* green */
	}
#tabs-consumers .bwtabspanelcontentgroup {
	border: solid 1px #3eb6c2; /* teal */
	}
#tabs-students .bwtabspanelcontentgroup {
	border: solid 1px #895CA6; /* purple */
	}
#tabs-leaders .bwtabspanelcontentgroup {
	border: solid 1px #af861f; /* gold */
	}
#tabs-charblocks .bwtabspanelcontentgroup, #tabs-charblocks .bwtabspanelscontent, #tabs-charblocks-b1 .bwtabspanelcontentgroup, #tabs-charblocks-b2 .bwtabspanelcontentgroup, #tabs-charblocks-b3 .bwtabspanelcontentgroup, #tabs-charblocks-b1 .bwtabspanelscontent, #tabs-charblocks-b2 .bwtabspanelscontent, #tabs-charblocks-b3 .bwtabspanelscontent {
	background-color: transparent; /* #ffffff; */
	border-top: #3eb6c2 solid 1px; 
	min-height: inherit; /* 180px; */
	overflow: auto;
	padding: 0em; /* 1em; */
	}
#tabs-charblocks .bwtabspanelcontentgroup, #tabs-charblocks-b1 .bwtabspanelcontentgroup, #tabs-charblocks-b2 .bwtabspanelcontentgroup, #tabs-charblocks-b3 .bwtabspanelcontentgroup {
	overflow: visible;
	padding: 0em;
	}
#tabs-charblocks .bwtabspanelscontent, #tabs-charblocks-b1 .bwtabspanelscontent, #tabs-charblocks-b2 .bwtabspanelscontent, #tabs-charblocks-b3 .bwtabspanelscontent {
	height: auto;
	margin-top: -2px;
	padding: 1em 1em 1em 0em;
	overflow: inherit; /* auto; */
	}
#tabs-charblocks table, #tabs-charblocks-b1 table, #tabs-charblocks-b2 table, #tabs-charblocks-b3 table {
	padding-top: 6px;
	}
#tabs-charblocks td, #tabs-charblocks-b1 td, #tabs-charblocks-b2 td, #tabs-charblocks-b3 td {
	border: none;
	}
.bwtabspanelcontentgroup {
	clear: both;
	background-color: #ffffff; 
	min-height: 180px;
	overflow: auto;
	padding: 1em;
	}
.bwtabspanelscontent {
	background-color: #ffffff;
	padding: 1em;
	min-height: 256px;
	}
.bwtabspanelscontent .glyphicon-search {
	margin-right: 2em;
	}
.bwtabspanelscontent h5 .media-heading {
	line-height: 1.25;
	}
.bwtabspanelscontent .tab-icon {
	margin-right: 2em;
	height: 15em; /* 225px; */
	width: 15em; /* 225px; */
	}
#xs-teachers .tab-icon, #xs-consumers .tab-icon, #xs-students .tab-icon, #xs-leaders .tab-icon {
	height: 160px;
	margin-left: 1em;
	margin-right: 0em;
	width: 160px;
	}
.bwtabspanelscontent .tab-content {
	display: inline-block;
	width: 70%;
	}
.bwtabspanelscontent .tab-content ul ul li {
	font-size: 94%;
	}
.whiteboard_block table.table.table-responsive {
	margin-top: 1em;
	}
li.lesson-row {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
	}
#xs-teachers ol {
	margin-top: 1em;
	}
.lesson-chips {
	float: right;
	white-space: nowrap;
	}
#xs-teachers .lesson-chips a {
	float: left; margin-left: 1em;
	}
/* ================================== end spry tabs ================================== */

/* ================================== beg custom tabs =============================== */
.tabbable {
	margin-top: 1.5em;
	}
.nav-tabs {
	border-bottom: 1px solid #3eb6c2; /* #ddd; */
	}
.tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs {
	border-bottom: 0;
	}
.tab-content > .tab-pane, .pill-content > .pill-pane {
	display: none;
	}
.tab-content > .active, .pill-content > .active {
	display: block;
	}
.tab-content .container {
	padding: 2em;
	}
.tab-content .grid {
	margin-left: 1em;
	}
.tabs-below > .nav-tabs {
	border-top: 1px solid #3eb6c2; /* #ddd; */
	}
.tabs-below > .nav-tabs > li {
	margin-bottom: 0;
	margin-top: -1px;
	}
.tab-pane {
	padding-top: 2px;
	}
.tab-pane .table {
	margin: 0px;
	padding: 0px;
	}
.tab-pane .table td {
	border-top: none !important;
	}
.tab-pane-table-right {
	width: auto;
	}
.padding-top-1 {
	padding-top: 1em;
	}
.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 0 0; /* 4px 4px; */
     -moz-border-radius: 0 0 0 0; /* 4px 4px; */
          border-radius: 0 0 0 0; /* 4px 4px; */
	}
.tabs-below > .nav-tabs > li > a:hover, .tabs-below > .nav-tabs > li > a:focus {
	border-top-color: #3eb6c2; /* #ddd; */
	border-bottom-color: transparent;
	}
.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
	border-color: transparent #3eb6c2 #3eb6c2 #3eb6c2; /* #ddd #ddd #ddd; */
	}
.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
	float: none;
	}
.tabs-left > .nav-tabs > li.active > a, .tabs-left > .nav-tabs > li > a:focus,
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus { /* */
	background-color: #fef7d1; /* #fff5c0; /* light yellow on hover and focus */
	}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a,
.nav-tabs > li > a {
	font-size: 14px;
	min-width: 60px; /* 74px; */
	margin-right: 0;
	margin-bottom: 3px;
	}
.tabs-left > .nav-tabs {
	border-right: 1px solid #3eb6c2; /* #ddd; */
	float: left;
	margin-right: 1.5em; /* 19px; */
	}
.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 0 0 0 0; /* 4px 0 0 4px; */
     -moz-border-radius: 0 0 0 0; /* 4px 0 0 4px; */
          border-radius: 0 0 0 0; /* 4px 0 0 4px; */
	}
.nav-tabs > li > a {
  margin-bottom: -1px;
  -webkit-border-radius: 0 0 0 0; /* 4px 4px 0 0; */
     -moz-border-radius: 0 0 0 0; /* 4px 4px 0 0; */
          border-radius: 0 0 0 0; /* 4px 4px 0 0; */
	}
.tabs-left > .nav-tabs > li > a:hover, .nav-tabs > li > a:hover {
	background-color: #0096A6; /* #D5EEF1; */
	color: #fee7aa;
	}
.tabs-left > .nav-tabs > li > a:hover, .tabs-left > .nav-tabs > li > a:focus,
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	border-color: #3eb6c2 #3eb6c2 #3eb6c2 #3eb6c2; /* 3eb6c2 #eeeeee #dddddd #eeeeee #eeeeee; */
	}
.tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
	border-color: #3eb6c2 transparent #3eb6c2 #3eb6c2; /* #ddd transparent #ddd #ddd; */
	*border-right-color: #ffffff;
	}
.nav-tabs li.active > a, .nav-tabs li.active > a:hover, .nav-tabs li.active > a:focus {
	border-color: #3eb6c2 #3eb6c2 transparent #3eb6c2; /* #ddd transparent #ddd #ddd; */
	}
.nav-tabs li.active > a:hover {
	background-color: #F4E7A3; /* dark yellow */
	}
.tabs-right > .nav-tabs {
	border-left: 1px solid #3eb6c2; /* #ddd; */
	float: right;
	margin-left: 14px; /* 19px; */
	}
.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
	}
.tabs-right > .nav-tabs > li > a:hover, .tabs-right > .nav-tabs > li > a:focus {
	border-color: #3eb6c2 #3eb6c2 #3eb6c2 #3eb6c2; /* #eeeeee #eeeeee #eeeeee #dddddd; */
	}
.tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
	border-color: #3eb6c2 #3eb6c2 #3eb6c2 transparent; /* #ddd #ddd #ddd transparent; */
	*border-left-color: #ffffff;
	}
.tabs-img-right, .tabs-charblock p {
	margin-bottom: 1em;
	margin-left: 2em;
	margin-top: 1em;
	}
.tabs-img-left {
	margin-bottom: 1em;
	margin-right: 2em;
	}
.tabs-img-right, .tabs-img-left {
	max-width: 160px;
	}
/* ================================== end custom tabs =============================== */

/* ================================== beg lists ================================== */
ol li, ol li li, ol li li li, ul li, ul li li, ul li li li {
	line-height: 1.428571429;
	margin-bottom: 6px;
	}
ol:last-child, ul:last-child {
	margin-bottom: 0px;
	}
ul .lessons li, ol .lessons li {
	margin-bottom: 8px;
	}
/* ================================== end lists ================================== */

/* ================================== beg tables ================================== */
.bg-white {
	background-color: #ffffff;
	}
.tab-content table.table.table-responsive {
	margin: 0px auto;
	width: 100%;
	}
table.table.table-responsive {
	margin: 0px auto;
	}
table.table.table-responsive .th1 td {
	border-bottom: none;
	}
table.table.table-responsive .th2 td {
	border-top: none;
	}
table.table.table-responsive ol {
	margin-left: -1em;
	}
table.table.table-striped {
	font-weight: 600;
	}
table.table.table-striped tr th, .table-striped > tbody > tr:nth-child(odd) > th {
	background-color: #d4d1ce; 
	text-align: center;
	vertical-align: bottom;
	}
table.table.table-striped tr td {
	font-size: 105%;
	vertical-align: top;
	}
.tableNumbers {
	text-align: right;
	}
.tableNumbers .padded {
	padded-right: 1em;
	}
.table-subhead, .table-striped > tbody > tr:nth-child(odd) > td.table-subhead {
	background-color: #ebe8e5; /* #f9f9f9; */
	}
.table-striped > tbody > tr:nth-child(odd) > td {
	background-color: #f7f7f6; /* #f9f9f9; */
	}
.numberDivs {
	display: inline;
	width: 50%;
	}
/* ================================== end tables ================================== */

/* ============================== beg block, column and div styles ============================== */
.ui-tooltip { 
	background-color: #ffffff; 
	border-radius: 4px;
	border: #0b3d48 solid 1px;
	font-size: 105%;
	max-width: 320px;
	padding: 6px;
	position: absolute;
	z-index: 10500 !important;
	-webkit-box-shadow: 0 0 4px #286270;
	box-shadow: 0 0 4px #286270;
	}
#back2top {
	background-image: url(../files/images/pixel_white80.png);
	bottom: 0;
	color: #e97344;
	margin-bottom: 0px;
	padding: 0.5em 2em 0.75em;
	position: fixed;
	right: 0;
	text-align: right;
	width: 100%;
    -webkit-animation: fadein 1s; /* Safari and Chrome */
	-moz-animation: fadein 1s; /* Firefox */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera */
	animation: fadein 1s;
    -webkit-animation: fadeout 1s; /* Safari and Chrome */
	-moz-animation: fadeout 1s; /* Firefox */
	-ms-animation: fadeout 1s; /* Internet Explorer */
	-o-animation: fadeout 1s; /* Opera */
	animation: fadeout 1s;
	}
	@keyframes fadein {
		from { opacity: 0; }
		to   { opacity: 1; }
		}
	@keyframes fadeout {
		from { opacity: 1; }
		to   { opacity: 0; }
		}
	@-moz-keyframes fadein { /* Firefox */
		from { opacity: 0; }
		to   { opacity: 1; }
		}
	@-moz-keyframes fadeout { /* Firefox */
		from { opacity: 1; }
		to   { opacity: 0; }
		}
	@-webkit-keyframes fadein { /* Safari and Chrome */
		from { opacity: 0; }
		to   { opacity: 1; }
		}
	@-webkit-keyframes fadeout { /* Safari and Chrome */
		from { opacity: 1; }
		to   { opacity: 0; }
		}
	@-ms-keyframes fadein { /* Internet Explorer */
		from { opacity: 0; }
		to   { opacity: 1; }
		}
	@-ms-keyframes fadeout { /* Internet Explorer */
		from { opacity: 1; }
		to   { opacity: 0; }
		}​
.thumbnail {
	background-color: #ffffff;
	border: 1px solid #463b2d; /* #1e1a17; */
	border-radius: 0px; /* 4px; */
	margin-bottom: -1px; /* 20px; */
	padding: 16px; /* 4px; */
	}
.no-border {
	border: none !important;
	}
span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg, 
span.visible-xs, span.visible-sm, span.visible-md, span.visible-lg {
    display: inline !important;
	}
.splash-description {
	margin: 0em auto 1em;
	width: 70%;
	}
blockquote {
	padding-top: 2px;
	}
.well {
	margin-bottom: 1em;
	margin-top: 1em;
	}
.colorchip {
	display: inline-block;
	float: left;
	height: 24px;
	margin-right: 0.5em;
	width: 24px;
	}
.bg-white-screen-50 {
	background: url(../files/images/bg-row-50.png);
	}
.bg-white-screen-80 {
	background: url(../files/images/bg-row-80.png);
	}
.rounded-bottom-8 {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	padding-left: 1em;
	padding-right: 1em;
	}
/* *** May not need these to end block and div styles *** */
.popover {
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 0 5px 10px rgba(0, 0, 0, 0.2); */
	}
.notes {
	border-top: #b5ca5e solid 1px;
	margin-top: 36px;
	padding-top: 12px;
	}
.noteNumberLink {
	/*font-weight: 550;*/
	padding: 0 1px;
	}
a.noteNumberLink.hidden-lg {
	display: inline-block;
	}
.ofcContainer { 
	margin-left: 1em; 
	padding-top: 0.5em; 
	width: 100%; 
	}
.ofcColumns { 
	min-height: 4.5em; 
	width: 90%; 
	}
.ofcContainer .back2top {
	display: none;
	}
span[class*="endtranstext"] {
   margin-bottom: .5rem;
   display: inline-block;
}
span[class*="endtranstext"] .text-thin {
   margin-bottom: .5rem;
}
/* ============================== end block, column and div styles ============================== */

/* ================================== beg pagination ================================== */
.pagination > li > a,
.pagination > li > span {
	border: 1px solid #545351; /* #f0ede8; */
	}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
	background-color: #315c8a; /* #f0bf7c; */
	border-color: #315c8a; /* #f0bf7c; */
	}
/* ================================== end pagination ================================== */

/* ================================== beg footer ================================== */
#footer {
	position: relative;
	}
.footerSmall {
	font-size: 85%;
	margin-top: 1em;
	}
.footerSmall a, .mastfoot a {
	color: #000000;
	}
.footer img, .footer svg, .mastfoot .footerSmall img, .mastfoot .footerSmall svg {
	border-right: 1px solid #0096A6;
	margin-right: 1em;
	padding-bottom: 1em;
	padding-right: 1em;
	width: 80px;
	}
.footer svg {
	height: 67px;
	}
.footer p {
   margin: 0 0 10px;
}
	
/* ================================== end footer ================================== */
	
@media screen and (min-width:0\0) and (max-width: 500em) {
.bwtabspanelscontent .tab-content {
	width: 70%;
	}
.ie {
	display: block;
	visibility: visible;
	}
.modern, .grid figure h7 {
	display: none;
	visibility: hidden;
	}
svg#frbdlogo_rev_svg {
	max-height: 48px; /* for IE */
	}
img.frbdseal_topnav.svg-alt.ie { /* seal */
	display: block;
	margin-right: 1em;
	height: 30px; /* 37px; */
	width: 33px; /* 40px; */
	visibility: visible;
	}
svg.modern.frbdseal_topnav {
	display: none;
	margin: 0px;
	padding: 0px;
	height: 0px;
	width: 0px;
	visibility: hidden;
	}
.st-menu-open .st-pusher::after { 
	opacity: 0; 
	}
.coverart {
	margin-top: 1em;
	}
.coverhovers {
	max-width: 624px;
	}
/* social media icons */
#socialrow-rev {
	margin-top: 0.45em;
	}
figure.effect-zoe figcaption {
	background-color: transparent;
	}
div.panel-body.penciltint {
	margin-top: 0.5em;
	}
.icon-content { /* box icons */
	max-width: 160px;
	}
a.anchor {
	height: 70px;
	margin-top: -70px;
	}
a.definitionanchor, a.glossaryanchor {
	height: 180px;
	margin-top: -180px;
	}
.blockquote-teal img, .blockquote-blue img, .blockquote-vio img, .blockquote-sherb img, .blockquote-green img, 
.blockquote-orange img, .blockquote-purple img, .blockquote-gold img, .blockquote-gray img,
.blockquote-teal svg, .blockquote-blue svg, .blockquote-vio svg, .blockquote-sherb svg, .blockquote-green svg, 
.blockquote-orange svg, .blockquote-purple svg, .blockquote-gold svg, .blockquote-gray svg,
.featureblock-span .img-concept-ie {
	max-width: 640px;
	}
.charheadshot-block-33 {
	width: 160px;
	}
#accordion .panel-heading a:focus:before,
#accordion .panel-heading a.collapsed:focus:before,
#accordion .panel-heading a.collapsed:before,
#accordion .panel-heading a:before,
#accordion2 .panel-heading a:focus:before,
#accordion2 .panel-heading a.collapsed:focus:before,
#accordion2 .panel-heading a.collapsed:before,
#accordion2 .panel-heading a:before {
	font-size: 1.4em;
	}
.ch2-spending img, .ch2-spending-half img, .ch2-budget img, .ch2-spending-gabby {
	max-height: none; /* 640px; */
	}
/*.ch3-gabby-thinking {
	max-width: 360px;
	}*/
.spending .form-horizontal {
	margin-right: 1em;
	}
}
@media print and (min-width:0\0) and (max-width: 500em) {
@page { margin: 1cm !important }
html, body, row, p {
	font-size: 10pt;
	line-height: 1.35;
    overflow-x: auto;
	top: 0;
	width: auto;
	}
body {
	margin-top: 0cm;
	}
/*#printhead {
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 0.5em;
	visibility: visible;
	}
.printheadgroup h1 {
	margin-left: 0.5em;
	margin-top: 0em;
	}
.printheadgroup .icon-pagenumber {
	height: 2em;
	margin-left: 1em;
	padding-right: 0.5em;
	}*/
.jumbotron {
	margin-bottom: 0em;
	padding-bottom: 0em;
	}
.logorow {
	margin-bottom: 0em;
	margin-top: 1em;
	}	
.bwlogo_md, .bwlogo_md_rev, .bwlogo_md_k {
	height: 32px; /* 40px; /* 70px; */
	width: 208px; /* 258px; /* 452px; */
	}
.bwlogo_lg {
	height: 104px; /* 70px; */
	width: 673px; /* 452px; */
	}
.bwlogo_sm, .bwlogo_sm_rev, .bwlogo_sm_k {
	height: 25px; /* 32px; /* 56px; */
	margin-bottom: 0.5em;
	overflow: visible;
	width: 160px; /* 208px; /* 364px; */
	}
.bwtagline-lg {
	font-size: 130%;
	margin-bottom: 2em;
	margin-top: 2px;
	}
.banner {
	margin-top: 0px;
	padding-top: 0px;
	width: 684px;
	}
div#content.container, #content-back2top {
	margin-top: 1em;
	padding-top: 0px;
	}
.featureblock-span, #content-back2top {
	margin-bottom: 0px;
	margin-top: 0em;
	padding-bottom: 0px;
	padding-top: 0em;
	}
.container {
	margin-bottom: 0em;
	padding-bottom: 0em;
	}
.splash-description {
	margin-top: 0em;
	}
.coverart {
	margin-bottom: 1em; /* 2em; */
	max-width: 520px;
	}
h1, .h1 {
	font-size: 145%;
	margin-top: 0.25em; /* 0.67em; */
	}
h2, .h2 {
	font-size: 125%; /* 155%; */
	}
h3, .h3, .text-large {
	font-size: 115%; /* 145%; */
	}
h5, .h5, h6, .h6 {
	font-size: 108%;
	}
h7, .h7 {
	font-size: 100%;
	}
li {
	font-size: 10pt;
	}
.hidden-print, #topnav, .topnav, #slidemenu, #specs_a, .breadcrumb, .navmenu, .navbar, .navbar-brand,
span.glyphicon.glyphicon-new-window, a.link-pdf, a.link-doc, a.link-xls, a.link-ppt, a.link-swf, a.link-smart, a.link-promethean, 
a.link-video, a.link-audio, a.link-html, a.link-zip, .button-nav-content, #back2top, .bg-ch1-form-page, .bg-ch2-form-page, 
.bg-ch3-form-page, .bg-ch4-form-page, .bg-ch5-form-page, #resetButton, .link-previous, a.link-example {
	display: none;
	visibility: collapse;
	}
img, svg {
	padding: 6px;
	}
a.definition {
	border-bottom: none; /* #CC2027 dashed 1px; */
	}
div.thumbnail.home {
	border: none;
	min-height: 240px;
	padding: 0px;
	width: 212px;
	}
div.thumbnail.home img, div.thumbnail.home svg {
	height: 200px;
	width: 200px;
	}
/*div.homeprint {
	margin: 3em 0em 0em 4em;
	}
div.homeprint span {
	display: inline-block;
	margin: 0px;
	padding: 0px;
	}
div.homeprint img, div.homeprint svg {
	height: 300px;
	margin-top: -5px;
	width: 300px;
	}*/
ol li, ol li ol li, ol li ol li ol li, ul li, ul li ul li, ul li ul li ul li {
	line-height: 1.35;
	margin-bottom: 4px;
	}
ol li, .list-square {
	font-size: 92%;
	}
.list-square {
	margin-left: 0px;
	}
.list-square li { 
	margin-right: 0px;
	}
ul.visible-print.list-square li {
	padding-bottom: 6px; 
	}
.ch-icon-people #box-david, .x-bio-d, .ch-icon-people #box-sonya, .x-bio-s {
	margin-top: -2em;
	}
.pencilblock-spacer, .infoblock-spacer, .dollarblock-spacer, .pencilblock-spacer-level3 {
	margin-right: 0em; /* 1em; */
	}
.pencilblock-tinted, .infoblock-tinted, .dollarblock-tinted, .tintedblock {
	margin-bottom: 0em !important;
	margin-top: 0em;
	padding: 0em;
	}
.pencilblock, .infoblock, .dollarblock {
	margin-bottom: 0em; /* 3em; */
	margin-top: 0em; /* 2em; */
	}
.infoblock-tinted.savingsaccounts .col-lg-4, .infoblock-tinted.savingsaccounts .thumbnail, .infoblock-tinted.savingsaccounts .caption {
	margin: 0em;
	min-height: inherit; /* 332px; */
	padding: 0em;
	}
.thumbnail h2 {
	margin-top: 0em;
	}
.thumbnail-over-feature {
	margin-bottom: 0em; /* 2em; */
	margin-top: 0em; /* 2em; */
	}
.thumbnail.thumbnail-over-feature, .thumbnail-over-feature .thumbnail {
	border: none;
	padding: 0em;
	}
.x-definition .thumbnail, .x-networth .thumbnail, .x-goals .thumbnail, .x-spending .thumbnail, 
.x-budget .thumbnail, .x-investment .thumbnail, .x-debt .thumbnail, .x-review .thumbnail {
	border: none;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.x-definition .line-top-teal, .x-networth .line-top-teal, .x-goals .line-top-teal, .x-spending .line-top-teal, 
.x-budget .line-top-teal, .x-investment .line-top-teal, .x-debt .line-top-teal, .x-review .line-top-teal {
	border-top: none;
	margin-top: 0px;
	padding-top: 0px;
	}
.lead {
	font-size: 100%;
	}
.topLine {
	border-top: #9c9a96 solid 1px !important;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 6px;
	padding-bottom: 0px;
	}
.line-note-teal, .line-top-teal, .line-note-blue, .line-top-blue, .line-note-vio, .line-top-vio,
.line-note-sherb, .line-top-sherb, .line-note-green, .line-top-green, .line-note-orange, .line-top-orange,
.line-note-purple, .line-top-purple, .line-note-gold, .line-top-gold, .line-note-gray, .line-top-gray {
	border-top: #000000 solid 1px;
	margin-top: 1em;
	}
.break-after {
	margin: 0px;
	padding: 0px;
	page-break-after: always;
	}
.break-before {
	margin: 0px;
	padding: 0px;
	page-break-before: always;
	}
.no-break-inside {
	page-break-inside: avoid !important;
	}
.noteNumberLink {
	padding: 0px;
	}
.left-24 {
	margin-left: 24px;
	}
.noBottomSpacing {
	margin-bottom: 0px;
	padding-bottom: 0px;
	}

.formWrapper {
	margin-top: 0px;
	}
.budget .form-control, .budget input.form-control, .budgetform .form-control, .budget p.formlabel-sample {
	font-size: 11px;
	margin-bottom: 1px;
	margin-top: 1px;
	padding-bottom: 0em;
	padding-top: 0em;
	}
.budgetform p.form-control-label.text-center, .budget p.form-control-label, .spending p.form-control-label {
	font-size: 10px;
	}
.balance-sheet .formWrapper {
	width: 85%;
	}
.spending .formContainer {
	padding-bottom: 1px;
	}
.spending .formContainer, .budget .formContainer {
	padding: 1px;
	}
.form-control {
	height: auto;
	min-height: 30px;
	}
.budget .form-control, .budget input.form-control, .budgetform .form-control,
.debt .form-control, .debt input.form-control, .debtform .form-control, .debt .form-control-percent,
.balance-sheet .form-control, .invest-form .form-control, .definition .formlabel-sample, .goals .formlabel-sample, 
.investment .formlabel-sample, .strategy .formlabel-sample {
	margin-bottom: 1px;
	margin-top: 1px;
	min-height: 22px;
	padding-bottom: 0em;
	padding-top: 0em;
	}
div.formWrapper.definition div.formContainer, .definition .form-group,
div.formWrapper.goals div.formContainer, .goals .form-group,
.definition .form-control, .goals .form-control, .investment .form-control, .strategy .form-control {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	padding-bottom: 0em !important;
	padding-top: 0em !important;
	}
.definition p, .goals p, .investment p, .strategy p {
	margin-bottom: 4px !important;
	margin-top: 4px !important;
	padding-bottom: 0px;
	padding-top: 0px;
	}
.x-toolsforinvesting, .spending .form-group, .spending p, .spending .form-control {
	margin-bottom: 0px !important;
	margin-top: 0px !important;
	padding-bottom: 0em !important;
	padding-top: 0em !important;
	}
.x-toolsforinvesting h2, .x-retirement h2 {
	margin-bottom: 0px !important;
	margin-top: 0.25 !important;
	padding-bottom: 0em !important;
	padding-top: 0em !important;
	}
.panel-body {
	margin-bottom: 0px !important;
	padding-bottom: 0em !important;
	}
.x-mainch3-5 h1 {
	margin-top: 0px !important;
	padding-top: 0em !important;
	}
.x-mainch3-7 h2 {
	margin-top: 1em;
	}
.spending div.form-control {
	border: none !important;
	}

.transition h1 {
	font-size: 108%;
	margin-bottom: 0px;
	padding-bottom: 0px;
	}
.homeblock {
	width: 90%;
	}
.continuedBlock {
	border-bottom: #130C0E solid 1px;
	margin: 0px 0px 18px 0px;
	padding-bottom: 6px;
	width: 100%;
	}
.line-note-teal, .line-top-teal, .line-note-blue, .line-top-blue, .line-note-vio, .line-top-vio,
.line-note-sherb, .line-top-sherb, .line-note-green, .line-top-green, .line-note-orange, .line-top-orange,
.line-note-purple, .line-top-purple, .line-note-gold, .line-top-gold, .line-note-gray, .line-top-gray, 
.blockquote-teal, .blockquote-blue, .blockquote-vio, .blockquote-sherb, .blockquote-green, 
.blockquote-orange, .blockquote-purple, .blockquote-gold, .blockquote-gray {
	margin-top: 0.5em;
	padding-top: 0em;	
	}
.blockquote-teal, .blockquote-blue, .blockquote-vio, .blockquote-sherb, .blockquote-green, 
.blockquote-orange, .blockquote-purple, .blockquote-gold, .blockquote-gray {
	border: none;	
	}
.blockquote-teal h3, .featureblock-span .container {
	margin-bottom: 0em;
	margin-top: 0em;
	padding-bottom: 0em;
	padding-top: 0em;
	}
.blockquote-teal h3 {
	margin-left: -1.45em;
	padding-left: 0em;
	}
blockquote {
	border: none;
	margin-left: 0px;
	}
.ch2-gabby-spending-log {
	margin-bottom: 2em;
	margin-top: 2em;
	max-height: 640px;
	width: auto;
	}
.ch2-concept-sonya, .ch2-concept-gabby {
	float: right;
	margin: 0px;
	padding: 0em 0em 0em 1em;
	width: 320px;
	}
.ch3-chart-compound-5-load, .ch3-chart-compound-15-load, .ch3-chart-compound-30-load/*, img.ch3-gabby-thinking*/ {
	max-width: 240px;
	}
.ch3-mortgage-block {
	min-height: inherit; /* 820px; */
	}
.ch3-pyramid {
	margin: 0em auto;
	width: 360px;
	}
.ch3-chart-ira-load {
	margin: 0em auto;
	width: 420px;
	}
.table-responsive {
	border: 1px solid #9c9a96;
	margin: 0px auto;
    overflow-x: hidden !important; /* scroll; for ie only */
	width: 100%;
	}
table.table.table-striped {
	/**/
	}
table.table.table-striped tr td {
	padding: 2px 4px 2px 6px;
	}
.printreference {
	margin: 1em 0em 2em;
	}
.footerSmall p {
	font-size: 10px;
	margin-bottom: 0em;
	margin-top: 0em;
	padding-top: 0em;
	}
.footerSmall img, .footerSmall svg {
	margin-bottom: 2em;
	width: 52px; /* 64px 4em; */
	}
}
@media (max-width: 1399px) {
.bg-ch4-jumbo-gabby { 
	margin-right: 0; 
	}
}
@media (max-width: 1280px) {
.bg-ch2-jumbo-vince { 
	margin-right: 0; /* 6%; /* 18%; */
	}
 .bg-ch5-jumbo-david, .bg-ch3-jumbo-anthony, .bg-review-jumbo-bess { 
	margin-right: 12%; /* 18%; */
	}
.bg-ch1-jumbo-sonya/*, .bg-ch4-jumbo-gabby*/ { 
	margin-right: 4%; /* 18%; */
	}
.box-3 {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-ms-column-count: 2;
	}
.ch2-goals img {
	max-height: 260px; /* 426px; */
	}
.ch2-spending img, .ch2-budget img {
	margin: 1em auto;
	max-height: 420px; /* 640px; */
	}
.ch2-spending-half img {
	margin: 1em auto;
	max-height: 240px; /* 640px; */
	}
.ch2-spending-gabby {
	max-height: 420px; /* 640px; */
	}
}
@media (max-width: 1273px) {
.bg-ch4-jumbo-gabby, .bg-ch5-jumbo-david, .bg-ch3-jumbo-anthony, .bg-review-jumbo-bess { 
	margin-right: 0; /* 4%; /* 12%; 18%; */
	}
.bwtabspanelscontent .tab-content {
	width: 70%;
	}
.icon-content { /* box icons */
	margin: 1em;
	max-width: 130px;
	}
.tab-content .grid img, .tab-content .grid figure {
	width: 100%;
	}	
.ch3-home-sign {
	margin-right: -1em;
	}
/* =================================================== */
}
@media screen and (min-width:0\0) and (max-width: 1199px) {
button.navbar-toggle {
	padding-bottom: 6px;
	margin-left: 42px;
	}
.navbar-collapse {
	border-top: none;
	}
}
@media (max-width: 1199px) { 
/*.container {
	max-width: 1170px;
	}*/
button.navbar-toggle {
	border-color: #0096A6 !important;
	margin: 0.5em 0.5em 0em 54px;
	}
.navbar-toggle.collapsed .icon-bar { /* button bars on close */
	background-color: #ffffff !important;
	}
.navbar-toggle .icon-bar { /* button bars on open */
	background-color: #f4e7a3 !important;
	}
.navbar-default .navbar-toggle {
	color: #ffffff;
	outline: none;
	}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: #006E79; /*  */
	}
#socialrow-rev a:hover {
	background-color: transparent;
	}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #130C0E;
	}
.quote-wrapper {
	text-align: left;
	}
.quote {
	font-size: 120%;
	}
.homechar-img { 
	margin-top: -4em; 
	}
.infoblock-tinted.savingsaccounts .thumbnail {
	min-height: inherit; /* 332px; */
	}
.infoblock-double {
	font-size: 130%;
	}
.budgetform .col-sm-2, .budgetform .col-xs-2, .debtform .col-sm-2, .debtform .col-xs-2, .debt .col-sm-2, .debt .col-xs-2 {
	padding-left: 6px !important;
	padding-right: 6px !important;
	}
.budget .form-dollar, .budgetform .form-dollar, .debt .form-dollar, .debtform .form-dollar { /* puts the dollar sign or other prefix outside left of the form field */
	margin-top: 0px; /* 4px; */
	padding-right: 0px;
	}
.debt div.form-percent, .debtform .form-percent {
	margin-top: 0px; /* 4px; */
	padding-left: 0px;
	}
.debt div.form-control-percent, .debtform .form-control-percent {
	width: 80% !important;
	}
/*.bg-ch4-jumbo-gabby,*/ .bg-ch1-jumbo-sonya { 
	 margin-top: -24.8em; /* -21.2em;*/
	}
   .x-mainch4-7 .box {
      column-count: 1;
   }
/* =================================================== */
}
@media (max-width: 1024px) {
#desktop { /* for home page image map */
	display: none;
	}
nav.navbar.navbar-default div.main ul.navbar-nav li a, /* top nav links */
nav.navbar.navbar-default div.main ul.navbar-nav li a.dropdown-toggle {
	padding-right: 8px;
	padding-top: 18px;
	}
.navbar-nav > li > a {
	}
h3.level2block {
	font-size: 1em;
	}
.level3-container {
	padding-top: 1em;
	}
.landscapeContainer, .landscapeContainerHome { 
	background-size: 110%; 
	margin-top: -19em; 
	padding-top: 19em; 
	} 
.homeclouds { 
	background-size: 110%; 
	margin-top: 2em;
	}
.charblock-icon {
	margin: 0em 0em 2em 0em;
	max-width: 130px;
	}
.ch-icon-people img, .ch-icon-people svg {
	margin-top: 1.5em;
	}
.ch-icon-people2 img, .ch-icon-people2 svg {
	margin: 0em 0em 1em 1em;
	}
.tab-content .container {
	padding: 0em 2em;
	}
.spending .form-group {
	margin-right: 0.125em;
	}
.spending .form-horizontal {
	margin-right: 1em;
	}
.goals .form-control, .investment .form-control, .definition .form-control, .debt .form-control, .strategy .form-control {
	padding-right: 0.5em;
	width: 92%;
	}
.budget div.form-dollar, .budget input.form-control, .budgetform div.form-dollar, .budgetform input.form-control,
.debt div.form-dollar, .debt input.form-control, .debtform div.form-dollar, .debtform input.form-control,
.debt div.form-percent, .debt input.form-control-percent, .debtform div.form-percent, .debtform input.form-control-percent {
	font-size: 12px;
	}
.budgetform .form-control.itemdesc, .debtform .form-control.itemdesc, .debt .form-control.itemdesc {
	width: 98%;
	}
.budgetform .form-control, .debtform .form-control, .debtform .form-control-percent, .debt .form-control/*, .debt .form-control-percent*/ {
	padding: 2px;
	}
.debtform .form-control.form-control-percent, .debt div.form-control.form-control-percent {
	margin-right: 0px;
	}
textarea#stgoals, textarea#stg1, textarea#stg2, textarea#stg3, textarea#stg4, textarea#stg5, textarea#stg6, 
textarea#ltgoals, textarea#ltg1, textarea#ltg2, textarea#ltg3, textarea#ltg4, textarea#ltg5, textarea#ltg6,
textarea#investment1, textarea#investment2, textarea#investment3, textarea#investment4, textarea#investment5, textarea#investment6,
textarea#definition1, textarea#definition2, textarea#definition3, textarea#definition4, textarea#definition5, textarea#definition6,
textarea#strategy1, textarea#strategy2, textarea#strategy3 {
	width: 92% !important;
	}
.pencilblock-tinted, .infoblock-tinted, .dollarblock-tinted {
	margin-bottom: 2em;
	}
/* =================================================== */
.navbar-header {
	margin-left: 1em;
	}
}
@media (min-width: 1025px) {
#tablet { /* for home page image map */
	display: none;
	}
}
@media (max-width: 1020px) { 
.ch3-chart-ira {
	margin: 1em auto;
	}
.ch5-concept-gabbycrutches/*, .ch5-concept-davidinsurance*/ {
	max-width: 240px; /* 360px; */
	}
.featureblock-span .char-icon-row-people .thumbnail {
	margin: 0em;
	}
}
@media (max-width: 991px) { 
.bg-ch4-jumbo-gabby, .bg-ch1-jumbo-sonya { 
	margin-top: -17.6em; /* -24.8em; -21.2em; */
	}
.bg-ch5-jumbo-david, .bg-ch3-jumbo-anthony, .bg-review-jumbo-bess, .bg-ch2-jumbo-vince { 
	margin-top: -17.6em; /* -21.18em; /* -22.65em; */
	}
/*.bg-review-jumbo-bess {
	margin-top: -23.23em;
	}*/
.bg-ch2-jumbo-vince, .bg-ch1-jumbo-sonya { 
	margin-right: 0%; /* 6%; 18%; */
	}
.homechar-padding-right { 
	padding-right: 0em; 
	} 
.splash-description {
	margin: 0em auto 0.5em;
	width: 90%;
	}
.chariconrow-mini {
	margin-top: 1em;
	}
.ch-icon-people img, .ch-icon-people svg {
	/*min-width: 200px;*/
	}
.ch-icon-people2 img, .ch-icon-people2 svg {
	min-width: 160px;
	}
.budgetform .form-control, .debtform .form-control, .debt .form-control {
	margin-left: 6px;
	margin-right: 0px;
	width: 84%;
	}
.debtform .form-control-percent, .debt div.form-control-percent {
	margin-left: 0px;
	margin-right: 4px;
	width: 84%;
	}
}
@media (min-width: 1px) { /* --- for sidebar navigation: slide in version --- */
.navbar-toggle {
	display: block !important;
	}
}
@media (min-width: 992px) { /* --- MIN for sidebar navigation: slide in version --- */
#content { 
	padding-top: 0em; 
	}
a.level2head-double-lg {
	line-height: 3em;
	}
#topnav {
	margin-bottom: 6em;
	}
.box-newinfo {
	height: 90px;
	margin-left: 1em;
	margin-top: 0em;
	}
.form-group .col-sm-4 {
	max-width: 32%;
	}
}
@media (max-width: 992px) {
a.level2head-double-lg {
	line-height: 3em;
	}
#topnav {
	margin-bottom: 6em;
	}
.box-newinfo {
	height: 90px;
	margin-left: 1em;
	margin-top: 0em;
	}
.ch1-anthony-sm {
	margin-right: -4.5em;
	}
.ch2-anthony-md {
	margin-right: -3em;
	min-width: 194px;
	}
.chariconrow-mini .thumbnail {
	width: 82px;
	}
.charblock-icon-mini img, .charblock-icon-mini svg {
	width: 78px;
	}
.pencilblock-tinted, .infoblock-tinted, .dollarblock-tinted {
	margin-bottom: 3em;
	}
}
@media (max-width: 991px) {
.jumbotron {
	margin-left: 0em;
	margin-bottom: 0em;
	}
.jumbotron.bg-ch1-jumbo {
	background-size: cover;
	}
.jumbotron .bwlogo_md, .jumbotron .bwlogo_md_rev, .jumbotron .bwlogo_md_k {
	/*margin-top: 3em;*/
	margin-bottom: 0em;
	}
.jumbotron h1 {
	font-size: 36px;
	margin-top: 0px;
	}
.jumbotron .icon-pagenumber {
	margin-top: 3em;
	}
.form-full .formTabLabel {
	/*width: 50%;*/
	}
.pencilblock, .infoblock, .dollarblock {
	margin-top: 1em;
	}
.pencilblock-tinted, .infoblock-tinted, .dollarblock-tinted {
	margin-bottom: 0;
   }
/*.featureblock-span > .container {
   padding-top: 0;
   }*/
}
@media screen and (min-width:0\0) and (max-width: 988px) {
.bwtabspanelscontent .tab-content {
	width: 60%;
	}
.ch1-anthony-sm {
	margin-right: -4.5em;
	}
}
@media (max-width: 988px) {
.frbdlogo_topnav {
	padding-bottom: 0em; /*padding: 0.7em 1em;*/
	}
.bwtabspanelscontent .tab-content {
	width: 60%;
	}
.ch3-mortgage-block {
	background: #ebedfa url(../files/images/ch3-home-yard.png) no-repeat 240px 32em; /* 210px 24em */
	background-size: 88%; /* 90%; */
	}
.bg-ch4-jumbo-gabby { 
	margin-right: -10%; /* 6%; 12%; 18%; */
	}
.bg-ch5-jumbo-david { 
	margin-right: -1%; /* 6%; 12%; 18%; */
	}
.bg-ch3-jumbo-anthony, .bg-review-jumbo-bess, .bg-ch2-jumbo-vince { 
	margin-right: -4%; /* 6%; 12%; 18%; */
	}
.bg-ch1-jumbo-sonya { 
	margin-right: -6%; /* 0% 4%; 18%; */
	}
.ch3-home-sign {
	margin-right: -3em;
	}
.ch4-concept-carloan {
	margin: 1em;
	}
.ch4-concept-carloan-table {
	display: block;
	margin: 1em auto; 
	max-width: 420px;
	}
.ch4-concept-bess-house {
	/*float: none;*/ /* left; */
	/*margin: 0 2em 1em -15%;*/
   display: none;
	}
.ch4-concept-twospenders {
	/*margin-left: -14%;*/
	
	background: url(../files/images/ch4-concept-twospenders.jpg) 0 50% no-repeat;
	background-size: 108%;
	}
}
@media screen and (min-width:0\0) and (max-width: 800px) {
#content/*, #st-container*/ { 
	margin-top: 1em;
	}
.bwtabspanelscontent .tab-content {
	width: 50%;
	}
.footerSmall {
	margin-top: 0em;
	}
}
@media (max-width: 840px) {
   .bg-ch3-jumbo-anthony { display: none; }
}
@media (max-width: 800px) {
#bwtabs > *, #bwtabs .nav-link, #bwgoals > *, #bwspending > *, #bwbudget > * { padding: 2px; }
.bg-ch1-jumbo-sonya { 
	margin-right: -10%; 
	}
.bg-ch4-jumbo-gabby { 
	margin-right: -2%; 
	}
.bg-ch4-jumbo-gabby, .bg-ch5-jumbo-david { 
	width: 280px;
	}

.jumbotron.bg-people-jumbo {
	background: url(../files/images/bg-people-jumbo.jpg) no-repeat 0 0em; /* 0 -3em; */
	}
.bwlogo_lg {
	margin: 1.5em auto 0.5em;
	}
div.thumbnail.home {
	min-height: 520px;
	}
.breadcrumb {
	display: none;
	visibility: hidden;
	}
h2.about {
	margin-top: 20px;
	}
.bwtabspanelscontent .tab-content {
	width: 50%;
	}
.sectionheadblock2-icon {
	margin-right: 1em;
	margin-top: -0.5em;
	}
.footerSmall {
	margin-top: 0em;
	}
.charblock-icon {
	margin: 0em 0.5em 1em 0em;
	}
.ch-icon {
	max-width: 140px; /* 200px; */
	margin: 0.5em; /* 1em; */
	}
.landscapeContainer, .landscapeContainerHome { 
	background-size: 150%; 
	margin-top: -14em; 
	padding-top: 14em; 
	}
.landscapeContainerHome {
	background: url(../files/images/home-env.jpg) 30% top no-repeat #90c954; 
	}
.mastfoot {
	font-size: 11px;
	}
.mastfoot .footerSmall img, .mastfoot .footerSmall svg {
	width: 42px;
	}
.ch3-david-working {
	max-width: 460px; /* 500px; */
	}
.ch3-mortgage-block {
	background: #ebedfa url(../files/images/ch3-home-yard.png) no-repeat 240px bottom; /* bottom; /* 32em; */
	background-size: 88%; /* 100%; */
	/*min-height: 820px;*/
	}
.ch4-concept-carloan {
	margin: 1em; 
	max-width: 280px; /* 420px; */
	}
.ch4-concept-carloan-table {
	margin: 1em auto; 
	max-width: 280px;
	}
}
@media (max-width: 768px) {
.bwtagline-md h2, .bwtagline-md h5 { 
	font-size: 105%;
	}
.bwtagline-sm {
   margin-bottom: 2rem;
}
.navbar-default .navbar-collapse {
	border: none;
	overflow: visible;
	}
nav.navbar.navbar-default div.main ul.navbar-nav li a:hover {
	background-color: #006E79;
	}
nav.navbar.navbar-default div.main ul.navbar-nav li.dropdown ul.dropdown-menu.show li a {
	/*color: #ffffff;*/
	}
nav.navbar.navbar-default div.main ul.navbar-nav li.dropdown ul.dropdown-menu.show li a:hover {
	color: #fee7aa; /* #f4e7a3; */
	}
.tintedblock-icon {
	margin-bottom: 0.5em;
	}
div.thumbnail.home {
	min-height: 504px;
	}
/*.bwtabspanelscontent {
	width: 56%;
	}*/
.landscapeContainer, .landscapeContainerHome { 
	background-size: 180%; 
	margin-top: -24em; 
	padding-top: 24em; 
	} 
.homeclouds { 
	background: url(../files/images/home-clouds-sm.jpg) top no-repeat; 
	background-size: 120%; 
	margin-top: 1em;
	}
.ch3-home-sign {
	min-width: 360px;
	margin-right: 0em;
	}
.ch4-concept-sonya-account {
	margin: 1em;
	max-width: 240px;
	}
/* =================================================== */
.navbar {
	border-radius: 0;
	}
.navbar-header {
	margin-left: 0em;
	}
.notes {
	border-top: none; /* #000000 solid 1px; */
	margin-top: 0px; /* 36px; */
	padding-top: 0px; /* 12px; */
	}
.ch5-concept-gabbycrutches/*, .ch5-concept-davidinsurance*/ {
	/*margin: 0em 0em 1em 2em;*/
	max-width: 180px; /* 360px; */
	}
}
@media (max-width: 767px) { 
.bg-ch1-jumbo-sonya, .bg-ch2-jumbo-vince, .bg-ch4-jumbo-gabby, .bg-ch5-jumbo-david, .bg-review-jumbo-bess, .ch5-concept-gabbycrutches { 
	display: none;
	}
.container { max-width: 100% !important; }
#bwtabs > *, #bwtabs .nav-link, #bwgoals > *, #bwspending > *, #bwbudget > * {padding: 0;}
}
@media (max-width: 766px) { 
.landscapeContainer, .landscapeContainerHome { 
	margin-top: -15em; 
	padding-top: 15em; 
	}
div.col-sm-6.col-xs-6.chariconrow.hidden-lg.hidden-md.hidden-print div.col-sm-6.col-xs-12.thumbnail {
	float: left;
	width: 49% !important;
	}
.charblock-icon {
	margin: 0em 0em 0.5em 0em;
	max-width: 100px;
	}
label.formlabel-normal, .formlabel-sample {
	padding-left: 0em;
	}
.text-large {
	font-size: 125%;
	}
}
@media (max-width: 762px) {
.bwtabspaneltab {
	border: none;
	border-top-left-radius: 0px; /* 6px; */
	border-top-right-radius: 0px; /* 6px; */
	float: none;
	}
#bwwealth .bwtabspaneltab, #bwnetworth .bwtabspaneltab, 
#bwgoals .bwtabspaneltab, #bwspending .bwtabspaneltab, #bwbudget .bwtabspaneltab,
#bwinvestment .bwtabspaneltab, #bwccdebt .bwtabspaneltab {
	float: left;
	}
.bwtabspanelcontentgroup {
	border: none;
	}
.bwtabspanelscontent .tab-icon {
	height: 160px;
	margin-right: 2em;
	width: 160px;
	}
.bwtabspanelscontent .tab-content {
	width: 65%;
	}
.chariconrow-mini {
	margin-bottom: 0em;
	padding-bottom: 0em;
	}
.chariconrow-mini .thumbnail {
	width: 92px; /* 82px; */
	}
.charblock-icon-mini img, .charblock-icon-mini svg {
	width: 88px; /* 78px; */
	}
.infoblock-double {
	line-height: 1.12em; /* 2.25em; */
	font-size: 116%;
	}
.budget .form-horizontal, .spending .form-horizontal, .debt .form-horizontal {
	width: 98%;
	}
.budget .form-control-label.text-center, .spending .form-control-label.text-center,
.debt .form-control-label.text-center {
	margin-left: 2em;
	}
.spending .form-control-label {
	margin-left: 0.5em;
	}
.ch2-goals img {
	max-height: 180px; /* 260px; /* 426px; */
	}
.ch3-anthony-retired-block {
	 margin-top: 30em; 
	}
.ch3-anthony-retired { 
	max-width: 920px;
	right: -8em;
	}
	
/* =================================================== */
h1.main {
	font-size: 16px !important; /* 20px; */
	margin-left: 1.25em;
	margin-bottom: 0px;
	}
h1.main span.h2.text-small {
	font-size: 14px !important;
	}
.box, .box-glossary, .box-3 {
	-moz-column-count: 1;
	-webkit-column-count: 1;
	column-count: 1;
	-ms-column-count: 1;
	}
}
@media (max-width: 600px) {
.bwtagline-lg { 
	font-size: 115%;
	}
.coverart {
	margin-bottom: 0em; /* 2em; */
	}
.tintedblock-icon {
	width: 48px;	
	}
.tab-content .container {
	padding: 0em;
	}
.chariconrow-mini .thumbnail {
	width: 64px;
	}
.charblock-icon-mini img, .charblock-icon-mini svg {
	width: 60px;
	}
.budget .form-horizontal, .spending .form-horizontal, .debt .form-horizontal {
	width: 96%;
	}
.budget p, .spending p, .debt p {
	font-size: 11px;
	}
.budget .form-control/*, .debt .form-control*/ { /* for actual forms */
	margin-left: 16px;
	padding-right: 0.5em;
	width: 98%;
	}
.debt .form-control-percent, .debtform .form-control-percent {
	width: 76% !important;
	}
.budget div.form-dollar, .budget input.form-control, .budgetform div.form-dollar, .budgetform input.form-control,
.debt div.form-dollar, .debt input.form-control, .debtform div.form-dollar, .debtform input.form-control,
.debt div.form-percent, .debt input.form-control-percent, .debtform div.form-percent, .debtform input.form-control-percent {
	font-size: 10px;
	}
.spending td.amount { 
	padding-left: 0em;
	padding-right: 0em;
	}
.spending .form-dollar {
	display: none;
	visibility: hidden;
	}
.spending .form-control { /* for actual forms */
	margin-left: 0px;
	margin-right: 0px;
	padding: 1px;
	}
.spending textarea, .spending input {
	font-size: 11px;
	}
.spending .col-xs-3 {
	margin: 0px;
	padding: 4px;
	}
.formContainer span {
	font-size: 80%;
	margin-right: 0em;
	padding-right: 0em;
	}

#topnav {
	margin-bottom: 4em;
	}
h1.sectionheadblock-order, h1.sectionheadblock-about, h1.sectionheadblock-ack {
	font-size: 130% !important;
	line-height: 3.25 !important;
	}
.lead {
	font-size: 102%;
	}
.quote {
	font-size: 110%;
	}
#capthaimg img {
	width: 260px;
	}
.landscapeContainer, .landscapeContainerHome { 
	background: url(../files/images/home-env.jpg) 60% top no-repeat #90c954; 
	background-size: 190%; 
	margin-top: -11em; 
	padding-top: 11em; 
	}
.ch3-gabby-thinking {
	margin-bottom: 2em; 
	/*max-width: 280px;*/
	}
.ch3-david-working {
	max-width: 360px; /* 460px; /* 500px; */
	}
/* =================================================== */
h1, .h1 {
	font-size: 165%; /* 20px; / 23px; */
	margin-top: 0.5em; /* 0.67em; */
	}
h2, .h2 {
	font-size: 135%;
	}
li a {
	text-wrap: normal !important;
	white-space: normal !important;
	}
.span.hidden-xs {
	display: none !important;
	}
}
@media screen and (min-width:0\0) and (max-width: 568px) {
.jumbotron {
	margin-bottom: 0px;
	padding-bottom: 0em;
	}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a,
.nav-tabs > li > a {
	font-size: 11px;
	min-width: inherit; /* 50px; /* 74px; */
	margin-right: 0;
	margin-bottom: 0px;
	padding: 4px 4px 2px 4px;
	text-align: center;
	}
.footerSmall {
	font-size: 10px;
	}
}
@media (max-width: 568px) {
.bwlogo_lg {
	margin: 0.5em auto 0.5em;
	}
.jumbotron {
	margin-bottom: 0px;
	padding-bottom: 0em;
	}
.footerSmall {
	font-size: 10px;
	}
#tabs-charblocks, #tabs-charblocks-b1, #tabs-charblocks-b2, #tabs-charblocks-b3 {
	margin: 1px auto;
	}
#bwwealth .bwtabspaneltab, #bwnetworth .bwtabspaneltab, 
#bwgoals .bwtabspaneltab, #bwspending .bwtabspaneltab, #bwbudget .bwtabspaneltab,
#bwinvestment .bwtabspaneltab, #bwccdebt .bwtabspaneltab {
	font-size: 13px;
	}
.tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a,
.nav-tabs > li > a {
	font-size: 11.5px;
	min-width: inherit; /* 50px; /* 74px; */
	margin-right: 0;
	margin-bottom: 0px;
	padding: 4px 3px 2px 3px;
	text-align: center;
	}
.formTabLabel, .form-full .formTabLabel {	
	width: 100%;
	}
.goals .form-control, .investment .form-control, .definition .form-control, .debt .form-control, .strategy .form-control {
	padding-right: 1em;
	width: 88%;
	}
textarea#stgoals, textarea#ltgoals {
	width: 88% !important;
	}
.formContainer {
	font-size: 80%;
	}
.charheadshot-block-33, .charheadshot-block-td {
	width: 33% !important;
	}
.hidden-xs-568 {
	display: none;
	visibility: hidden;
	}
.visible-xs-568 {
	display: block;
	visibility: visible;
	}
.ch3-gabby-thinking {
	float: none;
	margin: 0em auto 1em;
	}	
.ch3-chart-ira {
	max-width: 360px;
	}
.shredder {
	float: right;
	}
.panel-heading h2 {
	font-size: 1.1em;
	}
}
@media screen and (min-width:0\0) and (max-width: 400px) {
.ch1-anthony-sm {
	margin: 0.5em -4.5em 1em 0em;
	max-width: 190px;
	}
}
@media (max-width: 400px) { 
#bwwealth .bwtabspaneltab, #bwnetworth .bwtabspaneltab, 
#bwgoals .bwtabspaneltab, #bwspending .bwtabspaneltab, #bwbudget .bwtabspaneltab,
#bwinvestment .bwtabspaneltab, #bwccdebt .bwtabspaneltab {
	/*border: none;*/
	font-size: 11px;
	padding: 4px 2px 2px;
	}
h1.sectionheadblock-leaders {
	font-size: 130% !important;
	line-height: 1.65 !important;
	}
h1.sectionheadblock-order, h1.sectionheadblock-about, h1.sectionheadblock-ack {
	font-size: 115% !important;
	}
h3.level2block-leaders a.level2head-single.double {
	font-size: 80% !important;
	line-height: 0.5 !important;
	}
.level2block-spacer {
	margin-right: 0.75em; /* 1em; */
	width: 0.5em; /* 0.75em; */
	}
#xs-teachers ol {
	margin-bottom: 1em;
	}
#capthaimg img {
	width: 220px;
	}
.newInfo {
	margin-bottom: 0em;
	}
.charheadshot-block-33 {
	margin-left: 0em;
	max-width: 124px; /* 198 */
	/*width: 96px;*/
	}
.charheadshot-block, .charheadshot-block-33 {
	margin-top: 2em;
	margin-bottom: 0em;
	}
.charheadshot-block.thumbnail, .charheadshot-block-33.thumbnail {
	font-size: 11px;
	margin-bottom: 0em;
	}
.charheadshot-block-33.thumbnail {
	min-width: 120px;
	}
.charheadshot-block.thumbnail {
	min-width: 90px;
	}
.charheadshot-block img, .charheadshot-block svg {
	margin-top: 0em;
	max-width: 110px; /* 130px; */
	}
.visible-xs-568 .charheadshot-block.thumbnail .caption {
	margin: 0em;
	padding: 0.5em !important;
	}
.visible-xs-568 .charheadshot-block.thumbnail h3 {
	margin-top: 0em !important;
	}
.visible-xs-568 .charheadshot-block.thumbnail p {
	margin-bottom: 0em !important;
	}
.charheadshot-block.thumbnail .caption, .charheadshot-block-33.thumbnail .caption {
	padding-top: 0em;
	}
.ch1-anthony-sm {
	margin: 0.5em -4.5em 1em 0em;
	max-width: 190px;
	}
.ch2-anthony-md {
	margin: 0em -3em 1em 0em; 
	min-width: 74px;
	}
.ch2-gabby-spending-sm {
	float: none;
	margin: 1em auto; 
	}
.ch3-home-sign {
	max-width: 280px;
	}
.ch3-david-working {
	max-width: 280px; /* 460px; /* 500px; */
	}
.ch4-concept-bess-house {
	max-width: 260px; /* 360px; */
	}
.ch5-concept-gabbycrutches/*, .ch5-concept-davidinsurance*/ {
	/*margin: 0em 0em 1em 2em;*/
	max-width: 120px; /* 360px; */
	}
.goals .form-control, .investment .form-control, .definition .form-control, .debt .form-control, .strategy .form-control {
	padding-right: 1em;
	width: 82%;
	}
textarea#stgoals, textarea#stg1, textarea#stg2, textarea#stg3, textarea#stg4, textarea#stg5, textarea#stg6, 
textarea#ltgoals, textarea#ltg1, textarea#ltg2, textarea#ltg3, textarea#ltg4, textarea#ltg5, textarea#ltg6,
textarea#investment1, textarea#investment2, textarea#investment3, textarea#investment4, textarea#investment5, textarea#investment6,
textarea#definition1, textarea#definition2, textarea#definition3, textarea#definition4, textarea#definition5, textarea#definition6,
textarea#strategy1, textarea#strategy2, textarea#strategy3 {
	width: 82% !important;
	}

h2.pencilblock, h2.infoblock, h2.dollarblock {
	font-size: 1em;
	}
.icon-content { /* box icons */
	margin: 0.25em;
	max-width: 100px;
	}
.col-form-full { /* apply to col- that wraps the form to remove col- padding */
	padding: 0px !important;
	}
a.subnav:hover, a.subnav-left:hover, a.subnav-right:hover {
	background-color: transparent; /* #0096A6; */
	color: #CC2027; /* #F4E7A3; */ 
	text-decoration: none;
	}
.subnav, .subnav-left, .subnav-right, a.subnav, a.subnav-left, a.subnav-right {
	background-color: transparent; /* #CEE7B3; */
	color: #CC2027; /* #153B00; /* dark green */
	font-size: 11px;
	float: left;
	padding: 0px 1px;
	}
.subnav-left {
	border: none;
	}
.subnav {
	border: none;
	}
.subnav:after, .subnav-left:after {
	content: ' |';
	}
.subnav-right {
	border: none;
	}
}
@media screen and (min-width:0\0) and (max-width: 320px) {
.bwtagline-lg { 
	font-size: 100%;
	line-height: 1.75;
	}
.footerSmall img, .footerSmall svg {
	margin-bottom: 6em;
	width: 4em;
	}
#content/*, #st-container*/ {
	margin-left: 0em;
	}
.jumbotron h1 {
	font-size: 36px !important;
	}
}
@media (max-width: 320px) {
.bwtagline-lg { 
	font-size: 100%;
	line-height: 1.75;
	}
.footerSmall img, .footerSmall svg {
	margin-bottom: 4em;
	width: 4em;
	}
#content/*, #st-container*/ {
	margin-left: 0em;
	}
.jumbotron h1 {
	font-size: 36px !important;
	}
.jumbotron .container {
	padding: 1em;
	}
.chariconrow-mini .thumbnail {
	width: 68px;
	}
.charblock-icon-mini img, .charblock-icon-mini svg {
	width: 64px;
	}

#xs-teachers, #xs-consumers, #xs-students, #xs-leaders {
	margin: 0px;
	padding: 0px;
	}
h1.sectionheadblock, h1.sectionheadblock-teachers, h1.sectionheadblock-consumers, h1.sectionheadblock-students, h1.sectionheadblock-ack {
	font-size: 130%;
	}
h1.sectionheadblock-order, h1.sectionheadblock-about {
	/*line-height: 1.62 !important;*/
	}
.ackscols .col-xs-6 {
	margin-left: 0px !important;
	margin-right: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	}
h1, .h1 {
	font-size: 140% !important;
	}
h2, .h2 {
	font-size: 135%;
	}
#xs-teachers .tab-icon, #xs-consumers .tab-icon, #xs-students .tab-icon, #xs-leaders .tab-icon {
	height: 90px;
	margin-left: 0.5em;
	margin-right: 0em;
	width: 90px;
	}
.outro {
	margin-top: 0px;
	padding-top: 0px;
	}
#capthaimg img {
	width: 160px;
	}
.landscapeContainer, .landscapeContainerHome { 
	background-size: 170%; 
	margin-top: -7em; 
	padding-top: 7em; 
	}
.charheadshot-block-td/* .thumbnail*/ {
	max-width: 76px !important;
	}
.ch3-chart-ira {
	max-width: 240px;
	}
	
/* =================================================== */
.thumbnail {
	padding: 1px; /* 4px; */
	}
.ofcContainer .back2top {
	display: block;
	width: 90%;
	}
}
/* taken from the hover effects template */
@media screen and (max-width: 69.5em) {
.grid figure {
	width: 50%;
	}	
.grid figure figcaption {
	font-size: 90%;
	}
}
@media screen and (max-width: 41.5em) {
.grid figure {
	width: 100%;
	}
}