.header-frame {overflow: hidden;}
.header-frame .background-image-left {
  left: calc((100% - 1240px)/ 2)
}
.header-frame .background-image-right {
  right: calc((100% - 1240px)/ 2)
}
.header-frame__background-animation-left {
  width: 300px;
  height: 300px;
  mix-blend-mode: screen;
  opacity: .7;
  -webkit-transform:translate(40%,72%) rotate(-45deg);
  -ms-transform: translate(40%,72%) rotate(-45deg);
  transform: translate(40%,72%) rotate(-45deg)
}
.header-frame__background-animation-right {
  width: 500px;
  height: 500px;
  mix-blend-mode: screen;
  opacity: .7;
  -webkit-transform: translate(40%,65%) rotate(-45deg);
  -ms-transform: translate(40%,65%) rotate(-45deg);
  transform: translate(40%,65%) rotate(-45deg)
}
/* .header-frame__content::after {background: url("~/media/Images/D/Diageo-V2/Diageo-Distilled/header-bg/header-bg-1-png") bottom right / contain no-repeat; max-width: 100%; bottom: 0; height: 100%; width: 100%; z-index: -1; content: ""; position: absolute; right: calc(var(--bs-gutter-x) * -1);} */

.header-wrapper.distilled-header .header-frame__cta .action-button { background: rgba(255, 255, 255, 0.3); color: white;}
.header-wrapper.distilled-header .header-frame__cta .share-button:hover .action-button{ background: white; color: var(--dark-tone);}
.header-signpost { height: 280px; max-width: 100% !important; min-width: 33.333%; flex:1; overflow: hidden; cursor: pointer;}
.header-signpost__sub-content { position: relative; opacity: 1; transform: translateY(20rem); z-index: 3; transition: transform 0.7s ease-in-out; height: 100%} /**/
.header-signpost__title { z-index: 5;}
.header-signpost__link { /* opacity: 0; transition: transform 0.4s ease-in-out; transform: translateY(9.8rem);*/ bottom: 0; right: 0; z-index: 3;}
.header-signpost__content { z-index: 3;  justify-content: end;}
.header-signpost__content::after { background: linear-gradient(180deg, rgba(0, 0, 0, 0) 52.2%, rgba(0, 0, 0, 0.6) 85.34%) center / cover no-repeat !important; content: ""; z-index: 2; position: absolute; inset: 0; width: 100%; height: 100%;}
.header-signpost__image img{ transition: all 0.7s ease-in-out; }
.header-signpost__image .background-video { min-height: auto;}
.header-signpost:hover .header-signpost__sub-content,  .header-signpost:focus .header-signpost__sub-content, .header-signpost:focus-within .header-signpost__sub-content{ transform: translateY(0);} /**/
.header-signpost:hover .header-signpost__image img, .header-signpost:focus .header-signpost__image img, .header-signpost:focus-within .header-signpost__image img{ opacity: 0; visibility: hidden; height: 0 !important;} /**/
.header-signpost:hover .header-signpost__image .background-video, .header-signpost:focus .header-signpost__image .background-video, .header-signpost:focus-within .header-signpost__image .background-video{ transform: translateY(-2.6rem);} 
.header-signpost:hover .header-signpost__content, .header-signpost:focus .header-signpost__content, .header-signpost:focus-within .header-signpost__content { padding-bottom: var(--sm-2); padding-top: var(--sm-1); justify-content: flex-start; cursor: auto} /**/
/*.header-signpost:hover .header-signpost__link, .header-signpost:focus .header-signpost__link, .header-signpost:focus-within .header-signpost__link { opacity: 1; transform: translateY(0);} */
.sub-navigation.distilled-header, .header.hovered:hover .main-nav-level-1.haschildren.hovered > .distilled-header.sub-navigation, .header.hovered:focus .main-nav-level-1.haschildren.hovered > .distilled-header.sub-navigation, .header-wrapper .navigation-wrapper .main-nav-level-1.haschildren.hovered:focus-within > .distilled-header.sub-navigation{ height: 100% !important;}
.distilled-header.sub-navigation .share-button { position: absolute; right: auto; top: auto;}
.header-signpost__text{opacity: 0}
.header-signpost:hover .header-signpost__text, .header-signpost:focus .header-signpost__text, .header-signpost:focus-within .header-signpost__text{ opacity: 1}

