/* Theme */
/* #PageOuterWrapper { background: #000000 no-repeat fixed; background-position: center -100px; } */
/* #UnitMasthead a:hover { border-bottom: none; } */
/* .UnitMastheadWrapper, .UnitMasthead { background-color: transparent; } */
/* .Breadcrumb { border-top: none; } */
/* #Breadcrumb, #Breadcrumb a { color: #ffffff; } */
/* .MainContent { background-color: #ffffff; } */

/* Masthead logo */
#Masthead #MastheadInner>.Logo {
width: auto;
}
@media screen and (min-width: 960px) {
#Masthead #MastheadInner>.Logo a {
width: 360px;
}
}
@media screen and (max-width: 959px) {
#Masthead #MastheadInner>.Logo a {
width: 386px;
}
}
.Phone #Masthead #MastheadInner>.Logo {
width: auto;
}
.Phone #Masthead #MastheadInner>.Logo a {
width: 250px;
}

/* Masthead Give link */
.Phone #Masthead .Give a { display: block; height: 20px; line-height: 20px; padding: 15px 14px; visibility: visible; white-space: nowrap; width: 20px; }

/* bg color outside main content area */
/* #PageInnerWrapper {background-color:transparent;} */
/* No color for now.   #PageInnerWrapper {background-color:#dbd4c5;} */

/* No unit masthead in this project */
/* .UnitMasthead {display:none;} */

/* No breadcrumb on main site home page */
.Page1 div#Breadcrumb {display:none;}
.Page1 .UnitMasthead + .Breadcrumb {border-top: none;}

/* Onward, Upward Campaign Promo */
.campaign-promo {
padding: 1rem;
background-color: #bfced6;
}
.campaign-promo__container {
margin: 0 auto;
display: flex;
align-items: center;
}
.campaign-promo__image {
margin-right: 60px;
flex: 0 0 auto;
max-height: 4rem;
}
.campaign-promo__cta {
flex: 1 1 auto;
display: flex;
align-items: center;
justify-content: flex-end;
}
.campaign-promo__heading,
.campaign-promo__button {
margin: 0;
}
.campaign-promo__heading {
font-family: alternate-gothic-no-3-d, "Helvetica Neue Condensed",
"Arial Narrow", Impact, sans-serif;
text-transform: uppercase;
margin-right: 1rem;
}
.campaign-promo__button {
flex: 0 0 auto;
}
@media screen and (max-width: 1023px) {
.campaign-promo__container {
max-width: calc(100% - 60px * 2);
}
.campaign-promo__image {
max-height: 3rem;
}
.campaign-promo__cta {
flex-direction: column;
align-items: flex-end;
}
.campaign-promo__heading {
text-align: right;
font-size: 1.2rem;
margin-right: 0;
margin-bottom: 1rem;
}
}
@media screen and (max-width: 767px) {
.campaign-promo__container {
flex-direction: column;
}
.campaign-promo__image {
flex-basis: auto;
margin-right: 0;
margin-bottom: 1rem;
}
.campaign-promo__cta {
align-items: center;
}
.campaign-promo__heading {
text-align: center;
}
}
@media screen and (min-width: 768px) {
.campaign-promo__container {
max-width: calc(1440px - 270px);
}
}

/** The Bears Fund Campaign Progress **/

.Page1939 {
  text-align: center;
}
.Page1939::before {
    margin-right: auto;
    margin-left: auto;
}
.Page1939 .eyebrow,
.Page1939 .headline,
.Page1939 .description {
    text-align: center;
 }
.Page1939 .link-bar .container {
    justify-content: center;
    width: auto;
}
.campaign-progress .highcharts-background {
  fill: transparent;
}
.campaign-progress .highcharts-data-label {
  font-size: 2rem;
}
.campaign-progress .highcharts-data-label text {
  fill: white;
  stroke: transparent;
}
.grid_container .campaign-progress {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  background-color: #5e0009;
  padding: 3rem 0;
}
.grid_container .grid_whole.campaign-progress > .grid_inner {
  margin: 0 auto;
  max-width: calc(1440px - 270px);
}
.campaign-progress .call-to-action .headline {
  color: white;
}
.campaign-progress .call-to-action .description{
  color: white;
}
.campaign-progress .call-to-action .button{
  color: white;
}
.campaign-progress .highcharts-color-0 {
  fill: #eb002b;
  stroke: transparent;
}
.campaign-progress .highcharts-axis-labels {
  fill: white;
}
.campaign-progress .highcharts-credits {
  fill: #dfccce;
}
.campaign-progress .highcharts-grid-line,
.campaign-progress .highcharts-axis-line {
  stroke: #96595f;
}
.campaign-sidebar {
padding: 1rem;
border: solid 1px #c2c2c2;
}
.campaign-sidebar__shaded {
padding: 1rem;
background-color: #f0f0f0;
}

.campaign-photo {
margin-left: 32px;
margin-bottom: 32px;
}

@media screen and (max-width: 767px){
.campaign-photo {
width: 100% !important;
margin-left: 0;
}
.campaign-progress .highcharts-data-label {
  font-size: 1rem;
}