@charset "UTF-8"; /* rtl:begin:ignore */ .gm-badge { overflow: hidden; line-height: 1; } .gm-badge > span { display: flex; align-items: center; justify-content: center; text-transform: none; white-space: nowrap; } .gm-thumb-menu-item-wrapper { width: 100%; } .gm-thumb-menu-item-wrapper .gm-thumb-menu-item { max-height: inherit; max-width: inherit; } .gm-navbar--has-shadow-sticky.gm-navbar-sticky-toggle .gm-inner { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .gm-navbar-sticky.gm-navbar-sticky-toggle .gm-wrapper, .gm-navbar-fixed-sticky.gm-navbar-sticky-toggle .gm-wrapper { position: fixed; } .gm-navbar-sticky.gm-navbar-sticky-toggle .gm-wrapper { transition-property: transform; transition-duration: 0.2s; } .gm-navbar.gm-navbar-fixed-sticky .gm-toolbar .gm-container, .gm-navbar.gm-navbar-sticky .gm-toolbar .gm-container { transition: all 0.2s ease-out; } .gm-navbar.gm-navbar-fixed-sticky.gm-navbar-sticky-toggle .gm-toolbar .gm-container, .gm-navbar.gm-navbar-sticky.gm-navbar-sticky-toggle .gm-toolbar .gm-container { transition: all 0.2s ease-out; opacity: 0; } /* rtl:begin:ignore */ /* * Container style */ .ps { overflow: hidden !important; overflow-anchor: none; -ms-overflow-style: none; touch-action: auto; -ms-touch-action: auto; } /* * Scrollbar rail styles */ .ps__rail-x { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; height: 15px; /* there must be 'bottom' or 'top' for ps__rail-x */ bottom: 0px; /* please don't change 'position' */ position: absolute; } .ps__rail-y { display: none; opacity: 0; transition: background-color .2s linear, opacity .2s linear; -webkit-transition: background-color .2s linear, opacity .2s linear; width: 15px; /* there must be 'right' or 'left' for ps__rail-y */ right: 0; /* please don't change 'position' */ position: absolute; } .ps--active-x > .ps__rail-x, .ps--active-y > .ps__rail-y { display: block; background-color: transparent; } .ps:hover > .ps__rail-x, .ps:hover > .ps__rail-y, .ps--focus > .ps__rail-x, .ps--focus > .ps__rail-y, .ps--scrolling-x > .ps__rail-x, .ps--scrolling-y > .ps__rail-y { opacity: 0.6; } .ps .ps__rail-x:hover, .ps .ps__rail-y:hover, .ps .ps__rail-x:focus, .ps .ps__rail-y:focus, .ps .ps__rail-x.ps--clicking, .ps .ps__rail-y.ps--clicking { background-color: #eee; opacity: 0.9; } /* * Scrollbar thumb styles */ .ps__thumb-x { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, height .2s ease-in-out; -webkit-transition: background-color .2s linear, height .2s ease-in-out; height: 6px; /* there must be 'bottom' for ps__thumb-x */ bottom: 2px; /* please don't change 'position' */ position: absolute; } .ps__thumb-y { background-color: #aaa; border-radius: 6px; transition: background-color .2s linear, width .2s ease-in-out; -webkit-transition: background-color .2s linear, width .2s ease-in-out; width: 6px; /* there must be 'right' for ps__thumb-y */ right: 2px; /* please don't change 'position' */ position: absolute; } .ps__rail-x:hover > .ps__thumb-x, .ps__rail-x:focus > .ps__thumb-x, .ps__rail-x.ps--clicking .ps__thumb-x { background-color: #999; height: 11px; } .ps__rail-y:hover > .ps__thumb-y, .ps__rail-y:focus > .ps__thumb-y, .ps__rail-y.ps--clicking .ps__thumb-y { background-color: #999; width: 11px; } /* MS supports */ @supports (-ms-overflow-style: none) { .ps { overflow: auto !important; } } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .ps { overflow: auto !important; } } /* rtl:end:ignore */ .gm-navbar--with-reset div, .gm-navbar--with-reset nav, .gm-navbar--with-reset ul, .gm-navbar--with-reset li { float: unset; width: unset; } .gm-navbar--with-reset li { margin: unset; } .gm-navbar .wpml-ls { width: auto; max-width: -webkit-max-content; max-width: -moz-max-content; max-width: max-content; } .gm-caret, .gm-toolbar-right, .gm-toolbar-left, .gm-menu-item__txt-wrapper, .gm-mobile-menu-container, .gm-mega-menu__item__title { margin: 0; } nav#gm-main-menu { background: none; border: none; margin: 0; padding: 0; } nav ul.gm-navbar-nav > li { display: block; } /* Woo Mini-cart style fix */ .gm-navbar .gm-main-menu-wrapper .gm-minicart-dropdown .thumbnail { position: static; margin: 0; } .gm-navbar .gm-main-menu-wrapper .gm-minicart-dropdown h3 { color: inherit; } .gm-navbar .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item { border-bottom: none; } .gm-navbar .gm-main-menu-wrapper .gm-minicart-dropdown .mini_cart_item .quantity { color: inherit; } /* Divi integration style fix */ .et-l--header .gm-navbar .gm-minicart ul, #gm-main-menu > ul.gm-navbar-nav, .gm-dropdown-menu-wrapper > ul.gm-dropdown-menu { list-style-type: none; padding: 0; line-height: inherit; } /* Divi fix for Woo ONSALE badge CSS conflict */ .et_divi_theme.woocommerce span.onsale, .et_divi_theme.woocommerce-page span.onsale { z-index: 1; } /* animation trasition fix */ .gm-logo img, .gm-menu-item__icon, .gm-badge, .gm-navbar > .gm-padding, .gm-navbar-nav .gm-dropdown-menu-wrapper, .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-anchor .gm-menu-item__txt-wrapper { -webkit-backface-visibility: hidden !important; backface-visibility: hidden !important; } /* fix iOS bug when use background-size: cover; & background-position: fixed; Together */ @supports (-webkit-touch-callout: inherit) { .gm-navbar ~ .gm-main-menu-wrapper { background-attachment: scroll !important; } } .gm-grid-container { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .gm-grid-row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .gm-navbar .grid, .gm-navbar .grid-5, .gm-navbar .grid-10, .gm-navbar .grid-11, .gm-navbar .grid-12, .gm-navbar .grid-14, .gm-navbar .grid-15, .gm-navbar .grid-16, .gm-navbar .grid-20, .gm-navbar .grid-25, .gm-navbar .grid-30, .gm-navbar .grid-35, .gm-navbar .grid-40, .gm-navbar .grid-45, .gm-navbar .grid-50, .gm-navbar .grid-55, .gm-navbar .grid-60, .gm-navbar .grid-65, .gm-navbar .grid-70, .gm-navbar .grid-75, .gm-navbar .grid-80, .gm-navbar .grid-85, .gm-navbar .grid-90, .gm-navbar .grid-95, .gm-navbar .grid-100, .gm-navbar .grid-33, .gm-navbar .grid-66, .gm-navbar .mobile-grid, .gm-navbar .mobile-grid-5, .gm-navbar .mobile-grid-10, .gm-navbar .mobile-grid-11, .gm-navbar .mobile-grid-12, .gm-navbar .mobile-grid-14, .gm-navbar .mobile-grid-15, .gm-navbar .mobile-grid-16, .gm-navbar .mobile-grid-20, .gm-navbar .mobile-grid-25, .gm-navbar .mobile-grid-30, .gm-navbar .mobile-grid-35, .gm-navbar .mobile-grid-40, .gm-navbar .mobile-grid-45, .gm-navbar .mobile-grid-50, .gm-navbar .mobile-grid-55, .gm-navbar .mobile-grid-60, .gm-navbar .mobile-grid-65, .gm-navbar .mobile-grid-70, .gm-navbar .mobile-grid-75, .gm-navbar .mobile-grid-80, .gm-navbar .mobile-grid-85, .gm-navbar .mobile-grid-90, .gm-navbar .mobile-grid-95, .gm-navbar .mobile-grid-100, .gm-navbar .mobile-grid-33, .gm-navbar .mobile-grid-66 { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .text-center { text-align: center; } .d-flex { display: flex !important; } .justify-content-center { justify-content: center; } .align-items-center { align-items: center; } .flex-grow-1 { flex-grow: 1; } .flex-column { flex-direction: column; } .h-100 { height: 100%; } .mb-4 { margin-bottom: 50px; } .mt-5 { margin-top: 25px; } .mx-4 { margin-left: 25px; margin-right: 25px; } .my-4 { margin-top: 25px; margin-bottom: 25px; } .py-4 { padding-top: 25px; padding-bottom: 25px; } .border-right { border-right: 1px solid #5a5a5a; } .gm-hidden { opacity: 0; visibility: hidden; } .gm-d-none { display: none !important; } .gm-bg-hidden { background-image: none !important; } .gm-navigation-drawer { position: fixed; top: 0; height: 100%; z-index: 1000; overflow-y: auto; transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.4s; will-change: transform; } .gm-navigation-drawer.gm-hidden { transition: none !important; } .gm-navigation-drawer .gm-menu-item__icon { margin-right: 8px; } .gm-navigation-drawer .gm-dropdown-menu-wrapper { display: none; } .gm-navigation-drawer .gm-dropdown-toggle.gm-menu-item__link .gm-caret i { transform: rotate(90deg); } .gm-navigation-drawer li { margin-bottom: 0; } .gm-navigation-drawer .gm-logo__img { display: none; } .gm-navigation-drawer .gm-logo__img-alt { display: flex; } .gm-navigation-drawer .gm-search, .gm-navigation-drawer .gm-minicart { cursor: pointer; } .gm-navigation-drawer .gm-anchor, .gm-navigation-drawer .gm-mega-menu__item__title { text-transform: uppercase; border-bottom-width: 1px; border-bottom-style: dotted; line-height: 1.4; font-weight: 700; display: flex; align-items: center; width: 100%; color: inherit; } .gm-navigation-drawer .gm-anchor .gm-menu-item__txt-wrapper, .gm-navigation-drawer .gm-mega-menu__item__title .gm-menu-item__txt-wrapper { margin-right: auto; } .gm-navigation-drawer .gm-search .gm-icon:not(:last-child) { margin-bottom: 8px; } .gm-navigation-drawer .gm-search .gm-search__txt { font-size: 11px; display: block; } .gm-navigation-drawer .gm-minicart { text-align: center; } .gm-navigation-drawer .gm-minicart .gm-minicart-link { color: inherit; } .gm-navigation-drawer .gm-minicart .gm-minicart__txt { font-size: 11px; display: block; } .gm-navigation-drawer .gm-minicart .gm-icon { font-size: 17px; } .gm-navigation-drawer--mobile .gm-dropdown-menu-wrapper { padding-left: 15px; } .gm-divider--vertical { width: 0; max-width: 0; max-height: 100%; border-style: solid; border-width: 0 1px 0 0; overflow: visible; align-self: stretch; display: inline; height: auto; } .gm-divider--vertical:last-child { display: none; } body:not(.admin-bar) .gm-navigation-drawer { top: 0; height: 100%; } @media (max-width: 782px) { .admin-bar .gm-navigation-drawer { top: 46px; height: calc(100% - 46px); } } @media (min-width: 783px) { .admin-bar .gm-navigation-drawer { top: 32px; height: calc(100% - 32px); } } .gm-nav-content-wrapper { transition: transform cubic-bezier(0.7, 0, 0.3, 1) 0.4s; will-change: transform; } .gm-navbar.gm-navbar--style-2 .gm-main-menu-wrapper:not(.gm-navigation-drawer--open) { display: none; } .gm-navigation-drawer.gm-navigation-drawer--open { transform: translate3d(0, 0, 0) !important; } html:not(.fl-builder-edit), body:not(.fl-builder-edit) { position: relative; } .gm-navbar *, .gm-main-menu-wrapper *, .gm-navigation-drawer * { box-sizing: border-box; } .gm-navbar a, .gm-navbar a:hover, .gm-navbar a:focus, .gm-navbar a:active, .gm-navbar a:visited, .gm-main-menu-wrapper a, .gm-main-menu-wrapper a:hover, .gm-main-menu-wrapper a:focus, .gm-main-menu-wrapper a:active, .gm-main-menu-wrapper a:visited, .gm-navigation-drawer a, .gm-navigation-drawer a:hover, .gm-navigation-drawer a:focus, .gm-navigation-drawer a:active, .gm-navigation-drawer a:visited { text-decoration: none; transition: none; } .gm-main-menu-wrapper { box-sizing: border-box; } .gm-main-menu-wrapper .menu-item { margin-bottom: 0; height: auto; width: auto; max-width: 100%; } .gm-main-menu-wrapper .gm-navbar-nav { display: flex; justify-content: space-between; } .gm-navbar { position: relative; } .gm-navbar .gm-toolbar { z-index: 10; } .gm-navbar .gm-inner { z-index: 5; } .gm-navbar ul, .gm-main-menu-wrapper ul, .gm-navigation-drawer ul { margin: 0; padding-left: 0; list-style: none; } .gm-navbar ul.gm-navbar-nav, .gm-navbar ul.gm-navbar-nav > li, .gm-navbar ul.gm-dropdown-menu, .gm-navbar ul.gm-dropdown-menu > li, .gm-navbar ~ .gm-main-menu-wrapper .gm-dropdown-menu .gm-menu-item, .gm-navbar .gm-dropdown-menu-wrapper > ul, .gm-navbar .gm-dropdown-menu-wrapper > ul > li, .gm-navigation-drawer ul.gm-navbar-nav, .gm-navigation-drawer ul.gm-navbar-nav > li, .gm-navigation-drawer ul.gm-dropdown-menu, .gm-navigation-drawer ul.gm-dropdown-menu > li, .gm-second-nav-drawer ul.gm-navbar-nav, .gm-second-nav-drawer ul.gm-navbar-nav > li, .gm-second-nav-drawer ul.gm-dropdown-menu, .gm-second-nav-drawer ul.gm-dropdown-menu > li, .gm-navbar .gm-toolbar-socials-list, .gm-navbar .gm-toolbar-socials-list > li, .gm-navbar .gm-plain-list-menu-wrapper > .gm-plain-list-menu { list-style: none; padding: 0 0 0 0; line-height: initial; position: initial; } .gm-wrapper { z-index: 999; } .gm-navbar button, .gm-main-menu-wrapper button { cursor: pointer; } .gm-menu-btn__inner { line-height: 1; } .gm-dropdown:not(.gm-open) .gm-dropdown-menu-wrapper { overflow: hidden; } .gm-action__gm_main_menu_actions_button_first, .gm-action__gm_main_menu_actions_button_last { display: flex; align-items: center; justify-content: center; flex-direction: row; } /************************************ GROOVY TOOLBAR *************************************/ .gm-navbar .gm-toolbar { position: relative; transition: all linear 0.2s; transition-property: background-color, opacity; } .gm-navbar .gm-toolbar-left, .gm-navbar .gm-toolbar-right { display: flex; } .gm-navbar .gm-block-container { display: block; } .gm-navbar .gm-toolbar-contacts { display: flex; flex-wrap: wrap; align-items: center; } .gm-navbar .gm-toolbar-contacts a { color: inherit !important; } .gm-navbar .gm-toolbar-socials-list { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin-left: -12px !important; margin-right: -12px !important; } .gm-navbar .gm-toolbar-socials-list .gm-toolbar-socials-list__item { margin-bottom: 0; padding-left: 12px; padding-right: 12px; } .gm-navbar .gm-toolbar-social-link { position: relative; display: flex; font-size: 16px; align-items: center; justify-content: center; transition: color 0.2s ease; } .gm-navbar .gm-toolbar-social-link .fa { line-height: 38px; } .gm-navbar .gm-toolbar-social-link span { padding-left: 4px; } .gm-navbar .gm-toolbar-email, .gm-navbar .gm-toolbar-phone { margin-right: 15px; display: flex; align-items: center; line-height: 38px; } .gm-navbar .gm-toolbar-email span, .gm-navbar .gm-toolbar-phone span { margin-right: 5px; } .gm-navbar--style-4 .gm-toolbar .gm-toolbar-social-link > span, .gm-navbar--style-3 .gm-toolbar .gm-toolbar-social-link > span, .gm-navbar--style-5 .gm-toolbar .gm-toolbar-social-link > span { display: none; } /* ---------------------------------- Toolbar Menu: Main CSS Styles ------------------------------------ */ .gm-toolbar-nav-container { padding: 0; margin: 0 16px; border: 0; width: auto; font-size: 12px; display: flex; align-items: center; justify-content: center; /* TOP menu link style */ /* SUB menu link style */ /* TOP menu link Hover style */ /* SUB menu link Hover style */ /* SUB menu List style */ } .gm-toolbar-nav-container ul, .gm-toolbar-nav-container li { list-style: none; margin: 0 !important; padding: 0 !important; } .gm-toolbar-nav-container > ul > li { margin-left: 2px; margin-right: 2px; } .gm-toolbar-nav-container ul { position: relative; } .gm-toolbar-nav-container ul li { min-height: 1px; vertical-align: middle; position: relative; } .gm-toolbar-nav-container ul li.hover, .gm-toolbar-nav-container ul li:hover { z-index: 100109; cursor: default; } .gm-toolbar-nav-container ul ul { position: absolute; padding: 0; top: 100%; left: 0; z-index: 100108; width: 100%; } .gm-toolbar-nav-container ul ul ul { top: 0; left: 99.8%; width: 170px; padding: 0; } .gm-toolbar-nav-container ul ul { bottom: 0; left: 0; } .gm-toolbar-nav-container ul ul { margin-top: 0; } .gm-toolbar-nav-container ul ul li { font-weight: normal; } .gm-toolbar-nav-container a { display: block; line-height: 1em; text-decoration: none; } .gm-toolbar-nav-container > ul { display: flex; } .gm-toolbar-nav-container > ul > li.menu-item { margin: 0 2px; } .gm-toolbar-nav-container::after, .gm-toolbar-nav-container ul::after { content: ''; display: block; clear: both; } .gm-toolbar-nav-container a { color: #686868; padding: 0 8px; } .gm-toolbar-nav-container ul ul a { color: #686868; border: 0 none; line-height: 150%; padding: 8px 20px !important; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gm-toolbar-nav-container ul li:hover > a, .gm-toolbar-nav-container ul li.active > a { color: #686868; } .gm-toolbar-nav-container ul ul li:hover > a { color: #686868; } .gm-toolbar-nav-container ul ul { text-transform: none; min-width: 50px; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .gm-toolbar-nav-container ul ul li { position: relative; } .gm-toolbar-nav-container ul ul li > a::before { position: absolute; left: 15px; display: inline-block; visibility: hidden; content: "飬?; transition: all 0.15s ease; transform: translateX(0); opacity: 0; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; } .gm-toolbar-nav-container ul ul li.menu-item-has-children > a::after { content: "飫?; position: absolute; top: 50%; right: 15px; margin-top: -8px; font: normal normal normal 14px/1 FontAwesome; -webkit-font-smoothing: antialiased; text-rendering: auto; font-size: inherit; } .gm-toolbar-nav-container ul li.last ul { left: auto; right: 0; } .gm-toolbar-nav-container ul li.last ul ul { left: auto; right: 99.5%; } .gm-toolbar-nav-container > ul > li > a { line-height: 24px; } .gm-navbar .gm-toolbar-nav .menu-item, .gm-navbar #gm-toolbar .gm-toolbar-nav-container ul { padding: 0; } .gm-action__gm_toolbar_left_first, .gm-action__gm_toolbar_left_last, .gm-action__gm_toolbar_right_first, .gm-action__gm_toolbar_right_last { display: flex; align-items: center; justify-content: center; flex-direction: row; } /*************************************** GROOVY SEARCH ***************************************/ .gm-main-menu-wrapper .gm-search { flex-direction: column; } .gm-search-wrapper { visibility: hidden; opacity: 0; } .gm-search__fullscreen-container:not(.gm-hidden) .gm-search-wrapper { visibility: visible; opacity: 1; } .gm-search-wrapper .gm-form-group { display: flex; align-items: stretch; justify-content: space-between; } .gm-search__input { outline: none; } .gm-search-btn { border: none; width: 50px; height: auto; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 0; border-bottom-left-radius: 0; } .gm-search__fullscreen-container { position: fixed; z-index: 9999; top: 0; left: 0; width: 100%; height: 100%; transition: all linear 0.2s; background-color: rgba(0, 0, 0, 0.85); } .gm-search__fullscreen-container .gm-search-btn { box-shadow: none; border-top: none; border-left: none; border-right: none; border-bottom: 2px solid rgba(255, 255, 255, 0.31); border-radius: 0; background-color: transparent; padding: 0; font-size: 19px; color: #fff; line-height: 1; margin: 0; } .gm-search__fullscreen-container .gm-search__close { position: absolute; top: 10%; right: 8%; display: block; width: 32px; height: 32px; cursor: pointer; transition: transform linear 0.2s; } .gm-search__fullscreen-container .gm-search__close:hover { transform: scale(1.1); } .gm-search__fullscreen-container .gm-search__inner { position: absolute; top: 50%; left: 50%; width: 85%; max-width: 800px; transform: translate(-50%, -50%); text-align: center; } .gm-search__fullscreen-container .gm-search__alpha { color: #fff; font-size: 16px; font-weight: 600; } .gm-search__fullscreen-container .gm-form-group { margin-top: 80px; } .gm-search__fullscreen-container .gm-search__input[type='text'] { width: 100%; height: 50px; padding: 0 20px; color: #fff; border: none; border-bottom: 2px solid rgba(255, 255, 255, 0.31); outline: none; background-color: transparent; font-size: 16px; font-weight: 600; border-radius: 0; margin: 0; } .gm-search:not(.fullscreen) .gm-search-btn { transition: background-color linear 0.2s; color: #fff; background: #393b3f; font-size: 18px; line-height: 31px; padding: 0 17px; margin: 0; } .gm-search:not(.fullscreen) .gm-search-btn:hover, .gm-search:not(.fullscreen) .gm-search-btn:focus { color: white; } .gm-search:not(.fullscreen) .gm-search-btn:hover { background-color: #93cb52; } .gm-search:not(.fullscreen) .gm-search__input { height: 35px; padding: 0 14px; margin: 0; border: 1px solid rgba(0, 1, 0, 0.1); border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px; background-color: #fff; box-shadow: inset 0.3px 5px 5px rgba(0, 1, 0, 0.02); font-size: 14px; font-family: inherit; font-style: italic; line-height: 35px; flex-grow: 1; } .gm-search:not(.fullscreen) .gm-search__input::-moz-placeholder { color: #b0b0b0; -moz-transition: color 0.2s; transition: color 0.2s; } .gm-search:not(.fullscreen) .gm-search__input:-ms-input-placeholder { color: #b0b0b0; -ms-transition: color 0.2s; transition: color 0.2s; } .gm-search:not(.fullscreen) .gm-search__input::placeholder { color: #b0b0b0; transition: color 0.2s; } .gm-main-menu-wrapper .gm-search > .gm-search__txt { font-size: 11px; } /*********************************** FULLSCREEN SEARCH ***********************************/ .gm-search__fullscreen-container.gm-hidden { visibility: hidden; opacity: 0; } .gm-navbar .gm-search__txt { display: none; } .gm-navbar .gm-menu-actions-wrapper .gm-search { margin: auto 8px; } /*************************************** GROOVY CART ***************************************/ .gm-main-menu-wrapper .gm-minicart > a { position: relative; font-size: 16px; } .gm-main-menu-wrapper .gm-minicart-icon-wrapper { position: relative; } .gm-main-menu-wrapper .gm-minicart .gm-minicart-dropdown { position: absolute; right: -15px; left: auto; width: 280px; } .gm-main-menu-wrapper .woocommerce-mini-cart__empty-message { padding-bottom: 15px !important; } .gm-main-menu-wrapper .gm-minicart-icon-wrapper > .gm-minicart__txt { font-size: 11px; } .gm-menu-actions-wrapper .gm-minicart { margin: auto 8px; } .gm-menu-actions-wrapper .gm-minicart > .gm-minicart-link { position: relative; font-size: 18px; } .gm-menu-actions-wrapper .gm-minicart > .gm-minicart-link .gm-badge > .gm-cart-counter { position: absolute; top: -16px; right: -28px; display: block; width: 26px; height: 26px; transition: top 0.2s; text-align: center; font-size: 11px; font-weight: 700; line-height: 26px; } .gm-menu-actions-wrapper .gm-minicart > .gm-minicart-link .gm-badge > .gm-cart-counter:empty { display: none; } .gm-navbar--align-right .gm-main-menu-wrapper .gm-minicart .gm-minicart-dropdown { position: absolute; right: auto; left: 5px; width: 280px; } .gm-cart-counter { position: absolute; top: -23px; right: -31px; display: block; width: 26px; height: 26px; transition: top 0.2s; text-align: center; font-size: 11px; font-weight: 700; line-height: 26px; } .gm-cart-counter:empty { display: none; } .widget_shopping_cart_content .gm-dropdown-menu { position: static !important; } .gm-main-menu-wrapper .gm-minicart-dropdown { padding: 20px 20px 5px; font-size: 14px; } .gm-main-menu-wrapper .gm-minicart-dropdown .empty { padding-bottom: 15px; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item { position: relative; padding: 6px 0 6px 80px; min-height: 85px; box-sizing: content-box; line-height: 1.5; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item:not(:last-of-type) { margin-bottom: 2px !important; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .remove { display: block; position: absolute; right: 0; top: 27px; width: 20px; height: 20px; text-align: center; font-size: 18px; font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen-Sans, Ubuntu, Cantarell, Helvetica Neue, sans-serif; font-weight: 400; color: inherit; text-decoration: none; line-height: 18px; border-radius: 0; border: none; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item a { color: inherit; font-weight: 700; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item a:not(.remove) { margin-right: 20px; display: block; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item a:not(.remove) img { width: 68px; height: auto; position: absolute; top: 10px; left: 0; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item > img { width: 68px; position: absolute; top: 0; left: 0; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .quantity { display: block; clear: both; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation { margin: 0; padding-left: 0.5em; border-left: 2px solid rgba(0, 0, 0, 0.1); } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation::after { clear: both; content: ' '; display: table; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation::before { content: ' '; display: table; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dt, .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dd { display: inline-block; float: left; font-size: inherit; padding: 0 0 2px 0; margin: 0; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dt p, .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dd p { padding: 0; margin: 0; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dd { margin-left: 0; font-weight: 400; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dd p { font-weight: 400; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation dt { font-weight: 700; margin: 0 4px 0 0; clear: left; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart-item .variation:last-of-type { margin-bottom: 0; } .gm-main-menu-wrapper .gm-minicart-dropdown .total { display: flex; justify-content: space-between; flex-wrap: wrap; } .gm-main-menu-wrapper .gm-minicart-dropdown .cart_list { max-height: 350px; overflow-y: auto; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart__buttons { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; flex-direction: column; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart__buttons a { margin: 0 0 15px 0 !important; padding: 10px 20px !important; line-height: 1.5 !important; width: 100% !important; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart__buttons a::after { display: none !important; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart__buttons .button { text-transform: uppercase; text-align: center !important; height: auto; border-radius: 0; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart__total { margin-top: 0; margin-bottom: 24px; line-height: 1.8; position: relative; padding-top: 15px; } .gm-main-menu-wrapper .gm-minicart-dropdown .woocommerce-mini-cart__total::after { position: absolute; content: ''; width: 100%; height: 1px; left: 0; top: 0; background-color: #000; opacity: 0.1; } /* rtl:begin:ignore */ [dir='rtl'] .gm-main-menu-wrapper .gm-minicart .gm-minicart-dropdown .mini_cart_item { padding-left: 0; } [dir='rtl'] .gm-main-menu-wrapper .gm-minicart .gm-minicart-dropdown .mini_cart_item .remove { right: auto; } [dir='rtl'] .gm-main-menu-wrapper .gm-minicart .gm-minicart-dropdown .mini_cart_item a:not(.remove) { margin-right: 0; } /* rtl:end:ignore */ /* mobile counter view fix */ .gm-navigation-drawer .gm-badge { position: relative; overflow: visible; } .gm-navigation-drawer .gm-badge .gm-cart-counter { right: -20px; } /*********************************** WPML ***********************************/ #lang_sel { z-index: 10; height: 38px; } #lang_sel_click { height: auto; font-family: inherit; } #lang_sel_click a { padding: 0 15px !important; } #lang_sel_click li { width: 90px !important; } #lang_sel_click a.lang_sel_sel, #lang_sel_click a.lang_sel_sel:hover { position: relative; background: none; } #lang_sel_click a.lang_sel_sel::after { position: absolute; top: 13px; right: 14px; content: '\f107'; font: normal normal normal 16px/1 FontAwesome; } #lang_sel_click a:visited, #lang_sel_click a { border: none; line-height: 38px; } #lang_sel_click ul ul a { display: block; width: 100%; } #lang_sel_click ul ul { top: 38px; width: 90px !important; border: none; line-height: 38px; } #lang_sel_click img.iclflag { position: static; } #lang_sel ul li a, #lang_sel_click ul li a { height: 38px !important; padding: 0 15px !important; line-height: 38px !important; } #lang_sel_click a:hover, #lang_sel_click:hover > a, #lang_sel_click ul ul :hover > a { background: none; } .wpml-ls { margin-left: 15px; align-self: center; width: auto; } .wpml-ls-legacy-dropdown a { border: none; } .gm-navbar .gm-actions .wpml-ls-statics-shortcode_actions { margin: 0; } .gm-navbar .gm-actions .wpml-ls-statics-shortcode_actions > ul { padding: 0 4px; } /*********************************** GROOVY PREVIEW ***********************************/ #preview-modal .gm-modal-body, .preview-modal-wrapper .gm-modal-body { height: 100%; } a[href='#disabled'].gm-minicart-link { color: inherit; } .gm-modal-body-iframe { height: 100%; } /*********************************** DROPDOWN HOVER STYLES ***********************************/ .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item:hover > .gm-anchor .gm-menu-item__txt-wrapper, .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item.gm-open > .gm-anchor .gm-menu-item__txt-wrapper, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item:hover > .gm-anchor .gm-menu-item__txt-wrapper, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item.gm-open > .gm-anchor .gm-menu-item__txt-wrapper { transform: translateX(25px); } .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item:hover > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item.gm-open > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item:hover > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item.gm-open > .gm-menu-item__link::before { visibility: visible; opacity: 1; } .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item__link::before { position: absolute; left: 15px; display: inline-block; visibility: hidden; content: '\f178'; transition: all linear 0.1s; transform: translateX(0); opacity: 0; font: normal normal normal 16px/1 FontAwesome; font-size: inherit; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: auto; } .gm-dropdown-hover-style-shift-right .mega-gm-dropdown .gm-dropdown-menu .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .mega-gm-dropdown .gm-dropdown-menu .gm-menu-item__link::before { left: 0; } .gm-dropdown-hover-style-shift-right.gm-dropdown-with-scrollbar .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer).gm-dropdown-with-scrollbar .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link::before { left: 0; } .gm-dropdown-hover-style-shift-right.gm-navbar--style-3 .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right.gm-navbar--style-5 .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer).gm-navbar--style-3 .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer).gm-navbar--style-5 .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link::before { left: 32px; } [dir='rtl'] .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item, [dir='rtl'] .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item { overflow: hidden; } [dir='rtl'] .gm-dropdown-hover-style-shift-right .gm-dropdown-menu .gm-menu-item__link::before, [dir='rtl'] .gm-dropdown-hover-style-shift-right ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown-menu .gm-menu-item__link::before { content: '\f177'; } .gm-dropdown-appearance-fade-in-out .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown.gm-minicart .gm-dropdown-menu, .gm-dropdown-appearance-fade-in-out .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown .gm-dropdown-menu-wrapper, .gm-dropdown-appearance-fade-in-out .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown .gm-dropdown-menu-wrapper .gm-dropdown-menu, .gm-dropdown-appearance-fade-in-out.gm-second-nav-drawer .gm-dropdown.gm-minicart .gm-dropdown-menu, .gm-dropdown-appearance-fade-in-out.gm-second-nav-drawer .gm-dropdown .gm-dropdown-menu-wrapper, .gm-dropdown-appearance-fade-in-out.gm-second-nav-drawer .gm-dropdown .gm-dropdown-menu-wrapper .gm-dropdown-menu, .gm-dropdown-appearance-fade-in-out ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown.gm-minicart .gm-dropdown-menu, .gm-dropdown-appearance-fade-in-out ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown .gm-dropdown-menu-wrapper, .gm-dropdown-appearance-fade-in-out ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-dropdown .gm-dropdown-menu-wrapper .gm-dropdown-menu { transition: opacity 0.16s cubic-bezier(1, 0, 1, 1), visibility 0.16s cubic-bezier(1, 0, 1, 1); } .gm-dropdown-overlay { content: ""; position: fixed; width: 0; height: 0; margin: 0; padding: 0; border: none; transition: background 170ms ease-in-out 0s; } .gm-navbar.gm-navbar-dropdown-opened ~ .gm-dropdown-overlay, .gm-second-nav-drawer.gm-drawer--open ~ .gm-dropdown-overlay, .gm-navbar.gm-navbar--style-2.gm-drawer--open ~ .gm-dropdown-overlay { left: 0; top: 0; display: block; width: 100vw; height: 100vh; background-color: rgba(35, 35, 35, 0.7); opacity: 1; } .gm-dropdown-hover-style-fadein-link-color .gm-navbar-nav .gm-menu-item, .gm-dropdown-hover-style-fadein-link-color ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-navbar-nav .gm-menu-item { transition: background-color 0.55s ease; } .gm-dropdown-hover-style-fadein-link-color .gm-navbar-nav .gm-menu-item .gm-menu-item__link, .gm-dropdown-hover-style-fadein-link-color ~ .gm-main-menu-wrapper:not(.gm-second-nav-drawer) .gm-navbar-nav .gm-menu-item .gm-menu-item__link { transition: color 0.28s ease; } .gm-dropdown-hover-style-shift-right.gm-navbar--style-2 ~ .gm-main-menu-wrapper .gm-dropdown-menu .gm-menu-item__link::before, .gm-dropdown-hover-style-shift-right.gm-second-nav-drawer .gm-dropdown-menu .gm-menu-item__link::before { left: 32px !important; } /*************************************** MEGA DROPDOWN ***************************************/ .gm-main-menu-wrapper .gm-mega-menu__item { display: flex; flex-direction: column; } .gm-main-menu-wrapper .gm-mega-menu__item .gm-dropdown-menu-wrapper { position: static; margin: 0 !important; visibility: visible; } .gm-main-menu-wrapper .gm-mega-menu__item .gm-dropdown-menu-wrapper > ul { flex: 1; position: relative; } .gm-main-menu-wrapper .gm-mega-menu__item:not(:last-of-type) .gm-dropdown-menu-wrapper > ul::after { position: absolute; top: 5px; right: -15px; height: calc(100% - 5px); content: ''; } .gm-main-menu-wrapper .gm-mega-menu__item .gm-dropdown-menu { position: static; } .gm-main-menu-wrapper .mega-gm-dropdown .gm-dropdown-menu-wrapper { right: 0; left: 0; margin: 0 auto; } .gm-main-menu-wrapper .gm-plain-list-menu-wrapper { padding-left: 1em; } .gm-main-menu-wrapper .gm-mega-menu__item__title { padding-top: 12px; padding-bottom: 12px; } .gm-navbar .mega-gm-dropdown.gm-custom-dropdown-position-start { position: relative; } .gm-navbar .gm-dropdown-menu-wrapper.gm-custom-dropdown-width, .gm-navbar .mega-gm-dropdown.gm-custom-dropdown-position-start > .gm-dropdown-menu-wrapper { margin-left: auto !important; margin-right: auto !important; } /*************************************** NAVBAR GENERAL STYLES ***************************************/ .gm-navbar .gm-wrapper { position: absolute; top: 0; right: 0; left: 0; width: 100%; margin-right: auto; margin-left: auto; transition: height 0.15s cubic-bezier(0.31, 1.04, 0.67, 0.91); } .gm-navbar.gm-navbar-fixed-sticky .gm-wrapper { position: fixed; transition: transform 0.05s ease; } .gm-navbar .gm-logo { display: flex; align-items: center; justify-content: center; z-index: 1000; } .gm-navbar .gm-logo__no-logo { max-width: 120px; text-align: center; } .gm-navbar .gm-logo__img { display: none; width: auto; max-width: none; max-height: none; } .gm-navbar .menu-item { display: block; width: auto; max-width: inherit; height: auto; padding: inherit; margin: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: none; } .gm-navbar .gm-menu-actions-wrapper { display: flex; margin: 0 24px; align-items: center; } .gm-navbar.gm-navbar--style-1 .gm-inner, .gm-navbar.gm-navbar--style-1 .gm-inner > .gm-container, .gm-navbar.gm-navbar--style-1 .gm-inner > .gm-inner-bg { transition: all 0.36s ease-out; } .gm-navbar > .gm-wrapper, .gm-navbar.gm-navbar-fixed-sticky > .gm-wrapper { opacity: 1; transition: opacity 0.38s ease-out 0.12s; } .gm-navbar.gm-navbar--show-only-hamburger { display: inline; } .gm-navbar.gm-navbar--show-only-hamburger .gm-padding, .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper > .gm-toolbar, .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper > .gm-inner .gm-inner-bg, .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper > .gm-inner .gm-container .gm-logo, .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper > .gm-inner .gm-container .gm-menu-actions-wrapper { display: none !important; } .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper, .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper > .gm-inner, .gm-navbar.gm-navbar--show-only-hamburger .gm-wrapper > .gm-inner > .gm-container { display: inline; position: inherit; padding: 0; margin: 0; max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; max-height: -webkit-fit-content; max-height: -moz-fit-content; max-height: fit-content; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-height: -webkit-fit-content; min-height: -moz-fit-content; min-height: fit-content; min-width: -webkit-fit-content; min-width: -moz-fit-content; min-width: fit-content; } .gm-inner { position: relative; box-sizing: content-box; width: 100%; margin-right: auto; margin-left: auto; border-bottom-style: solid; } .gm-inner .gm-container, .gm-inner .gm-navbar-nav { transition: height 0.15s cubic-bezier(0.31, 1.04, 0.67, 0.91); } .gm-inner-bg { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; transition: background-color 0.2s; } .gm-navbar .gm-inner, .gm-navbar .gm-inner-bg { width: 100%; } .gm-container { display: flex; margin-right: auto; margin-left: auto; align-items: stretch; justify-content: space-between; position: relative; } .gm-menu-empty { margin: auto 0 auto 0; text-align: center; width: 100%; } .gm-menu-item:not(.mega-gm-dropdown) { position: relative; } @media (max-width: 600px) { #wpadminbar { position: fixed; transform: translateZ(0); } } .gm-dropdown:not(.gm-open) .gm-dropdown-menu-wrapper { pointer-events: none; } .gm-main-menu-wrapper { display: flex; align-items: center; } .gm-main-menu-wrapper .gm-actions { display: flex; } .gm-main-menu-wrapper .gm-menu-item__link { display: flex; justify-content: space-between; align-items: center; width: 100%; padding: 12px 15px 12px 0; white-space: initial; line-height: 1.4; } .gm-main-menu-wrapper .menu-item-has-children .gm-menu-item__link { padding-right: 0; } .gm-main-menu-wrapper .gm-navbar-nav > .gm-menu-item > .gm-anchor { display: flex; width: 100%; padding: 5px 0; line-height: 25px; align-items: center; justify-content: space-between; } .gm-main-menu-wrapper .gm-anchor > .gm-caret, .gm-main-menu-wrapper .gm-anchor:not(.gm-anchor--empty) { cursor: pointer; } .gm-main-menu-wrapper .gm-anchor.gm-dropdown-toggle { cursor: pointer; } .gm-main-menu-wrapper .gm-menu-item__txt-wrapper { transition: all 0.15s; } .gm-main-menu-wrapper .gm-navbar-nav > li, .gm-main-menu-wrapper .gm-search, .gm-main-menu-wrapper .gm-minicart, .gm-main-menu-wrapper .gm-minicart-link { display: flex; align-items: center; justify-content: center; } .gm-main-menu-wrapper .gm-minicart-link { color: inherit; } .gm-main-menu-wrapper .gm-dropdown-menu-wrapper { top: 0; } .gm-main-menu-wrapper .gm-dropdown-menu > li:last-of-type > .gm-anchor { border-bottom: none !important; } .gm-main-menu-wrapper .gm-dropdown:not(.mega-gm-dropdown) { position: relative; } .gm-main-menu-wrapper .gm-dropdown-menu, .gm-main-menu-wrapper .gm-minicart-dropdown { visibility: hidden; opacity: 0; } .gm-main-menu-wrapper .gm-open > .gm-dropdown-menu-wrapper, .gm-main-menu-wrapper .gm-open > .gm-dropdown-menu-wrapper > .gm-dropdown-menu, .gm-main-menu-wrapper .gm-open > .gm-dropdown-menu, .gm-main-menu-wrapper .gm-open > .gm-minicart-dropdown, .gm-main-menu-wrapper .gm-open > .gm-search-wrapper { visibility: visible; opacity: 1; } .gm-main-menu-wrapper .gm-dropdown-menu { z-index: 1000; top: 100%; left: 0; width: 100%; text-align: left; } .gm-main-menu-wrapper .gm-dropdown-menu > .gm-menu-item { padding-right: 15px; padding-left: 15px; } .gm-main-menu-wrapper .gm-nav-inline-divider { margin: 0 10px; width: 1px; height: 30px; align-self: center; } .gm-main-menu-wrapper .gm-dropdown-menu--background { background-size: cover; } .gm-main-menu-wrapper .gm-dropdown-menu-wrapper { position: absolute; left: 0; visibility: hidden; } .gm-main-menu-wrapper .gm-menu-item__link:hover, .gm-main-menu-wrapper .gm-menu-item__link:focus, .gm-main-menu-wrapper .gm-dropdown-menu > .current-menu-ancestor > .gm-menu-item__link, .gm-main-menu-wrapper .gm-dropdown-menu > .current-menu-ancestor > .gm-menu-item__link:hover, .gm-main-menu-wrapper .gm-dropdown-menu > .current-menu-ancestor > .gm-menu-item__link:focus { outline: 0; } .gm-navbar--style-4 .gm-menu-item--lvl-0 .gm-anchor .gm-menu-item__icon { transition: all 0.2s; } .gm-navbar--has-shadow:not(.gm-navbar-sticky-toggle):not(.gm-navbar--style-4) .gm-inner { box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); } .gm-navbar--has-shadow-dropdown .gm-dropdown-menu { box-shadow: 0 8px 15px rgba(0, 0, 0, 0.1); } .gm-caret { position: relative; font-size: 16px; line-height: 1; -webkit-tap-highlight-color: transparent; } .gm-navbar.gm-navbar--hide-gm-caret .gm-navbar-nav > .gm-menu-item > .gm-anchor > .gm-caret { display: none; } .gm-menu-btn { cursor: pointer; align-items: center; } .gm-menu-item__txt-wrapper { position: relative; display: flex; align-items: center; } .gm-menu-item > .gm-anchor > .gm-menu-item__txt-wrapper { display: flex; } /* bugfix: For sub-submenus that climb out of the right side of the screen and, on some WP Themes, they call the horizontal scroll of the browser when opening the first level submenu. */ .gm-navbar .gm-navbar-nav > .gm-dropdown:not(.gm-opened-before) .gm-dropdown-menu-wrapper { display: block; visibility: hidden; } .gm-navbar .gm-navbar-nav > .gm-dropdown:hover .gm-dropdown-menu-wrapper { display: block; visibility: visible; } .gm-navbar .gm-navbar-nav > .gm-dropdown .gm-dropdown-menu .gm-dropdown-submenu:not(.gm-opened-before) .gm-dropdown-menu-wrapper { display: block; visibility: hidden; } .gm-navbar .gm-navbar-nav > .gm-dropdown .gm-dropdown-menu .gm-dropdown-submenu:hover > .gm-dropdown-menu-wrapper { display: block; visibility: visible; } .gm-mobile-postwrap { display: none; } .gm-main-menu-wrapper .gm-custom-dropdown-width > .gm-dropdown-menu > .gm-menu-item.menu-item-object-gm_menu_block { padding: 0; } /* ------------------------------------ Mobile menus Slider Style */ .gm-navigation-drawer--mobile:not(.gm-transition-work) .gm-item-hidden { display: none; } .gm-navigation-drawer--mobile:not(.gm-mobile-submenu-style-slider) .gm-dropdown-menu-title { display: none; } .gm-mobile-submenu-style-slider .gm-grid-container { overflow: hidden; position: absolute; } .gm-mobile-submenu-style-slider .gm-navbar-nav .gm-dropdown > .gm-dropdown-menu-wrapper { top: 0; position: absolute; left: 100%; width: 100%; min-height: 100%; z-index: 4; transition: transform ease-out 0.43s; } .gm-mobile-submenu-style-slider.gm-navigation-drawer--open .gm-navbar-nav .gm-dropdown:not(.gm-open) > .gm-dropdown-menu-wrapper { max-height: 1em; overflow: hidden; } .gm-mobile-submenu-style-slider.gm-navigation-drawer--open .gm-navbar-nav .gm-dropdown > .gm-dropdown-menu-wrapper { display: block; } .gm-mobile-submenu-style-slider.gm-navigation-drawer--open.gm-transition-work .gm-navbar-nav .gm-menu-item { display: block; } .gm-mobile-submenu-style-slider .gm-dropdown-menu-title { display: flex; position: relative; top: 0; width: 100%; height: 50px; padding: 0 15px; } .gm-mobile-submenu-style-slider .gm-dropdown-menu-title .gm-caret { top: auto; position: absolute; padding: 0; display: flex; align-items: center; justify-content: center; } .gm-mobile-submenu-style-slider .gm-navbar-nav .gm-dropdown.gm-open > .gm-dropdown-menu-wrapper { transform: translate3d(-100%, 0, 0); } .gm-burger { transition: margin cubic-bezier(0.7, 0, 0.3, 1) 0.2s; } .gm-anchor, .gm-burger, .gm-search, .gm-menu-btn, .gm-minicart { -webkit-tap-highlight-color: transparent; } .gm-anchor, .gm-anchor:active, .gm-anchor:focus { outline: none; } .gm-navbar.gm-navbar--align-left .gm-main-menu-wrapper.ps > .ps__rail-y { left: -6px !important; } .gm-menu-btn--text { margin: 0; padding: 0; text-indent: 0; } .gm-expand-space { height: 24px; flex-grow: 0; padding-left: 20px; padding-right: 20px; flex-shrink: 0; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; flex-direction: row; } .gm-menu-item__desc { display: block; font-size: 10px; line-height: 16px; } .gm-dropdown-with-scrollbar .gm-dropdown-menu .ps__rail-y { top: 0 !important; } .gm-dropdown-with-scrollbar .gm-dropdown-menu .ps__thumb-y { border-radius: 2px; } .gm-dropdown-with-scrollbar .mega-gm-dropdown .gm-dropdown-menu .ps__rail-y { z-index: 100; } .gm-dropdown-menu.ps, .gm-second-nav-drawer .gm-second-nav-container .gm-navbar-nav.ps { overflow: hidden !important; touch-action: auto; } .gm-navigation-drawer--mobile { touch-action: none; } .gm-navigation-drawer--mobile .ps { overflow: hidden !important; } .gm-navigation-drawer--mobile .ps__rail-y { top: 0 !important; z-index: 100; } .gm-navigation-drawer--mobile .ps__thumb-y { border-radius: 2px; } .gm-dropdown-hover-style-shift-right.gm-dropdown-with-scrollbar .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link, .gm-dropdown-hover-style-shift-right.gm-dropdown-with-scrollbar ~ .gm-main-menu-wrapper .gm-dropdown-menu .gm-menu-item > .gm-menu-item__link { position: relative; } /* rtl:begin:ignore */ [dir='rtl'] .gm-main-menu-wrapper .gm-dropdown-menu .ps__rail-y { right: auto !important; left: 0 !important; } [dir='rtl'] .gm-main-menu-wrapper .gm-dropdown-menu .ps__thumb-y { right: auto; left: 2px; } /* rtl:end:ignore */ /* Safari 10.1+ */ @media not all and (-webkit-min-device-pixel-ratio: 0), not all and (min-resolution: 0.001dpcm) { @supports (-webkit-appearance: none) { .gm-navbar.gm-navbar--style-5 .gm-main-menu-wrapper.ps, .gm-navbar.gm-navbar--style-4 .gm-main-menu-wrapper.ps, .gm-navbar.gm-navbar--style-3 .gm-main-menu-wrapper.ps { overflow: visible !important; } } } .et-db #et-boc .et-l .et-fb-modules-list ul > li.grooni_groovymenu::before, .et-db #et-boc .et-l .et-fb-modules-list ul > li.grooni_groovymenu_fullwidth::before { content: ''; display: block; height: 16px; background-image: url("../images/gm-logo.svg"); background-repeat: no-repeat; background-position: 50% 50%; } /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #000; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #000; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } .gm-burger { transition: all 0.1s; line-height: 8px; } .gm-main-menu-wrapper .gm-fullscreen-close { position: absolute; top: 10%; right: 8%; display: block; width: 32px; height: 32px; cursor: pointer; transition: transform linear 0.2s; } .gm-action__gm_before_mobile_hamburger, .gm-action__gm_after_mobile_hamburger { display: flex; align-items: center; justify-content: center; flex-direction: column; } .gm-menu-btn-second.gm-burger { display: flex; align-items: center; } .gm-navigation-drawer--mobile:not(.gm-navigation-drawer--open) .gm-menu-btn-close-mobile-drawer { visibility: hidden; opacity: 0; } /* rtl:end:ignore */