/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
 
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}

.yamm .container {
  position: relative;
}

.yamm .dropdown-menu {
  left: auto;
}

.yamm .yamm-content {
  padding: 0px 0px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
  left: 0;
  right: 0;
}

.navbar-bg-col {
    background-color: #01993f;
    border-color: #E7E7E7;
}

.navbar-bg-col-1 {
    background-color: #eee;
    border-color: #000000;
}

.nav>li>a {
	color: #ffffff;
}

.nav-col>li>a {
  color: #000000;
}

@media ( max-width: 767px ) {
  .navbar-bg-col { background-color: transparent; border: 0px;}
  .navbar-bg-col-1 { background-color: transparent; border: 0px;}
  .nav>li>a { color: #000000; }
  .nav { margin-top: -10px;
        padding-left: 0px;}
}

/* Custom container */
.navbar .container-full {
  width: 100% !important;
}
/* CSS for the Top Nav and Footer. */



/* _________________ Top Navigation _________________ */

/* Yamm!3 - Yet another megamenu for Bootstrap 3 */

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
	position: static;  
}

.yamm .container {
	position: relative;
}

.yamm .dropdown-menu {
	left: auto;
}

/* last dropdown at smaller sizesm - align right to stay on page. */

@media (max-width: 992px){
}

@media (max-width: 767px){
	.yamm ul#primary-nav li.dropdown ul.dropdown-menu.last {float: none !important;}
}

.yamm .yamm-content {
	padding: 0px 0px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
	left: 0;
	right: 0;
}

@media (min-width: 768px) {
	.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown {
		padding: 0;
	}	
}

/* dropdown text color */
#primary-nav li.dropdown ul.dropdown-menu li a {
	color: #908f8f;
}

/* trying to be sure the top nav links have underline on :hover */
#primary-nav li.dropdown ul.dropdown-menu li a:hover {
	text-decoration: underline;
}

/* Spread out links - wspecially for mobile. */
nav.navbar.yamm ul#primary-nav li.yamm-content ul li {
	margin: 6px 0 6px 0;
}

@media(max-width: 767px){
	nav.navbar.yamm ul#primary-nav li.yamm-content ul li {
		margin: 12px 0 12px 8px;
	}
	.yamm-content li > strong {
		margin-left: -10px;
	}
}

/* Custom container */
.navbar .container-full {
	width: 100% !important;
}

.navbar {
	margin-bottom: -1px;	/*was 8px - check between desktop & mobile*/
	border: none;
}

.nav > li > a > p {
	transition: all 150ms ease;
}

/* Center nav */
.center {
	margin-left: auto;
	margin-right: auto;
}

.center.navbar .nav,
.center.navbar .nav > li {
	float:none;
	display:inline-block;
	/* ie7 fix */
	*display:inline;
	/* hasLayout ie7 trigger */
	*zoom:1;
	vertical-align: top;
}

.center.navbar-inner {
	text-align:center;
}

.center .dropdown-menu {
	text-align: left;
}

.navbar-inner {
	margin: 0 auto;
}

/* Menu Styes */
.list-unstyled,
.list-unstyled ul { 
	padding-left: 32px;
	color: grey;
	/* was 120 - broke on 2-columns*/
	min-width: 220px; 
}

/*Overwrite Bootstrap*/
.navbar-default {
	background: transparent !important;
	border-radius: 0;
	box-shadow: none;
}

/* Get rid of mobile hamburders background. */
@media (max-width: 767px) {
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background-color: transparent;
	}
}

/* position open dropdowns right under main nav. */

#primary-nav.navbar-nav li.hidden-xs {
	border: none;
	padding: 9px 0 0 0;
	max-width: 120px;
}

.nav.navbar-nav {
	position: relative;
	display: block;
	float: none;
	padding: 0;
	margin: 5px auto 0 auto;
}

/* logo is now a child, so this may be thrown off - see if we need to move to (6). */
 .navbar-nav li:nth-child(5) {
	margin-right: 0;
}

.fa-plus {
	display: none;
}

.nav.navbar-nav li a {
	color: #fff;
}

.nav.navbar-nav li a:hover {
	color: #777;
}

/* Seconday nav */

/* Secondary Nav text color*/
ul#subnav-1 {
	/*max-width: 870px;*/		/* Old,pre-mag glass search*/
	max-width: 980px;			/* New */
	margin:	6px auto 0 auto;	/* May take out later. */
	padding: 0;
	float: none; 				/* This may float right later.*/
}

/*remove padding and margin on last one. */
ul#subnav-1 li.search.mobile, ul#subnav-1 li.search.desktop {
	padding-right: 0;
	margin-right: 0;
}

ul#subnav-1 li.search.desktop a {
	margin-top: -2px;
}

.navbar-nav > li {
	padding-right: 25px;
}

/* Font overrides */
.navbar-header button.navbar-toggle {
	border: none;
	color: #aaa;
}

/* pad subnav icons and text */
.navbar div#navbar div.nav ul#subnav-1 li a span.fa {
	margin-right: 4px;
}

.navbar-header button.navbar-toggle .fa-bars {
	font-size: 22px;
	line-height: 1.1;
}

.navbar-header button.navbar-toggle .fa-times {
	font-size: 22px;
	color: #aaa;
	line-height: 0.7;  
}

/*drop-down menu*/
 .dropdown-menu {
	box-shadow: 1px 4px 5px rgba(0, 0, 0, 0.35);
	border-top: solid 1px transparent;
	border-radius: 0;
}

/* Height breaks mobile menu drop-down. Put in media query. */
@media (min-width: 768px) {
	.navbar-bg-col-1 {
		border-color: #000000;
		/*height: 38px;*/
		background-color: transparent;
	}
}

/* Set initial logo size & position. */
img#desktop-logo {
	max-width: 85%;
}

 div#navbar div.logo {
	width: 214px;
	float: left;
	margin-right: 20px;
	margin-top: 35px;
}

/* Rename these! Nav images. Get rid of "image" names below. Put in media query? */
/* logo - desktop*/
#image, #desktop-logo {
	margin-top: -27px;
	margin: 0 auto 10px auto;
}

/*Logo - mobile*/
#image2 {
	height: 55px;
	margin: 11px auto 0 auto;
}

/*Search - mobile*/
#image3 {
	height: 24px;
	width: 24px;
	float: right;
	margin-top: -42px;
	margin-right: 15px;
}

/* Nav Type - Main */
#primary-nav.navbar-nav > li > a {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	color: #908f8f;
	font-size: 18px;
	line-height: 1;
	padding: 18px 30px;
	/*Overwrite Bootstrap*/
	text-shadow: none;
}

 #primary-nav.navbar-nav > li > a:hover {
	color: #777;
}

 #primary-nav.navbar-nav > li:last-child > a {
	padding-right: 0;
	margin-right: 0;
}

.navbar-brand, .navbar-nav > li > a {
	/*Overwrite Bootstrap*/
	text-shadow: none;
}

.navbar-nav > li {
}

