/*
Theme Name: The7
Theme URI: https://the7.io/
Author: Dream-Theme
Author URI: https://dream-theme.com/
Description: Any design, any layout. No coding required. The7 is the most customisable WordPress theme on the market up to date. Add the power of Visual Composer, The7 Post Types, Ultimate Addons, Slider Revolution, and WooCommerce to the mix, and you'll get the ultimate web-site building toolkit! Theme is translation ready, compatible with WPML, SEO and mobile friendly (certified by Google).
Version: 12.8.1
Tested up to: 6.8.0
Requires PHP: 7.2.0
Requires at least: 6.6.0
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: https://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: https://themeforest.net/licenses/regular_extended
License URI: License.txt
Tags: multipurpose, responsive, retina ready, SEO ready, mobile friendly, iOS, material design, clean, minimal, business, corporate, portfolio, creative, photography, one page site, micro site
Text Domain: the7mk2
*/

.wp-caption-text,
.sticky,
.gallery-caption,
.bypostauthor,
.main-page {}


/* Base button */
.elementor-button {
  position: relative;
  overflow: hidden;
  transition: transform 0.25s ease, box-shadow 0.3s ease, padding 0.3s ease !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  z-index: 1;
}

/* Shimmer sweep */
.elementor-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -75%;
  width: 50%;
  height: 100%;
  background: linear-gradient(
    120deg,
    transparent,
    rgba(255, 255, 255, 0.3),
    transparent
  );
  transform: skewX(-20deg);
  animation: el-shimmer 2.6s infinite;
  z-index: 2;
  pointer-events: none;
}

/* Arrow icon using SVG via pseudo-element */
.elementor-button .elementor-button-text::after {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  margin-left: 6px;
  vertical-align: middle;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'/%3E%3Cpolyline points='12 5 19 12 12 19'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  position: relative;
  top: -1px;
  transition: transform 0.3s ease, opacity 0.3s ease, margin-left 0.3s ease;
  opacity: 0.85;
  transform: translateX(0px);
}

/* Hover: lift + glow + arrow bounce */
.elementor-button:hover {
  transform: translateY(-3px) scale(1.03) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25) !important;
}

.elementor-button:hover .elementor-button-text::after {
  transform: translateX(5px);
  opacity: 1;
  margin-left: 10px;
}

/* Click press */
.elementor-button:active {
  transform: translateY(0px) scale(0.97) !important;
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2) !important;
}

.elementor-button:active .elementor-button-text::after {
  transform: translateX(2px);
}

/* Shimmer animation */
@keyframes el-shimmer {
  0%   { left: -75%; }
  60%  { left: 130%; }
  100% { left: 130%; }
}

/* Optional: pulse ring on hover */
.elementor-button::after {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.4);
  transition: box-shadow 0.4s ease;
  pointer-events: none;
  z-index: 0;
}

.elementor-button:hover::after {
  box-shadow: 0 0 0 6px rgba(255, 255, 255, 0.08);
}

/* Hide top controls */
.ytp-chrome-top,
.ytp-show-cards-title,
.ytp-title,
.ytp-watch-later-button,
.ytp-share-button,
.ytp-youtube-button,
.ytp-watermark,
.ytp-gradient-top,
.ytp-fullscreen-button,
.ytp-settings-button,
.ytp-subtitles-button {
    display: none !important;
}

/* Keep only play/pause bar */
.ytp-chrome-bottom {
    opacity: 1 !important;
}