/**** Global Responsive Styles – ****/


/**** All styles refined May 2019 
      == HEADER STYLES
      == TYPOGRAPHY STYLES
      == JUMP LINKS STYLES
      == PULLQUOTE AND BOX STYLES
      == PANEL STYLES
      == FOOTER STYLES 
      == TABLES STYLES 
      == ACCORDIONS STYLES 
      == TABS STYLES 
      == PROMOS STYLES 
      == BUTTONS STYLES 
      == PROMOS STYLES 
      == ALERT STYLES
      == IMAGES STYLES 
      == VIDEO OVERLAY STYLES 
      == PRINT STYLES 

      ==== NAV styles in customnavbar.css
      ==== HOME MARQUEE styles in flexslider.css
      ==== LANDING MARQUEE styles in landingpage.css
      ==== SEC NAV styles in landingpage.css

      
****/

@import url(/global/design/responsive/fonts/fonts.css);

#topbanner {
	content: " "; /* Cesar - folllow up */
}
#topbanner, .owl-wrapper-outer {
	margin-top: 8.4em;
}
@media (min-width:860px) {
	#topbanner, .owl-wrapper-outer {
		margin-top: 9.063em;
	}
}
body {
	background: #f7f7f7;
}
.shadow {
	box-shadow: 0px 1px 5px 2px rgba(50, 50, 50, 0.1);
}
.container {
	background: #ffffff;
	margin: auto;
	max-width: 1280px;
	padding-right: 0;
	padding-left: 0;
}
section.detailpage {
	padding-top: 10em;
}
section {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
}
.addthis_sharing_toolbox {
	display: none;
}
#sharethis {
	padding-top: 8px;
	float: right;
}

.glyphicon-chevron-right {
color: #F99f00;
}

/***************** header styles  *******************/

header {
	width: 100%;
	max-width: 1280px;
	max-height: 90px;
	height: auto; /* IE8 fix */
	position: fixed;
	top: 0;
	z-index: 100;
	border-top: 0;
	padding: 20px 20px 30px 20px;
	text-align: left;
	background-color: #f7f7f7;
}
@media (max-width: 767px) {
	header {
		margin-top: 25px;
		padding: 10px;
	}
}


/*********** main wordmark ***********/
header .wordmark {
	float: left;
	top: 0;
	left: 0;
	text-align: left;
	position: relative;
	margin-top: -5px;
	width: 15%;
	min-width: 190px;
	z-index: 1;
}
header a.wordmark img {
	width: 100%;
	height: 100%;
	max-width: 190px;
	text-align: left;
	margin-bottom: 0;
	max-height:65px; 	
}
@media (max-width: 767px) {
	header .wordmark {
		margin-top: 0px;
		width: 100%;
	}
	header a.wordmark img {
		max-width: 158px;
		width: 48%;
		height: auto;
		max-height:50px;
	}
}

/*********** sub-brand wordmark ***********/
.wordmark-sub {
	border-left: 1px solid #002855;
    padding-left: 25px;
    margin-left: 5px;
}
header .wordmark-sub {
	float: left;
	top: 0;
	left: 0;
	text-align: left;
	position: relative;
	margin-top: -5px;
	min-width: 190px;
	z-index: 1;
}
header a.wordmark-sub img {
	height: 100%;
	text-align: left;
	margin-bottom: 0;
	max-height:65px;  	
}
@media (max-width: 859px) {
	.wordmark-sub  {
		display: none;
	}
}

/** mobile - sub-brand wordmark with hamburger menu **/
.navtop .navbar-brand-sub {
	display: block;
	width: 100%;
	height: 100%;
}
.navtop .navbar-brand-sub img  {
	max-width: 80%;
	height: 15px;
	margin: 15px 0 0 15px;
}
.navtop .topbar-brand img  {
	height: 15px;
	margin: 0 0 0 10px;
}

/** mobile - mobile - sub-brand wordmark NO hamburger menu **/
.topbar-brand-container {
    background-color: #002855;
    width: 100%;
    height: 44px;
    padding: 10px;
}
@media (min-width: 860px) {
	.navtop .navbar-brand-sub,
	.navtop .topbar-brand-container {
		display: none;
	}
}

/* Adjusts spacing of body section with class inserted via js */
@media (max-width: 859px) {
	section.detailpage.add-space-mobile {
		    padding-top: 12em;
	}
	div#topbanner.add-space-mobile {
		    margin-top: 11.2em;
	}
	.secondary-menu-mobile.add-space-secnav-mobile {
		top: 11.28em;;
	}
}


/*********** site title ***********/
.title {
	font-size: 1.75em;
	font-weight:400;
	line-height: 1.2em;
	color: #002855;
	float:left;
	width: 36%;
	max-width: 375px;
	padding:0 0 0 20px;
	margin: -10px 0 0 5px;
	position: relative;
	background: none;
	border-bottom: 0px none;
	border-left: 1px solid #002855;
	text-align: left;
	min-height: 70px;
}
.title a {
	color: #002855;
	text-decoration: none;
}
@media (max-width: 859px) {				
	.title {
		display: none;
	}
}
@media (min-width:768px) and (max-width: 991px) {
	.title {
		font-size: 1.3em;
		padding-left: 12px;
		margin-left: 10px;
		min-height:60px;
	}
}

@media (min-width:992px) and (max-width: 1151px) {
	.title {
		font-size: 1.5em;
	}
}


/*********** global navigation ***********/
#mini_navbar {
	text-align: right;
	float: right;
	font-size: .9em;
	margin-top: -10px;
	padding-bottom: 8px;
}
#mini_navbar a {
	color: #335379;
}

