/* page style about responsible-investing-SIM ---------- */
/* ******************** */

.eds-dynamic-block {
  display: block
}

.eds-dynamic-block .dynamic-block {
  padding: var(--space-xl) 0 var(--space-lg)
}

.eds-dynamic-block .dynamic-block__pre-title {
  color: var(--dynamic-card-pre-title)
}

.eds-dynamic-block .dynamic-block__theme--primary {
  background: var(--dynamic-block-primary-bg)
}

.eds-dynamic-block .dynamic-block__theme--secondary-b {
  background: var(--dynamic-block-secondary-b-bg)
}

.eds-dynamic-block .dynamic-block__theme--secondary-a {
  background: var(--dynamic-block-secondary-a-bg)
}

.eds-dynamic-block .dynamic-block__theme--secondary-c {
  background: var(--dynamic-block-secondary-c-bg)
}

.eds-dynamic-block .dynamic-block__theme--white {
  background: var(--white)
}

/* **************************** */
.eds-dynamic-card {
  display: block;
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%
}

@media (min-width:1200px) {
  .eds-dynamic-card {
    flex-direction: row
  }
}

.eds-dynamic-card .dynamic-card {
  color: var(--dynamic-card-text);
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between
}

.eds-dynamic-card .dynamic-card__wrapper {
  margin-bottom: var(--dynamic-card-mobile-spacing);
  width: 100%
}

.eds-dynamic-card .dynamic-card__wrapper-inner {
  height: 100%
}

.eds-dynamic-card .dynamic-card__header-pre-title--primary {
  color: var(--dynamic-card-content-pre-title)
}

.eds-dynamic-card .dynamic-card__header-pre-title--secondary-a {
  color: var(--dynamic-card-content-pre-title-secondary-a)
}

.eds-dynamic-card .dynamic-card__header-pre-title--secondary-b {
  color: var(--dynamic-card-content-pre-title-secondary-b)
}

.eds-dynamic-card .dynamic-card__header-pre-title--secondary-c {
  color: var(--dynamic-card-content-pre-title-secondary-c)
}

.eds-dynamic-card .dynamic-card__header-pre-title--white {
  color: var(--dynamic-card-content-pre-title-white)
}

.eds-dynamic-card .dynamic-card__footer .dynamic-card__divider {
  margin: var(--space-sm) 0
}

.eds-dynamic-card .dynamic-card__divider {
  border-bottom: .0625rem solid var(--dynamic-card-divider-primary-color)
}

.eds-dynamic-card .dynamic-card__divider--secondary-a {
  border-bottom: .0625rem solid var(--dynamic-card-divider-secondary-a-color)
}

.eds-dynamic-card .dynamic-card__divider--secondary-b {
  border-bottom: .0625rem solid var(--dynamic-card-divider-secondary-b-color)
}

.eds-dynamic-card .dynamic-card__divider--secondary-c {
  border-bottom: .0625rem solid var(--dynamic-card-divider-secondary-c-color)
}

.eds-dynamic-card .dynamic-card__left {
  flex-grow: 0
}

.eds-dynamic-card .dynamic-card__svg {
  width: 5.5rem;
  margin-right: 1rem
}

.eds-dynamic-card .dynamic-card__img {
  margin-right: 2rem;
  max-width: 16.25rem
}

.eds-dynamic-card .dynamic-card__img--full {
  width: 100%;
  max-width: 100%
}

.eds-dynamic-card .dynamic-card__img--logo {
  max-width: 100%
}

.eds-dynamic-card .dynamic-card__svg-icon {
  width: 100%
}

.eds-dynamic-card .dynamic-card.media-stacked {
  flex-direction: column
}

@media (min-width:1200px) {
  .eds-dynamic-card .dynamic-card__wrapper {
    margin-bottom: var(--dynamic-card-spacing)
  }
}

/* ***************************************** */

.eds-panel {
  display: block;
  font-family: var(--fonts-p-font-family);
  font-weight: var(--fonts-p-font-weight);
  line-height: var(--fonts-p-line-height);
  font-size: var(--fonts-p-font-size-mobile);
  display: flex;
  height: inherit
}

@media (min-width:768px) and (max-width:1200px) {
  .eds-panel {
    font-size: var(--fonts-p-font-size-tablet)
  }
}

@media (min-width:1200px) and (max-width:1600px) {
  .eds-panel {
    font-size: var(--fonts-p-font-size-small-desktop)
  }
}