.navbar-nav > li:last-child {
	padding-right: 0;
}

/* Primary nav styles. */

 div#navbar .navbar-bg-col {
	max-width: 1500px; /*1240px*/
	height: 128px;
	padding: 0;
	margin: 0 auto;
}

 div#navbar div.container-fluid.navbar-bg-col ul#primary-nav { /*container*/
	max-width: 1300px; /*1200px*/ /*950px*/
	float: none;
	margin-top: 35px;
    margin-left: 200px !important;
}

 ul#primary-nav li.dropdown {
	border-left: solid 1px #e0e0e0;
}
 .search-text {
    padding: 13px 30px;
    height: 52px;
    color: #908f8f;
    font-family: 'Nunito', Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: 700;
}
@media (min-width: 480px) and (max-width: 767px) {
	#image2 {
		margin: 0 auto;
		margin-top: 11px;
	}
	.list-unstyled li > a {
		color: #777;
	}
}

.navbar-collapse {
	border: none;
}

@media (max-width: 767px){
	.navbar-collapse .container{
		padding: 0 20px;
	} 
	.navbar-bg-col .dropdown-toggle, 
	.navbar-bg-col-1,
	.navbar-bg-col-1 .nav.navbar-nav li a {
		padding-left: 0;
		padding-right:0; 
	}
	#primary-nav.navbar-nav li {
		padding-left: 0;
		padding-right: 0;
	}
	.navbar-nav li:nth-child(5){	/* will I need this with new nav? delete? */	/**/
		/*margin:0;*/
	}
	#primary-nav a.dropdown-toggle{ 
		position: relative;
		padding: 15px 0 15px 15px;
		border-bottom: solid 1px #eee;
	}
	.dropdown-toggle:before { 
		position: absolute;
		left: 0;
		top: 8px;
		content:"+";
		font-size: 16px;
		font-weight: bold;
	}
	#primary-nav  .open a.dropdown-toggle{
		background: none;
		box-shadow:none;
		-webkit-box-shadow:none;
	}
	.open .dropdown-toggle:before { 
		content: "_";
		top: 3px;
	}
	#primary-nav.navbar-nav li.dropdown {
		border-right-style: none;
	}
	.navbar-toggle {
		position: absolute;
		left: 8px;
		margin-top: 14px;
	}
	.navbar-nav > li > a {
		color: #777;
		font-size: 13px;
	}

	.navbar-header {
		border-bottom: 1px solid #e7e7e7;
	}

	/* Logo link took over whole bar, made search mag glass hard to tap. */
	.navbar.yamm.navbar-default .navbar-header a.logoLink {
		width: 120px;
		margin: 0 auto;
		/*so 'a' tag doesn't overlap the search link on the smallest phones.*/
		display: block;
	}
}

@media (min-width: 767px){
	#primary-nav.navbar-nav > li {
		padding: 0px;
	}
	#primary-nav.navbar-nav > li > a {
		padding: 17px 30px;
	}
}

@media (max-width: 479px) {
	#image2 {
		margin: 0 auto;
		margin-top: 11px;
	}
	.fa-plus {
		display: inline-block;
	}
	.nav.navbar-nav {
		width: 100%;
	}
	#primary-nav.nav.navbar-nav li a {
		font-size: 16px;
	}
}

/* bootstrap overwrites */

/* Indent nav indents so stuff without headlines is indented. */
.dropdown-menu > li > a {
	padding-left: 38px;
}

.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
	padding-left: 38px;
}

/* Shrink Primary Nav width down as screen decreases - so it won't break lines. */

@media (max-width: 1319px) {
	#primary-nav.navbar-nav > li > a {
		padding: 16px 18px;
	}
	.search-text {
		padding: 16px 18px;
	}
}

@media (max-width: 1230px){
	 div#navbar .navbar-bg-col {
		height: 100px;
	}
	 div#navbar div.container-fluid.navbar-bg-col ul#primary-nav {
		margin-top: 26px;
		max-width: 1200px; /*800*/
	}
	img#desktop-logo {
		max-width: 85%;
	}
	 div#navbar div.logo {
		width: 214px;
		float: left;
		margin-right: 20px;
		margin-top: 23px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 16px;
		padding: 16px 15px;
	}
	 .search-text {
    	font-size: 16px;
		padding: 16px 15px;
		height: 48px;
	}
	 .fa-lg {
	 	font-size: 22px;
	 }


}

@media (max-width: 1060px){
	 div#navbar .navbar-bg-col {
		height: 80px;
	}
	 div#navbar div.container-fluid.navbar-bg-col ul#primary-nav {
		margin-top: 18px;
		max-width: 1000px;
	}
	img#desktop-logo {
		max-width: 70%;
	}
	 div#navbar div.logo {
		margin-right: 10px;
		margin-top: 14px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 15px;
		padding: 12px 12px;
	}
	.search-text {
    	font-size: 15px;
		padding: 12px 12px;
		height: 39px;
		font-weight: 700;
	}
	.fa-search {
		font-size: 15px;
		vertical-align: -1%;
		font-weight: 700;
	}
}

@media (max-width: 993px){
	/* Get rid of last two li children (which are empty and hold columns intact) for mobile) */
	ul#primary-nav ul.dropdown-menu ul.list-unstyled:first-child li:nth-last-child(-n+2) {
		/*display: none;*/
	}
}

@media (max-width: 969px){
	 div#navbar .navbar-bg-col {
		height: 70px;
	}
	 div#navbar div.container-fluid.navbar-bg-col ul#primary-nav {
		margin-top: 15px;
		max-width: 950px;
        margin-left: 0!important;
	}
	img#desktop-logo {
		max-width: 70%;
	}
	 div#navbar div.logo {
		margin-right: 0;
		margin-top: 11px;
	}
	 #primary-nav.navbar-nav > li > a {
	    font-size: 14px;
	    padding: 14px 14px;
	}
	.search-text {
    	font-size: 14px;
		padding: 10px 10px;
		
	}
	.fa-search {
		font-size: 14px;
	}
}
@media (max-width: 938px) {
	div#navbar .navbar-bg-col {
		height: 65px;
	}
	 div#navbar div.container.navbar-bg-col ul#primary-nav {
		margin-top: 16px;
		max-width: 580px;
	}
	img#desktop-logo {
		max-width: 75%;
	}
	 div#navbar div.logo {
		margin-right: 0;
		margin-top: 8px;
		width: 200px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 10px;
	}
}

@media (max-width: 876px){
	 div#navbar .navbar-bg-col {
		height: 65px;
	}
	 div#navbar div.container.navbar-bg-col ul#primary-nav {
		margin-top: 16px;
		max-width: 580px;
	}
	img#desktop-logo {
		max-width: 75%;
	}
	 div#navbar div.logo {
		margin-right: 0;
		margin-top: 8px;
		width: 200px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 10px;
	}
}

