.guten-umZbLz.layout-boxed > .guten-container { max-width: 1200px; } section.guten-element.guten-umZbLz > .guten-container > .guten-column > .sticky-wrapper > .guten-column-wrapper, section.guten-element.guten-umZbLz > .guten-container > .guten-column > .guten-column-wrapper { align-content: center; align-items: center; } section.guten-section.guten-umZbLz.pinned { top: 0px; } .guten-section-wrapper.pinned.section-guten-umZbLz { top: 0px; z-index: 99; } .section-wrapper.pinned > section.guten-section.guten-umZbLz { background-color: rgba(35, 35, 35, 1); } .guten-umZbLz:not(.background-animated), .guten-umZbLz.background-animated > .guten-background-animated .animated-layer { background: var(--wp--preset--color--contrast); } .guten-umZbLz.guten-element { border-bottom-style: solid; border-bottom-width: 4px; border-bottom-color: var(--wp--preset--color--accent-3); } .guten-element.guten-umZbLz { margin-bottom: -60px; padding-right: 30px; padding-left: 30px; z-index: 5; } @media only screen and (max-width: 1024px) { .guten-element.guten-umZbLz { margin-bottom: -60px; padding-top: 0px; padding-right: 25px; padding-bottom: 0px; padding-left: 0px; } } @media only screen and (max-width: 767px) { .guten-element.guten-umZbLz { margin-bottom: -60px; padding-right: 10px; padding-left: 0px; } }.guten-fzJ2ID { width: 15.9%; order: 1; } .guten-section > .guten-container > .guten-fzJ2ID.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-fzJ2ID.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-fzJ2ID:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-fzJ2ID.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-fzJ2ID:not(.background-animated) > .guten-column-wrapper, .guten-fzJ2ID.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: rgba(231, 60, 20, 1); background-attachment: scroll; } .guten-fzJ2ID > .sticky-wrapper > .guten-column-wrapper, .guten-fzJ2ID > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 19px; padding-right: 16px; padding-bottom: 18px; padding-left: 16px; } @media only screen and (max-width: 1024px) { .guten-fzJ2ID { width: 20%; } .guten-fzJ2ID:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-fzJ2ID.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-fzJ2ID:not(.background-animated) > .guten-column-wrapper, .guten-fzJ2ID.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-attachment: scroll; } .guten-fzJ2ID > .sticky-wrapper > .guten-column-wrapper, .guten-fzJ2ID > .guten-column-wrapper { padding-top: 16px; padding-bottom: 16px; } } @media only screen and (max-width: 767px) { .guten-fzJ2ID.guten-element.guten-column { width: 40%; } .guten-fzJ2ID:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-fzJ2ID.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-fzJ2ID:not(.background-animated) > .guten-column-wrapper, .guten-fzJ2ID.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background-attachment: scroll; } .guten-fzJ2ID > .sticky-wrapper > .guten-column-wrapper, .guten-fzJ2ID > .guten-column-wrapper { padding-right: 10px; padding-left: 10px; } }.guten-bBPHQ8 { width: 84%; order: 1; } .guten-section > .guten-container > .guten-bBPHQ8.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-bBPHQ8.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-bBPHQ8 > .sticky-wrapper > .guten-column-wrapper, .guten-bBPHQ8 > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } @media only screen and (max-width: 1024px) { .guten-bBPHQ8 { width: 80%; } } @media only screen and (max-width: 767px) { .guten-bBPHQ8.guten-element.guten-column { width: 60%; } .guten-section > .guten-container > .guten-bBPHQ8.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-bBPHQ8.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-io6KFs.guten-image .guten-image-wrapper { justify-content: center; } .guten-io6KFs img { width: 68%; } .guten-io6KFs { } .guten-element.guten-io6KFs { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 1024px) { .guten-io6KFs img { width: 80%; } } @media only screen and (max-width: 767px) { .guten-io6KFs img { width: 80%; } }#guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu { justify-content: center; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 39px; font-family: "Source Sans Pro"; font-size: 18px; font-weight: 500; text-transform: normal; text-decoration: none; padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; color: var(--wp--preset--color--base-2); background: ; } #guten-7GSdNf .gutenverse-menu-wrapper { background: rgba(233, 224, 224, 0); background-attachment: scroll; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-7GSdNf.break-point-tablet.guten-nav-menu .guten-nav-overlay, #guten-7GSdNf.break-point-mobile.guten-nav-menu .guten-nav-overlay { pointer-events: none !important; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i, #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a .gutenverse-icon-svg { margin-left: 10px; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i { border-style: none; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a .gutenverse-icon-svg { border-style: none; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li a { font-family: "Poppins"; font-size: 16px; font-weight: 500; text-transform: normal; text-decoration: none; padding-top: 10px; padding-right: 30px; padding-bottom: 10px; padding-left: 30px; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a { color: rgba(35, 35, 35, 1); background: rgba(255, 255, 255, 1); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a { color: rgba(231, 60, 20, 1); background: ; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a { color: rgba(231, 60, 20, 1); background: ; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 10px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { background: ; width: 220px; } #guten-7GSdNf .gutenverse-hamburger-wrapper { justify-content: flex-start; } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); border-style: none; } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu svg { fill: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu:hover { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); border-style: none; border-style: none; } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu:hover svg { fill: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); border-style: none; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu svg { fill: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover { color: var(--wp--preset--color--base-2); background: var(--wp--preset--color--accent-3); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover svg { fill: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo img { object-fit: contain; } #guten-7GSdNf { padding-left: 20px; z-index: 98; } @media only screen and (max-width: 1024px) { #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 50px; padding-top: 15px; padding-bottom: 0px; padding-left: 0px; color: var(--wp--preset--color--contrast); } #guten-7GSdNf .gutenverse-menu-wrapper { background-attachment: scroll; padding-top: 20px; padding-right: 20px; padding-bottom: 20px; padding-left: 35px; } #guten-7GSdNf.break-point-mobile.guten-nav-menu .gutenverse-menu-wrapper { background-color: rgba(255, 255, 255, 1); } #guten-7GSdNf.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper { background-color: rgba(255, 255, 255, 1); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: var(--wp--preset--color--base-2); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: var(--wp--preset--color--base-2); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a > i { color: rgba(35, 35, 35, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a .gutenverse-icon-svg { fill: rgba(35, 35, 35, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children:hover > a > i { color: rgba(231, 60, 20, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children:hover > a .gutenverse-icon-svg { fill: rgba(231, 60, 20, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children.current-menu-parent > a > i { color: rgba(231, 60, 20, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children.current-menu-parent > a .gutenverse-icon-svg { fill: rgba(231, 60, 20, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i, #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a .gutenverse-icon-svg { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li a { padding-left: 35px; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a { color: rgba(35, 35, 35, 1); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a { color: rgba(231, 60, 20, 1); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a { color: rgba(231, 60, 20, 1); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 0px; } #guten-7GSdNf .gutenverse-hamburger-wrapper { justify-content: flex-end; } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu i { font-size: 16px; } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu svg { font-size: 16px; fill: rgba(255, 255, 255, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu { padding-top: 10px; padding-right: 12px; padding-bottom: 10px; padding-left: 12px; color: rgba(255, 255, 255, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu:hover { color: rgba(255, 255, 255, 1); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } #guten-7GSdNf.guten-nav-menu .gutenverse-hamburger-menu:hover svg { fill: rgba(255, 255, 255, 1); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu i { font-size: 18px; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu svg { font-size: 18px; fill: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 12px; margin-right: 5px; margin-bottom: 0px; margin-left: 0px; color: var(--wp--preset--color--base-2); border-top-left-radius: 0px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover { color: var(--wp--preset--color--contrast); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover svg { fill: var(--wp--preset--color--contrast); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo img { width: 150px; object-fit: cover; } } @media only screen and (max-width: 767px) { #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 45px; color: var(--wp--preset--color--contrast); } #guten-7GSdNf .gutenverse-menu-wrapper { background-attachment: scroll; } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: var(--wp--preset--color--base-2); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: var(--wp--preset--color--base-2); } #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-7GSdNf .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: var(--wp--preset--color--base-2); } #guten-7GSdNf .gutenverse-hamburger-wrapper { justify-content: flex-end; } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { color: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu svg { fill: var(--wp--preset--color--base-2); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover { color: var(--wp--preset--color--contrast); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover svg { fill: var(--wp--preset--color--contrast); } #guten-7GSdNf.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo img { width: 140px; } } @media screen and (max-width: 1024px) { .guten-nav-menu.break-point-tablet .gutenverse-hamburger-menu { display: block; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper { width: 100%; max-width: 360px; border-radius: 0px 0px 0px 0px; background-color: #f7f7f7; width: 100%; position: fixed; top: 0; left: -110%; height: 100%; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column-reverse; justify-content: flex-end; -webkit-transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); -moz-transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); -o-transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper.active { left: 0; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu-container { overflow-y: scroll; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-nav-identity-panel { padding: 10px 0px 10px 0px; display: block; position: relative; z-index: 5; width: 100%; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title { display: inline-block; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { display: block; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu, .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu > ul { display: block; overflow-y: auto; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i, .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a .gutenverse-icon-svg { margin-left: auto; padding: 4px 15px; border: 1px solid var(--guten-border-color); border-radius: 3px; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { position: inherit; box-shadow: none!important; background: none; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li { display: block; width: 100%; position: inherit; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li .sub-menu { display: none; max-height: 2500px; opacity: 0; visibility: hidden; transition: max-height 5s ease-out; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li .sub-menu.dropdown-open { display: block; opacity: 1; visibility: visible; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li a { display: block; } .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li a i, .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu li a .gutenverse-icon-svg { float: right; } .guten-nav-menu.break-point-tablet .guten-nav-overlay { position: fixed; background-color: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; top: 0; left: 0; z-index: 999; transform: translateX(-100%); transition: transform 0s ease-in-out; } .guten-nav-menu.break-point-tablet .guten-nav-overlay.active { animation: slideLeftToRight .5s ease-in-out forwards; transition: transform .5s ease-in-out; } .guten-nav-menu.break-point-tablet .guten-nav-overlay.exiting { animation: slideRightToLeft .5s ease-in-out forwards; transition: transform .5s ease-in-out; } } @media screen and (min-width: 1025px) { .guten-nav-menu.break-point-tablet .gutenverse-menu-wrapper .gutenverse-menu-container { height: auto; } } @media screen and (max-width: 767px) { .guten-nav-menu.break-point-mobile .gutenverse-hamburger-menu { display: block; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper { width: 100%; max-width: 360px; border-radius: 0px 0px 0px 0px; background-color: #f7f7f7; position: fixed; top: 0; left: -110%; height: 100% !important; overflow-y: auto; overflow-x: hidden; display: flex; flex-direction: column-reverse; justify-content: flex-end; -webkit-transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); -moz-transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); -o-transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); transition: left 0.6s cubic-bezier(0.6, 0.1, 0.68, 0.53); } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper.active { left: 0; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu-container { overflow-y: scroll; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-nav-identity-panel { padding: 10px 0px 10px 0px; display: block; position: relative; z-index: 5; width: 100%; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title { display: inline-block; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { display: block; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu, .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu > ul { display: block; overflow-y: auto; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i, .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a .gutenverse-icon-svg { margin-left: auto; padding: 4px 15px; border: 1px solid var(--guten-border-color); border-radius: 3px; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { position: inherit; box-shadow: none; background: none; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li { display: block; width: 100%; position: inherit; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li .sub-menu { display: none; max-height: 2500px; opacity: 0; visibility: hidden; transition: max-height 5s ease-out; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li .sub-menu.dropdown-open { display: block; opacity: 1; visibility: visible; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li a { display: block; } .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li a i, .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu li a .gutenverse-icon-svg { float: right; } .guten-nav-menu.break-point-mobile .guten-nav-overlay { position: fixed; background-color: rgba(0, 0, 0, 0.2); width: 100%; height: 100%; top: 0; left: 0; z-index: 999; transform: translateX(-100%); transition: transform 0s ease-in-out; } .guten-nav-menu.break-point-mobile .guten-nav-overlay.active { animation: slideLeftToRight .5s ease-in-out forwards; transition: transform .5s ease-in-out; } .guten-nav-menu.break-point-mobile .guten-nav-overlay.exiting { animation: slideRightToLeft .5s ease-in-out forwards; transition: transform .5s ease-in-out; } } @media screen and (min-width: 768px) { .guten-nav-menu.break-point-mobile .gutenverse-menu-wrapper .gutenverse-menu-container { height: auto; } }