@media (max-width: 767px) {
	#mini_navbar {
		left: 0px;
		width: 100%;
		top: 0;
		position: absolute;
		float: none;
		margin-top: -25px;
		padding: 3px 10px 4px 0;
		color: #ffffff;
		background: #335379;
		text-shadow: none;
	}
	#mini_navbar a {
		color: #ffffff;
	}
}
/* Phone number global nav add-on */
.nav-addon { 
	margin-right:12px;
	color: #335379;
	font-weight: 600;
}
.nav-addon .glyphicon {
	padding-right: 4px;
}

#mini_navbar .glyphicon-earphone {
	color: #f99f00;
}
/* cesar - follow up - hides portion of mini global nav for enhanced mobile display */
@media (max-width: 1259px) {
	.hide-mobile {  
		display: none;
    }	
}


/*********** header search field ***********/
#search {
	width: auto;
	position: relative;
	display: inline-block;
	float: right;
	clear: right;
	padding-bottom: 5px;
	text-align: right;
	z-index: 100;
}
#search .textfield {
	color: #7f93ae;
	background-color: #e5e9ef;
	border: 1px solid #ccd4e0;
	padding: 2px 2px 2px 8px;
	border-radius: 2px;
}
#search .glyphicon {
	color: #7f93ae;
}
#search .input-group .form-control, #search .form-group {
	position: relative
}
.inner-btn {
	position: absolute;
	right: 0;
}
#search .inner-btn > .btn {
	z-index: 10000;
	padding: 5px 0;
	margin: 3px;
	background: none;
	border: none;
	margin-right: 10px;
}
#search .inner-btn > .btn:active, #search .inner-btn > .btn:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background-image: none;
	outline: 0;
}
.form-control {
	box-shadow: none;
}
@media (max-width: 767px) {
	#search {
		position: absolute;
		right: 0;
		padding-right:8px;
		padding-top:5px;
	}	
}

/* Google Public Search Styles */
/* ==============
	Search field and button
   ============== */
#search table.gsc-search-box td.gsc-input {
	padding-right: 0 !important;
}
#search input.gsc-input {
	background-image: none !important;
}
#search .gsc-input-box {
    padding-top: 0 !important;
	padding-bottom: 0!important;
    border-top-left-radius: 0 !important; 
    border-bottom-left-radius: 0 !important;
}
#search .gsc-search-button {
	margin-left: 0 !important;
}
#search .gsc-search-button-v2 {
	padding: 9px 27px !important;
	border-radius: 0 !important;
	border-color: #ccd4e0 !important;
	background-color: #ccd4e0 !important;
}
#search .gsc-search-button-v2:hover {
	border-color: #002855 !important;
	background-color: #002855 !important;
}
#search .gsc-search-button-v2 svg {
	fill: #1a3e68 !important;
}
#search .gsc-search-button-v2:hover svg {
	fill: #ffffff !important;
}

/*********** Tertiary brand sub header – not on home and landing pages ***********/
.subheader-wrapper {
	left: 1%;
	right: 1%;
} 
@media (max-width: 979px) {
	.subheader-wrapper {
		left: 0;
		right: 0;
	} 
}
.subheader-wrapper {
	max-width: 100%;
    margin-top: 148px;
    margin-bottom: -9em;
	height: 56px;
	background-color: #E5E9EF;
}
@media (max-width: 859px) {
	.subheader-wrapper {
		display: none !important;
	}
}
.subheader-tab {
	height: 40px;
	position: relative;
	top: 15px;
}
.subheader-text {
	font-size: 1.4em;
	font-weight: 600;
	letter-spacing: .01em;
	color: #002855;
	padding: 0;
	margin-left: 20px;
}
.subheader-text:hover {
	text-decoration: none;
}

/**************** Typography styles *****************/

*, body, h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Proxima-Nova', Helvetica, Arial, Lucida Grande, Lucida Sans, sans-serif;
}
h1 {
	font-weight: 700;
}
p {
	font-weight: 400;
}
.light {
	font-weight: 300;
}
.med {
	font-weight: 500;
}
.sb {
	font-weight: 600;
}
.bold {
	font-weight: 700;
}
strong {
	font-weight: 700;
}
em {
	font-style: italic;
}

/* breadcrumb */
.breadcrumb > li + li:before {
	content: "/";
}
.breadcrumb {
	font-size: .8em;
	padding-top: 0;
	margin-bottom: 12px;
}
@media (max-width: 640px) {
	#breadcrumb {
		display: none;
	}
}
h1 {
	font-size: 1.1em;
}
.page-header {
	padding-bottom: 0px;
	margin: 0;
	font-size: 1.5em;
	color: #bc8d00;
}
.page-header h1 {
	margin-top: 0;
	font-weight: 500;
}
.detailpage .page-header h1 {
	margin-top: 0;
	font-size: 1em;
	line-height: 1.4em;
	color: #335379;
	font-weight: 500;
}
.smalltext {
	font-size: .9em;
}
.tinytext {
	font-size: .7em;
	padding-top: 5px;
	color: #999 !important;
}
.nowrap {
	white-space: nowrap;
}
/* right sidebar */
.sidebar .panel-body ul {
	padding-left: 15px;
}
.row h3.rowheader {
	font-size: 1em;
	margin-top: 10px;
}
.panel-body h2 {
	font-size: 1.3em;
	font-weight: 500;
	color: #967100;
	line-height: 1.3em;
}
.panel-body h3 {
	margin-top: 0;
	color: #335379;
	margin-bottom: .625em;
	font-size: 1.3em;
	font-weight: 500;
}

