/**
* CSS for LWR Community
* Scoped to the root of the document and all its descendant elements.
* Add this to the Header markup in Experience builder>Settings>Advanced>Edit Header: 
* <link rel="stylesheet" href="/sfsites/c/resource/lwrCustomTemplateStyles" />
*/

:root {
    --dxp-g-root-contrast: #505859; /* main font color */
    --dxp-c-link-text-color: #505859;
    --dxp-c-link-text-color-hover: #C8102E;
    --dxp-g-neutral-contrast-3: #fff;
    --dxp-c-section-content-spacing-inline-end: 0rem;
    --dxp-c-section-content-spacing-inline-start: 0rem;
    --lwc-colorTextDefault: var(--dxp-g-root-contrast);
    --dxp-s-body-font-weight: 300;
    --dxp-s-body-line-height: 2;
    --dxp-s-component-wrapper-spacer-size: 0;
    --dxp-s-section-content-spacing-block-start-mobile: 0;
    --dxp-s-section-content-spacing-block-end-mobile: 0;
    --dxp-c-section-content-spacing-block-start-mobile: 0;
    --dxp-c-section-content-spacing-inline-start-mobile: 0;
    --dxp-c-section-content-spacing-inline-end-mobile: 0;
    --dxp-c-section-content-spacing-block-end-mobile: 0;
    --dxp-c-component-wrapper-spacer-size-mobile: 0;
    --dxp-s-body-small-font-weight: 300;

    /* buttons */
    --sds-c-button-brand-color-background: #C8102E;
    --sds-c-button-brand-color-border: #C8102E;
    --sds-c-button-brand-color-background-hover: #8A2A2B;
    --sds-c-button-brand-color-border-hover: #C8102E;
    --sds-c-button-radius-border: 0;

    /* user button */
    --sds-c-button-outline-brand-color-background: #898d8d;
    --sds-c-button-outline-brand-color-border: #797979;
    --sds-c-button-text-color: var(--dxp-g-root-contrast);
    --sds-c-button-outline-brand-color-background-hover: #7b8182;
    --sds-c-button-outline-brand-color-border-hover: #797979;
    --sds-c-button-text-color-hover: var(--dxp-g-root-contrast);

    --sds-c-button-outline-brand-color-background-active: #898d8d;
    --dxp-s-button-font-weight: 300;
    --sds-c-button-neutral-color-border: var(--dxp-g-root-contrast);
    --sds-c-button-neutral-color-border-hover: var(--dxp-g-root-contrast);
    --sds-c-button-shadow-focus: none;

    /* form styling hooks */
    --sds-c-input-radius-border: 0;
    --sds-c-textarea-radius-border: 0;
    --sds-c-input-color-border: #c9c9c9;
    --sds-c-input-color-border-focus: var(--dxp-g-root-contrast);
    --sds-c-input-shadow-focus: none;
    --slds-c-input-shadow: none;
    --sds-c-textarea-color-border: var(--sds-c-input-color-border);
    --dxp-s-form-element-color-border: var(--dxp-g-root-contrast);
    --sds-c-textarea-color-border-focus: var(--sds-c-input-color-border-focus);
    --dxp-s-form-element-color-border-focus: var(--dxp-g-root-contrast);
    --sds-c-textarea-shadow-focus: none;
    --dxp-c-input-color-border-disabled: var(--dxp-g-root-contrast);
    --dxp-c-input-color-background-disabled: rgb(236, 235, 234);
    --sds-c-select-radius-border: 0;
    --sds-c-modal-sizing-border: 0px;
    --slds-c-textarea-shadow-focus: var(--sds-c-button-brand-color-background) 0px 0px 3px;
    --dxp-c-placeholder-font-weight: 300;
    --dxp-c-placeholder-opacity: 0.5;
    --sds-c-select-color-border: var(--sds-c-input-color-border);

    /* card styling */
    --slds-c-card-body-spacing-block-start: 0;
    --slds-c-card-body-spacing-block-end: 0;
    --slds-c-card-header-spacing-block-start: 0;
    --slds-c-card-header-spacing-block-end: 0;
    --slds-c-card-sizing-border: 0;

    /* tabset styling */
    --slds-c-tabs-item-color-border-active: #c8102e;
    --slds-c-tabs-item-color-border-hover: #c8102e;

    /* fonts */
    --lwc-fontFamily: 'Merriweather Sans';
    --dxp-s-button-font-family: var(--lwc-fontFamily);
    --dxp-g-root-font-family: var(--lwc-fontFamily);
    --dxp-g-heading-font-family: var(--lwc-fontFamily);
    --dxp-s-text-heading-small-font-family: var(--lwc-fontFamily);
    --dxp-s-body-font-family: var(--lwc-fontFamily);
    --dxp-s-text-heading-extra-large-font-family: var(--lwc-fontFamily);
    --dxp-s-text-heading-large-font-family: var(--lwc-fontFamily);
    --dxp-s-text-heading-medium-font-family: var(--lwc-fontFamily);
    --dxp-s-body-small-font-family: var(--lwc-fontFamily);
    --dxp-c-link-text-color-focus: var(--dxp-c-link-text-color);

    --layout-max-width: 1400px;

    --header-background-color: #505859;
    --header-navigation-height: 85px;
    --header-font-color: #fff;
    --header-logo-width: 80px;
    --header-logo-position-left: 80px;
    --header-logo-position-top: 20px;
    --header-padding-right: 40px;
    --user-navigation-item-padding: 8px 16px;

    --main-padding-horizontal: 80px;
    --main-padding-top: 20px;
    --main-padding-bottom: 70px;


    --footer-background-color: #505859;
    --footer-font-color: #fff;
    --footer-line-height: 3;
    --footer-height: 230px;
    --footer-font-size: 14px;
    --footer-logo-width: 80px;
    --footer-logo-margin-right: 80px;
    --footer-delimiter-color: #73787a;

    --banner-height: 255px;
    --red-boxes-color: #c8102e;
    --red-boxes-big-size: 180px;
    --red-boxes-small-size: 20px;
    --red-boxes-position-left: 250px;
    --red-boxes-position-top: 25px;

    --image-box-shadow-color: rgba(122, 153, 172, 0.42);
    --image-box-shadow-horizontal-size: 71px;
    --image-box-shadow-vertical-size: 45px;

    --dxp-c-spinner-color-background: hsla(0, 0%, 100%, .75);
    --dxp-c-progress-icon-color: #c7102e;

    --tab-selection-background-color: #dee5ea;
    --tab-selection-border-color: #7a99ac;
    --tab-selection-active-background-color: #bdccd6;
    --table-header-background-color: #7a99ac;

    --scroll-top-icon--width: 60px;
    --scroll-top-icon-position-right: 30px;
    --scroll-top-icon-position-bottom: 30px;
}


