/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 18 2026 | 23:14:17 */
/* =========================================================
SPAIC - CSS Base HEAD FINAL
Carregar no HEAD.
Objetivo:

* Variáveis globais
* Base visual do site
* Tipografia
* Cores
* Layout base desktop
* Footer e componentes gerais
* Sem header fixed/sticky em mobile
  ========================================================= */

:root {
--spaic-font-main: 'Mont SPAIC', Aptos, 'Segoe UI', Arial, sans-serif;
--spaic-font-body: 'Mont SPAIC', Aptos, 'Segoe UI', Arial, sans-serif;
--spaic-font-heading: 'Mont SPAIC', Aptos, 'Segoe UI', Arial, sans-serif;

--spaic-green: #509944;
--spaic-dark-green: #264a3f;
--spaic-gray: #afb0b1;
--spaic-light-green: #c6ff84;
--spaic-light-green-soft: rgba(198,255,132,0.18);
--spaic-light-green-hover: rgba(198,255,132,0.28);
}

/* =========================================================

1. Segurança geral
   ========================================================= */

html,
body {
max-width: 100% !important;
overflow-x: hidden !important;
}

body {
font-family: var(--spaic-font-body) !important;
color: var(--spaic-dark-green) !important;
}

img,
svg,
video,
iframe {
max-width: 100%;
height: auto;
}

a {
color: var(--spaic-green);
}

a:hover,
a:focus {
color: var(--spaic-dark-green);
}

/* =========================================================
2. Tipografia global
========================================================= */

html body,
html body p,
html body li,
html body .elementor-widget-text-editor,
html body .elementor-widget-text-editor p {
font-family: var(--spaic-font-body) !important;
font-weight: 400 !important;
}

html body h1,
html body h2,
html body h3,
html body h4,
html body h5,
html body h6,
html body .entry-title,
html body .page-title,
html body .elementor-heading-title {
font-family: var(--spaic-font-heading) !important;
color: var(--spaic-dark-green) !important;
}

html body h1,
html body .entry-title,
html body .page-title,
html body .elementor-widget-heading h1.elementor-heading-title {
font-weight: 720 !important;
letter-spacing: -0.025em !important;
}

html body h2,
html body h3,
html body h4,
html body .spaic-card-title .elementor-heading-title,
html body .spaic-news-title .elementor-heading-title,
html body .spaic-section-title .elementor-heading-title,
html body .spaic-global-join h2,
html body .spaic-global-col h3 {
font-weight: 700 !important;
letter-spacing: -0.015em !important;
}

html body:not(.home) h1,
html body:not(.home) .entry-title,
html body:not(.home) .page-title,
html body:not(.home) .elementor-widget-heading h1.elementor-heading-title {
font-size: clamp(38px, 4.2vw, 58px) !important;
line-height: 1.06 !important;
font-weight: 720 !important;
}

html body:not(.home) h2,
html body:not(.home) .elementor-widget-heading h2.elementor-heading-title {
font-size: clamp(26px, 2.6vw, 38px) !important;
line-height: 1.12 !important;
font-weight: 700 !important;
}

html body strong,
html body b {
font-weight: 700 !important;
}

/* =========================================================
3. Cores e botões globais
========================================================= */

html body,
html body .site-header .primary-menu > li > a,
html body .site-header .nav-link,
html body .site-header .dropdown a,
html body .site-header .primary-menu .sub-menu a,
html body.home .spaic-card-title .elementor-heading-title,
html body.home .spaic-news-title .elementor-heading-title,
html body.home .spaic-section-title .elementor-heading-title,
html body.home .spaic-news-heading .elementor-heading-title,
html body .spaic-global-footer,
html body .spaic-global-footer p,
html body .spaic-global-footer a,
html body .spaic-global-brand p,
html body .spaic-global-col a {
color: var(--spaic-dark-green) !important;
}

html body a,
html body.home .spaic-section-kicker .elementor-heading-title,
html body.home .spaic-news-date .elementor-heading-title,
html body .spaic-global-col h3,
html body .spaic-global-col a:hover {
color: var(--spaic-green) !important;
}