/* fixes bullets that overlap with floated left images */
.tab-content ul, .panel-body ul {
	overflow: hidden;
}
.tab-content ul li, .panel-body ul li {
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-image: url(img/bullet_blue.gif);
	margin-left: -20px;
	padding-left: 15px;
}
.sidebar .panel-body ul li {
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0px 6px;
	background-image: url(img/bullet_blue.gif);
	margin-left: -15px;
	padding-left: 15px;
}

/* panels - hyperlink colors and treatment */
.panel-body p a, .tab-content p a {
	color: #00829b;
}
.panel-body li a, .tab-content li a, .panel-body #articleList p a {
	color: #4d688c;
}

/* plain panels */
.leftfeatures > .panel-plain p {
	padding-left: 5px;
	padding-right: 5px;
}
.detailpage .maincol .panel-plain > .panel-heading h2 {
	font-size: 1.4em;
	margin-bottom: 15px;
}
.panel-variation-4 > .panel-heading {
	color: #fff;
}
.panel-variation-4 > .panel-heading a {
	color: #ffffff;
}
.panel-variation-4 > .panel-heading a:hover, .panel-variation-3 > .panel-heading a:focus {
	background-color: #335379;
	display: block;
	padding: 7px 15px;
	margin: -7px -15px;
}
.text-muted {
	color: #666;
}
.textbox {
	color: #4C4C4C;
	background-color: #F6F6F6;
	border: 1px solid #B2BDCF;
	padding: 2px;
}
.arrowgold {
	font-size: 1.1em;
	padding-left: 3px;
	color: #deb31a;
}
h2.featurette-heading {
	font-size: 1.9em;
	color: #bc8d00;		/* custom darker gold */
	margin-top: 20px;
	margin-bottom: 30px;
	font-weight: 200;
	line-height: 1;
	letter-spacing: normal;
}
@media (max-width: 767px) {
	.page-header {
		border-bottom: 0;
	}
	.page-header h1 {
		margin-bottom: 5px;
	}
}
@media (max-width: 640px) {
	.detailpage .maincol.col-50percent-sm {
		margin-top: 40px;
	}
	.page-header h1, .detailpage .page-header h1 {
		font-size: .90em;
		line-height: 1.2em;
		color: #1a3e68;
		font-weight: normal;
	}
	.panel-plain > .panel-heading h2 {
		font-size: 1.2em;
	}
	.panel-body h3 {
		font-size: 1.1em;
	}
}

@media (max-width: 360px) {
	.page-header h1, .detailpage .page-header h1 {
		margin-bottom: .325em;
	}
	.detailpage .maincol .panel-plain > .panel-heading h2 {
		font-size: 1.1em;
	}
}

@media (max-width: 320px) {
	.page-header h1 {
		margin-top: 0;
	}
}
@media (min-width:767px) {
	.page-header h1 {
		margin-bottom: 10px;
	}
	.page-header h1 .medium {
		color: #335379;
		font-size: 1em;
		font-weight: 200;
		border-bottom: 0;
		margin-bottom: 0;
	}
	.page-header h1 .small {
		color: #7f93ae;
		font-size: .85em;
		line-height: 1.3em;
		font-weight: 200;
	}
}

/* hyperlink styles */
.panel-body p a, 
.panel-body li a, 
.tab-content p a, 
table a {
	color: #1a3e68;
	font-weight: 600;
	text-decoration: underline;
	-webkit-text-decoration-color: rgba(0, 40, 85, 0.25); /* Safari */   
	text-decoration-color: rgba(0, 40, 85, 0.25);
}
.panel-body p a:hover, 
.panel-body li a:hover {
	color: #007991;
}
.panel-variation-4 .panel-body p a, 
.panel-variation-4 .panel-body li a {
	color: #1a3e68;
}
a[href^="tel:"] {
  text-decoration: none !important;
}
.sidebar .panel-body ul li a {
  text-decoration: none;
}

/*******************  Jump Links  *******************/

/*** anchor link fix for sticky header and nav  ***/
a[name] {
	padding-top: 160px;  /* fixed header and nav height */
	margin-top: -160px;  /* negative margin to negate padding */
	display: inline-block; /* required for webkit browsers */
	vertical-align: top;
}
.jumpmenu {
	background-color: #e5e9ef;
	display: block;
	padding: 15px;
	margin-top: 15px;
}
.jumpmenu .col-50percent-sm {
	padding-left: 0;
}
.jumpmenu li {
	font-size: .95em;
}
.jumpmenu p a {
	color: #007389;
}
@media (max-width: 767px) {
	.jumpmenu .col-50percent-sm {
		padding-bottom: 0;
	}
	.jumpmenu ul {
		margin-bottom: 0;
	}
}

/*** back to top ***/
.backtotop {
	font-size: .95em;
	text-transform: uppercase;
	float: none;
	width: 100%;
	margin: 0 auto;
	max-width: 1280px;
	text-align: right;
}
.backtotop .glyphicon {
	color: #FCB604;		
	font-size: 1.4em;
	line-height: .9em;
	padding-right: 5px;
	vertical-align: text-bottom;
	display: inline-block;
	transition: all 0.3s ease-in-out;
}
.backtotop .glyphicon:hover, .backtotop .glyphicon:focus {
	-moz-transform: translateY(-4px);
	transform: translateY(-4px);
}



/**************** Pullquote styles ******************/

