/*-- CSS dtcvx_supportBanner_styles --*/

/*-- NOTIFICATION BANNER STYLES FROM LWC - START --*/


.plus-brands-notification-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.2rem;
}

.plus-brands-notification-text {
    font-family: var(--plus-regular-font-family);
    padding-top: 0.2rem;
    color:  #000000;
    font-size: .9rem;
    width: 100%;
}

.plus-brands-notification-icon img {
    max-width: 100%;
    height: auto;
    min-width: 24px;
}

.plus-brands-notification-close {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    border: none !important;
    background-color: transparent !important;
}

.plus-brands-notification-close img {
    width: 14px;
    height: 14px;
    opacity: 1;
    max-width: initial;
}

.plus-brands-notification-close:hover {
    cursor: pointer;
}

.plus-brands-notification-close:hover img{
    opacity: .6;
}

a.show-more {
    font-family: var(--plus-medium-font-family);
}

a.show-more::after {
    content: '⌃';
    display: inline-block;
    width: 10px;
    height: 5px;
    position: relative;
    left: 3px;
    top: 3px;
}

a.show-more::after {
    content: '⌃';
    display: inline-block;
    width: 10px;
    height: 5px;
    position: relative;
    left: 3px;
    top: 3px;
}

.show-more a.show-more::after {
    left: 4px !important;
    top: 13px !important;
    transform: rotate(180deg) !important;
}

/*-- Contact Us Banner --*/

.Contact_Us__c {
    position: relative;
    top: -20px;
}

.Contact_Us__c .plus-brands-notification-text {
    color:  #000000;
    font-size: .9rem;
}

.Contact_Us__c .plus-brands-notification-close {
    display: none !important;
}

/*-- Disney Plus Banner Colors START --*/

.Home .plus-brands-notification-brand-Disney .plus-brands-notification-outer {
    background: #FEF7F2;
    box-shadow: inset 0 0 0 2px #E55800;
}

.Contact_Us__c .plus-brands-notification-brand-Disney .plus-brands-notification-outer {
    background: #FEF7F2;
    box-shadow: inset 0 0 0 2px #F2BC3C;
}


/*-- Disney Plus Banner Colors END --*/

/*-- Hulu Help Banner Colors START --*/

.Home .plus-brands-notification-brand-Hulu .plus-brands-notification-outer {
    background: #FFFCF6;
    box-shadow: inset 0 0 0 2px #F2BC3C;
}

.Contact_Us__c .plus-brands-notification-brand-Hulu .plus-brands-notification-outer {
    background: #FEF7F2;
    box-shadow: inset 0 0 0 2px #F2BC3C;
}

.plus-brands-notification-brand-Hulu .plus-brands-notification-icon img {
    filter: brightness(0) saturate(100%) invert(79%) sepia(87%) saturate(4312%) hue-rotate(330deg) brightness(105%) contrast(90%) !important;
}

/*-- Hulu Help Banner Colors END --*/


/*-- MOBILE --*/

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


    .plus-brands-notification-outer {
        box-shadow: inset 0 0 0 2px #E55800;
        border-radius: 0px;
        margin: 0 0 0.5rem 0;
        padding: 1rem 1rem 1.2rem 1rem;
    }

    .plus-brands-notification-inner {
        gap: 1rem;
    }

    }

/*-- NOTIFICATION BANNER STYLES FROM LWC - START --*/


/*-- CAROUSEL BANNER STYLES - START --*/

/*-- Carousel - Multibanner - Styles --*/

.plus-brands-notification-carousel .plus-brands-notification-outer {
    padding: 24px 24px 16px 24px;
    width: 100%;
    max-width: 100% !important;
}

/*-- DISNEY PLUS BANNER POSITION --*/

/*-- Disney+ Home Banner Spacing --*/



/*-- SINGLE --*/

.Home .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
    margin-top: -36px;
    margin-bottom: 14px;
}

 .Home .plus-brands-notification-single .plus-brands-notification-wrap {
    margin-left: 1rem;
    margin-right: 1rem;
}



/*-- slds icon styling --*/

