
:root {
    /* || Hulu Hooks Start */
    --hds-questions-subtitle: "Get answers from fellow Hulu viewers";
    --hds-ideas-subtitle: "Submit ideas that help us shape Hulu";
    --hds-news-subtitle: "Get Hulu Updates & Join the Conversation";
    --hds-body-container-max-width: 1280px;
    --hds-body-container-half-gutter: 16px;
    --hds-body-container-margin: 48px;
    --hds-body-container-full-column-width: 83.3333%;
    --hds-color-white: #FFFFFF;
    --hds-color-black: #040405;
    --hds-color-primary-green: #26D997;
    --hds-color-primary-blue: #176EE1;
    --hds-color-primary-red: #DA1B4B;
    --hds-color-primary-yellow: #FAAC11;
    --hds-color-primary-purple: #7F25B2;
    --hds-color-hulu-gradient: linear-gradient(135deg, #01212C 0%, #025864 100%);
    --hds-color-lightui-1: #F7F7F9;
    --hds-color-lightui-2: #F0F1F5;
    --hds-color-lightui-3: #DDE0E6;
    --hds-color-lightui-4: #B9BFCB;
    --hds-color-lightui-5: #636E85;
    --hds-color-lightui-6: #272C35;
    --hds-color-lightui-5-transparent-10: rgba(99, 110, 133, 0.1);
    --hds-color-lightui-5-transparent-30: rgba(99, 110, 133, 0.3);
    --hds-color-darkui-1: #15171A;
    --hds-color-darkui-2: #212329;
    --hds-color-darkui-3: #31353D;
    --hds-color-darkui-4: #424752;
    --hds-color-darkui-5: #525966;
    --hds-color-darkui-6: #6F788A;
    --hds-color-blue-transparent-20: rgba(162, 197, 243, 0.2);
    --hds-color-black-transparent-90: rgba(4, 4, 5, 0.9);
    --hds-color-black-transparent-70: rgba(4, 4, 5, 0.7);
    --hds-color-black-transparent-50: rgba(4, 4, 5, 0.5);
    --hds-color-black-transparent-30: rgba(4, 4, 5, 0.3);
    --hds-color-black-transparent-10: rgba(4, 4, 5, 0.1);
    --hds-color-white-transparent-90: rgba(255, 255, 255, 0.9);
    --hds-color-white-transparent-70: rgba(255, 255, 255, 0.7);
    --hds-color-white-transparent-50: rgba(255, 255, 255, 0.5);
    --hds-color-white-transparent-30: rgba(255, 255, 255, 0.3);
    --hds-color-white-transparent-10: rgba(255, 255, 255, 0.1);
    --hds-color-red-1: #FBE8ED;
    --hds-color-red-2: #F0A4B7;
    --hds-color-red-3: #E55F81;
    --hds-color-red-4: var(--hds-color-primary-red);
    --hds-color-red-5: #991335;
    --hds-color-blue-1: #E8F0FC;
    --hds-color-blue-2: #A2C5F3;
    --hds-color-blue-3: #5D99EA;
    --hds-color-blue-4: var(--hds-color-primary-blue);
    --hds-color-blue-5: #104C9D;
    --hds-color-yellow-1: #FFF7E7;
    --hds-color-yellow-2: #FDDD9F;
    --hds-color-yellow-3: #FBC558;
    --hds-color-yellow-4: var(--hds-color-primary-yellow);
    --hds-color-yellow-5: #AE780B;
    --hds-color-purple-1: #F2E9F7;
    --hds-color-purple-2: #CBA7E0;
    --hds-color-purple-3: #A566C9;
    --hds-color-purple-4: var(--hds-color-primary-purple);
    --hds-color-purple-5: #58197C;
    --hds-color-green-1: #E7FBF4;
    --hds-color-green-2: #A1EFD2;
    --hds-color-green-3: #5AE3B1;
    --hds-color-green-4: var(--hds-color-primary-green);
    --hds-color-green-5: #0D9764;
    --hds-shadow-small: 0px 4px 8px var(--hds-color-black-transparent-10);
    --hds-shadow-large: 0px 10px 20px -10px var(--hds-color-black-transparent-30);
    --hds-shadow-elevation-5: 0px 3px 5px rgba(0, 0, 0, 0.2), 0px 5px 8px rgba(0, 0, 0, 0.14), 0px 1px 14px rgba(0, 0, 0, 0.12);
    /* || Hulu Hooks End */

    /* || Plus Community Hooks Start */
    --plus-text-color: #0B0C0F;
    --plus-text-color-contrast: #FFFFFF;
    --plus-cta-color: #16181D;
    --plus-cta-color-hover: #1457AE;
    --plus-cta-color-contrast: #FFFFFF;
    --plus-dark-grey-color: #2E3139;
    --plus-dark-grey-1-color: #636E85;
    --plus-dark-grey-2-color: #C5CAD3;
    --plus-dark-grey-3-color: #DDE0E6;
    --plus-page-background-color: #0072D2;
    --plus-white-color: #FFFFFF;
    --plus-hyperlink-color: #0072D2;
    --plus-hyperlink-color-hover: #1457AE;
    --plus-line-separator-color: #DDE0E6;
    --plus-focus-state-dark: #636E85;
    --plus-focus-state-light: #9C9C9C;
    --plus-focus-state-black: #000000;
    --plus-brand-button-background: transparent;
    --plus-brand-button-border: 1px solid #16181D;
    --plus-brand-button-background-hover: #16181D;
    --plus-brand-button-label: #16181D;
    --plus-hollow-button-background: #0072D2;
    --plus-hollow-button-background-hover: #1457AE;
    --plus-hollow-button-label: #FFFFFF;
    --plus-header-background-inner: #16181D;
    --plus-hero-background-gradient: radial-gradient(88.5% 100% at 50% 100%, #264582 0%, #0A0A2E 100%);
    --plus-articlelink-color: #0072D2;
    --plus-articlelink-font-size: 1rem;
    --plus-articlelink-font-weight: 400;
    --plus-articlelink-background: #FFFFFF;
    --plus-articlelink-background-hover: #F6F7F8;
    --plus-articlelink-border: 1px solid #D9DCE2;
    --plus-icon-chevron-right-dark: url(/sfsites/c/resource/dtcvx_supportAssets/icons/icon_chevron_right_dark.svg);
    --plus-icon-breadcrumb-divider: url(/sfsites/c/resource/dtcvx_supportAssets/icons/breadcrumb-icon.svg);
    --plus-regular-font-family: "Inspire-Regular", "MXiangHeHeiSCv4forDSS-Bk", "MXiangHeHeiTCv4forDSS-Bk", "SeolSansv4forDSS-Bk", "TazuganeInfov4forDSS-Bk", Arial, sans-serif;
    --plus-medium-font-family: "Inspire-Bold", "Inspire-Medium", "MXiangHeHeiSCv4forDSS-Md", "MXiangHeHeiTCv4forDSS-Md", "SeolSansv4forDSS-Md", "TazuganeInfov4forDSS-Md", Arial, sans-serif;
    --plus-heavy-font-family: "Inspire-Black", "MXiangHeHeiSCv4forDSS-Md", "MXiangHeHeiTCv4forDSS-Md", "SeolSansv4forDSS-Md", "TazuganeInfov4forDSS-Md", Arial, sans-serif;
}

/*-- Singapore --*/
:root:lang(zh-SG) {
    --plus-regular-font-family: "MXiangHeHeiSCv4forDSS-Bk", Arial, sans-serif;
    --plus-medium-font-family: "MXiangHeHeiSCv4forDSS-Md", Arial, sans-serif;
    --plus-heavy-font-family: "MXiangHeHeiSCv4forDSS-Md", Arial, sans-serif;
}

/*-- Hong Kong --*/
:root:lang(zh-HK) {
    --plus-regular-font-family: "MXiangHeHeiTCv4forDSS-Bk", Arial, sans-serif;
    --plus-medium-font-family: "MXiangHeHeiTCv4forDSS-Md", Arial, sans-serif;
    --plus-heavy-font-family: "MXiangHeHeiTCv4forDSS-Md", Arial, sans-serif;
}

/*-- South Korea --*/
:root:lang(ko) {
    --plus-regular-font-family: "SeolSansv4forDSS-Bk", Arial, sans-serif;
    --plus-medium-font-family: "SeolSansv4forDSS-Md", Arial, sans-serif;
    --plus-heavy-font-family: "SeolSansv4forDSS-Md", Arial, sans-serif;
}

/*-- Japan --*/
:root:lang(ja) {
    --plus-regular-font-family: "TazuganeInfov4forDSS-Bk", Arial, sans-serif;
    --plus-medium-font-family: "TazuganeInfov4forDSS-Md", Arial, sans-serif;
    --plus-heavy-font-family: "TazuganeInfov4forDSS-Md", Arial, sans-serif;
}

/*-- Feedback Modal Overrides --*/

.plus-brands-feedback-outer .plus-brands-feedback-content .plus-brands-feedback-footer button.slds-button {
    background: #0072d2 !important;
}

.plus-brands-feedback-outer .plus-brands-feedback-content .plus-brands-feedback-footer button.slds-button:hover {
    background: #068DFF !important;
}

/*-- Inspire Font Updates --*/


.plusBrands-header .plus-brands-hero-title h1 {
    font-weight: 900 !important;
}

h3.plus-brands-section-title {
    font-weight: 900 !important;
    font-family: var(--plus-heavy-font-family) !important;
}

.plusBrands-popular-article-outer h3.plus-brands-section-title {
    font-size: 32px !important;
}

.contact-tray-inner .contact-tray-main-title {
    font-family: var(--plus-heavy-font-family) !important;
    font-weight: 900 !important;
}

/*-- Re-Brand Updates --*/

.plusBrands-header .plus-brands-hero-home[c-dtcvx_supportHeader_dtcvx_supportHeader] {
    background: url(/sfsites/c/resource/dtcvx_supportAssets/images/disneyPlus_hero_gradient.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

