.main-header-cont{max-height:80px !important} .main-header-cont.scrolled{box-shadow:var(--box-shadow)} :is(.home,.archive,.blog,.page-id-815,.page-id-1010,.page-id-827) .main-header-cont{background-color:transparent !important} :is(.home,.archive,.blog,.page-id-815,.page-id-1010,.page-id-827) .main-header-cont.scrolled{background-color:var(--e-global-color-text) !important} :is(.home,.archive,.blog,.page-id-815,.page-id-1010,.page-id-827) .hanging-heading a{color:var(--e-global-color-text) !important} :is(.home,.archive,.blog,.page-id-815,.page-id-1010,.page-id-827) .main-header-cont.scrolled .hanging-heading a{color:var(--e-global-color-accent) !important} :is(.home,.archive,.blog,.page-id-815,.page-id-1010,.page-id-827) :is( .hanging-heading a:hover,.main-header-cont.scrolled .hanging-heading a:hover ){color:var(--e-global-color-primary) !important} .hanging-heading nav ul li a{cursor:pointer; transition:transform 0.4s ease-out} .hanging-heading nav ul li a:hover{animation:lazyHang 1.2s ease-in-out forwards} @keyframes lazyHang{0%{transform:translateY(0) rotate(0deg)} 30%{transform:translateY(-1px) rotate(0deg)} 60%{transform:translateY(-2px) rotate(-4deg)} 80%{transform:translateY(-3px) rotate(3deg)} 100%{transform:translateY(-2px) rotate(-2deg)}} .head-host-btn nav ul li:not(:nth-child(1)){display:none} body:not(.logged-in) .h-sm-p-nm li:first-child{display:none !important} body:not(.logged-in) .h-sm-login-nm li:nth-child(3){display:none !important} body.logged-in .h-sm-login-nm li:nth-child(1),body.logged-in .h-sm-login-nm li:nth-child(2){display:none !important} .head-side-menu-cont .is-icon{margin:0 0.6rem 0 0; width:1.3em !important; height:1.3em !important} .head-side-menu-cont{display:none; flex-direction:column; transform-origin:top center; position:fixed} .head-side-menu-cont.active{display:flex} .head-side-menu-cont.opening{animation:unfoldAndFade 0.4s ease-out forwards} .head-side-menu-cont.closing{animation:foldAndFadeOut 0.4s ease-in forwards} @keyframes unfoldAndFade{0%{opacity:0; transform:scaleY(0)} 100%{opacity:1; transform:scaleY(1)}} @keyframes foldAndFadeOut{0%{opacity:1; transform:scaleY(1)} 100%{opacity:0; transform:scaleY(0)}} .f-m-heading h2{display:flex; flex-direction:column} .f-m-heading h2::after{content:""; border:solid 0.15rem; border-radius:100rem; margin-top:0.5rem; width:100%; max-width:calc(100% - 40%)} .f-social-menu nav ul li a{background:var(--e-global-color-a00640a); padding:0.4rem 0.2rem !important; border-radius:100rem} .f-social-menu nav ul li a:hover{transform:translateY(-4px)} .f-b-policy-menu nav ul li:not(:nth-child(n + 2)){display:none} .f-nav-menu-btn li{display:flex; justify-content:center; flex-direction:column; align-items:center} .f-nav-menu-btn li a{background-color:var(--e-global-color-primary); max-width:40px !important; max-height:40px !important; border-radius:50%} .f-nav-menu-btn li a:hover,selector li:not(:nth-child(2)) .elementor-item-active{transform:translateY(-15px) scale(1.2); transition:cubic-bezier(0.22,1,0.36,1); will-change:transform} .f-nav-menu-btn li a::after{content:""; position:absolute; bottom:-12px; width:20px; height:3px; background:rgba(0,0,0,0.2); border-radius:100%; opacity:0} .f-nav-menu-btn li:hover a::after,.f-nav-menu-btn li:not(:nth-child(2)) a.elementor-item-active::after{opacity:0.3} .f-nav-menu-btn li:not(:nth-child(2)) a:hover,.f-nav-menu-btn li:not(:nth-child(2)) a.elementor-item-active{transform:translateY(-40%) scale(1.2)} html .f-nav-menu-btn{-webkit-tap-highlight-color:transparent}