.plus-brands-notification-carousel .support-banner-carousel-wrap button.slds-button_icon svg.slds-button__icon {
    fill: #000; 
    width: 20px;
    height: 24px;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap button.slds-button_icon:hover {
    opacity: .6;
}


/* Icon buttons */
.plus-brands-notification-carousel .iconBtn {
  flex: 0 0 auto;
  color: #000;
}

.plus-brands-notification-carousel .leftBtn {
  margin-left: 0.1rem;
}

.plus-brands-notification-carousel  .plus-brands-notification-close img {
    width: 15px;
    height: 15px;
    opacity: 1;
    max-width: initial;
}

/*-- play pause icon  --*/

.plus-brands-notification-carousel .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon svg.slds-button__icon {
    width: 12px;
    position: relative;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon svg.slds-button__icon[data-key="pause"] {
    width: 12px;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon  {
    border: 2px #000 solid;
    border-radius: 30px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}


/*-- close icon --*/

.plus-brands-notification-carousel .support-banner-carousel-wrap .rightControls .plus-brands-notification-close  {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none !important;
    background-color: transparent !important;
    z-index: 0;
    position: relative;
}


/*-- tracking dots --*/

/*-- STYLES FROM CAROUSEL LWC - START --*/

.Home .plus-brands-notification-carousel .wrap {
  margin-top: 35px;
  margin-bottom: -35px;
}

.plus-brands-notification-carousel .viewport {
  overflow: hidden;
  width: 100%;
}

.plus-brands-notification-carousel .track {
  display: flex;
  will-change: transform;
}

.plus-brands-notification-carousel .track--animate {
  transition: transform 350ms ease-in-out;
}

.plus-brands-notification-carousel .slide {
  flex: 0 0 100%;
  border-radius: 0.75rem;
  /*border: 1px solid #dddbda;
  background: #fff;*/
  box-sizing: border-box;
}

.plus-brands-notification-carousel .controls {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem;
}

.plus-brands-notification-carousel .plus-brands-notification-inner {
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  max-width: 1440px;
  margin: auto;
  position: relative;
}

.plus-brands-notification-carousel .support-banner-carousel-viewport {
    flex: 1 1 auto;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
}



/* Center column: message + dots */
.plus-brands-notification-carousel .center {
  flex: 1 1 auto;
  min-width: 0; /* allows text to truncate nicely */
  display: flex;
  flex-direction: column;
  align-items: center;
}

.plus-brands-notification-carousel .message {
  width: 100%;
  text-align: center;
  font-size: 0.875rem;
  line-height: 1.25rem;
  color: #1b1b1b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Right controls cluster */
.plus-brands-notification-carousel .rightControls {
  display: flex;
  align-items: center;
  gap: 24px;
  flex: 0 0 auto;
}

/* Dots row */
.plus-brands-notification-carousel .dots {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 16px;
}

.plus-brands-notification-carousel .dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  border: 1px solid #1b1b1b;
  background: transparent;
}

.plus-brands-notification-carousel .dot--active {
  background: #1b1b1b;
}

/*-- STYLES FROM CAROUSEL LWC - END --*/


/*-- CAROUSEL BANNER STYLES - END --*/

.plus-brands-notification-single .plus-brands-notification-outer {
    position: relative;
    border-radius: 4px;
    padding: 1.6rem 1.6rem 1.8rem 1.6rem;
    width: 100%;
    max-width: 1200px;
   /* margin: 1rem auto .5rem auto; */
}

.plus-brands-notification-single .plus-brands-notification-inner {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    gap: 1.2rem;
}

.plus-brands-notification-single .plus-brands-notification-text {
    font-family: var(--plus-regular-font-family);
    padding-top: 0.2rem;
    color:  #000000;
    font-size: .9rem;
    width: 100%;
}

.plus-brands-notification-single .plus-brands-notification-icon img {
    max-width: 100%;
    height: auto;
    min-width: 24px;
}

.plus-brands-notification-single .plus-brands-notification-close {
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    border: none !important;
    background-color: transparent !important;
 /*   position: absolute;
    top: 25px;
    right: 25px;
    z-index: 10;
    */
}

.plus-brands-notification-single .plus-brands-notification-close img {
    width: 14px;
    height: 14px;
    opacity: 1;
    max-width: initial;
}

.plus-brands-notification-single .plus-brands-notification-close:hover {
    cursor: pointer;
}

.plus-brands-notification-single .plus-brands-notification-close:hover img{
    opacity: .6;
}

.plus-brands-notification-single a.show-more {
    font-family: var(--plus-medium-font-family);
}

.plus-brands-notification-single a.show-more::after {
    content: '⌃';
    display: inline-block;
    width: 10px;
    height: 5px;
    position: relative;
    left: 3px;
    top: 3px;
}

.plus-brands-notification-single a.show-more::after {
    content: '⌃';
    display: inline-block;
    width: 10px;
    height: 5px;
    position: relative;
    left: 3px;
    top: 3px;
}

.plus-brands-notification-single .show-more a.show-more::after {
    left: 4px !important;
    top: 13px !important;
    transform: rotate(180deg) !important;
}



/*-- Contact Us Banner --*/

.plus-brands-notification-single .Contact_Us__c {
    position: relative;
    top: -20px;
}

.plus-brands-notification-single .Contact_Us__c .plus-brands-notification-text {
    color:  #000000;
    font-size: .9rem;
}

.plus-brands-notification-single .Contact_Us__c .plus-brands-notification-close {
    display: none !important;
}

/*-- Disney Plus Banner Colors START --*/

.Home .plus-brands-notification-single .plus-brands-notification-brand-Disney .plus-brands-notification-outer {
    background: #FEF7F2;
    box-shadow: inset 0 0 0 2px #E55800;
    margin: auto;
}

.Contact_Us__c .plus-brands-notification-single .plus-brands-notification-brand-Disney .plus-brands-notification-outer {
    background: #FEF7F2;
    box-shadow: inset 0 0 0 2px #E55800;
    margin: auto;
}

/*-- Disney Plus Banner Colors END --*/

/*-- Hulu Help Banner Colors START --*/

.Home .plus-brands-notification-single .plus-brands-notification-brand-Hulu .plus-brands-notification-outer {
    background: #FFFCF6;
    box-shadow: inset 0 0 0 2px #F2BC3C;
    margin: auto;
}

.Contact_Us__c .plus-brands-notification-single .plus-brands-notification-brand-Hulu .plus-brands-notification-outer {
    background: #FEF7F2;
    box-shadow: inset 0 0 0 2px #F2BC3C;
    margin: auto;
}

.plus-brands-notification-single .plus-brands-notification-brand-Hulu .plus-brands-notification-icon img {
    filter: brightness(0) saturate(100%) invert(79%) sepia(87%) saturate(4312%) hue-rotate(330deg) brightness(105%) contrast(90%) !important;
}




/*-- Hulu Help Banner Colors END --*/

/*-- SINGLE BANNER STYLES - END --*/


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


/*-- Carousel - Multibanner - Styles --*/

.plus-brands-notification-carousel .plus-brands-notification-outer {
    padding: 24px 24px 16px 24px;
    border-radius: 0;
}

.plus-brands-notification-single .plus-brands-notification-outer {
    border-radius: 0;
}

.plus-brands-notification-carousel .support-banner-carousel-viewport {
    align-items: flex-start;
    gap: 16px;
    padding-right: 44px;   
}

.plus-brands-notification-carousel .support-banner-carousel-viewport .slds-rich-text-editor__output p {
    font-size: .875rem;
}

.plus-brands-notification-carousel .dots {
    margin-top: 0 !important; 
}

.plus-brands-notification-carousel .rightControls {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    height: 100%;
    flex-direction: column;
    position: absolute;
    right: 24px;
}

.plus-brands-notification-close img {
    width: 18px;
    height: 18px;
    opacity: 1;
    max-width: initial;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon {
    border: 3px #000 solid;
    border-radius: 30px;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon svg.slds-button__icon {
    width: 15px;
    position: relative;
    left: 1px;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap .support-banner-play-pause button.slds-button_icon svg.slds-button__icon[data-key="pause"] {
    width: 20px;
    left: 0;
}

/*-- close icon --*/

.plus-brands-notification-carousel .support-banner-carousel-wrap .rightControls .plus-brands-notification-close  {
    width: 32px !important;
    height: 32px !important;
    position: absolute;
    top: 0;
}

.plus-brands-notification-carousel .support-banner-carousel-wrap .rightControls .plus-brands-notification-close img {
    width: 28px !important;
    height: 22px !important;
}

/*-- play/paus icon --*/

.plus-brands-notification-carousel .rightControls lightning-button-icon.support-banner-play-pause {
    position: absolute;
    bottom: 0;
}

    .plus-brands-notification-outer {
        box-shadow: inset 0 0 0 2px #E55800;
        border-radius: 0px;
    /*    margin: 0 0 0.5rem 0;  */
        padding: 1rem 1rem 1.2rem 1rem;
    }

    .plus-brands-notification-inner {
        gap: 1rem;
    }


}





/*------------------------- D+ NOTIFICATION BANNER SPACING -------------------------*/

/*-- CAROUSEL BANNER STYLES --*/

    .Home .plus-brands-notification-carousel .plus-brands-notification-wrap {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    /*-- CAROUSEL BANNER SPACING - TABLET - D+ HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney  {
        margin-top: -50px;
        margin-bottom: 24px;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - D+ INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin-top: 4px;
        margin-bottom: 0px;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - D+ SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin-top: 8px;
        margin-bottom: -10px;
    }


/*-- SINGLE BANNER STYLES --*/

    .Home .plus-brands-notification-single .plus-brands-notification-wrap {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    /*-- SINGLE BANNER SPACING - TABLET - D+ HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney  {
            margin-top: -36px;
            margin-bottom: 14px;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - D+ INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin: 24px 32px -8px;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - D+ SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin: 24px 32px -8px;
    }





/*-- SMALL DESKTOP --*/

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

}


/*-- TABLET --*/

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

    /*-- CAROUSEL BANNER STYLES --*/

    /*-- CAROUSEL BANNER SPACING - TABLET - D+ HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney  {
        margin-top: -22px !important;
        margin-bottom: 8px !important;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - D+ INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin-top: 4px !important;
        margin-bottom: -6px !important
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - D+ SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin-top: 8px !important;
        margin-bottom: -6px !important
    }


    /*-- SINGLE BANNER STYLES --*/

    /*-- SINGLE BANNER SPACING - TABLET - D+ HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney  {
        margin-top: -6px !important;
        margin-bottom: -6px !important
    }

    /*-- SINGLE BANNER SPACING - MOBILE - D+ INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin: 24px 24px -8px !important;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - D+ SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin: 8px 0 0 !important;
    }
    
    
}

/*-- MOBILE --*/

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

    .plus-brands-notification-wrap .plus-brands-notification-outer {
        border-radius: 0 !important;
    }

     /*-- CAROUSEL BANNER STYLES --*/

    /*-- CAROUSEL BANNER SPACING - TABLET - D+ HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney  {
        margin-top: 8px !important;
        margin-bottom: -12px !important;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - D+ INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin-top: 4px !important;
        margin-bottom: -16px !important;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - D+ SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin-top: 8px !important;
        margin-bottom: -16px !important;
    }

    /*-- SINGLE BANNER STYLES --*/

    /*-- SINGLE BANNER SPACING - MOBILE - D+ HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney  {
        margin: 10px 0 -20px 0 !important;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - D+ INNER PAGES --*/

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

    /*-- SINGLE BANNER SPACING - MOBILE - D+ SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Disney {
        margin: 8px 0 -14px !important;
    }

}

/*-- FROM DISNEY CSS END -*/


/*-- HULU CSS Support Banner style --*/

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


/*------------------------- HULU NOTIFICATION BANNER SPACING -------------------------*/

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

/*-- CAROUSEL BANNER STYLES --*/

    /*-- CAROUSEL BANNER SPACING - TABLET - Hulu HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu  {
        margin-top: 66px;
        margin-bottom: -90px;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - Hulu INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin-top: 7px;
        margin-bottom: 0;   
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - Hulu SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin-top: 8px;
        margin-bottom: -10px;
    }


/*-- SINGLE BANNER STYLES --*/

    .Home .plus-brands-notification-single .plus-brands-notification-wrap {
        margin-left: 1rem;
        margin-right: 1rem;
    }

    /*-- SINGLE BANNER SPACING - TABLET - Hulu HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu  {
        margin-top: 100px;
        margin-bottom: -100px;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 24px 32px -8px;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 24px 32px -8px;
    }



/*-- SMALL DESKTOP --*/

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

}


/*-- TABLET --*/

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

    /*------ CAROUSEL BANNER STYLES ------*/

    /*-- CAROUSEL BANNER SPACING - TABLET - Hulu HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu  {
        margin-top: 66px !important;
        margin-bottom: -80px !important;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - Hulu INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin-top: 7px !important;
        margin-bottom: -10px !important;  
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - Hulu SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin-top: 8px !important;
        margin-bottom: -6px !important
    }


    /*------ SINGLE BANNER STYLES ------*/

    /*-- SINGLE BANNER SPACING - TABLET - Hulu HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu  {
        margin-top: 80px !important;
        margin-bottom: -80px !important;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 24px 24px -8px !important;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 24px 24px -8px !important;
    }
    
    
}

/*-- MOBILE --*/

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

    .plus-brands-notification-wrap .plus-brands-notification-outer {
        border-radius: 0 !important;
    }

    /*------ CAROUSEL BANNER STYLES ------*/

    /*-- CAROUSEL BANNER SPACING - TABLET - Hulu HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu  {
        margin-top: 66px !important;
        margin-bottom: -80px !important;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - Hulu INNER PAGES --*/

    .plus-brands-hero-banner-inner .Home .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin-top: 7px !important;
        margin-bottom: -16px !important;
    }

    /*-- CAROUSEL BANNER SPACING - MOBILE - Hulu SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-carousel .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin-top: 7px !important;
        margin-bottom: -8px !important;
    }

    /*------ SINGLE BANNER STYLES ------*/

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu HOME PAGE --*/

    .plus-brands-hero-home .Home .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu  {
        margin: 67px 0 -70px 0 !important;
    }

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu INNER PAGES --*/

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

    /*-- SINGLE BANNER SPACING - MOBILE - Hulu SEARCH PAGE --*/
    
    .plus-brands-hero-banner-inner.plus-brands-hero-banner-search .Home  .plus-brands-notification-single .plus-brands-notification-wrap.plus-brands-notification-brand-Hulu {
        margin: 7px 0 -8px 0 !important;
    }

}