@media (max-width: 849px) {
	div#navbar .navbar-bg-col {
		height: 65px;
	}
	 div#navbar div.container.navbar-bg-col ul#primary-nav {
		margin-top: 18px;
		max-width: 560px;
	}
	img#desktop-logo {
		max-width: 92%;
	}
	 div#navbar div.logo {
		margin-right: 8px;
		margin-top: 11px;
		width: 160px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 8px;
	}
}

@media (max-width: 804px){
	 div#navbar .navbar-bg-col {
		height: 65px;
	}
	 div#navbar div.container.navbar-bg-col ul#primary-nav {
		margin-top: 18px;
		max-width: 560px;
	}
	img#desktop-logo {
		max-width: 92%;
	}
	 div#navbar div.logo {
		margin-right: 8px;
		margin-top: 11px;
		width: 160px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 8px;
	}
}
@media (max-width: 797px) {
	div#navbar .navbar-bg-col {
		height: 65px;
	}
	 div#navbar div.container.navbar-bg-col ul#primary-nav {
		margin-top: 18px;
		max-width: 560px;
	}
	img#desktop-logo {
		max-width: 90%;
	}
	 div#navbar div.logo {
		margin-right: 8px;
		margin-top: 11px;
		width: 160px;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 13px;
		padding: 10px 6px;
	}
	.search-text {
    	font-size: 13px;
		padding: 10px 6px;
		
	}
}

 .navbar-bg-col {
    background-color: #fff;
    border-color: #e7e7e7;
}

div#navbar div.container.navbar-bg-col-1 {
	background-color: #00a94f;
}

@media (max-width: 767px){
	 div#navbar div.container.navbar-bg-col ul#primary-nav {
		max-width: 100%;
		padding: 0;
		margin: 0;
	}
	 ul#primary-nav li.dropdown {
		border-left: solid 1px transparent;
	}
	 div#navbar div.container.navbar-bg-col-1 {
		background-color: transparent;
		border-bottom: 1px solid #ededed;
		margin-bottom: 20px;
	}
	 div#navbar .navbar-bg-col {
		height: auto;
	}
	 #primary-nav.navbar-nav > li > a {
		font-size: 16px;
		padding: 18px;
	}
}

/* Secondary Nav Styles */

#subnav-1 > li > a {
	padding: 3px;
	margin-left: 0px;
	font-size: 100%;	/*keep?*/
}

/* Don't allow secondary lines to break. */

@media (max-width: 922px){
	ul#subnav-1 {
		width: 97%;
	}
	#subnav-1.navbar-nav > li {
		padding-right: 8px;
		padding-left: 0;
	}
	#subnav-1.navbar-nav > li a {
		font-size: 90%;
	}
	ul#subnav-1 li.search.desktop a {
		margin-top: 0px;
	}
}

@media (max-width: 767px) {
	#subnav-1.nav.navbar-nav {
		padding: 20px 0;
	}
	#subnav-1.navbar-nav > li a {
		font-size: 16px;
		padding: 3px;
		line-height: 20px;
		color: #908f8f;
	}
	#subnav-1.navbar-nav > li a:hover {
		color: #777;
	}
}

@media(max-width:  765px){
	.navbar .navbar-collapse.collapse.in, .navbar .navbar-collapse.collapse {
		padding: 0px 15px;
	}
}

/* _________________ Breadcrumbs _________________ */

div.bread-container {
	/*border-top: solid 1px #d0d0d0;*/
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	/* Fallback if breadcrumbs run too long. */
	overflow: hidden;
	visibility: hidden;
}

@media (min-width: 768px) {
	div.bread-container {
		visibility: visible;
        text-align: center;
	}	
}


/*change some positioning for mobile menus.*/
@media (max-width: 767px){
	div.bread-container {
		/*border-top: transparent;*/
		margin-bottom: 0;
		display: none;
	}
	/* "Sectional" and "inside" pages have breadcrumbs. */
	.navbar {
		margin-bottom: 0;
	}
	/*home page has no breadcrumbs*/
	.home .navbar {
		margin-bottom: 0;
	}
}

ul.breadcrumbs {
	margin: 0 auto;
	height: 22px;
	list-style-type: none;
	padding: 0;
}

ul.breadcrumbs li {
	/*float: left;*/
	background: url("../images/bullet-carrot.png") no-repeat right center;
	padding: 0 12px 2px 6px;
	display: inline-block;
}

@media(max-width: 767px){
	ul.breadcrumbs li {
		padding: 0 12px 0 6px;	/*was 12px 12px 12px 6px;*/
	}
}

ul.breadcrumbs li:last-child {
	background: none;
}

ul.breadcrumbs li a {
	color: #515151;
	font-family: "Nunito", Arial, Helvetica, sans-serif;
}

ul.breadcrumbs li a.selected {
	/*color: #0081c6;*/
}

ul.breadcrumbs li a.selected:hover, ul.breadcrumbs li a.selected:active {
	text-decoration: none;
	cursor: default;
}

/*ellipses*/







/* _________________ Page Sidenav _________________ */


.side-nav-container {
	padding: 0;
	display: block;
}

@media (min-width: 1180px) {
	.side-nav-container {
		/*width: 194px;*/
	}
}

@media (min-width: 1180px) {
	.side-related-container {
		/*width: 194px;*/
		width: 417px;
	}
}

@media (max-width: 991px){
	.side-nav-container {
		display: none;
	}
}

.side-nav-container nav.nav-sidebar {
}

.side-nav-container nav.nav-sidebar ul.nav.sidenav {
}

.side-nav-container nav.nav-sidebar ul.nav.sidenav li {
}

.side-nav-container nav.nav-sidebar ul.nav.sidenav li ul li a {
	color: #000;
	display: none;
}

/*Side nav fixed position*/

/*.affix, .affix-top, .affix-bottom {
	width: 194px;
	width: 360px;
}*/

nav.nav-sidebar.affix-top {
    position: fixed;
}

nav.nav-sidebar a.back-to-top, .nav-sidebar a {
	display: block;
}

.affix {
	top: 5px;
}

@media (min-width: 1200px) {
	.affix {
	}
}

.affix-bottom {
}

#page-nav .page-navigation,
#page-nav-mobile .page-navigation {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	font-weight: normal;
}

@media (min-width: 992px) {
	#page-nav .page-navigation {
		padding: 10px 0 20px;
	}
}

/* Keep the nav stucture visibile */
.page-navigation .nav {
	display: block;
	position: relative;
}

/* Nav styling */
#page-nav .active {
	font-weight: bold;
}

#page-nav .active .nav {
	display: block;
}

#page-nav .fa-chevron-circle-right.vcenter {
	
}

/* Navigation Location Info */
.nav-location {
	padding-left: 10px;
	margin: 20px 0;
	text-align: center;
}

.nav-location h4 {
	font-size: 1.1em;
	margin: 0;
}

.nav-location p {
	font-size: 1.4em;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
}


/* Subheads */
.sub-head {
	font-size: 1.3em;
	color: #646464;
	text-align: center;
	display: block;
	margin: 0 0 15px 0;
}
@media (min-width: 992px) {
	.sub-head {
		font-size: 1.1em;
		margin: 0 0 5px 0;
	}
}

