﻿.ihh-navbar {position:relative;padding:0;margin:0 calc(-.5 * var(--bs-gutter-x));top:0;left:0;z-index:98;}
.ihh-navbar a>span {text-decoration:none;}
.ihh-navbar>ul {display:flex;width:100%;align-items:center;justify-content:space-between;background:var(--purple);flex-flow:row wrap;}
.ihh-navbar>ul ul {position:relative;width:100%;height:0;max-height:75%;background:#9666be;overflow:hidden auto;}
.ihh-navbar>ul ul ul {background:#74568d;}
.ihh-navbar ul {padding:0;margin:0;list-style:none;}
.ihh-navbar li {position:relative;flex:0 0 100%;}
.ihh-navbar li>a {display:flex;padding:1.5rem;color:#fff;font-weight:600;text-decoration:none;align-items:center;justify-content:space-between;}
.ihh-navbar li>a:after {position:relative;display:block;width:1.6rem;height:1.6rem;flex:0 0 auto;margin:0 0 0 1rem;content:"";background-image:url('../../images/reskin/icon-chevron-down-white.svg');background-size:cover;background-repeat:no-repeat;}
.ihh-navbar ul ul li>a:after {background-image:url('../../images/reskin/icon-chevron-right-white.svg');}
.ihh-navbar li.active>a:after {transform:rotate(180deg);}
.ihh-navbar li.active>ul {height:auto;}
.ihh-navbar li.active li.active>a {justify-content:flex-start;}
.ihh-navbar li.active li.active>a>span {order:2;}
.ihh-navbar li.active li.active>a:after {margin:0 1.5rem 0 0;}
@media(min-width:992px) { 
	.ihh-navbar {position:absolute;width:100%;margin:0;top:2.5rem;left:0;}
	.ihh-navbar--no-sticky {position:relative;top:0;}
	.ihh-navbar>ul {width:100%;max-width:96rem;padding:0 .75rem;margin:0 auto;background:none;border-radius:2rem;overflow:hidden;}
	.ihh-navbar>ul>li>a {display:none;}
	.ihh-navbar>ul>li>ul>li>a {position:relative;padding:2.5rem 1.5rem;}
	.ihh-navbar>ul>li>ul>li>a:after {transform:rotate(90deg);}
	.ihh-navbar>ul>li>ul>li:first-child>a {padding:2.5rem 1.5rem 2.5rem 3rem;border-bottom-left-radius:2rem;}
	.ihh-navbar>ul ul {display:flex;height:auto;flex-flow:row nowrap;background:var(--purple);overflow:auto;border-radius:2rem;}
	.ihh-navbar>ul ul ul {position:fixed;display:none;width:32rem;padding:3rem 0 0;margin:-3rem 0 0;border-radius:0;z-index:-1;}
	.ihh-navbar>ul ul>li {flex:0 1 auto;}
	.ihh-navbar li.active>a:after {transform:rotate(90deg);}
	.ihh-navbar>ul ul>li:hover>ul {display:block;}
}
@media(min-width:1200px) { 
	.ihh-navbar>ul {max-width:114rem;}
}
@media(min-width:1400px) { 
	.ihh-navbar>ul {max-width:132rem;}
}