.elementor-kit-18659{--e-global-color-primary:#6EC1E4;--e-global-color-secondary:#54595F;--e-global-color-text:#7A7A7A;--e-global-color-accent:#61CE70;--e-global-typography-primary-font-family:"Roboto";--e-global-typography-primary-font-weight:600;--e-global-typography-secondary-font-family:"Roboto Slab";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Roboto";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Roboto";--e-global-typography-accent-font-weight:500;}.elementor-kit-18659 e-page-transition{background-color:#FFBC7D;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){margin-block-end:20px;}.elementor-element{--widgets-spacing:20px 20px;--widgets-spacing-row:20px;--widgets-spacing-column:20px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}
/* Start custom CSS *//* Lifehacker – side gutter on narrow desktops, 2026-09-23.
   Page sections are boxed at ~1340px with 0 side padding on desktop, so between 1201px and 1389px
   everything (header, home, templates) sat flush against the screen edges.
   Adds the same 20px gutter the Laptop (≤1200px) breakpoint already uses; larger paddings are kept. */
@media (min-width: 1201px) and (max-width: 1389px) {
  :is([data-elementor-type="header"], [data-elementor-type="wp-page"], [data-elementor-type="wp-post"], [data-elementor-type="single-post"], [data-elementor-type="archive"], [data-elementor-type="search-results"], [data-elementor-type="error-404"], [data-elementor-type="footer"]) > .e-con.e-parent {
    padding-inline-start: max(20px, var(--padding-left, 0px));
    padding-inline-end: max(20px, var(--padding-right, 0px));
  }
}

/* Placeholder image (posts without a featured image): show the whole LifeHacker.rs logo instead of a cropped fragment ("Hacke", "ifeHacker.r").
   Cards: 20469 home "Najnovije" + 404, 20581 archive/search list, 18748 home. 2026-09-23 */
.e-loop-item:not(.has-post-thumbnail) :is(.elementor-element-031d394, .elementor-element-b500bd9, .elementor-element-f81288e) {
  background-size: contain !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  background-color: #fff;
}
/* 20469 cards have the title overlaid at the bottom – lift the logo a little */
.e-loop-item:not(.has-post-thumbnail) .elementor-element-031d394 { background-position: center 25% !important; }

/* Full-width top-level containers with a max width (single post, archive, search, 404 "latest") – 2026-09-28.
   Between 1351px and 1389px their 1350px box sat centred with the 20px gutter inside it, so content started 8px further in
   than the header, footer and home page (28px vs 20px at 1366). Widen the box by the gutter so all edges line up. */
@media (min-width: 1201px) and (max-width: 1389px) {
  :is([data-elementor-type="wp-page"], [data-elementor-type="wp-post"], [data-elementor-type="single-post"], [data-elementor-type="archive"], [data-elementor-type="search-results"], [data-elementor-type="error-404"], [data-elementor-type="footer"], [data-elementor-type="header"]) > .e-con-full.e-parent {
    width: calc(var(--width, 100%) + 40px);
    max-width: min(100%, calc(var(--width, 100%) + 40px));
  }
}/* End custom CSS */