.hs-header-nav-wrapper,
.wp-block-template-part[data-area="header"] .hs-header-nav-wrapper,
.wp-block-template-part .hs-header-nav-wrapper,
.wp-block-group.hs-header-nav-wrapper,
.wp-block-group.alignfull.hs-header-nav-wrapper {
position: fixed !important;
top: 0.75rem;
left: 0.75rem !important;
right: 0.75rem !important;
z-index: 40 !important;
margin-bottom: 0 !important;
width: calc(100% - 1.5rem) !important; max-width: calc(100% - 1.5rem) !important;
padding: 0 !important;
}
@media (min-width: 640px) {
.hs-header-nav-wrapper,
.wp-block-template-part[data-area="header"] .hs-header-nav-wrapper,
.wp-block-template-part .hs-header-nav-wrapper,
.wp-block-group.hs-header-nav-wrapper,
.wp-block-group.alignfull.hs-header-nav-wrapper {
top: 1rem ;
left: 1.5rem !important; right: 1.5rem !important;
width: calc(100% - 3rem) !important;
max-width: calc(100% - 3rem) !important;
}
}
@media (min-width: 1024px) {
.hs-header-nav-wrapper,
.wp-block-template-part[data-area="header"] .hs-header-nav-wrapper,
.wp-block-template-part .hs-header-nav-wrapper,
.wp-block-group.hs-header-nav-wrapper,
.wp-block-group.alignfull.hs-header-nav-wrapper {
left: 50% !important;
right: auto !important;
transform: translateX(-50%) !important;
width: 100% !important;
max-width: 1024px !important; }
} .hs-header-nav {
position: relative !important;
width: 100% !important;
padding: 0rem !important;
} .hs-header-nav-container {
background-color: #ffffff !important;
border-radius: 20px !important;
box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important;
max-width: 100% !important;
margin-left: auto !important;
margin-right: auto !important;
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
position: relative !important;
min-height: 48px !important;
gap: 1rem !important;
}
@media (min-width: 768px) {
.hs-header-nav-container {
border-radius: 28px !important;
padding-left: 24px !important;
padding-right: 24px !important;
}
}
@media (min-width: 1024px) {
.hs-header-nav-container {
max-width: 1024px !important; }
} .hs-header-logo-title {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important; flex-shrink: 0 !important;
z-index: 1 !important;
}
.hs-site-logo img {
height: 2.5rem !important; width: auto !important;
padding: 2px 0 !important;
display: block !important;
}
.hs-site-logo {
display: flex !important;
align-items: center !important;
}
.hs-site-title {
color: rgb(255, 153, 0) !important; font-size: 1rem !important; font-weight: 700 !important;
margin: 0 !important;
line-height: 1.2 !important;
white-space: nowrap !important;
text-decoration: none !important;
}
.hs-site-title:hover a{
text-decoration: none !important;
}
@media (min-width: 768px) {
.hs-site-title {
font-size: 1.125rem !important; }
} .hs-header-desktop-nav {
display: none !important;
}
@media (min-width: 1024px) {
.hs-header-desktop-nav {
display: flex !important;
align-items: center !important;
justify-content: center !important;
position: absolute !important;
left: 50% !important;
transform: translateX(-50%) !important;
z-index: 0 !important;
width: auto !important;
max-width: calc(100% - 400px) !important; } .hs-header-desktop-nav .wp-block-navigation__responsive-container-open,
.hs-header-desktop-nav .wp-block-navigation__responsive-container-close,
.hs-header-desktop-nav button[aria-label*="menu"],
.hs-header-desktop-nav button[aria-label*="Menu"],
.hs-header-desktop-nav button[aria-label*="Open"],
.hs-header-desktop-nav button[aria-label*="Close"],
.hs-header-desktop-nav .wp-block-navigation__responsive-container-open.always-shown {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .hs-header-desktop-nav .wp-block-navigation__responsive-container {
display: block !important;
position: relative !important;
width: 100% !important;
z-index: auto !important;
}
} .hs-header-desktop-nav .wp-block-navigation__responsive-container-open,
.hs-header-desktop-nav .wp-block-navigation__responsive-container,
.hs-header-desktop-nav .wp-block-navigation {
display: flex !important;
align-items: center !important;
gap: 2rem !important;
justify-content: center !important;
flex-wrap: nowrap !important;
}
.hs-header-desktop-nav .wp-block-navigation ul {
display: flex !important;
align-items: center !important;
gap: 2rem !important;
flex-wrap: nowrap !important;
list-style: none !important;
margin: 0 !important;
padding: 0 !important;
}
.hs-header-desktop-nav .wp-block-navigation-item__content {
color: #666666 !important; font-size: 0.875rem !important; text-decoration: none !important;
transition: color 0.2s ease !important;
white-space: nowrap !important;
font-weight: 500 !important;
}
.hs-header-desktop-nav .wp-block-navigation-item__content:hover {
color: rgb(255, 153, 0) !important; }
.hs-header-desktop-nav .wp-block-navigation-item__content:focus-visible {
outline: 2px solid rgb(255, 153, 0) !important;
outline-offset: 2px !important;
} .hs-header-desktop-nav .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.hs-header-desktop-nav .wp-block-navigation-item.current-page-ancestor .wp-block-navigation-item__content,
.hs-header-desktop-nav .wp-block-navigation-item[aria-current="page"] .wp-block-navigation-item__content {
color: rgb(255, 153, 0) !important; } .hs-header-desktop-actions {
display: none !important;
}
@media (min-width: 1024px) {
.hs-header-desktop-actions {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important; flex-shrink: 0 !important;
z-index: 1 !important;
margin-left: auto !important;
} .hs-header-desktop-actions .wp-block-buttons {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important;
margin: 0 !important;
padding: 0 !important;
flex-wrap: nowrap !important;
} .hs-header-desktop-actions .wp-block-button.hs-contact-button {
box-shadow: none !important;
background: transparent !important;
} .hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link {
background-color: rgb(255, 153, 0) !important;
color: #ffffff !important;
border: none !important;
box-shadow: none !important;
font-size: 0 !important; line-height: 0 !important;
}
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:hover {
background-color: rgb(255, 153, 0) !important;
transform: scale(1.05) !important;
}
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:focus-visible {
outline: 2px solid rgb(255, 153, 0) !important;
outline-offset: 2px !important;
} .hs-header-desktop-actions .hs-contact-button:empty,
.hs-header-desktop-actions .hs-contact-button:not(:has(svg)):not(:has(span)),
.hs-header-desktop-actions p:has(> a.hs-contact-button:empty),
.hs-header-desktop-actions p:has(> a.hs-contact-button:not(:has(svg)):not(:has(span))) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
} .hs-header-desktop-actions p {
margin: 0 !important;
padding: 0 !important;
display: inline !important;
} .hs-header-nav-container .hs-contact-button:not(.hs-header-desktop-actions .hs-contact-button),
.hs-header-nav-container .hs-contact-button-mobile:not(.hs-header-desktop-actions .hs-contact-button-mobile),
.hs-header-nav-container a[href^="mailto:"]:not(.hs-header-desktop-actions a[href^="mailto:"]),
.hs-header-nav-container a[href*="wa.me"]:not(.hs-header-desktop-actions a[href*="wa.me"]),
.hs-header-nav-container a[href*="whatsapp"]:not(.hs-header-desktop-actions a[href*="whatsapp"]) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
} @media (min-width: 1024px) { .hs-header-desktop-nav .hs-contact-button,
.hs-header-desktop-nav .hs-contact-button-mobile,
.hs-header-desktop-nav a[href^="mailto:"],
.hs-header-desktop-nav a[href*="wa.me"],
.hs-header-desktop-nav a[href*="whatsapp"],
.hs-header-desktop-nav .wp-block-social-links,
.hs-header-desktop-nav .wp-block-buttons {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} .hs-header-logo-title .hs-contact-button,
.hs-header-logo-title .hs-contact-button-mobile,
.hs-header-logo-title a[href^="mailto:"],
.hs-header-logo-title a[href*="wa.me"],
.hs-header-logo-title a[href*="whatsapp"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
} .hs-header-desktop-nav .wp-block-navigation-item,
.hs-header-desktop-nav .wp-block-navigation-link {
display: inline-block !important;
} .hs-header-nav-container > *:not(.hs-header-desktop-actions) .hs-contact-button,
.hs-header-nav-container > *:not(.hs-header-desktop-actions) .hs-contact-button-mobile {
display: none !important;
}
} .hs-contact-button,
.hs-header-desktop-actions .wp-block-button.hs-contact-button,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link {
width: 2.25rem !important; height: 2.25rem !important; border-radius: 9999px !important; background-color: rgb(255, 153, 0) !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
cursor: pointer !important;
transition: all 0.2s ease !important;
text-decoration: none !important;
flex-shrink: 0 !important;
padding: 0 !important;
margin: 0 !important;
min-width: 2.25rem !important;
min-height: 2.25rem !important;
} .hs-header-desktop-actions .wp-block-button.hs-contact-button {
padding: 0 !important;
margin: 0 !important;
width: 2.25rem !important;
height: 2.25rem !important;
}
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link {
width: 100% !important;
height: 100% !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
padding: 0 !important;
margin: 0 !important;
} @media (min-width: 1024px) { .hs-header-nav-container .hs-contact-button {
display: none !important;
} .hs-header-desktop-actions .hs-contact-button:has(svg),
.hs-header-desktop-actions .wp-block-button.hs-contact-button:has(svg),
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:has(svg) {
display: flex !important;
} .hs-header-desktop-actions .hs-contact-button:empty,
.hs-header-desktop-actions .hs-contact-button:not(:has(svg)):not(:has(span)),
.hs-header-desktop-actions .wp-block-button.hs-contact-button:not(:has(svg)),
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:not(:has(svg)),
.hs-header-desktop-actions p:has(.hs-contact-button:empty),
.hs-header-desktop-actions p:has(.hs-contact-button:not(:has(svg))) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
} .hs-header-desktop-actions p:has(> a.hs-contact-button:empty),
.hs-header-desktop-actions p:has(> a.hs-contact-button:not(:has(svg))) {
display: none !important;
}
}
.hs-contact-button:hover,
.hs-header-desktop-actions .wp-block-button.hs-contact-button:hover,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:hover {
transform: scale(1.05) !important;
}
.hs-contact-button:focus-visible,
.hs-header-desktop-actions .wp-block-button.hs-contact-button:focus-visible,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link:focus-visible,
.hs-contact-button-mobile:focus-visible {
outline: 2px solid rgb(255, 153, 0) !important;
outline-offset: 2px !important;
}
.hs-contact-button svg,
.hs-header-desktop-actions .wp-block-button.hs-contact-button svg,
.hs-header-desktop-actions .wp-block-button.hs-contact-button .wp-block-button__link svg {
width: 1.125rem !important; height: 1.125rem !important; color: #ffffff !important;
stroke-width: 1.5 !important;
flex-shrink: 0 !important;
} .hs-contact-button-mobile {
flex: 1 1 0% !important; height: 3rem !important; border-radius: 1rem !important; background-color: rgb(255, 153, 0) !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
gap: 0.5rem !important; color: #ffffff !important;
text-decoration: none !important;
font-size: 0.875rem !important; font-weight: 500 !important; transition: background-color 0.2s ease !important;
border: none !important;
cursor: pointer !important;
padding: 0.75rem;
}
.hs-contact-button-mobile:hover {
background-color: rgb(255, 140, 0) !important; }
.hs-contact-button-mobile svg {
width: 1.25rem !important; height: 1.25rem !important; stroke-width: 2.5 !important;
} .hs-header-mobile-toggle {
display: flex !important;
align-items: center !important;
justify-content: center !important;
flex-shrink: 0 !important;
z-index: 1 !important;
margin-left: auto !important;
}
@media (min-width: 1024px) {
.hs-header-mobile-toggle {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
}
}
.hs-mobile-menu-toggle {
width: 2.25rem !important; height: 2.25rem !important; border-radius: 9999px !important; background-color: rgb(255, 153, 0) !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
cursor: pointer !important;
transition: transform 0.2s ease !important;
padding: 0 !important;
}
@media (min-width: 1024px) {
.hs-mobile-menu-toggle {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
}
}
.hs-mobile-menu-toggle:hover {
transform: scale(1.05) !important;
}
.hs-mobile-menu-toggle:focus-visible {
outline: 2px solid rgb(255, 153, 0) !important;
outline-offset: 2px !important;
}
.hs-mobile-menu-toggle svg {
width: 1.25rem !important; height: 1.25rem !important; color: #ffffff !important;
stroke-width: 2.5 !important;
}
.hs-mobile-menu-toggle .hs-close-icon {
display: none !important;
}
.hs-mobile-menu-toggle[aria-expanded="true"] .hs-menu-icon {
display: none !important;
}
.hs-mobile-menu-toggle[aria-expanded="true"] .hs-close-icon {
display: block !important;
} .hs-mobile-menu-overlay {
position: fixed !important;
inset: 0 !important;
background-color: rgba(0, 0, 0, 0.5) !important; z-index: 30 !important;
backdrop-filter: blur(4px) !important;
-webkit-backdrop-filter: blur(4px) !important;
opacity: 0 !important;
visibility: hidden !important;
transition: opacity 0.3s ease, visibility 0.3s ease !important;
pointer-events: none !important;
}
@media (min-width: 1024px) {
.hs-mobile-menu-overlay {
display: none !important;
}
}
.hs-mobile-menu-overlay.is-active {
opacity: 1 !important;
visibility: visible !important;
pointer-events: auto !important;
} .hs-mobile-menu-drawer {
position: fixed !important;
top: 0 !important;
right: 0 !important;
height: 100dvh !important;
width: 320px !important;
background-color: #ffffff !important;
z-index: 40 !important;
box-shadow: -4px 0 6px -1px rgba(0, 0, 0, 0.1), -2px 0 4px -1px rgba(0, 0, 0, 0.06) !important;
transform: translateX(100%) !important;
transition: transform 0.3s ease-in-out !important;
display: flex !important;
flex-direction: column !important;
.hs-mobile-menu-content{
width: 100% !important;
.wp-block-navigation{
width: 100% !important;
}
}
}
@media (min-width: 640px) {
.hs-mobile-menu-drawer {
width: 320px !important; }
}
@media (min-width: 1024px) {
.hs-mobile-menu-drawer {
display: none !important;
}
}
.hs-mobile-menu-drawer.is-open {
transform: translateX(0) !important;
} .hs-mobile-menu-header {
display: flex !important;
align-items: center !important;
justify-content: space-between !important;
border-bottom: 1px solid #f3f4f6 !important; width: 100%;
}
.hs-mobile-menu-logo {
display: flex !important;
align-items: center !important;
gap: 0.5rem !important; }
.hs-mobile-menu-logo .hs-site-logo img {
height: 2rem !important; width: auto !important;
}
.hs-mobile-menu-logo .hs-site-title {
font-size: 1.125rem !important; font-weight: 700 !important;
color: rgb(255, 153, 0) !important; }
.hs-mobile-menu-close {
width: 2.25rem !important; height: 2.25rem !important; border-radius: 9999px !important; background-color: #f3f4f6 !important; display: flex !important;
align-items: center !important;
justify-content: center !important;
border: none !important;
cursor: pointer !important;
transition: background-color 0.2s ease !important;
padding: 0 !important;
}
.hs-mobile-menu-close:hover {
background-color: #e5e7eb !important; }
.hs-mobile-menu-close:focus-visible {
outline: 2px solid rgb(255, 153, 0) !important;
outline-offset: 2px !important;
}
.hs-mobile-menu-close svg {
width: 1.25rem !important; height: 1.25rem !important; color: #666666 !important; stroke-width: 2.5 !important;
} .hs-mobile-menu-content {
flex: 1 1 0% !important;
overflow-y: auto !important;
}
.hs-mobile-menu-content .wp-block-navigation__responsive-container-open,
.hs-mobile-menu-content .wp-block-navigation__responsive-container {
display: flex !important;
flex-direction: column !important;
gap: 0.5rem !important; width: 100% !important;
}
.hs-mobile-menu-content ul {
width: 100% !important;
}
.hs-mobile-menu-content li {
width: 100% !important;
}
.hs-mobile-menu-content .wp-block-navigation-item__content {
display: block !important;
padding: 0.75rem 1rem !important; border-radius: 1rem !important; font-size: 1rem !important; text-decoration: none !important;
color: #374151 !important; transition: all 0.2s ease !important;
width: 100% !important;
}
.hs-mobile-menu-content .wp-block-navigation-item__content:hover {
background-color: #fff7ed !important; color: rgb(255, 153, 0) !important; }
.hs-mobile-menu-content .wp-block-navigation-item.current-menu-item .wp-block-navigation-item__content,
.hs-mobile-menu-content .wp-block-navigation-item.current-page-ancestor .wp-block-navigation-item__content {
background-color: rgb(255, 153, 0) !important; color: #ffffff !important; } .hs-mobile-menu-footer {
border-top: 1px solid #f3f4f6 !important; }
.hs-mobile-menu-footer-label {
font-size: 0.75rem !important; color: #6b7280 !important; margin-bottom: 0.75rem !important; margin-top: 0 !important;
}
.hs-mobile-menu-footer-buttons {
display: flex !important;
gap: 0.75rem !important; } body.hs-menu-open {
overflow: hidden !important;
}
#modal-2{
top: 6rem;
padding: 0rem 1rem;
}
.hs-mobile-menu-content{
margin-left: 0 !important;
} .hs-mobile-menu-content .hs-contact-button,
.hs-mobile-menu-content a[href^="mailto:"]:not(.hs-contact-button-mobile),
.hs-mobile-menu-content .wp-block-navigation-item a[href^="mailto:"] {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .hs-mobile-menu-drawer .hs-contact-button {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .hs-mobile-menu-footer .hs-contact-button {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .hs-mobile-menu-drawer a[href^="mailto:"]:not(.hs-contact-button-mobile) {
display: none !important;
visibility: hidden !important;
opacity: 0 !important;
pointer-events: none !important;
width: 0 !important;
height: 0 !important;
overflow: hidden !important;
} .hs-mobile-menu-drawer{
#modal-1{
margin-top: 6rem !important;
}
.wp-block-navigation__responsive-container-close {
display: none !important;
}
.wp-block-navigation__responsive-dialog{
padding: 0rem 1rem;
}
.hs-mobile-menu-footer{
margin: 0 !important;
}
.wp-block-navigation__responsive-container-open{
display: none !important;
}
}