.pullquote_left, .pullquote_right {
	width: 100%;
	max-width: 280px;
	padding: 20px;
	line-height: 1.5em;
	display: block;
	color: #335379;
	border-top: 2px solid #e5c44d;
	border-bottom: 2px solid #e5c44d;
	background-color: #fbf6e5;
}
.pullquote_left {
	margin: 5px 15px 10px 0px;
	float: left;
}
.pullquote_right {
	margin: 5px 0px 10px 15px;
	float: right;
}
.pullquote_left img {
	margin-right: 8px;
}
.pullquote_right img {
	margin-left: 8px;
}
@media (max-width: 480px) {
	.pullquote_left, .pullquote_right {
		float: none;
		max-width: 100%;
		width: 100% !important;
		margin-left: 0;
		margin-right: 0;
		font-size: 1.2em;
	}
}



/************* In-body Box Styles ****************/

/* boxed items and pull quotes */
.box_left, .box_right {
	max-width: 300px;
	width: 100% !important;
	font-size: .95em;
	display: block;
	border: 1px solid #e5c44d;
	background-color: #fbf6e5;
	padding: 10px;
	z-index: 1;
	overflow: hidden;
}
.box_wide {
	width: 100%;
	font-size: .95em;
	display: block;
	border: 1px solid #e5c44d;
	background-color: #fbf6e5;
	padding: 15px;
	margin: 15px 0px;
	z-index: 1;
	overflow: hidden;
}
.box_wide h1 {
	font-size: 1.3em;
	margin-bottom: 8px;
	margin-top: 10px;
}
.box_wide h2 {
	margin-top: 5px;
}
.panel-body .box_wide h3 {
	font-size: 1.2em;
}
.panel-body .box_left a, .panel-body .box_right a, .panel-body .box_left p a, .panel-body .box_right p a, .panel-body .pullquote_left a, .panel-body .pullquote_right a, .panel-body p.pullquote_left a, .panel-body p.pullquote_right a {
	color: #007288;
}
.box_left {
	float: left;
	margin: 5px 15px 10px 0px;
}
.box_right {
	float: right;
	margin: 5px 0px 10px 15px;
}
.box_right ul, .box_left ul {
	margin-left: -20px;
}
.panel-body .box_right h2, .panel-body .box_left h2 {
	color: #1a3e68;
}
@media (max-width: 480px) {
	.box_left, .box_right {
		float: none;
		max-width: 100%;
		margin-left: 0;
		margin-bottom: 15px;
	}
}


/******************* Panel styles *******************/
.panel {
	border-radius: 0 !important; 
}
.panel-heading {
	border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important;
}
.panel-variation-3 > .panel-heading {
    color: #002855;
    background-color: #f4e5b2;
    border-color: #f0dd99;
}
.panel-variation-3 {
    border-color: #f0dd99;
}
/* rows and columns */
.panel-group .row .rowheader {
	padding-left: 15px;
}
/* plain panels */
.detailpage .maincol .panel-plain > .panel-body {
	padding-top: 0;
}
/* variation 4 panel - set to light blue background, dark blue heading */
.panel-variation-4 {
	border-color: #ccd4e0;
    border-radius: 0;
}
.panel-variation-4 > .panel-heading {
	background-color: #4d688c;
	border-color: #4d688c;
}
.panel-variation-4 .panel-body {
	background-color: #eceff3;
}


.panel-variation-4 > .panel-heading + .panel-collapse .panel-body {
	border-top-color: #4d688c;
}
.panel-variation-4 > .panel-footer + .panel-collapse .panel-body {
	border-bottom-color: #4d688c;
}


/****************** Footer styles *******************/

footer {
	background-color: #e5e9ef;
	padding: 20px 30px;
}
footer h5 {
	color: #002855;
	font-size: 1.125em;
	line-height: 1.3em;
	font-weight: 600;
	margin: 0 0 5px;
	letter-spacing: .015em;
}
footer p {
	font-size: .9em;
} 
footer ul.list li {
	list-style: none;
	font-size: .9em;
}
footer ul.list li a:before {
	display: inline-block;
	content: "\2022";
	color: #99a9bf; 
	font-weight: 600;
	width: .75em;
	margin-left: -2.75em;
}
@media (max-width: 767px){
	footer .col-33percent-sm {
		margin-top: 20px;
	}
	footer .col-33percent-sm:first-child {
		margin-top: 10px;
	}
}

/******* Footer - Social Media *******/
footer .socialmedia {
	display: inline-block;
}
footer .socialmedia p {
	margin-top: 10px;
}
footer .socialmedia img {
	opacity: .8;
	max-width: 35px;
	max-height: 35px;
	margin: 5px 5px 0 0;
	transition: all 0.3s ease 0s;
}
@media (max-width: 859px) {
	footer .socialmedia img {
		margin: 10px 10px 0 0;
	}
}
footer .socialmedia img:hover, footer .socialmedia img:focus {
	opacity: 1;
}


/******* Bottom Footer *******/
.footer-inner {
	background: #1a3e68;
	color: #ffffff;
	text-align: center;
	padding: 20px;
	margin: 10px -30px -20px;
}
.footer-inner h5 {
	font-size: 1em;
	letter-spacing: .015em;
	text-transform: uppercase;
}
.footer-inner .make-a-gift {
	padding-left: 10px;
}
.footer-inner a,
.footer-inner a:hover,
.footer-inner a:focus {
	color: #ffffff;
}
#footer .col-33percent-sm .col-50percent-sm {
	padding-left: 0;
	padding-right: 0;
}
@media (max-width: 859px) {
	#footer .col-33percent-sm .col-50percent-sm {
		width: 100%;
		padding-bottom: 0;
	}
	#footer .col-33percent-sm .col-50percent-sm ul.list:first-child {
		margin-bottom: 0;
	}
}

