﻿/*	=========================================================================================

		IMPORTANT
		
		This style sheet should only contain overrides to element colors.
		
		This four stylesheets (2.css, 3.css, 4.css and 5.css) should remain identical
		and only have different color hex codes set for the elements.
		
	=========================================================================================	*/

/*	- - - - - - - - - - - - - - - - - - - - -
		COLOR PALATE
	- - - - - - - - - - - - - - - - - - - - -  */

.alt1Color { color: #F68B1F; }
.alt2Color	{ color: #BDBDB0; }
.alt3Color	{ color: #B72467; }

.alt1BackgroundColor	{ background: #F68B1F; }
.alt2BackgroundColor	{ background: #BDBDB0; }
.alt3BackgroundColor	{ background: #B72467; }

.alt1BorderColor	{ border-color: #F68B1F; }
.alt2BorderColor	{ border-color: #BDBDB0; }
.alt3BorderColor	{ border-color: #B72467; }


/*	- - - - - - - - - - - - - - - - - - - - -
		HEADER
	- - - - - - - - - - - - - - - - - - - - -  */

#header {
    border-bottom-color: #ff9016;
}

#globalLinks li a:hover,
#globalLinks li:last-child a:hover {
	color: #ff9016;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		BIG STRIPE
	- - - - - - - - - - - - - - - - - - - - -  */

.bigStripe #siteTitleContainer,
.bigStripe.black #siteTitleContainer {
	color: #105c78;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		SUBNAV (SITE MENU)
	- - - - - - - - - - - - - - - - - - - - -  */

		/* .alt1 */

		#subnav.alt1 li a,
		#subnav.alt1 li a .fa,
		#subnav.alt1 li a .far,
		#subnav.alt1 li a .fas,
		#subnav.alt1 li a .fab,
		#subnav.alt1 li a .fa-solid,
		#subnav.alt1 li a.reversed:hover,
		#subnav.alt1 li a.reversed:hover .fa,
		#subnav.alt1 li a.reversed:hover .far,
		#subnav.alt1 li a.reversed:hover .fas,
		#subnav.alt1 li a.reversed:hover .fab,
		#subnav.alt1 li a.reversed:hover .fa-solid {
			color: #F68B1F;
		}

		#subnav.alt1 li a {
			border-color: #F68B1F;
		}

		#subnav.alt1 li a:hover,
		#subnav.alt1 li a.reversed,
		#subnav.alt1 li a.disabled,
		#subnav.alt1 li a.disabled:hover,
		#subnav.alt1 li a.reversed.disabled,
		#subnav.alt1 li a.reversed.disabled:hover {
			background: #F68B1F;
		}

		#subnav.alt1 li a.disabled,
		#subnav.alt1 li a.disabled .fa,
		#subnav.alt1 li a.disabled .far,
		#subnav.alt1 li a.disabled .fas,
		#subnav.alt1 li a.disabled .fab,
		#subnav.alt1 li a.disabled .fa-solid,
		#subnav.alt1 li a.reversed.disabled,
		#subnav.alt1 li a.reversed.disabled .fa,
		#subnav.alt1 li a.reversed.disabled .far,
		#subnav.alt1 li a.reversed.disabled .fas,
		#subnav.alt1 li a.reversed.disabled .fab,
		#subnav.alt1 li a.reversed.disabled .fa-solid {
			color: #fed8ab;
		}


		/* .alt3 */

		#subnav.alt3 li a,
		#subnav.alt3 li a .fa,
		#subnav.alt3 li a .far,
		#subnav.alt3 li a .fas,
		#subnav.alt3 li a .fab,
		#subnav.alt3 li a .fa-solid,
		#subnav.alt3 li a.reversed:hover,
		#subnav.alt3 li a.reversed:hover .fa,
		#subnav.alt3 li a.reversed:hover .far,
		#subnav.alt3 li a.reversed:hover .fas,
		#subnav.alt3 li a.reversed:hover .fab,
		#subnav.alt3 li a.reversed:hover .fa-solid {
			color: #B72467;
		}

		#subnav.alt3 li a {
			border-color: #B72467;
		}

		#subnav.alt3 li a:hover,
		#subnav.alt3 li a.reversed,
		#subnav.alt3 li a.disabled,
		#subnav.alt3 li a.disabled:hover,
		#subnav.alt3 li a.reversed.disabled,
		#subnav.alt3 li a.reversed.disabled:hover {
			background: #B72467;
		}

		#subnav.alt3 li a.disabled,
		#subnav.alt3 li a.disabled .fa,
		#subnav.alt3 li a.disabled .far,
		#subnav.alt3 li a.disabled .fas,
		#subnav.alt3 li a.disabled .fab,
		#subnav.alt3 li a.disabled .fa-solid,
		#subnav.alt3 li a.reversed.disabled,
		#subnav.alt3 li a.reversed.disabled .fa,
		#subnav.alt3 li a.reversed.disabled .far,
		#subnav.alt3 li a.reversed.disabled .fas,
		#subnav.alt3 li a.reversed.disabled .fab,
		#subnav.alt3 li a.reversed.disabled .fa-solid {
			color: #c88aa6;
		}