html body button,
html body input[type="submit"],
html body .elementor-button,
html body .site-header .member-button,
html body .site-header .cta-menu li a,
html body.home .spaic-button-link .elementor-button,
html body.home .spaic-button-primary .elementor-button,
html body.home .spaic-join-button .elementor-button,
html body .spaic-global-join-button,
html body #n2-ss-2 .n2-style-66f9a02ec4bec8deb3527837f3e70f2e-heading {
background: var(--spaic-green) !important;
border-color: var(--spaic-green) !important;
color: #ffffff !important;
font-family: var(--spaic-font-main) !important;
font-weight: 700 !important;
letter-spacing: 0 !important;
}

html body button:hover,
html body input[type="submit"]:hover,
html body .elementor-button:hover,
html body .site-header .member-button:hover,
html body .site-header .cta-menu li a:hover,
html body.home .spaic-button-link .elementor-button:hover,
html body.home .spaic-button-primary .elementor-button:hover,
html body.home .spaic-join-button .elementor-button:hover,
html body .spaic-global-join-button:hover {
background: var(--spaic-dark-green) !important;
border-color: var(--spaic-dark-green) !important;
color: #ffffff !important;
}

html body hr,
html body .elementor-divider-separator,
html body.home .spaic-el-card,
html body.home .spaic-news-card,
html body.home .spaic-el-event > .elementor-container,
html body.home .spaic-img-placeholder,
html body .site-header .search-button {
border-color: var(--spaic-gray) !important;
}

/* =========================================================
4. Header desktop base
Sem fixed/sticky aqui. O fixed desktop fica no Footer.
========================================================= */

@media (min-width: 1181px) {
body .site-header {
margin: 0 !important;
padding: 0 !important;
border-bottom: 0 !important;
box-shadow: none !important;
overflow: visible !important;
z-index: 9999 !important;
background-color: var(--spaic-light-green-soft) !important;
}

body .site-header .topbar {
width: min(100% - 24px, 1840px) !important;
min-height: 78px !important;
gap: 10px !important;
align-items: center !important;
flex-wrap: nowrap !important;
}

body .site-header .brand {
flex: 0 0 160px !important;
width: 160px !important;
min-width: 160px !important;
max-width: 160px !important;
gap: 0 !important;
overflow: hidden !important;
}

body .site-header .brand-text {
display: none !important;
}

body .site-header .brand-logo,
body .site-header .custom-logo-link {
width: 150px !important;
height: 58px !important;
flex: 0 0 150px !important;
display: flex !important;
align-items: center !important;
justify-content: flex-start !important;
margin: 0 !important;
padding: 0 !important;
}

body .site-header .brand-logo img,
body .site-header .brand-logo .custom-logo,
body .site-header .brand img,
body .site-header .custom-logo,
body .site-header .custom-logo-link img {
max-width: 150px !important;
max-height: 58px !important;
width: auto !important;
height: auto !important;
object-fit: contain !important;
display: block !important;
}

body .site-header .main-nav {
flex: 1 1 auto !important;
min-width: 0 !important;
display: flex !important;
justify-content: flex-end !important;
align-items: center !important;
overflow: visible !important;
}

body .site-header .main-nav ul,
body .site-header .primary-menu {
gap: 0 !important;
}

body .site-header .nav-item,
body .site-header .primary-menu > li {
margin: 0 !important;
flex: 0 0 auto !important;
}

body .site-header .nav-link,
body .site-header .main-nav > ul > li > a,
body .site-header .primary-menu > li > a {
font-family: var(--spaic-font-main) !important;
height: 48px !important;
padding-left: 8px !important;
padding-right: 8px !important;
font-size: 14.6px !important;
font-weight: 600 !important;
line-height: 1 !important;
letter-spacing: -0.01em !important;
white-space: nowrap !important;
}

body .site-header .header-actions {
flex: 0 0 auto !important;
display: flex !important;
align-items: center !important;
gap: 8px !important;
}

body .site-header .search-button {
display: inline-flex !important;
width: 38px !important;
height: 38px !important;
flex: 0 0 38px !important;
font-size: 18px !important;
}

body .site-header .member-button,
body .site-header .cta-menu li a {
display: inline-flex !important;
height: 40px !important;
min-height: 40px !important;
padding: 0 16px !important;
border-radius: 4px !important;
font-family: var(--spaic-font-main) !important;
font-size: 13.8px !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
white-space: nowrap !important;
align-items: center !important;
justify-content: center !important;
color: #ffffff !important;
background: var(--spaic-green) !important;
box-shadow: none !important;
}

body .site-header .member-button br {
display: none !important;
}

body .rmp-container,
body .rmp_menu_trigger,
body [id^="rmp-container"],
body [id^="rmp_menu_trigger"] {
display: none !important;
}
}

