/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */
body {
    font-family: var(--font-family-sohne-buch);
}
p, span, strong {
    font-family: var(--font-family-sohne-buch);
}

table {
    font-family: var(--font-family-sohne-buch);
}

.table-mutual-fund-cell-heading-fund {
    max-width: 283px;
}

.mutual-fund-share-classes {
    margin-bottom: 0px;
    display: flex;
    justify-content: space-between;

    label,
    select {
        font-family: var(--font-family-sohne-buch);
    }

    .mutual-fund-share-classes-list {
        min-width: 300px;
    }
}

.mutual-fund-asset-allocation-table {
    .mutual-funds-header-tr {
        text-align: center;
    }

    .hide-headings {
        th {
            color: #fff;
        }
    }
}

/* Single funds */
.fund-description-container {
    align-items: flex-start;
}
.fund-description-container .fund-objective-container {
    flex: 1 1 30%;
    margin-right: 9%;
}

.fund-description-container .fund-strategy-container {
    margin-left: 10%;
    flex: 1 1 35%;
    margin-right: 15%;
}

.fund-specific-holdings-data .hide {
    display: none;
}

.portfolio-managers .ex-drawer-team-name {
    color: var(--theme-primary-color);
}

#fundDisclosure {
    font-family: var(--font-family-sohne-buch);
}

.single-funds .portfolio-managers .ex-drawer-team-name{
    color: var(--theme-primary-color);
    font-family: var(--font-family-styrene_b_lc-bold);
    font-size: var(--font-size-xxl);
    font-style: normal;
    font-weight: var(--font-weight-bold);
}

.mutual-funds{
    position: relative;
}
.fund-performance-content{
    position: relative;
}
.fund-growth-of-10k-content{
  position: relative;
}
.relative{
    position: relative;
}
.overlay-loader.hidden{
    display: flex;
}
.overlay-loader {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.7);
    z-index: 10;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  
  @keyframes spin {
    to { transform: rotate(360deg); }
  }