/* code for adjusting home hero banner text in desktop and mobile view. */
div[data-component="Hero Secondary"][data-component-id="Hero Secondary"][id="secondary-hero-home"]
    > div[rendertype="secondary"] {
    top: 240px;
    @media (min-width: 1200px) {
        top: 110px;
    }
}

/* code for adjusting interior hero banner text in desktop and mobile view. */
div[data-component="Hero Secondary"][data-component-id="Hero Secondary"][id="secondary-hero"]
    > div[rendertype="secondary"] {
    top: 40px;
    @media (min-width: 1200px) {
        top: 110px;
    }
}

/*head:has(link[rel="canonical"][href$="/study-results/dreamm-8/"]) + body {
    div[data-component="Hero Secondary"][data-component-id="Hero Secondary"][id="secondary-hero-multiline"]
        > div[rendertype="secondary"] {
        @media (max-width: 1199px) {
            top: 204px;
        }
    }
}
    */

div[data-component="Hero Secondary"][data-component-id="Hero Secondary"][id="secondary-hero-multiline"]
    > div[rendertype="secondary"] {
    top: 40px;
    @media (min-width: 1200px) {
        top: 85px;
    }
}

/* code for removing gradient from hero secondary banner */
div[rendertype="secondary"]::after,
div[rendertype="primary"]::after {
    background: transparent;
}

/* ISI adjustments */
#isi-component p:not(:first-child), #isi-component span, #isi-component ul, #isi-component li, #isi-component a, #isi-component sup {
     @media (max-width: 1199px) {
        line-height: 1rem !important;
        letter-spacing: -.5px;
     }
}

#isi-component p:first-child {
     @media (max-width: 1199px) {
        letter-spacing: -1px;
     }
}

/* marketing message bar */
#mmb1 p, #mmb1 p .rte-fs-body2-bold {
    @media (max-width: 1199px) {
        line-height: 1rem !important;
     }
}

/*Code for thankyou button of gigya*/
.gigya-composite-control.gigya-composite-control-submit.gigya-css_submit.gigya-ty-button {
    max-width: 282px;
    margin: 0 auto;
}
label.gigya-composite-control.gigya-composite-control-label.gigya-css_header2.gigya-form_header-spacing h2 {
    margin-bottom: 12px;
}

/*Code for Image Padding on STudy Results Dream 7 and Dream 8 */

head:has(link[rel="canonical"][href$="/study-results/dreamm-7/"]) + body,
head:has(link[rel="canonical"][href$="/study-results/dreamm-8/"]) + body {
    div[data-component="content box"] div[imageobjectfit="fill"] {
        padding-top: 24px;
        aspect-ratio: unset;
    }
}

/* temp fix for Article Content header spacing */
#vision-changes h2 p {
    margin-block: 0;
}

/*  Code for dashes on Dream 7 page  */

ul.dash-list li::before {
    display: none;
}

span.dash-sub-list:before {
    padding-right: 4px;
    content: "-";
}

/*Code for homepage suptag in secondary banner*/
@media (min-width: 1200px) {
    #secondary-hero-home h1 sup {
        font-size: 22px;
        top: -12px;
    }
}
@media (max-width: 1200px) {
    #secondary-hero-home h1 sup {
        font-size: 22px;
        top: -4px;
    }
}

/* Header Icon Align */
#header-component span i{padding-bottom: 0.25rem;}

/* List icon Align */
#isi-component ul li::before {
    top: 0.5rem;
    @media (max-width: 1199px) {
        top: 6px;
    }
}
#content-card-bullets-1 ul li::before , #content-box-bullets-1 ul li::before{
    top: 0.563rem;
}

/* study results mobile image fix */
#study-results-d7 #\38 3\% > div > div,
#study-results-d7 > div > div > div > div > div:nth-child(2) > div > div > div {
    @media (max-width: 1200px) {
        aspect-ratio: initial;
    }
}

/* Band-aid fix for minified hero broken image OSP-21451*/
@media screen and (min-width: 1200px) {
    div#header-component.sticky_header header a img:nth-child(2) {
      display: none !important;
    }
  }

