@font-face{font-family:CastrumDM;src:url(/wp-content/plugins/castrum-szilveszter/assets/dm-sans.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CastrumDM;src:url(/wp-content/plugins/castrum-szilveszter/assets/dm-sans-bold.ttf) format('truetype');font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CastrumFraunces;src:url(/wp-content/plugins/castrum-szilveszter/assets/fraunces.ttf) format('truetype');font-weight:400;font-style:normal;font-display:swap}.cny{--cream:#f4f0e9;--ink:#28231f;--gold:#f2af18;--line:#d9d1c5;--muted:#686056;color:var(--ink);font:400 16px/1.65 CastrumDM,"DM Sans",Arial,sans-serif;text-align:left;box-sizing:border-box}.cny *,.cny *::before,.cny *::after{box-sizing:border-box}.cny [hidden]{display:none!important}.cny h1,.cny h2,.cny h3,.cny p,.cny figure{margin:0;padding:0}.cny h1,.cny h2,.cny h3{font-family:CastrumFraunces,Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.045em;line-height:1.08;color:inherit}.cny h1{font-size:clamp(52px,6.5vw,98px)}.cny h2{font-size:clamp(38px,4vw,60px)}.cny h3{font-size:29px;letter-spacing:-.025em}.cny a{color:inherit;text-decoration:none;box-shadow:none}.cny button,.cny select{font:inherit}.cny button,.cny a,.cny summary{-webkit-tap-highlight-color:#fff0}.cny button{cursor:pointer}.cny a:focus-visible,.cny button:focus-visible,.cny select:focus-visible,.cny summary:focus-visible{outline:3px solid #996e13;outline-offset:5px}.cny img{display:block;max-width:100%;height:auto}.cny-page{background:var(--cream);width:100%;overflow:clip}.cny-page section[id]{scroll-margin-top:30px}.cny .cny-eyebrow{font:700 10px/1.5 CastrumDM,Arial,sans-serif;letter-spacing:.19em;text-transform:uppercase;margin-bottom:23px}.cny .cny-button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--gold);color:#221b10;border:1px solid var(--gold);padding:16px 24px;min-height:55px;border-radius:2px;font:700 13px/1.4 CastrumDM,Arial,sans-serif;transition:background .2s,transform .2s;text-decoration:none}.cny .cny-button:hover{background:#ffc244;border-color:#ffc244;transform:translateY(-2px)}.cny .cny-button span{font-size:20px;font-weight:400}.cny .cny-button-small{min-height:43px;padding:10px 19px;font-size:12px}.cny-skip{position:absolute;top:-100px;left:20px;background:var(--cream);padding:10px 20px;z-index:50}.cny-skip:focus{top:10px}.cny-header{height:90px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.cny-header img{width:223px;height:auto}.cny-header nav{display:flex;gap:34px;font-size:12px}.cny-header nav a:hover{color:#92640c}.cny-hero{position:relative;min-height:680px;display:flex;align-items:center;color:#fff7e9;background:#211c17;isolation:isolate}.cny-hero-images,.cny-teaser-images{position:absolute;inset:0;z-index:-2;overflow:hidden}.cny-hero-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transition:opacity 1.7s ease;transform:scale(1.025)}.cny-hero-image.cny-active{opacity:1}.cny-hero-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(23 19 15 / .76),rgb(23 19 15 / .18) 68%,rgb(23 19 15 / .07)),linear-gradient(0deg,rgb(23 19 15 / .5),transparent 40%)}.cny-hero-copy{padding:68px 7.5% 110px;max-width:1050px}.cny-hero .cny-eyebrow{color:#e7cfa2;margin-bottom:29px}.cny-hero h1 em{font-style:normal;color:#eabd66}.cny .cny-hero-lead{font-size:16px;line-height:1.8;color:#e7dfd2;margin:28px 0 32px}.cny-hero-bottom{position:absolute;bottom:28px;left:7.5%;right:5.5%;display:flex;align-items:center;gap:35px;font-size:10px;letter-spacing:.15em}.cny-hero-bottom b{font-weight:400;margin-left:17px}.cny-hero-bottom a{margin-left:auto;letter-spacing:.03em;font-size:12px}.cny-hero-bottom a span{margin-left:20px}.cny-motion{width:36px;height:36px;border:1px solid #ffffff60;background:#211d1960;color:#fff;border-radius:50%;display:grid;place-items:center;font-size:13px!important;padding:0;line-height:1}.cny-facts{display:grid;grid-template-columns:1.1fr 1fr 1.1fr;padding:32px 7.5%;gap:24px;border-bottom:1px solid var(--line);font-size:13px}.cny-facts span+span{border-left:1px solid var(--line);padding-left:35px}.cny-facts small{display:block;font-size:9px;letter-spacing:.14em;color:var(--muted);margin-bottom:7px}.cny-section{padding:96px 7.5%}.cny-section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:49px}.cny-section-heading>p{max-width:365px;font-size:14px;color:var(--muted)}.cny-package-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:8%;align-items:center}.cny-room{position:relative}.cny-room img{width:100%;aspect-ratio:1.06;object-fit:cover}.cny-room figcaption{position:absolute;bottom:22px;left:24px;right:24px;background:var(--cream);padding:11px 18px;font-family:CastrumFraunces,Georgia,serif;font-size:20px;line-height:1.4}.cny-inclusions h3{font-size:27px;margin-bottom:16px}.cny-inclusions ul{padding:0;margin:0 0 27px;list-style:none}.cny-inclusions li{position:relative;padding:16px 0 16px 27px;border-bottom:1px solid var(--line)}.cny-inclusions li:before{content:'✧';position:absolute;left:0;top:17px;color:#92743b;font-size:19px}.cny-inclusions b{display:block;font-size:14px;font-weight:700}.cny-inclusions li span{display:block;font-size:13px;color:var(--muted);margin-top:4px}.cny-text-link{font-size:12px;font-weight:700;border-bottom:1px solid #8a7455;padding-bottom:6px;display:inline-flex;gap:25px}.cny-program{background:#28231f;color:#f7f1e6;position:relative}.cny-program .cny-eyebrow{color:#d2b57b}.cny-program .cny-section-heading>p{color:#c7bfb4}.cny-program strong{color:#f4ead8;font-weight:400}.cny-program-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff26;padding-top:34px;gap:45px}.cny-number{font-size:9px;letter-spacing:.16em;color:#d8b46e}.cny-program-grid h3{margin:20px 0 18px;font-size:32px}.cny-program-grid p{color:#c7bfb4;font-size:13px;line-height:1.9}.cny-program-note{margin-top:42px;padding-top:24px;border-top:1px solid #ffffff26;color:#dbcbb0;font-size:13px;display:flex;align-items:center;gap:15px}.cny-program-note span{font-size:28px;color:#ddba79}.cny-booking{display:grid;grid-template-columns:1fr 1.08fr;gap:9%;align-items:start;background:#eee8de}.cny-booking-intro{padding-top:18px}.cny-booking-intro>p:not(.cny-eyebrow){margin-top:26px;max-width:350px;font-size:14px;color:var(--muted)}.cny-booking-contact{margin-top:40px}.cny-booking-contact span{display:block;font-size:11px;color:var(--muted);margin-bottom:6px}.cny-booking-contact a{font-size:22px;font-family:CastrumFraunces,Georgia,serif}.cny-booking-panel{background:#faf7f1;border:1px solid #dcd3c6;padding:35px;box-shadow:0 12px 40px #3f2b1010}.cny-date-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cny-date-fields label{font-size:10px;text-transform:uppercase;letter-spacing:.12em}.cny-date-fields select{display:block;width:100%;min-width:0;font-size:13px;padding:13px 28px 13px 10px;background:#fffdf8;color:#28231f;border:1px solid #cec3b3;border-radius:1px;margin-top:9px;height:48px;text-transform:none;letter-spacing:0}.cny-stay-line{display:flex;align-items:center;justify-content:space-between;padding:18px 0;border-bottom:1px solid var(--line);font-size:11px}.cny-stay-line strong{font-weight:400;font-size:18px;font-family:CastrumFraunces,Georgia,serif}.cny-stay-line>span{color:var(--muted)}.cny-stay-program{margin-top:23px;min-height:146px}.cny-stay-program .cny-eyebrow{margin-bottom:13px;font-size:9px;letter-spacing:.1em}.cny-stay-program ul{margin:0;padding-left:15px;font-size:12px;line-height:1.8}.cny-stay-program li{padding:3px 0 3px 4px}.cny .cny-book-submit{width:100%;margin-top:18px}.cny .cny-small{font-size:11px;color:var(--muted);line-height:1.8}.cny-booking-form>.cny-small{margin-top:12px;text-align:center}.cny-date-error{font-size:13px;color:#9c2920;padding-top:12px}.cny-photo-band{min-height:480px;position:relative;display:flex;align-items:center;background:#30261e;isolation:isolate;color:#fff5e7}.cny-photo-band img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.cny-photo-band:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#1f1819bd,#1f18194d);z-index:-1}.cny-photo-band>div{padding:60px 7.5%}.cny-photo-band h2{font-size:65px;margin-bottom:28px}.cny-details{display:grid;grid-template-columns:.75fr 1.2fr;gap:12%}.cny-accordions details{border-top:1px solid var(--line)}.cny-accordions details:last-of-type{border-bottom:1px solid var(--line)}.cny-accordions summary{cursor:pointer;font-size:14px;list-style:none;padding:23px 34px 23px 0;position:relative;font-weight:700}.cny-accordions summary::-webkit-details-marker{display:none}.cny-accordions summary:after{content:'+';position:absolute;right:0;font-size:21px;line-height:1;font-weight:400}.cny-accordions details[open] summary:after{content:'−'}.cny-accordions details p{font-size:13px;color:var(--muted);margin-bottom:17px}.cny-accordions>.cny-small{margin-top:22px}.cny-footer{padding:46px 7.5%;background:#e4ddd2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;font-size:11px;color:#574d41}.cny-footer img{width:220px}.cny-footer>div{display:flex;flex-direction:column;gap:5px}.cny-footer>div:last-child{text-align:right}.cny-mobile-cta{display:none}.cny-popup{padding:0;border:0;position:fixed;inset:0;margin:auto;width:min(850px,calc(100% - 36px));max-height:calc(100dvh - 40px);background:var(--cream);box-shadow:0 24px 100px #0007;overflow:auto;border-radius:3px}.cny-popup[open]{display:grid;grid-template-columns:.93fr 1fr;animation:cny-enter .4s ease}.cny-popup::backdrop{background:#191714a6;backdrop-filter:blur(4px)}.cny-close{position:absolute;right:13px;top:13px;width:37px;height:37px;display:grid;place-items:center;border:1px solid #d8ccbb;border-radius:50%;background:var(--cream);color:var(--ink);font-size:25px!important;line-height:1;z-index:2;padding:0}.cny-popup-photo{background-image:linear-gradient(0deg,#17120d90,transparent 50%),url(/wp-content/plugins/castrum-szilveszter/assets/celebration.webp);background-position:72% center;background-size:cover;min-height:500px;position:relative}.cny-popup-photo>span{position:absolute;bottom:26px;left:28px;color:#f5e5c8;font:400 45px/1 CastrumFraunces,Georgia,serif;letter-spacing:-.03em}.cny-popup-photo i{font-style:normal;font-size:28px;color:#c4a66b}.cny-popup-copy{min-width:0;padding:50px 37px 28px}.cny-popup-copy .cny-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:20px;color:#776041}.cny-popup-copy h2{font-size:53px;margin-bottom:21px}.cny-popup-copy>p:not(.cny-eyebrow){font-size:13px;color:var(--muted)}.cny-popup-copy .cny-popup-date{margin:21px 0;color:var(--ink)!important}.cny-popup-date span{font-size:11px;color:var(--muted)}.cny-popup-copy>.cny-button{width:100%;padding:15px 17px;font-size:12px}.cny-dismiss{display:block;margin:15px auto 0;padding:5px 0;border:0;background:none;color:#70675b;font-size:11px!important;text-decoration:underline;text-underline-offset:3px}.cny-teaser{min-height:500px;color:#fff5e7;background:#211c17;position:relative;isolation:isolate;display:flex;align-items:center;overflow:hidden}.cny-teaser-copy{padding:65px 7.5%}.cny-teaser-copy h2{font-size:clamp(42px,5vw,72px)}.cny-teaser-copy p:not(.cny-eyebrow){margin:23px 0;color:#e8dece;font-size:15px}.cny-teaser>.cny-motion{position:absolute;bottom:24px;right:24px}.cny-body{margin:0;background:#f4f0e9}.cny-preview-banner{background:#e7dcc9;padding:8px 20px;text-align:center;font:12px Arial,sans-serif}.cny-preview-banner button{border:0;background:none;text-decoration:underline;cursor:pointer;color:#392d1f;font:inherit}@keyframes cny-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.cny-hero{min-height:760px}.cny-section{padding-left:max(7.5%,calc((100% - 1360px)/2));padding-right:max(7.5%,calc((100% - 1360px)/2))}}@media(max-width:1050px){.cny-header{padding:0 5%;height:78px}.cny-header img{width:195px}.cny-header nav{gap:20px}.cny-hero{min-height:620px}.cny-section{padding:70px 6%}.cny-facts{padding:25px 6%;font-size:12px;gap:15px}.cny-facts span+span{padding-left:18px}.cny-booking{gap:5%}.cny-booking-panel{padding:26px}.cny-date-fields{gap:10px}.cny-date-fields select{font-size:12px}.cny-section-heading>p{max-width:320px}.cny-popup{width:min(780px,calc(100% - 36px))}}@media(max-width:760px){.cny-header{height:74px;gap:15px;padding:0 5%}.cny-header img{width:176px}.cny-header nav{display:none}.cny-header .cny-button{padding:10px 12px;font-size:10px;gap:9px}.cny-header .cny-button span{font-size:15px}.cny-hero{min-height:650px;align-items:flex-end}.cny-hero-copy{padding:105px 7% 115px}.cny-hero h1{font-size:clamp(49px,8.6vw,68px)}.cny-hero-image{background-position:65% center}.cny-hero-shade{background:linear-gradient(90deg,#18130fb5,#18130f22),linear-gradient(0deg,#18130fd9,transparent 85%)}.cny-hero .cny-eyebrow{font-size:9px;letter-spacing:.14em}.cny .cny-hero-lead{font-size:14px}.cny-hero-bottom{left:7%;right:7%;gap:15px}.cny-hero-bottom>a{display:none}.cny-hero-bottom .cny-motion{margin-left:auto}.cny-facts{grid-template-columns:1fr;gap:0;padding:17px 7%}.cny-facts>span{padding:15px 0}.cny-facts span+span{padding:15px 0;border-left:0;border-top:1px solid var(--line)}.cny-facts small{margin-bottom:4px}.cny-section{padding:61px 7%}.cny-section-heading{display:block;margin-bottom:31px}.cny-section-heading>p{max-width:100%;margin-top:23px}.cny h2{font-size:40px}.cny .cny-eyebrow{font-size:9px;margin-bottom:17px}.cny-package-grid{grid-template-columns:1fr;gap:32px}.cny-room img{aspect-ratio:1.2}.cny-inclusions h3{font-size:27px}.cny-program-grid{grid-template-columns:1fr;gap:0;padding-top:0}.cny-program-grid article{padding:26px 0;border-bottom:1px solid #ffffff26}.cny-program-grid h3{margin:12px 0;font-size:30px}.cny-program-grid p{font-size:13px}.cny-program-note{margin-top:22px;padding-top:0;border:0;font-size:12px}.cny-booking{grid-template-columns:1fr;gap:29px}.cny-booking-intro{padding:0}.cny-booking-contact{display:none}.cny-booking-panel{padding:24px 19px;margin:0 -5px}.cny-date-fields{grid-template-columns:1fr;gap:14px}.cny-date-fields select{font-size:14px}.cny-stay-program{min-height:0}.cny-photo-band{min-height:390px}.cny-photo-band>div{padding:50px 7%}.cny-photo-band h2{font-size:48px}.cny-photo-band .cny-eyebrow{max-width:230px;line-height:1.8}.cny-details{grid-template-columns:1fr;gap:30px}.cny-details h2 br{display:initial}.cny-footer{grid-template-columns:1fr;gap:25px;padding:39px 7% 115px}.cny-footer>div:last-child{text-align:left}.cny-mobile-cta{position:fixed;z-index:20;bottom:0;left:0;right:0;background:#f7f2eafa;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:13px 6% max(13px,env(safe-area-inset-bottom));font-size:11px;box-shadow:0 -5px 20px #34200e0d}.cny-mobile-cta small{display:block;font-size:9px;color:var(--muted)}.cny-popup[open]{grid-template-columns:1fr;width:calc(100% - 32px);max-width:430px}.cny-popup-photo{min-height:175px;background-position:70% 52%;background-size:cover}.cny-popup-photo>span{bottom:19px;left:23px;font-size:34px}.cny-popup-copy{padding:25px 26px 20px}.cny-popup-copy h2{font-size:40px;margin-bottom:14px}.cny-popup-copy h2 br{display:initial}.cny-popup-copy .cny-eyebrow{margin-bottom:12px}.cny-popup-copy .cny-popup-date{margin:15px 0}.cny-close{width:34px;height:34px}.cny-teaser{min-height:490px}.cny-teaser-copy{padding:58px 7%}.cny-teaser-copy h2{font-size:45px}}@media(prefers-reduced-motion:reduce){.cny *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.cny-motion{display:none}}.cny-launcher{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:990;max-width:calc(100vw - 32px)}.cny .cny-launcher-link{display:flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 18px;border:1px solid #d99a0e;border-radius:4px;background:#f2af18;color:#28231f;font:700 13px/1.5 CastrumDM,Arial,sans-serif;box-shadow:0 5px 23px #211d1930;text-decoration:none;transition:background .2s,box-shadow .2s}.cny .cny-launcher-link:hover{background:#ffc244;box-shadow:0 7px 28px #211d1940}.cny-launcher-star{font-size:22px;line-height:1;font-weight:400}@media(max-width:760px){.cny-launcher{top:auto;right:auto;left:16px;bottom:calc(22px + env(safe-area-inset-bottom,0px));transform:none}.cny .cny-launcher-link{min-height:46px;padding:11px 15px;font-size:12px}}:root{--wp--custom--spacing--small:var(--wp--preset--spacing--30, clamp(1.5rem, 5vw, 2rem));--wp--custom--spacing--medium:var(--wp--preset--spacing--50, clamp(2.5rem, 8vw, 4rem));--wp--custom--spacing--large:var(--wp--preset--spacing--60, clamp(2.5rem, 8vw, 6rem));--wp--custom--spacing--outer:max(1.25rem, 4vw);--wp--preset--spacing--80:min(8rem, 12vw)}:root{color-scheme:only light}html{scroll-behavior:smooth}body{-moz-osx-font-smoothing:var(--wp--custom--typography--font-smoothing--moz,auto);-webkit-font-smoothing:var(--wp--custom--typography--font-smoothing--webkit,auto)}a{text-decoration-style:var(--wp--custom--elements--link--static--text-decoration-style,solid);text-decoration-thickness:var(--wp--custom--elements--link--text-decoration-thickness,1px);text-underline-offset:var(--wp--custom--elements--link--text-underline-offset,.25ch)}a:hover,a:focus{text-decoration-style:var(--wp--custom--elements--link--interactive--text-decoration-style,dashed)}:where(.wp-site-blocks *:focus){outline-width:1px;outline-style:solid}a:active{text-decoration:none}@media (min-width:600px){.site-logo-title{display:none}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:flex-start!important}}@media (max-width:600px){.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation-item,.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation__container,.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-page-list{align-items:flex-start!important}}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title{display:flex;flex-wrap:nowrap;max-width:100%;align-items:center;gap:.5rem;padding-bottom:var(--wp--preset--spacing--30);position:relative;padding-inline-end:52px}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title::after{content:"";position:absolute;left:calc(-1 * var(--wp--preset--spacing--30));right:calc(-1 * var(--wp--preset--spacing--30));bottom:0;height:1px;background:#8080801d}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title img{max-height:42px!important;height:auto!important;width:auto!important}.wp-block-navigation__responsive-container.has-modal-open.is-menu-open .site-logo-title .site-title{font-size:1.25rem;font-weight:700;color:var(--wp--preset--color--foreground);text-transform:uppercase;letter-spacing:-.02em;box-sizing:border-box;line-height:1.15}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content{padding-top:var(--wp--preset--spacing--30)}.has-modal-open .wp-block-navigation__responsive-container-close{background-color:var(--wp--preset--color--tertiary);padding:.625rem;border-radius:100%;top:-2.5px!important}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .wp-block-navigation__container{gap:0!important;width:100%}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navrigation__containe,.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__container ul{row-gap:0.75rem!important;width:-webkit-fill-available;max-width:100%}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content>ul.wp-block-navigation__container>li.wp-block-navigation-item:not(.wp-block-navigation__submenu-container){border-bottom:1px solid #8080801d;padding-top:.75rem;padding-bottom:.75rem;width:-webkit-fill-available;max-width:100%}.has-modal-open .wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay) .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container{padding:.75rem .75rem 0 0.75rem!important;gap:0.75rem!important}.has-modal-open .wp-block-navigation__responsive-container:not(.disable-default-overlay) .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container>li:not(.wp-block-navigation__submenu-container)>a.wp-block-navigation-item__content{font-size:1.25rem;font-weight:600}.has-modal-open .wp-block-navigation__responsive-container:not(.disable-default-overlay) .wp-block-navigation__submenu-container{padding-top:0.75rem!important}.has-modal-open .wp-block-navigation__responsive-container:not(.disable-default-overlay) .wp-block-navigation__responsive-dialog ul.wp-block-navigation__container .wp-block-navigation-submenu .wp-block-navigation-item a{font-size:1rem!important}html.has-modal-open header.wp-block-template-part,html.has-modal-open header.wp-block-template-part :has(.wp-block-navigation__responsive-dialog){backdrop-filter:none!important;transform:none!important;translate:none!important;filter:none!important;animation:none!important}html.has-modal-open body:has(.entry-content>.ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass,html.has-modal-open body:not(:has(.entry-content>.ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass{animation:none!important;backdrop-filter:none!important;translate:none!important}@media (max-width:781px){body:not(:has(.wp-block-navigation__responsive-container.disable-default-overlay)) header.wp-block-template-part :is(.ext-nav-extras-phone,.ext-nav-extras-btn,.ext-nav-extras-social):not(.ext-nav-extras-mobile *){display:none}header.wp-block-template-part .ext-nav-extras:not(:has(nav,.wp-block-navigation)){display:none}}.ext-nav-extras-mobile{display:none}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile{display:flex;flex-direction:column;align-items:stretch;gap:var(--wp--preset--spacing--20);margin-top:var(--wp--preset--spacing--30)}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-block-button{width:100%}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-block-button__link{display:block;text-align:center;width:100%}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .ext-nav-extras-phone,.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .ext-nav-extras-phone a,.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .ext-nav-extras-phone p{font-size:1.25rem!important;font-weight:600!important}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-block-social-link{width:32px;height:32px}.has-modal-open .wp-block-navigation__responsive-dialog .ext-nav-extras-mobile .wp-social-link svg{width:28px;height:28px}.wp-block-navigation .wp-block-navigation-item a:hover,.wp-block-navigation .wp-block-navigation-item a:focus{text-decoration:underline;text-decoration-style:solid}nav .wp-block-pages-list__item.wp-block-navigation-item.menu-item-home{display:none}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30);padding-right:var(--wp--preset--spacing--30);padding-left:var(--wp--preset--spacing--30)}.wp-block-navigation__responsive-container.is-menu-open:not(.disable-default-overlay){padding-top:clamp(1rem, var(--wp--style--root--padding-top), 20rem);padding-right:clamp(1rem, var(--wp--style--root--padding-right), 20rem);padding-bottom:clamp(1rem, var(--wp--style--root--padding-bottom), 20rem);padding-left:clamp(1rem, var(--wp--style--root--padding-left), 20rem)}.wp-element-button{transition:background-color 0.15s ease}.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background):hover,.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background):hover{background-color:rgb(159 159 159 / .2)}.wp-block-table.is-style-stripes tbody tr:nth-child(odd){background-color:var(--wp--custom--blocks--core-table--variant-stripes--color--background,var(--wp--preset--color--tertiary))}footer.wp-block-template-part:not([style*="margin-top"]){margin-top:0}blockquote:is(.is-style-plain){border:none;padding-left:0}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper){border-color:var(--wp--custom--elements--input--border--color);border-radius:var(--wp--custom--elements--button--border--radius);border-width:var(--wp--custom--elements--input--border--width)}:where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) .wp-block-search__input{border-color:#fff0}.wp-block-search .wp-block-search__input{border-radius:var(--wp--custom--elements--button--border--radius)}.wp-block-image[style*="-radius"]:not([style*="overflow"]){overflow:hidden}.block-editor-block-list__block.wp-block.is-default-size.wp-block-site-logo .components-resizable-box__container,.wp-block-site-logo.is-default-size img{max-height:42px!important;height:auto!important;width:auto!important}.wp-block-site-logo img[src*="extendify-demo-"],.wp-block-site-logo img[src*="ext-custom-logo-"]{filter:var(--wp--preset--duotone--primary-foreground);min-width:40px}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important;scroll-behavior:auto!important}}input,textarea{caret-color:inherit;outline-color:inherit}:where(.wp-block-post-comments-form) input:not([type="submit"]),:where(.wp-block-post-comments-form) textarea{background-color:var(--wp--preset--color--background);color:var(--wp--preset--color--foreground);border-color:inherit}.woocommerce-Tabs-panel--description h2,.woocommerce-Reviews-title{font-size:var(--wp--preset--font-size--medium)}.wp-block-button.wc-block-components-product-button{flex-direction:row;flex-wrap:wrap;justify-content:start;gap:1rem}.wp-block-button.wc-block-components-product-button a.added_to_cart{margin-top:0}.woocommerce-checkout.woocommerce-page header.wp-block-template-part nav.wp-block-navigation{visibility:hidden}.wp-site-blocks .wp-block-group.woocommerce.product{margin-top:0;margin-bottom:0}.wc-block-product-template__responsive{grid-row-gap:2rem}.wc-block-components-product-button__button{z-index:1}.sticky-header-offset-container .entry-content>.wp-block-group{scroll-margin-top:var(--wp--preset--spacing--60)}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--group--"][class*="item-card-1"]:not(.has-background){background-color:var(--wp--preset--color--background)}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--group--"][class*="item-card-1"]:not(.has-background)::before{background-color:var(--wp--preset--color--background)!important}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--image--"]:not(.has-background)::before{background-color:var(--wp--preset--color--tertiary)!important}:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--group--"][class*="item-card-1"]::before,:not(.block-editor-block-preview__content-iframe) .has-tertiary-background-color.has-background [class*="is-style-ext-preset--media-text--"]::before{background-color:var(--wp--preset--color--background)!important}.block-editor-block-preview__content-iframe [class*="is-style-ext-preset--group--natural-1"][class*="item-card-1"]{background-color:transparent!important}:root{--grid-vector-bg:url(data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMTQ0MCAxMDI0IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogIDxnIG9wYWNpdHk9IjAuMDkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utb3BhY2l0eT0iMC43IiBzdHJva2Utd2lkdGg9IjEuMjYwNyI+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI2MjQuOTk1IiB4Mj0iMTQ2MC45NiIgeTI9IjYyNC45OTUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI5NDcuNzMzIiB4Mj0iMTQ2MC45NiIgeTI9Ijk0Ny43MzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzMDIuMjU2IiB4Mj0iMTQ2MC45NiIgeTI9IjMwMi4yNTYiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI0NjMuNjI0IiB4Mj0iMTQ2MC45NiIgeTI9IjQ2My42MjQiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI3ODYuMzYyIiB4Mj0iMTQ2MC45NiIgeTI9Ijc4Ni4zNjIiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIxNDAuODg1IiB4Mj0iMTQ2MC45NiIgeTI9IjE0MC44ODUiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI1NDQuMzExIiB4Mj0iMTQ2MC45NiIgeTI9IjU0NC4zMTEiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSI4NjcuMDQ5IiB4Mj0iMTQ2MC45NiIgeTI9Ijg2Ny4wNDkiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIyMjEuNTczIiB4Mj0iMTQ2MC45NiIgeTI9IjIyMS41NzMiIC8+CiAgICA8bGluZSB4MT0iLTUwLjYxNzIiIHkxPSIzODIuOTQiIHgyPSIxNDYwLjk2IiB5Mj0iMzgyLjk0IiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNzA1LjY4MiIgeDI9IjE0NjAuOTYiIHkyPSI3MDUuNjgyIiAvPgogICAgPGxpbmUgeDE9Ii01MC42MTcyIiB5MT0iNjAuMjAxNyIgeDI9IjE0NjAuOTYiIHkyPSI2MC4yMDE3IiAvPgogICAgPGxpbmUgeDE9IjY0Mi4xMzgiIHkxPSItNDguODQ3NyIgeDI9IjY0Mi4xMzgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjMxOS4zOTgiIHkxPSItNDguODQ3NyIgeDI9IjMxOS4zOTgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijk2NC44NzQiIHkxPSItNDguODQ3NyIgeDI9Ijk2NC44NzQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEyODcuNjEiIHkxPSItNDguODQ3NyIgeDI9IjEyODcuNjEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjE1OC4wMjgiIHkxPSItNDguODQ3NyIgeDI9IjE1OC4wMjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjgwMy41MDQiIHkxPSItNDguODQ3NyIgeDI9IjgwMy41MDQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQ4MC43NjgiIHkxPSItNDguODQ3NyIgeDI9IjQ4MC43NjgiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjExMjYuMjQiIHkxPSItNDguODQ3NyIgeDI9IjExMjYuMjQiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9Ijc3LjM0NTIiIHkxPSItNDguODQ3NyIgeDI9Ijc3LjM0NTEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjcyMi44MjIiIHkxPSItNDguODQ3NyIgeDI9IjcyMi44MjIiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjQwMC4wODEiIHkxPSItNDguODQ3NyIgeDI9IjQwMC4wODEiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEwNDUuNTYiIHkxPSItNDguODQ3NyIgeDI9IjEwNDUuNTYiIHkyPSIxMTE4LjU2IiAvPgogICAgPGxpbmUgeDE9IjEzNjguMyIgeTE9Ii00OC44NDc3IiB4Mj0iMTM2OC4zIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIyMzguNzE1IiB5MT0iLTQ4Ljg0NzciIHgyPSIyMzguNzE1IiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI4ODQuMTkyIiB5MT0iLTQ4Ljg0NzciIHgyPSI4ODQuMTkyIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSI1NjEuNDUxIiB5MT0iLTQ4Ljg0NzciIHgyPSI1NjEuNDUxIiB5Mj0iMTExOC41NiIgLz4KICAgIDxsaW5lIHgxPSIxMjA2LjkzIiB5MT0iLTQ4Ljg0NzciIHgyPSIxMjA2LjkzIiB5Mj0iMTExOC41NiIgLz4KICA8L2c+CiAgPGcgb3BhY2l0eT0iMC41IiBmaWxsPSJjdXJyZW50Q29sb3IiPgogICAgPHJlY3QgeD0iODAzLjU2MyIgeT0iNzg2LjMwNSIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjQiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjIyMi40MyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjA4IiAvPgogICAgPHJlY3QgeD0iNDgwLjM2NyIgeT0iNDY0LjIwMyIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iMTA0NS4zOSIgeT0iMzAyLjY1NiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iNzkuMDgwMSIgZmlsbC1vcGFjaXR5PSIwLjAzIiAvPgogICAgPHJlY3QgeD0iMzk5Ljk5NCIgeT0iMjIyLjQzIiB3aWR0aD0iODAuMjI2MiIgaGVpZ2h0PSI3OS4wODAxIiBmaWxsLW9wYWNpdHk9IjAuMTMiIC8+CiAgICA8cmVjdCB4PSIxMDQ1LjM5IiB5PSIyMjIuNDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4wOCIgLz4KICAgIDxyZWN0IHg9IjM5OS45OTQiIHk9IjQ2NC4yMDMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjA4MDEiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjMxOS45MTQiIHk9Ijg2Ni41MzEiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9Ijk2NS4xNjIiIHk9IjYwLjgzMiIgd2lkdGg9IjgwLjIyNjIiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjEzIiAvPgogICAgPHJlY3QgeD0iODg0LjA1OSIgeT0iLTE5Ljg1NTUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9Ijc5LjUwNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9Ijg4NC4wNTkiIHk9IjYwLjQwMjMiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjAyODUiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjEzOS45MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODIuNTE4NCIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iNTkuNjgzNiIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iLTMuMjgzMiIgeT0iNjAuODI4MSIgd2lkdGg9IjgxLjM3MjMiIGhlaWdodD0iODAuMjI2MiIgZmlsbC1vcGFjaXR5PSIwLjE4IiAvPgogICAgPHJlY3QgeD0iNzYuOTQzNCIgeT0iMTM5LjkxIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4Mi41MTg0IiBmaWxsLW9wYWNpdHk9IjAuMTgiIC8+CiAgICA8cmVjdCB4PSI0MDAuMTQxIiB5PSItMjAuNTQzIiB3aWR0aD0iODEuMzcyMyIgaGVpZ2h0PSI4MC4yMjYyIiBmaWxsLW9wYWNpdHk9IjAuMiIgLz4KICAgIDxyZWN0IHg9IjE1OC4zMTUiIHk9IjMwMS41MDgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgxLjM3MjMiIGZpbGwtb3BhY2l0eT0iMC4xOCIgLz4KICAgIDxyZWN0IHg9IjExMjYuNzYiIHk9IjcwNi4wNzgiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICAgIDxyZWN0IHg9IjEyMDYuOTkiIHk9Ijc4Ni4zMDUiIHdpZHRoPSI4MC4yMjYyIiBoZWlnaHQ9IjgwLjIyNjIiIGZpbGwtb3BhY2l0eT0iMC4xMyIgLz4KICA8L2c+Cjwvc3ZnPg==); } /* * CSS related to prism vibe */ /* * CSS related to wave vibe */ [class*="is-style-ext-preset--group--"][class*="--section"].has-tertiary-background-color:has( + .has-background-background-color > .wp-block-cover.alignfull )::after { content: none !important; } [class*="is-style-ext-preset--group--"][class*="--section"].has-tertiary-background-color:has( + .has-background-background-color > .wp-block-cover.alignfull ) { margin-bottom: 0 !important; } [class*="is-style-ext-preset--group--"][class*="--section"].has-background-background-color:has(.wp-block-cover.alignfull) + .has-tertiary-background-color::before { content: none !important; } [class*="is-style-ext-preset--group--"][class*="--section"].has-background-background-color:has(.wp-block-cover.alignfull) + .has-tertiary-background-color { margin-top: 0 !important; } /* * utilities */ .m-0 { margin: 0 !important; } .z-0 { z-index: 0 !important; } .z-10 { z-index: 10 !important; } .z-20 { z-index: 20 !important; } .z-30 { z-index: 30 !important; } .d-none { display: none; } .d-block { display: block; } @media (min-width: 640px) { .sm-d-none { display: none; } .sm-d-block { display: block; } } @media (min-width: 768px) { .md-d-none { display: none; } .md-d-block { display: block; } } @media (min-width: 1024px) { .lg-d-none { display: none; } .lg-d-block { display: block; } } /* RTL-only fix for Gutenberg Group left justification */ [dir="rtl"] [class*="wp-container-core-group-is-layout-"].ext-is-logical-start.is-content-justification-left > :where(:not(.alignleft):not(.alignright):not(.alignfull)) { margin-inline-start: 0 !important; margin-inline-end: auto !important; } .no-underline, .no-underline a { text-decoration: none; } /* CSS for extendify-agent vibe previews */ .extendify-agent .preview-is-style-ext-preset--group--matrix-1--section .preview-is-style-ext-preset--group--matrix-1--item-card-1--align-center { border: solid 6px color-mix(in oklab, var(--wp--preset--color--foreground) 10%, transparent) !important; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section { --wave-ratio: 1440 / 80; overflow: visible; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center { position: relative; overflow: visible; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center::after { content: ""; position: absolute; width: 150%; left: 50%; transform: translateX(-35%); aspect-ratio: var(--wave-ratio); background-color: var(--wp--preset--color--background); -webkit-mask: var(--wave-mask) no-repeat center / 100% 100%; mask: var(--wave-mask) no-repeat center / 100% 100%; bottom: -1px; pointer-events: none; z-index: 1; } .extendify-agent .preview-is-style-ext-preset--group--wave-1--section .preview-is-style-ext-preset--group--wave-1--item-card-1--align-center::before { content: ""; position: absolute; width: 150%; left: 50%; transform: translateX(-65%) scale(-1, -1); aspect-ratio: var(--wave-ratio); background-color: var(--wp--preset--color--background); -webkit-mask: var(--wave-mask) no-repeat center / 100% 100%; mask: var(--wave-mask) no-repeat center / 100% 100%; top: -1px; pointer-events: none; z-index: 1; } /* * -------------------------------------------------------- * Modular Header System * -------------------------------------------------------- * * Layout (positioning): * - .ext-header-sticky → position: sticky + admin-bar handling * - .ext-header-overlay → hero section overlap (negative margin) * * Appearance: * - .ext-header-glass → static glassmorphism (bg + blur + radius) * - .ext-header--dark → dark color scheme: white text + dark scrim/glass tint * * Behavior: * - .ext-header-sticky--floating-pill → scroll-driven intensification of glass + layout shift * * Compositions: * - ext-header-sticky → just sticky, theme bg * - ext-header-overlay → overlay, transparent * - ext-header-overlay ext-header--dark → overlay + dark scrim + white text * - ext-header-sticky ext-header-glass → static glass header * - ext-header-sticky ext-header-glass ext-header--dark → static dark glass * - ext-header-sticky ext-header-overlay ext-header-glass ext-header-sticky--floating-pill → animated glass over hero * - + ext-header--dark on the above → animated DARK glass over hero */ :root { --ext-header-height: 96px; --ext-header-offset: 1rem; --ext-header-blur-start: 4px; --ext-header-blur-end: 12px; --ext-header-bg-opacity-start: 0.75; --ext-header-bg-opacity-end: 0.95; --ext-header-padding: 1.5rem; --ext-header-animation-distance: 100px; --ext-header-glass-tint-dark: #ffffff; --ext-header-glass-tint-dark-end: #101010; --ext-header-dark-logo-filter: brightness(0) invert(1); } body { timeline-scope: --ext-hero-timeline; } /* =========================================================== Layout: ext-header-sticky =========================================================== */ header.wp-block-template-part:has(.ext-header-sticky) { position: sticky; top: 0; z-index: 12; } /* Default bg for sticky headers without glass. Glass headers leave the wrapper transparent so the inner glass element shows through. */ header.wp-block-template-part:has(.ext-header-sticky):not(:has(.ext-header-glass)):not(.has-background) { background-color: var(--wp--preset--color--background); } body.admin-bar header.wp-block-template-part:has(.ext-header-sticky) { top: var(--wp-admin--admin-bar--position-offset, var(--wp-admin--admin-bar--height, 32px)); } @media (max-width: 782px) { body.admin-bar header.wp-block-template-part:has(.ext-header-sticky) { top:0; } } html:has(.ext-header-sticky) { scroll-padding-top: var(--ext-header-height); } /* =========================================================== Layout: ext-header-overlay (hero overlap) =========================================================== */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-overlay):not(:has(.ext-header-sticky)) { position: relative; top: 0; z-index: 12; } body:has(.ext-header-overlay) .entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child { margin-top: calc(-1 * var(--ext-header-height)) !important; position: relative; z-index: 0; } /* Overlay over hero: wrapper goes transparent so the hero shows through. Reverts to default theme bg once .is-past-hero is added or on subpages without a hero. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-overlay):not(.is-past-hero):not(:has(.ext-header-glass)) { background-color: transparent; } /* =========================================================== Appearance: ext-header-glass (static glassmorphism) - --ext-header-glass-color-start: tint during the frosted/initial state - --ext-header-glass-color-end: tint at the solid/scrolled state - Static glass shows the end state (most readable) =========================================================== */ .ext-header-glass { --ext-header-glass-color-start: var(--wp--preset--color--background); --ext-header-glass-color-end: var(--wp--preset--color--background); } header.wp-block-template-part:has(.ext-header-glass) .ext-header-glass { background-color: oklch(from var(--ext-header-glass-color-end) l c h / var(--ext-header-bg-opacity-end)); backdrop-filter: blur(var(--ext-header-blur-end)); border-radius: 1rem; } /* =========================================================== Color: ext-header--dark - Sets shared scrim/glass color variable - Wrapper gets white text when used with overlay or glass - Inner blocks reset their colors to inherit =========================================================== */ /* Dark variant only takes effect on pages with a fullscreen hero. On subpages, dark+glass falls back to the light glass defaults. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) .ext-header-glass.ext-header--dark { --ext-header-glass-color-start: var(--ext-header-glass-tint-dark); --ext-header-glass-color-end: var(--ext-header-glass-tint-dark-end); --ext-header-bg-opacity-start: 0.06; --ext-header-bg-opacity-end: 0.85; --ext-header-blur-start: 16px; --ext-header-blur-end: 24px; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) .ext-header-glass { border: 1px solid rgb(255 255 255 / 0.12); } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) { color: #fff; } /* Top-fade scrim on the hero's cover block — softer falloff than a header-bound gradient. Flat (non-nested) :has() check on body so the rule reliably matches on hero pages that use an overlay+dark header. Fades out via opacity once the smart-sticky JS adds .is-past-hero on the header, in sync with the header reverting to its default theme appearance. */ body:has(.ext-header-overlay.ext-header--dark) .ext-hero-section--full-screen .wp-block-cover::after { content: ""; position: absolute; inset: 0 0 auto 0; height: calc(var(--ext-header-height) * 3); transition: opacity 300ms ease; background: linear-gradient( to bottom, rgb(0 0 0 / 0.50) 0%, rgb(0 0 0 / 0.25) 50%, rgb(0 0 0 / 0.05) 80%, rgb(0 0 0 / 0) 100% ); pointer-events: none; z-index: 1; } /* Past-hero: fade the scrim out so the hero image returns to its natural look, matching the header reverting to default theme bg + colors. */ body:has(header.wp-block-template-part.is-past-hero) .ext-hero-section--full-screen .wp-block-cover::after { opacity: 0; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) { color: #fff; } /* Inner-block dark overrides — fire only on hero pages with a dark backdrop. Overlay+dark drops out at .is-past-hero (header has reverted to default theme). Glass+dark keeps firing past-hero because the glass stays dark via its own animation. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) :where(a, button, .wp-block-site-title):not(.has-background, .wp-block-button__link, .cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) :where(a, button, .wp-block-site-title):not(.has-background, .wp-block-button__link, .cloned-for-mobile, .cloned-for-mobile *) { color: inherit; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) .wp-social-link:not(.cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) .wp-social-link:not(.cloned-for-mobile, .cloned-for-mobile *) { color: #fff !important; } /* Phone CTA: force white over the dark hero. Needed because the paragraph carries WP's wp-elements-* link-color rule (preset primary), which beats .has-text-color inheritance on the inner . Drops out at .is-past-hero so the phone reverts to theme. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) :is(.ext-nav-extras-phone, .ext-nav-extras-phone a):not(.cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) :is(.ext-nav-extras-phone, .ext-nav-extras-phone a):not(.cloned-for-mobile, .cloned-for-mobile *) { color: #fff !important; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) svg:not(.cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) svg:not(.cloned-for-mobile *) { fill: currentColor; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) :is(.wp-block-site-logo, .wp-duotone-primary-foreground):not(.cloned-for-mobile, .cloned-for-mobile *), body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) :is(.wp-block-site-logo, .wp-duotone-primary-foreground):not(.cloned-for-mobile, .cloned-for-mobile *) { filter: var(--ext-header-dark-logo-filter); } /* Nav-extras CTA: white pill + dark text for contrast against the dark hero scrim. Drops out at .is-past-hero so the button returns to its preset styling. */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:not(.is-past-hero):has(.ext-header-overlay.ext-header--dark) .ext-nav-extras-btn:not(.cloned-for-mobile, .cloned-for-mobile *) .wp-block-button__link, body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-glass.ext-header--dark) .ext-nav-extras-btn:not(.cloned-for-mobile, .cloned-for-mobile *) .wp-block-button__link { background-color: #fefefe !important; color: #060606 !important; } /* Sticky non-glass headers: smooth shadow/bg transitions (toggle on .is-scrolled / .is-past-hero) */ header.wp-block-template-part:has(.ext-header-sticky):not(:has(.ext-header-glass)) { transition: background-color 300ms ease, box-shadow 300ms ease; } /* Floating-pill: smooth the top change when .is-scrolled toggles, so the header doesn't snap up when scrolling past the admin bar. */ header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { transition: top 300ms ease; } /* Subpage elevation shadow: appears when user scrolls (no hero on the page) */ body:not(:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part.is-scrolled:has(.ext-header-sticky):not(:has(.ext-header-glass)) { box-shadow: 0 4px 24px -8px rgb(0 0 0 / 0.08); } /* Smart sticky transitions: smooth color/filter changes when toggling .is-past-hero */ header.wp-block-template-part:has(.ext-header--dark) { transition: background-color 300ms ease, color 300ms ease, box-shadow 300ms ease, border-color 300ms ease; } header.wp-block-template-part:has(.ext-header--dark) :where(a, button, .wp-block-site-title, .wp-social-link) { transition: color 300ms ease; } header.wp-block-template-part:has(.ext-header--dark) .wp-block-site-logo { transition: filter 300ms ease; } /* Past-hero: any sticky+overlay gets solid theme bg + elevation shadow. Glass headers are excluded — they manage their own scroll visuals. */ header.wp-block-template-part.is-past-hero:has(.ext-header-sticky.ext-header-overlay):not(:has(.ext-header-glass)) { background-color: var(--wp--preset--color--background); box-shadow: 0 4px 24px -8px rgb(0 0 0 / 0.08); } /* Past-hero on dark variant: also revert white text / inverted logo / forced social color */ header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) { color: var(--wp--preset--color--foreground); } header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) :where(a, button, .wp-block-site-title):not(.has-background, .wp-block-button__link) { color: inherit; } header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) .wp-social-link { color: var(--wp--preset--color--foreground) !important; } header.wp-block-template-part.is-past-hero:has(.ext-header-overlay.ext-header--dark):not(:has(.ext-header-glass)) .wp-block-site-logo { filter: brightness(1) invert(0); } /* =========================================================== Hero timeline (for scroll-driven animations) =========================================================== */ @supports (animation-timeline: scroll()) { .entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child { view-timeline: --ext-hero-timeline block; } } /* =========================================================== Behavior: ext-header-sticky--floating-pill - Layout shift: header wrapper goes transparent + constrained width - When combined with .ext-header-glass, animates glass intensity =========================================================== */ header.wp-block-template-part .ext-header-sticky--floating-pill.ext-animate { opacity: 1 !important; } header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { position: sticky; top: 0; z-index: 12; border-bottom: none; } body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { position: sticky; top: var(--ext-header-offset); max-width: var(--wp--style--global--wide-size); margin-left: auto; margin-right: auto; background-color: transparent; padding-inline: var(--wp--style--root--padding-right) var(--wp--style--root--padding-left); } /* Initial glass state (over hero): override static glass-end with start values */ body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass { background-color: oklch(from var(--ext-header-glass-color-start) l c h / var(--ext-header-bg-opacity-start)); backdrop-filter: blur(var(--ext-header-blur-start)); } body.admin-bar:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { top: calc(var(--ext-header-offset) + var(--wp-admin--admin-bar--position-offset, var(--wp-admin--admin-bar--height, 32px))); background-color: transparent; } @media (max-width: 782px) { body.admin-bar:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { top: calc(var(--ext-header-offset) + var(--wp-admin--admin-bar--position-offset, var(--wp-admin--admin-bar--height, 46px))); } body.admin-bar:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part.is-scrolled:has(.ext-header-sticky.ext-header-sticky--floating-pill) { top:var(--ext-header-offset); } } @supports (animation-timeline: scroll()) { body:not(:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill) { max-width: calc(var(--wp--style--global--wide-size) + var(--wp--style--root--padding-right) + var(--wp--style--root--padding-left)); margin-left: auto; margin-right: auto; } @media (prefers-reduced-motion: no-preference) { body:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass { animation: ext-header-glass-intensify linear both !important; animation-timeline: --ext-hero-timeline !important; animation-range: exit 0% exit 80% !important; } body:not(:has(.entry-content > .ext-hero-section.ext-hero-section--full-screen:first-child)) header.wp-block-template-part:has(.ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass) .ext-header-sticky.ext-header-sticky--floating-pill.ext-header-glass { animation: ext-header-glass-intensify-no-hero linear forwards !important; animation-timeline: scroll() !important; animation-range: 0 var(--ext-header-animation-distance) !important; } } } @keyframes ext-header-glass-intensify { from { background-color: oklch(from var(--ext-header-glass-color-start) l c h / var(--ext-header-bg-opacity-start)); backdrop-filter: blur(var(--ext-header-blur-start)); } to { background-color: oklch(from var(--ext-header-glass-color-end) l c h / var(--ext-header-bg-opacity-end)); backdrop-filter: blur(var(--ext-header-blur-end)); box-shadow: 0 14px 28px -10px rgb(0 0 0 / 0.14), 0 -14px 28px -10px rgb(0 0 0 / 0.14); } } @keyframes ext-header-glass-intensify-no-hero { from { background-color: oklch(from var(--ext-header-glass-color-start) l c h / var(--ext-header-bg-opacity-start)); backdrop-filter: blur(var(--ext-header-blur-start)); box-shadow: none; translate: 0 0; max-width: 100%; margin-inline: auto; } to { background-color: oklch(from var(--ext-header-glass-color-end) l c h / var(--ext-header-bg-opacity-end)); backdrop-filter: blur(var(--ext-header-blur-end)); box-shadow: 0 14px 28px -10px rgb(0 0 0 / 0.14), 0 -14px 28px -10px rgb(0 0 0 / 0.14); translate: 0 var(--ext-header-offset); max-width: var(--wp--style--global--wide-size); margin-inline: var(--wp--style--root--padding-right) var(--wp--style--root--padding-left); border-radius: 1rem; } } /* =========================================================== Vibe/gradient fix ----------------------------------------------------------- Vibe block-style variations (e.g. is-style-ext-preset--group--*--header-1--N) paint a background gradient on the header. That gradient fights every over-hero / glass-tint / dark-scrim treatment we apply to overlay or glass headers, because the glass and overlay rules set background-COLOR while the variation sets a background-IMAGE that paints on top. Override the variation's background-image specifically (not the whole `background:` shorthand). That lets each header keep working in its natural design: - overlay non-glass: gets transparent bg over hero, theme bg past hero - glass: gets the glass tint (light by default, dark when --dark is set) On non-overlay / non-glass headers the variation gradient stays as-is. =========================================================== */ .ext-header-overlay[class*="is-style-ext-preset--"], .ext-header-glass[class*="is-style-ext-preset--"]{background-image:none!important}header:has(>header.wp-block-template-part :where(.ext-header-overlay)){display:contents}:root{--ext-ease:cubic-bezier(0.25, 0.46, 0.45, 0.94);--ext-duration:0.7s}@keyframes ext-fade-in{from{opacity:0}to{opacity:1}}@keyframes ext-fade-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes ext-fade-down{from{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:translateY(0)}}@keyframes ext-fade-left{from{opacity:0;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}@keyframes ext-fade-right{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}@keyframes ext-zoom-in{from{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.ext-animate{opacity:0}.ext-animate[data-ext-animated]{opacity:1!important;animation:none!important}.ext-animate.ext-animated-fade{animation:ext-fade-in var(--ext-duration) var(--ext-ease) forwards}.ext-animate.ext-animated-fade-up{animation:ext-fade-up var(--ext-duration) var(--ext-ease) forwards}.ext-animate.ext-animated-fade-down{animation:ext-fade-down var(--ext-duration) var(--ext-ease) forwards}.ext-animate.ext-animated-fade-left{animation:ext-fade-left var(--ext-duration) var(--ext-ease) forwards}.ext-animate.ext-animated-fade-right{animation:ext-fade-right var(--ext-duration) var(--ext-ease) forwards}.ext-animate.ext-animated-zoom-in{animation:ext-zoom-in var(--ext-duration) var(--ext-ease) forwards}@media (prefers-reduced-motion:reduce){.ext-animate{animation:none!important;opacity:1!important;transform:none!important}}.trp-floating-switcher{display:flex;flex-direction:column-reverse;position:fixed;z-index:99999;overflow:hidden;padding:var(--switcher-padding,10px);border:var(--border,none);border-radius:var(--border-radius,8px);background:var(--bg,#fff);width:var(--switcher-width,auto);top:var(--top,unset);right:var(--right,unset);bottom:var(--bottom,unset);left:var(--left,unset);box-shadow:0 10px 20px 0 #0000000D}.trp-floating-switcher .trp-switcher-dropdown-list{flex-direction:column-reverse}.trp-switcher-position-top.trp-floating-switcher{flex-direction:column;top:var(--wp-admin--admin-bar--height,0)}.trp-floating-switcher.trp-switcher-position-top:not(.trp-ls-inline) .trp-language-switcher-inner,.trp-floating-switcher.trp-switcher-position-top .trp-switcher-dropdown-list{flex-direction:column}nav.trp-ls-inline .trp-language-switcher-inner{flex-direction:row}.trp-ls-inline.trp-opposite-language .trp-language-item{width:100%}#trp-floater-powered-by{color:var(--text,#b3b3b3);font-size:12px;text-align:center;padding:0 5px;opacity:70%}#trp-floater-powered-by a{color:var(--text,#b3b3b3)}.trp-switcher-position-bottom #trp-floater-powered-by{border-top:1px solid var(--border-color,#747474);padding-top:5px;margin-top:5px}.trp-switcher-position-top #trp-floater-powered-by{border-bottom:1px solid var(--border-color,#747474);padding-bottom:5px;margin-bottom:5px}.trp-shortcode-switcher__wrapper{position:relative;border:none}.elementor-widget-trp_language_switcher{width:fit-content;max-width:100%}.elementor-widget-trp_language_switcher .elementor-widget-container,.trp-elementor-language-switcher,.trp-elementor-language-switcher .trp-shortcode-switcher__wrapper{width:fit-content;max-width:100%}.trp-shortcode-switcher{position:static;display:inline-block;overflow:hidden;padding:10px 0;border:var(--border,none);border-radius:var(--border-radius,5px);background:var(--bg,#fff);width:auto;box-shadow:none}.trp-shortcode-anchor:not(.trp-opposite-button){visibility:hidden}.trp-shortcode-switcher.trp-open-on-click{cursor:pointer}.trp-shortcode-overlay{position:absolute;left:0;top:0;z-index:9999}.trp-current-language-item__wrapper:not(.trp-hide-arrow){display:flex;align-items:center;padding-right:10px;justify-content:space-between}.trp-language-switcher-inner{display:flex}.trp-floating-switcher .trp-language-switcher-inner{flex-direction:column-reverse}.trp-shortcode-switcher .trp-language-switcher-inner{flex-direction:column}.trp-switcher-dropdown-list{display:flex;overflow-y:hidden;transition:max-height 0.2s ease-in-out;max-height:0;transition-duration:var(--transition-duration)}.trp-shortcode-switcher .trp-switcher-dropdown-list{flex-direction:column}.trp-ls-dropdown.is-open .trp-switcher-dropdown-list,.trp-ls-dropdown[aria-expanded="true"] .trp-switcher-dropdown-list,.trp-shortcode-switcher.trp-open-on-hover.is-open .trp-switcher-dropdown-list,.trp-shortcode-switcher[aria-expanded="true"] .trp-switcher-dropdown-list{overflow-y:auto;max-height:min(350px, 70vh);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:var(--text) #fff0}.trp-ls-dropdown.is-transitioning .trp-switcher-dropdown-list,.trp-shortcode-switcher.is-transitioning .trp-switcher-dropdown-list{overflow-y:hidden!important}.trp-shortcode-arrow{pointer-events:none}.trp-shortcode-switcher.is-open .trp-shortcode-arrow{transform:rotate(180deg)}.trp-language-item:focus{outline:none}.trp-language-item:focus-visible{outline:2px solid var(--text);outline-offset:-2px}.trp-language-item{display:flex;align-items:center;gap:8px;padding:7px 16px;text-decoration:none;min-height:19px;box-sizing:content-box}.trp-language-item:hover{background:var(--bg-hover,#f3f3f3)}.trp-language-item:hover .trp-language-item-name{color:var(--text-hover,#000)}.trp-language-item__current{pointer-events:none;cursor:default}.trp-language-item-name{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text,#000);font-size:var(--font-size,14px);line-height:1.2;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:400}.trp-flag-image{border-radius:var(--flag-radius,0)!important;aspect-ratio:var(--aspect-ratio,4/3)!important;width:var(--flag-size,18px)!important;display:inline-block!important;height:auto!important}.trp-menu-ls-label .trp-flag-image{margin:-2px 3px}.trp-custom-flag{object-fit:cover}.trp-switcher-dropdown-list::-webkit-scrollbar{width:6px}.trp-switcher-dropdown-list::-webkit-scrollbar-track{background:#fff0}.trp-switcher-dropdown-list::-webkit-scrollbar-thumb{background-color:var(--text);border-radius:4px}.trp-switcher-dropdown-list::-webkit-scrollbar-thumb:hover{background-color:var(--text-hover)}.trp-flag-rounded{border-radius:9999px!important;aspect-ratio:1 / 1!important}.trp-ls-name{padding-left:5px}@media (prefers-reduced-motion:reduce){.trp-switcher-dropdown-list{transition:none!important}}.trp_ald_ls_container img.trp-flag-image{padding-top:0!important}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector){position:relative;display:inline-block;padding:0;border:0;box-sizing:border-box}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector)>div{box-sizing:border-box;padding-right:20px;padding-bottom:3px;padding-left:13px;border:1px solid #c1c1c1;border-radius:3px;background-color:#fff}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector)>div>a{display:block;padding:2px;border-radius:3px;color:#0769ad}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector)>div>a:hover{background:#f1f1f1}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector)>div>a.trp-ls-shortcode-disabled-language{cursor:default}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector)>div>a.trp-ls-shortcode-disabled-language:hover{background:none}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector)>div>a>img{display:inline;margin:0 3px;width:18px;height:12px;border-radius:0}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-current-language{display:inline-block}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-current-language,.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-current-language{visibility:hidden}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector) .trp-ls-shortcode-language{display:inline-block;height:1px;overflow:hidden;visibility:hidden;z-index:1;max-height:250px;overflow-y:auto;left:0;top:0;min-height:auto}.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):focus .trp-ls-shortcode-language,.trp_ald_ls_container .trp-language-switcher:not(.trp-ald-language-selector):hover .trp-ls-shortcode-language{visibility:visible;max-height:250px;height:auto;overflow-y:auto;position:absolute;left:0;top:0;display:inline-block!important;min-height:auto}#trp_ald_x_button{z-index:0!important}