/* Start custom CSS */@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/base-desktop.css");
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/global-184-frontend-desktop.css");
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/local-184-frontend-desktop.css");
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/local-196-frontend-desktop.css");
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/local-190-frontend-desktop.css");
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/global-184-frontend-tablet.css") screen and (max-width:1024px);
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/local-196-frontend-tablet.css") screen and (max-width:1024px);
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/base-mobile.css") screen and (max-width:767px);
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/global-184-frontend-mobile.css") screen and (max-width:767px);
@import url("https://how-to-be-vegan.com/wp-content/uploads/elementor/css/local-196-frontend-mobile.css") screen and (max-width:767px);
body.elementor-page-184 h1 em, body.elementor-page-184 h2 em { font-family: "Lora", serif; font-weight: 400; letter-spacing: -0.065em; }
body.elementor-page-184 a { transition: background-color .18s ease, color .18s ease; }
body.elementor-page-184 .alt26-wrap { width: 100%; }
body.elementor-page-184 .alt26-split { max-width: 82rem; margin-inline: auto; }
body.elementor-page-184 .alt26-display { overflow-wrap: normal; }
@media (prefers-reduced-motion: no-preference) {
body.elementor-page-184 main > div:first-child img { animation: alt26-image-arrive .8s ease-out both; }
}
@keyframes alt26-image-arrive { from { clip-path: inset(1.5% 1.5% 1.5% 1.5%); } to { clip-path: inset(0 0 0 0); } }
@media (prefers-reduced-motion: reduce) { body.elementor-page-184 *, body.elementor-page-184 *::before, body.elementor-page-184 *::after { animation: none !important; transition: none !important; scroll-behavior: auto !important; } }

body.elementor-page-184 .alt26-split > .alt26-stack { flex: 1 1 0%; width: auto; }
body.elementor-page-184 .alt26-split > .alt26-stack:first-child { flex-grow: 6; }
body.elementor-page-184 .alt26-split > .alt26-stack:last-child { flex-grow: 5; }
body.elementor-page-184 footer .alt26-split > .alt26-stack:first-child { flex-grow: 2; }
body.elementor-page-184 footer .alt26-split > .alt26-stack:last-child { flex-grow: 1; }
@media (max-width:767px) { body.elementor-page-184 .alt26-split > .alt26-stack { flex: 0 1 auto; width: 100%; } }

body.elementor-page-184 .alt26-button { transition:background-color .18s ease,color .18s ease,transform .18s ease; }
@media (prefers-reduced-motion:no-preference) { body.elementor-page-184 .alt26-button:hover { transform:translateY(-2px); } }



/* Editorial masthead — shared component 196. */
body.elementor-page-184 header .alt26-wrap { width:100%; }
body.elementor-page-184 header > .alt26-wrap { gap:0; }
body.elementor-page-184 header > .alt26-wrap > .alt26-wrap:first-child { gap:2rem; }
body.elementor-page-184 header .alt26-link em { font-family:"Lora",serif; font-weight:400; }
body.elementor-page-184 header nav a { position:relative; }
body.elementor-page-184 header nav span { color:var(--alt26-red); font-size:.65rem; font-weight:700; letter-spacing:.08em; align-self:center; }
body.elementor-page-184 header nav em { font-family:"DM Sans",sans-serif !important; font-style:normal; margin-left:auto; font-size:1.25rem; transition:transform .18s ease; }
body.elementor-page-184 header nav a:hover em { transform:translate(2px,-2px); }
body.elementor-page-184 header a:focus-visible { outline:3px solid var(--alt26-red); outline-offset:4px; }
body.elementor-page-184 header .alt26-button span { font-size:1.2rem; margin-left:.7rem; }
@media(max-width:1024px) { body.elementor-page-184 header > .alt26-wrap > .alt26-wrap:first-child > .alt26-wrap p { display:none; } }
@media(max-width:767px) {
body.elementor-page-184 header > .alt26-wrap > .alt26-wrap:first-child { align-items:flex-start; flex-direction:column; padding:1.3rem 0 1rem; gap:1rem; }
body.elementor-page-184 header .alt26-button { padding:.65rem 1rem; font-size:.8rem; }
body.elementor-page-184 header nav.alt26-wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 1.3rem; }
body.elementor-page-184 header nav .alt26-link { font-size:.9rem; padding:1rem 0; }
body.elementor-page-184 header nav a { min-height:44px; }
body.elementor-page-184 header nav em { font-size:1rem; }
}
@media(prefers-reduced-motion:reduce) { body.elementor-page-184 header nav em { transition:none; } }

/* Page exploration controls. */
body.elementor-page-184 main > nav.alt26-wrap { width:calc(100% - 6rem); margin:0 auto 1rem; max-width:82rem; }
body.elementor-page-184 main > nav a { min-height:44px; display:inline-flex; align-items:center; padding:.75rem 0; }
body.elementor-page-184 main a[href*=":~:text="] { text-underline-offset:.35rem; }
body.elementor-page-184 ::target-text { background-color:transparent; }
body.elementor-page-184 footer a[href="#top"] { position:fixed; right:1.5rem; bottom:1.5rem; z-index:50; box-shadow:0 3px 16px rgba(25,29,24,.15); margin:0; }
@supports(animation-timeline:scroll()) {
body.elementor-page-184 footer a[href="#top"] { animation:alt26-backtop-reveal 1s linear both; animation-timeline:scroll(root); animation-range:500px 600px; }
}
@keyframes alt26-backtop-reveal { from {opacity:0;visibility:hidden;pointer-events:none;} to {opacity:1;visibility:visible;pointer-events:auto;} }
@media(max-width:767px) {
body.elementor-page-184 main > nav.alt26-wrap { width:calc(100% - 2.5rem); margin-bottom:0; }
body.elementor-page-184 main > nav.alt26-wrap > .alt26-wrap { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.15rem 1rem; }
body.elementor-page-184 footer a[href="#top"] { right:.8rem; bottom:.8rem; padding:.75rem 1rem; font-size:.75rem; }
}

body.elementor-page-184 main > .alt26-section:first-child { padding-top:3rem; padding-bottom:3rem; }
@media(min-width:1025px) { body.elementor-page-184 main > .alt26-section:first-child h1 {font-size:5.8rem;} body.elementor-page-184 main > .alt26-section:first-child img {max-height:35rem;} }
@media(max-width:767px) { body.elementor-page-184 main > .alt26-section:first-child {padding-top:2.5rem;} }/* End custom CSS */