.main-navigation{position:fixed;top:30px;width:calc(100% - 100px);z-index:999}.main-navigation__container{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 50px}.nav-widget{width:100%;display:flex;justify-content:space-between;align-items:center;background-color:var(--skross-white-color);padding:15px 50px 15px 10px;border-radius:10px;transition:transform .3s ease-out;&.hide-nav { transform: translateY(-150%); }}.nav-widget__left{background-color:var(--skross-white-color);display:flex;gap:10px;height:fit-content;align-items:center;max-height:40px}.page-template-planner .nav-widget__left,.page-template-planner .nav-widget__right{max-height:40px}.nav-widget__right{background-color:var(--skross-white-color);display:flex;align-items:center;justify-content:center;flex-direction:row;gap:20px;height:fit-content;max-height:40px;& .user-logged-in__wrapper { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 10px; & .profile--image { width: 50px; height: 50px; position: relative; border-radius: var(--skross-border-radius); overflow: hidden; } }}.nav-widget__right .skross-btn{padding:1em}.nav-widget__center{position:absolute;left:50%;transform:translateX(-50%)}.nav-item{font-family:myriad pro,serif;display:flex;align-items:center;padding:10px;color:var(--skross-primary-color);font-weight:var(--fw-bold);height:fit-content}.nav-item__brand{display:flex;align-items:center;gap:10px;width:auto;height:20px;& svg { width: 100%; height: 100%; }}.nav-item__logo{display:flex;width:50px;height:50px;flex-direction:column;justify-content:center;align-items:center;border-radius:12px;background-color:var(--skross-primary-color)}.submenu{pointer-events:none;height:0;position:fixed;top:-150px;left:50px;right:auto;bottom:auto;border-radius:10px;background-color:var(--skross-white-color);z-index:999;transition:top .5s cubic-bezier(.68,-.55,.27,1.55);&.active { height: auto; top: 120px; pointer-events: auto; background-color: var(--skross-primary-color); } & .submenu-container { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 10px; & .submenu__item-content { display: none; &.active { display: flex; flex-direction: row; justify-content: start; align-items: center; gap: 10px; } & .nav-item { font-size: 1.4rem; font-weight: 400; color: var(--skross-white-color); } } }}.mobile-main-navigation{position:fixed;z-index:5;width:100%;background-color:initial;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);&.scrolled { top: 2%; } &.scrolled .mobile-nav__container { background-color: var(--skross-white-color); box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); width: 90%; top: 10%; left: 50%; transform: translateX(-50%); border-radius: 5px; overflow: hidden; } &.scrolled .mobile-nav-brand__wrapper { background-color: var(--skross-white-color); height: 40px; & svg path { fill: var(--skross-primary-color); } }}#menu_trigger_wrapper{height:100%;display:flex;align-items:center}.mobile-nav__container{position:absolute;top:0;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;z-index:5;width:100%;transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.mobile-nav__container--wrapper{display:flex;justify-content:space-between;align-items:center;padding-right:25px;width:100%}.mobile-nav__container.active .mobile-nav-brand__wrapper{visibility:hidden;pointer-events:none}.mobile-nav__container.active .mobile-menu-container{pointer-events:auto}.footer-brand-social{display:flex;flex-direction:row;gap:10px}.mobile-nav-brand__wrapper{display:flex;width:55px;height:60px;padding:10px;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;border-radius:0 0 20px 0;background:var(--skross-primary-color,#E30613);transition:all .5s cubic-bezier(.68,-.55,.27,1.55)}.mobile-nav-brand__logo{width:4rem;display:flex;align-items:center}.mobile-nav-brand__logo svg{width:100%;height:100%}#mobile-menu-container{position:absolute;top:0;background-color:var(--skross-white-color);width:100vw;height:0;z-index:2;display:flex;flex-direction:column;justify-content:center;opacity:0;pointer-events:none}.mobile-menu-items__container{width:100%}.qq-mobile-items{display:flex;flex-direction:column;padding:0 10vw}.mobile-menu-footer__container{position:absolute;top:120px;left:0;background-color:var(--skross-white-color);z-index:2;display:flex;flex-direction:column;justify-content:space-between;gap:20px}.mobile-menu-footer__item--container{padding:0 10vw;display:flex;align-items:center;gap:10px}.qq-mobile-item{display:flex;flex-direction:column;align-items:start;margin-bottom:20px}.qq-mobile-item-title{font-size:3.6rem;font-weight:300;line-height:normal;color:var(--skross-black-color);text-transform:uppercase}.mobile-menu-login__container{position:absolute;bottom:0;top:auto;left:0;right:auto;display:flex;flex-direction:column;justify-content:flex-end;gap:20px;align-items:flex-start}.mobile-menu-login__action-text{padding:0 10vw}.mobile-menu-login__action-text span{font-size:2rem;font-weight:400;color:var(--skross-black-color)}.mobile-menu-login__link{font-weight:700;color:var(--skross-black-color);text-transform:capitalize}.mobile-menu-login__action-button{display:flex;padding:40px 45px;justify-content:start;align-items:center;gap:10px;border-radius:0 50px 0 0;background:var(--skross-primary-color,#E30613);font-size:2.4rem;font-weight:400;color:var(--skross-white-color);text-transform:uppercase}.qq-mobile-submenu{max-height:0;opacity:0;pointer-events:none;overflow:hidden;transition:all .5s cubic-bezier(.68,-.55,.27,1.55);display:flex;flex-direction:column;gap:20px;&.active { max-height: 200px; opacity: 1; pointer-events: auto; margin-bottom: 20px; }}.about-nav{position:fixed;bottom:30px;width:fit-content;min-width:25vw;max-width:80vw;z-index:1;left:50%;transform:translateX(-50%);border-radius:12px;background:rgba(0,0,0,.9);& nav { display: block; }}.page-template-planner .about-nav,.single-skross-trip .about-nav,.page-template-travel-planner-landing .about-nav{background:#fff;color:var(--skross-black-color);& .about-nav__item { color: var(--skross-black-color); }}.about-nav__container{width:100%;display:flex;padding:10px;gap:10px;flex-direction:row;justify-content:center}.about-nav__item{display:flex;flex-direction:row;justify-content:center;padding:10px;gap:10px;align-items:center;color:var(--skross-white-color);font-weight:300;font-size:1.8rem;text-wrap:nowrap}ul.cat-slider{margin:0 0 -1rem;overflow-x:unset;padding:0;white-space:normal;width:72vw;& .cat-slide { margin-left: 0; margin-bottom: 1rem; margin-right: .75rem; display: inline-block; & .search-link { border-radius: var(--skross-border-radius); display: block; font-weight: 600; } }}.breadcrumbs{margin-top:1rem;margin-bottom:2rem;& p { margin-bottom: 0px; }}.breadcrumbs.no-thumbnail{margin-top:0;margin-bottom:0}.rank-math-breadcrumb{text-transform:uppercase;font-weight:300;& a { position: relative; &::after { content: ''; position: absolute; bottom: 0px; left: 0; width: 100%; height: 0.06rem; background: currentcolor; transform: scaleX(0); transform-origin: 0 0; transition: transform .3s ease 0s; } &:hover::after { transform: scaleX(1); } } & p { display: inline-flex; align-items: center; gap: 10px; }}.pagination{display:flex;justify-content:center;gap:10px;margin-top:2rem;& .page-numbers { padding: 0.5rem 1rem; border-radius: 0.5rem; background-color: var(--skross-white-color); color: var(--skross-black-color); font-weight: 300; text-align: center; display: inline-block; transition: all 0.3s ease-in-out; &.current { background-color: var(--skross-primary-color); color: var(--skross-white-color); } &:hover { background-color: var(--skross-primary-color); color: var(--skross-white-color); } }}.menu-list{list-style:none;padding:15px 20px;ms-overflow-style:none;overflow-x:scroll;-webkit-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;scrollbar-width:none;white-space:nowrap;width:100%;display:flex;margin-top:0;margin-bottom:0}.menu-list>li{margin-left:0;margin-right:.75rem;margin-bottom:0;display:inline-block}@media screen and (max-width:960px){.main-navigation{display:none}}@media screen and (min-width:960px){.mobile-main-navigation{display:none}}@media only screen and (max-width:1440px){.nav-widget__center{display:none}}