/* ssslava.com redo: overrides on top of the copied Divi styles, loaded last on every page.
   Google Sans Flex runs heavier than Open Sans did, so text is regular and headings are a plain bold. */

body,
p,
li,
a,
span,
.et_pb_text_inner,
#top-menu a,
.et_mobile_menu a,
.et_slide_in_menu_container a {
  font-weight: 400 !important;
}

/* The header floats over the page, so Divi's script pads the first section by the header's height
   after load, which made the top of every page jump. Set the final padding from the first paint;
   !important outranks the inline style the script writes, so nothing moves.
   Header: 74px above 980px wide, 100px at 980px and below. Section's own top padding: 0 on home;
   4% (desktop) and 120px (980px and below) on the inner pages. */
body.home #main-content .et_pb_section_0 { padding-top: 74px !important; }
body:not(.home) #main-content .et_pb_section_0 { padding-top: calc(4% + 74px) !important; }

@media only screen and (max-width: 980px) {
  body.home #main-content .et_pb_section_0 { padding-top: 100px !important; }
  body:not(.home) #main-content .et_pb_section_0 { padding-top: 220px !important; }
}

/* The S glitches for real: /ssslava-glitch.js adds .glitch to #logo at a random moment every 3 to
   6 seconds, and the yellow and purple edges pull apart and snap back (Slava's pick B, 2026-11-11).
   Offsets are sized for the header logo. */
#logo.glitch { animation: ssslava-split .5s ease-out both; }
@keyframes ssslava-split {
  0%   { filter: drop-shadow(0 0 0 #f3e96f) drop-shadow(0 0 0 #c86fd8); }
  20%  { filter: drop-shadow(-6px 0 0 #f3e96f) drop-shadow(6px 0 0 #c86fd8); }
  40%  { filter: drop-shadow(4px 1px 0 #f3e96f) drop-shadow(-4px -1px 0 #c86fd8); }
  60%  { filter: drop-shadow(-2px 0 0 #6ff3e9) drop-shadow(2px 0 0 #c86fd8); }
  100% { filter: drop-shadow(0 0 0 #f3e96f) drop-shadow(0 0 0 #c86fd8); }
}
@media (prefers-reduced-motion: reduce) { #logo.glitch { animation: none; } }

h1, h2, h3, h4, h5, h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *,
strong, b, strong *, b * {
  font-weight: 600 !important;
}