/*header styling*/
.header-wrapper.distilled-header, .distilled-header .sub-navigation .sub-navigation-bg { background: var(--black); color: var(--white);}
.header-wrapper.distilled-header a.navigation, .header-wrapper.distilled-header a.subnav-font,.header-wrapper.distilled-header .search-head-button .search-head-trigger, .header-wrapper.distilled-header .mm-menu a, .header-wrapper.distilled-header .mm-menu a:active, .header-wrapper.distilled-header .mm-menu a:hover, .header-wrapper.distilled-header .mm-menu a:link, .header-wrapper.distilled-header .mm-menu a:visited { color: var(--white);}
.distilled-header .cta.cta--text-link, .distilled-header.header-wrapper .navigation-wrapper .level1 .navigation:hover, .distilled-header.header-wrapper .navigation-wrapper .level1.current .navigation, .distilled-header.header-wrapper .navigation-wrapper .level1.selected .navigation {color: var(--white); background: 0 0;}
.distilled-header .cta { background: var(--white); color: var(--black);}
.distilled-header.header-wrapper .navigation-wrapper .level1 .navigation::after, .header-wrapper.distilled-header .action-button, .header-wrapper.distilled-header .sub-navigation .subnav-font:hover, .header-wrapper.distilled-header .sub-navigation .subnav-font:focus-visible, .header-wrapper.distilled-header .sub-navigation .subnav-font:focus-within, .header-wrapper.distilled-header .sub-navigation .level2.current > .subnav-font, .header-wrapper.distilled-header .sub-navigation .level3.current > .subnav-font, .distilled-header.header-wrapper .sub-navigation .level4.current > .subnav-font, .distilled-header.header-wrapper .sub-navigation .level2.selected > .subnav-font, .distilled-header.header-wrapper .sub-navigation .level3.selected > .subnav-font, .distilled-header.header-wrapper .sub-navigation .main-nav-level-2:hover > .subnav-font, .distilled-header.header-wrapper .sub-navigation .main-nav-level-2:focus-within > .subnav-font, .distilled-header.header-wrapper .sub-navigation .main-nav-level-3:hover > .subnav-font, .distilled-header.header-wrapper .sub-navigation .main-nav-level-3:focus-within > .subnav-font { background-color: var(--white);}
.header .distilled-header a:focus-visible, .header .distilled-header button:focus-visible { outline: 2px dashed white;}
.header-wrapper.distilled-header .action-button:hover {background-color: rgba(255, 255, 255, 0.4);}
.header-wrapper.distilled-header .cta--primary:focus-visible::before, .header-wrapper.distilled-header .cta--primary:hover::before{background: rgba(0,0,0,.2)}
.header .header-wrapper.distilled-header .logo-wrapper .logoLight{display: block;}
.header .header-wrapper.distilled-header .logo-wrapper .logoDark{ display: none;}
.header .header-wrapper.distilled-header .search-main-head-wrapper .search__head__filter--text{border-bottom: 2px solid var(--white)}
.header .header-wrapper.distilled-header .mm-panel, .distilled-header.header-wrapper .sub-navigation{background: black;}
.distilled-mobile-header.mm-menu a, .distilled-mobile-header.mm-menu a:active, .distilled-mobile-header.mm-menu a:hover, .distilled-mobile-header.mm-menu a:link, .distilled-mobile-header.mm-menu a:visited, .header .header-wrapper.distilled-header .search-main-head-wrapper .search__head__filter--text input,.header .header-wrapper.distilled-header .search-head-wrapper .searchHeadBtn.icon-search {color: var(--white);}
.distilled-mobile-header .mm-btn--next:after, .distilled-mobile-header .mm-btn--prev:before{ border: 2px solid var(--white); border-bottom: none; border-right: none;}
.header .header-wrapper.distilled-header .search-main-head-wrapper .search-box-wrapper{background: black;}
.header .header-wrapper.distilled-header .search-main-head-wrapper .search-head-wrapper:focus-within,.header .header-wrapper.distilled-header .search-head-wrapper .search-auto-complete{background:none;}
.header .header-wrapper.distilled-header .search-main-head-wrapper .search__head__filter--text input {font-size: var(--h1-fs); line-height: var(--h1-lh); text-transform: none;}

@media only screen and (max-width: 1199.98px) {
.header .header-wrapper.distilled-header .mobile-menu .menu-trigger{color: var(--white);}
.distilled-mobile-header.mm-menu .mm-panels, .distilled-mobile-header.mm-menu .mm-panel, .distilled-mobile-header.mm-menu .mm-navbar{ background: var(--black)}
.distilled-mobile-header .mm-listitem.level1.haschildren > div.mm-panel ul li.mm-listitem a,.distilled-mobile-header .mm-listitem.level3,.distilled-mobile-header .mm-listitem.level2,.distilled-mobile-header .mm-listitem.level4,.distilled-mobile-header .mm-listitem.haschildren > a.mm-btn:hover,.distilled-mobile-header .mm-listitem.selected.haschildren > a.mm-btn,.distilled-mobile-header .mm-listitem.selected.haschildren > a.mm-btn,.distilled-mobile-header .mm-listitem.haschildren.current > a.mm-btn:hover,.distilled-mobile-header .mm-navbar__btn:hover,.distilled-mobile-header .mm-listitem:hover,.distilled-mobile-header .mm-listitem > a:hover{ background-color: black;}
.distilled-mobile-header.mm-menu{-webkit-tap-highlight-color: transparent;}
.distilled-mobile-header .mm-listitem {border-bottom: 1px solid rgba(255, 255, 255, 0.10);}
.distilled-mobile-header .mm-btn:not(.mm-hidden) + .mm-navbar__title:last-child:hover{ color: var(--white); background-color: var(--black);}
.distilled-mobile-header .mm-listitem.current.haschildren > a.mm-btn {background-color: var(--black)}
.header .header-wrapper.distilled-header .search-main-head-wrapper .search__head__filter--text input{ line-height: 4.4rem; font-size: 1.8rem;}
}