
: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-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-disabled-button-border: 1px solid #d1d1d1;
    --plus-disabled-button-color: #a9a9a9;

    --plus-button-label: #FFFFFF;
    --plus-button-dark-accent: #054553;
    --plus-button-disabled-text: #054553;
    --plus-button-active: #054553;
    --plus-button-padding: 14px 16px;
    --plus-button-font-weight: 400;
    --plus-button-radius: 4px;

    --plus-primary-button-label: #FFFFFF;
    --plus-primary-button-label-hover: #FFFFFF;
    --plus-primary-button-background: #16181D;
    --plus-tertiary-button-border: #16181D;
    --plus-primary-button-background-hover: #3C3E48;
    --plus-primary-button-background-active: #16181D;
    --plus-primary-button-disabled: #C5CAD3;

    --plus-secondary-button-label: #000000;
    --plus-secondary-button-label-hover: #FFFFFF;
    --plus-secondary-button-background: #FFFFFF;
    --plus-secondary-button-border: #000000;
    --plus-secondary-button-background-hover: #4D4E55;
    --plus-secondary-button-background-active: #4D4E55;
    --plus-secondary-button-disabled: #C5CAD3;  

    --plus-tertiary-button-label: #16181D;
    --plus-tertiary-button-label-hover: #FFFFFF;
    --plus-tertiary-button-background: transparent;
    --plus-tertiary-button-border: #16181D;
    --plus-tertiary-button-background-hover: #16181D;
    --plus-tertiary-button-background-active: #000000;
    --plus-tertiary-button-disabled: #C5CAD3;  

    --plus-header-background-inner: #16181D;
    --plus-hero-background-gradient: linear-gradient(108deg, #040405 0%, #183949 100%);
    --plus-searchbar-placeholder-color: #000000;
    --plus-hero-searchbar-border-color: 2px solid #15BC74;
    --plus-hero-eybrow-color: #04CD6A;
    --plus-topic-card-box-shadow-hover: inset 0 0 0 0.1rem #0B7AAD;
    --plus-articlelink-color: #0072D2;
    --plus-articlelink-font-size: 1rem;
    --plus-articlelink-font-weight: 400;
    --plus-articlelink-background: #FFFFFF;
    --plus-articlelink-background-hover: #EEFBF5;
    --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: Graphik, sans-serif;
    --plus-medium-font-family:  Graphik-Medium, sans-serif;;
    --plus-heavy-font-family:  Graphik-Heavy, sans-serif;
}

    /* || Plus Community Hooks Ends */

 /* focus state */

 *:focus-visible {
    outline-color: #16181D !important;
    outline-offset: 3px !important;
}


/*-- New Button Styles --*/

/*-- Hulu | Primary Button | actual button --*/

button.plus-brands-button-primary,  a.plus-brands-button-primary {
    color: var(--plus-primary-button-label) !important;
    border: 1px solid var(--plus-primary-button-background) !important;
    background-color: var(--plus-primary-button-background) !important;
    border-radius: var(--plus-button-radius) !important;
    text-decoration: none !important;
    padding: var(--plus-button-padding)!important;
}

button.plus-brands-button-primary:hover, a.plus-brands-button-primary:hover {
    color: var(--plus-primary-button-label) !important;
    border: 1px solid var(--plus-primary-button-background-hover) !important;
    background-color: var(--plus-primary-button-background-hover) !important;
    text-decoration: none !important;
}

button.plus-brands-button-primary:active, a.plus-brands-button-primary:focus-visible {
    color: var(--plus-primary-button-label) !important;
    border: 1px solid var(--plus-primary-button-background-hover) !important;
    background-color: var(--plus-primary-button-background-hover) !important;
    outline-color: #16181D !important;
    outline-offset: 5px !important;
}

button.plus-brands-button-primary:active, a.plus-brands-button-primary:active  {
    color: var(--plus-primary-button-label) !important;
    border: 1px solid var(--plus-primary-button-background-active) !important;
    background-color: var(--plus-primary-button-background-active) !important;
    text-decoration: none !important;
}

