/** * Hojaiyga — responsive corrections. * * Elementor gives a section no horizontal padding of its own, so on a phone * the content sits against the screen edge. Rather than setting a gutter on * every section individually (and having to remember it on every new one), * the gutter is defined once here, on the container inside each top-level * section. It therefore applies to the pages, the header and the footer * alike, and to anything added later. * * No !important anywhere: these selectors are simply specific enough to win. */ /* ------------------------------------------------------------------ gutters */ /* * A 1200px container on a 1280px laptop leaves 40px of margin in total, so the * content runs into the edges of the screen. The gutter therefore starts well * before the tablet breakpoint. Rules are ordered widest to narrowest so the * narrower ones win. */ @media (max-width: 1300px) { .elementor-section.elementor-top-section > .elementor-container { padding-left: 30px; padding-right: 30px; } } @media (max-width: 1024px) { .elementor-section.elementor-top-section > .elementor-container { padding-left: 26px; padding-right: 26px; } } @media (max-width: 767px) { .elementor-section.elementor-top-section > .elementor-container { padding-left: 18px; padding-right: 18px; } } @media (max-width: 380px) { .elementor-section.elementor-top-section > .elementor-container { padding-left: 14px; padding-right: 14px; } } /* Nothing may push the page sideways. */ html, body { overflow-x: hidden; max-width: 100%; } .elementor-section, .elementor-column, .elementor-widget { min-width: 0; } /* --------------------------------------------------------- header on mobile */ /* * Scope note, learned the hard way: "ehf-header" and "ehf-footer" are classes * the Ultimate Addons plugin puts on , NOT on the header and footer * elements. Using them as ancestor selectors here matched every section on * every page and broke the whole site layout. The header and footer are *

and