@media (min-width:1600px) and (max-width:1900px) {
  .eds-panel {
    font-size: var(--fonts-p-font-size-desktop)
  }
}

@media (min-width:1900px) {
  .eds-panel {
    font-size: var(--fonts-p-font-size-large-desktop)
  }
}

.eds-panel .panel {
  flex-grow: 1;
  overflow: inherit
}

.eds-panel .panel--has-overlap {
  position: relative;
  z-index: var(--z-index-highest-2)
}

.eds-panel .panel--full-height {
  display: flex;
  height: 100%;
  position: relative
}

.eds-panel .panel__inner {
  flex-grow: 1
}

.eds-panel .panel--inherit {
  background: inherit;
  color: inherit
}

.eds-panel .panel--fund-header {
  background: var(--panel-fund-header);
  color: var(--panel-fund-header-text)
}

.eds-panel .panel--basic {
  background: var(--panel-basic-bg);
  color: var(--panel-basic-text)
}

.eds-panel .panel--grey {
  background: var(--panel-grey-bg);
  color: var(--panel-grey-bg-text)
}

.eds-panel .panel--dark-grey {
  color: var(--panel-dark-grey-text)
}

.eds-panel .panel--primary {
  background-color: var(--panel-primary-bg);
  color: var(--panel-primary-bg-text)
}

.eds-panel .panel--dark {
  background-color: var(--panel-dark-bg);
  color: var(--panel-dark-bg-text)
}

.eds-panel .panel--light {
  background-color: var(--panel-light-bg);
  color: var(--panel-light-bg-text)
}

.eds-panel .panel--highlight-blue {
  background-color: var(--panel-highlight-bg);
  color: var(--panel-highlight-bg-text)
}

.eds-panel .panel--secondary-a {
  background-color: var(--panel-secondary-a-bg)
}

.eds-panel .panel--teal {
  background: var(--panel-digital-theme-teal-bg);
  color: var(--panel-digital-theme-teal-text)
}

.eds-panel .panel--white {
  background: var(--panel-white-bg);
  color: var(--panel-white-bg-text)
}

.eds-panel .panel--page-theme {
  background: var(--panel-page-theme-bg);
  color: var(--panel-page-theme-text)
}

.eds-panel .panel--grey3 {
  background: var(--panel-dark-grey-bg)
}

.eds-panel .panel--has-background-gradient {
  background-image: var(--panel-background-gradient-image);
  background-repeat: no-repeat;
  background-position: 0;
  background-size: cover;
  box-shadow: inset 0 0 0 1000px rgba(var(--panel-background-gradient-box-shadow-color-primary), .8)
}

.eds-panel .panel--border-radius {
  border-radius: .3125rem
}

.eds-panel .panel--borders {
  border: .0625rem solid var(--border)
}

.eds-panel .panel--border-top {
  border-top: .0625rem solid var(--border)
}

.eds-panel .panel--border-bottom {
  border-bottom: .0625rem solid var(--border)
}

.eds-panel .panel--shadows {
  box-shadow: 0 .25rem .6875rem hsla(0, 3.6%, 78%, .25)
}

.eds-panel .panel--hover {
  cursor: pointer;
  border: .0625rem solid var(--panel-hover-border)
}

.eds-panel .panel--hover.panel--shadows {
  box-shadow: 0 .25rem .6875rem rgba(0, 85, 152, .25)
}

.eds-panel .panel--hover.panel--compact {
  border-bottom: 1px solid var(--panel-compact-hover-border)
}

.eds-panel .panel--notificationEnabled.notification--alert {
  border-color: var(--panel-notification-alert)
}

.eds-panel .panel--notificationEnabled.notification--confirm {
  border-color: var(--panel-notification-confirm)
}

.eds-panel .panel--notificationEnabled.notification--warning {
  border-color: var(--panel-notification-warning)
}

.eds-panel .panel--notificationEnabled.notification--error {
  border-color: var(--panel-notification-error)
}

.eds-panel .panel--overflow-hidden {
  overflow: hidden
}

.eds-panel .panel__ul-alignment ul {
  padding-left: 0;
  margin-left: 1rem
}

@media print {
  .eds-panel .panel {
    page-break-inside: avoid
  }

  .eds-panel .panel--dark {
    border: 2pt solid #c9c9c9;
    background-color: #fff !important;
    color: #000 !important
  }

  .eds-panel .panel__inner {
    page-break-inside: avoid
  }

  .eds-panel .panel--has-background-gradient {
    background: none;
    box-shadow: none
  }
}