button.plus-brands-button-primary[disabled], a.plus-brands-button-primary[disabled] {
    color: var(--plus-button-disabled-text) !important;
    border: 1px solid var(--plus-primary-button-background-disabled) !important;
    background-color: var(--plus-primary-button-background-disable) !important;
}


/*-- Hulu |  Secondary Button --*/

.plus-brands-button-secondary button {
color: var(--plus-secondary-button-label);
border: 1px solid var(--plus-secondary-button-background);
background-color: var(--plus-secondary-button-background);
text-decoration: none !important;
}

.plus-brands-button-secondary button:hover {
color: var(--plus-secondary-button-label-hover);
border: 1px solid var(--plus-secondary-button-background-hover);
background-color: var(--plus-secondary-button-background-hover);
}

.plus-brands-button-secondary button:focus-visible {
color: var(--plus-secondary-button-label-hover);
border: 1px solid var(--plus-secondary-button-background-hover);
background-color: var(--plus-secondary-button-background-hover);
outline-color: #16181D !important;
outline-offset: 5px !important;
}

.plus-brands-button-secondary button:active {
color: var(--plus-secondary-button-label-hover);
border: 1px solid var(--plus-secondary-button-background-active);
background-color: var(--plus-secondary-button-background-active);
}

.plus-brands-button-secondary button[disabled] {
color: var(--plus-button-disabled-text);
border: 1px solid var(--plus-secondary-button-background-disabled);
background-color: var(--plus-secondary-button-background-disable);
}


/*-- Hulu |  Tertiary Button --*/

.plus-brands-button-tertiary button {
color: var(--plus-tertiary-button-label);
border: 2px solid var(--plus-tertiary-button-border);
background-color: var(--plus-tertiary-button-background);
font-weight: var(--plus-button-font-weight);
text-decoration: none !important;
}

.plus-brands-button-tertiary button:hover {
color: var(--plus-tertiary-button-label-hover);
border: 2px solid var(--plus-tertiary-button-background-hover);
background-color: var(--plus-tertiary-button-background-hover);
font-weight: var(--plus-button-font-weight);
transition: all .3s ease-out;
}

.plus-brands-button-tertiary button:active {
    color: var(--plus-tertiary-button-label-hover);
    border: 2px solid var(--plus-tertiary-button-background-active);
background-color: var(--plus-tertiary-button-background-active);
font-weight: var(--plus-button-font-weight);
transition: all .3s ease-out;
}

.plus-brands-button-tertiary button:focus-visible {
color: var(--plus-tertiary-button-label-hover);
border: 2px solid var(--plus-tertiary-button-background-active);
background-color: var(--plus-tertiary-button-background-active);
font-weight: var(--plus-button-font-weight);
outline-color: #16181D !important;
outline-offset: 5px !important;
}

.plus-brands-button-tertiary button[disabled] {
color: var(--plus-button-disabled-text);
border: 2px solid var(--plus-tertiary-button-background-disabled);
background-color: var(--plus-tertiary-button-background-disable);
font-weight: var(--plus-button-font-weight);
transition: all .3s ease-out;
}

/*-- Contact Page VA Button --*/
.hds-contact-us-container .slds-accordion__section.slds-is-open .slds-accordion__content button:hover {
    border-width: 2px !important;
}

/* Hulu Help Style Overrides  --------------------------------------------- */

/*-- Contact Tray Section Styles --*/
.section-hulu-contact-tray {
    background-color: rgb(232, 234, 237);
}

/*-- Home Topic tile hover overwrite --*/

.plus-brands-home-topics .plus-topic-card:hover {
    background-color: rgba(238, 251, 245, 1) !important;
}

