#msg-cookie {
	font-size: 1em;
	padding: 8px 0;
	background: #434343;
}

.main-wrapper.with-transition {
	transition: padding-top .15s ease;
}

.main-header.sticky {
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	z-index: 999;
}

.nav-desktop {
	height: auto;
	left: 0;
	right: 0;
	top: 0;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .1);
}

.main-header.with-transition .nav-desktop {
	transition: box-shadow .15s ease;
}

.site-wide-bar {
	border-top: 0;
	min-height: 0;
	background: #FFFFFF;
}

.with-header-background-img .site-wide-bar {
	background: transparent;
}

.main-header.with-transition .site-wide-bar {
	transition: background-color .15s ease;
}

.main-header.condensed .site-wide-bar {
	background: #FFFFFF;
}


.navbar-brand,
.main-header.condensed .navbar-brand {
	min-height: 0;
	width: 220px;
	height: 60px;
	max-width: none;
	max-height: none;
	line-height: 60px;
}

.navbar-brand {
	position: relative;
}

.with-header-background-img .navbar-brand {
	width: 220px;
	height: 100px;
	line-height: 100px;
	margin-top: 20px;
	margin-bottom: 20px;
}

.with-header-background-img .main-header.condensed .navbar-brand {
	width: 220px;
	margin-top: 10px;
	margin-bottom: 10px;
}

.main-header.with-transition .navbar-brand {
	transition: height .15s ease, line-height .15s ease, margin .15s ease;
}

.navbar-brand > img {
	max-width: 100%;
	max-height: 100%;
	transition: opacity .15s ease;
}

.navbar-brand > .navbar-brand-img-cover {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0, -50%);
	opacity: 0;
	display: none;
}

.with-header-background-img .main-header .navbar-brand-img-cover {
	opacity: 1;
	display: inline-block;
}

.with-header-background-img .main-header.condensed .navbar-brand-img-cover {
	opacity: 0;
}

.with-header-background-img .main-header .navbar-brand-img-cover + .navbar-brand-img {
	opacity: 0;
}

.with-header-background-img .main-header.condensed .navbar-brand-img-cover + .navbar-brand-img {
	opacity: 1;
}

.navbar-brand > strong:first-child {
	width: 220px;
	height: auto;
	min-width: 100%;
	min-height: 100%;
	background-image: url('images/logo.svg');
}

.with-header-background-img .main-header .navbar-brand > strong:first-child {
	background: none;
	position: relative;
}

.with-header-background-img .main-header .navbar-brand > strong:first-child:before,
.with-header-background-img .main-header .navbar-brand > strong:first-child:after {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 1;
	background-position: left center;
	background-repeat: no-repeat;
	background-size: contain;
}

.main-header.with-transition .navbar-brand > strong:first-child:before,
.main-header.with-transition .navbar-brand > strong:first-child:after {
	transition: opacity .15s ease;
}

.with-header-background-img .main-header .navbar-brand > strong:first-child:before {
	background-image: url('images/logo-cover.svg');
	opacity: 1;
}

.with-header-background-img .main-header .navbar-brand > strong:first-child:after {
	background-image: url('images/logo.svg');
	opacity: 0;
}

.with-header-background-img .main-header.condensed .navbar-brand > strong:first-child:before {
	opacity: 0;
}

.with-header-background-img .main-header.condensed .navbar-brand > strong:first-child:after {
	opacity: 1;
}

.site-wide-bar .navbar-form
{
	padding: 8px 12px;
	}

.site-wide-bar .nav > li > a
{
	font-weight: bold;
	padding: 8px 12px;
	}
.site-wide-bar .nav > li.active:not(.open) > a,
.site-wide-bar .nav > li.active:not(.open) > a:hover,
.site-wide-bar .nav > li.active:not(.open) > a:focus {
	background: none;
}

