.nav-menu * {margin: 0; padding: 0; list-style: none} .nav-header .nav-row {display: flex; flex-direction: row; position: relative} .nav-header .nav-row .nav-logo {position: relative} .nav-header .nav-row .nav-logo a {display: block} .nav-header .nav-row .menu-container .nav-menu {margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap} .nav-header .nav-row .menu-container .nav-menu>li {font-family: var(--header-font); font-size: 1rem; font-weight: 600; text-transform: uppercase; color: var(--defult-font-color); border-radius: 8px} .nav-header .nav-row .menu-container .nav-menu>li>a {color: inherit} .nav-header .nav-row .menu-container .nav-menu li.sfHover>ul {display: block} .nav-header .nav-row .menu-container .nav-menu li {position: relative; white-space: nowrap} .nav-header .nav-row .menu-container .nav-menu li ul {position: absolute; display: none; top: 100%; left: 0; z-index: 99} .nav-header .nav-row .menu-container .nav-menu li ul li {min-width: 220px} .nav-header .nav-row .menu-container .nav-menu li ul li:not(:last-of-type) {border-bottom: 1px solid #33333345} .nav-header .nav-row .menu-container .nav-menu li ul li ul {top: 0; left: 100%} .menu-has-children > a > .menu-arrow {flex: 0 0 auto; font-size: 0.8em; line-height: 1; pointer-events: none; transition: transform 200ms ease} .nav-menu>li {} .menu-has-children a.active + ul + .bx {color: var(--white)} @media (min-width: 992px) {.nav-header .nav-row .menu-container {width: 100%; padding: 0.75rem 0; display: flex; justify-content: flex-end} .sf-arrows i.fa {font-size: 0.7rem; position: absolute; top: 50%; right: 5px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%)} .nav-header .nav-row .menu-container .nav-menu li {margin-right: 10px} .nav-header .nav-row .menu-container .nav-menu li:last-child {margin-right: 0}} @media (max-width: 991px) {#nav-menu-container {display: none} .nav-header .nav-row .nav-logo a img {max-height: 70px; width: auto}} .nav-menu li a {padding: 8px 20px; text-decoration: none; display: inline-block; outline: none; cursor: pointer; border-radius: 8px} #nav-menu-container a:focus-visible,#mobile-nav a:focus-visible,#mobile-nav .menu-toggle:focus-visible {outline: 3px solid currentColor; outline-offset: -3px} .nav-menu:not(.nav-slide) li a.active{background-color:var(--primary);color:var(--white)!important} @media(min-width:992px){#nav-menu-container.site-nav>.site-nav__list.nav-slide{position:relative;isolation:isolate}#nav-menu-container.site-nav>.site-nav__list.nav-slide:before{content:"";position:absolute;left:0;top:0;width:var(--pill-w);height:var(--pill-h);transform:translate(var(--pill-x),var(--pill-y));background:var(--primary);border-radius:999px;box-shadow:0 8px 22px rgba(65,95,122,.18);pointer-events:none;z-index:-1}#nav-menu-container.site-nav>.site-nav__list.nav-slide.nav-animate:before{transition:transform .25s ease,width .25s ease,height .25s ease}}@media(prefers-reduced-motion:reduce){#nav-menu-container.site-nav>.site-nav__list.nav-slide:before{transition:none!important}} .nav-menu li ul {margin: 4px 0 0 0; border-radius: 4px; box-shadow: 0px 0px 30px rgba(127,137,161,0.25)} .nav-menu li ul li {-webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out} .nav-menu li ul li a {padding: 10px; color: #888; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out; display: block; text-transform: none} .nav-menu li ul li ul {margin: 0} .nav-menu li ul li:first-of-type a {border-top-right-radius: 4px; border-top-left-radius: 4px} .nav-menu li ul li:last-of-type a {border-bottom-right-radius: 4px; border-bottom-left-radius: 4px} body:not(.home) .nav-menu>li.current-menu-item>a:before {position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; height: 6px; width: 60%; left: 20%; bottom: 12px; right: 20%; background-color: #fedc2a; z-index: -1} .nav-menu>li.menu-active>a:before {position: absolute; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; height: 6px; width: 60%; left: 20%; bottom: 12px; right: 20%; background-color: #fedc2a; z-index: -1} #mobile-nav-toggle {width: 3.75rem; position: absolute; top: 0; bottom: 0; right: 0; z-index: 999; margin: 0; border: 0; background-color: transparent; font-size: 24px; display: none; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out; outline: none; cursor: pointer} #mobile-nav-toggle i {color: var(--primary); -webkit-transition: opacity 200ms ease-out; -moz-transition: opacity 200ms ease-out; -ms-transition: opacity 200ms ease-out; -o-transition: opacity 200ms ease-out; transition: opacity 200ms ease-out} #mobile-nav-toggle::before,#mobile-nav-toggle::after {content: ""; position: absolute; left: 50%; top: 50%; width: 22px; height: 2px; margin: -1px 0 0 -11px; background-color: var(--primary); opacity: 0; -webkit-transition: opacity 200ms ease-out,-webkit-transform 300ms ease-out; -moz-transition: opacity 200ms ease-out,-moz-transform 300ms ease-out; -ms-transition: opacity 200ms ease-out,-ms-transform 300ms ease-out; -o-transition: opacity 200ms ease-out,-o-transform 300ms ease-out; transition: opacity 200ms ease-out,transform 300ms ease-out; pointer-events: none} #mobile-nav-toggle::before {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)} #mobile-nav-toggle::after {-webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg)} body.mobile-nav-active #mobile-nav-toggle i {opacity: 0} body.mobile-nav-active #mobile-nav-toggle::before,body.mobile-nav-active #mobile-nav-toggle::after {opacity: 1} body.mobile-nav-active #mobile-nav-toggle::before {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)} body.mobile-nav-active #mobile-nav-toggle::after {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)} #mobile-nav-toggle .toggle-icon {display: block; height: 2px; background-color: var(--black); position: absolute; left: 0; right: 0; -webkit-transition: all 600ms ease-out; -moz-transition: all 600ms ease-out; -ms-transition: all 600ms ease-out; -o-transition: all 600ms ease-out; transition: all 600ms ease-out} #mobile-nav-toggle .toggle-icon:before,#mobile-nav-toggle .toggle-icon:after {content: ""; position: absolute; left: 0; right: 0; height: 2px; background-color: var(--black); -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out} #mobile-nav-toggle .toggle-icon:before {top: -6px} #mobile-nav-toggle .toggle-icon:after {bottom: -6px} @media (max-width: 991px) {#mobile-nav-toggle {display: block}} #mobile-nav {position: fixed; top: 0; padding-top: 18px; bottom: 0; z-index: 998; background-color: var(--primary); left: -260px; width: 260px; overflow-y: auto; -webkit-transition: all 400ms ease-out; -moz-transition: all 400ms ease-out; -ms-transition: all 400ms ease-out; -o-transition: all 400ms ease-out; transition: all 400ms ease-out} #mobile-nav ul {padding: 0; margin: 0; list-style: none} #mobile-nav ul li {font-family: var(--header-font); font-size: 1rem; line-height: 1.35; font-weight: 500; color: var(--white); position: relative} #mobile-nav ul li a {color: inherit; overflow: hidden; padding: 10px 22px 10px 15px; position: relative; text-decoration: none; width: 100%; display: block; outline: none; -webkit-transition: all 300ms ease-out; -moz-transition: all 300ms ease-out; -ms-transition: all 300ms ease-out; -o-transition: all 300ms ease-out; transition: all 300ms ease-out} #mobile-nav ul li a:hover {color: var(--white)} #mobile-nav ul li ul li {padding-left: 30px; font-weight: 400} #mobile-nav ul li.menu-has-children > a {min-height: 44px; padding-right: 52px} #mobile-nav ul li.menu-has-children > .menu-toggle {position: absolute; top: 0; right: 0; z-index: 2; display: grid; place-items: center; width: 44px; height: 44px; margin: 0; padding: 0; border: 0; background: transparent; color: inherit; cursor: pointer} #mobile-nav ul li.menu-has-children > .menu-toggle i {position: static; padding: 0; pointer-events: none} #mobile-nav ul .menu-item-active {color: var(--white)} #mobile-nav .dropdown-menu li a {color: var(--defult-font-color)} #mobile-nav .dropdown-menu li a:hover {color: var(--defult-font-color)} #mobile-body-overly {width: 100%; height: 100%; z-index: 100; top: 0; left: 0; position: fixed; background-color: rgb(0 0 0 / 42%); display: none} body.mobile-nav-active {overflow: hidden} body.mobile-nav-active #mobile-nav {left: 0} body.mobile-nav-active #mobile-nav-toggle .toggle-icon {-webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out; background-color: transparent} body.mobile-nav-active #mobile-nav-toggle .toggle-icon:before,body.mobile-nav-active #mobile-nav-toggle .toggle-icon:after {background-color: #000} body.mobile-nav-active #mobile-nav-toggle .toggle-icon:before {top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg)} body.mobile-nav-active #mobile-nav-toggle .toggle-icon:after {bottom: 0; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg)} #mobile-nav ul li.current-page-parent,#mobile-nav ul li.current_page_item,#mobile-nav ul li:hover i {color: var(--defult-font-color)} #header {position: fixed; top: 0; left: 0; right: 0; z-index: 99; -webkit-transition: all 100ms ease-out; -moz-transition: all 100ms ease-out; -ms-transition: all 100ms ease-out; -o-transition: all 100ms ease-out; transition: all 100ms ease-out} #header.header-fixed {-webkit-box-shadow: 0 0 20px rgba(90,59,93,0.15); -moz-box-shadow: 0 0 20px rgba(90,59,93,0.15); -ms-box-shadow: 0 0 20px rgba(90,59,93,0.15); -o-box-shadow: 0 0 20px rgba(90,59,93,0.15); box-shadow: 0 0 20px rgba(90,59,93,0.15); background-color: var(--white)} .nav-header .nav-row .menu-container .nav-menu>li.current_page_item,.nav-header .nav-row .menu-container .nav-menu>li.current-page-parent {color: var(--primary)} .rightside-menu {margin-left: 2em} .rightside-menu ul {margin: 0; padding: 0; display: flex; flex-wrap: wrap; column-gap: 0.25rem} .rightside-menu ul li {list-style: none; color: var(--black)} .rightside-menu ul li a {font-weight: 600; color: inherit} .rightside-menu ul li a.btn-tranparent:hover {color: var(--primary)} .logres-btn {--padding-x: 0.5rem; --padding-y: 0.375rem; padding: var(--padding-y) var(--padding-x); display: inline-block; text-decoration: none} .logres-btn:hover {color: var(--primary)} .rightside-menu .logres-btn span,.rightside-menu .logres-btn i {vertical-align: middle; display: inline-block} .rightside-menu .logres-btn i {font-size: 1.25rem; color: var(--primary)} @media(max-width:767px) {.rightside-menu {margin-left: auto; margin-right: 2rem} .rightside-menu .book-link {display: none}}