/*-- Category Viewer --*/

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion {
    border: #DDE0E6 solid 1px;
    border-radius: 5px;
    padding-bottom: 0;
}

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section .slds-accordion__summary {
    background-color: #fff !important;
    border-radius: 5px;
}

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section  .slds-accordion__content {
    background-color: #fff !important;
    margin-left: -0.75rem !important;
    margin-right: -0.75rem !important;
}

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section .slds-accordion__content slot div.c-dtcvx_articlecategory_dtcvx_articlecategory {
    padding: 0 !important;
    background-color: #fff !important;
}

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section .slds-accordion__content c-dtcvx_articlecategory_dtcvx_articlecategory {
    background-color: #fff !important;
    border-bottom: 1px #DDE0E6 solid;
}

/*-- Tab Button --*/

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__summary-heading .slds-button {
    padding-left: 2rem;
}

@media only screen and (max-width: 47.9375em) {

    .plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__summary-heading .slds-button {
        padding-left: 1rem !important;
    }

}

/* On Hover */
.plus-brands-articleCat-viewer .plus-brands-articleCat-inner .slds-accordion__list-item .slds-button.slds-accordion__summary-action:hover {
    background-color: rgba(25, 114, 230, .1) !important;
}

/* On Focus */
.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__summary-heading .slds-button:focus {
    text-decoration: none !important;
    background-color: rgba(25, 114, 230, .1);
}

/* Open */
.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item section.slds-accordion__section.slds-is-open {
    padding-bottom: 0;
}

