.text-3d{
--text-3d-delay: 0s;
--text-3d-duration: 1s;
--text-3d-perspective-x: 50%;
--text-3d-rotate-delay: 0.06s; display: inline-block;
opacity: 1;
transform: none;
} .text-3d-inner{
position: relative;
display: inline-block;
perspective: 1000px;
perspective-origin: var(--text-3d-perspective-x) 50%;
transform-style: preserve-3d;
} .text-3d-front{
position: relative;
z-index: 2;
display: block;
backface-visibility: hidden;
} .text-3d-hack{
position: absolute;
inset: 0;
z-index: 1;
width: 100%;
height: 100%;
}
.text-3d-back{
position: absolute;
inset: 0;
width: 100%;
height: 100%;
display: block;
backface-visibility: hidden;
pointer-events: none;
} .text-3d.bb-3d--play{
animation: bb3d-wrap var(--text-3d-duration) cubic-bezier(0.8, 0, 0.2, 1) both;
animation-delay: var(--text-3d-delay);
}
.text-3d.bb-3d--play .text-3d-front{
transform-origin: var(--text-3d-perspective-x) 100%;
animation: bb3d-front var(--text-3d-duration) cubic-bezier(0.8, 0, 0.2, 1) both;
animation-delay: calc(var(--text-3d-delay) + var(--text-3d-rotate-delay));
}
.text-3d.bb-3d--play .text-3d-back{
transform-origin: var(--text-3d-perspective-x) 0%;
animation: bb3d-back var(--text-3d-duration) cubic-bezier(0.8, 0, 0.2, 1) both;
animation-delay: calc(var(--text-3d-delay) + var(--text-3d-rotate-delay));
}
.bb-wcf-hover-brandberry .bb-nav-inner { overflow: hidden !important; }
@keyframes bb3d-wrap{
0%   { opacity: 0; transform: translateY(3.25rem); }
100% { opacity: 1; transform: none; }
}
@keyframes bb3d-front{
0%   { opacity: 1; transform: translateY(0) rotateX(0); }
100% { opacity: 0; transform: translateY(-100%) rotateX(90deg); }
}
@keyframes bb3d-back{
0%   { opacity: 0; transform: translateY(100%) rotateX(-90deg); }
100% { opacity: 1; transform: translateY(0) rotateX(0); }
} @media print{
.text-3d{ opacity: 1 !important; transform: none !important; }
.text-3d-front, .text-3d-back{ opacity: 1 !important; transform: none !important; }
}
@media (prefers-reduced-motion: reduce){
.text-3d,
.text-3d *{
animation: none !important;
transition: none !important;
opacity: 1 !important;
transform: none !important;
}
}
.text-3d.brandberry-text-3d.bb-3d--replay.bb-3d--play{
opacity: 1;
transform: translateY(0);
}
.text-3d.brandberry-text-3d.bb-3d--replay.bb-3d--ready{
opacity: 1;
transform: translateY(0);
}
.text-3d.brandberry-text-3d.bb-3d--replay.bb-3d--play{
animation: bb3dIn 900ms ease forwards;
} .elementor-control-aae_sec_header_sticky-area{display: none !important;}
@media (min-width: 992px) {
.wcf-library-templates {
-moz-column-count: 3 !important;
column-count: 3 !important;
}
}
#wcf-template-library .elementor-templates-modal__header__logo-area {
background-image: url(//remyoptometry.com.au/wp-content/plugins/brandberry-essential/assets/images/logo-icon-round.svg) !important;
}
.library--action.insert {
color: #fff !important;
background-color: #19be5f !important;
}
.wcf-library-template .title {
padding-top: 10px !important;
color: #000000 !important;
}
@media (max-width: 1439px) {
#elementor-template-library-preview iframe {
width: 1740px !important;
}
}:root {
--tickbar-speed: 40s;
--tickbar-speed-mobile: 30s;
--tickbar-speed-small: 10s;
--tickbar-font-family: "PPNeueMontreal", sans-serif;
--tickbar-font-size: 14px;
--tickbar-font-weight: 600;
--tickbar-font-style: normal;
--tickbar-text-transform: uppercase;
--tickbar-text-color: #05362f;
--tickbar-icon-width: 16px;
--tickbar-icon-height: 16px;
--tickbar-letter-spacing: 0px;
}
.tickbar-ticker {
width: 100%;
overflow: hidden;
box-sizing: border-box;
color: var(--tickbar-text-color);
font-size: var(--tickbar-font-size);
font-style: var(--tickbar-font-style);
font-family: var(--tickbar-font-family);
text-transform: var(--tickbar-text-transform);
letter-spacing: var(--tickbar-letter-spacing);
}
.tickbar-ticker__wrap {
display: inline-block;
white-space: nowrap;
will-change: transform;
animation: tickbar-ticker-scroll var(--tickbar-speed) linear infinite;
}
.tickbar-ticker--pause-on-hover:hover .tickbar-ticker__wrap,
.tickbar-ticker--pause-on-hover:focus-within .tickbar-ticker__wrap {
animation-play-state: paused;
}
.tickbar-ticker-item {
display: inline-block;
padding: 0 0.6rem;
font-weight: var(--tickbar-font-weight);
vertical-align: middle;
white-space: nowrap;
}
.tickbar-ticker-item .tickbar-ticker-divider {
margin: 0 50px;
vertical-align: middle;
width: var(--tickbar-icon-width);
height: var(--tickbar-icon-height);
}
.tickbar-ticker-item .tickbar-ticker-text {
vertical-align: middle;
}
@keyframes tickbar-ticker-scroll {
from {
transform: translateX(0);
}
to {
transform: translateX(-50%);
}
}
@media (max-width: 768px) {
.tickbar-ticker__wrap {
animation-duration: var(--tickbar-speed-mobile);
}
}
@media (max-width: 480px) {
.tickbar-ticker__wrap {
animation-duration: var(--tickbar-speed-small);
}
}button{cursor:pointer}.wcf--text li{list-style:unset!important}.wcf--form-wrapper input[type=date],.wcf--form-wrapper input[type=email],.wcf--form-wrapper input[type=number],.wcf--form-wrapper input[type=password],.wcf--form-wrapper input[type=search],.wcf--form-wrapper input[type=tel],.wcf--form-wrapper input[type=text],.wcf--form-wrapper input[type=url],.wcf--form-wrapper select,.wcf--form-wrapper textarea{width:100%;border:1px solid #666;outline:0}.wcf--form-wrapper input[type=submit].wpcf7-submit{outline:0}.wcf--tabs{display:flex;flex-direction:column;gap:30px}.wcf--tabs .tab-title{display:flex;align-items:center;justify-content:center;gap:10px;position:relative;cursor:pointer;outline:0;padding:10px 20px;background-color:#f1f2f3;transition:.3s all}.wcf--tabs .tab-title.active,.wcf--tabs .tab-title:hover{background-color:#b5c2cf}.wcf--tabs .tab-title i,.wcf--tabs .tab-title svg{width:1em;height:1em;display:inline-block}.wcf--tabs .tab-content{display:none;padding:20px;border:1px solid #d5d8dc}.wcf--tabs .tabs-wrapper{display:flex;gap:10px}.elementor-widget-n-carousel,.wcf__slider-wrapper{position:relative}.elementor-widget-n-carousel .wcf__slider,.wcf__slider-wrapper .wcf__slider{text-align:center;margin:0 auto;--slides-to-show:1;--space-between:20px}.elementor-widget-n-carousel .wcf__slider:not(.swiper-initialized) .swiper-wrapper,.wcf__slider-wrapper .wcf__slider:not(.swiper-initialized) .swiper-wrapper{gap:var(--space-between)}.elementor-widget-n-carousel .wcf__slider:not(.swiper-initialized) .swiper-slide,.wcf__slider-wrapper .wcf__slider:not(.swiper-initialized) .swiper-slide{width:calc(100% / var(--slides-to-show) - var(--space-between) * (var(--slides-to-show) - 1)/ var(--slides-to-show))}.elementor-widget-n-carousel .ts-navigation,.wcf__slider-wrapper .ts-navigation{gap:10px;display:flex;align-items:center;justify-content:center;width:100%;z-index:1;position:relative}.elementor-widget-n-carousel .wcf-arrow,.wcf__slider-wrapper .wcf-arrow{font-size:20px;padding:10px;color:#666;border:1px solid #efefef;position:relative;z-index:1;aspect-ratio:1/1;width:60px;display:flex;align-items:center;justify-content:center;transition:all .3s;cursor:pointer}.elementor-widget-n-carousel .wcf-arrow svg,.wcf__slider-wrapper .wcf-arrow svg{width:1em;height:1em}.elementor-widget-n-carousel .mid-line,.wcf__slider-wrapper .mid-line{width:100px;display:inline-block;background-color:#384364;height:1px;vertical-align:middle;margin-right:10px;margin-left:10px}.elementor-widget-n-carousel .swiper-pagination,.wcf__slider-wrapper .swiper-pagination{gap:5px;display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto}.wcf__t_slider-wrapper .wcf-arrow i,.wcf__t_slider-wrapper .wcf-arrow svg{width:1em;height:1em}.wcf--slider-pagination-top .swiper-pagination{top:0;bottom:auto!important}.wcf--slider-pagination-left .swiper-pagination,.wcf--slider-pagination-right .swiper-pagination{width:auto!important;display:flex;flex-direction:column;gap:10px;top:50%;transform:translateY(-50%);height:-moz-fit-content;height:fit-content}.wcf--slider-pagination-left .swiper-pagination .mid-line,.wcf--slider-pagination-right .swiper-pagination .mid-line{width:1px;height:100px}.wcf--slider-pagination-left .swiper-pagination{left:0;right:auto!important}.wcf--slider-pagination-right .swiper-pagination{left:auto!important;right:0}.wcf--title.prefix_on_hover,.wcf--title.prefix_on_normal{transition:all .5s;--prefix-width:60px;--prefix-gap:10px}.wcf--title.prefix_on_hover:before,.wcf--title.prefix_on_normal:before{position:relative;display:inline-block;content:"";height:1px;inset-inline-start:0;transition:all .5s;background-color:#0a0a0a}.wcf--title.prefix_on_normal:before{width:var(--prefix-width);margin-right:var(--prefix-gap)}.wcf--title.prefix_on_hover:before{width:0}.wcf--title.prefix_on_hover:hover:before{width:var(--prefix-width);margin-right:var(--prefix-gap)}.wcf--title .highlight,.wcf--title a{transition:all .5s}.elementor-widget .wcf--title>a{color:inherit;font-size:inherit;line-height:inherit}.elementor-widget-wcf--floating-elements{width:100%}.elementor-editor-preview .elementor-widget-wcf--floating-elements.elementor-widget-empty{display:block}.elementor-widget-wcf--floating-elements .elementor-widget-container{display:flex}.wcf--floating-elements{margin:auto}.wcf--floating-elements .floating-element{position:absolute;z-index:1;width:100px}.wcf--floating-elements img{width:100%}@keyframes wcf_animation_float{0%{transform:translatey(0)}50%{transform:translatey(-20px)}100%{transform:translatey(0)}}@keyframes wcf_animation_float_x{0%{transform:translatex(0)}50%{transform:translatex(-20px)}100%{transform:translatex(0)}}@keyframes wcf_animation_spin{from{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes wcf_animation_scale{from{transform:scale(1)}to{transform:scale(.8)}}@keyframes wcf_animation_wiggle{0%,7%{transform:rotateZ(0)}15%{transform:rotateZ(-15deg)}20%{transform:rotateZ(10deg)}25%{transform:rotateZ(-10deg)}30%{transform:rotateZ(6deg)}35%{transform:rotateZ(-4deg)}100%,40%{transform:rotateZ(0)}}.wcf-live-anim-float>*{animation:wcf_animation_float 6s ease-in-out infinite}.wcf-live-anim-float-x>*{animation:wcf_animation_float_x 6s ease-in-out infinite}.wcf-live-anim-spin>*{animation:wcf_animation_spin 6s linear infinite}.wcf-live-anim-scale>*{animation:wcf_animation_scale 3s linear infinite alternate}.wcf-live-anim-wiggle>*{animation:wcf_animation_wiggle 2s linear infinite}.elementor-widget-wcf--tabs.wcf-tabs-direction-row .tabs-wrapper,.elementor-widget-wcf--tabs.wcf-tabs-direction-row-reverse .tabs-wrapper{flex-direction:column}.elementor-widget-wcf--tabs.tabs-alignment-stretch .tab-desktop-title{flex:1 1 auto}.wcfaddon-pro-notice{padding:15px 0;max-width:350px;text-align:center}.wcfaddon-pro-notice .wcfaddon-pro-notice-content h4{font-size:16px;font-weight:700;line-height:1.4;margin-top:20px}.wcfaddon-pro-notice .wcfaddon-pro-notice-content p{line-height:1.8;font-size:11px;margin-top:5px}.wcfaddon-pro-notice .wcfaddon-pro-notice-content .elementor-button{background-color:#d30c5c;color:#fff;padding:7px 25px;margin-top:20px;border:none;box-shadow:0 0 1px rgba(0,0,0,.1),0 2px 2px rgba(0,0,0,.1);transition:.5s}.wcf--form-wrapper .wpcf7 form .wpcf7-response-output{margin:0;padding:0;border:0}.wcf--image{line-height:0}.post-filter-result{font-size:20px}.post-filter-result.cat{margin-top:15px;margin-bottom:12px}.wcf--countdown .timer-content{display:flex}.lazynav {
width: 100% !important;
background: var(--lazynav-container-bg, #ffffff) !important;
border-bottom: none !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
position: relative !important;
z-index: 100 !important;
transition: background-color 0.25s ease, box-shadow 0.25s ease !important;
}
.lazynav .lazynav__inner {
max-width: 100% !important;
margin: 0 auto !important;
padding: var(--lazynav-container-padding-v, 16px) var(--lazynav-container-padding-h, 24px) !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
gap: 16px !important;
}
.lazynav.lazynav--container-boxed .lazynav__inner {
max-width: var(--lazynav-boxed-width, 1200px) !important;
}
@media (max-width: 767px) {
.lazynav .lazynav__inner {
padding: var(--lazynav-container-padding-v-mobile, 12px) var(--lazynav-container-padding-h-mobile, 16px) !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.lazynav .lazynav__inner {
padding: var(--lazynav-container-padding-v-tablet, 14px) var(--lazynav-container-padding-h-tablet, 20px) !important;
}
} .lazynav.lazynav--divider .lazynav__inner {
position: relative !important;
padding-bottom: calc(var(--lazynav-container-padding-v, 16px) + var(--lazynav-divider-padding, 0px)) !important;
}
@media (max-width: 767px) {
.lazynav.lazynav--divider .lazynav__inner {
padding-bottom: calc(var(--lazynav-container-padding-v-mobile, 12px) + var(--lazynav-divider-padding, 0px)) !important;
}
}
@media (min-width: 768px) and (max-width: 1024px) {
.lazynav.lazynav--divider .lazynav__inner {
padding-bottom: calc(var(--lazynav-container-padding-v-tablet, 14px) + var(--lazynav-divider-padding, 0px)) !important;
}
}
.lazynav .lazynav__divider {
position: absolute !important;
left: var(--lazynav-divider-offset, 24px) !important;
right: var(--lazynav-divider-offset, 24px) !important;
bottom: 0 !important;
border-bottom: var(--lazynav-divider-width, 1px) solid var(--lazynav-divider-color, #e5e5e5) !important;
}
@media (min-width: 768px) and (max-width: 1024px) {
.lazynav .lazynav__divider {
left: var(--lazynav-divider-offset-tablet, 20px) !important;
right: var(--lazynav-divider-offset-tablet, 20px) !important;
}
}
@media (max-width: 767px) {
.lazynav .lazynav__divider {
left: var(--lazynav-divider-offset-mobile, 16px) !important;
right: var(--lazynav-divider-offset-mobile, 16px) !important;
}
} .lazynav.lazynav--divider-full .lazynav__divider {
left: 50% !important;
right: auto !important;
width: 100vw !important;
transform: translateX(-50%) !important;
} .lazynav.lazynav--overlay:not(.lazynav--sticky) {
position: absolute !important;
top: 0 !important;
left: 0 !important;
width: 100% !important;
z-index: var(--lazynav-overlay-zindex, 10) !important;
background-color: transparent !important;
background-image: var(--lazynav-overlay-gradient, none) !important;
border-bottom: none !important;
} .lazynav.lazynav--sticky:not(.lazynav--overlay) {
position: sticky !important;
top: var(--lazynav-sticky-offset, 0) !important;
z-index: var(--lazynav-sticky-zindex, 999) !important;
} .lazynav.lazynav--overlay.lazynav--sticky {
position: fixed !important;
top: var(--lazynav-sticky-offset, 0) !important;
left: 0 !important;
width: 100% !important;
z-index: var(--lazynav-sticky-zindex, 999) !important;
background-color: transparent !important;
background-image: var(--lazynav-overlay-gradient, none) !important;
border-bottom: none !important;
}
.lazynav.lazynav--scroll-shadow.lazynav--scrolled {
box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08) !important;
}
.lazynav.lazynav--scrolled {
background: var(--lazynav-sticky-scroll-bg, #ffffff) !important;
} .lazynav.lazynav--overlay.lazynav--sticky.lazynav--scrolled {
background: var(--lazynav-sticky-scroll-bg, #ffffff) !important;
}
.lazynav.lazynav--scrolled .lazynav__divider {
display: none !important;
} .lazynav .lazynav__logo {
display: inline-flex !important;
align-items: center !important;
text-decoration: none !important;
flex-shrink: 0 !important;
}
.lazynav .lazynav__logo-img {
width: var(--lazynav-logo-width, auto) !important;
height: auto !important;
max-height: 60px !important;
display: block !important;
}
@media (max-width: 767px) {
.lazynav .lazynav__logo-img {
width: var(--lazynav-logo-width-mobile, var(--lazynav-logo-width, auto)) !important;
}
}
.lazynav .lazynav__logo-text {
font-size: 20px !important;
font-weight: 700 !important;
color: #0d0d0d !important;
} .lazynav .lazynav__menu {
list-style: none !important;
display: flex !important;
align-items: center !important;
gap: var(--lazynav-item-spacing, 32px) !important;
margin: 0 !important;
padding: 0 !important;
}
.lazynav .lazynav__menu-item {
position: relative !important;
}
.lazynav .lazynav__menu-item a {
position: relative !important;
display: inline-flex !important;
align-items: center !important;
text-decoration: none !important;
color: var(--lazynav-item-color, #0d0d0d) !important;
font-size: var(--lazynav-item-size, 16px) !important;
font-weight: var(--lazynav-item-weight, 500) !important;
line-height: var(--lazynav-item-line-height, 22px) !important;
font-family: var(--lazynav-item-font, inherit) !important;
transition: color 0.2s ease !important;
}
.lazynav .lazynav__menu-item a:hover {
color: var(--lazynav-item-hover, #c45c1a) !important;
}
.lazynav .lazynav__menu-item--active a {
color: var(--lazynav-item-active, #c45c1a) !important;
} .lazynav .lazynav__submenu-toggle {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
right: calc(var(--lazynav-submenu-arrow-spacing, 26px) - 22px) !important;
top: 50% !important;
transform: translateY(-50%) !important;
background: none !important;
border: none !important;
width: 22px !important;
height: 22px !important;
padding: 0 !important;
cursor: pointer !important;
line-height: 0 !important;
}
.lazynav .lazynav__submenu-toggle::before {
content: "" !important;
display: block !important;
position: absolute !important;
top: calc(50% - 6px + var(--lazynav-submenu-arrow-offset, -4px)) !important;
left: 50% !important;
width: 7px !important;
height: 7px !important;
border-right: 1.5px solid var(--lazynav-submenu-arrow-color, currentColor) !important;
border-bottom: 1.5px solid var(--lazynav-submenu-arrow-color, currentColor) !important;
transform: translateX(-50%) rotate(45deg) !important;
} .lazynav .lazynav__submenu-spacer {
display: inline-block !important;
width: var(--lazynav-submenu-arrow-spacing, 26px) !important;
}
.lazynav .lazynav__panel .lazynav__submenu-spacer {
display: none !important;
} .lazynav .lazynav__menu-item--has-submenu::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
right: 0 !important;
top: 100% !important;
height: var(--lazynav-submenu-gap, 12px) !important;
}
.lazynav .lazynav__submenu {
list-style: none !important;
position: absolute !important;
top: calc(100% + var(--lazynav-submenu-gap, 12px)) !important;
left: 0 !important;
margin: 0 !important;
padding: 6px !important;
box-sizing: border-box !important;
width: var(--lazynav-submenu-width, 200px) !important;
background: var(--lazynav-submenu-bg, #ffffff) !important;
border-radius: var(--lazynav-submenu-radius, 8px) !important;
box-shadow: var(--lazynav-submenu-shadow, 0 12px 32px rgba(0, 0, 0, 0.12)) !important;
max-height: 0 !important;
overflow: hidden !important;
visibility: hidden !important;
transition: max-height 0.3s ease, visibility 0s linear 0.3s !important;
z-index: 20 !important;
}
.lazynav .lazynav__menu-item--has-submenu:hover > .lazynav__submenu,
.lazynav .lazynav__menu-item--has-submenu:focus-within > .lazynav__submenu,
.lazynav .lazynav__menu-item--has-submenu.lazynav__menu-item--submenu-open > .lazynav__submenu {
max-height: 500px !important;
visibility: visible !important;
transition: max-height 0.3s ease, visibility 0s linear 0s !important;
}
.lazynav .lazynav__submenu-item {
list-style: none !important;
}
.lazynav .lazynav__submenu-item a {
position: relative !important;
display: block !important;
padding: var(--lazynav-submenu-padding-v, 10px) var(--lazynav-submenu-padding-h, 20px) !important;
color: var(--lazynav-submenu-text, #0d0d0d) !important;
font-size: var(--lazynav-submenu-size, 14px) !important;
font-weight: var(--lazynav-submenu-weight, 400) !important;
line-height: var(--lazynav-submenu-line-height, 20px) !important;
text-decoration: none !important;
white-space: normal !important;
transition: color 0.15s ease, background-color 0.15s ease !important;
}
.lazynav .lazynav__submenu-item a:hover {
color: var(--lazynav-submenu-text-hover, #c45c1a) !important;
}
.lazynav .lazynav__submenu-item--active a {
color: var(--lazynav-submenu-text-active, #c45c1a) !important;
} .lazynav.lazynav--effect-underline_animate .lazynav__menu-item > a::after,
.lazynav.lazynav--effect-underline_static .lazynav__menu-item > a::after {
content: "" !important;
position: absolute !important;
left: 0 !important;
bottom: -4px !important;
width: 100% !important;
height: var(--lazynav-underline-height, 2px) !important;
background-color: var(--lazynav-underline-color, #c45c1a) !important;
}
.lazynav.lazynav--effect-underline_animate .lazynav__menu-item > a::after {
transform: scaleX(0) !important;
transform-origin: left !important;
transition: transform 0.3s ease !important;
}
.lazynav.lazynav--effect-underline_animate .lazynav__menu-item > a:hover::after,
.lazynav.lazynav--effect-underline_animate .lazynav__menu-item > a:focus-visible::after {
transform: scaleX(1) !important;
}
.lazynav.lazynav--effect-underline_static .lazynav__menu-item > a::after {
opacity: 0 !important;
transition: opacity 0.2s ease !important;
}
.lazynav.lazynav--effect-underline_static .lazynav__menu-item > a:hover::after,
.lazynav.lazynav--effect-underline_static .lazynav__menu-item > a:focus-visible::after {
opacity: 1 !important;
}
.lazynav.lazynav--effect-active.lazynav--effect-underline_animate .lazynav__menu-item--active > a::after {
transform: scaleX(1) !important;
}
.lazynav.lazynav--effect-active.lazynav--effect-underline_static .lazynav__menu-item--active > a::after {
opacity: 1 !important;
} .lazynav.lazynav--effect-active.lazynav--effect-underline_animate .lazynav__submenu-item--active a::after,
.lazynav.lazynav--effect-active.lazynav--effect-underline_static .lazynav__submenu-item--active a::after {
content: "" !important;
position: absolute !important;
left: var(--lazynav-submenu-padding-h, 20px) !important;
right: var(--lazynav-submenu-padding-h, 20px) !important;
bottom: 4px !important;
height: var(--lazynav-underline-height, 2px) !important;
background-color: var(--lazynav-underline-color, #c45c1a) !important;
opacity: 1 !important;
transform: none !important;
} .lazynav .lazynav__dot {
display: inline-block !important;
width: var(--lazynav-dot-size, 6px) !important;
height: var(--lazynav-dot-size, 6px) !important;
border-radius: 50% !important;
background-color: var(--lazynav-dot-color, #e8c547) !important;
margin-left: 5px !important;
opacity: 0 !important;
transform: scale(0.4) !important;
transition: opacity 0.2s ease, transform 0.2s ease !important;
margin-bottom: 15px !important;
}
.lazynav.lazynav--effect-dot .lazynav__menu-item a:hover .lazynav__dot,
.lazynav.lazynav--effect-dot .lazynav__menu-item a:focus-visible .lazynav__dot {
opacity: 1 !important;
transform: scale(1) !important;
}
.lazynav.lazynav--effect-dot.lazynav--effect-active .lazynav__menu-item--active .lazynav__dot {
opacity: 1 !important;
transform: scale(1) !important;
} .lazynav .lazynav__button {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
text-decoration: none !important;
white-space: nowrap !important;
flex-shrink: 0 !important;
font-size: var(--lazynav-button-size, 14px) !important;
font-weight: var(--lazynav-button-weight, 600) !important;
font-family: var(--lazynav-button-font, inherit) !important;
letter-spacing: var(--lazynav-button-letter-spacing, 0px) !important;
color: var(--lazynav-button-color, #f5f5f0) !important;
background: var(--lazynav-button-bg, #0d0d0d) !important;
border: var(--lazynav-button-border-width, 0px) solid var(--lazynav-button-border-color, transparent) !important;
border-radius: var(--lazynav-button-radius, 6px) !important;
padding: var(--lazynav-button-padding, 10px 22px) !important;
transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease !important;
}
.lazynav .lazynav__button:hover {
color: var(--lazynav-button-color-hover, #f5f5f0) !important;
background-color: var(--lazynav-button-bg-hover, #c45c1a) !important;
} .lazynav .lazynav__toggle {
display: none !important;
flex-direction: column !important;
justify-content: center !important;
gap: 5px !important;
width: var(--lazynav-hamburger-size, 28px) !important;
height: var(--lazynav-hamburger-size, 28px) !important;
background: transparent !important;
border: 0 !important;
cursor: pointer !important;
padding: 0 !important;
}
.lazynav .lazynav__toggle-bar {
display: block !important;
height: 2px !important;
width: 100% !important;
background-color: var(--lazynav-hamburger-color, #0d0d0d) !important;
border-radius: 2px !important;
transition: transform 0.25s ease, opacity 0.25s ease !important;
}
.lazynav .lazynav__toggle[aria-expanded="true"] .lazynav__toggle-bar:nth-child(1) {
transform: translateY(7px) rotate(45deg) !important;
}
.lazynav .lazynav__toggle[aria-expanded="true"] .lazynav__toggle-bar:nth-child(2) {
opacity: 0 !important;
}
.lazynav .lazynav__toggle[aria-expanded="true"] .lazynav__toggle-bar:nth-child(3) {
transform: translateY(-7px) rotate(-45deg) !important;
} .lazynav.lazynav--layout-1 .lazynav__group--right {
display: flex !important;
align-items: center !important;
gap: var(--lazynav-item-spacing, 32px) !important;
} .lazynav.lazynav--layout-2 .lazynav__inner {
display: grid !important;
grid-template-columns: 1fr auto 1fr !important;
align-items: center !important;
}
.lazynav.lazynav--layout-2 .lazynav__center-group {
grid-column: 2 !important;
display: flex !important;
align-items: center !important;
gap: var(--lazynav-logo-gap, 32px) !important;
}
.lazynav.lazynav--layout-2 .lazynav__group--right {
grid-column: 3 !important;
justify-self: end !important;
display: flex !important;
align-items: center !important;
gap: 16px !important;
} .lazynav.lazynav--layout-2.lazynav--layout2-button-left .lazynav__group--left {
grid-column: 1 !important;
justify-self: start !important;
display: flex !important;
align-items: center !important;
}
.lazynav.lazynav--layout-2.lazynav--layout2-button-left .lazynav__logo {
grid-column: 2 !important;
justify-self: center !important;
}
.lazynav.lazynav--layout-2.lazynav--layout2-button-left .lazynav__group--right {
gap: var(--lazynav-item-spacing, 32px) !important;
} .lazynav.lazynav--layout-3 .lazynav__inner {
justify-content: space-between !important;
}
.lazynav.lazynav--layout-3 .lazynav__center {
flex: 1 !important;
display: flex !important;
justify-content: center !important;
} .lazynav .lazynav__mobile-overlay {
position: fixed !important;
inset: 0 !important;
background: rgba(0, 0, 0, 0.35) !important;
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.3s ease !important;
z-index: 9998 !important;
}
.lazynav.lazynav--menu-open .lazynav__mobile-overlay {
opacity: 1 !important;
visibility: visible !important;
}
.lazynav .lazynav__panel {
position: fixed !important;
top: 0 !important;
bottom: 0 !important;
width: var(--lazynav-panel-width, 280px) !important;
max-width: 85vw !important;
background-color: var(--lazynav-panel-bg, #0d0d0d) !important;
z-index: 9999 !important;
padding: 70px 32px 40px !important;
transition: transform 0.35s ease !important;
overflow-y: auto !important;
}
.lazynav.lazynav--panel-left .lazynav__panel {
left: 0 !important;
right: auto !important;
transform: translateX(-100%) !important;
}
.lazynav.lazynav--panel-right .lazynav__panel {
right: 0 !important;
left: auto !important;
transform: translateX(100%) !important;
}
.lazynav.lazynav--menu-open .lazynav__panel {
transform: translateX(0) !important;
} .lazynav.lazynav--panel-style-fullscreen .lazynav__panel {
left: 0 !important;
right: 0 !important;
width: 100vw !important;
max-width: 100vw !important;
display: flex !important;
flex-direction: column !important;
align-items: center !important;
justify-content: center !important;
transform: none !important;
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.3s ease !important;
}
.lazynav.lazynav--panel-style-fullscreen.lazynav--menu-open .lazynav__panel {
opacity: 1 !important;
visibility: visible !important;
}
.lazynav.lazynav--panel-style-fullscreen .lazynav__panel .lazynav__menu {
flex: none !important;
flex-direction: column !important;
align-items: center !important;
gap: 24px !important;
}
.lazynav.lazynav--panel-style-fullscreen .lazynav__panel .lazynav__menu-item {
width: auto !important;
margin: 0 !important;
text-align: center !important;
} .lazynav.lazynav--panel-style-fullscreen .lazynav__panel .lazynav__menu-item--has-submenu {
justify-content: center !important;
gap: 8px !important;
width: auto !important;
}
.lazynav .lazynav__panel-close {
position: absolute !important;
top: 24px !important;
right: 24px !important;
background: transparent !important;
border: none !important;
color: var(--lazynav-close-color, #f5f5f0) !important;
cursor: pointer !important;
padding: 4px !important;
line-height: 0 !important;
}
.lazynav .lazynav__panel .lazynav__menu {
flex-direction: column !important;
align-items: flex-start !important;
gap: 0 !important;
}
.lazynav .lazynav__panel .lazynav__menu-item {
width: 100% !important;
margin: 0 0 20px !important;
}
.lazynav .lazynav__panel .lazynav__menu-item a {
font-size: var(--lazynav-mobile-item-size, 18px) !important;
color: var(--lazynav-mobile-item-color, #ffffff) !important;
transition: color 0.2s ease !important;
}
.lazynav .lazynav__panel .lazynav__menu-item a:hover {
color: var(--lazynav-mobile-item-hover, #e8c547) !important;
}
.lazynav .lazynav__panel .lazynav__menu-item--active a {
color: var(--lazynav-mobile-item-active, #e8c547) !important;
} .lazynav .lazynav__panel .lazynav__menu-item--has-submenu {
display: flex !important;
flex-wrap: wrap !important;
align-items: center !important;
justify-content: space-between !important;
}
.lazynav .lazynav__panel .lazynav__menu-item--has-submenu > a {
align-self: center !important;
}
.lazynav .lazynav__panel .lazynav__submenu-toggle {
position: relative !important;
right: auto !important;
top: auto !important;
transform: none !important;
align-self: center !important;
}
.lazynav .lazynav__panel .lazynav__menu-item--has-submenu::after {
content: none !important;
}
.lazynav .lazynav__panel .lazynav__submenu-toggle {
color: var(--lazynav-mobile-item-color, #ffffff) !important;
}
.lazynav .lazynav__panel .lazynav__submenu-toggle::before {
border-right-color: var(--lazynav-submenu-arrow-color-mobile, #ffffff) !important;
border-bottom-color: var(--lazynav-submenu-arrow-color-mobile, #ffffff) !important;
}
.lazynav .lazynav__panel .lazynav__submenu {
position: static !important;
opacity: 1 !important;
visibility: visible !important;
transform: none !important;
box-shadow: none !important;
background: none !important;
width: 100% !important;
flex-basis: 100% !important;
margin: 0 !important;
padding: 0 !important;
max-height: 0 !important;
overflow: hidden !important;
transition: max-height 0.25s ease !important;
}
.lazynav .lazynav__panel .lazynav__menu-item--has-submenu:hover > .lazynav__submenu,
.lazynav .lazynav__panel .lazynav__menu-item--has-submenu:focus-within > .lazynav__submenu {
max-height: 0 !important;
}
.lazynav .lazynav__panel .lazynav__menu-item--has-submenu.lazynav__menu-item--submenu-open > .lazynav__submenu {
max-height: 1000px !important;
}
.lazynav .lazynav__panel .lazynav__submenu-item a {
padding: 10px !important;
color: var(--lazynav-mobile-item-color, #ffffff) !important;
font-size: var(--lazynav-submenu-mobile-size, 16px) !important;
opacity: 0.85 !important;
white-space: normal !important;
}
.lazynav .lazynav__panel .lazynav__submenu-item a:hover {
color: var(--lazynav-mobile-item-hover, #e8c547) !important;
opacity: 1 !important;
}
.lazynav .lazynav__panel .lazynav__submenu-item--active a {
color: var(--lazynav-mobile-item-active, #e8c547) !important;
opacity: 1 !important;
}
.lazynav .lazynav__panel-empty {
color: var(--lazynav-mobile-item-color, #f5f5f0) !important;
opacity: 0.7 !important;
margin: 0 !important;
} body.lazynav-menu-open {
overflow: hidden !important;
}
@media (max-width: 767px) {
.lazynav.lazynav--collapse-mobile .lazynav__inner > .lazynav__menu,
.lazynav.lazynav--collapse-mobile .lazynav__group--right > .lazynav__menu,
.lazynav.lazynav--collapse-mobile .lazynav__center > .lazynav__menu,
.lazynav.lazynav--collapse-mobile .lazynav__center-group .lazynav__menu--left,
.lazynav.lazynav--collapse-mobile .lazynav__center-group .lazynav__menu--right {
display: none !important;
}
.lazynav.lazynav--collapse-mobile .lazynav__toggle {
display: inline-flex !important;
}
.lazynav.lazynav--collapse-mobile.lazynav--hide-button-mobile > .lazynav__inner > .lazynav__button,
.lazynav.lazynav--collapse-mobile.lazynav--hide-button-mobile .lazynav__group--right > .lazynav__button,
.lazynav.lazynav--collapse-mobile.lazynav--hide-button-mobile .lazynav__group--left > .lazynav__button {
display: none !important;
}
}
@media (max-width: 1024px) {
.lazynav.lazynav--collapse-tablet .lazynav__inner > .lazynav__menu,
.lazynav.lazynav--collapse-tablet .lazynav__group--right > .lazynav__menu,
.lazynav.lazynav--collapse-tablet .lazynav__center > .lazynav__menu,
.lazynav.lazynav--collapse-tablet .lazynav__center-group .lazynav__menu--left,
.lazynav.lazynav--collapse-tablet .lazynav__center-group .lazynav__menu--right {
display: none !important;
}
.lazynav.lazynav--collapse-tablet .lazynav__toggle {
display: inline-flex !important;
}
.lazynav.lazynav--collapse-tablet.lazynav--hide-button-mobile > .lazynav__inner > .lazynav__button,
.lazynav.lazynav--collapse-tablet.lazynav--hide-button-mobile .lazynav__group--right > .lazynav__button,
.lazynav.lazynav--collapse-tablet.lazynav--hide-button-mobile .lazynav__group--left > .lazynav__button {
display: none !important;
}
}