/*	- - - - - - - - - - - - - - - - - - - - -
		Image Icons
	- - - - - - - - - - - - - - - - - - - - -  */

img.pngIcon.alt1 {
	background: #F68B1F;
}

img.pngIcon.alt3 {
	background: #B72467;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		Hyperlinks
	- - - - - - - - - - - - - - - - - - - - -  */
		
		a.alt1,
		a.alt1 h1,
		a.alt1 h2,
		a.alt1 h3,
		a.alt1 h4,
		a.alt1 h5,
		a.alt1 h6 {
			color: #F68B1F;
		}
		
		a.alt2,
		a.alt2 h1,
		a.alt2 h2,
		a.alt2 h3,
		a.alt2 h4,
		a.alt2 h5,
		a.alt2 h6  {
			color: #858889;
		}
		
		a.alt3,
		a.alt3 h1,
		a.alt3 h2,
		a.alt3 h3,
		a.alt3 h4,
		a.alt3 h5,
		a.alt3 h6,
		a.accent,
		a.accent h1,
		a.accent h2,
		a.accent h3,
		a.accent h4,
		a.accent h5,
		a.accent h6 {
			color: #B72467;
		}
		
		a:hover,
		a:hover h1,
		a:hover h2,
		a:hover h3,
		a:hover h4,
		a:hover h5,
		a:hover h6,
		a.alt1:hover,
		a.alt1:hover h1,
		a.alt1:hover h2,
		a.alt1:hover h3,
		a.alt1:hover h4,
		a.alt1:hover h5,
		a.alt1:hover h6,
		a.alt2:hover,
		a.alt2:hover h1,
		a.alt2:hover h2,
		a.alt2:hover h3,
		a.alt2:hover h4,
		a.alt2:hover h5,
		a.alt2:hover h6 {
			color: #B72467;
		}
		
		a.alt3:hover,
		a.alt3:hover h1,
		a.alt3:hover h2,
		a.alt3:hover h3,
		a.alt3:hover h4,
		a.alt3:hover h5,
		a.alt3:hover h6,
		a.accent:hover,
		a.accent:hover h1,
		a.accent:hover h2,
		a.accent:hover h3,
		a.accent:hover h4,
		a.accent:hover h5,
		a.accent:hover h6  {
			color: #F68B1F;
		}


/*	- - - - - - - - - - - - - - - - - - - - -
		Font Awesome Icons
	- - - - - - - - - - - - - - - - - - - - -  */
	
.fa, .far, .fas, .fab, .fa-solid  { color: #105C78; }
.fa.alt1, .far.alt1, .fas.alt1, .fab.alt1, .fa-solid.alt1 { color: #F68B1F; }
.fa.alt2, .far.alt2, .fas.alt2, .fab.alt2, .fa-solid.alt2 { color: #858889; }
.fa.alt3, .far.alt3, .fas.alt3, .fab.alt3, .fa-solid.alt3 { color: #B72467; }


/*	- - - - - - - - - - - - - - - - - - - - -
		Numbers in Circles
	- - - - - - - - - - - - - - - - - - - - -  */

.number.alt1 { background: #F68B1F; }
.number.alt3 { background: #B72467; }


/*	- - - - - - - - - - - - - - - - - - - - -
		.boxed
	- - - - - - - - - - - - - - - - - - - - -  */

p.boxed.alt1 {
    background: #fddebe;
}

.boxed.alt1 {
    background: #fddebe;
	border-color: #f79626;
}

.boxed.white {
	border-color: #f79626;
}

.boxed.alt3 {
	background: #f6d7e5;
	border-color: #B72467;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		PULLQUOTES
	- - - - - - - - - - - - - - - - - - - - -  */

.pullquote.alt1 {
    background-image: url('../../images/pullquote-icon-2-1.png');
}

.pullquote.alt3 {
    background-image: url('../../images/pullquote-icon-2-3.png');
}


/*	- - - - - - - - - - - - - - - - - - - - -
		BUTTONS
	- - - - - - - - - - - - - - - - - - - - -  */

/* .alt1 button colors */

.button.alt1,
.button.alt1 .fa,
.button.alt1 .far,
.button.alt1 .fas,
.button.alt1 .fab,
.button.alt1 .fa-solid,
.button.alt1.reversed:hover,
.button.alt1.reversed:hover .fa,
.button.alt1.reversed:hover .far,
.button.alt1.reversed:hover .fas,
.button.alt1.reversed:hover .fab,
.button.alt1.reversed:hover .fa-solid {
	color: #F68B1F;
}

.button.alt1,
.button.alt1.white:hover,
.button.alt1.reversed {
	border-color: #F68B1F;
}

.button.alt1:hover,
.button.alt1.reversed,
.button.alt1.disabled,
.button.alt1.disabled:hover,
.button.alt1.reversed.disabled,
.button.alt1.reversed.disabled:hover  {
	background: #F68B1F;
}

.button.alt1.disabled,
.button.alt1.disabled .fa,
.button.alt1.disabled .far,
.button.alt1.disabled .fas,
.button.alt1.disabled .fab,
.button.alt1.disabled .fa-solid,
.button.alt1.reversed.disabled,
.button.alt1.reversed.disabled .fa,
.button.alt1.reversed.disabled .far,
.button.alt1.reversed.disabled .fas,
.button.alt1.reversed.disabled .fab,
.button.alt1.reversed.disabled .fa-solid {
	color: #fed8ab;
}


/* .alt3 button colors */

.button.alt3,
.button.alt3 .fa,
.button.alt3 .far,
.button.alt3 .fas,
.button.alt3 .fab,
.button.alt3 .fa-solid,
.button.alt3.reversed:hover,
.button.alt3.reversed:hover .fa,
.button.alt3.reversed:hover .far,
.button.alt3.reversed:hover .fas,
.button.alt3.reversed:hover .fab,
.button.alt3.reversed:hover .fa-solid {
	color: #B72467;
}

.button.alt3,
.button.alt3.white:hover,
.button.alt3.reversed {
	border-color: #B72467;
}

.button.alt3:hover,
.button.alt3.reversed,
.button.alt3.disabled,
.button.alt3.disabled:hover,
.button.alt3.reversed.disabled,
.button.alt3.reversed.disabled:hover {
	background: #B72467;
}

.button.alt3.disabled,
.button.alt3.disabled:hover,
.button.alt3.disabled .fa,
.button.alt3.disabled .far,
.button.alt3.disabled .fas,
.button.alt3.disabled .fab,
.button.alt3.disabled .fa-solid {
	color: #c88aa6;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		INTRO OVER HERO
	- - - - - - - - - - - - - - - - - - - - -  */

#heroGraphic .intro {
    border-top-color: #ff9016;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		ACCORDION
	- - - - - - - - - - - - - - - - - - - - -  */

.ui-accordion.alt1 .ui-icon {
    color: #f79626;
}

.ui-accordion.alt3 .ui-icon {
	color: #B72467;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		VERTICAL TABS
	- - - - - - - - - - - - - - - - - - - - -  */
	
/* Base and .alt1 */

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active,
.ui-tabs.ui-tabs-vertical.alt1 .ui-tabs-nav li.ui-tabs-active {
    border-right: 1px solid #f79626;
    background: #f79626;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active a:hover,
.ui-tabs.ui-tabs-vertical.alt1 .ui-tabs-nav li.ui-tabs-active a:hover {
    background: #f79626;
    color: #fff;
}

.ui-tabs.ui-tabs-vertical .ui-tabs-panel .fa-5x,
.ui-tabs.ui-tabs-vertical.alt1 .ui-tabs-panel .fa-5x {
    color: #f79626;
}

/* .alt3 */

.ui-tabs.ui-tabs-vertical.alt3 .ui-tabs-nav li.ui-tabs-active {
    border-right-color: #B72467;
    background: #B72467;
}

.ui-tabs.ui-tabs-vertical.alt3 .ui-tabs-nav li.ui-tabs-active a:hover {
    background: #B72467;
}

.ui-tabs.ui-tabs-vertical.alt3 .ui-tabs-panel .fa-5x {
    color: #B72467;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		BLOCKQUOTE
	- - - - - - - - - - - - - - - - - - - - -  */

blockquote.alt1 {
    border-color: #F68B1F;
}

blockquote.alt3 {
    border-color: #B72467;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		HYPERLINK CENTERED OVER IMAGE
	- - - - - - - - - - - - - - - - - - - - -  */
	
.link-over-image.fade:hover h3 {
	color: #F68B1F;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		CMS FUNCTIONS
	- - - - - - - - - - - - - - - - - - - - -  */

.articleSummaries > li a:hover h3,
.conferenceList > li > a:hover div h3,
.conferenceList > li > a:hover div h4,
.conferenceList > li > a:hover div p,
.eventList > li > a:hover div h3,
.eventList > li > a:hover div h4,
.eventList > li > a:hover div p,
ul.newsclipList li a:hover h5,
.splashOuter a:hover h2,
.splashOuter a:hover .moreSplash,
.moreSplash:hover,
.videoSummaries > li a:hover h3 {
	color: #00addc;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		STAFF BIO CARDS
	- - - - - - - - - - - - - - - - - - - - -  */

#filterList {
	background: #fddebe url('../../images/search-icon-gray-96px.png') no-repeat -30px -5px;
}

.staffBioCards.cardType5 li a h5 {
    color: #F68B1F;
}


/*	- - - - - - - - - - - - - - - - - - - - -
		BNL COLORS AT LEFT SIDE OF ELEMENT
	- - - - - - - - - - - - - - - - - - - - -  */

.bnlColorBar {
	background: linear-gradient(#ffffff, #ffffff) 100% 100%/97.5% 100% no-repeat,
				linear-gradient(transparent 0%, #1a5b7d 0%, #1a5b7d 25%, #ffffff 25%, #ffffff 28%, #F68B1F 28%, #F68B1F 100%);
}