body.topic-picker-opened {
  content: "";
  position: fixed;
  background-color: rgba(0,0,0,.5);
  height: 100%;
}
.text-m .headline {
  line-height: initial;
}
/*  .hero .cta-container{
  -webkit-box-orient: unset!important;
  -webkit-box-direction: unset!important;
  -ms-flex-direction: unset!important;
  flex-direction: unset!important;
  -webkit-box-pack: center!important;
  -ms-flex-pack: start!important;
  justify-content: center!important;
  visibility: hidden!important;
}
.multimedia-hero .scroll-arrow{
  left:50%;
  right: 50%;
}
*/ 
.multimedia-hero .scroll-arrow.-text-left {
    color: #2251ff;
}
.multimedia-hero .text-render{
  text-align: left!important;
}
.hero-up > .scroll-arrow{
   font-size: 3rem;
}
.multimedia-hero .text-render.-text-center {
    text-align: left;
    margin-left: 0;
    margin-right: 0;
    min-height: 600px;
    justify-content: center;
    align-self: center;
    display: flex;
    height: 100%;
    align-items: center;
}
.multimedia-hero .cta-container{
  display: none!important;
}
/*.hero.multimedia-hero .scroll-arrow:before {
    font-size: 3rem;
    visibility: visible!important;
}*/
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
   margin-top: 60px;
}
.grid-wall{
  margin-top: 0!important;
}
.animation-card .text-wrapper {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    top: 16%;
}
.headline .eyebrow{
  font-family: McKinsey Sans,Helvetica Neue,Calibri,Corbel,Helvetica,Roboto,Droid,sans-serif;
}
[data-module-type='Standard'] {
    margin-top: 0;
    margin-bottom: 0;
}

.PostsFilter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1rem 3rem;
}
.PostsFilter .label{}
.PostsFilter .topic-filter{}
.PostsFilter .topic-filter select{
  display: block;
  width: 100%;
  padding: 1rem;
}
.grid-holder{
  float: left;
  width: 100%;
}
.animation-card.hide {
  display: none;
}


li b{
  color:#000;
}

@media screen and (min-width: 990px){
  .multimedia-hero .text-render {
      width: 80%!important;
      justify-content: left!important;
  }
}
@media screen and (max-width: 980px){
    .multimedia-hero .text-render {
      width: 80%!important;
  }
}
@media screen and (min-width: 35em){
    .animation-card:nth-child(3n){
      margin-right: 4px;
    }
}
@media (orientation: landscape){
    .animation-card .canvas-holder {
      height: 320px;
      padding-bottom: 0;
  }
  .grid-wall.-theme-digital .animation-card:nth-child(2n), .grid-wall.-theme-dark .animation-card:nth-child(2n) {
      margin-right:4px;
  }
  .animation-card {
      width: calc(33.333333% - 4px);
  }
}
@media (max-width: 767px){
  .grid-wall.-theme-digital .animation-card.-in-view .headline, .grid-wall.-theme-digital .animation-card.-in-view .eyebrow, .grid-wall.-theme-dark .animation-card.-in-view .headline, .grid-wall.-theme-dark .animation-card.-in-view .eyebrow{
    color: #fff;
  }
  .animation-card .canvas-holder {
      padding-bottom: 0;
      height: 320px;
  }
  .animation-card.-in-view .description,.animation-card.-in-view .animation-card-arrow{
    opacity: 0;
  }
  
  .grid-wall.-theme-digital .animation-card.-in-view{
    background-color: #051c2c;
    color:#fff;
  }
}
@media(max-width: 560px){
  .animation-card .canvas-holder {
    height: 390px;
  }
}

@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:portrait) {
  .animation-card.-in-view .description,.animation-card.-in-view .animation-card-arrow{
    opacity: 0!important;
  }
  
  .grid-wall.-theme-digital .animation-card.-in-view{
    background-color: #051c2c!important;
    color:#fff!important;
  }
  .grid-wall.-theme-digital .animation-card.-in-view .headline, .grid-wall.-theme-digital .animation-card.-in-view .eyebrow, .grid-wall.-theme-dark .animation-card.-in-view .headline, .grid-wall.-theme-dark .animation-card.-in-view .eyebrow{
    color: #fff!important;
  }
}
@media all and (device-width: 1024px) and (device-height: 768px) and (orientation:landscape) {
  .animation-card.-in-view .description,.animation-card.-in-view .animation-card-arrow{
    opacity: 0!important;
  }
  
  .grid-wall.-theme-digital .animation-card.-in-view{
    background-color: #051c2c!important;
    color:#fff!important;
  }
  .grid-wall.-theme-digital .animation-card.-in-view .headline, .grid-wall.-theme-digital .animation-card.-in-view .eyebrow, .grid-wall.-theme-dark .animation-card.-in-view .headline, .grid-wall.-theme-dark .animation-card.-in-view .eyebrow{
    color: #fff!important;
  }
}