/* Error style for input in update details page */
.red-border .slds-input {
    border-color: var(--dxp-g-destructive) !important;
    box-shadow: 0 0 0 1px var(--dxp-g-destructive) !important;
}

/* Update details page */
[data-component-id="viewUserDetails-895c"] .container, [data-component-id="updateUserDetails-c46d"] .container, [data-component-id="viewAddressDetails-a540"] .container{
    width: auto !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}
[data-component-id="viewUserDetails-895c"] .row, [data-component-id="updateUserDetails-c46d"] .row, [data-component-id="viewAddressDetails-a540"] .row{
    margin-bottom: 8px !important;
    margin-left: -16px !important;
    margin-right: -16px !important;
    display: flex !important;
    align-items: center !important;
}

/* My profile menu */
.myProfileMenuContainer .slds-dropdown{
    background-color: #35495e !important;
    left: -480% !important;
    border-radius: 0 !important;
    position: absolute !important;
    top: 40px !important;
    width: 700px !important;
}
@media only screen and (max-width: 768px) {
    .myProfileMenuContainer .slds-dropdown{
        width: 300px !important;
        left: -1091% !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1024px) {
    .myProfileMenuContainer .slds-dropdown{
        left: -285px !important;
    }
    .myProfileMenuColumn{
        height: 50px !important;
    }
}
.myProfileMenuContainer .slds-dropdown__list{
    max-height: 100% !important;
}

/* UL bullet style */
.cb-richTextEditor-container{
    ul li:before{
        content: '' !important;
    }
    ul{
        list-style-image: none !important;
    }
}
.cb-outputRichText-container{
    ul li:before{
        content: '' !important;
    }
}
.float{
    .slds-rich-text-editor__output{
        ul li:before{
            content: '' !important;
        }
        ul{
            margin-left: 532px !important;
        }
    }
}
.slds-rich-text-editor__output{
    ul li:before{
        content: '' !important;
    }
}

/* Fix for button component label text not appearing white */ 
:root {
--sds-c-button-brand-text-color: white;
--dxp-s-text-heading--medium-color: #35495e;
}

/* Call to action component */
.coloredCTA{
    .callToAction[c-customCallToAction_customCallToAction] .panel-body[c-customCallToAction_customCallToAction] {
            background-color: rgb(238, 238, 238) !important;
    }
}
.callToActionButton button{
    display: inline-block!important;
    margin-bottom: 0 !important;
    font-weight: 700 !important;
    line-height: 27px !important;
    text-align: center !important;
    white-space: nowrap !important;
    vertical-align: middle !important;
    touch-action: manipulation !important;
    cursor: pointer !important;
    background-image: none !important;
    border: 2px solid transparent !important;
    max-width: 100% !important;
    text-overflow: ellipsis !important;
    overflow: hidden !important;
    text-transform: uppercase !important;
    font-family: proxima-nova-condensed,sans-serif !important;
    padding: 8px 30px !important;
    font-size: 18px !important;
    line-height: 1.5 !important;
    border-radius: 3px !important;
    user-select: none !important;
    transition: all .4s ease-in !important;
}
.callToActionButton[variant="brand"] button{
    color: var(--dxp-g-brand-contrast) !important;
}
.callToActionButton[variant="brand-outline"]:hover button{
    background-color: var(--sds-c-button-outline-brand-color-background-hover,var(--dxp-g-root-1,#f3f3f3)) !important;
    border-color: var(--sds-c-button-outline-brand-color-border-hover,var(--dxp-s-button-color-hover,var(--dxp-g-brand-1,#0176d3))) !important;
}
.callToActionButton[variant="brand-outline"] button{
    color: var(--dxp-g-brand) !important;
    background-color: transparent !important;
    border: 1px solid var(--dxp-g-brand) !important;
}
.callToActionButton[variant="base"] button{
    color: var(--dxp-g-brand) !important;
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 8px 30px !important;
}
.callToActionButton[variant="base"]:hover button{
       color: var(--sds-c-button-text-color-hover,var(--dxp-s-button-color-hover,var(--dxp-g-brand-1,#014486))) !important;
}

/* Custom tabs and accordion */
.slds-tabs_default__link{
    color: #35495e !important;
}
.slds-is-active .slds-tabs_default__link{
    color: var(--dxp-g-brand) !important;
}
.slds-tabs_default__nav{
    display: flex !important;
    justify-content: space-between !important;
}
.slds-tabs_default__overflow-button{
    display: none !important;
    
}

.box-shadow{
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.2);
}

/*Forces tertiary button to have no border on focus and is uppercase*/
.noBorderUpper {
    --slds-c-button-color-border-active: transparent;
    --dxp-s-button-color-focus: none;
}


/*teriary button has no border on focus and is lowercase for use with email addresses*/
.noBorderLower {
    --slds-c-button-color-border-active: transparent;
    --dxp-s-button-color-focus: none;
    --dxp-s-button-text-transform: lowercase;
}

/* font adjustment for mobile devices */
 @media only screen and (max-width: 768px) {
    .cms h1 {font-size: 2rem !important;}
    .cms h2 {font-size: 1.6rem !important;}
    .cms h3 {font-size: 1.3rem !important;}
    .cms h4 {font-size: 1.125rem !important;}
    .cms p {font-size: 1rem !important;}
}

/* Header menu */
@media only screen and (max-width: 767px) {
    .menu-trigger-wrap{
        margin-top: 0 !important;
    }
    .site-head .logo-anchor{
        width: 94px !important;
    }
}
.site-head .logo-anchor div{
    max-height: 100% !important;
}
@media only screen and (max-width: 1023px) {
    .site-head .logo-anchor div{
        margin-top: 16px !important;
    }
}

/* Footer logo */
.site-footer-logo .logo-anchor{
    height: 75px !important;
}
@media only screen and (max-width: 768px) {
    .site-footer-logo .logo-anchor{
        height: 40px !important;
    }
}
.site-footer-logo .logo-anchor div{
        margin-top: 0 !important;
        margin-bottom: 0 !important;
}


/* Home welcome section */
.welcomeDescription{
    margin-bottom: 24px;
}
.welcomeGrid{
    dxp_content_layout-block-background-image{
        height: 64px !important;
        width: 64px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        margin-bottom: 16px !important;
    }
    .dxp-block-image-host{
        height: 64px !important;
        width: 64px !important;
    }
    .dxp-block-flexible-container{
        min-height: auto !important;
    }
}
/* Home everything you need section */
.everythingYouNeedTitle{
    margin-top: 32px;
    margin-bottom: 24px;
}
.signpost-section .slds-avatar{
    display: contents !important;
}
/* Home key documents section */
.keyDocumentsSection{
    background-color: #f2f3f4 !important;
}
/* Home member benefits */
.benefitPhoneOption svg, .benefitEmailOption svg, .benefitOnlineOption svg, .benefitOfflineOption svg{
    height: 16px !important;
    width: 16px !important;
    margin-right: 8px !important;
    fill: var(--dxp-g-brand) !important;
}
.benefitPhoneOption a, .benefitEmailOption a, .benefitOnlineOption a, .benefitOfflineOption a{
    color: var(--dxp-g-brand) !important;
}
/** Home local contacts */
.contactList ul {
    list-style: none !important;
  }
.contactList ul li:before {
    content: url('/sfsites/c/cms/delivery/media/MCASSOFXFDOBHIJEFFE4J47P7V5U') !important;
    margin-right: 8px !important;
}
.whos-who-name{
    color: var(--dxp-g-brand) !important;
    font-weight: bold !important;
}
/** Home unloack more */
.unlockMoreSection{
    margin-top: 32px;
    margin-bottom: 32px;
}

/* Service interests */
.interestSectionButton button{
    margin-top: 40px;
    margin-bottom: 16px;
}

/* Brand button */
.slds-button_brand:hover{
    color: white !important;
}

 /* Sign up */
 .goToNextStep button{
    margin-left: auto;
    display: block;
    margin-right: auto;
}
.addAssociateSection lightning-record-edit-form form{
    width: 70%;
}

/* Formats the resource type in the article detail line */
    .articleDetails {
        display: inline-block;
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.3rem;
        margin-right: 0.75rem;
        text-transform: uppercase;
    }
/* Formats the date text in the article detail line */
    .articleDetailsDate {
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.3rem;
        
    }

/* Border style */
.borderStyle{
    border-bottom: 4px solid #05A0A1;
}

/* Gone away message */
.goneAwaySection{
    background-color: #d9f1f1;
    margin-top: -2px;
}

/* landing banner */
.landingPageBanner.landingPageBannerStandardPage{
    padding-top: 0 !important;
}
@media only screen and (min-width: 1024px) {
    .landingPageBanner.landingPageBannerStandardPage{
        margin-top: -2px !important;
        padding-top: 0 !important;
    }
}
@media only screen and (min-width: 1280px) {
    .landingPageBanner.landingPageBannerStandardPage{
        margin-top: -2px !important;
        padding-top: 0 !important;
    }
}
@media only screen and (max-width: 429px) {
    .landingPageBanner.landingPageBannerStandardPage .page-banner-image{
        margin-bottom: 382px !important;
        padding-top: 152px !important;
    }
}
@media only screen and (min-width: 430px) and (max-width: 767px) {
    .landingPageBanner.landingPageBannerStandardPage .page-banner-image{
        margin-bottom: 333px !important;
        padding-top: 204px !important;
        margin-top: 133px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 819px) {
    .landingPageBanner.landingPageBannerStandardPage .page-banner-image{
        margin-bottom: 273px !important;
        padding-top: 319px !important;
    }
}
@media only screen and (min-width: 820px) and (max-width: 1179px) {
    .landingPageBanner.landingPageBannerStandardPage .page-banner-image{
        margin-bottom: 283px !important;
        padding-top: 320px !important;
    }
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
    .landingPageBanner.landingPageBannerStandardPage .page-banner-image{
        margin-bottom: 0px !important;
        padding-top: 500px !important;
    }
}
@media only screen and (min-width: 1280px) {
    .landingPageBanner.landingPageBannerStandardPage .page-banner-image{
        margin-bottom: 0 !important;
        padding-top: 560px !important;
    }
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
    .header-placeholder[c-customerBasePageLayout_customerBasePageLayout] {
        height: 0 !important;
    }
}

/* discount code */
.discountCode{
    width: 31% !important;
    display: inline-block !important;
    margin-right: 24px !important;
    margin-top: 32px !important;
}