@import "base/colors.scss";
@import "base/quary.scss";
@import "base/mixin.scss";

.conference-call{
  @include res(xl){
    .div-block-280{
      margin: 0;
    }
  }
  .conference-call-wrapper{
    .audio-player button{
      background-color: #CE3E00;
      width: 43px;
      height: 43px;
      border-radius: 50%;
      color: #fff;
    }
    .audio-time{
      margin: 10px 0;
    }
    #year-radio-container{
      display: flex;
      flex-wrap: wrap;
      font-size: 1.1em;
      .radio-pill{
        margin-left: 34px;
        width: 120px;
        border-radius: 100px;
        border: 1px solid #A9A9A9;
        text-align: center;
        padding: 9px 0 5px;
        cursor: pointer;
        @include res(s-m){
          margin-left: 10px;
          width: calc(25% - 10px);
          max-width: 92px;
        }
        &.is-list-active{
          background-color: #CE3E00;
          color: #fff;
          border-color: #CE3E00;
        }
        input{
          opacity: 0;
          position: absolute;
        }
      }
    }
  }
}


.reports{
  &.open{
    .more-report{
    background-image: url("https://cdn.prod.website-files.com/6a37ac8d06f86db30059c4d8/6a4d4f69ddf3fe861d817ab6_Left_Arrow_4_.svg");
    }
  }
}

@include res(xl){
  .stock-details .stock-item {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@include res(xl){
  .hero{
    .reports{
      width: 300px;
    }
    .on-banner-investor{
      > .width-wrapper{
        font-size: 0.8em;
        h1, .investor-title-teaser{
          width: calc(100% - 350px);
        }
      }
    }
  }
  .financial-report, .investor-presentation{
    .div-block-280{
      margin: 0;
      .div-block-282{
        width: 400px;
      }
      .div-block-281 {
        color: #fff;
        width: calc(100% - 450px);
      }
    }
  }
}