.relatedContent .sub-head {
	font-size: 24px;
	line-height: 24px;
	margin: 0 0 18px 0;
	color: #139f58;
}

/* Inside info pages. */
h4.intro {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	margin: 0 0 20px 28px;
	color: #646464;
	font-size: 18px;
	line-height: 24px;
}

/* subheads */
#page-nav li p.sub-head:active, 
#page-nav li p.sub-head:hover {
	color: #646464;
}

/* Page Nav colors */

/*base "Page Nav"*/
#page-nav li ul.nav li {
	/*background-color: #d1cdc6;*/
	/*margin: 6px 0;
	padding: 0 0;*/
}

/* For parts OTHER than the page sections. Supress background color. */
#page-nav li ul.nav li.related-topics:hover,
#page-nav li ul.nav li.related-topics,
#page-nav li ul.nav li.other-links:hover,
#page-nav li ul.nav li.other-links,


/* Page Nav positioning for Font Awesome glyphs. */
#page-nav li ul.nav li a i.fa {
    display: inline-block;
}

/* Realted Topics nav */
/*colors*/
/*#page-nav.nav .related-topics ul li:nth-child(1) {
	background-color: #fcb31c;
}

#page-nav.nav .related-topics ul li:nth-child(2) {
	background-color: #b55aa2;
}

#page-nav.nav .related-topics ul li:nth-child(3) {
	background-color: #73c9ee;
}*/

.related-nav > li > a:hover > p,
.related-nav > li > a > p:focus,
.related-nav > li > a > p:active,
.related-nav > li > a > p:hover,
.related-nav > li > a > i {
	background-color: #0080C3;
}

/* Featured Leadership */

#page-nav li.related-topics li.leadership div.panel-body div.bio {
	float: none;
	margin: 0;
	padding-left: 0;
}

#page-nav li.related-topics li.leadership div.panel-body div.bio div.bioWrapper {
}

#page-nav li.related-topics li.leadership div.panel-body div.bio div.bioWrapper div.photo {
	float: none;
	margin: 0 auto;
	width: 150px;
}

#page-nav li.related-topics li.leadership div.panel-body div.bio div.bioWrapper div.info {
	border-bottom: 1px solid #b1b1b1;
	float: none;
	margin-bottom: 4px;
	margin-top: 10px;
	padding: 0 0 10px;
	width: 100%;
}

#page-nav li.related-topics li.leadership div.panel-body div.bio div.bioWrapper div.info a.name {
	font-size: 16px;
	line-height: 18px;
	margin: 0;	
	text-align: center;
}

#page-nav li.related-topics li.leadership div.panel-body div.bio div.bioWrapper div.info p.secondary {
    font-size: 15px;
    line-height: 15px;
    margin: 3px 0 6px 0;
    text-align: center;
}

#page-nav li.related-topics li.leadership div.panel-body div.bio div.bioWrapper div.info p.leadershipDescription {
    text-align: center;
    margin: 0;
}


/* General info number */
#page-nav p.contact {
	text-align: center;
}

#page-nav p.contact strong {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
}

/* Other Map stuff - probably a PLACEHOLDER. Leave for now.*/

/* format featured location */
#page-nav li .location-map ul.location-info {
	padding: 0;
}					

/* links */
/*#page-nav .nav a {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	font-size: 0.95em;
}*/

#page-nav .nav a.phone {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}


/*Active/selected */
#page-nav .nav .active a,
#page-nav .nav .active:hover a,
#page-nav .nav .active:focus a {
	color: #eee;
}

/* Bootstrap overwrite */
#page-nav li a:focus, 
#page-nav li a:hover {
	background-color: transparent;
	border: solid 0px transparent;
	color: #eee;
}

/* Google Map thumbnail */
#page-nav .location-map {
	margin: 0 auto;
}

#page-nav .location-map img {
}

/*initial positioning top-aligned */
#page-nav {
	background-color: #F0EFEC;
	padding: 0;
	margin-top: 0px;
}


/* links */

#page-nav .nav a.phone {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
}


/* _________________ Media Queries _________________ */
/* Fix these and put them where they need to go. */

/*move this up under nav?*/
@media (max-width: 767px) {
	.navbar-bg-col { 
		background-color: transparent; border: 0px;
	}
	.navbar-bg-col-1 { 
		background-color: transparent; border: 0px;
	}
	.nav>li>a {color: #000000;}
	/*move this*/
	/*Mobile Nav Title*/
	#pageNavTitleMobile {
		display: block;
		color: #009a3d;
		margin: 0;
	}
	/*Hide on mobile Info pages. */
	.info #pageNavTitleMobile {
		display: none;
	}
	.panel-title {
		color: #fff;
		font-size: 22px;
		line-height: 24px;
		margin: 0 0 0 0px;
	}
}

/* Navigation Connection Styles */
.nav-connect {
	text-align: center;
	font-size: 12px;
}
	@media (max-width: 991px) {
		.nav-connect {
			margin: 10px 0;
		}
	}

.nav-connect p {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-bottom: 0;
}
	@media (max-width: 991px) {
		.nav-connect p {
			font-size: 20px;
		}
	}
	@media (min-width: 992px) {
		.nav-connect p {
			font-size: 12px;
		}
	}

.nav-connect p:first-child {
	color: #f05a61;
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	font-weight: bold;
}


/* _________________ Featured location in-page in mobile _________________ */

/*base "Page Nav"*/

li.leadership, 
li.leadership:hover {
	background-color: transparent !important;
}

/* Pull "Other Links" closer to location list. Yes, it's a hack. Do we keep it?*/
.page-navigation ul.nav li.other-links {
	/*top: -15px;*/
}


/* _________________ Footer _________________ */

footer {
	background-color: #f0efec;
	border-top: solid 1px #d0d4d8;
	margin: 40px 0 0 0;
	padding: 36px 0 4% 0;
}

footer .container {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 100;
	max-width: 1220px;
	margin: 0 auto;
}

footer .container li.copyright {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
}

footer ul {
	list-style-position: outside;
	list-style: none;
}

footer ul li {
}

footer ul.row-social {
	max-width: 528px;
	margin: 0 auto 36px auto;
	padding: 0;
	min-height: 50px;
}

footer ul.row-social li {
	width: 50px;
	float: left;
	margin: 0 7px 7px 0;
	display: inline;
}

@media (max-width: 524px) {
	footer ul.row-social li {
		width: 50px;
		float: left;
		margin: 0 14px 14px 0;
		display: inline;
	}
	footer ul.row-social li:last-child {
		margin: 0;
	}
}

footer ul.row-social li:last-child {
	margin: 0;
}

footer ul.row-social li.divider {
	width: 1px;
	height: 50px;
	border-right: solid 1px #636363;
	padding: 0;
	/*account for magin before divider*/
	margin: 0 13px 0 6px;
}

