/* White navigation and gradient page headers. */
#masthead,
#masthead .site-header-inner-wrap,
#masthead .site-main-header-wrap .site-header-row-container-inner{background:#fff}
#masthead .ulta-brand-descriptor,
#masthead .main-navigation .primary-menu-container>ul>li>a,
#masthead .main-navigation .primary-menu-container>ul>li:first-child>a,
#masthead .mobile-toggle-open-container .menu-toggle-open{color:#101d38}
#masthead .main-navigation .primary-menu-container>ul>li>a:is(:hover,:focus-visible){color:#6941b5}
#masthead .main-navigation .primary-menu-container>ul>li.ulta-nav-cta>a{color:#fff!important}
#masthead .main-navigation .sub-menu{background:#fff;border-color:#d7deea}
#masthead .main-navigation .sub-menu a{color:#101d38}
#masthead .main-navigation .sub-menu a:is(:hover,:focus-visible){color:#fff;background:#50318c}

/* White-header colors. */
#masthead{border-bottom:0}
#masthead .ulta-brand-descriptor{color:#596477}
#masthead .main-navigation .primary-menu-container>ul>li:not(.ulta-nav-cta)>a,
#masthead .main-navigation .sub-menu a{color:#101d38}
#masthead .main-navigation .primary-menu-container>ul>li:not(.ulta-nav-cta)>a:is(:hover,:focus-visible),
#masthead .main-navigation .primary-menu-container>ul>li.current-menu-item:not(.ulta-nav-cta)>a,
#masthead .main-navigation .primary-menu-container>ul>li.current-menu-ancestor:not(.ulta-nav-cta)>a{color:#50318c}
#masthead .main-navigation .sub-menu a:is(:hover,:focus-visible){color:#fff;background:#50318c}
#masthead .main-navigation .dropdown-nav-special-toggle{color:#101d38}
@media(min-width:768px) and (min-height:501px){
 body.home #inner-wrap{padding-top:96px}
 .entry-content .ulta-hero{min-height:calc(100svh - 96px)}
}
#masthead .main-navigation .primary-menu-container>ul>li:first-child>a,
#masthead .main-navigation .primary-menu-container>ul>li:first-child>a:visited{color:#101d38!important}
#masthead .main-navigation .primary-menu-container>ul>li:first-child>a:is(:hover,:focus-visible){color:#50318c!important}

/* Active and hover states for the white navigation. */
#masthead .main-navigation .primary-menu-container>ul>li.current-menu-item:not(.ulta-nav-cta)>a,
#masthead .main-navigation .primary-menu-container>ul>li.current-menu-ancestor:not(.ulta-nav-cta)>a,
#masthead .main-navigation .primary-menu-container>ul>li:first-child.current-menu-item>a{color:#6941b5!important}
#masthead .main-navigation .sub-menu a:is(:hover,:focus-visible){background:#eee8fa!important;color:#101d38!important}
#masthead .main-navigation .sub-menu li.current-menu-item>a,
#masthead .main-navigation .sub-menu a[aria-current="location"]{background:#6941b5!important;color:#fff!important}
#masthead .main-navigation .sub-menu li.current-menu-item>a:is(:hover,:focus-visible),
#masthead .main-navigation .sub-menu a[aria-current="location"]:is(:hover,:focus-visible){background:#eee8fa!important;color:#101d38!important}
#masthead .main-navigation .sub-menu li.ulta-section-current>a{background:#6941b5!important;color:#fff!important}
#masthead .main-navigation .sub-menu li.ulta-section-current>a:is(:hover,:focus-visible){background:#eee8fa!important;color:#101d38!important}

/* Page heroes: the logo's blue-to-lavender color direction. */
body .entry-content .ulta-page-hero{background:linear-gradient(45deg,#8bc7fa 0%,#bdc4fc 50%,#e0bffa 100%);color:#101d38}
body .entry-content .ulta-page-hero :is(.ulta-eyebrow,h1,.ulta-section-intro){color:#101d38}
body .entry-content .ulta-page-hero :is(.ulta-eyebrow,h1,.ulta-section-intro){color:#fff;text-shadow:0 1px 3px rgb(16 29 56 / .55),0 2px 8px rgb(16 29 56 / .25)}

body .entry-content .ulta-page-hero :is(.ulta-eyebrow,h1,.ulta-section-intro){text-shadow:none}
#masthead .main-navigation .sub-menu>li,
#masthead .main-navigation .sub-menu>li>a{background:#fff!important;color:#101d38}
#masthead .main-navigation .sub-menu>li>a:is(:hover,:focus-visible){background:#eee8fa!important;color:#101d38!important}
#masthead .main-navigation .sub-menu>li:is(.current-menu-item,.ulta-section-current)>a{background:#6941b5!important;color:#fff!important}
#masthead .main-navigation .sub-menu>li:is(.current-menu-item,.ulta-section-current)>a:is(:hover,:focus-visible){background:#eee8fa!important;color:#101d38!important}

/* Give plain intro paragraphs the same treatment as section-intro paragraphs. */
body .entry-content .ulta-page-hero p:not(.ulta-eyebrow){color:#fff;font-size:1.375rem;line-height:1.65;max-width:62ch;text-shadow:none}
@media(max-width:767px){
 body .entry-content .ulta-page-hero p:not(.ulta-eyebrow){font-size:1.25rem}
}

/* Regular-weight navigation; retain the quote call to action's bold label. */
#masthead .main-navigation .primary-menu-container>ul>li:not(.ulta-nav-cta)>a,
#masthead .main-navigation .sub-menu a{font-weight:400}
.mobile-navigation ul li:not(.ulta-nav-cta)>a,
.mobile-navigation ul li:not(.ulta-nav-cta)>.drawer-nav-drop-wrap>a{font-weight:400}

/* Active page labels in the dark mobile drawer use the brand's light purple. */
#mobile-drawer .mobile-navigation #mobile-menu>li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor)>a,
#mobile-drawer .mobile-navigation #mobile-menu>li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor)>.drawer-nav-drop-wrap>a,
#mobile-drawer .mobile-navigation #mobile-menu>li:is(.current-menu-item,.current-menu-ancestor,.current_page_item,.current_page_ancestor)>.drawer-nav-drop-wrap>.drawer-sub-toggle{color:#c4afff!important}