.elementor-kit-6{--e-global-color-primary:#000000;--e-global-color-secondary:#CDCDCD;--e-global-color-text:#000000;--e-global-color-accent:#16161E;--e-global-color-a02c04e:#FFFFFF;--e-global-color-0fc359b:#B7FFC1;--e-global-color-ea8e183:#EBEBEB;--e-global-typography-primary-font-family:"DM Sans";--e-global-typography-primary-font-size:16px;--e-global-typography-primary-font-weight:700;--e-global-typography-primary-font-style:normal;--e-global-typography-primary-line-height:20px;--e-global-typography-secondary-font-family:"DM Sans";--e-global-typography-secondary-font-size:14px;--e-global-typography-secondary-font-weight:400;--e-global-typography-secondary-font-style:normal;--e-global-typography-secondary-line-height:20px;--e-global-typography-text-font-family:"DM Sans";--e-global-typography-text-font-size:16px;--e-global-typography-text-font-weight:500;--e-global-typography-text-font-style:normal;--e-global-typography-text-text-decoration:none;--e-global-typography-text-line-height:20px;--e-global-typography-accent-font-family:"DM Sans";--e-global-typography-accent-font-size:12px;--e-global-typography-accent-font-weight:700;--e-global-typography-accent-text-transform:uppercase;--e-global-typography-accent-font-style:normal;--e-global-typography-accent-line-height:20px;--e-global-typography-abe9cd2-font-family:"DM Sans";--e-global-typography-abe9cd2-font-size:28px;--e-global-typography-abe9cd2-font-weight:700;--e-global-typography-abe9cd2-text-transform:none;--e-global-typography-abe9cd2-font-style:normal;--e-global-typography-abe9cd2-text-decoration:none;--e-global-typography-abe9cd2-line-height:32px;--e-global-typography-827cbd0-font-family:"DM Sans";--e-global-typography-827cbd0-font-size:20px;--e-global-typography-827cbd0-font-weight:700;--e-global-typography-827cbd0-font-style:normal;--e-global-typography-827cbd0-line-height:24px;color:#000000;font-family:"DM Sans", Sans-serif;font-weight:700;}.elementor-kit-6 e-page-transition{background-color:#FFBC7D;}.elementor-kit-6 a{color:var( --e-global-color-accent );}.elementor-kit-6 h1{color:var( --e-global-color-a02c04e );font-family:"DM Sans", Sans-serif;font-size:28px;font-weight:700;font-style:normal;line-height:32px;}.elementor-kit-6 h2{color:var( --e-global-color-a02c04e );font-family:"DM Sans", Sans-serif;font-size:24px;font-weight:700;font-style:normal;line-height:28px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-6{font-size:12px;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}} /* Start custom CSS */.menuwrapper { position: relative; background: rgba(21, 21, 29, 0.85); border-radius: 60px; backdrop-filter: blur(3px); -webkit-backdrop-filter: blur(30px); padding: 1rem; max-width: 50vw; border: 0 solid rgba(0,0,0,0.05); color: #fff; overflow: hidden; display: flex; margin-top: 1rem; z-index: 0; } .menubutton { border-radius: 16px !important; } /* 2. A slider, amit mozgatni fogunk */ .elementor-nav-menu .menu-slider { position: absolute; border-radius: 60px; top: 0; left: 0; width: 0; height: 55%; transform: translateY(42%); background: #0b0b0f; transition: all .3s ease; z-index: 0; } /* Glow layer */ .menuwrapper::before, .menuwrapper::after { content: ""; position: absolute; top: -4px; /* extend a little beyond to catch the glow */ left: -4px; right: -4px; bottom: -4px; border-radius: inherit; pointer-events: none; z-index: -1; } .menuwrapper::before { background: rgba(142, 68, 173, 0.4); filter: blur(8px); } /* Laser‑beam border layer */ .menuwrapper::after { padding: 4px; /* thickness of the “beam” */ background: conic-gradient( from 0deg, transparent 20%, rgba(208, 175, 255, 1) 50%, transparent 80% ); /* carve out the inside so only the border shows */ mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask-composite: exclude; -webkit-mask-composite: destination-out; animation: spin 10s linear infinite; } @keyframes spin { to { transform: rotate(360deg); } } .elementor-nav-menu a { position: relative; font-family: "DM Sans", "Noto Sans Hebrew", Sans-serif; font-size: 16px; height: 100%; font-weight: 700; line-height: 10px; color: #fff; padding: 1rem; z-index: 1; transition: all .3s ease; } .elementor-nav-menu a:hover { position: relative; font-family: "DM Sans", "Noto Sans Hebrew", Sans-serif; font-size: 16px; line-height: 10px; height: 100%; font-weight: 700; color: #fff; padding: 1rem; z-index: 1; transition: all .3s ease; } .elementor-nav-menu .arajanlat:hover { position: relative; font-family: "DM Sans", "Noto Sans Hebrew", Sans-serif; font-size: 16px; height: 100%; font-weight: 700; color: #000000; padding: 1rem; z-index: 1; transition: all .3s ease; } .menu-toggle { width: 50px; height: 50px; display: flex; flex-direction: column; justify-content: space-between; align-items: center; padding: 0; border: none; padding: 8px; backdrop-filter: blur(30px) saturate(160%); -webkit-backdrop-filter: blur(30px) saturate(160%); background: rgba(255, 255, 255, 0.03) !important; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.12); cursor: pointer; } /* The three bars */ .menu-toggle .bar { display: block; width: 100%; height: 5px; background: rgba(255, 255, 255, 0.9); border-radius: 1px; transition: transform 0.3s ease, opacity 0.3s ease; transform-origin: center; } /* When .open is toggled, morph to X */ .menu-toggle.open .bar:nth-child(1) { transform: translateY(14px) rotate(45deg); } .menu-toggle.open .bar:nth-child(2) { opacity: 0; } .menu-toggle.open .bar:nth-child(3) { transform: translateY(-14.1px) rotate(-45deg); } #elementor-popup-modal-116 { margin: 1rem; z-index: 10; width: auto; background-color: transparent !important; } #elementor-popup-modal-116 .dialog-widget-content { background-color: transparent !important; box-shadow: none; } .elementor-popup-modal .dialog-message { max-width: 90vw; } /* .url-address:before { display: block; position: absolute; left: -0.8rem; content: '•'; color: #b7ffc1; } */ /* Base glass-icon style */ .colors-container { height: auto; } .main-container { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(30px) saturate(160%); -webkit-backdrop-filter: blur(30px) saturate(160%); border: 1px solid rgba(255, 255, 255, 0.18); border-radius: 16px; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.12); } .glossy-background { /* Base fallback */ background-color: #0b0b0f; background-image: /* Vertical depth gradient */ linear-gradient( to bottom, rgba(25, 25, 35, 0.95) 0%, rgba(10, 10, 15, 0.95) 55%, rgba(5, 5, 8, 0.98) 100% ), /* Soft horizontal light sweep */ linear-gradient( to right, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0) 45%, rgba(255, 255, 255, 0.06) 100% ), /* Diagonal glossy highlight */ linear-gradient( 135deg, rgba(120, 120, 160, 0.12) 0%, rgba(255, 255, 255, 0) 60% ); background-blend-mode: normal, screen, soft-light; background-repeat: no-repeat; background-size: cover; background-position: center; overflow-x: hidden; overflow-y: hidden; position: relative; } body, html { background-color: #12121a !important; }/* End custom CSS */