/******* Footer - Make a Gift *******/
.make-a-gift {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	margin-top: 1px;
	margin-bottom: 5px;
	width: 149px;
	height: 37px;
}
img.make-a-gift {
	transition: all 0.3s ease 0s;
}
img.make-a-gift:hover, img.make-a-gift:focus {
	transform: translateX(-5px);
}
@media (max-width: 480px) {
	.footer-inner .make-a-gift {
		margin-top: 10px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		padding-left: 0;
	}
}
.container.shadow#footer {
	box-shadow: none;
}


/****************** Tables styles *******************/

/* condensed table styles */
.table-condensed {
	margin-bottom: 20px;
	margin-top: 5px;
}
.table-condensed > thead > tr > th, .table-condensed > tbody > tr > th, .table-condensed > tfoot > tr > th, .table-condensed > thead > tr > td, .table-condensed > tbody > tr > td, .table-condensed > tfoot > tr > td {
	border: 1px solid #ccc;
}

@media (max-width:767px) {
.table-condensed.pull-right.margin-left {
	float: none !important;
	margin-left: 0;
}
.table-condensed.pull-left.margin-right {
	float: none !important;
	margin-right: 0;
}
}
/* blue color theme */

/* line 947 bootstrap core */
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
	border-top: 1px solid #ccd4e0;
}
/* line 959 bootstrap core */
.table thead > tr > th {
	vertical-align: bottom;
	border-bottom: 2px solid #ccd4e0;
}
/* line 990 bootstrap core */
.table-bordered {
	border: 1px solid #ccd4e0;
}
/* line 994 bootstrap core */
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
	border: 1px solid #ccd4e0;
}
/* line 1008 bootstrap core */
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
	background-color: #eceff3;
}
/* line 1013 bootstrap core */
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
	background-color: #d6dde6;
}


/**************** Accordions styles *****************/
/* accordion panels */
.maincol .panel-group, .sidebar .panel-group {
	margin-bottom: 20px;
}
.maincol .panel-group .panel + .panel {
	margin-top: -1px;
}


/******************* Tabs styles ********************/
/* tab panels */
.nav-tabs {
	border-bottom: 1px solid #ccd4e0;
}
.nav-tabs > li > a {
	color: #002855;
}
.nav.nav-tabs li a span.glyphicon-chevron-down {
	display: none;
}
.nav-tabs > li > a:hover {
	border-color: #ccd4e0 #ccd4e0 #ccd4e0;
	color: #002855;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
	background-color: #e9cc66;
	text-decoration: underline;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
	color: #335379;
	background-color: #ccd4e0;
	border-color: #ccd4e0 #ccd4e0 transparent;
	text-decoration: none;
}
.tab-primary > li > a {
	border-left: 1px solid #ecd47f;
	border-right: 1px solid #ecd47f;
	border-top: 1px solid #ecd47f;
	background-color: #ecd47f;
}
.tab-content h2 {
	color: #967100;
	font-size: 1.4em;
	font-weight: 400;
	margin-top: 0;
}
.tab-content h3 {
	margin-top: 0;
	color: #335379;
	margin-bottom: .625em;
	font-size: 1.3em;
	font-weight: 300;
}
.tab-content {
	padding: 20px;
	border-left: 1px solid #ccd4e0;
	border-right: 1px solid #ccd4e0;
	border-bottom: 1px solid #ccd4e0;
	margin-bottom: 20px;
}
@media (max-width: 480px) {
	.nav.nav-tabs li a {
		font-size: .9em;
		padding: 8px 10px;
		border-radius: 5px 5px 0px 0px;
		margin-right: 0;
	}
	.nav.nav-tabs li.active a span.glyphicon-chevron-down {
		display: inline-block;
		padding-left: 5px;
		font-size: .75em;
	}
	.nav-tabs li {
		float: none;
		border-bottom: 2px solid #fff;
	}
}


/*************** Promo Include styles ***************/
.promo {
	margin-bottom: 20px;
}
.promobox {
	margin-top: 0px;
	background: #f0dd99;
	border: 1px solid #e1bb33;
	height: 125px;
	overflow: hidden;
}
.promobox img.right {
	margin-left: 10px;
	max-width: 100%;
}
.promobox img.left {
	margin-right: 10px;
}
.promobox img {
	max-width: 280px;
	height: auto;
}
.promobox h3 {
	font-size: 1.4em;
	padding-top: 10px;
	margin-bottom: 0px;
}
.promobox h4 {
	font-size: 1.1em;
	padding-bottom: 10px;
	margin-top: 5px;
}
.promobox h3, .promobox h4 {
	color: #335379;
	font-weight: 200;
	padding-left: 10px;
	padding-right: 10px;
}
.promobox h3 a, .promobox h4 a, .promobox p a {
	color: #335379;
}
.promo .row {
	padding-left: 15px;
	padding-right: 15px;
}
.promo .col-33percent {
	padding-left: 0;
	padding-right: 0;
}
@media (max-width: 768px) {
		.promobox h4 {
			font-size: 1em;
		}
		.promobox img.right {
			margin-right: -50px;
		}
		.promobox img.left {
			margin-left: -50px;
		}
}
@media (min-width: 481px) and (max-width: 768px) {
		.promobox h3 {
			margin-top: 5px;
		}
}
@media (max-width: 480px) {
	.promobox h3 {
		margin-top: 20px;
	}
}
@media (max-width: 320px) {
	.promobox {
		height: auto;
		text-align: center;
	}
	.promobox h3 {
		margin-top: 5px !important;
	}
	.promobox img.right, .promobox img.left {
		float: none;
		margin: auto 0 !important;
	}
}


