/*
 * Your global styles here
 */
html,
body {
    /* lightning-tab */
    --slds-c-tabs-list-color-border: var(--slds-g-color-border-base-1);
    --slds-c-tabs-item-text-color: var(--dxp-g-root-contrast);
    --slds-c-tabs-item-text-color-active: var(--dxp-g-brand);
    --slds-c-tabs-item-color-border-active: var(--dxp-g-brand);
    --slds-c-tabs-item-color-border-hover: var(--dxp-g-brand);
    height: 100%;
}

html {
    background: white;
}

body {
    margin: 0;
}

h5 {
    font-size: var(--dxp-s-text-heading-extra-small-font-size);
    font-family: var(--dxp-s-text-heading-extra-small-font-family);
    color: var(--dxp-s-text-heading-extra-small-color);
    font-weight: var(--dxp-s-text-heading-extra-small-font-weight);
    font-style: var(--dxp-s-text-heading-extra-small-font-style);
    text-decoration: var(--dxp-s-text-heading-extra-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-small-text-transform);
    line-height: var(--dxp-s-text-heading-extra-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-small-letter-spacing);
}

/* rich text editor */
.cb-outputRichText-container {
    white-space: normal !important;
}
.cb-outputRichText-container img {
    margin-bottom: var(--lwc-spacingSmall, 0.75rem);
}
/*.cb-outputRichText-container*/ h1 {
    font-size: var(--dxp-s-text-heading-extra-large-font-size);
    font-family: var(--dxp-s-text-heading-extra-large-font-family);
    color: var(--dxp-s-text-heading-extra-large-color);
    font-style: var(--dxp-s-text-heading-extra-large-font-style);
    font-weight: var(--dxp-s-text-heading-extra-large-font-weight);
    text-decoration: var(--dxp-s-text-heading-extra-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-extra-large-text-transform);
    line-height: var(--dxp-s-text-heading-extra-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-extra-large-letter-spacing);
    margin: .67em 0 !important;
    margin-bottom: var(--lwc-spacingSmall,0.75rem) !important;
}
.cb-outputRichText-container h2 {
    font-size: var(--dxp-s-text-heading-large-font-size);
    font-family: var(--dxp-s-text-heading-large-font-family);
    color: var(--dxp-s-text-heading-large-color);
    font-style: var(--dxp-s-text-heading-large-font-style);
    font-weight: var(--dxp-s-text-heading-large-font-weight);
    text-decoration: var(--dxp-s-text-heading-large-text-decoration);
    text-transform: var(--dxp-s-text-heading-large-text-transform);
    line-height: var(--dxp-s-text-heading-large-line-height);
    letter-spacing: var(--dxp-s-text-heading-large-letter-spacing);
    margin: .67em 0 !important;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem) !important;
}
.cb-outputRichText-container h3 {
    font-size: var(--dxp-s-text-heading-medium-font-size);
    font-family: var(--dxp-s-text-heading-medium-font-family);
    color: var(--dxp-s-text-heading-medium-color);
    font-style: var(--dxp-s-text-heading-medium-font-style);
    font-weight: var(--dxp-s-text-heading-medium-font-weight);
    text-decoration: var(--dxp-s-text-heading-medium-text-decoration);
    text-transform: var(--dxp-s-text-heading-medium-text-transform);
    line-height: var(--dxp-s-text-heading-medium-line-height);
    letter-spacing: var(--dxp-s-text-heading-medium-letter-spacing);
    margin: .67em 0 !important;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem) !important;
}
.cb-outputRichText-container h4 {
    font-size: var(--dxp-s-text-heading-small-font-size);
    font-family: var(--dxp-s-text-heading-small-font-family);
    color: var(--dxp-s-text-heading-small-color);
    font-style: var(--dxp-s-text-heading-small-font-style);
    font-weight: var(--dxp-s-text-heading-small-font-weight);
    text-decoration: var(--dxp-s-text-heading-small-text-decoration);
    text-transform: var(--dxp-s-text-heading-small-text-transform);
    line-height: var(--dxp-s-text-heading-small-line-height);
    letter-spacing: var(--dxp-s-text-heading-small-letter-spacing);
    margin: .67em 0 !important;
    margin-bottom: var(--lwc-spacingSmall, 0.75rem) !important;
}

/* lightning-tab */
.slds-tabs_default {
    --dxp-c-link-text-color: var(--dxp-g-root-contrast);
    --dxp-s-link-text-decoration-hover: var(--dxp-s-link-text-decoration);
}

.slds-tabs_default .slds-tabs_default__item {
    font-size: var(--dxp-s-body-font-size); 
}

/* table */
.slds-table thead th .slds-form-element__label {
    padding: 0 0 0.25rem 0;
    margin: 0;
    overflow:visible;
}
.slds-table .slds-form-element {
    margin-bottom: 0;
}
.slds-table thead th, .slds-table td {
    padding: .5rem;
    margin: 0;
}

/* form */
.slds-form-element {
    margin-bottom: var(--dxp-g-spacing-xxsmall);
}
.slds-form-element__static {
    font-size: var(--dxp-s-body-font-size); 
}
lightning-helptext .slds-button.slds-button_icon {
    padding:0;
}
.slds-button.slds-button_icon {
    padding:0;
}
/*slds-form-element__icon .slds-button {
    padding:0;
}*/

/* combobox */
.fix-slds-input_faux {
    line-height: var(--dxp-s-form-element-text-line-height) !important;
}

.slds-combobox__input.slds-has-focus, .slds-combobox__input:focus {
    box-shadow: 0 0 3px var(--dxp-g-brand-1);
}

/* helptext */
.slds-form-element__icon {
    padding-top: 0;
}
.slds-form-element__icon .slds-button_icon {
    padding-bottom: 0;
}

/* link */
.slds-text-link {
    color: var(--dxp-s-link-text-color) !important;
}
.slds-text-link:focus, .slds-text-link:hover {
    color: var(--dxp-s-link-text-color-hover) !important;
}

/* accordion */
.slds-accordion__summary-content {
    font-weight: bold;
}




/* website table content (Grid & Column) */
.table-bordered .column-content {
    border-bottom:1px solid #dee2e6;
    border-right:1px solid #dee2e6;
}
.table-bordered dxp_layout-column:nth-child(1) .column-content {
        border-left:1px solid #dee2e6;
}
.table-bordered .dxp-grid-item:nth-child(odd) {
    background-color: rgba(0, 0, 0, 0.05);
}
.table-bordered .dxp-grid-item:nth-child(1) .column-content {
    border-top:1px solid #dee2e6;
}

/* website table header (Grid & Column) */
.table-bordered-header .column-content {
    background-color: #5f615e;
    border-top:1px solid #dee2e6;
    /*border-bottom:1px solid #dee2e6;*/
    border-right:1px solid #dee2e6;
}
.table-bordered-header dxp_layout-column:nth-child(1) .column-content {
    border-left:1px solid #dee2e6;
}

/* website accordion */
.accordion .slds-accordion__summary-heading span {
    color: var(--dxp-g-brand);
    font-size: 1.75rem;
}
.accordion .slds-accordion__summary-heading .slds-button__icon {
    fill: var(--dxp-g-brand);
    width: 1.5rem;
    height: 1.5rem;
}

/* website circle shape (in Institutional Members and Support Network page) */
.company-shape .image {
    background-color: #d6d6d6;
    border-radius: 100%;
    /*margin: 15px;
    display: inline-block;*/
    padding: 5px;
    width: 150px;
    /*cursor: pointer;*/
}
.company-shape .image img  {
    width: 100%;
    height: auto;
    border-radius: 100%;
}