/* Desktop intermédio */
@media (min-width: 1181px) and (max-width: 1600px) {
body .site-header .topbar {
width: min(100% - 16px, 1600px) !important;
gap: 7px !important;
}

body .site-header .brand {
flex-basis: 138px !important;
width: 138px !important;
min-width: 138px !important;
max-width: 138px !important;
}

body .site-header .brand-logo,
body .site-header .custom-logo-link {
width: 130px !important;
height: 52px !important;
flex-basis: 130px !important;
}

body .site-header .brand-logo img,
body .site-header .brand-logo .custom-logo,
body .site-header .brand img,
body .site-header .custom-logo,
body .site-header .custom-logo-link img {
max-width: 130px !important;
max-height: 52px !important;
}

body .site-header .nav-link,
body .site-header .main-nav > ul > li > a,
body .site-header .primary-menu > li > a {
font-size: 13.4px !important;
padding-left: 5px !important;
padding-right: 5px !important;
letter-spacing: -0.012em !important;
}

body .site-header .search-button {
width: 36px !important;
height: 36px !important;
flex-basis: 36px !important;
}

body .site-header .member-button,
body .site-header .cta-menu li a {
padding: 0 12px !important;
font-size: 12.7px !important;
}
}

/* Desktop estreito */
@media (min-width: 1181px) and (max-width: 1380px) {
body .site-header .topbar {
width: min(100% - 10px, 1380px) !important;
gap: 4px !important;
}

body .site-header .brand {
flex-basis: 118px !important;
width: 118px !important;
min-width: 118px !important;
max-width: 118px !important;
}

body .site-header .brand-logo,
body .site-header .custom-logo-link {
width: 112px !important;
height: 46px !important;
flex-basis: 112px !important;
}

body .site-header .brand-logo img,
body .site-header .brand-logo .custom-logo,
body .site-header .brand img,
body .site-header .custom-logo,
body .site-header .custom-logo-link img {
max-width: 112px !important;
max-height: 46px !important;
}

body .site-header .nav-link,
body .site-header .main-nav > ul > li > a,
body .site-header .primary-menu > li > a {
font-size: 12.2px !important;
padding-left: 3px !important;
padding-right: 3px !important;
}

body .site-header .search-button {
width: 32px !important;
height: 32px !important;
flex-basis: 32px !important;
}

body .site-header .member-button,
body .site-header .cta-menu li a {
display: none !important;
}
}

/* =========================================================
5. Mobile base
Sem fixed/sticky.
O Responsive Menu controla o menu mobile.
========================================================= */

@media (max-width: 1180px) {
html {
scroll-padding-top: 0 !important;
}

body .site-header {
position: relative !important;
background: #f3ffed !important;
border-bottom: 3px solid var(--spaic-green) !important;
box-shadow: none !important;
}

body .site-header .main-nav,
body .site-header .primary-menu {
display: none !important;
}
}

/* =========================================================
6. Homepage: títulos, cards e readability base
========================================================= */

html body.home .spaic-card-title .elementor-heading-title,
html body.home .spaic-card-title h2 {
font-size: 18px !important;
line-height: 1.16 !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
}

html body.home .spaic-news-title .elementor-heading-title,
html body.home .spaic-news-title h3 {
font-size: 18px !important;
line-height: 1.15 !important;
font-weight: 700 !important;
letter-spacing: -0.01em !important;
}

html body.home .spaic-news-heading .elementor-heading-title {
font-size: 24px !important;
font-weight: 760 !important;
letter-spacing: 0.14em !important;
}

html body.home .spaic-section-title .elementor-heading-title {
font-size: clamp(24px, 2.2vw, 30px) !important;
line-height: 1.14 !important;
font-weight: 720 !important;
}