/* home pages */
.banner-wrapper_homepage {
    --red-boxes-big-size: 225px;
    --red-boxes-small-size: 20px;
    --banner-height: 310px;
}

/* header styling */
.main-navigation {
    display: inline-flex;
}

/* do not underline links in header and footer */
header, footer {
    --dxp-c-link-text-decoration: none;
    --dxp-s-section-content-spacing-block-start: 0;
    --dxp-s-section-content-spacing-block-end: 0;
}

.slds-button.slds-button_brand {
    --lwc-colorBackgroundButtonBrand: var(--sds-c-button-brand-color-background) !important;
}

.slds-button.slds-button_brand:hover {
    --lwc-colorBackgroundButtonBrand: var(--sds-c-button-brand-color-background-hover) !important;
}

.community_layout-column_column {
    max-width: 100%;
}

/* user navigation */
.user-navigation-wrapper .slds-dropdown {
    padding: 0;
    margin: 0;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    border-color: var(--sds-c-button-outline-brand-color-border);
    border-width: var(--sds-c-button-sizing-border, 1px);
    border-style: solid;
    border-radius: var(--sds-c-button-radius-border, var(--dxp-s-button-radius-border, .25em));
}

.user-navigation-wrapper {
    --dxp-s-button-line-height: 1.5;
}

.user-navigation-wrapper * {
    font-family: var(--dxp-s-body-font-family);
}

/* login form */
.comm-login-form__container {
    border: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    min-height: unset !important;
    padding: 0 !important;
    box-shadow: none;

}

.comm-login-form__container .comm-login-form__username-input,
.comm-login-form__container .comm-login-form__password-input {
    display: inline-block;
    width: calc(50% - 1em);
}

.comm-login-form__container .comm-login-form__username-input {
    margin-right: 1em;
}

.comm-login-form__container .comm-login-form__password-input {
    margin-left: 1em;
}

.comm-login-form__container .comm-login-form__login-button {
    width: inherit;
    padding-left: 2em;
    padding-right: 2em;
}

/* login button wrapper */
.comm-login-form__container > *:nth-last-child(2) {
    float: right;
    margin-top: 0;
    margin-bottom: 0;
}

