/* 0 - 600PX: Phone 600 - 900px: Table portrait 900 - 1200px: Tablet landscape [1200 - 1800] is where our nortal styles apply 1800px + : Big desktop */ /* Media Query M3 */ /* Grid breakpoints */ .menuContainer { gap: 8px !important; } .menuContainer--menu-2-site-m3 :global(.vtex-menu-2-x-styledLinkContainer), .menuContainer--menu-seja-franqueado :global(.vtex-menu-2-x-styledLinkContainer) { padding: 0; } .menuContainer--menu-2-site-m3 :global(.vtex-menu-2-x-styledLinkContainer) :global(.vtex-menu-2-x-styledLinkContent), .menuContainer--menu-seja-franqueado :global(.vtex-menu-2-x-styledLinkContainer) :global(.vtex-menu-2-x-styledLinkContent) { font-weight: 400; font-size: 14px; line-height: 30px; color: rgba(255, 255, 255, 0.45); text-transform: none; letter-spacing: 0; } .menuContainer--menu-seja-franqueado :global(.vtex-menu-2-x-styledLinkContainer) { padding: 0; } .menuContainer--menu-seja-franqueado :global(.vtex-menu-2-x-styledLinkContainer) :global(.vtex-menu-2-x-styledLinkContent) { display: flex; align-items: center; justify-content: center; width: 164px; height: 42px; border: 1px solid #FFFFFF; color: #FFFFFF; font-weight: 400; font-size: 12px; line-height: 30px; } .menuContainer--menu-1-footer-mobile { gap: 18px !important; } .menuContainer--menu-1-footer-mobile .styledLinkContainer { padding: 0; } .menuContainer--menu-1-footer-mobile .styledLinkContent--site-m3-academy, .menuContainer--menu-1-footer-mobile .styledLinkContent--a-m3-academy { border-bottom: 1px solid #FFFFFF; } .menuContainer--menu-1-footer-mobile .styledLink { font-weight: 400; font-size: 14px; line-height: 38px; color: #FFFFFF; text-transform: none; letter-spacing: 0; } .menuContainer--menu-1-footer-mobile .styledLink .accordionIcon { font-size: 0; border: 0 !important; } .menuContainer--menu-1-footer-mobile .styledLink .accordionIcon::after { content: url("https://agenciamagma.vteximg.com.br/arquivos/arrowTopFooterChallegeVtexT4.svg"); border: 0 !important; } .menuContainer--menu-1-footer-mobile .submenuAccordion { padding-top: 8px; } @media screen and (max-width: 1026px) { .menuContainer--menu-seja-franqueado { padding: 0 16px; align-items: center; } .menuContainer--menu-seja-franqueado .menuItem { width: 100%; } .menuContainer--menu-seja-franqueado :global(.vtex-menu-2-x-styledLinkContainer) :global(.vtex-menu-2-x-styledLinkContent) { width: 100%; } } :global(.vtex-menu-2-x-styledLink) { font-weight: 400; font-size: 12px; line-height: 16px; letter-spacing: -0.1em; text-transform: uppercase; color: #929292; } :global(.vtex-menu-2-x-styledLinkContainer) { margin: 0; } :global(.vtex-menu-2-x-menuContainer) { gap: 15px; }