/* VisbyCF-Bold */
@font-face {
  font-family: 'VisbyCF-Bold';
  src: url('VisbyCF-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

/* VisbyCF-BoldOblique */
@font-face {
  font-family: 'VisbyCF-BoldOblique';
  src: url('VisbyCF-BoldOblique.otf') format('opentype');
  font-weight: bold;
  font-style: italic;
}

/* VisbyCF-DemiBold */
@font-face {
  font-family: 'VisbyCF-DemiBold';
  src: url('VisbyCF-DemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
}

/* VisbyCF-DemiBoldOblique */
@font-face {
  font-family: 'VisbyCF-DemiBoldOblique';
  src: url('VisbyCF-DemiBoldOblique.otf') format('opentype');
  font-weight: 600;
  font-style: italic;
}

/* VisbyCF-ExtraBold */
@font-face {
  font-family: 'VisbyCF-ExtraBold';
  src: url('VisbyCF-ExtraBold.otf') format('opentype');
  font-weight: 800;
  font-style: normal;
}

/* VisbyCF-ExtraBoldOblique */
@font-face {
  font-family: 'VisbyCF-ExtraBoldOblique';
  src: url('VisbyCF-ExtraBoldOblique.otf') format('opentype');
  font-weight: 800;
  font-style: italic;
}

/* VisbyCF-Heavy */
@font-face {
  font-family: 'VisbyCF-Heavy';
  src: url('VisbyCF-Heavy.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
}

/* VisbyCF-HeavyOblique */
@font-face {
  font-family: 'VisbyCF-HeavyOblique';
  src: url('VisbyCF-HeavyOblique.otf') format('opentype');
  font-weight: 900;
  font-style: italic;
}

/* VisbyCF-Light */
@font-face {
  font-family: 'VisbyCF-Light';
  src: url('VisbyCF-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
}

/* VisbyCF-LightOblique */
@font-face {
  font-family: 'VisbyCF-LightOblique';
  src: url('VisbyCF-LightOblique.otf') format('opentype');
  font-weight: 300;
  font-style: italic;
}

/* VisbyCF-Medium */
@font-face {
  font-family: 'VisbyCF-Medium';
  src: url('VisbyCF-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
}

/* VisbyCF-MediumOblique */
@font-face {
  font-family: 'VisbyCF-MediumOblique';
  src: url('VisbyCF-MediumOblique.otf') format('opentype');
  font-weight: 500;
  font-style: italic;
}

/* VisbyCF-Regular */
@font-face {
  font-family: 'VisbyCF-Regular';
  src: url('VisbyCF-Regular.otf') format('opentype');
  font-weight: normal;
  font-style: normal;
}

/* VisbyCF-RegularOblique */
@font-face {
  font-family: 'VisbyCF-RegularOblique';
  src: url('VisbyCF-RegularOblique.otf') format('opentype');
  font-weight: normal;
  font-style: italic;
}

/* VisbyCF-Thin */
@font-face {
  font-family: 'VisbyCF-Thin';
  src: url('VisbyCF-Thin.otf') format('opentype');
  font-weight: 100;
  font-style: normal;
}

/* VisbyCF-ThinOblique */
@font-face {
  font-family: 'VisbyCF-ThinOblique';
  src: url('VisbyCF-ThinOblique.otf') format('opentype');
  font-weight: 100;
  font-style: italic;
}

.borsaArticleTitle {
  font-family: VisbyCF-ExtraBold;
  font-size: 33;
  margin-bottom: 10px;
  line-height: 36.30px;
  margin-left: 20px;
  margin-right: 20px;
}

.borsaArticle {
  padding-left: 0px;
  padding-right: 0px;
}

.borsaSubTitle {
  height: 23px;
  margin-left: 20px;
  margin-right: 20px;
}

.borsaArticle h2 {
  font-family: VisbyCF-Bold;
  font-size: 18;
  margin-bottom: 10px;
  line-height: 36.30px;

  margin-left: 20px;
  margin-right: 20px;
}

.borsaArticle h3 {
  font-family: VisbyCF-Bold;
  font-size: 16;
  margin-bottom: 10px;
  line-height: 36.30px;

  margin-left: 20px;
  margin-right: 20px;
}

.borsaArticle ul {
  font-family: VisbyCF-Light;
  font-size: 16;
  line-height: 28px;
  padding-left: 20px;
  margin-left: 20px;
  margin-right: 20px;
}

.borsaArticle li {
  font-family: VisbyCF-Light;
  font-size: 16;
  line-height: 28px;
}

.positive {
  color: #04D16E;
}

.negative {
  color: #FF3A30;
}

.borsaArticle p {
  font-family: VisbyCF-Light;
  font-size: 16;
  line-height: 28px;
  margin-left: 20px;
  margin-right: 20px;
}

.borsaSubTitle span {
  font-family: VisbyCF-Light;
  font-size: 15;
  vertical-align: super;
}

.borsaSubTitle button {
  float: right;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  outline: none;
}

.borsaArticle li strong {
  font-family: VisbyCF-DemiBold;
  font-size: 16;
  line-height: 28px;
}

.borsaArticle p strong {
  font-family: VisbyCF-DemiBold;
  font-size: 16;
  line-height: 28px;
}



.borsaTagContainer {
  margin-top: 10px;
  width: calc(100% - 40px);
  justify-content: flex-start;
  align-items: flex-start;
  gap: 6px;
  display: inline-flex;
  overflow-x: auto;
  margin-left: 20px;
  margin-right: 20px;
}

.borsaTagContainer::-webkit-scrollbar {
  display: none;/
}

.body {
  margin-left: 0px;
  margin-right: 0px;
}

.borsaTagItem {
  padding-left: 12px;
  padding-right: 12px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: white;
  border-radius: 55px;
  overflow: hidden;
  justify-content: flex-start;
  align-items: center;
  gap: 5px;
  display: flex;
  min-width: 65px;

}

.mainImage {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;

}

.darkTheme .borsaTagItem {
  border: 0.25px rgba(255, 255, 255, 0.13) solid;
  background: rgba(255, 255, 255, 0.08);

}

.lightTheme .borsaTagItem {
  border: 0.25px rgba(0, 0, 0, 0.13) solid;

}

.borsaTagIcon {
  height: 13px;
  width: 13px;
  border-radius: 50%;
}

.borsaTagCode {
  font-size: 13px;
  font-family: SF Pro;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: 0.08px;
  word-wrap: break-word
}


.lightTheme .borsaTagCode {
  color: black;
}

.lightTheme p {
  color: black;
}

.lightTheme li {
  color: black;
}

.lightTheme h2 {
  color: black;
}

.lightTheme h3 {
  color: black;
}

.lightTheme h1 {
  color: black;
}

.lightTheme span {
  color: black;
}

.lightTheme strong {
  color: black;
}

.lightTheme .borsaArticleTitle {
  color: black;
}



.darkTheme .borsaTagCode {
  color: white;
}

.darkTheme p {
  color: white;
}

.darkTheme li {
  color: white;
}

.darkTheme h2 {
  color: white;
}

.darkTheme h3 {
  color: white;
}

.darkTheme h1 {
  color: white;
}

.darkTheme span {
  color: white;
}

.darkTheme strong {
  color: white;
}

.darkTheme .borsaArticleTitle {
  color: white;
}

.borsaArticle a {
  text-decoration: none;
  color: #4EACF8;
}

.chartdiv {
  width: 100%;
  height: 380px;
  max-width: 100%;
}

.footerBorsaLogo {
  width: 130px;
  padding-left: 15px;
  margin-top: 40px;
  margin-bottom: 10px;
}

.footerText {
  font-size: 8pt !important; 
}

@media (min-width: 800px) {
  .chartdiv {
    height: 500px;
  }

  .borsaArticle {
    max-width: 600px;
    width: 100%;
    margin: 0 auto;
    padding: 20px;
  }

  .borsaArticleTitle {
    text-align: center;
    font-size: 40;
  }

  .borsaSubTitle {
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .borsaSubTitle span {
    font-size: 16;
  }

  #theme-button {
    margin-left: 10px;
    margin-bottom: 3px;
  }
}

@media (min-width: 1000px) {
  .chartdiv {
    height: 600px;
  }

  .borsaArticleTitle {
    font-size: 48;
  }

  .borsaArticle {
    max-width: 800px;

  }

}