@media (max-width: 604px) {
	footer ul.row-social li.divider {
		display: none;
	}
}

footer ul.row-copyright {
	max-width: 835px; /*690px - orig*/
	height: 24px;
	margin: 36px auto 0 auto;
	padding: 0;
}

@media (max-width: 524px) {
	footer ul.row-copyright {
		margin: 36px auto 0 auto;
	}
}

footer ul.row-copyright li {
	float: left;
	margin: 0 0 0 0;
}

footer ul.row-copyright li a {
	color: #646464;
}

footer ul.row-copyright li a:active, footer ul.row-copyright li a:hover {
	color: #646464;
}

footer ul.row-copyright li:nth-child(1) {
	min-width: 90px;
}

footer ul.row-copyright li:nth-child(3) {
	min-width: 104px;
	/*margin: 0 14px 0 0;*/
}

footer ul.row-copyright li:nth-child(5) {
	min-width: 104px;
	margin: 0 14px 0 0;
}

footer ul.row-copyright li.divider {
	width: 1px;
	height: 20px;
	border-right: solid 1px #636363;
	padding: 0;
	margin: 0 7px;
}

footer ul.row-middle {
	margin: 0 auto;
	padding: 0;
}

footer ul.row-middle li ul {
	/*float: left;*/
	/*width: 33%;*/
	margin: 0;
	padding: 0;
}

footer ul.row-middle li ul.column-one, footer ul.row-middle li ul.column-two, footer ul.row-middle li ul.column-three, footer ul.row-middle li ul.column-four {
	margin: 0 auto;
}

/*keep ULs in 3-columns until mobile*/
/*   TRASH THIS QUERY?   */
@media (min-width: 767px){
	footer ul.row-middle li ul.column-one, footer ul.row-middle li ul.column-two, footer ul.row-middle li ul.column-three, footer ul.row-middle li ul.column-four {
	}
}

footer ul li ul li a {
	color: #646464;
	font-size: 15px
}

footer ul li ul li a:active, footer ul li ul li a:hover {
	color: #646464;
}

/* Probably TEMP - trash later?... */
footer ul.row-middle li ul.column-one {
}

footer ul.row-middle li ul.column-two {
}

footer ul.row-middle li ul.column-three {
}

footer ul.row-middle li ul.column-four {
}

footer ul.row-middle li ul li {
	padding: 2px 0;
}

/* "Best Of" images */

footer ul.column-four li a img.img-responsive {
	display: block;
	max-height: auto;
	max-width: 70%;
}

footer ul.column-four li:first-child a img.img-responsive {
	max-height: auto;
	max-width: 83%;
}

footer ul.column-four li {
	max-width: 40%;
	float: left;
	margin-top: 4px;
	margin-right: 10px;
}

@media (max-width: 991px){
	footer ul.column-four li a img.img-responsive {
		height: auto;
		max-width: 70%;
	}
	footer ul.column-four li:first-child a img.img-responsive {
		max-height: auto;
		max-width: 83%;
	}
	footer ul.column-four li {
		max-width: 10%;
	}
}

@media (max-width: 767px){
	footer ul.column-four li a img.img-responsive {
		height: auto;
		max-width: 100%;
	}
	footer ul.column-four li:first-child a img.img-responsive {
		max-height: auto;
		max-width: 100%;
	}
	footer ul.column-four li {
		max-width: 12%;
		float: none;
		margin-top: 10px;
	}
	/* Cancel last primary nav member right float for mobile */
	#navbar li.dropdown.pull-right {
		float: none !important;
	}
}

@media (max-width: 480px){
	footer ul.column-four li a img.img-responsive {
		height: auto;
		max-width: 100%;
	}
	footer ul.column-four li:first-child a img.img-responsive {
		max-height: auto;
		max-width: 100%;
	}
	footer ul.column-four li {
		max-width: 20%;
		float: none;
	}
	/*type size and padding gets bigger for mobile*/
	footer ul.row-copyright.Clearfix li:last-child {
		margin-top: 10px;
	}
	footer ul.row-copyright.Clearfix li a {
		font-size: 16px;
	}
	footer ul.row-middle li ul li {
		padding: 6px 0;
	}
	footer ul li ul li a {
		font-size: 16px
	}
}

/* __________________________________ Newly Added - Move __________________________________ */
/* ________________________________________________________________________________________ */


#primary-nav li.dropdown ul.dropdown-menu li .mobileNav-landing {
	margin: 20px 0 20px -10px;
	/*Client wants initial caps now.*/
	/*text-transform: uppercase;*/
	font-size: 15px;
	display: block;
	height: 0;
	line-height: 0;
}


/* __________________________________ Newly Added - Search Enhancement __________________________________ */
/* ________________________________________________________________________________________ */


button#mybtn {
	background-color: transparent;
}
@media screen and (max-width: 1381px) and (min-width: 1231px) {
    .nav.navbar-nav {
    	margin-top: 35px;
	}
}
@media (min-width: 1231px) and (max-width: 1319px) {

}

.modal-content {
    background-color: #fff;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    height: 500px;
    opacity: 0.95;
}



    div#navbar div.container-fluid.navbar-bg-col ul#primary-nav {
        max-width: 1300px;
        float: none;
        margin-top: 35px;
        margin-left: 200px !important;
    
}
/* CSS */

/* Global Jumbotrons, Heroes and Carousels. */
/* (Some of the same classes may appear on local pages. They may be being used differently. ) */

/*Photo Pullquote with hero class "inline" _____________________________________*/

/*inline path*/
.hero-container.inline .jumbotron div.jumboChild p.hero-headline {
}

.hero-container.inline .jumbotron .jumboChild {
	height: 100%;
}

.hero-container.inline .jumbotron .jumboChild p {
	color: #fff;
	font-family: Nunito, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 2.3;
	position: relative;
	z-index: 9;
	margin-bottom: 0;
}

/*resize text @ different sizes*/
.hero-container.inline .jumbotron .jumboChild p {
	text-align: center;
	font-size: 24px !important;
	margin: 0 auto 40px;
	width: 90%;
}

@media (max-width: 1199px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 24px !important;
		line-height: 2.3;
		width: 70%;
	} 
}

@media (max-width: 991px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 24px !important;
		line-height: 2.2;
		width: 70%;
	} 
}

@media (max-width: 767px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 21px !important;
		line-height: 2.3;
		width: 80%;
	} 
}

@media (max-width: 479px) {
	.hero-container.inline .jumbotron .jumboChild p {
		font-size: 18px !important;
		line-height: 1.8;
		width: 80%;
	} 
}

/* END Photo Pullquote "inline" */

/* _________________ Page Carousels _________________ */

.pageCarousel {
	max-width: 765px;
}

.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	width: 100%;	/*was 70%. might need to match hero widths. make images same dimensions. */
	margin: auto;
}

/* Home Carousel */		/*<-- RENAME paths */ /**/
#header-carousel div.carousel-inner {
	width: auto;
	margin: 0 auto;
	}

/*#header-carousel .item  {
	height: 500px;
}*/

