.elementor-239 .elementor-element.elementor-element-e508e1e{--display:flex;--min-height:463px;--justify-content:center;--overlay-opacity:0.5;}.elementor-239 .elementor-element.elementor-element-e508e1e:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-e508e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/1-3.webp");background-size:cover;}.elementor-239 .elementor-element.elementor-element-e508e1e::before, .elementor-239 .elementor-element.elementor-element-e508e1e > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-e508e1e > .e-con-inner > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-e508e1e > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-e508e1e > .e-con-inner > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-e508e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-primary );--background-overlay:'';}.elementor-239 .elementor-element.elementor-element-c990720{--display:flex;}.elementor-widget-heading .elementor-heading-title{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-primary );}.elementor-239 .elementor-element.elementor-element-140bf27 .elementor-heading-title{color:#FFFFFF;}.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-239 .elementor-element.elementor-element-64841fd{width:var( --container-widget-width, 66% );max-width:66%;--container-widget-width:66%;--container-widget-flex-grow:0;font-family:"Hypatia Sans Semibold", Sans-serif;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-239 .elementor-element.elementor-element-6d50eb5 .elementor-button{background-color:#E8D5A6;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3.1px;word-spacing:1px;fill:#000000;color:#000000;border-style:none;border-radius:0px 0px 0px 0px;padding:13px 30px 13px 30px;}.elementor-239 .elementor-element.elementor-element-e73c762{--display:flex;--min-height:912px;--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;--align-items:center;}.elementor-239 .elementor-element.elementor-element-53bfa0e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-6754250{--display:flex;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-239 .elementor-element.elementor-element-f623ae8{--divider-border-style:solid;--divider-color:var( --e-global-color-25bb461 );--divider-border-width:1px;}.elementor-239 .elementor-element.elementor-element-f623ae8 .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-239 .elementor-element.elementor-element-f623ae8 .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-239 .elementor-element.elementor-element-f623ae8 .elementor-divider__text{color:#9D2235;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1.1px;}.elementor-239 .elementor-element.elementor-element-878e057{text-align:start;}.elementor-239 .elementor-element.elementor-element-878e057 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-239 .elementor-element.elementor-element-440de83{--display:flex;}.elementor-239 .elementor-element.elementor-element-0f1029c{--divider-border-style:solid;--divider-color:var( --e-global-color-25bb461 );--divider-border-width:1px;}.elementor-239 .elementor-element.elementor-element-0f1029c .elementor-divider-separator{width:100%;margin:0 auto;margin-center:0;}.elementor-239 .elementor-element.elementor-element-0f1029c .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-239 .elementor-element.elementor-element-0f1029c .elementor-divider__text{color:#9D2235;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:400;text-transform:uppercase;letter-spacing:1.1px;}.elementor-239 .elementor-element.elementor-element-b558a5f{text-align:start;}.elementor-239 .elementor-element.elementor-element-b558a5f .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-239 .elementor-element.elementor-element-b73e8a4{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-239 .elementor-element.elementor-element-645f502{--e-image-carousel-slides-to-show:1;}.elementor-239 .elementor-element.elementor-element-aeb2bcf{--display:flex;}.elementor-239 .elementor-element.elementor-element-aeb2bcf:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-aeb2bcf > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/Desain-tanpa-judul-6-scaled.webp");background-size:cover;}.elementor-239 .elementor-element.elementor-element-47b2edd{--spacer-size:50px;}.elementor-239 .elementor-element.elementor-element-9566ce9{--display:flex;--overlay-opacity:0.5;}.elementor-239 .elementor-element.elementor-element-9566ce9:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-9566ce9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F5F3ED;}.elementor-239 .elementor-element.elementor-element-9566ce9::before, .elementor-239 .elementor-element.elementor-element-9566ce9 > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-9566ce9 > .e-con-inner > .elementor-background-video-container::before, .elementor-239 .elementor-element.elementor-element-9566ce9 > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-9566ce9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-239 .elementor-element.elementor-element-9566ce9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/Tanpa-judul-2000-x-2000-piksel-2.png");--background-overlay:'';background-size:cover;}.elementor-239 .elementor-element.elementor-element-57e679d{--display:flex;--min-height:311px;--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;--align-items:center;}.elementor-239 .elementor-element.elementor-element-1b7d6ea{--display:flex;}.elementor-239 .elementor-element.elementor-element-d32eb81{text-align:end;}.elementor-239 .elementor-element.elementor-element-d32eb81 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;line-height:57px;color:#000000;}.elementor-239 .elementor-element.elementor-element-7e55e36{--display:flex;}.elementor-239 .elementor-element.elementor-element-774a9c6{width:var( --container-widget-width, 68% );max-width:68%;--container-widget-width:68%;--container-widget-flex-grow:0;font-family:"Hypatia Sans Semibold", Sans-serif;font-weight:400;color:#646068;}.elementor-239 .elementor-element.elementor-element-bc8c887 .elementor-button{background-color:#917D4C;font-family:"Hypatia Sans Semibold", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:3.1px;word-spacing:1px;fill:#FFFFFF;color:#FFFFFF;border-style:none;border-radius:0px 0px 0px 0px;padding:13px 30px 13px 30px;}.elementor-239 .elementor-element.elementor-element-dc093aa{--display:flex;}.elementor-239 .elementor-element.elementor-element-2043e1f{--display:grid;--e-con-grid-template-columns:repeat(4, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:14px;--padding-bottom:14px;--padding-left:14px;--padding-right:14px;}.elementor-239 .elementor-element.elementor-element-0745787{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-17c14d6{text-align:center;}.elementor-239 .elementor-element.elementor-element-17c14d6 .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-239 .elementor-element.elementor-element-ecd963c{text-align:center;}.elementor-239 .elementor-element.elementor-element-ecd963c .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-widget-image .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-239 .elementor-element.elementor-element-8f189a9{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-8f189a9.elementor-element{--align-self:center;}.elementor-239 .elementor-element.elementor-element-8f189a9 img{width:100%;}.elementor-239 .elementor-element.elementor-element-80d3e3b{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-239 .elementor-element.elementor-element-4882214 .elementor-button{background-color:#917D4C00;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#917D4C;color:#917D4C;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 16px 0px;}.elementor-239 .elementor-element.elementor-element-4882214 .elementor-button-content-wrapper{flex-direction:row;}.elementor-239 .elementor-element.elementor-element-4882214 .elementor-button .elementor-button-content-wrapper{gap:0px;justify-content:start;}.elementor-239 .elementor-element.elementor-element-73ad3b9{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-da4e89a{text-align:center;}.elementor-239 .elementor-element.elementor-element-da4e89a .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-239 .elementor-element.elementor-element-0857617{text-align:center;}.elementor-239 .elementor-element.elementor-element-0857617 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-239 .elementor-element.elementor-element-e2cd3c7{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-e2cd3c7.elementor-element{--align-self:center;}.elementor-239 .elementor-element.elementor-element-e2cd3c7 img{width:100%;}.elementor-239 .elementor-element.elementor-element-d1a0e21{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button{background-color:#917D4C00;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#917D4C;color:#917D4C;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 16px 0px;}.elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button-content-wrapper{flex-direction:row;}.elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button .elementor-button-content-wrapper{gap:0px;justify-content:start;}.elementor-239 .elementor-element.elementor-element-9efe2a4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-f01a483{text-align:center;}.elementor-239 .elementor-element.elementor-element-f01a483 .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-239 .elementor-element.elementor-element-9a257aa{text-align:center;}.elementor-239 .elementor-element.elementor-element-9a257aa .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-239 .elementor-element.elementor-element-46713b3{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-46713b3.elementor-element{--align-self:center;}.elementor-239 .elementor-element.elementor-element-46713b3 img{width:100%;}.elementor-239 .elementor-element.elementor-element-3cb7c51{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button{background-color:#917D4C00;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#917D4C;color:#917D4C;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 16px 0px;}.elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button-content-wrapper{flex-direction:row;}.elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button .elementor-button-content-wrapper{gap:0px;justify-content:start;}.elementor-239 .elementor-element.elementor-element-fcff839{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-f5d27d2{text-align:center;}.elementor-239 .elementor-element.elementor-element-f5d27d2 .elementor-heading-title{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:2px;color:#9D2235;}.elementor-239 .elementor-element.elementor-element-d536043{text-align:center;}.elementor-239 .elementor-element.elementor-element-d536043 .elementor-heading-title{font-family:"Golden Book Bold", Sans-serif;font-weight:600;text-transform:uppercase;}.elementor-239 .elementor-element.elementor-element-9c8a917{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-239 .elementor-element.elementor-element-9c8a917.elementor-element{--align-self:center;}.elementor-239 .elementor-element.elementor-element-9c8a917 img{width:100%;}.elementor-239 .elementor-element.elementor-element-9d1ee8c{font-family:"Hypatia Sans Semibold", Sans-serif;font-size:14px;font-weight:400;}.elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button{background-color:#917D4C00;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );fill:#917D4C;color:#917D4C;border-style:solid;border-width:0px 0px 1px 0px;border-color:var( --e-global-color-accent );border-radius:0px 0px 0px 0px;padding:0px 0px 16px 0px;}.elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button-content-wrapper{flex-direction:row;}.elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button .elementor-button-content-wrapper{gap:0px;justify-content:start;}.elementor-239 .elementor-element.elementor-element-056e014{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-239 .elementor-element.elementor-element-056e014:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-056e014 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://moonlightsavoy.com/wp-content/uploads/2026/07/2-3.webp");background-repeat:no-repeat;background-size:cover;}.elementor-239 .elementor-element.elementor-element-c8fac6a{--spacer-size:600px;}body.elementor-page-239:not(.elementor-motion-effects-element-type-background), body.elementor-page-239 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-cb583c5 );}@media(max-width:1024px){.elementor-239 .elementor-element.elementor-element-2043e1f{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-239 .elementor-element.elementor-element-e508e1e{--min-height:615px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-239 .elementor-element.elementor-element-e508e1e:not(.elementor-motion-effects-element-type-background), .elementor-239 .elementor-element.elementor-element-e508e1e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-239 .elementor-element.elementor-element-64841fd{--container-widget-width:1000px;--container-widget-flex-grow:0;width:var( --container-widget-width, 1000px );max-width:1000px;font-size:15px;line-height:1.2em;}.elementor-239 .elementor-element.elementor-element-e73c762{--min-height:803px;--justify-content:center;}.elementor-239 .elementor-element.elementor-element-6754250{--margin-top:80px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-239 .elementor-element.elementor-element-57e679d{--min-height:406px;--justify-content:center;}.elementor-239 .elementor-element.elementor-element-d32eb81{text-align:start;}.elementor-239 .elementor-element.elementor-element-d32eb81 .elementor-heading-title{font-size:30px;line-height:1.2em;}.elementor-239 .elementor-element.elementor-element-7e55e36{--margin-top:-160px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-239 .elementor-element.elementor-element-774a9c6{width:100%;max-width:100%;}.elementor-239 .elementor-element.elementor-element-dc093aa{--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;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:90px;--margin-left:0px;--margin-right:0px;}.elementor-239 .elementor-element.elementor-element-2043e1f{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:2px;--padding-bottom:2px;--padding-left:11px;--padding-right:2px;}.elementor-239 .elementor-element.elementor-element-056e014{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-239 .elementor-element.elementor-element-c8fac6a{--spacer-size:193px;}}@media(min-width:768px){.elementor-239 .elementor-element.elementor-element-53bfa0e{--width:50%;}.elementor-239 .elementor-element.elementor-element-b73e8a4{--width:50%;}.elementor-239 .elementor-element.elementor-element-57e679d{--width:100%;}.elementor-239 .elementor-element.elementor-element-1b7d6ea{--width:50%;}.elementor-239 .elementor-element.elementor-element-7e55e36{--width:50%;}}/* Start custom CSS for button, class: .elementor-element-6d50eb5 */.elementor-239 .elementor-element.elementor-element-6d50eb5 .elementor-button { /* Membuat garis luar tipis */ outline: 1px solid #e8d5a6; /* Ganti kode warna #d4af37 dengan warna emas/krem Anda */ /* Mengatur jarak antara garis dalam (border) dan garis luar (outline) */ outline-offset: 4px; /* Memastikan sudutnya tetap kotak tajam */ border-radius: 0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-878e057 *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-239 .elementor-element.elementor-element-878e057 .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-239 .elementor-element.elementor-element-878e057 .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-239 .elementor-element.elementor-element-878e057 .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-b558a5f *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-239 .elementor-element.elementor-element-b558a5f .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-239 .elementor-element.elementor-element-b558a5f .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-239 .elementor-element.elementor-element-b558a5f .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image-carousel, class: .elementor-element-645f502 *//* ======================================================== 1. CAROUSEL SLIDE CONTAINER (Bingkai Rapat & Transparan) ======================================================== */ .elementor-239 .elementor-element.elementor-element-645f502 .swiper-slide { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ position: relative; padding: var(--padding-foto) !important; background: transparent !important; box-sizing: border-box; } /* Memastikan foto di dalam slide rapi di tengah */ .elementor-239 .elementor-element.elementor-element-645f502 .swiper-slide img { display: block; width: 100% !important; height: auto !important; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-645f502 .swiper-slide::before { content: ''; position: absolute; top: 0; bottom: 0; /* Menempel pas di tepi luar slide */ left: 0; right: 0; /* Menempel pas di tepi luar slide */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-645f502 .swiper-slide::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; } .diamond-slider .elementor-swiper-button{ display:none; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-bc8c887 */.elementor-239 .elementor-element.elementor-element-bc8c887 .elementor-button { /* Membuat garis luar tipis */ outline: 1px solid #917D4C; /* Ganti kode warna #d4af37 dengan warna emas/krem Anda */ /* Mengatur jarak antara garis dalam (border) dan garis luar (outline) */ outline-offset: 4px; /* Memastikan sudutnya tetap kotak tajam */ border-radius: 0px !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-ecd963c *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-239 .elementor-element.elementor-element-ecd963c .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-239 .elementor-element.elementor-element-ecd963c .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-239 .elementor-element.elementor-element-ecd963c .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-8f189a9 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-239 .elementor-element.elementor-element-8f189a9 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-239 .elementor-element.elementor-element-8f189a9 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-8f189a9::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-8f189a9::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-4882214 *//* KODE PAMUNGKAS: PAKSA TOMBOL ELEMENTOR MENJADI MINIMALIS RESTORAN */ /* 1. Atur container tombol utama */ .elementor-239 .elementor-element.elementor-element-4882214 .elementor-button-wrapper, .elementor-239 .elementor-element.elementor-element-4882214 .elementor-button { display: flex !important; width: 100% !important; } /* 2. Rombak total struktur tombol bawaan */ .elementor-239 .elementor-element.elementor-element-4882214 a.elementor-button { display: flex !important; justify-content: space-between !important; /* Dorong teks ke kiri, ikon ke kanan */ align-items: center !important; width: 100% !important; /* Hilangkan warna background kotak bawaan */ background: transparent !important; background-color: transparent !important; color: #917D4C !important; /* Warna teks emas klasik */ /* Atur padding: atas-bawah 15px, kanan-kiri 0 agar mepet di ujung kolom */ padding: 10px 0px !important; /* Buat gaya garis bawah restoran mewah */ border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #766a5e !important; border-radius: 0px !important; } /* 3. Amankan posisi teks di sebelah kiri */ .elementor-239 .elementor-element.elementor-element-4882214 .elementor-button-content-wrapper { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .elementor-239 .elementor-element.elementor-element-4882214 .elementor-button-text { text-align: left !important; flex-grow: 1 !important; } /* 4. Paksa ikon asli Elementor geser ke ujung kanan */ .elementor-239 .elementor-element.elementor-element-4882214 .elementor-button-icon { margin-left: auto !important; order: 2 !important; /* Memastikan posisi ikon selalu di kanan teks */ display: flex !important; align-items: center !important; transition: transform 0.3s ease !important; } /* 5. Efek animasi panah bergeser sedikit saat disentuh kursor */ .elementor-239 .elementor-element.elementor-element-4882214 a.elementor-button:hover .elementor-button-icon { transform: translateX(6px) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-0857617 *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-239 .elementor-element.elementor-element-0857617 .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-239 .elementor-element.elementor-element-0857617 .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-239 .elementor-element.elementor-element-0857617 .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-e2cd3c7 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-239 .elementor-element.elementor-element-e2cd3c7 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-239 .elementor-element.elementor-element-e2cd3c7 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-e2cd3c7::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-e2cd3c7::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-d1e489c *//* KODE PAMUNGKAS: PAKSA TOMBOL ELEMENTOR MENJADI MINIMALIS RESTORAN */ /* 1. Atur container tombol utama */ .elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button-wrapper, .elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button { display: flex !important; width: 100% !important; } /* 2. Rombak total struktur tombol bawaan */ .elementor-239 .elementor-element.elementor-element-d1e489c a.elementor-button { display: flex !important; justify-content: space-between !important; /* Dorong teks ke kiri, ikon ke kanan */ align-items: center !important; width: 100% !important; /* Hilangkan warna background kotak bawaan */ background: transparent !important; background-color: transparent !important; color: #917D4C !important; /* Warna teks emas klasik */ /* Atur padding: atas-bawah 15px, kanan-kiri 0 agar mepet di ujung kolom */ padding: 10px 0px !important; /* Buat gaya garis bawah restoran mewah */ border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #766a5e !important; border-radius: 0px !important; } /* 3. Amankan posisi teks di sebelah kiri */ .elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button-content-wrapper { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button-text { text-align: left !important; flex-grow: 1 !important; } /* 4. Paksa ikon asli Elementor geser ke ujung kanan */ .elementor-239 .elementor-element.elementor-element-d1e489c .elementor-button-icon { margin-left: auto !important; order: 2 !important; /* Memastikan posisi ikon selalu di kanan teks */ display: flex !important; align-items: center !important; transition: transform 0.3s ease !important; } /* 5. Efek animasi panah bergeser sedikit saat disentuh kursor */ .elementor-239 .elementor-element.elementor-element-d1e489c a.elementor-button:hover .elementor-button-icon { transform: translateX(6px) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-9a257aa *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-239 .elementor-element.elementor-element-9a257aa .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-239 .elementor-element.elementor-element-9a257aa .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-239 .elementor-element.elementor-element-9a257aa .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-46713b3 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-239 .elementor-element.elementor-element-46713b3 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-239 .elementor-element.elementor-element-46713b3 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-46713b3::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-46713b3::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-6cafe51 *//* KODE PAMUNGKAS: PAKSA TOMBOL ELEMENTOR MENJADI MINIMALIS RESTORAN */ /* 1. Atur container tombol utama */ .elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button-wrapper, .elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button { display: flex !important; width: 100% !important; } /* 2. Rombak total struktur tombol bawaan */ .elementor-239 .elementor-element.elementor-element-6cafe51 a.elementor-button { display: flex !important; justify-content: space-between !important; /* Dorong teks ke kiri, ikon ke kanan */ align-items: center !important; width: 100% !important; /* Hilangkan warna background kotak bawaan */ background: transparent !important; background-color: transparent !important; color: #917D4C !important; /* Warna teks emas klasik */ /* Atur padding: atas-bawah 15px, kanan-kiri 0 agar mepet di ujung kolom */ padding: 10px 0px !important; /* Buat gaya garis bawah restoran mewah */ border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #766a5e !important; border-radius: 0px !important; } /* 3. Amankan posisi teks di sebelah kiri */ .elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button-content-wrapper { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button-text { text-align: left !important; flex-grow: 1 !important; } /* 4. Paksa ikon asli Elementor geser ke ujung kanan */ .elementor-239 .elementor-element.elementor-element-6cafe51 .elementor-button-icon { margin-left: auto !important; order: 2 !important; /* Memastikan posisi ikon selalu di kanan teks */ display: flex !important; align-items: center !important; transition: transform 0.3s ease !important; } /* 5. Efek animasi panah bergeser sedikit saat disentuh kursor */ .elementor-239 .elementor-element.elementor-element-6cafe51 a.elementor-button:hover .elementor-button-icon { transform: translateX(6px) !important; }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-d536043 *//* Efek Hover Garis Bawah Meluncur dari Kiri */ .elementor-239 .elementor-element.elementor-element-d536043 .elementor-heading-title { display: inline-block !important; /* Wajib agar garis hanya sepanjang teks, bukan selebar layar */ position: relative; text-decoration: none !important; } /* Membuat garis dasar yang masih tidak terlihat */ .elementor-239 .elementor-element.elementor-element-d536043 .elementor-heading-title::after { content: ''; position: absolute; width: 100%; transform: scaleX(0); /* Menyembunyikan garis (lebar 0) */ height: 1px; /* Ketebalan garis, silakan ubah sesuai selera */ bottom: -5px; /* Jarak antara teks dan garis bawah */ left: 0; background-color: #766a5e; /* Warna garis emas klasik Anda */ transform-origin: bottom left; transition: transform 0.3s ease-out; /* Kecepatan animasi */ } /* Aksi saat kursor menyentuh teks (Hover) */ .elementor-239 .elementor-element.elementor-element-d536043 .elementor-heading-title:hover::after { transform: scaleX(1); /* Memaksa garis melebar penuh */ }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-9c8a917 *//* ======================================================== 1. CONTAINER UTAMA (Transparan & Mengikuti Ukuran Foto) ======================================================== */ .elementor-239 .elementor-element.elementor-element-9c8a917 { --warna-garis: #8b8267; /* Warna krem-emas tua klasik */ --padding-foto: 17px; /* Jarak dari foto ke bingkai garis */ display: inline-block; position: relative; padding: var(--padding-foto) !important; background: transparent !important; } /* Memastikan gambar rapi di tengah */ .elementor-239 .elementor-element.elementor-element-9c8a917 img { display: block; width: 100%; height: auto; } /* ======================================================== 2. KOTAK BINGKAI PALING LUAR (MENEMPEL PAS DI TEPI / NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-9c8a917::before { content: ''; position: absolute; top: 0; bottom: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ left: 0; right: 0; /* Diubah menjadi 0 agar menempel di tepi luar */ border: 1px solid var(--warna-garis); pointer-events: none; z-index: 2; } /* ======================================================== 3. GARIS INTERNAL & SEKAT (DIKUNCI MENGIKUTI POSISI NOL) ======================================================== */ .elementor-239 .elementor-element.elementor-element-9c8a917::after { content: ''; position: absolute; top: 0; bottom: 0; /* Wajib sama dengan ::before (0) */ left: 0; right: 0; /* Wajib sama dengan ::before (0) */ pointer-events: none; z-index: 2; background-image: /* A. Dua Garis Vertikal Dalam */ linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), linear-gradient(to bottom, var(--warna-garis) 100%, transparent 0), /* B. Dua Garis Horizontal Dalam */ linear-gradient(to right, var(--warna-garis) 100%, transparent 0), linear-gradient(to right, var(--warna-garis) 100%, transparent 0), /* C. Garis Horizontal Tengah Kiri (Celah 8px) */ linear-gradient(to right, var(--warna-garis) 8px, transparent 8px), /* D. Garis Horizontal Tengah Kanan (Celah 8px) */ linear-gradient(to left, var(--warna-garis) 8px, transparent 8px); background-repeat: no-repeat; /* Ukuran lajur garis dalam dikunci di 8px */ background-size: 1px 100%, 1px 100%, 100% 1px, 100% 1px, 8px 1px, 8px 1px; /* Posisi pergeseran lajur dalam dikunci di 8px dari tepi nol */ background-position: 8px 0, calc(100% - 8px) 0, 0 8px, 0 calc(100% - 8px), 0 50%, 100% 50%; }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-98423b5 *//* KODE PAMUNGKAS: PAKSA TOMBOL ELEMENTOR MENJADI MINIMALIS RESTORAN */ /* 1. Atur container tombol utama */ .elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button-wrapper, .elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button { display: flex !important; width: 100% !important; } /* 2. Rombak total struktur tombol bawaan */ .elementor-239 .elementor-element.elementor-element-98423b5 a.elementor-button { display: flex !important; justify-content: space-between !important; /* Dorong teks ke kiri, ikon ke kanan */ align-items: center !important; width: 100% !important; /* Hilangkan warna background kotak bawaan */ background: transparent !important; background-color: transparent !important; color: #917D4C !important; /* Warna teks emas klasik */ /* Atur padding: atas-bawah 15px, kanan-kiri 0 agar mepet di ujung kolom */ padding: 10px 0px !important; /* Buat gaya garis bawah restoran mewah */ border-top: none !important; border-left: none !important; border-right: none !important; border-bottom: 1px solid #766a5e !important; border-radius: 0px !important; } /* 3. Amankan posisi teks di sebelah kiri */ .elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button-content-wrapper { width: 100% !important; display: flex !important; justify-content: space-between !important; align-items: center !important; } .elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button-text { text-align: left !important; flex-grow: 1 !important; } /* 4. Paksa ikon asli Elementor geser ke ujung kanan */ .elementor-239 .elementor-element.elementor-element-98423b5 .elementor-button-icon { margin-left: auto !important; order: 2 !important; /* Memastikan posisi ikon selalu di kanan teks */ display: flex !important; align-items: center !important; transition: transform 0.3s ease !important; } /* 5. Efek animasi panah bergeser sedikit saat disentuh kursor */ .elementor-239 .elementor-element.elementor-element-98423b5 a.elementor-button:hover .elementor-button-icon { transform: translateX(6px) !important; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-2043e1f *//* HORIZONTAL SCROLL MOBILE - TINGGI SAMA RATA (STRETCH) */ @media (max-width: 767px) { /* 1. Pengaturan Container Induk */ .elementor-239 .elementor-element.elementor-element-2043e1f { display: flex !important; flex-direction: row !important; flex-wrap: nowrap !important; justify-content: flex-start !important; /* Memaksa semua anak kolom ditarik setinggi kolom tertinggi */ align-items: stretch !important; overflow-x: auto !important; overflow-y: hidden !important; -webkit-overflow-scrolling: touch !important; scroll-snap-type: x mandatory !important; } /* 2. Mengatur ukuran dan memaksa tinggi kolom sama rata */ .elementor-239 .elementor-element.elementor-element-2043e1f > .e-con, .elementor-239 .elementor-element.elementor-element-2043e1f > .elementor-column, .elementor-239 .elementor-element.elementor-element-2043e1f > .elementor-grid > .e-con { flex: 0 0 82% !important; /* Lebar kartu agar kolom sebelah mengintip */ width: 82% !important; max-width: 82% !important; /* Memaksa tinggi otomatis mengikuti tarikan stretch induk */ height: auto !important; display: flex !important; flex-direction: column !important; scroll-snap-align: start !important; box-sizing: border-box !important; } /* 3. Sembunyikan Scrollbar */ .elementor-239 .elementor-element.elementor-element-2043e1f::-webkit-scrollbar { display: none !important; } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Hypatia Sans Semibold'; font-style: normal; font-weight: normal; font-display: auto; src: url('https://moonlightsavoy.com/wp-content/uploads/2026/07/HypatiaSansPro-Semibold.woff') format('woff'), url('https://moonlightsavoy.com/wp-content/uploads/2026/07/HypatiaSansPro-Semibold.ttf') format('truetype'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Golden Book Bold'; font-style: normal; font-weight: bold; font-display: auto; src: url('https://moonlightsavoy.com/wp-content/uploads/2026/07/Goldenbook-Bold-1.woff') format('woff'), url('https://moonlightsavoy.com/wp-content/uploads/2026/07/Goldenbook-Bold-1.ttf') format('truetype'); } /* End Custom Fonts CSS */