/****************** Button styles *******************/

.btn-primary {
	color: #4d688c;
	background-color: #f0dd99;
	border-color: #ecd47f;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
	color: #002855;
	background-color: #f0dd99;
	border-color: #e1bb33;
	text-decoration: underline;
}

/* side bar donate button - added 6/27/18 */
.btn.btn-donate {
	white-space: normal;
	display:block;
}
.btn-donate.btn-lg {
	padding: 9px 20px 7px;
	font-size: 17px;
} 
a.btn-donate {
    color: #335379;
    background-color: rgba(0,141,165,.26);
    border-color: rgba(0,141,165,.35);
	transition: all 0.3s ease 0s;
}
.btn-donate:hover, .btn-donate:focus, .btn-donate:active {
    color: #ffffff;
    background-color: #008da5;
    border-color: #008da5;
}
a.btn-donate:before {
	color:#008dac;
	content: "\e005";
	font-family: 'Glyphicons Halflings';
	font-size:21px;
	padding-right:8px;
	vertical-align:middle;
	
}

a.btn-donate:hover:before, a.btn-donate:active:before, a.btn-donate:focus:before  {
	color:#bfe1e8; 
}

/* Adds sidebar call to action button 10/30/18*/
.sidebar-cta-btn a{
	display: block;
	width: 100%;
	height: 100%;
    color: #335379;
    text-decoration: none;
    padding: 20px;
    background-color: #E5E9EF;
    border: solid 1px #B2BDCF;
    font-size: 1.3em;
    font-weight: 700;
    border-radius: 0 !important;
    margin-bottom: 10px;
    cursor: pointer;
}
.sidebar-cta-btn a:hover{
    color: #ffffff;
    background-color: #002855;
    border: solid 1px #002855;
    text-decoration: underline;
}
.sidebar-cta-btn .glyphicon-chevron-right {
    color: #F99f00;
    padding-left: 3px;
    vertical-align: bottom;
    padding-bottom: 4px;
}


@media (min-width:860px) {
	.panel-plain div .btn-donate {
		margin:-10px 0;
	}
}


/****************** Alerts styles *******************/

/* Alerts */
.alert {
	font-size: 1.1em;
}
/* ALERT TYPE: SUCCESS, POSITIVE ANNOUNCEMENT - teal green  */

.alert-success {
	color: #224D4D;
	background-color: #d2ebeb;
	border-color: #1D9999;
}
.alert-success .alert-link {
	color: #224D4D;
}
/* ALERT TYPE: GENERAL INFO, HEALTH NEWS - blue  */

.alert-info {
	color: #335379;
	background-color: #D1E6EF;
	border-color: #75B3CF;
}
.alert-info .alert-link {
	color: #1a3e68;
}
/* ALERT TYPE: NOTICE, CAUTION - gold  */

.alert-warning {
	color: #1a3468;
	background-color: #e5c44d;
	border-color: #deb31a;
}
.alert-warning .alert-link {
	color: #1a3e68;
}
.alert-warning .alert-link:hover {
	color: #335379;
}
/* ALERT TYPE: URGENT, CRITICAL - red  - use sparingly! */

.alert-danger {
	color: #ba0c2f;
	background-color: #f8e6ea;
	border-color: #d8788c;
}
.alert-danger .alert-link {
	color: #BA0C2F;
}

/****************** Modals styles *******************/

.modal-header .close {
	right: 0;
	font-size: 36px;				/* SKB mod 3/29/16 */
}
h4.modal-title {				/* SKB mod 11/9/16 */
	font-size: 1.4em;
	color: #335379;
}
@media (min-width:992px) {
	.modal-dialog {
		width: 1000px;
	}

}


/************* Images Responsive Styles *************/
.img-responsive-plain {
	height: auto;
	max-width: 100%;
}
.img-responsive-right {
	display: block;
	height: auto;
	max-width: 100%;
	float: right;
	margin-left: 15px;
	margin-bottom: 8px;
}
.img-responsive-left {
	display: block;
	height: auto;
	max-width: 100%;
	float: left;
	margin-right: 15px;
	margin-bottom: 8px;
}
p img.img-responsive-left, p img.img-responsive-right {
	margin-top: 5px;
}
@media (max-width: 480px) {
	.img-responsive-left {
		margin-right: 10px;
	}
	.img-responsive-right {
		margin-left: 10px;
	}
}
@media (max-width: 360px) {
	.img-responsive-right, .img-responsive-left {
		float: none;
		margin-left: 0;
		margin-right: 0;
	}
}
@media (min-width:1025px) and (max-width:1279px) {
	.sidebar img.img-responsive-left,
	.sidebar img.img-responsive-right {
		float: none;
		margin-left: 0;
	}
}
@media (min-width:1280px) {
	.sidebar img.img-responsive-left,
	.sidebar img.img-responsive-right {
		max-width: 50%;
		height: auto;
	}
}

/* changed from min-width 480 to 361 to cover iphone 6/6plus */
@media (min-width:361px) and (max-width:530px) {
		.sidebar.col-33percent img.img-responsive-left, .sidebar.col-33percent img.img-responsive-right {
			max-width: 50%;
			height: auto;
		}
		.maincol.col-66percent img.img-responsive-left, .maincol.col-66percent img.img-responsive-right {
			max-width: 60%;
			height: auto;
		}
}