.carousel-control:hover {
	cursor: pointer;
}

/* No gradients on controls. */
.carousel-control.left {
	background-image: none;
	background-repeat: repeat-x;
	left: 0;
	right: auto;
	height: 100%;
	width: 80px;
	z-index: 999;
}

.carousel-control.right {
	background-image: none;
	background-repeat: repeat-x;
	left: auto;
	right: 0;
	height: 100%;
	width: 80px;
	z-index: 999;
}

.carousel-control .glyphicon-chevron-left, 
.carousel-control .glyphicon-chevron-right {
	display: none;
	width: 42px;
	height: 42px;
	margin: 0 -2px 0 -2px;
	padding: 0;
	opacity: .55;
}

.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right  {
	font-size: 42px;
}

.carousel-control .fa-angle-left,
.carousel-control .fa-angle-right {
	display: block;
	font-size: 5em;
	color: #FFFFFF;
}

@media (max-width: 767px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right {
		font-size: 3em;
	}
}

@media (max-width: 479px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right {
		font-size: 2.5em;
	}
}

/*@media (max-width: 319px) {
	.carousel-control .fa-angle-left,
	.carousel-control .fa-angle-right {
		font-size: 2em;
	}
}
*/
.carousel-control .fa-angle-left {
	left: 20px !important;
	right: initial !important;
}


.carousel-control .fa-angle-right {
	right: 20px !important;
	left: initial !important;
}

@media (max-width: 479px) {
	.carousel-control .fa-angle-left {
		left: 5px !important;
		right: initial !important;
	}


	.carousel-control .fa-angle-right {
		right: 5px !important;
		left: initial !important;
	}
}


.carousel-indicators li {
	margin-right: 8px;
	/*background-color: #fff;*/
	opacity: .4;
	/*border: solid 1px transparent;*/
    border: solid 1px #fff;
}

.carousel-indicators .active, .carousel-indicators li:hover {
	margin-right: 8px;
    opacity: 0.75;
    /*background-color: #00A94F;*/
    background-color: #fff;
}

/* Set max height */
.carousel, .carousel-inner {
}

/* Carousel overlay */
.carouselText {
	position: absolute; 
	/*bottom: -70px; */
	right: 0; 
	left: 0; 
	text-align: center;
	z-index: 10;
	padding: 0 100px;
	background: transparent;
	text-align: center;
	z-index: 9;
	display: block;	
	padding: 0 80px;
}

@media (max-width: 767px) {
	.carouselText {
		padding: 0 50px;
	}
}

@media (max-width: 479px) {
	.carouselText {
		padding: 0 30px;
	}
}

@media (max-width: 479px) {
	.carouselText {
		padding: 0 20px;
	}
}

.carouselText .slideNumber {
	margin: 0;
}

.pageCarousel .overlayContainer .vcenter h2 {
	background-color: transparent;
	padding: 0;
	text-align: center;
	font-size: 22px;
}

@media (max-width: 767px) {
	.pageCarousel .overlayContainer .vcenter h2 {
		font-size: 19px;
	}
}

@media (max-width: 479px) {
	.pageCarousel .overlayContainer .vcenter h2 {
		font-size: 16px;
	}
}

@media (max-width: 319px) {
	.pageCarousel .overlayContainer .vcenter h2 {
		font-size: 15px;
	}
}

.carouselOverlay {
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}


/* When Heros and carousels are links - hide underlines. */
a.heroesCarousels:hover {
	text-decoration: none;
}

/* when carousels are in-page - class: ".pageCarousel" */

.pageCarousel .carousel-inner {
}

.pageCarousel .jumbotron .container {
	width: 90% !important;
}

/*.pageCarousel ol.carousel-indicators {
	bottom: -36px;
    left: 0;
    text-align: right;
    width: 100%;
}

.pageCarousel ol.carousel-indicators:last-child {
	margin: 0 !important;
	height: 24px;
}

.pageCarousel ol.carousel-indicators li {
	background: #aba39e;
	border-radius: 0;
	display: inline-table;
	height: 20px;
	width: 20px;
}*/

.pageCarousel ol.carousel-indicators {
	margin-bottom: 0;
	display: block;
}

@media (max-width: 479px) {
	.pageCarousel ol.carousel-indicators {
		bottom: 0;
	}
}

.pageCarousel ol.carousel-indicators li {
	margin: 1px;
	width: 10px;
	height: 10px;
}

.pageCarousel .vcenter {
	z-index: 20;
	left: 0;
	right: 0;
	display: block;
}

.pageCarousel .vcenter .jumboChild {
	z-index: 20;
	left: 0;
	right: 0;
	display: block;
}

.pageCarousel h1 {
	font-size: 37px;
	line-height: 53px;
}

.pageCarousel h2 {
	line-height: initial;
}

.pageCarousel div#header h2.slideNumber{
	font-size: 6em;
	padding: 0;
}

/* copy positioning - pad it off of number. */
.pageCarousel .carousel-inner h2.jumboChild {
	position: relative;
}

@media (max-width: 767px){
	.pageCarousel div#header h2.slideNumber{
		font-size: 5em;
	}
}

@media (max-width: 479px){
	.pageCarousel div#header h2.slideNumber{
		font-size: 3em;
	}
}

@media (max-width: 319px){
	.pageCarousel div#header h2.slideNumber{
		font-size: 2.5em;
		line-height: 35px;
	}
}


/* override ol:last-child margin, 
which breaks in-page infographic carousel */

/*.pageCarousel ol.carousel-indicators {
	margin: 0 0 0 0 !important;
}

.pageCarousel ol.carousel-indicators li:last-child {
  	margin: 0 0 0 3px !important;
  	float: right;
}*/


/* Carousel timing in choa.js */

/*Info Graphic carousel with class "pageCarousel" _______________________________*/

/*Set bottom spacing*/
.pageCarousel {
	margin: 20px 0;
}

/* vertical centering of content */
.pageCarousel .container.jumboContainer {
	display: table;
	height: 100%;
	display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

@media(max-width: 767px){
	.pageCarousel .jumboContainer {
		height: 100%;
	}
}

.pageCarousel .jumboChild {
	display: table-cell;
	vertical-align: middle;
}

/* carousel title */
.pageCarousel .jumbotron .container h1 {
	text-align: center;
}

.pageCarousel .jumbotron .container {
	width: 45%;
    height: 100%;
    margin: 0 auto;
	z-index: 9;
}

@media(max-width: 1399px){
	.pageCarousel .jumbotron .container {
		width: 86% !important;
	}
}

@media(max-width: 1199px){
	.pageCarousel .jumbotron {
	}
}

@media(max-width: 991px){
	.pageCarousel .jumbotron .container {
		width: 75% !important;
	}
}

@media(max-width: 767px){
	.pageCarousel .jumbotron .container {
	}
}

@media(max-width: 479px){
	.pageCarousel .jumbotron .container {
		width: 100% !important;
	}
	.pageCarousel .jumbotron {
	}
}

.pageCarousel .jumbotron h1 {
	color: #fff;
	margin: 0;
	z-index: 9;
	text-align: center;
}

.pageCarousel .jumbotron p {
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	position: relative;
	z-index: 9;
}

/* Hero headers for various devices */
@media(max-width: 767px){
	.pageCarousel .jumbotron h1 {
		font-size: 28px;
		line-height: 39px;
	}
}

@media(max-width: 400px){
	.pageCarousel .jumbotron h1 {
		font-size: 18px;
		line-height: 36px;
	}
}

.pageCarousel .jumbotron {
	margin: 0 0px 11px;
	padding: 0;
    margin-bottom: inherit;
}

.pageCarousel .jumbotron.intro {
	margin-top: 0;
}

.pageCarousel .jumbotron .navbar {
	font-size: 11px;
	line-height: 1.6;
}

/*Overwite bootstrap*/
.pageCarousel .container .jumbotron, .pageCarousel .container-fluid .jumbotron {
	border-radius: 0;
}

/*Mobile Nav Title*/
.pageCarousel #pageNavTitleMobile {
	display: none;
}

