section.guten-element.guten-95rbxO > .guten-container > .guten-column > .sticky-wrapper > .guten-column-wrapper, section.guten-element.guten-95rbxO > .guten-container > .guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-95rbxO:not(.background-animated), .guten-95rbxO.background-animated > .guten-background-animated .animated-layer { background: rgba(0, 0, 0, 0); } .guten-95rbxO.guten-element { border-style: none; } .guten-element.guten-95rbxO { margin-top: 20px; margin-bottom: -100px; padding-top: 0%; padding-right: 5%; padding-bottom: 0%; padding-left: 5%; z-index: 10; } @media only screen and (max-width: 1024px) { .guten-element.guten-95rbxO { margin-top: 10px; margin-bottom: -67px; padding-top: 0px; padding-right: 35px; padding-bottom: 0px; padding-left: 35px; } } @media only screen and (max-width: 767px) { .guten-element.guten-95rbxO { margin-top: 0px; margin-bottom: -63px; padding-top: 14px; padding-right: 20px; padding-bottom: 7px; padding-left: 20px; } }.guten-YsIQ7o { width: 33.3%; order: 1; } .guten-section > .guten-container > .guten-YsIQ7o.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-YsIQ7o.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-start; } .guten-YsIQ7o:not(.background-animated) > .sticky-wrapper > .guten-column-wrapper, .guten-YsIQ7o.background-animated > .sticky-wrapper > .guten-column-wrapper > .guten-background-animated .animated-layer, .guten-YsIQ7o:not(.background-animated) > .guten-column-wrapper, .guten-YsIQ7o.background-animated > .guten-column-wrapper > .guten-background-animated .animated-layer { background: ; } .guten-YsIQ7o > .sticky-wrapper > .guten-column-wrapper, .guten-YsIQ7o > .guten-column-wrapper { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 18px; padding-right: 16px; padding-bottom: 13px; padding-left: 0px; } @media only screen and (max-width: 1024px) { .guten-YsIQ7o { width: 50%; } .guten-YsIQ7o > .sticky-wrapper > .guten-column-wrapper, .guten-YsIQ7o > .guten-column-wrapper { padding-top: 15px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .guten-YsIQ7o.guten-element.guten-column { width: 50%; } .guten-YsIQ7o > .sticky-wrapper > .guten-column-wrapper, .guten-YsIQ7o > .guten-column-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }.guten-hcBRzI { width: 54.6%; order: 1; } .guten-section > .guten-container > .guten-hcBRzI.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-hcBRzI.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } .guten-hcBRzI > .sticky-wrapper > .guten-column-wrapper, .guten-hcBRzI > .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-hcBRzI { width: 50%; } } @media only screen and (max-width: 767px) { .guten-hcBRzI.guten-element.guten-column { width: 50%; } .guten-section > .guten-container > .guten-hcBRzI.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-hcBRzI.guten-column > .guten-column-wrapper { align-content: center; align-items: center; } }.guten-XBUw4J { width: 12.1%; order: 1; } .guten-section > .guten-container > .guten-XBUw4J.guten-column > .sticky-wrapper > .guten-column-wrapper, .guten-section > .guten-container > .guten-XBUw4J.guten-column > .guten-column-wrapper { align-content: center; align-items: center; justify-content: flex-end; } .guten-XBUw4J > .sticky-wrapper > .guten-column-wrapper, .guten-XBUw4J > .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-XBUw4J { width: 100%; } .guten-XBUw4J > .sticky-wrapper > .guten-column-wrapper, .guten-XBUw4J > .guten-column-wrapper { padding-top: 15px; padding-bottom: 10px; } } @media only screen and (max-width: 767px) { .guten-XBUw4J.guten-element.guten-column { width: 0%; } .guten-XBUw4J > .sticky-wrapper > .guten-column-wrapper, .guten-XBUw4J > .guten-column-wrapper { padding-right: 10px; padding-left: 10px; } }.guten-XZ2nes.guten-image .guten-image-wrapper { justify-content: flex-start; } .guten-XZ2nes img { width: 184px; } .guten-XZ2nes { } @media only screen and (max-width: 1024px) { .guten-XZ2nes img { width: 46%; } } @media only screen and (max-width: 767px) { .guten-XZ2nes img { width: 74%; } .guten-element.guten-XZ2nes { 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-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu { justify-content: flex-end; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 75px; font-family: var(--gutenverse-font-family-iCRGVU); font-size: var(--gutenverse-font-size-iCRGVU); font-weight: var(--gutenverse-font-weight-iCRGVU); text-transform: var(--gutenverse-font-transform-iCRGVU); font-style: var(--gutenverse-font-style-iCRGVU); text-decoration: var(--gutenverse-font-decoration-iCRGVU); line-height: var(--gutenverse-font-lineHeight-iCRGVU); letter-spacing: var(--gutenverse-font-spacing-iCRGVU); padding-top: 0px; padding-right: 20px; padding-bottom: 0px; padding-left: 20px; color: var(--wp--preset--color--theme-0); background: rgba(25, 28, 28, 0); } #guten-8GXCVE .gutenverse-menu-wrapper { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #guten-8GXCVE.break-point-tablet.guten-nav-menu .guten-nav-overlay, #guten-8GXCVE.break-point-mobile.guten-nav-menu .guten-nav-overlay { pointer-events: none !important; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: var(--wp--preset--color--theme-5); background: ; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: var(--wp--preset--color--theme-2); background: ; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: var(--wp--preset--color--theme-2); background: ; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i { padding-top: 2px; border-style: none; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li a { font-family: var(--gutenverse-font-family-iCRGVU); font-size: var(--gutenverse-font-size-iCRGVU); font-weight: var(--gutenverse-font-weight-iCRGVU); text-transform: var(--gutenverse-font-transform-iCRGVU); font-style: var(--gutenverse-font-style-iCRGVU); text-decoration: var(--gutenverse-font-decoration-iCRGVU); line-height: var(--gutenverse-font-lineHeight-iCRGVU); letter-spacing: var(--gutenverse-font-spacing-iCRGVU); padding-top: 12px; padding-right: 20px; padding-bottom: 12px; padding-left: 20px; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a { color: rgba(0, 0, 0, 1); background: ; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a { color: rgba(233, 82, 241, 1); background: ; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a { color: rgba(136, 44, 181, 1); background: ; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 14px; padding-right: 0px; padding-bottom: 15px; padding-left: 0px; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { border-bottom-style: none; border-top-left-radius: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;border-bottom-left-radius: 8px; background: ; width: 180px; } #guten-8GXCVE .gutenverse-hamburger-wrapper { justify-content: right; } #guten-8GXCVE.guten-nav-menu .gutenverse-hamburger-menu { background: rgba(168, 20, 231, 0); border-style: none; border-width: 1px; border-color: rgba(255, 255, 255, 1); } #guten-8GXCVE.guten-nav-menu .gutenverse-hamburger-menu:hover { background: rgba(0, 0, 0, 0); border-style: none; border-style: none; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { background: linear-gradient(125deg, rgba(168, 20, 231, 1) 0%,rgb(126, 32, 207) 100%); border-style: none; } #guten-8GXCVE { padding-left: 20px; } @media only screen and (max-width: 1024px) { #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu { justify-content: flex-end; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 50px; padding-top: 20px; padding-bottom: 0px; padding-left: 8px; color: var(--wp--preset--color--theme-1); } #guten-8GXCVE .gutenverse-menu-wrapper { background-image: url(https://www.bbmediaindustries.com/wp-content/themes/oigny-lite/assets/img/bg-gradient.webp); background-position: bottom center; background-repeat: no-repeat; padding-top: 20px; padding-right: 0px; padding-bottom: 20px; padding-left: 20px; } #guten-8GXCVE.break-point-mobile.guten-nav-menu .gutenverse-menu-wrapper { background-color: rgba(255, 255, 255, 1); } #guten-8GXCVE.break-point-tablet.guten-nav-menu .gutenverse-menu-wrapper { background-color: rgba(255, 255, 255, 1); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: var(--wp--preset--color--theme-2); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: var(--wp--preset--color--theme-5); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: var(--wp--preset--color--theme-5); } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a > i { color: rgba(0, 0, 0, 1); } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children:hover > a > i { color: rgba(168, 20, 231, 1); } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children.current-menu-parent > a > i { color: rgba(168, 20, 231, 1); } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children > a i { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li a { padding-left: 35px; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li > a { color: var(--wp--preset--color--theme-1); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu li:hover > a { color: var(--wp--preset--color--theme-2); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu .sub-menu > li.current-menu-item > a { color: var(--wp--preset--color--theme-5); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 0px; } #guten-8GXCVE .gutenverse-hamburger-wrapper { justify-content: flex-end; } #guten-8GXCVE.guten-nav-menu .gutenverse-hamburger-menu i { font-size: 24px; } #guten-8GXCVE.guten-nav-menu .gutenverse-hamburger-menu { padding-top: 9px; padding-right: 0px; padding-bottom: 8px; padding-left: 12px; color: rgba(255, 255, 255, 1); border-top-left-radius: 12px;border-top-right-radius: 12px;border-bottom-right-radius: 12px;border-bottom-left-radius: 12px; } #guten-8GXCVE.guten-nav-menu .gutenverse-hamburger-menu:hover { color: rgba(255, 255, 255, 1); border-top-left-radius: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 10px; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu i { font-size: 16px; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu { padding-top: 12px; padding-right: 8px; padding-bottom: 12px; padding-left: 10px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; color: rgba(255, 255, 255, 1); border-top-left-radius: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 0px;border-bottom-left-radius: 10px; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu:hover { color: rgba(255, 255, 255, 1); } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo img { width: 130px; object-fit: cover; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo { margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } } @media only screen and (max-width: 767px) { #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu { justify-content: flex-end; } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li > a { height: 45px; color: var(--wp--preset--color--theme-1); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li:hover > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li:hover > a { color: var(--wp--preset--color--theme-2); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-item > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-item > a { color: var(--wp--preset--color--theme-5); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > li.current-menu-ancestor > a, #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu > ul > li.current-menu-ancestor > a { color: var(--wp--preset--color--theme-5); } #guten-8GXCVE .gutenverse-menu-wrapper .gutenverse-menu li.menu-item-has-children .sub-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } #guten-8GXCVE.guten-nav-menu .gutenverse-hamburger-menu { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-close-menu i { font-size: 16px; } #guten-8GXCVE.guten-nav-menu .gutenverse-menu-wrapper .gutenverse-nav-identity-panel .gutenverse-nav-site-title .gutenverse-nav-logo img { width: 128px; } #guten-8GXCVE { z-index: 5; } } @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 { 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 { 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 { 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 { 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; } } .guten-mWBrr2.guten-button-wrapper { justify-content: center; } .guten-mWBrr2.guten-button-wrapper .guten-button i { margin-left: 10px; font-size: 30px; color: var(--wp--preset--color--theme-0); } .guten-mWBrr2.guten-button-wrapper .guten-button { padding-top: 12px; padding-right: 22px; padding-bottom: 14px; padding-left: 22px; background: rgba(0, 0, 0, 0); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); border-top-left-radius: 10px;border-top-right-radius: 10px;border-bottom-right-radius: 10px;border-bottom-left-radius: 10px; animation-name: none; } .guten-mWBrr2.guten-button-wrapper .guten-button span { color: var(--wp--preset--color--theme-0); font-family: var(--gutenverse-font-family-iCRGVU); font-size: var(--gutenverse-font-size-iCRGVU); font-weight: var(--gutenverse-font-weight-iCRGVU); text-transform: var(--gutenverse-font-transform-iCRGVU); font-style: var(--gutenverse-font-style-iCRGVU); text-decoration: var(--gutenverse-font-decoration-iCRGVU); line-height: var(--gutenverse-font-lineHeight-iCRGVU); letter-spacing: var(--gutenverse-font-spacing-iCRGVU); } .guten-mWBrr2.guten-button-wrapper .guten-button:hover span { color: var(--wp--preset--color--theme-1); } .guten-mWBrr2.guten-button-wrapper .guten-button:hover i { color: var(--wp--preset--color--theme-1); } .guten-mWBrr2.guten-button-wrapper .guten-button:hover { background: rgba(255, 255, 255, 1); border-style: solid; border-width: 1px; border-color: rgba(255, 255, 255, 1); border-top-left-radius: 30px;border-top-right-radius: 30px;border-bottom-right-radius: 30px;border-bottom-left-radius: 30px; } .guten-mWBrr2 { width: auto!important; display: inline-block; } .guten-mWBrr2.guten-element { border-style: none; } .guten-element.guten-mWBrr2 { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; } @media only screen and (max-width: 767px) { .guten-mWBrr2.guten-button-wrapper .guten-button { padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } .guten-element.guten-mWBrr2 { margin-top: 0px; } }