/* 
Theme Name:		Drum Elementor Starter Theme
Theme URI:		https://elementor.com/
Description:	Drum Elementor Starter Theme is a child theme of Hello Elementor, created by Elementor team
Author:			Drum Creative Team
Author URI:		https://drumcreative.com/
Template:		hello-elementor
Version:		1.0.0
Text Domain:	hello-elementor-child
Tags:			flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

html {
  scroll-padding-top: 120px;
}

@media (max-width: 1024px) {
  html {
    scroll-padding-top: 80px;
  }
}

/*
 * Elementor .elementor-screen-only uses top: -10000em. Inside a CSS-transformed
 * ancestor (e.g. rotated social-icon cards in popups), that offset is projected
 * sideways and creates a huge horizontal scrollport. Keep labels accessible but
 * clip them in place instead.
 */
.elementor-screen-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  clip-path: inset(50%) !important;
  border: 0 !important;
  white-space: nowrap !important;
  top: 0 !important;
  left: 0 !important;
}

/* Prevent accidental horizontal swipe/scroll inside Elementor popups */
.elementor-popup-modal .dialog-message {
  overflow-x: hidden !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
}

/*
 * Elementor's video lightbox already gives iframes (YouTube/Vimeo/etc.) a black
 * background, but leaves self-hosted <video> without one - so any letterboxing
 * around a video whose aspect ratio doesn't match the lightbox frame shows through
 * as transparent instead of black.
 */
.elementor-lightbox .elementor-video-container video {
  background-color: #000;
}