/*
Theme Name: Ruxelio Studio
Description: Bilingual Ruxelio page templates converted from the original HTML site.
Version: 1.0.1
Requires at least: 6.3
Requires PHP: 7.4
Text Domain: ruxelio
*/

body.admin-bar > header.sticky { top: 32px; }
@media (max-width: 782px) {
  body.admin-bar > header.sticky { top: 46px; }
}
@media (max-width: 600px) {
  body.admin-bar > header.sticky { top: 0; }
}
.ruxelio-editor-content { max-width: 80rem; margin: 0 auto; padding: 3rem 1.5rem; }
.ruxelio-editor-content h1 { font-size: 2.5rem; font-weight: 700; margin-bottom: 1.5rem; }
.ruxelio-editor-content p { margin-bottom: 1rem; }
.ruxelio-skip-link { position: absolute; left: -10000px; }
.ruxelio-skip-link:focus { position: fixed; left: 1rem; top: 4rem; z-index: 100; padding: 1rem; background: white; color: black; }

/* WordPress-managed primary navigation. */
.ruxelio-primary-menu { display: flex; align-items: center; gap: 2rem; margin: 0; padding: 0; list-style: none; }
.ruxelio-primary-menu li { position: relative; list-style: none; }
.ruxelio-primary-menu a { display: block; color: inherit; font-size: .9375rem; font-weight: 600; text-decoration: none; }
.ruxelio-primary-menu .menu-item-has-children > a,
header nav .group > a { display: flex; align-items: center; gap: .55rem; }
.ruxelio-primary-menu .menu-item-has-children > a::after,
header nav .group > a::after { display: block; flex: 0 0 .45rem; width: .45rem; height: .45rem; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; content: ''; transform: translateY(-.15rem) rotate(45deg); }
header nav .group > a > svg { display: none; }
.ruxelio-primary-menu .sub-menu { position: absolute; top: calc(100% + 1.25rem); inset-inline-start: 0; z-index: 50; min-width: 14rem; margin: 0; padding: .5rem; visibility: hidden; border: 1px solid rgb(219 234 254 / .8); border-radius: 1rem; background: white; color: #101828; opacity: 0; box-shadow: 0 12px 30px rgb(15 23 42 / .12); list-style: none; transition: opacity .2s ease, visibility .2s ease; }
.ruxelio-primary-menu li:hover > .sub-menu, .ruxelio-primary-menu li:focus-within > .sub-menu { visibility: visible; opacity: 1; }
.ruxelio-primary-menu .sub-menu a { padding: .75rem 1rem; border-radius: .75rem; font-size: .875rem; font-weight: 700; }
.ruxelio-primary-menu .sub-menu a:hover { background: #eff6ff; color: #155eef; }
#mobileMenu .ruxelio-primary-menu { display: grid; gap: .5rem; }
#mobileMenu .ruxelio-primary-menu a { padding: .75rem 1rem; border-radius: .75rem; }
#mobileMenu .ruxelio-primary-menu a:hover { background: #eff6ff; }
#mobileMenu .ruxelio-primary-menu .sub-menu { position: static; visibility: visible; min-width: 0; padding: 0 0 0 1rem; border: 0; box-shadow: none; opacity: 1; }
#mobileMenu .ruxelio-primary-menu .sub-menu a { padding: .5rem 1rem; color: #475569; font-size: .875rem; }
[dir="rtl"] .ruxelio-primary-menu .sub-menu { inset-inline-start: auto; inset-inline-end: 0; }