/* forgot password link wrapper */
.comm-login-form__container > *:nth-last-child(1) {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    border: 0;
    text-decoration: underline;
}

/* login inputs */
.comm-login-form__container .slds-input {
    border-radius: 0;
    border-color: #797979;
    border-width: 0 0 1px 0;
}

.comm-login-form__container .slds-input:focus {
    box-shadow: none;
}

.comm-login-form__link-section {
    gap: 0.8em;
}

.slds-dropdown__item {
    font-weight: var(--dxp-s-body-font-weight);
}

/*forgot password page*/
.comm-forgot-password .comm-forgot-password__cancel-button {
    --lwc-colorTextLink: var(--sds-c-button-text-color);
}

/* form elements */
.slds-form-element__static {
    --dxp-c-input-width-border: 0;
    border-bottom: 1px solid var(--dxp-g-root-contrast) !important;
    font-weight: var(--dxp-s-body-font-weight);
}

input[readonly][role=combobox],
input[readonly][role=combobox]:focus {
    border-color: var(--dxp-g-root-contrast);
    box-shadow: none;
    font-weight: var(--dxp-s-body-font-weight);
}

.slds-form-element__label {
    font-weight: 700;
    margin-bottom: 0;
}

.slds-form-element__static {
    border-bottom: none !important;
    font-size: 1em;
}

.slds-form-element_stacked:not(.slds-form-element_readonly),
.slds-form_horizontal .slds-form-element_stacked:not(.slds-form-element_readonly),
.slds-form_stacked .slds-form-element:not(.slds-form-element_readonly) {
    margin-bottom: 0.2rem;
}

.show-dash-for-empty-element .slds-form-element__static:empty::after,
.show-dash-for-empty-element .slds-form-element__static lightning-formatted-date-time:empty::after {
    content: '-';
}

/* fix icon position in date picker */
lightning-datepicker .slds-input-has-icon .slds-input__icon {
    margin-top: -0.75rem;
}

/* fix space after textarea */
.slds-textarea {
    display: block;
}

/* fix displaying with helptext */
[lightning-textarea_textarea-host] {
    display: inline !important;
}

.slds-form-element__label .slds-required {
    float: right;
}

label.slds-form-element__label:not(.comm-login-form *):not(.slds-radio__label *)::after { /* do not add : in label in login form and radio label */
    content: ":";
}

.slds-button_outline-brand {
    --sds-c-button-text-color: white;
    --sds-c-button-text-color-hover: white;
}

.slds-button_brand {
    --sds-c-button-text-color-hover: white;
}

/*spinner color*/
.slds-spinner--brand .slds-spinner__dot-a:after, .slds-spinner--brand .slds-spinner__dot-a:before, .slds-spinner--brand .slds-spinner__dot-b:after, .slds-spinner--brand .slds-spinner__dot-b:before, .slds-spinner--brand.slds-spinner:after, .slds-spinner--brand.slds-spinner:before, .slds-spinner_brand .slds-spinner__dot-a:after, .slds-spinner_brand .slds-spinner__dot-a:before, .slds-spinner_brand .slds-spinner__dot-b:after, .slds-spinner_brand .slds-spinner__dot-b:before, .slds-spinner_brand.slds-spinner:after, .slds-spinner_brand.slds-spinner:before {
    background-color: #c7102e;
}

[role=combobox] input[readonly][disabled], input[readonly][role=combobox][disabled] {
    background-color: var(--dxp-c-input-color-background-disabled);
}

.agreement-radio-button .slds-radio {
    display: inline;
}

.slds-file-selector__dropzone {
    border-radius: 0;
}

.slds-file-selector__input:focus ~ .slds-file-selector__body > .slds-file-selector__button {
    box-shadow: var(--sds-c-button-brand-color-background) 0px 0px 3px;
}


/* table styling */
.community-table.slds-table thead th {
    background-color: var(--table-header-background-color);
    color: var(--dxp-g-neutral-contrast-3);
    font-weight: 300;
}