/*************** Image Captions Styles **************/   
.photo_caption_left {
	float: left;
	margin: 0px 15px 10px 0px;
}
.photo_caption_right {
	float: right;
	margin: 0px 0px 10px 15px;
}
@media (max-width: 480px) {
	p.photo_caption_left, p.photo_caption_right, .photo_caption_left, .photo_caption_right {
		max-width: 50% !important;
	}
}
@media (max-width:375px) {
		p.photo_caption_left, p.photo_caption_right, .photo_caption_left, .photo_caption_right {
			float: none;
			max-width: 100% !important;
			margin-left: 0;
			margin-right: 0;
		}
}
.photo_caption_wide {
	margin: 0px 0px 15px 0px;
}
.photo_caption_left, .photo_caption_right, .photo_caption_wide, p.photo_caption_left, p.photo_caption_right, p.photo_caption_wide {
	width: auto;
	display: block;
	font-size: .95em;
	color: #666;
	margin-top: .5em;
	border-bottom: 1px solid #D9DFE6;  /* moved bottom border from mobile to all 4/27/16 */
	margin-bottom: 1em;
	padding-bottom: .625em;
}
.photo_caption_left, .photo_caption_right, p.photo_caption_left, p.photo_caption_right {
	max-width: 50%;		/* changed from 300px 4/22/16 */
}
.photo_caption_wide, p.photo_caption_wide {
	max-width: 100%;
	padding-top: 15px;
}
p.photo_caption_wide:first-child {
	padding-top: 0;
}
p.photo_caption_left img, p.photo_caption_right img, p.photo_caption_wide img, .photo_caption_left img, .photo_caption_right img, .photo_caption_wide img {
	padding-bottom: .325em;
	width: 100% !important;
	height: auto;
}
.right {
	float: right;
	margin-left: 10px;
}
.left {
	float: left;
	margin-right: 10px;
}
.margin-right {
	margin-right: 15px;
}
.margin-left {
	margin-left: 15px;
}
.img-margin-bottom {
	margin-bottom: 8px;
}
.img-caption {
	font-size: 0.9em;
	color: #666;
	margin-bottom: 5px;
}


/**************** Thumbnails Styles *****************/
.thumbnail h2 {
	font-size: 1.2em;
	color: #335379;
	margin-top: 0;
}
/* videos - video box large and standard, video thumbnails, screenshots */

.video-box-large {	/* large - full width video  NEW 8.10.17 SKB */
	width: 100%;
    height: auto;
    margin-top: 1.25em;
	margin-bottom: 1.25em;
}
.video-box {		/* standard video */
	margin-top: 10px;
	margin-bottom: 5px;
	position: relative;
	max-width: 320px;
	width: 100%;
}
.video-thumbnail {		/* thumbnail video  */
	position: relative;
	width: 100%;
	max-width: 235px;
}

.video-box.pull-left, .video-thumbnail.pull-left {
	margin-right: 15px;
}
.video-box.pull-right, .video-thumbnail.pull-right {
	margin-left: 15px;
}
.video-box img, .video-thumbnail img {		
	width: 100%;
	height: auto;
}
.panel-default .video-thumbnail, .panel-variation .video-thumbnail, .panel-variation-2 .video-thumbnail {
	max-width: 220px;
}
/* for video screenshots */
.video-box img {
	padding-bottom: 3px;
	margin-top: 10px;
	height: auto;
	z-index: 1;
}
.video-thumbnail img, .video-thumbnail iframe {
	padding-bottom: 4px;
}
@media (max-width: 768px) {
	.video-thumbnail {
		margin-bottom: 20px;
	}
}
@media (max-width: 480px) {
	.video-box, .video-thumbnail {
		max-width: 320px;
	}
}

.video-box iframe, .video-thumbnail iframe {
	width: 100%;
	max-height: 100%;
	/* height: auto;  cesar - testing to see if this resolves video height issue on modal */
}
.video-box iframe {
	margin-top: -10px;
}
.video-box p {
	margin-right: 10px;
}
.video-box-large p { 
	margin-top: .825em;
	border-bottom: 1px solid #d9dfe6;
	padding-bottom: 1.25em;
}
.video-box-large p, .video-box p, .video-thumbnail p {  
	font-size: .9em;
	margin-bottom: 0;
	color: #666;
}
.video-box p.smalltext, .video-thumbnail p.smalltext {
	font-size: .8em;
}

.video-box p a:hover {
	color: #4c6794;
}
.video-thumbnail a p {
	color: #002855;
}

@media (min-width:1280px) {
	.video-box-large {
		min-width:740px;
	}	
}
@media (min-width: 481px) and (max-width: 768px) {
		.video-box, .video-thumbnail {
			max-width: 400px;
		}
}


/*************** Video Overlay Styles ***************/
.overlay {
	background-image: url(/global/images/icons/play-icon.png);
	background-repeat: no-repeat;
	opacity: 0.9;
}
.video-box .overlay {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 65px;
	left: 15%;
}
@media (max-width: 320px) {
	.video-box .overlay {
		top: 50px;
	}
}
.video-thumbnail .overlay {
	width: 50%;
	height: 50%;
	position: absolute;
	top: 45px;
	left: 15%;
}
.flexslider li .slide .overlay {
	width: 30%;
	height: 32%;
	position: absolute;
	top: 40%;
	left: 30%;
}
@media (max-width: 480px) {
		.flexslider li .slide .overlay {
			top: 28%;
			left: 42%;
		}
}
@media (max-width: 320px) {
	.flexslider li .slide .overlay {
		top: 15% !important;
	}
}
.video-box:hover .overlay, .video-box:focus .overlay, .video-thumbnail:hover .overlay, .video-thumbnail:focus .overlay, .slide:hover .overlay, .slide:focus .overlay {
	opacity: 0.7;
}


