<>
[class^="articleHeroComponent_heading"],
[class^="articleHeroComponent_lastUpdated"],
[class^="articleHeroComponent_publishedBy"]
{color:var(--brand-tertiary);}
[class*="Carousel_column"] h2
{color:#000;}
[class^="bannerQuote_wrapper"]:not([class^="bannerQuote_contentColumn"]) [class^="bannerQuote_banner"]
{justify-content:center;}
/********** ALL CSS ABOVE IS TEMPORARY **********/
.component.rich-text.col-12{
position: sticky;
top: 52px;
z-index: 998;
}
.brandBar {
background-color: #2F485F !important;
width: 100%;
}
.brandBar .brandLink{
margin:0 0 0 84px;
padding:9px 0 10px 0;
display:block;
width:100px;
}
.brandBar .brandLogo{
width:105px;
height:auto;
margin: 0 auto;
display: block;
}
@media screen and (min-width: 576px) {
}
@media screen and (min-width: 992px) {
.component.rich-text.col-12{
top: 122px;
}
.brandBar {display:block; height:29px; width:auto;}
.brandBar .brandLink {
display:inline-block;
margin:0 auto;
width:105px;
}
.brandBar .brandLink .brandLogo{position:relative;left:17px;}
}
@media screen and (min-width: 1200px) {
.brandBar {}
.brandBar .wrapper{max-width:90rem;display:block; margin:0 auto;margin-left:auto;}
.brandBar .brandLink {margin:0 0 0 15px;}
.brandBar .brandLink .brandLogo{position: static;}
}
@media screen and (min-width: 1440px) {
.brandBar {}
.brandLink{}
}
>