.community-table.slds-table td, .community-table.slds-table th {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.community-table.slds-table--bordered, .community-table.slds-table_bordered,
.community-table.slds-table--bordered tbody td, .community-table.slds-table--bordered tbody th,
.community-table.slds-table_bordered tbody td, .community-table.slds-table_bordered tbody th {
    border-color: rgba(122, 153, 172, 0.5);
}

.community-table-striped {
    --dxp-c-link-text-color: var(--dxp-c-link-text-color-hover);
}

.community-table-striped.slds-table thead th {
    background-color: white;
    text-transform: uppercase;
    line-height: 2;
}

.community-table-striped tbody tr:nth-of-type(odd) > td,
.community-table-striped tbody tr:nth-of-type(odd) > th {
    background-color: rgba(80, 88, 89, 0.05);
}

/* tabset styling */
.slds-tabs--default__nav *, .slds-tabs_default__nav * {
    --dxp-s-link-text-decoration-hover: none;
}

.slds-tabs--default__nav, .slds-tabs_default__nav {
    border: none;

}

/* card styling */
.slds-card:not(.comm-login-form__container) {
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgb(0 0 0 / 15%);
    border-radius: 0;
}

.slds-card__header {
    border-bottom: 1px solid rgba(122, 153, 172, 0.5);
}


.card_no-header .slds-card__header {
    display: none;
}

h1 {
    font-size: 18px;
    line-height: 31px;
    color: #fff;
}

h2:not(.slds-datepicker *), h2.slds-p-vertical_none {
    font-size: 28px;
    line-height: 31px;
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}

h3 {
    font-size: 1.3rem;
    font-weight: 400;
}

c-error-modal .slds-modal__header {
    --dxp-s-text-heading-medium-color: white;
}

/*hide all text help fields */
.hide-help-text .slds-form-element__icon {
    display: none;
}

.slds-datepicker tbody > tr > td.slds-is-selected > .slds-day {
    background: var(--sds-c-button-brand-color-background);
}

/* combobox styling  */
.slds-dropdown {
    border-radius: 0;
}

.slds-combobox__input.slds-has-focus, .slds-combobox__input:focus {
    border-color: inherit;
    box-shadow: inherit;
}


/* multiselect styling */
.slds-dueling-list__options, .slds-picklist__options {
    border-radius: 0;
}

.slds-dueling-list__options [aria-selected=true], .slds-picklist__options [aria-selected=true] {
    background-color: var(--sds-c-button-brand-color-background);
}

.slds-dueling-list__options [aria-selected=true]:focus, .slds-dueling-list__options [aria-selected=true]:hover, .slds-picklist__options [aria-selected=true]:focus, .slds-picklist__options [aria-selected=true]:hover {
    background-color: var(--sds-c-button-brand-color-background-hover);
}

/* picklist styling */
.slds-picklist input {
    outline: none !important;
}

.slds-picklist input[readonly] {
    border: 1px solid var(--slds-c-input-color-border, var(--sds-c-input-color-border, #c9c9c9));
    border-radius: 0;
}

.slds-picklist input[readonly].slds-has-focus, .slds-picklist input[readonly]:focus {
    border-color: var(--sds-c-input-color-border-focus, var(--dxp-s-form-element-color-border-focus, var(--dxp-g-brand)));

}

/* tabs styling */
.slds-tabs--default__item:not(.slds-is-active):hover:after, .slds-tabs_default__item:not(.slds-is-active):hover:after {
    height: 0 !important;
}

.slds-tabs--default__link[tabindex="0"]:focus, .slds-tabs_default__link[tabindex="0"]:focus {
    text-decoration: none;
}

/*language selector styling*/
lightning-button-menu[class*="language-selector"] button  {
    gap: 3px;
    background: none !important;
    border: none !important;
}

.slds-checkbox .slds-required {
    margin-right: 0.5em;
}

.section_header {
    background-color: #f2f2f2;
    font-size: 1.2em;
    font-weight: 700;
    padding-left: 1em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

/* fix of content overflow from main column in Summer 24 salesforce release */
.columns-content {
    display: block !important;
}

/* Desktop small screen, Ipad and Tablet */
@media only screen and (max-width: 1025px) {
    :root {
        --header-logo-position-left: 16px;
        --header-logo-position-top: 19px;

        --footer-height: 271px;
        --footer-font-size: 10px;
        --footer-logo-width: 60px;
        --footer-logo-margin-right: 16px;
    }

}

/* Ipad and Tablet  */
@media only screen and (max-width: 768px) {
    :root {
        --dxp-c-section-content-spacing-inline-end-mobile: 0rem;
        --dxp-c-section-content-spacing-inline-start-mobile: 0rem;
        --dxp-s-section-content-spacing-block-start: 0;

        --layout-max-width: 100vw;
        --header-navigation-height: 55px;
        --hamburger-icon-position-right: 20px;
        --hamburger-icon-position-top: 18px;
        --hamburger-icon-height: 16px;
        --hamburger-icon-width: 20px;
        --header-padding-right: 0;
        --header-logo-width: 60px;
        --header-logo-position-left: 16px;
        --header-logo-position-top: 16px;
        --header-font-color: var(--dxp-g-root-contrast);
        --red-boxes-position-top: 0;
        --red-boxes-position-left: 25%;
        --red-boxes-big-size: 60px;
        --banner-height: 285px;
        --footer-height: 271px;
        --main-padding-horizontal: 16px;

    }

    h1 {
        font-size: 16px;
        line-height: 24pt;
        color: #fff;
    }

    h3 {
        font-size: 16px;
        font-weight: 400;
    }

    /* home pages */
    .banner-wrapper_homepage {
        --red-boxes-big-size: 60px;
        --banner-height: 285px;
    }

    .site-header nav {
        width: 100%;
        max-width: 100%;
    }

    .site-header .items-wrapper {
        display: block !important;
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        max-width: 100vw;
        background-color: #ededed;
        padding-top: 116px;
        padding-bottom: 1em;
        z-index: 2;
    }

    .site-header .main-navigation {
        display: block;
    }

    .site-header .main-navigation .slds-item {
        text-align: right;
    }

    .site-header .items-wrapper .slds-item {
        padding-right: 1em;
        padding-left: 1em;
        line-height: var(--dxp-s-body-line-height);
        text-align: right;
    }

    .site-header .items-wrapper .slds-item:not(:first-child) {
        padding-top: 0.3em;
    }

    .site-header .items-wrapper .username-wrapper {
        border-top: 1px solid var(--sds-c-button-brand-color-background);
        margin-top: 0.5em;
        padding-top: 0.5em;
        padding-bottom: 0.3em;
        color: black;
    }

    .site-header .user-navigation-wrapper .slds-button__icon {
        display: none;
    }

    .site-header .items-wrapper {
        visibility: hidden;
    }

    .site-header.hamburger__expanded .items-wrapper {
        visibility: visible;
    }

    .redboxes {
        width: 75% !important;
        left: unset;
    }

    .redboxes .redbox-lg {
        width: calc(100% - var(--red-boxes-small-size)) !important;
        padding: 10px !important;
        display: flex;
        align-items: center;
    }

    .redboxes .redbox-lg h1 {
        line-height: 1.2;
    }

    .footer-wrapper {
        padding: 20px 16px !important;
    }

    .slot-wrapper {
        margin-left: 16px !important;
        margin-right: 16px !important;
    }

    .footer-wrapper .follow-edwards-title {
        display: block;
    }

    .footer-wrapper .slds-list_horizontal {
        display: inline;
        --header-font-color: white;
    }

    .footer-wrapper c-navigation-menu {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .footer-wrapper .copyright-message {
        max-width: 20em;
    }

    .footer-wrapper .footer-logo {
        transform: none !important;
    }


    .comm-login-form__container .comm-login-form__username-input,
    .comm-login-form__container .comm-login-form__password-input {
        display: inline !important;
        margin: 0 !important;
    }

}

/* tablet only */
@media only screen and (min-width: 481px) and (max-width: 768px) {
    .hide-tablet {
        display: none;
    }
}

/* desktop only */
@media only screen and (min-width: 769px) {
    .hide-desktop {
        display: none;
    }

    /* user menu styling */
    .user-navigation-wrapper .slds-item.slds-dropdown__item {
        background-color: var(--sds-c-button-outline-brand-color-background);
        color: var(--sds-c-button-text-color);
        border-color: var(--sds-c-button-outline-brand-color-border);
        border-style: solid;
        border-width: 0;
        border-bottom-width: var(--sds-c-button-sizing-border, 1px);
        font-size: var(--dxp-s-body-font-size);
        padding: var(--user-navigation-item-padding);
    }

    .user-navigation-wrapper .slds-item.slds-dropdown__item:not(:last-child) {
        border-radius: var(--sds-c-button-radius-border, var(--dxp-s-button-radius-border, .25em));
    }

    .user-navigation-wrapper .slds-item.slds-dropdown__item:hover {
        background-color: var(--sds-c-button-outline-brand-color-background-hover);
    }

    .user-navigation-wrapper .slds-button__icon {
        height: 100%;
        min-width: 1em;
        max-height: 1em;
        object-fit: scale-down;
    }
}

/* Mobile devices  */
@media only screen and (max-width: 480px) {
    :root {
        --dxp-s-button-font-size: 14px;
        --scroll-top-icon--width: 40px;
        --scroll-top-icon-position-right: 10px;
        --scroll-top-icon-position-bottom: 30px;
    }

    .hide-mobile {
        display: none;
    }
}