/* Jumbotron Hero icon. */
.pageCarousel .image-icon {
	margin: 0 auto;
	position: relative;
	z-index: 9;
}

.pageCarousel .page-content{
	text-align: center;
	padding: 10px;
}

.pageCarousel #header {
    background-repeat: no-repeat;
    /*object-fit: cover;*/
}

.pageCarousel .carousel-inner {
	height: auto;
}

/*END Info Graphic carousel with class "pageCarousel" ____________________________ */


.pageCarousel.infoGraphic .jumbotron {
	margin: 0 0px 11px;
	padding: 0;
    margin-bottom: inherit;
    min-height: 355px
}

@media (max-width: 991px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 430px;
	}
}

@media (max-width: 767px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 405px;
	}
}

@media (max-width: 600px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 325px;
	}
}

@media (max-width: 479px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 245px;
	}
}

@media (max-width: 419px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 210px;
	}
}

@media (max-width: 319px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 200px;
	}
}

@media (min-width: 1200px) {
	.pageCarousel.infoGraphic .jumbotron {
		min-height: 430px;
	}
}

.jumbotron {
	background-color: transparent;
}

.otherGalleryImages {
	display: none;
 }

.pageCarousel .carousel-inner .item {
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	
}

.pageCarousel .carousel-inner .item:nth-child(1),
.pageCarousel .carousel-inner .item:nth-child(5) {
	background-color: #00a94f; /*green*/
}

.pageCarousel .carousel-inner .item:nth-child(2),
.pageCarousel .carousel-inner .item:nth-child(6) {
	background-color: #0081c6; /*blue*/
}

.pageCarousel .carousel-inner .item:nth-child(3),
.pageCarousel .carousel-inner .item:nth-child(7) {
	background-color: #bd2f92; /*magenta*/
}

.pageCarousel .carousel-inner .item:nth-child(4),
.pageCarousel .carousel-inner .item:nth-child(8) {
	background-color: #fcb31c; /*yellow*/
}


/*  Second Color Cadence option w/ first image in carousel*/

.pageCarousel.option-2 .carousel-inner .item:nth-child(2),
.pageCarousel.option-2 .carousel-inner .item:nth-child(6) {
	background-color: #00a94f; /*green*/
	
}

.pageCarousel.option-2 .carousel-inner .item:nth-child(3),
.pageCarousel.option-2 .carousel-inner .item:nth-child(7) {
	background-color: #0081c6; /*blue*/
	
}

.pageCarousel.option-2 .carousel-inner .item:nth-child(4),
.pageCarousel.option-2 .carousel-inner .item:nth-child(8) {
	background-color: #bd2f92; /*magenta*/
	
}

.pageCarousel.option-2 .carousel-inner .item:nth-child(5),
.pageCarousel.option-2 .carousel-inner .item:nth-child(9) {
	background-color: #fcb31c; /*yellow */
}
/* _________________________________ Special styles for Site Core HTML text Editor _________________________________ */
 
/*** Fix these elsewhere, THEN fix these computed-classstyles here - as needed. ***/
 
p.paragraph-headline {
       font-family: Arial, Helvetica, sans-serif;
       color: #646464;
       max-width: 844px;
       margin: 32px auto;
       font-size: 24px;
       line-height: 36px;
       text-align: center;
       padding: 10px;
}
 
       @media(max-width: 767px){
              p.paragraph-headline {
                     font-size: 20px;
                     line-height: 32px;
                     margin: 18px auto 6px;
              }
       }
 
       @media(max-width: 400px){
              p.paragraph-headline {
                     font-size: 18px;
                     line-height: 28px;
                     margin: 18px auto 6px;
              }
       }
 
p.paragraph-content-headline {
       color: #666666;
       font-size: 22px;
       font-family: "Nunito", Arial, Helvetica, sans-serif;
}
p.paragraph-content-subheadline {
    font-family: "Nunito", Arial, Helvetica, sans-serif;
    font-size: 16px;
}
p.paragraph-pull-quote {
   color: #666666;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 21px;
   line-height: 26px;
}
 
ul.list-bulleted-col {
       color: #666666;
       font-family: Arial, Helvetica, sans-serif;
       font-size: 16px;
       list-style-type: disc;
       margin: 0 4% 10px 0;
       display: inline-block;
       vertical-align: top;
       width: 41%;
}
 
a.link-normal {
       color: #008ac6;
       display: block !important;
       font-family: Arial, Helvetica, sans-serif !important;
}
 
a.link-normal:hover {
       color: #008ac6;
       text-decoration: underline;
}
 
a.page-link {
       color: #008ac6;
       font-family: Nunito, Arial, Helvetica, sans-serif;
       display: inline-block;
       font-size: 16px;
       font-stretch: normal;
       font-style: normal;
       font-variant: normal;
       font-weight: normal;
       line-height: 16px;
       text-align: left;
       text-decoration: none;
       text-rendering: auto;
       margin: 10px 0;
       cursor: pointer;
       margin: 10px 0;
}
 
a.page-link:hover {
       text-decoration: underline;
}
 
a.page-link::after {
       font-family: FontAwesome;
       content: "\f138";
       margin-left: 5px;
       text-decoration: none;
       display: inline-block;
}
 
a.page-link::after:hover {
       text-decoration: none;
}
 
a.page-link.spanish::after {
       display: none;
}
 
a.contact-info-email {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block;
}
a.contact-info-email:hover {
       color: #008ac6 !important;
}
 
a.contact-info-phone {
    color: #666666;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: bold !important;
    display: inline-block;
}
a.contact-info-phone:hover {
       color: #008ac6 !important;
}
 
/*For English/Spanish links. Put this class on last a tag.*/
a.english-spanish-link {
       font-family: "Nunito", Arial, Helvetica, sans-serif!important;
       font-size: 16px!important;
       line-height: 1;
       color: #008ac6;
       margin-top: 5px !important;
}
 