html body.home .spaic-card-text,
html body.home .spaic-card-text p,
html body.home .spaic-el-card .elementor-widget-text-editor,
html body.home .spaic-el-card .elementor-widget-text-editor p {
line-height: 1.32 !important;
}

html body.home .spaic-news-text,
html body.home .spaic-news-text p,
html body.home .spaic-news-card .elementor-widget-text-editor,
html body.home .spaic-news-card .elementor-widget-text-editor p {
line-height: 1.34 !important;
}

html body.home .spaic-event-meta,
html body.home .spaic-event-meta p,
html body.home .spaic-event-content .elementor-widget-text-editor,
html body.home .spaic-event-content .elementor-widget-text-editor p {
line-height: 1.36 !important;
}

/* =========================================================
7. Imagens/cards/evento homepage
Overrides finais ficam no Footer, mas esta é a base.
========================================================= */

html body.home .spaic-el-card,
html body.home .spaic-news-card {
border-radius: 16px !important;
overflow: hidden !important;
}

html body.home .spaic-el-card > .elementor-widget-wrap,
html body.home .spaic-news-card > .elementor-widget-wrap {
border-radius: 16px !important;
overflow: hidden !important;
}

html body.home .spaic-el-card .spaic-img-placeholder,
html body.home .spaic-news-card .spaic-img-placeholder,
html body.home .spaic-news-card .elementor-widget-image {
border-radius: 16px 16px 0 0 !important;
overflow: hidden !important;
background: var(--spaic-light-green-soft) !important;
}

html body.home .spaic-el-card .spaic-img-placeholder img,
html body.home .spaic-news-card .spaic-img-placeholder img,
html body.home .spaic-news-card .elementor-widget-image img {
object-fit: cover !important;
object-position: center center !important;
}

html body.home .spaic-el-event {
background: rgba(198,255,132,0.18) !important;
}

html body.home .spaic-el-event > .elementor-container {
border-radius: 18px !important;
overflow: hidden !important;
}

html body.home .spaic-event-visual,
html body.home .spaic-event-visual .elementor-widget-wrap {
overflow: hidden !important;
border-radius: 18px 0 0 18px !important;
padding: 0 !important;
}

html body.home .spaic-event-visual .spaic-img-placeholder,
html body.home .spaic-event-visual .elementor-widget-image,
html body.home .spaic-event-image,
html body.home .spaic-event-image .elementor-widget-container {
width: 100% !important;
height: 100% !important;
min-height: 285px !important;
margin: 0 !important;
padding: 0 !important;
border-radius: 18px 0 0 18px !important;
overflow: hidden !important;
background: #ffffff !important;
border: 0 !important;
}

html body.home .spaic-event-visual img,
html body.home .spaic-event-image img,
html body.home .spaic-event-visual .spaic-img-placeholder img,
html body.home .spaic-event-visual .elementor-widget-image img {
display: block !important;
width: 100% !important;
height: 100% !important;
min-height: 285px !important;
max-width: none !important;
max-height: none !important;
object-fit: cover !important;
object-position: center center !important;
border-radius: 0 !important;
margin: 0 !important;
padding: 0 !important;
}

@media (max-width: 767px) {
html body.home .spaic-event-visual,
html body.home .spaic-event-visual .elementor-widget-wrap,
html body.home .spaic-event-visual .spaic-img-placeholder,
html body.home .spaic-event-visual .elementor-widget-image,
html body.home .spaic-event-image,
html body.home .spaic-event-image .elementor-widget-container {
border-radius: 18px 18px 0 0 !important;
}
}

/* =========================================================
8. Footer global
========================================================= */

html body .spaic-global-main,
html body.home .spaic-el-footer {
background: #f8faf7 !important;
}

html body .spaic-global-join,
html body.home .spaic-el-join {
background: var(--spaic-dark-green) !important;
color: #ffffff !important;
}

html body .spaic-global-join h2,
html body .spaic-global-join h2 *,
html body.home .spaic-join-title .elementor-heading-title,
html body.home .spaic-join-title .elementor-heading-title * {
color: #ffffff !important;
}