/*******************  Spacing  *******************/
.right-pad {
	padding-right: 0;
}
.left-pad {
	padding-left: 0;
}
.plain {
	border: none;
}
.top-pad {
	padding-top: .625em;
}
.bottom-pad {
	padding-bottom: .625em;
}
.margin-bottom {
	margin-bottom: 6px;
}
.margintop0 {
	margin-top: 0;
}
.margintop10 {
	margin-top: 10px;
}
@media (max-width: 767px) {
	.right-pad {
		padding-right: 15px;
	}
	.left-pad {
		padding-left: 15px;
	}
	.bottom-pad {
		padding-bottom: 0em;
	}
}
hr {
	border-top: 1px solid #d9dfe6;
}
.bottom-rule {
	border-bottom: 1px solid #D9DFE6;
	padding-bottom: .325em;
	overflow: hidden;
}
/* Badges Carousel Divider */
.featurette-divider {
	margin: 15px 0px 20px 0px;
}

/*******************  Print  *******************/
@media print {
	#mini_navbar {
		display: none;
	}
	#search {
		display: none;
	}
	#header {
		height: 100px;
	}
	#content {
		margin-top: 30px !important;
		width: 100% !important;
	}
	header {
		margin-top: 0px !important;
	  	position: relative;
	}
	section.detailpage {
	    padding-top: 0;
	}
	header a.wordmark {
		color: #FFFFFF !important;
	}
	header .wordmark img {
		width: 210px;
		height: auto;
		vertical-align: top;
	}
	.navbar-wrapper {
		display: none;
	}
	#breadcrumb {
		display: none;
	}
	.sidebar {
		display: none;
	}
	#footer #row2cols3 {
		display: none;
	}
}

/*******************  Responsive media queries  *******************/
@media (max-width: 859px) {
	.leftfeatures.hidden-xs {
		display: none !important;
	}
	.maincol.col-50percent-sm {
		width: 100%;
	}
	.sidebar.col-25percent-sm {
		width: 100%;
	}
}
@media (max-width: 768px) {
	#img-slider .item img {
		max-width: 768px;
		height: auto;
		width: 100%;
	}
}
@media (min-width:860px) and (max-width:991px) {  /*was 768px */
	.leftcol.col-25percent-sm {
		width: 30%;
	}
	.maincol.col-50percent-sm {
		width: 70%;
		padding-right: 15px;
		padding-left: 0px;
	}
	.sidebar.col-25percent-sm {
		width: 70%;
		float: right;
		padding-left: 0px;
		padding-right: 15px;
	}
}
@media (min-width:992px) {
	.maincol.col-50percent-sm {
		padding-left: 5px;
		padding-right: 5px;
	}
	.sidebar.col-33percent {
		padding-left: 5px;
	}
}

@media (min-width:980px) and (max-width:1375px) {  /* modified 10/26/16 to add max-width and header and navbar */
	.container, 
	header, 
	.navtop .navbar {
		max-width: 90%;
	}
}

/* styles to hide or show content for different devices */
@media (max-width: 480px) {
		.hide-mobile {
			display: none;
		}
		.show-mobile {
			display: block;
		}
}
@media (min-width: 481px) {
		.show-desktop {
			display: block;
		}
		.hide-desktop {
			display: none;
		}
}




/* ===========

  BLUE (Update) Alert

=========== */

/**************  GLOBAL ALERTS   **************/
.global-alert {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  margin-bottom: 0;
  z-index: 1000300;
  background-color: #002855; /** in case of emergency edit this color to #ba0c2f **/
  border: none;
}

.global-alert .alert-warning {
    color: #ffffff !important; /** in case of emergency edit this color to #ffffff **/
    background-color: #002855; /** in case of emergency edit this color to #ba0c2f **/
}

.global-alert .wrapper {
  width: 90%;
  max-width: 1280px;
  margin: auto;
  display: block;
  border: none;
  padding: 40px 80px 35px 35px;
}

.global-alert .alert-dismissable .close {
  right: -41px;
}

.global-alert .wrapper .text {
  font-size: 1.125em !important;
  font-weight: 700 !important;
  text-align: left;
  height: 100%;
  position: relative;
  right: auto;
  top: auto;
  left: auto;
  bottom: auto;
  width: calc(100% - 40px);
  text-transform: initial !important;
}

.global-alert .wrapper a {
  position: relative;
  left: 0;
  color: #ffffff !important; /** in case of emergency edit this color to #ffffff **/
  line-height: 1.2 !important;

}

.global-alert .wrapper .text .glyphicon-exclamation-sign {
  color: #ffffff !important; /** in case of emergency edit this color to #ffffff **/
  top: 2px;
  margin-right: 5px;
  margin-bottom: 100%;
  display: block;
  height: 100%;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 25px;
}

.global-alert .wrapper .text .glyphicon-chevron-right {
  font-size: 16px;
  color: white !important;
}

.global-alert .wrapper .close {
  position: relative;
  top: -4px;
  text-shadow: none;
  opacity: 1;
  font-size: 12px;
  color: #ffffff !important; /** in case of emergency edit this color to #ffffff **/
}

.global-alert .wrapper .close .glyphicon {
  position: relative;
  top: 0;
  margin-bottom: 5px;
  font-size: 16px;
}

@media (max-width: 979px) {
  .global-alert .wrapper {
    width: 100%;
    padding: 30px 80px 25px 20px;
  }
}

/**************  END GLOBAL ALERTS   **************/