a.link-arrow {
       color: #008ac6;
       margin-top: 5px !important;
}
 
a.link-arrow::after {
       content: "\f138";
       font-family: "FontAwesome";
       font-size: 16px;
       line-height: 16px;
       text-decoration: none !important;
       display: inline-block;
}
 
a.link-arrow:hover {
       text-decoration: none !important;
}
 
 
/*Can't give CMS 2 global classes for editor! Breaks other areas - see Home page. */
 
h3 {
       color: #00a94f;
       font-family: Nunito, Arial, Helvetica, sans-serif;
       font-size: 24px;
       font-weight: 500;
       line-height: 26.3999996185303px;
}
 
h4 {
       color: #666666;
       font-family: Nunito, Arial, Helvetica, sans-serif;
       font-size: 22px;
       font-weight: 500;
       line-height: 27px;
}
 
/* ____________________________________________________________________________________ */
/* _________________ Original CSS _________________ */


/*!
 * Lightbox for Bootstrap 3 by @ashleydw
 * https://github.com/ashleydw/lightbox
 *
 * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE
 */

.ekko-lightbox-container {
	position: relative;
}

.ekko-lightbox-nav-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
}

.ekko-lightbox-nav-overlay a {
	z-index: 100;
	display: block;
	width: 49%;
	height: 100%;
	font-size: 30px;
	color: #fff;
	text-shadow: 2px 2px 4px #000;
	opacity: 0;
	filter: dropshadow(color=#000000, offx=2, offy=2);
	transition: opacity 0.5s;
}

.ekko-lightbox-nav-overlay a:empty {
	width: 49%;
}

.ekko-lightbox a:hover {
	text-decoration: none;
	opacity: 1;
	color: #FFF;
}

.ekko-lightbox .glyphicon-chevron-left {
	left: 0;
	float: left;
	padding-left: 15px;
	text-align: left;
}

.ekko-lightbox .glyphicon-chevron-right {
	right: 0;
	float: right;
	padding-right: 15px;
	text-align: right;
}

.ekko-lightbox .modal-footer {
	text-align: left;
}


/* _________________ Digitas-added syles _________________ */

/* This is for ekko-lihtbox only - shouldn't affect Bootstrap modals. It could: Remove "ekko-lightbox" classes. */

.ekko-lightbox .modal-header{
	border-bottom: 1px solid #b1b1b1;
}

/* Style Bootstrap "X" button. */
.ekko-lightbox .modal-header button.close {
	text-shadow: none;
	border: solid 2px black;
	width: 30px;
	height: 30px;
	font-size: 24px;
	line-height: 24px;
	border-radius: 15px;
}

.ekko-lightbox h4.modal-title {
	font-family: "Nunito", Arial, Helvetica, sans-serif;
	color: #5d5d5e;
}

.ekko-lightbox .modal-content {
	border-radius: 0;
	margin-top: 20%;
}

.ekko-lightbox .modal-footer{
	border-top: 1px solid #b1b1b1;
	background-color: #f1f4f8;
	/*padding: 15px 100px 15px 15px;*/	/*was*/
	padding: 15px 15px 30px;
}

.ekko-lightbox .modal-content span.imageCounter {
    float: right;
    margin: -36px 15px 0 0;

    margin-top: -40px;
    width: 100px;
    padding-top: 10px;
    text-align: right;
    font-weight: bold;
}

.ekko-lightbox-nav-overlay a:empty {
    width: 15%;
	/* IE doesn't like transparent or empty divs acting as links. */			
	background: url("../images/transparent.png") repeat 0 0;
}

/* glyphs don't show up properly on mobile. This is realy a hack.*/
@media (max-width: 767px){
	/*comment OUT these next two, if mobile still doesn't work.*/
	a.glyphicon-chevron-left {
		position: relative;
		top: 46%;
		height: 25%;
	}
	a.glyphicon-chevron-right {
		position: relative;
		top: 46%;
		height: 25%;
	}
	/*comment IN these next two, if mobile still doesn't work.*/
	a.glyphicon-chevron-left:before {
		/*content: "";*/
	}
	a.glyphicon-chevron-right:before {
		/*content: "";*/
	}

	.ekko-lightbox-nav-overlay a {
		opacity: .4;
		display: block;
		line-height: 1 !important;
	}
}

/* Plugin styles */
.social-feed-element.hidden{
    background-color:red !important;
}
.social-feed-element .pull-left{
    float:left;
    margin-right: 10px;
}
.social-feed-element .pull-right {
    margin-left: 10px;
}
.social-feed-element img {
    width: 100%;
    width: auto\9;
    height: auto;
    border: 0;  
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}
.social-feed-element .attachment {
    vertical-align: middle;
    -ms-interpolation-mode: bicubic;
}

/* Link styles */
.social-feed-element a {
    color: #0088cc;
    text-decoration: none;
}
.social-feed-element a:focus {
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
.social-feed-element a:hover,
.social-feed-element a:active {
    outline: 0;
    color: #005580;
    text-decoration: underline;
}

/* Text styles */
.social-feed-element small {
    font-size: 85%;
}
.social-feed-element strong {
    font-weight: bold;
}
.social-feed-element em {
    font-style: italic;
}
.social-feed-element p {
    margin: 0 0 10px;
}
.social-feed-element .media-body > p{
    margin-bottom:4px;
    min-height:20px;
}
.social-feed-element p.social-feed-text {
    width: 100%;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
}

/* Message styles */
.social-feed-element,
.social-feed-element .media-body {
    overflow: hidden;
    zoom: 1;
    *overflow: visible;
}
.social-feed-element .media-body .social-network-icon{
    margin-top: -3px;
    margin-right:5px;
    width:16px;
}
.social-feed-element .media-body div{
    color:#666;
    line-height: 20px;
}
.social-feed-element:first-child {
    margin-top: 0;
}
.social-feed-element .media-object {
    display: block;
    width:48px;
    border-radius:50%;
}
.social-feed-element .media-heading {
    margin: 0 0 5px;
}
.social-feed-element .media-list {
    margin-left: 0;
    list-style: none;
}

.social-feed-element .muted {
    color: #999;
}
.social-feed-element a.muted:hover,
.social-feed-element a.muted:focus {
    color: #808080;
}

.social-feed-element{
    box-shadow: 0 0 10px 0 rgba(10, 10, 10, 0.2);
    transition: 0.25s;
    -webkit-backface-visibility: hidden;
    margin:-1px;
    margin-top:25px;
    background-color: #fff;
    color: #333;
    text-align:left;
    font-size: 14px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    line-height: 16px;
}
.social-feed-element:hover{
    box-shadow: 0 0 20px 0 rgba(10, 10, 10, 0.4);
}

.social-feed-element .content{
    padding:15px;
}
.social-feed-element .social-network-icon{
    opacity:0.7;
}


.social-feed-element .author-title{
    color: #444;
    line-height: 1.5em;
    font-weight: 500;  
}
/*# sourceMappingURL=appChildrens.css.map */