html body .spaic-global-join p,
html body .spaic-global-join p *,
html body.home .spaic-join-text p,
html body.home .spaic-join-text p * {
color: rgba(255,255,255,0.86) !important;
}

html body .spaic-global-join-button,
html body .spaic-global-join-button *,
html body.home .spaic-join-button .elementor-button,
html body.home .spaic-join-button .elementor-button * {
background: var(--spaic-green) !important;
border-color: var(--spaic-green) !important;
color: #ffffff !important;
}

html body .spaic-global-join-button:hover,
html body.home .spaic-join-button .elementor-button:hover {
background: #3f8238 !important;
border-color: #3f8238 !important;
color: #ffffff !important;
}

html body .spaic-global-bottom {
background: var(--spaic-dark-green) !important;
color: rgba(255,255,255,0.9) !important;
}

html body .spaic-global-bottom *,
html body .spaic-global-bottom a {
color: rgba(255,255,255,0.9) !important;
}

html body .spaic-global-brand p,
html body .spaic-global-col a,
html body .spaic-global-footer p,
html body .spaic-global-footer a {
color: var(--spaic-dark-green) !important;
font-weight: 400 !important;
}

html body .spaic-global-col h3 {
color: var(--spaic-green) !important;
font-weight: 700 !important;
}

/* =========================================================
9. Acessibilidade visual
========================================================= */

html body .elementor-button:focus-visible,
html body button:focus-visible,
html body input[type="submit"]:focus-visible,
html body a:focus-visible {
outline: 3px solid rgba(80,153,68,0.34) !important;
outline-offset: 3px !important;
}



/* =========================================================
   SPAIC - FIX RESPONSIVE HEADER / MENU
   2026-06-19
   - Desktop pequeno: esconder CTA "Tornar-se sócio"
   - Mobile/tablet: esconder menu nativo do template
   - Mantém apenas o menu responsive SPAIC criado por MU-plugin
   ========================================================= */

/* 1) Desktop compacto: esconder o CTA para não colidir com o logótipo/menu */
@media (max-width: 1360px) {
  header a[href*="tornar-se-socio"]:not(nav a),
  header a[href*="tornar-se-sócio"]:not(nav a),
  .site-header a[href*="tornar-se-socio"]:not(nav a),
  .site-header a[href*="tornar-se-sócio"]:not(nav a) {
    display: none !important;
    visibility: hidden !important;
  }
}

/* 2) Mobile/tablet: esconder menu/botão mobile do template.
      Fica apenas o botão .spaic-mobile-menu-toggle */
@media (max-width: 1024px) {
  body.spaic-mobile-menu-ready header nav,
  body.spaic-mobile-menu-ready .site-header nav,
  body.spaic-mobile-menu-ready header .menu,
  body.spaic-mobile-menu-ready .site-header .menu,
  body.spaic-mobile-menu-ready header .sub-menu,
  body.spaic-mobile-menu-ready .site-header .sub-menu,
  body.spaic-mobile-menu-ready header .main-navigation,
  body.spaic-mobile-menu-ready header .primary-navigation,
  body.spaic-mobile-menu-ready header .site-navigation,
  body.spaic-mobile-menu-ready header #site-navigation,
  body.spaic-mobile-menu-ready header .menu-main-menu-container,
  body.spaic-mobile-menu-ready header .menu-primary-container,
  body.spaic-mobile-menu-ready header .primary-menu-container,
  body.spaic-mobile-menu-ready header .navbar-collapse,
  body.spaic-mobile-menu-ready header .navbar-nav,
  body.spaic-mobile-menu-ready header .menu-toggle,
  body.spaic-mobile-menu-ready header .navbar-toggler,
  body.spaic-mobile-menu-ready header .elementor-menu-toggle,
  body.spaic-mobile-menu-ready header .mobile-menu-toggle,
  body.spaic-mobile-menu-ready header .hamburger,
  body.spaic-mobile-menu-ready header .nav-toggle,
  body.spaic-mobile-menu-ready header [class*="menu-toggle"],
  body.spaic-mobile-menu-ready header [class*="mobile-menu"],
  body.spaic-mobile-menu-ready header [class*="hamburger"],
  body.spaic-mobile-menu-ready header [class*="nav-toggle"] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.spaic-mobile-menu-ready .spaic-mobile-menu-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
  }

  body.spaic-mobile-menu-ready .spaic-mobile-menu-panel,
  body.spaic-mobile-menu-ready .spaic-mobile-menu-panel nav,
  body.spaic-mobile-menu-ready .spaic-mobile-menu-panel ul,
  body.spaic-mobile-menu-ready .spaic-mobile-menu-panel li,
  body.spaic-mobile-menu-ready .spaic-mobile-menu-panel a {
    display: revert !important;
    visibility: visible !important;
    opacity: 1 !important;
    height: auto !important;
    max-height: none !important;
  }
}


