/*
Template:       heino
Theme Name:     Heino Child
Theme URI:      https://demo.la-studioweb.com/heino/
Author:         LA Studio
Author URI:     https://1.envato.market/POnObq
Description:    Heino - Church, Charity & Religion WordPress Theme
Version:        1.0.0
Requires at least: 5.9
Requires PHP:   7.0
Tags:           church, charity, religion, charity campaign, charity foundation, charity theme, donate, donation, fundraising, fundraising campaign, funds, ngo, nonprofit, nonprofit theme, volunteer
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    heino-child
Domain Path:    /languages/
Elementor tested up to: 3.35.9
Elementor Pro tested up to: 3.35.9
WooCommerce tested up to: 10.6.1
*/
.heino--banner-flash {
  overflow: hidden;
}
.heino--banner-flash:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  transition: transform 0.6s;
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -130%, 0);
  z-index: 0;
}
.heino--banner-flash:hover:before {
  transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 130%, 0);
}

.heino--banner-rollover {
  --spacing: 0;
  --spacing2: 0;
}
.heino--banner-rollover .lakit-bannerlist__image,
.heino--banner-rollover .lakit-bannerlist__link {
  overflow: inherit;
}
.heino--banner-rollover .lakit-bannerlist__image:after {
  background: repeating-conic-gradient(var(--theme-primary-color) 0deg 10deg, transparent 10deg 20deg);
  border-radius: 50%;
  left: var(--spacing);
  right: var(--spacing);
  top: var(--spacing);
  bottom: var(--spacing);
  opacity: 1 !important;
  z-index: 0;
}
.heino--banner-rollover .lakit-bannerlist__image img {
  z-index: 1;
  border-radius: 50%;
  padding: var(--spacing2) !important;
  background: #fff;
  transition-property: padding, transform;
  transform: rotate(0);
}
.heino--banner-rollover .lakit-bannerlist__inner:hover {
  --spacing: -4px;
  --spacing2: 10px;
}
.heino--banner-rollover .lakit-bannerlist__inner:hover img {
  transform: rotate(15deg);
}

.heino--banner-rollover2 .lakit-bannerlist__image img {
  transform: rotate(0);
}
.heino--banner-rollover2 .lakit-bannerlist__inner:hover img {
  transform: rotate(15deg);
}