/*-- Tab Title --*/

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner span.slds-accordion__summary-content {
    font-family: var(--plus-medium-font-family);
    font-style: normal;
    font-weight: 400;
    font-size: 1rem;
    text-align: center;
    color: var(--plus-text-color, #0B0C0F);
    padding-top: 0;
    padding-left: 0;
}

/*-- Article Links --*/

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section .slds-accordion__content .plus-brands-articleCat-subCat-item {
    padding: 1rem 1rem 1rem 2rem !important;
}

.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section .slds-accordion__content .plus-brands-articleCat-subCat-item:hover {
    background-color: #D7EAF9;
}

/*-- SVG --*/
.plus-brands-articleCat-viewer .plus-brands-articleCat-results .plus-brands-articleCat-inner .slds-accordion__list-item .slds-accordion__section .slds-accordion__summary-action svg {
    position: absolute;
    right: 10px;
    fill: #0B0C0F;
    top: 35%;
    width: 18px;
    height: auto;
}

/*-- Contact Us --*/

/*-- Contact Us Page --*/

/*
.hds-contact-us-container .hds-contact-us-outer.hds-contact-us-top {
    margin-top: -8rem;
}
*/

@media only screen and (max-width: 47.9375em) {

    .hds-contact-us-container .hds-contact-us-outer.hds-contact-us-top {
        margin-top: 0;
    }
}

/* search field */
.contact-topic-search-container .contact-topic-search.slds-form-element .slds-form-element__control input {
    background-color: #FFF;
    height: 48px;
    padding: 0 44px;
    border-color: #D9DCE2;
}

/* popular topic dropdown */
.contact-topic-search-container lightning-input.contact-topic-search.slds-form-element {
    margin: 0;
}

/* magnifying glass */
.contact-topic-search-container .contact-topic-search.slds-form-element .slds-input-has-icon .slds-input__icon {
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    margin-top: -0.6375rem;
    line-height: 1;
    border: 0;
    z-index: 0;
}

/*-- Manage/Cancel options CTAs and button on-focus accessibility styles --*/

.hds-contact-us-container .slds-accordion__content .help-topic-cta-button-container button:focus-visible {
    outline-offset: 1px;
    outline-width: 2px;
    outline-style: solid;
    transition: none;
}

/*-- Chat with Agent text area --*/

.hds-contact-us-container .hds-contact-us-outer .slds-accordion__content textarea.slds-textarea {
    background-color: #fff;
    border-color: rgb(215, 215, 215);
}

/*-- Recommendations --*/

.slds-accordion__section.default-action.contact-action-custom.recommended .slds-accordion__summary-content {
    position: relative;
}

.slds-accordion__section.default-action.contact-action-custom.recommended .slds-accordion__summary-content::before {
    content: 'Recommended';
    border-radius: 2px;
    line-height: 1;
    padding: 2px 6px;
    background-color: #04CD6A;
    color: var(--hds-color-black);
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: .08em;
    display: block;
    width: max-content;
}

.hds-contact-us-container .slds-accordion__list-item button.slds-accordion__summary-action:focus .slds-accordion__summary-content::before {
    text-decoration: none !important;
}

/* topic hover */
.plus-brands-contact-topics .plus-topic-card:hover, .plus-brands-contact-topics .hds-contact-category-button-active {
    background: rgba(41, 168, 105, 0.10) !important;
}

/* accordion background */
.hds-contact-us-container .hds-contact-us-outer .slds-accordion__section.slds-is-open {
    background-color: #F6F7F8;
}

/* hides new tab icon in cta */
.hds-contact-action-container .slds-accordion__content .button-container lightning-primitive-icon {
    display: none !important;
}

.hds-contact-us-container .slds-accordion__list-item button lightning-primitive-icon {
    position: absolute;
    right: 25px;
}

/*-- Help Topics Dropdown --*/

/* Dropdown Content (Hidden by Default)
.hulu-help-main-nav .hulu-help-hero-dropdown-content {
    display: none;
    position: absolute;
    background-color: #31353D;
    min-width: 220px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 3;
    padding: 0.7rem 0.5rem;
    left: 18px;
}
*/
/* Links inside the dropdown */
.hulu-help-main-nav .hulu-help-hero-dropdown-content a[c-dtcvx_topic_dtcvx_topic] {
    font-family: var(--plus-medium-font-family);
    color: #BBB;
    text-decoration: none;
    display: block;
    line-height: 1;
    font-weight: 400;
    padding: 0.8rem 1rem 0.5rem 1rem;
    margin: 0 !important;
    padding-top: 0.5rem;
    font-size: 14px;
}

.hulu-help-main-nav .hulu-help-hero-dropdown-content a.hulu-help-hero-dropdown-content-view {
    border-top: 1px #BBB solid;
    padding: 1rem 1rem 1.2rem 1rem;
    margin-top: 1rem !important;
}

/* Change color of dropdown links on hover */
.hulu-help-main-nav .hulu-help-hero-dropdown-content a:hover {
    color: #FFFFFF;
}

/* Show the dropdown menu on hover
.hulu-help-main-nav .hulu-help-hero-dropdown:hover .hulu-help-hero-dropdown-content {
    display: block;
}
*/

/* Change the background color of the dropdown button when the dropdown content is shown */
.hulu-help-main-nav .hulu-help-hero-dropdown:hover .dropbtn {
    background-color: #3e8e41;
}

/* Hulu Help Feedback Tab  --------------------------------------------- */

.feedback-container.hulu-help-feedback-container {
    background-color: #FFFFFF;
}

.feedback-container.hulu-help-feedback-container.open .survey-header {
    padding: 1rem;
    background-color: #FFFFFF;
}

.feedback-container.hulu-help-feedback-container.open .hulu-help-feedback-page-buttons .slds-radio_button-group {
    display: block;
    border: none !important;
}

.feedback-container.hulu-help-feedback-container.open .hulu-help-feedback-page-buttons span.slds-button.slds-radio_button {
    display: block;
    width: 100%;
}

.feedback-container.hulu-help-feedback-container.open .hulu-help-feedback-page-buttons [type=radio]:checked+label span {
    background: #26d997;
    border: 2px solid #26d997;
}

.feedback-container.hulu-help-feedback-container.open .hulu-help-feedback-inner {
    padding: 2rem 2rem 3rem 2rem;
}

/*-- Header and Logo --*/

.feedback-container.hulu-help-feedback-container.open .survey-header {
    padding: 1rem 2rem 0.2rem 2rem;
    position: relative;
    display: block;
    min-height: 70px;
}

.feedback-container.hulu-help-feedback-container.open  .survey-header .page-location {
    display: flex;
}

.feedback-container.hulu-help-feedback-container.open  .survey-header .page-location .header-logo {
    display: inline;
    position: relative;
    top: 5px;
}

.feedback-container.hulu-help-feedback-container.open  .survey-header .page-location .hulu-help-logo-label {
    display: inline;
    background-color: var(--hds-color-black);
    font-weight: 600;
    color: #fff;
    margin: 0 12px;
    padding: 5px 10px 0 10px;
    line-height: 15px;
    font-size: 13px;
    position: relative;
    top: 6px;
    border-radius: 5px;
}

.hulu-help-feedback-page-flow-number .container .slds-progress-bar {
    height: 1px;
}

/*-- Body --*/

.hulu-help-feedback-inner .hulu-help-feedback-page-text-title {
    font-weight: 600;
    padding: 5px 0 20px 0;
    margin-bottom: 0;
    color: rgb(94, 101, 115);
    font-size: 13px;
}

/*-- Radio Buttons --*/

.hulu-help-feedback-page-buttons .slds-radio_button-group span.slds-radio_faux {
    width: 100%;
    display: block;
    border: 2px solid #dde0e6;
    margin: 9px 0;
    padding: 6px;
    color: var(--hds-color-black);
    font-family: 'Graphik',sans-serif;
    font-weight: 500;
    letter-spacing: .25px;
    font-size: 12px;
}

.hulu-help-feedback-page-buttons .slds-radio_button-group span.slds-radio_faux:hover {
    border: 2px solid #040405;
}


.hulu-help-feedback-inner .hulu-help-feedback-page-buttons .radio-group.slds-form-element {
    margin-bottom: 0;
}

.feedback-container.hulu-help-feedback-container.open .survey-header .page-indicator {
    display: inline-block;
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: bold;
}

.hulu-help-feedback-page-form .container .slds-rich-text-editor__output span {
    font-weight: 600;
    color: rgb(94, 101, 115);
    font-size: 13px;
}

.hulu-help-feedback-page-form .container .slds-select_container select.slds-select {
    background-color: #FFF !important;
    border: 1px #CCC solid;
    color: #666;
    font-size: 14px;
}

.hulu-help-feedback-page-form .lightning_textarea .textarea-container .slds-textarea {
    background-color: #FFF !important;
    border: 1px #CCC solid;
    color: #666;
    font-size: 14px;
}

.hulu-help-feedback-page-form .lightning_textarea .slds-form-element {
    margin-bottom: 5px;
}

.hulu-help-feedback-page-form .lightning_textarea {
    margin-bottom: 15px !important;
}

.hulu-help-feedback-page-form .flowruntime-input.slds-form-element .flowruntime-input-label {
    display: none;
}

.hulu-help-feedback-page-form .flowruntime-input.slds-form-element .flowruntime-input-label {
    display: none;
}

.hulu-help-feedback-page-recommend .container span.slds-radio_faux {
    padding-left: 0.6rem !important;
    padding-right: 0.6rem !important;
    color: #111;
    font-weight: 600;
}

.hulu-help-feedback-page-recommend .container .slds-button label.slds-radio_button__label:checked {
    color: #FFF !important;
}

.hulu-help-feedback-inner .field-element .container .slds-form-element__control .slds-select_container select.slds-select {
    background-color: #fff;
    border: solid 1px rgb(215, 215, 215);
    color: rgb(94, 101, 115);
    font-size: 13px;
}

.hulu-help-feedback-inner .slds-form-element__control[part="input-container"] input.slds-input{
    background-color: #fff;
    border: solid 1px rgb(215, 215, 215);
    color: rgb(94, 101, 115);
    font-size: 13px;
}

.hulu-help-feedback-inner .field-element .container .slds-rich-text-editor__output span[part="formatted-rich-text"] {
    font-weight: 600;
    font-size: 13px;
    color: rgb(94, 101, 115);
    line-height: 18px;
    display: block;
}

/*-- Radio Buttons --*/

.hulu-help-feedback-inner .hulu-help-feedback-page-radio .slds-form-element .slds-form-element__control {
    padding: 15px 0 0 0;
}

.hulu-help-feedback-inner .hulu-help-feedback-page-radio .slds-form-element .slds-form-element__control .slds-radio{
    margin-top: 8px;
    display: block;
}

.hulu-help-feedback-inner .field-element .slds-form-element .slds-radio__label .slds-form-element__label {
    font-weight: 600;
    font-size: 13px;
    color: rgb(94, 101, 115);
    line-height: 18px;
}

.hulu-help-feedback-inner .field-element .slds-form-element .slds-radio__label .slds-radio_faux {
    background-color: #fff;
    border: 1.5px solid #b9bfcb;
}

.hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio--button [type=radio]:checked+.slds-radio--button__label, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio--button [type=radio]:checked+.slds-radio--faux, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio--button [type=radio]:checked+.slds-radio_button__label, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio--button [type=radio]:checked+.slds-radio_faux, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio--button [type=radio]:checked~.slds-radio--faux, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio--button [type=radio]:checked~.slds-radio_faux, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio_button [type=radio]:checked+.slds-radio--button__label, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio_button [type=radio]:checked+.slds-radio--faux, .slds-radio_button [type=radio]:checked+.slds-radio_button__label, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio_button [type=radio]:checked+.slds-radio_faux, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio_button [type=radio]:checked~.slds-radio--faux, .hulu-help-feedback-page-recommend .radio-group.slds-form-element .slds-radio_button-group .slds-radio_button [type=radio]:checked~.slds-radio_faux {
    background: #26d997 !important;
}

/*-- Next Button --*/

.hulu-help-feedback-inner .hulu-help-feedback-page-nav button.slds-button.slds-button_brand, .hulu-help-feedback-inner .hulu-help-feedback-next-button button.slds-button.slds-button_brand {
    width: 100%;
    font-family: 'Graphik',sans-serif!important;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
    color: #fff;
    text-align: center;
    display: block;
    padding: 17px 32px;
    font-size: 14px;
    line-height: 14px;
    border: none;
    border-radius: 4px;
    background-color: rgb(39, 44, 53);
    opacity: .5;
}

.hulu-help-feedback-inner .hulu-help-feedback-page-nav button.slds-button.slds-button_brand[aria-disabled="false"], .hulu-help-feedback-inner .hulu-help-feedback-next-button button.slds-button.slds-button_brand[aria-disabled="false"] {
    background-color:  var(--hds-color-black);
    opacity: 1;
    transition: background-color 1s;
}

/*-- Close Button --*/

.feedback-container.hulu-help-feedback-container.open .hulu-help-feedback-close-button lightning-button.slds-button.closeButton {
    width: 100%;
}

.feedback-container.hulu-help-feedback-container.open .hulu-help-feedback-close-button .closeButton button.slds-button {
    width: 100%;
    font-family: 'Graphik', sans-serif !important;
    font-weight: 500;
    font-style: normal;
    letter-spacing: 1.5px;
    background: var(--hds-color-black);
    color: #fff;
    text-align: center;
    display: block;
    padding: 17px 32px;
    font-size: 14px;
    line-height: 14px;
    border: none;
    border-radius: 4px;
}

/*-- Feedback mobile styles --*/

@media screen and (max-width: 768px) {

    .feedback-container.hulu-help-feedback-container.open .survey-header .page-indicator {
        top: 20px;
        right: 65px;
    }

}

/*--- Mobile LogIn ----*/

.mobile-nav .mobile-footer .mobile-footer-button-container button.slds-button {
    width: 100%;
    color: #FFF;
    border: 1px #FFF solid;
    background: #16181D;
    padding: 6px;
}

.mobile-nav .mobile-footer .mobile-footer-button-container button.slds-button:hover {
    background: #31353D;
}

.plus-brands-hero-home .hulu-help-login-button  .user-info.navigation-menu-link.navigation-profile-link {
    top: 14px;
}

.plus-brands-hero-home .hulu-help-login-button .user-info.navigation-menu-link {
    position: relative;
    top: 0;
}

.plus-brands-hero-home .hulu-help-login-button .mobile-menu-button {
    position: absolute;
    right: 25px;
    top: 14px;
}

.plus-brands-hero-secondary .hulu-help-hero-dropdown-button.dropbtn .username-actions .slds-icon_container {
    position: relative;
}

.plus-brands-hero-secondary .hulu-help-hero-dropdown-button.dropbtn .username-actions .slds-icon_container svg.slds-icon {
    position: absolute;
    top: -12px;
}

/*-- Search Bar --*/

/* converts search icon into square instead of circle
.plus-brands-hero-secondary .plus-brands-hero-searchBar-secondary .search-container button.slds-button {
    border-radius: 4px !important;
}
*/
.plus-brands-hero-secondary .plus-brands-hero-searchBar-secondary .search-container button.slds-button:focus, .plus-brands-hero-secondary .plus-brands-hero-searchBar-secondary .search-container button.slds-button:focus-visible  {
    outline-color: #FFF !important;
    box-shadow: 0 0 0 1px #FFF !important;
}

/*
.plus-brands-hero-secondary .plus-brands-hero-searchBar-secondary .search-container .search-field-container {
    left: 15px;
    top: 16px !important;
    width: 70% !important;
    position: absolute;
}
*/

@media screen and (min-width: 768px) {

    c-dtcvx_bread-crumbs .slds-breadcrumb.slds-list_horizontal.slds-wrap {
        padding-left: 2.5rem !important;
    }
}

/*-- Breadcrumbs --

.slds-breadcrumb.slds-list_horizontal.slds-wrap {
    padding: 2.5rem 2.5rem 0 2.5rem;
}

*/

/* Mobile Nav - Search Bar and Close Icon for Hulu --*/

lightning-button-icon.plus-brands-search-results-showSearchIcon {
    display: block;
    position: relative;
}

@media only screen and (max-width: 47.9375em) {

    lightning-button-icon.plus-brands-search-results-showSearchIcon {
        right: 0 !important
    }

    .plus-brands-hero-secondary .search-field-container.plus-brands-search-field-container {
        margin-left: 0px !important;
    }

    .plus-brands-hero-secondary .plus-brands-hero-searchBar-secondary .result-container {
        left: 15px !important;
    }
}

/*-- Contact Us Page Spacers --*/

.content-container c-hulu-ds_-global-message.component-wrapper-spacer {
    margin-bottom: 0;
}
/*-- Contact Us Page Spacers --*/

.plus-brands-search-results-container .search-field-container .search-field.slds-form-element {
    z-index: 0;
}

/*-- Contact Us Related Articles Spacing --*/

@media only screen and (max-width: 47.9375em) {

    .hds-contact-us-container .lwc-huluHelp-HelpArticle {
        padding: 0 2rem 2rem 2rem !important;
    }
}

/*-- Contact Us - Live Agent Button --*/

.hds-contact-us-container .slds-accordion__section.slds-is-open .slds-accordion__content .plus-brands-contact-option-button .hds-button-start button[disabled] {
    border-radius: 4px;
    border:  var(--plus-disabled-button-border, 1px solid #d1d1d1);
    background-color: transparent;
    color:  var(--plus-disabled-button-color, #a9a9a9);
    font-weight: 400;
    padding: 0.2rem 3.2rem;
    transition: all .3s ease-out;
    font-family: var(--plus-medium-font-family);
}

.hds-contact-us-container .slds-accordion__section.slds-is-open .slds-accordion__content .plus-brands-contact-option-button .hds-button-start button {
    border: 1px solid var(--plus-cta-color, #16181D);
    background-color: var(--plus-cta-color, #16181D);
    color: var(--plus-cta-color-contrast, #FFFFFF);
    transition: all .3s ease-out;
}

/*-- clear button --*/

.hds-contact-us-container .slds-accordion__section.slds-is-open .slds-accordion__content .plus-brands-contact-option-button .hds-button-clear button[disabled] {
    border-radius: 0;
    border: none;
    background-color: transparent;
    color:  var(--plus-disabled-button-color, #a9a9a9);
    font-weight: 400;
    padding: 0.2rem 1.2rem;
    transition: all .3s ease-out;
    font-family: var(--plus-medium-font-family);
}

.hds-contact-us-container .slds-accordion__section.slds-is-open .slds-accordion__content .plus-brands-contact-option-button .hds-button-clear button {
    border-radius: 0;
    border: none;
    background-color: transparent;
    color:  var(--plus-hyperlink-color, #0072D2);
    font-weight: 400;
    padding: 0.2rem 1.2rem;
    transition: all .3s ease-out;
    font-family: var(--plus-medium-font-family);
}

/*-- Footer Updates to add icon to About Ads Link --*/

.supportFooter-outside a.footer-item[href*="info.evidon.com"] {
    position: relative;
}

.supportFooter-outside a.footer-item[href*="info.evidon.com"]::before {
    content: '';
    display: inline-block;
    width: 28px;
    height: 28px;
    background-image: url(/sfsites/c/resource/dtcvx_supportAssets/Hulu/icons/icon_about_ads.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    position: absolute;
    left: -35px;
    top: -4px;
}

@media only screen and (max-width: 47.9375em) {

    .supportFooter-outside a.footer-item[href*="info.evidon.com"]::before {
        position: relative;
        left: -6px;
        top: 10px;
    }

}


/*-- Support Banner --*/

.plus-brands-hero-home .plus-brands-notification-outer[c-dtcvx_supportBanner_dtcvx_supportBanner] {
    position: relative;
    top: 70px;
}

/*-- Feedback Form - New Picklists --*/

.hulu-help-feedback-page-form-choices label.slds-form-element__label {
    font-weight: 600;
    font-size: 13px;
    color: rgb(94, 101, 115);
    line-height: 18px;
    display: block;
    margin-bottom: 0.5rem;
}

.hulu-help-feedback-page-form-choices .slds-combobox__form-element button.slds-combobox__input{
    border: solid 1px rgb(215, 215, 215);
    color: rgb(94, 101, 115);
    font-size: 13px;
    background-color: #FFF !important;
}

.hulu-help-feedback-page-form-choices label.slds-form-element__label abbr.slds-required {
    display: none;
}

.plus-brands-article-wrap .plus-brands-article-content h4 {
    font-size: 1rem;
    font-weight: 600;
    padding: 1.5rem 0 0 0;
    margin-bottom: 5px !important;
}

/*-- Mobile Category Scroll Label Height
@media only screen and (max-width: 47.9375em) {

    .plus-brands-article-categories[c-dtcvx_topic_dtcvx_topic] .plus-topic-card[c-dtcvx_topic_dtcvx_topic] {
        padding: 1.5rem !important;
    }
}
*/

/* Hulu Help Header Mobile Searchbar  --------------------------------------------- */

.plus-brands-hero-secondary .search-field-container.plus-brands-search-field-container {
    margin-left: 0 !important;
}

/*-- Announcement Banner Override - Hulu -*/

/*-- DESKTOP --*/

.plus-brands-hero-banner-inner .Home .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
    margin: 40px 32px -10px !important;
}

.plus-brands-hero-banner-inner .Home .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu .plus-brands-notification-outer {
    max-width: 1330px !important;
}

/*-- TABLET --*/

@media only screen and (max-width: 47.9375em) {

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 33px 20px -10px !important;
    }
    
}

/*-- MOBILE --*/

@media only screen and (max-width: 29.9375em) {

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 7px 0 -14px !important;
    }
    

}
