.elementor-246 .elementor-element.elementor-element-801d596{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;--z-index:1;}.elementor-246 .elementor-element.elementor-element-801d596:not(.elementor-motion-effects-element-type-background), .elementor-246 .elementor-element.elementor-element-801d596 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-accent );}.elementor-246 .elementor-element.elementor-element-421a4b5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-246 .elementor-element.elementor-element-88306c0 .elementor-icon-list-icon i{color:var( --e-global-color-1ca26cf );transition:color 0.3s;}.elementor-246 .elementor-element.elementor-element-88306c0 .elementor-icon-list-icon svg{fill:var( --e-global-color-1ca26cf );transition:fill 0.3s;}.elementor-246 .elementor-element.elementor-element-88306c0{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-246 .elementor-element.elementor-element-88306c0 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-246 .elementor-element.elementor-element-88306c0 .elementor-icon-list-item > a{font-family:"Lato", Sans-serif;font-size:12px;font-weight:600;}.elementor-246 .elementor-element.elementor-element-88306c0 .elementor-icon-list-text{color:var( --e-global-color-1ca26cf );transition:color 0.3s;}.elementor-246 .elementor-element.elementor-element-8b78e08{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-246 .elementor-element.elementor-element-012892e{--grid-template-columns:repeat(0, auto);text-align:right;--icon-size:18px;--grid-column-gap:0px;--grid-row-gap:0px;}.elementor-246 .elementor-element.elementor-element-012892e .elementor-social-icon{background-color:#02010100;}.elementor-246 .elementor-element.elementor-element-012892e .elementor-social-icon i{color:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-012892e .elementor-social-icon svg{fill:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-d54be5b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:-195px;--margin-left:0px;--margin-right:0px;--z-index:1;}.elementor-246 .elementor-element.elementor-element-7df7523{--display:flex;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-246 .elementor-element.elementor-element-d009640{text-align:start;}.elementor-246 .elementor-element.elementor-element-d009640 img{width:200px;}.elementor-246 .elementor-element.elementor-element-72c5c07{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-end;}.elementor-widget-nav-menu .elementor-nav-menu .elementor-item{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-text );fill:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:hover, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item.highlighted, .elementor-widget-nav-menu .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-accent );fill:var( --e-global-color-accent );}.elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:before, .elementor-widget-nav-menu .elementor-nav-menu--main:not(.e--pointer-framed) .elementor-item:after{background-color:var( --e-global-color-accent );}.elementor-widget-nav-menu .e--pointer-framed .elementor-item:before, .elementor-widget-nav-menu .e--pointer-framed .elementor-item:after{border-color:var( --e-global-color-accent );}.elementor-widget-nav-menu{--e-nav-menu-divider-color:var( --e-global-color-text );}.elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-item, .elementor-widget-nav-menu .elementor-nav-menu--dropdown .elementor-sub-item{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-246 .elementor-element.elementor-element-797392e .elementor-menu-toggle{margin:0 auto;}.elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu .elementor-item{font-family:"Lato", Sans-serif;font-size:12px;font-weight:600;text-transform:uppercase;}.elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu--main .elementor-item{color:var( --e-global-color-1ca26cf );fill:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu--main .elementor-item:hover, .elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu--main .elementor-item.elementor-item-active, .elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu--main .elementor-item.highlighted, .elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu--main .elementor-item:focus{color:var( --e-global-color-1ca26cf );fill:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-797392e .elementor-nav-menu--main .elementor-item.elementor-item-active{color:var( --e-global-color-1ca26cf );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-246 .elementor-element.elementor-element-c1057b0{margin:7px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-246 .elementor-element.elementor-element-c1057b0 .elementor-icon-wrapper{text-align:end;}.elementor-246 .elementor-element.elementor-element-c1057b0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-c1057b0.elementor-view-framed .elementor-icon, .elementor-246 .elementor-element.elementor-element-c1057b0.elementor-view-default .elementor-icon{color:var( --e-global-color-1ca26cf );border-color:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-c1057b0.elementor-view-framed .elementor-icon, .elementor-246 .elementor-element.elementor-element-c1057b0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-1ca26cf );}.elementor-246 .elementor-element.elementor-element-c1057b0 .elementor-icon{font-size:30px;}.elementor-246 .elementor-element.elementor-element-c1057b0 .elementor-icon svg{height:30px;}.elementor-theme-builder-content-area{height:400px;}.elementor-location-header:before, .elementor-location-footer:before{content:"";display:table;clear:both;}@media(max-width:767px){.elementor-246 .elementor-element.elementor-element-7df7523{--width:49%;}.elementor-246 .elementor-element.elementor-element-d009640 img{width:80px;}.elementor-246 .elementor-element.elementor-element-72c5c07{--width:44%;}}@media(min-width:768px){.elementor-246 .elementor-element.elementor-element-801d596{--content-width:1200px;}.elementor-246 .elementor-element.elementor-element-d54be5b{--content-width:1200px;}.elementor-246 .elementor-element.elementor-element-7df7523{--width:30%;}.elementor-246 .elementor-element.elementor-element-72c5c07{--width:70%;}}/* Start custom CSS for container, class: .elementor-element-d54be5b *//* ========================================================= CHEF DA EMPADA — HEADER VERSÃO FINAL — ACTIVE x EFFECTS ========================================================= */ /* ========================================================= 1. TRANSIÇÕES ========================================================= */ .header-chef, .header-chef .elementor-widget-image img, .header-chef .menu-popup, .header-chef .btn-fale-conosco a { transition: color 0.35s ease, background-color 0.35s ease, width 0.35s ease, max-width 0.35s ease, padding 0.35s ease, border-color 0.35s ease, fill 0.35s ease, stroke 0.35s ease; } /* ========================================================= 2. LOGO — NORMAL ========================================================= */ .header-chef .elementor-widget-image img { height: auto !important; transform-origin: center center; } /* ========================================================= 3. LOGO — EFFECTS / SCROLL ========================================================= */ .header-chef.elementor-sticky--effects .elementor-widget-image img { width: 90px !important; max-width: 90px !important; height: auto !important; } /* ========================================================= 4. LOGO — ALINHAMENTO ========================================================= */ .header-chef.elementor-sticky--effects .elementor-widget-image { height: auto !important; min-height: 0 !important; margin-top: 0 !important; margin-bottom: 0 !important; margin-left: 0 !important; margin-right: auto !important; align-self: center !important; } /* ========================================================= 5. HEADER — NORMAL ========================================================= */ .header-chef { background-color: transparent !important; border-bottom: none !important; } /* ========================================================= 6. HEADER — EFFECTS / SCROLL ========================================================= */ .header-chef.elementor-sticky--effects { background-color: #ffffff !important; border-bottom: 1px solid #4E4E4E !important; align-items: center !important; } /* ========================================================= 7. CONTAINERS — EFFECTS ========================================================= */ .header-chef.elementor-sticky--effects > .e-con, .header-chef.elementor-sticky--effects .e-con-inner, .header-chef.elementor-sticky--effects .elementor-container { align-items: center !important; } /* ========================================================= 8. LOGO — ESQUERDA ========================================================= */ .header-chef.elementor-sticky--effects .elementor-widget-image { margin-left: 0 !important; margin-right: auto !important; } /* ========================================================= 9. MENU — NORMAL ========================================================= */ .header-chef .elementor-nav-menu a { color: #ffffff !important; } /* ========================================================= 10. MENU — EFFECTS / SCROLL ========================================================= */ .header-chef.elementor-sticky--effects .elementor-nav-menu a, .header-chef.elementor-sticky--effects .elementor-nav-menu a:hover, .header-chef.elementor-sticky--effects .elementor-nav-menu a:focus, .header-chef.elementor-sticky--effects .elementor-nav-menu a:active { color: #000000 !important; } .header-chef.elementor-sticky--effects .elementor-nav-menu a span { color: #000000 !important; } .header-chef.elementor-sticky--effects .elementor-nav-menu a .sub-arrow { color: #000000 !important; } /* ========================================================= 11. MENU — ALINHAMENTO ========================================================= */ .header-chef.elementor-sticky--effects .elementor-nav-menu { display: flex !important; align-items: center !important; } .header-chef.elementor-sticky--effects .elementor-nav-menu a { display: flex !important; align-items: center !important; } /* ========================================================= 12. ÍCONE POPUP — NORMAL ========================================================= */ .header-chef .menu-popup { color: #ffffff !important; } .header-chef .menu-popup svg { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } .header-chef .menu-popup svg path, .header-chef .menu-popup svg line, .header-chef .menu-popup svg polyline, .header-chef .menu-popup svg rect, .header-chef .menu-popup svg circle { fill: #ffffff !important; stroke: #ffffff !important; } /* ========================================================= 13. ÍCONE POPUP — EFFECTS / SCROLL ========================================================= */ .header-chef.elementor-sticky--effects .menu-popup { color: #000000 !important; } .header-chef.elementor-sticky--effects .menu-popup svg { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } .header-chef.elementor-sticky--effects .menu-popup svg path, .header-chef.elementor-sticky--effects .menu-popup svg line, .header-chef.elementor-sticky--effects .menu-popup svg polyline, .header-chef.elementor-sticky--effects .menu-popup svg rect, .header-chef.elementor-sticky--effects .menu-popup svg circle { fill: #000000 !important; stroke: #000000 !important; } /* ========================================================= 14. ÍCONE — ALINHAMENTO ========================================================= */ .header-chef.elementor-sticky--effects .menu-popup { display: flex !important; align-items: center !important; justify-content: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } .header-chef.elementor-sticky--effects .menu-popup a, .header-chef.elementor-sticky--effects .menu-popup button { display: flex !important; align-items: center !important; justify-content: center !important; margin: 0 !important; } .header-chef.elementor-sticky--effects .menu-popup svg { display: block !important; margin: 0 !important; } /* ========================================================= 15. FALE CONOSCO — NORMAL ========================================================= */ .header-chef .btn-fale-conosco > a { display: inline-flex !important; align-items: center !important; justify-content: center !important; color: #ffffff !important; background-color: transparent !important; border: 2px solid #ffffff !important; padding: 9px 18px !important; box-sizing: border-box !important; border-radius: 0 !important; line-height: 1 !important; } .header-chef .btn-fale-conosco > a span { color: #ffffff !important; } /* ========================================================= 16. FALE CONOSCO — EFFECTS / SCROLL ========================================================= */ .header-chef.elementor-sticky--effects .btn-fale-conosco > a { color: #000000 !important; background-color: transparent !important; border: 2px solid #000000 !important; padding: 9px 18px !important; box-sizing: border-box !important; } .header-chef.elementor-sticky--effects .btn-fale-conosco > a span { color: #000000 !important; } /* ========================================================= 17. BOTÃO — ALINHAMENTO ========================================================= */ .header-chef.elementor-sticky--effects .btn-fale-conosco { align-self: center !important; margin-top: 0 !important; margin-bottom: 0 !important; } .header-chef.elementor-sticky--effects .btn-fale-conosco > a { align-self: center !important; } /* ========================================================= 18. ESPAÇAMENTOS — EFFECTS ========================================================= */ .header-chef.elementor-sticky--effects .elementor-nav-menu, .header-chef.elementor-sticky--effects .menu-popup, .header-chef.elementor-sticky--effects .elementor-widget-image, .header-chef.elementor-sticky--effects .btn-fale-conosco { margin-top: 0 !important; margin-bottom: 0 !important; } /* ========================================================= 19. MOBILE ========================================================= */ @media (max-width: 767px) { /* ----------------------------------------------------- TOPO ----------------------------------------------------- */ .header-chef { background-color: transparent !important; border-bottom: none !important; } /* ----------------------------------------------------- MENU — TOPO ----------------------------------------------------- */ .header-chef .elementor-nav-menu a, .header-chef .elementor-nav-menu a span { color: #ffffff !important; } /* ----------------------------------------------------- ÍCONE — TOPO ----------------------------------------------------- */ .header-chef .menu-popup { color: #ffffff !important; } .header-chef .menu-popup svg, .header-chef .menu-popup svg path, .header-chef .menu-popup svg line, .header-chef .menu-popup svg polyline, .header-chef .menu-popup svg rect, .header-chef .menu-popup svg circle { color: #ffffff !important; fill: #ffffff !important; stroke: #ffffff !important; } /* ----------------------------------------------------- FALE CONOSCO — TOPO ----------------------------------------------------- */ .header-chef .btn-fale-conosco > a { color: #ffffff !important; background-color: transparent !important; border-color: #ffffff !important; } .header-chef .btn-fale-conosco > a span { color: #ffffff !important; } /* ===================================================== MOBILE — EFFECTS / SCROLL ===================================================== */ .header-chef.elementor-sticky--effects { background-color: #ffffff !important; border-bottom: 1px solid #4E4E4E !important; } .header-chef.elementor-sticky--effects > .e-con, .header-chef.elementor-sticky--effects .e-con, .header-chef.elementor-sticky--effects .e-con-inner, .header-chef.elementor-sticky--effects .elementor-container { background-color: #ffffff !important; } /* ----------------------------------------------------- LOGO — SCROLL ----------------------------------------------------- */ .header-chef.elementor-sticky--effects .elementor-widget-image img { width: 90px !important; max-width: 90px !important; } /* ----------------------------------------------------- MENU — SCROLL ----------------------------------------------------- */ .header-chef.elementor-sticky--effects .elementor-nav-menu a, .header-chef.elementor-sticky--effects .elementor-nav-menu a span { color: #000000 !important; } /* ----------------------------------------------------- ÍCONE — SCROLL ----------------------------------------------------- */ .header-chef.elementor-sticky--effects .menu-popup { color: #000000 !important; } .header-chef.elementor-sticky--effects .menu-popup svg, .header-chef.elementor-sticky--effects .menu-popup svg path, .header-chef.elementor-sticky--effects .menu-popup svg line, .header-chef.elementor-sticky--effects .menu-popup svg polyline, .header-chef.elementor-sticky--effects .menu-popup svg rect, .header-chef.elementor-sticky--effects .menu-popup svg circle { color: #000000 !important; fill: #000000 !important; stroke: #000000 !important; } /* ----------------------------------------------------- FALE CONOSCO — SCROLL ----------------------------------------------------- */ .header-chef.elementor-sticky--effects .btn-fale-conosco > a { color: #000000 !important; background-color: transparent !important; border-color: #000000 !important; } .header-chef.elementor-sticky--effects .btn-fale-conosco > a span { color: #000000 !important; } }/* End custom CSS */