/* WCAG 2.4.11 Focus Not Obscured (Minimum).
   The desktop header is position:fixed (body.et_fixed_nav #main-header), so a
   keyboard user tabbing down the page can land on a link that the browser has
   scrolled to the very top of the viewport — directly underneath the header.
   scroll-padding-top keeps that much clearance whenever the browser scrolls a
   focused element into view. It changes nothing about the layout or the
   rendering; it only moves where the scroll stops.

   Scoped to the breakpoint where the header is actually fixed: below 981px Divi
   serves the mobile header instead. */
@media only screen and (min-width: 981px) {
	html {
		scroll-padding-top: 100px;
	}
}