@media only screen and (max-width: 991px) 
{
	.site-wide-bar .nav.site-header-menu > li.active > a:before {
		content: "";
		background: #0F9CC4;
		width: 4px;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
}

@media only screen and (min-width: 992px) {
	.site-wide-bar .nav > li.active:not(.open) > a:after {
		content: "";
		background: #0F9CC4;
		width: 100%;
		width: calc(100% - 12px);
		position: absolute;
		bottom: 0;
		height: 3px;
		left: 6px;
		border-radius: 1px;
	}

	.main-header.with-transition .site-wide-bar .nav > li.active:not(.open) > a:after {
		transition: background-color .15s ease;
	}

	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .nav > li.active:not(.open) > a:after {
		background: #FFFFFF;
	}
}

.site-wide-bar .navbar-nav > li > a,
.site-wide-bar .navbar-nav > li > a:hover,
.site-wide-bar .navbar-nav > li > a:focus,
.site-wide-bar .navbar-nav > .active > a,
.site-wide-bar .navbar-nav > .active > a:hover,
.site-wide-bar .navbar-nav > .active > a:focus,
.site-wide-bar .navbar-nav > li.open > a,
.site-wide-bar .navbar-nav > li.open > a:hover,
.site-wide-bar .navbar-nav > li.open > a:focus {
	color: #434343;
}

.main-header.with-transition .site-wide-bar .navbar-nav > li > a {
	transition: color .15s ease, background-color .15s ease;
}

.with-header-background-img .main-header:not(.condensed) .navbar-nav > li:not(.open) > a,
.with-header-background-img .main-header:not(.condensed) .navbar-nav > li:not(.open) > a:hover,
.with-header-background-img .main-header:not(.condensed) .navbar-nav > li:not(.open) > a:focus {
	color: #FFFFFF;
}

.site-wide-search > .navbar-form > .form-group > .form-control,
.search-dropdown > .dropdown-menu > form > .form-group > .form-control {
	border-radius: 30px;
	padding-left: 12px;
	padding-right: 33px;
}

.site-wide-search > .navbar-form > .form-group > .form-control-feedback,
.search-dropdown > .dropdown-menu > form > .form-group > .form-control-feedback {
	padding-right: 12px; /* equal to form control left and right padding */
	width: 37px;
}

.site-wide-search > .navbar-form > .form-group > .input-group > .form-control[name='searchKey'] {
	border-radius: 30px 0 0 30px;
	padding-left: 12px;
}

.site-wide-search > .navbar-form > .form-group > .input-group > .input-group-btn > .btn {
	padding-left: 10px; /* equal to form control left and right padding */
	border-radius: 0 30px 30px 0;
}

.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .form-control:first-child {
	border-radius: 30px 0 0 30px;
	padding-left: 12px;
}

.search-dropdown > .dropdown-menu > form > .form-group > .input-group > .input-group-btn > .btn {
	padding-left: 10px; /* equal to form control left and right padding */
	border-radius: 0 30px 30px 0;
}

.sticky-nav-container {
	top: 80px;
}

div.customerverification_actions li:hover > .nav-stacked-item-container
{
	background: #0F9CC4;
	}

.step-number
{
	background-color: #0F9CC4; /* color6 */
}

.site-wide-bar .nav.site-wide-actions > li > a .link-caption
{
	display: none;
	}

/* mobile nav */
.mobile-logo
{
	margin: 0;
}

.mobile-logo .navbar-brand 
{
	position: fixed;
    left: 40px;
    top: 0;
    z-index: 1001;
    background-color: transparent;
    height: 50px;
    min-height: 50px;
    width: auto;
    margin: 0;
    padding: 0 12px;
    line-height: 50px;
}

.mobile-logo .navbar-brand > img
{
	max-width: 125px;
	max-height: 42px;
}

.mobile-logo .navbar-brand > strong:first-child
{
	display: block;
	width: 110px;
	height: 50px;
	max-height: 50px;
	background-image: url('images/logo.svg');
	background-size: auto 30px;
    background-position: left center;
	padding-left: 70px;
}

.push-content {
	position: relative;
}

@media only screen and (max-width: 991px) {
	.main-header{padding-top: 50px;}
	.navbar.nav-desktop{background: #FFFFFF; box-shadow: 0 2px 3px 0 rgba(0,0,0,0.1);}
	.site-wide-actions > li > a, a.menu-toggle{color: #434343 !important;}
	.nav-desktop .navbar-nav > .open > a, .nav-desktop .navbar-nav > .open > a:hover, .nav-desktop .navbar-nav > .open > a:focus, a.menu-toggle.open {color: #434343 !important;}
	.navbar .nav.site-header-menu{float: none;}
	.site-wide-bar .nav.site-header-menu > li > a { padding: 10px 15px 10px 15px; }
	.site-wide-bar .site-header-menu-container .nav > li > a{font-weight: normal; font-size: inherit; color: #0F9CC4 !important; display: inline-block;}
	.site-wide-bar .nav > li.active > a {font-weight: bold;}
	.site-wide-bar .nav > li.active > a:hover, .site-wide-bar .nav > li.active > a:focus { text-decoration: none; }
	.site-wide-bar .nav.site-wide-actions > li.active > a:before { width: calc(100% - 24px); left: 12px; bottom: 7px;}
	.site-wide-bar{min-height: 0}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus{color: #0F9CC4;}
	.push-content, .push-footer{margin-top: 15px;}
	.sticky-nav-container { top: 50px; }
	.menu-toggle.open:after,
	.site-wide-actions > .dropdown.open:after {
	    content: "";
	    width: 100%;
	    height: 100%;
	    display: block;
	    background: #f2f2f2;
	    z-index: -1;
	    position: fixed;
	    top: 0;
	    bottom: 0;
	    right: 0;
	    height: 60px;
	}
}

@media only screen and (min-width: 992px) {
	.main-header.with-transition .navbar .nav.site-header-menu, .main-header.with-transition .navbar .nav.site-wide-actions, .main-header.with-transition .site-wide-search > .navbar-form { transition: margin .15s ease; }
	.navbar .nav.site-wide-actions { margin-right: -12px; }
	.site-wide-bar .nav > li > a > .caret{ margin-top: -2px; }

	.csspositionsticky .loading-container.loading:before { top: calc(var(--header-condensed-height) + 20px); }
	.media-item-content-translate-wrapper { top: calc(var(--header-condensed-height) + 10px); }

	.nav-desktop .navbar-nav > .open > a, .nav-desktop .navbar-nav > .open > a:hover, .nav-desktop .navbar-nav > .open > a:focus
	{
		background: rgba(238,238,238,0.85);
	}

	.site-header-menu,
	.site-wide-actions {
		min-height: 40px;
	}

	.site-header-menu.rn-uninitialized {
		max-height: 40px;
	}

	.site-header-menu {
		justify-content: flex-end;
	}

	.with-header-background-img .main-header:not(.condensed) .navbar {
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%);
	}

	.with-header-background-img .main-header:not(.condensed) .nav-desktop {
		box-shadow: none;
	}

	.with-header-background-img .main-header:not(.condensed) .site-wide-search > .navbar-form > .form-group > .form-control {
		border-color: #FFFFFF;
		box-shadow: none;
	}

	.with-header-background-img .main-header:not(.condensed) .site-wide-search > .navbar-form > .form-group > .form-control:focus {
		border-color: #FFFFFF;
		box-shadow: 0 0 0 3px #0F9CC4;
	}

	.site-wide-bar .navbar-nav > li > a {
		position: relative;
		font-size: 16px;
		font-weight: normal;
		line-height: 24px;
	}

	.site-wide-bar .navbar-nav > li:not(.open) > a[href]:hover::after,
	.site-wide-bar .navbar-nav > li:not(.open) > a[href]:focus::after {
		content: "";
		position: absolute;
		bottom: 8px;
		right: 12px;
		left: 12px;
		border-bottom: solid currentColor 1px;
	}
	
	.main-header.with-transition .site-wide-bar .navbar-nav > li:not(.open) > a[href]:after {
		transition: background-color .15s ease;
	}
	
	.with-header-background-img .main-header:not(.condensed) .site-wide-bar .navbar-nav > li:not(.open) > a[href]:after {
		background: #FFFFFF;
	}
}

.product-list-controls {
	clear: both;
}

/* profile page */

@media only screen and (min-width: 651px) {
	.profile-hero {
		padding-top: 40px;
	}
}

.profile-hero-background-asset:not([style]) {
	background-image: url('images/bg_landing.svg');
	background-position: 50% 50%;
}

.profile-hero-background-asset[style] {
	background-color: #FFFFFF;
}

.profile-hero-background-asset[style]:after {
	background: rgba(0, 0, 0, .25); 
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, .5) 100%);
}

.profile-hero-header-buttons > .btn-primary,
.profile-hero-header-buttons > .btn-primary:hover,
.profile-hero-header-buttons > .btn-primary:focus,
.profile-hero-header-buttons > .btn-primary:visited,
.profile-hero-header-buttons > .btn-primary:active,
.profile-hero-header-buttons > .btn-primary:active:focus {
	background: #FFFFFF;
	color: #0F9CC4 !important; /* color3: links */
}

.profile-form-header {
	background: #434343; /* color15: showcase background */
}

.page-header-media-item
{
	margin-top: 40px;
}

.sticky-nav-container-ambient:not(.fixed) .sticky-nav > li > a {
	color: #0F9CC4; /* color3: links */
}

.sticky-nav-container-ambient:not(.fixed) .sticky-nav.nav-pills > li.active > a,
.sticky-nav-container-ambient:not(.fixed) .sticky-nav.nav-pills > li.active > a:hover,
.sticky-nav-container-ambient:not(.fixed) .sticky-nav.nav-pills > li.active > a:focus {
	color: #0F9CC4; /* color3: links */
}

#contentpage .site-wide-bar {
	border-top: 0;
}

@media (min-width: 768px) {
	#contentpage .site-wide-bar h1 {
		margin: 18px 0;
	}
}

.library-tree-content-item.active:before
{
	background-color: #0F9CC4; /* color3: links */
}

.library-tree-content-item.active:last-child:after
{
	border-color: #0F9CC4; /* color3: links */
}

@media only screen and (min-width: 992px) {
	.with-header-background-img .full-width-img-container,
	.with-header-background-img .landing-jumbotron-carousel {
		margin-top: -140px;
	}

	.with-header-background-img .landing-jumbotron-carousel .full-width-img-container {
		margin-top: 0;
	}

	.with-header-background-img .landing-jumbotron {
		padding-top: 240px;
	}

	.with-header-background-img .raffle_title,
	.with-header-background-img .donation_title {
		margin-top: 160px;
	}

	.with-header-background-img .hero-page-header {
		margin-top: -140px;
		padding-top: 165px;
		min-height: 348px;
	}

	.with-header-background-img .profile-hero {
		margin-top: -140px;
		padding-top: 380px;
	}
}