.elementor-widget-container.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-container .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-container:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-container.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-container .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-5855 .elementor-element.elementor-element-82f58a9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:-145px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5855 .elementor-element.elementor-element-96e076e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--background-transition:0.3s;--padding-top:10px;--padding-bottom:10px;--padding-left:0px;--padding-right:0px;}.elementor-5855 .elementor-element.elementor-element-96e076e:not(.elementor-motion-effects-element-type-background), .elementor-5855 .elementor-element.elementor-element-96e076e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(305deg, #000000 0%, #000000 85%);}.elementor-5855 .elementor-element.elementor-element-96e076e:hover{background-color:#313131;}.elementor-widget-text-editor .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-text-editor.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-text-editor .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-text-editor.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-5855 .elementor-element.elementor-element-85ef78f{text-align:center;font-family:"Roboto", Sans-serif;font-size:15px;font-weight:400;color:#FFFFFF;}.elementor-5855 .elementor-element.elementor-element-85ef78f p{margin-block-end:0px;}.elementor-5855 .elementor-element.elementor-element-98a61f5{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5855 .elementor-element.elementor-element-98a61f5:not(.elementor-motion-effects-element-type-background), .elementor-5855 .elementor-element.elementor-element-98a61f5 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-5855 .elementor-element.elementor-element-008f402{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-theme-site-logo .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-site-logo .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-theme-site-logo.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-theme-site-logo .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-theme-site-logo .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-theme-site-logo:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-theme-site-logo.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-theme-site-logo .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-theme-site-logo .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-5855 .elementor-element.elementor-element-d759b72.elementor-element{--order:99999 /* order end hack */;}.elementor-5855 .elementor-element.elementor-element-d759b72 img{width:100%;}.elementor-5855 .elementor-element.elementor-element-446a97a{--display:flex;}.elementor-widget-icon .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-icon.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-icon .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-icon:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-icon.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-icon .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-5855 .elementor-element.elementor-element-e9a8cd5 .elementor-icon-wrapper{text-align:center;}.elementor-5855 .elementor-element.elementor-element-e9a8cd5 .elementor-icon{font-size:20px;}.elementor-5855 .elementor-element.elementor-element-e9a8cd5 .elementor-icon svg{height:20px;}.elementor-5855 .elementor-element.elementor-element-2f3d58b{--display:flex;--justify-content:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-widget-premium-nav-menu .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-nav-menu .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-premium-nav-menu.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-premium-nav-menu .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-premium-nav-menu.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-nav-widget-container:not(.premium-nav-pointer-framed) .premium-menu-link-parent:before,
.elementor-widget-premium-nav-menu .premium-nav-widget-container:not(.premium-nav-pointer-framed) .premium-menu-link-parent:after{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-nav-pointer-framed .premium-menu-link-parent:before,
.elementor-widget-premium-nav-menu .premium-nav-pointer-framed .premium-menu-link-parent:after{border-color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > .premium-item-icon{color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > .premium-item-icon:not(.premium-lottie-animation) svg * ,
.elementor-widget-premium-nav-menu .premium-nav-menu-item > .premium-menu-link > svg.premium-item-icon *{fill:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu:not(.premium-hamburger-menu):not(.premium-nav-slide):not(.premium-nav-dropdown) .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-item:hover,
.elementor-widget-premium-nav-menu.premium-hamburger-menu .premium-main-nav-menu .premium-sub-menu > .premium-sub-menu-item:hover > .premium-sub-menu-link,
.elementor-widget-premium-nav-menu.premium-nav-slide .premium-main-nav-menu .premium-sub-menu > .premium-sub-menu-item:hover > .premium-sub-menu-link,
.elementor-widget-premium-nav-menu.premium-nav-dropdown .premium-main-nav-menu .premium-sub-menu > .premium-sub-menu-item:hover > .premium-sub-menu-link{background-color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-active-item .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-sub-menu-item .premium-sub-menu-link i.premium-sub-item-icon {color:var( --e-global-color-primary );}.elementor-widget-premium-nav-menu .premium-sub-menu-item .premium-sub-menu-link .premium-sub-item-icon:not(.premium-lottie-animation) svg *,
.elementor-widget-premium-nav-menu .premium-sub-menu-item .premium-sub-menu-link svg.premium-sub-item-icon * {fill:var( --e-global-color-primary );}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu{justify-content:center;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-sub-menu .premium-sub-menu-link{justify-content:center;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-hamburger-toggle{justify-content:center;}.elementor-5855 .elementor-element.elementor-element-8757826.premium-ham-dropdown .premium-mobile-menu-container, .elementor-5855 .elementor-element.elementor-element-8757826.premium-nav-dropdown .premium-mobile-menu-container{justify-content:center;}.elementor-5855 .elementor-element.elementor-element-8757826.premium-hamburger-menu .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-5855 .elementor-element.elementor-element-8757826.premium-nav-dropdown .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link, .elementor-5855 .elementor-element.elementor-element-8757826.premium-nav-slide .premium-main-mobile-menu > .premium-nav-menu-item > .premium-menu-link{justify-content:center;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu > .premium-active-item > .premium-menu-link{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-nav-menu-item > .premium-menu-link > .premium-item-icon{order:0;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link{color:#000000;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:#0A0A0A;}.elementor-5855 .elementor-element.elementor-element-8757826 .premium-sub-menu-item .premium-sub-menu-link .premium-sub-item-icon{order:0;}.elementor-5855 .elementor-element.elementor-element-29ccf86{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;}.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-icon-wrapper{text-align:center;}.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-icon{font-size:30px;}.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-icon svg{height:30px;}.elementor-widget-shortcode .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-shortcode.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-shortcode .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-shortcode:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-shortcode.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-shortcode .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-5855 .elementor-element.elementor-element-7ba8853 .elementor-icon-wrapper{text-align:center;}.elementor-5855 .elementor-element.elementor-element-7ba8853 .elementor-icon{font-size:30px;}.elementor-5855 .elementor-element.elementor-element-7ba8853 .elementor-icon svg{height:30px;}.elementor-widget-html .eael-protected-content-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html .protected-content-error-msg{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-html.premium-cursor-ftext .premium-global-cursor-{{ID}} .premium-cursor-follow-text{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-html .premium-global-cursor-{{ID}}{color:var( --e-global-color-primary );fill:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-text{color:var( --e-global-color-secondary );}.elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}} .premium-badge-container, .elementor-widget-html.premium-gbadge-custom .premium-global-badge-{{ID}} .premium-badge-container{background-color:var( --e-global-color-primary );}.elementor-widget-html .premium-global-badge-{{ID}} .premium-badge-icon{color:var( --e-global-color-secondary );fill:var( --e-global-color-secondary );}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:1024px){.elementor-5855 .elementor-element.elementor-element-82f58a9{--margin-top:0px;--margin-bottom:-140px;--margin-left:0px;--margin-right:0px;}.elementor-5855 .elementor-element.elementor-element-85ef78f{font-size:15px;}.elementor-5855 .elementor-element.elementor-element-98a61f5{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-5855 .elementor-element.elementor-element-008f402{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5855 .elementor-element.elementor-element-d759b72{text-align:start;}.elementor-5855 .elementor-element.elementor-element-d759b72 img{width:60%;}.elementor-5855 .elementor-element.elementor-element-446a97a{--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-active-item .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-primary );}.elementor-5855 .elementor-element.elementor-element-29ccf86{--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;}}@media(max-width:767px){.elementor-5855 .elementor-element.elementor-element-82f58a9{--margin-top:0px;--margin-bottom:-115px;--margin-left:0px;--margin-right:0px;}.elementor-5855 .elementor-element.elementor-element-85ef78f{font-size:10px;}.elementor-5855 .elementor-element.elementor-element-98a61f5{--justify-content:space-between;}.elementor-5855 .elementor-element.elementor-element-008f402{--width:50%;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5855 .elementor-element.elementor-element-d759b72{text-align:start;}.elementor-5855 .elementor-element.elementor-element-d759b72 img{width:70%;}.elementor-5855 .elementor-element.elementor-element-446a97a{--width:50%;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-5855 .elementor-element.elementor-element-e9a8cd5 .elementor-icon{font-size:15px;}.elementor-5855 .elementor-element.elementor-element-e9a8cd5 .elementor-icon svg{height:15px;}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-text );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-nav-menu-item:hover > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu > .premium-active-item > .premium-menu-link .premium-dropdown-icon{color:var( --e-global-color-accent );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-secondary );}.elementor-widget-premium-nav-menu .premium-main-nav-menu .premium-sub-menu .premium-active-item .premium-sub-menu-link .premium-dropdown-icon{color:var( --e-global-color-primary );}.elementor-5855 .elementor-element.elementor-element-29ccf86{--width:40%;}}@media(min-width:768px){.elementor-5855 .elementor-element.elementor-element-008f402{--width:30%;}.elementor-5855 .elementor-element.elementor-element-446a97a{--width:30%;}.elementor-5855 .elementor-element.elementor-element-2f3d58b{--width:40%;}.elementor-5855 .elementor-element.elementor-element-29ccf86{--width:30%;}}@media(max-width:1024px) and (min-width:768px){.elementor-5855 .elementor-element.elementor-element-008f402{--width:45%;}.elementor-5855 .elementor-element.elementor-element-446a97a{--width:45%;}.elementor-5855 .elementor-element.elementor-element-29ccf86{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-446a97a */.ipad-main-header{
--hd-fg: #000;
--hd-icon-box: 40px;
--hd-icon-size: 29px;
--hd-count-size: 10px;
--hd-search-scale: 1.5;
--hd-wish-scale: 1.8;
--hd-account-scale: 1.295;
--hd-cart-scale: 1.75;
--hd-icon-gap: 12px;
color: var(--hd-fg) !important;
}
/* tablet */
@media (max-width: 1024px){
.ipad-main-header{
--hd-icon-box: 36px;
--hd-icon-size: 25px;
--hd-count-size: 9px;
}
}
/* mobile */
@media (max-width: 767px){
.ipad-main-header{
--hd-icon-box: 32px;
--hd-icon-size: 22px;
--hd-count-size: 8px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2f3d58b *//* ==================================================
IPAD HEADER DROPDOWN / MEGAMENU CLEAN V1
Scope: .super-header .ipad-main-header
Goal: dropdown background blue like header, text/icons white,
layered blur background, slideDown / slideUp animation.
================================================== */
/* ==================================================
1. DROPDOWN VARIABLES
================================================== */
.super-header .ipad-main-header{
--dd-bg: #1E73BE;
--dd-bg-blur: rgba(30, 115, 190, .74);
--dd-fg: #fff;
--dd-fg-muted: rgba(255, 255, 255, .82);
--dd-z-menu: 9998;
--dd-z-panel: 9999;
--dd-blur: 26px;
--dd-saturate: 122%;
--dd-slide-down: .30s cubic-bezier(.22,.61,.36,1);
--dd-slide-up: .22s cubic-bezier(.4,0,.2,1);
}
/* ==================================================
2. DROPDOWN STACKING CONTEXT
Keep the menu and megamenu above page content / hero / video.
================================================== */
.super-header .ipad-main-header .header-menu-container,
.super-header .ipad-main-header .header-menu-container .header-megamenu{
position: relative !important;
z-index: var(--dd-z-menu) !important;
}
/* ==================================================
3. DROPDOWN PANEL BASE
These are the 2 real dropdown panels generated by Elementor.
================================================== */
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580){
position: relative !important;
overflow: hidden !important;
isolation: isolate !important;
background: transparent !important;
color: var(--dd-fg) !important;
z-index: var(--dd-z-panel) !important;
transform-origin: top center !important;
-webkit-transform-origin: top center !important;
backface-visibility: hidden !important;
-webkit-backface-visibility: hidden !important;
will-change: transform, opacity !important;
transition: none !important;
animation: none !important;
}
/* ==================================================
4. DROPDOWN CONTENT LAYER
Keep dropdown content above the background/blur layers.
================================================== */
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) > .e-con-inner{
position: relative !important;
z-index: 4 !important;
color: var(--dd-fg) !important;
}
/* Remove inner backgrounds so the blue blur layer is visible. */
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) .e-con-inner,
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) .e-child{
background: transparent !important;
}
/* ==================================================
5. DROPDOWN BACKGROUND LAYERS
Solid top/bottom + blue blur middle.
================================================== */
.super-header .ipad-main-header .header-menu-container :is(.dd-solid-top, .dd-solid-bottom){
position: absolute !important;
left: 0 !important;
right: 0 !important;
background: var(--dd-bg) !important;
z-index: 1 !important;
pointer-events: none !important;
}
.super-header .ipad-main-header .header-menu-container .dd-blur-mid{
position: absolute !important;
left: 0 !important;
right: 0 !important;
z-index: 2 !important;
pointer-events: none !important;
background: var(--dd-bg-blur) !important;
-webkit-backdrop-filter: blur(var(--dd-blur)) saturate(var(--dd-saturate)) !important;
backdrop-filter: blur(var(--dd-blur)) saturate(var(--dd-saturate)) !important;
}
/* ==================================================
6. DROPDOWN TEXT + ICON COLOR
Force dropdown text, links, icons, arrows and SVG to white.
================================================== */
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) :is(
a,
span,
p,
li,
strong,
em,
small,
label,
button,
h1,
h2,
h3,
h4,
h5,
h6,
.elementor-heading-title,
.elementor-icon,
.elementor-icon-list-icon,
.elementor-icon-list-text,
.elementor-button,
.elementor-button-text,
.menu-item,
.menu-item a,
.elementor-item,
.e-n-menu-title,
.sub-arrow,
i
){
color: var(--dd-fg) !important;
-webkit-text-fill-color: var(--dd-fg) !important;
}
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) a:hover,
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) a:focus,
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) .elementor-item:hover,
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) .elementor-item:focus{
color: var(--dd-fg) !important;
-webkit-text-fill-color: var(--dd-fg) !important;
opacity: .9 !important;
}
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) svg,
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) svg *{
color: currentColor !important;
fill: currentColor !important;
stroke: currentColor !important;
}
/* Keep pseudo elements visually consistent with the white text/icon system. */
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) *::before,
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580) *::after{
color: currentColor !important;
border-color: currentColor !important;
}
/* ==================================================
7. DROPDOWN OPEN / CLOSE ANIMATION
Same behavior as the old CSS, scoped to the iPad header.
================================================== */
.super-header .ipad-main-header .header-menu-container:hover :is(.elementor-element-78feeff, .elementor-element-f447580),
.super-header .ipad-main-header .header-menu-container:focus-within :is(.elementor-element-78feeff, .elementor-element-f447580){
animation: lpMegaSlideDown var(--dd-slide-down) both !important;
}
.super-header .ipad-main-header .header-menu-container:not(:hover):not(:focus-within) :is(.elementor-element-78feeff, .elementor-element-f447580){
animation: lpMegaSlideUp var(--dd-slide-up) both !important;
}
/* ==================================================
8. DROPDOWN KEYFRAMES
================================================== */
@keyframes lpMegaSlideDown{
0%{
opacity: 0;
transform: translate3d(0,-18px,0) scaleY(.985);
}
100%{
opacity: 1;
transform: translate3d(0,0,0) scaleY(1);
}
}
@keyframes lpMegaSlideUp{
0%{
opacity: 1;
transform: translate3d(0,0,0) scaleY(1);
}
100%{
opacity: 0;
transform: translate3d(0,-14px,0) scaleY(.985);
}
}
/* ==================================================
9. ACCESSIBILITY: REDUCED MOTION
================================================== */
@media (prefers-reduced-motion: reduce){
.super-header .ipad-main-header .header-menu-container :is(.elementor-element-78feeff, .elementor-element-f447580){
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
transition-duration: .01ms !important;
}
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-59bf15b *//* SEARCH SVG ICON - BẢN RÚT GỌN */
.elementor-5855 .elementor-element.elementor-element-59bf15b{
--search-box: var(--hd-icon-box);
--search-icon-size: calc(var(--hd-icon-size) * var(--hd-search-scale));
--search-x: 0px;
--search-y: -2px;
--search-svg: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 36 36'%3E%3Cpath d='M16.33%2C5.05A10.95%2C10.95%2C0%2C1%2C1%2C5.39%2C16%2C11%2C11%2C0%2C0%2C1%2C16.33%2C5.05m0-2.05a13%2C13%2C0%2C1%2C0%2C13%2C13%2C13%2C13%2C0%2C0%2C0-13-13Z'/%3E%3Cpath d='M35%2C33.29l-7.37-7.42-1.42%2C1.41%2C7.37%2C7.42A1%2C1%2C0%2C1%2C0%2C35%2C33.29Z'/%3E%3C/svg%3E");
position: relative !important;
width: var(--search-box) !important;
height: var(--search-box) !important;
padding: 0 !important;
color: var(--hd-fg) !important;
}
/* khung click */
.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-widget-container,
.elementor-5855 .elementor-element.elementor-element-59bf15b a,
.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-icon{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: 100% !important;
height: 100% !important;
padding: 0 !important;
}
.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-widget-container{
overflow: visible !important;
}
.elementor-5855 .elementor-element.elementor-element-59bf15b a{
pointer-events: auto !important;
z-index: 2 !important;
text-decoration: none !important;
color: inherit !important;
}
/* ẩn icon gốc nhưng vẫn giữ click */
.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-icon > *{
opacity: 0 !important;
pointer-events: none !important;
}
/* đè SVG mới lên */
.elementor-5855 .elementor-element.elementor-element-59bf15b .elementor-widget-container::before{
content: "";
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: var(--search-icon-size) !important;
height: var(--search-icon-size) !important;
transform: translate(
calc(-50% + var(--search-x)),
calc(-50% + var(--search-y))
) !important;
background-color: currentColor !important;
pointer-events: none !important;
z-index: 3 !important;
-webkit-mask: var(--search-svg) center / contain no-repeat;
mask: var(--search-svg) center / contain no-repeat;
}
/* tôn trọng hide responsive của Elementor */
@media (max-width: 1024px){
.elementor-5855 .elementor-element.elementor-element-59bf15b.elementor-hidden-tablet{
display: none !important;
}
}
@media (max-width: 767px){
.elementor-5855 .elementor-element.elementor-element-59bf15b.elementor-hidden-mobile{
display: none !important;
}
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-7a0c3e5 *//* ===== WISHLIST ICON - BẢN KẾ THỪA MÀU ===== */
.ipad-header-icon-wishlist{
--wish-box: var(--hd-icon-box);
--wish-heart: calc(var(--hd-icon-size) * var(--hd-wish-scale));
--wish-count: var(--hd-count-size);
--wish-x: 0.2px;
--wish-y: -1px;
--wish-top: -1px;
color: var(--hd-fg) !important;
}
/* vùng click */
.ipad-header-icon-wishlist a{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--wish-box) !important;
height: var(--wish-box) !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
font-size: 0 !important;
line-height: 1 !important;
transform: translateY(var(--wish-top)) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
color: inherit !important;
}
/* ẩn icon cũ */
.ipad-header-icon-wishlist a i,
.ipad-header-icon-wishlist a svg,
.ipad-header-icon-wishlist a img,
.ipad-header-icon-wishlist .yith-wcwl-icon,
.ipad-header-icon-wishlist .wishlist-icon,
.ipad-header-icon-wishlist .gem-icon,
.ipad-header-icon-wishlist .screen-reader-text{
display: none !important;
}
/* svg tim */
.ipad-header-icon-wishlist a::after{
content: "" !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: var(--wish-heart) !important;
height: var(--wish-heart) !important;
transform: translate(-50%, -50%) !important;
background-color: currentColor !important;
pointer-events: none !important;
z-index: 1 !important;
-webkit-mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
-webkit-mask-size: contain !important;
-webkit-mask-image: url("data:image/svg+xml;utf8,");
mask-repeat: no-repeat !important;
mask-position: center !important;
mask-size: contain !important;
mask-image: url("data:image/svg+xml;utf8,");
}
/* số */
.ipad-header-icon-wishlist .gem-wishlist-count,
.ipad-header-icon-wishlist a .count,
.ipad-header-icon-wishlist a .wishlist-count,
.ipad-header-icon-wishlist a .yith-wcwl-items-count{
position: absolute !important;
left: calc(50% + var(--wish-x)) !important;
top: calc(50% + var(--wish-y)) !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: currentColor !important;
font-size: var(--wish-count) !important;
font-weight: 500 !important;
line-height: 1 !important;
z-index: 2 !important;
pointer-events: none !important;
-webkit-text-fill-color: currentColor !important;
}/* End custom CSS */
/* Start custom CSS for icon, class: .elementor-element-7ba8853 *//* ACCOUNT ICON */
.header-icon-account{
--account-box: var(--hd-icon-box);
--account-icon-size: calc(var(--hd-icon-size) * var(--hd-account-scale));
--account-x: 0px;
--account-y: -2px;
position: relative !important;
display: inline-flex !important;
width: var(--account-box) !important;
height: var(--account-box) !important;
color: var(--hd-fg) !important;
--account-svg: url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 489 489'%3E%3Cg fill='none' stroke='black' stroke-width='25' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='244.5' cy='244.5' r='231'/%3E%3Ccircle cx='244.5' cy='139.5' r='50'/%3E%3Cpath d='M143.5 381.5c8.5-82.3 42.5-124 101-124s92.5 41.7 101 124'/%3E%3C/g%3E%3C/svg%3E");
}
/* tablet */
@media (max-width: 1024px){
.header-icon-account{
display: none !important;
}
}
/* mobile */
@media (max-width: 767px){
.header-icon-account{
display: none !important;
}
}
.header-icon-account .elementor-widget-container,
.header-icon-account .elementor-icon-wrapper,
.header-icon-account a,
.header-icon-account .elementor-icon{
position: relative !important;
width: 100% !important;
height: 100% !important;
z-index: 4 !important;
pointer-events: auto !important;
cursor: pointer !important;
color: inherit !important;
}
/* ẩn icon gốc nhưng vẫn giữ click */
.header-icon-account .elementor-icon svg,
.header-icon-account .elementor-icon i,
.header-icon-account > svg,
.header-icon-account > i{
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
/* icon svg mới */
.header-icon-account::before{
content: "";
position: absolute;
left: 50%;
top: 50%;
width: var(--account-icon-size);
height: var(--account-icon-size);
transform: translate(
calc(-50% + var(--account-x)),
calc(-50% + var(--account-y))
);
background-color: currentColor !important;
pointer-events: none !important;
z-index: 2 !important;
-webkit-mask: var(--account-svg) no-repeat center / contain;
mask: var(--account-svg) no-repeat center / contain;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-7672410 *//* ===== CART ICON - SVG MỚI ===== */
.ipad-header-icon-cart{
--cart-box: var(--hd-icon-box);
--cart-icon: calc(var(--hd-icon-size) * var(--hd-cart-scale));
--cart-count: var(--hd-count-size);
--cart-x: 3px;
--cart-y: 0px;
--cart-top: 0px;
--cart-icon-y: 0px;
--cart-svg: url("data:image/svg+xml;utf8,");
color: var(--hd-fg) !important;
}
/* vùng click */
.ipad-header-icon-cart a.elementor-menu-cart__toggle,
.ipad-header-icon-cart .elementor-menu-cart__toggle_wrapper a{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--cart-box) !important;
height: var(--cart-box) !important;
min-width: var(--cart-box) !important;
min-height: var(--cart-box) !important;
padding: 0 !important;
margin: 0 !important;
text-decoration: none !important;
font-size: 0 !important;
line-height: 1 !important;
transform: translateY(var(--cart-top)) !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
overflow: visible !important;
color: inherit !important;
}
/* giữ khung icon gốc để số bám đúng */
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon{
position: relative !important;
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
width: var(--cart-box) !important;
height: var(--cart-box) !important;
margin: 0 !important;
padding: 0 !important;
font-size: 0 !important;
line-height: 1 !important;
color: inherit !important;
}
/* ẩn icon và text cũ */
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon i,
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon svg,
.ipad-header-icon-cart .elementor-menu-cart__toggle .eicon-cart,
.ipad-header-icon-cart .elementor-menu-cart__toggle .eicon-bag,
.ipad-header-icon-cart .elementor-menu-cart__toggle .eicon-basket,
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-text,
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-menu-cart__product-count,
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-menu-cart__toggle_button_counter{
display: none !important;
}
/* svg giỏ mới */
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon::after{
content: "" !important;
position: absolute !important;
left: 50% !important;
top: 50% !important;
width: var(--cart-icon) !important;
height: var(--cart-icon) !important;
transform: translate(-50%, calc(-50% + var(--cart-icon-y))) !important;
background-color: currentColor !important;
pointer-events: none !important;
z-index: 1 !important;
-webkit-mask-repeat: no-repeat !important;
-webkit-mask-position: center !important;
-webkit-mask-size: contain !important;
-webkit-mask-image: var(--cart-svg) !important;
mask-repeat: no-repeat !important;
mask-position: center !important;
mask-size: contain !important;
mask-image: var(--cart-svg) !important;
}
/* số cart */
.ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon-qty{
position: absolute !important;
left: calc(50% + var(--cart-x)) !important;
top: calc(50% + var(--cart-y)) !important;
transform: translate(-50%, -50%) !important;
margin: 0 !important;
padding: 0 !important;
width: auto !important;
height: auto !important;
min-width: 0 !important;
min-height: 0 !important;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: currentColor !important;
font-size: var(--cart-count) !important;
font-weight: 500 !important;
line-height: 1 !important;
white-space: nowrap !important;
z-index: 2 !important;
pointer-events: none !important;
-webkit-text-fill-color: currentColor !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-29ccf86 */.ipad-main-header{
--hd-fg: #000;
--hd-icon-box: 40px;
--hd-icon-size: 29px;
--hd-count-size: 10px;
--hd-search-scale: 1.5;
--hd-wish-scale: 1.8;
--hd-account-scale: 1.295;
--hd-cart-scale: 1.75;
--hd-icon-gap: 12px;
color: var(--hd-fg) !important;
}
/* tablet */
@media (max-width: 1024px){
.ipad-main-header{
--hd-icon-box: 36px;
--hd-icon-size: 25px;
--hd-count-size: 9px;
}
}
/* mobile */
@media (max-width: 767px){
.ipad-main-header{
--hd-icon-box: 32px;
--hd-icon-size: 22px;
--hd-count-size: 8px;
}
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-82f58a9 *//* ==================================================
IPAD MAIN HEADER - CLEAN V3
Chức năng chính:
1) Đầu trang idle: header trong suốt, ăn vào nền/hero.
2) Hover/focus/sticky/menu mở: header chuyển nền xanh ngay cả khi đang ở đầu trang.
3) Chữ, icon, logo, pseudo, count luôn giữ màu trắng.
4) Chỉ scope vào .super-header .ipad-main-header, không đụng topbar.
================================================== */
/* ==================================================
1. HEADER SCOPE + VARIABLES
================================================== */
.super-header .ipad-main-header {
--hd-bg-solid: #1E73BE;
--hd-state-fg: #fff;
--hd-shadow-solid: 0 8px 24px rgba(0, 0, 0, .06);
--hd-logo-filter: brightness(0) invert(1);
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
transition:
background-color .28s ease,
box-shadow .28s ease,
color .28s ease,
border-color .28s ease,
filter .28s ease !important;
}
/* ==================================================
2. HEADER TRANSPARENT IDLE TOP STATE
- Không dùng opacity vì opacity sẽ làm mờ cả phần tử con.
- Header chỉ trong suốt khi đang ở trạng thái nghỉ:
không hover, không focus, không sticky, không mở menu/dropdown.
- Dùng :where() để giữ specificity thấp, tránh đè lên solid hover state.
================================================== */
.super-header .ipad-main-header:where(:not(:hover):not(:focus-within):not(.menu-open):not(.dropdown-open):not(.is-open):not(.elementor-sticky--active):not(.e-sticky--active):not(.elementor-sticky--effects)) {
--hd-state-fg: #fff;
background-color: transparent !important;
background-image: none !important;
box-shadow: none !important;
}
/* ==================================================
3. HEADER SOLID INTERACTIVE / STICKY STATE
- Hover ở đầu trang cũng phải chuyển nền xanh.
- Focus/sticky/menu mở cũng chuyển nền xanh.
- Chữ/icon vẫn trắng, không đổi sang đen.
================================================== */
.super-header .ipad-main-header:hover,
.super-header .ipad-main-header:focus-within,
.super-header .ipad-main-header.menu-open,
.super-header .ipad-main-header.dropdown-open,
.super-header .ipad-main-header.is-open,
.super-header .ipad-main-header.elementor-active,
.super-header .ipad-main-header.has-open-menu,
.super-header .ipad-main-header.has-dropdown-open,
.super-header .ipad-main-header.elementor-sticky--active,
.super-header .ipad-main-header.e-sticky--active,
.super-header .ipad-main-header.elementor-sticky--effects,
.super-header .elementor-sticky--active .ipad-main-header,
.super-header .e-sticky--active .ipad-main-header,
.super-header .elementor-sticky--effects .ipad-main-header {
--hd-state-fg: #fff;
background-color: var(--hd-bg-solid) !important;
background-image: none !important;
box-shadow: var(--hd-shadow-solid) !important;
}
/* Menu/dropdown mở bằng Elementor: bật nền xanh cho header nếu trình duyệt hỗ trợ :has().
Phần này giúp trường hợp menu con mở khi con trỏ/focus nằm trong dropdown. */
@supports .elementor-5855 .elementor-element.elementor-element-82f58a9(:has(*)) {
.super-header .ipad-main-header:has(.elementor-menu-toggle.elementor-active),
.super-header .ipad-main-header:has(.elementor-menu-toggle[aria-expanded="true"]),
.super-header .ipad-main-header:has(.e-n-menu-toggle[aria-expanded="true"]),
.super-header .ipad-main-header:has(.elementor-nav-menu--dropdown[aria-hidden="false"]),
.super-header .ipad-main-header:has(.elementor-nav-menu__container[aria-hidden="false"]),
.super-header .ipad-main-header:has(.e-n-menu-content.e-active),
.super-header .ipad-main-header:has(.e-n-menu-content[aria-hidden="false"]),
.super-header .ipad-main-header:has(.sub-menu:hover),
.super-header .ipad-main-header:has(.children:hover),
.super-header .ipad-main-header:has(.elementor-nav-menu--dropdown:hover) {
--hd-state-fg: #fff;
background-color: var(--hd-bg-solid) !important;
background-image: none !important;
box-shadow: var(--hd-shadow-solid) !important;
}
}
/* ==================================================
4. LOGO
- Giữ logo trắng ở cả trạng thái trong suốt và trạng thái nền xanh.
- Không trả logo về màu gốc khi sticky.
================================================== */
.super-header .ipad-main-header .ipad-header-logo img,
.super-header .ipad-main-header .ipad-header-logo picture img,
.super-header .ipad-main-header .ipad-header-logo .elementor-image img {
filter: var(--hd-logo-filter) !important;
transition: filter .28s ease, opacity .28s ease !important;
}
.super-header .ipad-main-header .ipad-header-logo svg,
.super-header .ipad-main-header .ipad-header-logo svg * {
color: var(--hd-state-fg) !important;
fill: currentColor !important;
stroke: currentColor !important;
transition: color .28s ease, fill .28s ease, stroke .28s ease !important;
}
/* ==================================================
5. MENU / MEGAMENU TEXT + ARROW + SVG
================================================== */
.super-header .ipad-main-header .header-menu-container,
.super-header .ipad-main-header .header-menu-container a,
.super-header .ipad-main-header .header-menu-container .menu-item,
.super-header .ipad-main-header .header-menu-container .menu-item > a,
.super-header .ipad-main-header .header-menu-container .elementor-item,
.super-header .ipad-main-header .header-menu-container .elementor-nav-menu a,
.super-header .ipad-main-header .header-menu-container .e-n-menu-title,
.super-header .ipad-main-header .header-menu-container .e-n-menu-title-text,
.super-header .ipad-main-header .header-menu-container .sub-arrow,
.super-header .ipad-main-header .header-menu-container i,
.super-header .ipad-main-header .header-menu-container .elementor-icon,
.super-header .ipad-main-header .header-menu-container svg {
color: var(--hd-state-fg) !important;
-webkit-text-fill-color: var(--hd-state-fg) !important;
transition: color .28s ease, fill .28s ease, stroke .28s ease, background-color .28s ease, border-color .28s ease !important;
}
.super-header .ipad-main-header .header-menu-container a:hover,
.super-header .ipad-main-header .header-menu-container a:focus,
.super-header .ipad-main-header .header-menu-container .elementor-item:hover,
.super-header .ipad-main-header .header-menu-container .elementor-item:focus,
.super-header .ipad-main-header .header-menu-container .elementor-item-active,
.super-header .ipad-main-header .header-menu-container .current-menu-item > a,
.super-header .ipad-main-header .header-menu-container .current-menu-ancestor > a {
color: var(--hd-state-fg) !important;
-webkit-text-fill-color: var(--hd-state-fg) !important;
}
.super-header .ipad-main-header .header-menu-container svg,
.super-header .ipad-main-header .header-menu-container svg * {
fill: currentColor !important;
stroke: currentColor !important;
}
.super-header .ipad-main-header .header-menu-container *::before,
.super-header .ipad-main-header .header-menu-container *::after {
transition: color .28s ease, background-color .28s ease, border-color .28s ease, fill .28s ease, stroke .28s ease !important;
}
/* ==================================================
6. DROPDOWN / MEGAMENU PANELS
- Chỉ đặt nền cho các panel menu nằm trong ipad-main-header.
- Text/icon bên trong đã ăn theo section MENU ở trên.
================================================== */
.super-header .ipad-main-header .header-menu-container .sub-menu,
.super-header .ipad-main-header .header-menu-container .children,
.super-header .ipad-main-header .header-menu-container .elementor-nav-menu--dropdown,
.super-header .ipad-main-header .header-menu-container .e-n-menu-content,
.super-header .ipad-main-header .header-menu-container .mega-menu,
.super-header .ipad-main-header .header-menu-container .megamenu,
.super-header .ipad-main-header .header-menu-container .elementor-menu-toggle + .elementor-nav-menu--dropdown {
background-color: var(--hd-bg-solid) !important;
background-image: none !important;
}
/* ==================================================
7. HEADER ICONS BASE
Search / Wishlist / Account / Cart / Bars
================================================== */
.super-header .ipad-main-header .ipad-header-icons,
.super-header .ipad-main-header .ipad-header-icons a,
.super-header .ipad-main-header .ipad-header-icons button,
.super-header .ipad-main-header .ipad-header-icons .elementor-icon,
.super-header .ipad-main-header .ipad-header-icons i,
.super-header .ipad-main-header .ipad-header-icons svg,
.super-header .ipad-main-header .ipad-header-icon-search,
.super-header .ipad-main-header .ipad-header-icon-search a,
.super-header .ipad-main-header .ipad-header-icon-search button,
.super-header .ipad-main-header .ipad-header-icon-search .elementor-icon,
.super-header .ipad-main-header .ipad-header-icon-wishlist,
.super-header .ipad-main-header .ipad-header-icon-wishlist a,
.super-header .ipad-main-header .ipad-header-icon-wishlist button,
.super-header .ipad-main-header .ipad-header-icon-wishlist .elementor-icon,
.super-header .ipad-main-header .header-icon-account,
.super-header .ipad-main-header .header-icon-account a,
.super-header .ipad-main-header .header-icon-account button,
.super-header .ipad-main-header .header-icon-account .elementor-icon,
.super-header .ipad-main-header .ipad-header-icon-cart,
.super-header .ipad-main-header .ipad-header-icon-cart a,
.super-header .ipad-main-header .ipad-header-icon-cart button,
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-icon,
.super-header .ipad-main-header .ipad-header-icon-cart a.elementor-menu-cart__toggle,
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-menu-cart__toggle_wrapper a,
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon,
.super-header .ipad-main-header .ipad-header-bars,
.super-header .ipad-main-header .ipad-header-bars a,
.super-header .ipad-main-header .ipad-header-bars button,
.super-header .ipad-main-header .ipad-header-bars .elementor-icon,
.super-header .ipad-main-header .ipad-header-bars .menu-toggle-btn,
.super-header .ipad-main-header .ipad-header-bars svg {
color: var(--hd-state-fg) !important;
-webkit-text-fill-color: var(--hd-state-fg) !important;
transition: color .28s ease, fill .28s ease, stroke .28s ease, background-color .28s ease, border-color .28s ease !important;
}
.super-header .ipad-main-header .ipad-header-icons svg,
.super-header .ipad-main-header .ipad-header-icons svg *,
.super-header .ipad-main-header .ipad-header-icon-search svg,
.super-header .ipad-main-header .ipad-header-icon-search svg *,
.super-header .ipad-main-header .ipad-header-icon-wishlist svg,
.super-header .ipad-main-header .ipad-header-icon-wishlist svg *,
.super-header .ipad-main-header .header-icon-account svg,
.super-header .ipad-main-header .header-icon-account svg *,
.super-header .ipad-main-header .ipad-header-icon-cart svg,
.super-header .ipad-main-header .ipad-header-icon-cart svg *,
.super-header .ipad-main-header .ipad-header-bars svg,
.super-header .ipad-main-header .ipad-header-bars svg * {
fill: currentColor !important;
stroke: currentColor !important;
}
/* ==================================================
8. ICON PSEUDO + COUNTS
================================================== */
/* Search pseudo */
.super-header .ipad-main-header .ipad-header-icon-search .elementor-widget-container::before {
background-color: var(--hd-state-fg) !important;
}
/* Wishlist pseudo + count */
.super-header .ipad-main-header .ipad-header-icon-wishlist a::after {
background-color: var(--hd-state-fg) !important;
}
.super-header .ipad-main-header .ipad-header-icon-wishlist .gem-wishlist-count,
.super-header .ipad-main-header .ipad-header-icon-wishlist a .count,
.super-header .ipad-main-header .ipad-header-icon-wishlist a .wishlist-count,
.super-header .ipad-main-header .ipad-header-icon-wishlist a .yith-wcwl-items-count {
color: var(--hd-state-fg) !important;
-webkit-text-fill-color: var(--hd-state-fg) !important;
}
/* Account pseudo */
.super-header .ipad-main-header .header-icon-account::before {
background-color: var(--hd-state-fg) !important;
}
/* Cart pseudo + quantity */
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon::after {
background-color: var(--hd-state-fg) !important;
}
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon-qty,
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-button-icon-qty,
.super-header .ipad-main-header .ipad-header-icon-cart .elementor-menu-cart__toggle .elementor-button-icon-qty * {
color: var(--hd-state-fg) !important;
-webkit-text-fill-color: var(--hd-state-fg) !important;
}
/* Hamburger bars */
.super-header .ipad-main-header .ipad-header-bars span,
.super-header .ipad-main-header .ipad-header-bars .menu-toggle-btn span,
.super-header .ipad-main-header .ipad-header-bars button::before,
.super-header .ipad-main-header .ipad-header-bars button::after,
.super-header .ipad-main-header .ipad-header-bars .menu-toggle-btn::before,
.super-header .ipad-main-header .ipad-header-bars .menu-toggle-btn::after {
background-color: var(--hd-state-fg) !important;
transition: background-color .28s ease, color .28s ease, fill .28s ease, stroke .28s ease !important;
}
/* ==================================================
9. SAFETY OVERRIDES FOR STICKY STATES
- Giữ trắng khi sticky, kể cả theme/Elementor cố đổi sang màu khác.
================================================== */
.super-header .ipad-main-header.elementor-sticky--active,
.super-header .ipad-main-header.e-sticky--active,
.super-header .ipad-main-header.elementor-sticky--effects,
.super-header .elementor-sticky--active .ipad-main-header,
.super-header .e-sticky--active .ipad-main-header,
.super-header .elementor-sticky--effects .ipad-main-header {
--hd-state-fg: #fff !important;
}
.super-header .ipad-main-header.elementor-sticky--active .header-menu-container,
.super-header .ipad-main-header.elementor-sticky--active .header-menu-container a,
.super-header .ipad-main-header.elementor-sticky--active .header-menu-container .elementor-item,
.super-header .ipad-main-header.elementor-sticky--active .header-menu-container .e-n-menu-title,
.super-header .ipad-main-header.elementor-sticky--active .header-menu-container .sub-arrow,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-icons,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-icons a,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-icons button,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-icon-search,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-icon-wishlist,
.super-header .ipad-main-header.elementor-sticky--active .header-icon-account,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-icon-cart,
.super-header .ipad-main-header.elementor-sticky--active .ipad-header-bars,
.super-header .elementor-sticky--active .ipad-main-header .header-menu-container,
.super-header .elementor-sticky--active .ipad-main-header .header-menu-container a,
.super-header .elementor-sticky--active .ipad-main-header .header-menu-container .elementor-item,
.super-header .elementor-sticky--active .ipad-main-header .header-menu-container .e-n-menu-title,
.super-header .elementor-sticky--active .ipad-main-header .header-menu-container .sub-arrow,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-icons,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-icons a,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-icons button,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-icon-search,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-icon-wishlist,
.super-header .elementor-sticky--active .ipad-main-header .header-icon-account,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-icon-cart,
.super-header .elementor-sticky--active .ipad-main-header .ipad-header-bars,
.super-header .ipad-main-header.e-sticky--active .header-menu-container,
.super-header .ipad-main-header.e-sticky--active .header-menu-container a,
.super-header .ipad-main-header.e-sticky--active .header-menu-container .elementor-item,
.super-header .ipad-main-header.e-sticky--active .header-menu-container .e-n-menu-title,
.super-header .ipad-main-header.e-sticky--active .header-menu-container .sub-arrow,
.super-header .ipad-main-header.e-sticky--active .ipad-header-icons,
.super-header .ipad-main-header.e-sticky--active .ipad-header-icons a,
.super-header .ipad-main-header.e-sticky--active .ipad-header-icons button,
.super-header .ipad-main-header.e-sticky--active .ipad-header-icon-search,
.super-header .ipad-main-header.e-sticky--active .ipad-header-icon-wishlist,
.super-header .ipad-main-header.e-sticky--active .header-icon-account,
.super-header .ipad-main-header.e-sticky--active .ipad-header-icon-cart,
.super-header .ipad-main-header.e-sticky--active .ipad-header-bars,
.super-header .e-sticky--active .ipad-main-header .header-menu-container,
.super-header .e-sticky--active .ipad-main-header .header-menu-container a,
.super-header .e-sticky--active .ipad-main-header .header-menu-container .elementor-item,
.super-header .e-sticky--active .ipad-main-header .header-menu-container .e-n-menu-title,
.super-header .e-sticky--active .ipad-main-header .header-menu-container .sub-arrow,
.super-header .e-sticky--active .ipad-main-header .ipad-header-icons,
.super-header .e-sticky--active .ipad-main-header .ipad-header-icons a,
.super-header .e-sticky--active .ipad-main-header .ipad-header-icons button,
.super-header .e-sticky--active .ipad-main-header .ipad-header-icon-search,
.super-header .e-sticky--active .ipad-main-header .ipad-header-icon-wishlist,
.super-header .e-sticky--active .ipad-main-header .header-icon-account,
.super-header .e-sticky--active .ipad-main-header .ipad-header-icon-cart,
.super-header .e-sticky--active .ipad-main-header .ipad-header-bars {
color: var(--hd-state-fg) !important;
-webkit-text-fill-color: var(--hd-state-fg) !important;
}/* End custom CSS */