/* =========================================================
   SPAIC - FIX FINAL MOBILE TEMPLATE MENU
   2026-06-19
   Esconde o botão mobile nativo do tema.
   Mantém apenas o menu responsive SPAIC (.spaic-mobile-menu-toggle).
   ========================================================= */

@media (max-width: 1180px) {
  body.spaic-mobile-menu-ready .site-header .mobile-toggle,
  body.spaic-mobile-menu-ready .site-header button.mobile-toggle,
  body.spaic-mobile-menu-ready .site-header [data-mobile-menu],
  body.spaic-mobile-menu-ready header.site-header .mobile-toggle,
  body.spaic-mobile-menu-ready header.site-header button.mobile-toggle,
  body.spaic-mobile-menu-ready header.site-header [data-mobile-menu] {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 0 !important;
    max-height: 0 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
    pointer-events: none !important;
  }

  body.spaic-mobile-menu-ready .spaic-mobile-menu-toggle {
    display: inline-flex !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: auto !important;
    height: auto !important;
    min-width: 46px !important;
    min-height: 42px !important;
    max-width: none !important;
    max-height: none !important;
    pointer-events: auto !important;
  }
}


/* =========================================================
   SPAIC - MOBILE HEADER POLISH
   2026-06-19
   Afina o header em telemóveis:
   - evita sobreposição do botão Menu com o logótipo
   - reduz ligeiramente o logótipo em ecrãs estreitos
   - alinha pesquisa e menu de forma mais limpa
   ========================================================= */

@media (max-width: 767px) {
  body .site-header,
  body header.site-header {
    min-height: 150px !important;
    padding: 16px 14px 14px 14px !important;
    box-sizing: border-box !important;
  }

  body .site-header .topbar {
    width: 100% !important;
    min-height: 118px !important;
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    gap: 10px 12px !important;
    padding: 0 !important;
    margin: 0 !important;
  }

  body .site-header .brand,
  body .site-header .brand-logo,
  body .site-header .custom-logo-link {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 2 !important;
    width: auto !important;
    max-width: calc(100vw - 150px) !important;
    min-width: 0 !important;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }

  body .site-header .brand-logo img,
  body .site-header .custom-logo-link img,
  body .site-header img.custom-logo {
    width: auto !important;
    max-width: calc(100vw - 150px) !important;
    max-height: 92px !important;
    height: auto !important;
    object-fit: contain !important;
    object-position: left center !important;
  }

  body .site-header .header-actions {
    grid-column: 1 / 3 !important;
    grid-row: 2 / 3 !important;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body .site-header .search-button {
    width: 42px !important;
    height: 42px !important;
    min-width: 42px !important;
    min-height: 42px !important;
    flex: 0 0 42px !important;
    margin: 0 !important;
  }

  body.spaic-mobile-menu-ready .spaic-mobile-menu-toggle {
    position: absolute !important;
    top: 20px !important;
    right: 16px !important;
    z-index: 1000002 !important;
  }
}

@media (max-width: 430px) {
  body .site-header,
  body header.site-header {
    min-height: 148px !important;
  }

  body .site-header .brand,
  body .site-header .brand-logo,
  body .site-header .custom-logo-link,
  body .site-header .brand-logo img,
  body .site-header .custom-logo-link img,
  body .site-header img.custom-logo {
    max-width: calc(100vw - 145px) !important;
  }

  body .site-header .brand-logo img,
  body .site-header .custom-logo-link img,
  body .site-header img.custom-logo {
    max-height: 86px !important;
  }
}