Na}{

File Content: child-theme.scss

/*
Template:       modarch
Theme Name:     ModArch Child
Theme URI:      https://themeforest.net/user/LaStudio/portfolio?ref=LaStudio
Author:         LA Studio
Author URI:     https://themeforest.net/user/LaStudio?ref=LaStudio
Description:    ModArch - Architecture & Interior WordPress Theme
Version:        1.0.0
Requires at least: 5.9
Requires PHP:   7.0
Tags:           agency architecture portfolio, architecture company, architecture design, architecture portfolio, architecture responsive, architecture showcase, construction architecture wordpress theme, corporate architecture business, creative architecture responsive, exterior design, house design, interior design, interior designer, minimal architecture wordpress
License:        GNU General Public License
License URI:    licence/GPL.txt
Text Domain:    modarch-child
Domain Path:    /languages/
Elementor tested up to: 3.29.2
Elementor Pro tested up to: 3.29.2
WooCommerce tested up to: 9.9.4
*/

// Configuration
@import "config";

// Mixins
@import "mixins";

.modarch--banner-flash {
  overflow: hidden;
  &:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, .5);
    content: '';
    transition: transform .6s;
    transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, -130%, 0);
    z-index: 0;
  }
  &:hover{
    &:before{
      transform: scale3d(1.9, 1.4, 1) rotate3d(0, 0, 1, -45deg) translate3d(0, 130%, 0);
    }
  }
}
.modarch--banner-rollover{
  --spacing: 0;
  --spacing2: 0;
  .lakit-bannerlist__image,
  .lakit-bannerlist__link{
    overflow: inherit;
  }
  .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;
    }
    img{
      z-index: 1;
      border-radius: 50%;
      padding: var(--spacing2) !important;
      background: #fff;
      transition-property: padding, transform;
      transform: rotate(0);
    }
  }
  .lakit-bannerlist__inner:hover{
    --spacing: -4px;
    --spacing2: 10px;
    img{
      transform: rotate(15deg);
    }
  }
}

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

Name	Size	Permission
base	---	0755
components	---	0755
woo	---	0755
child-theme.scss	2502 bytes	0644
style.scss	4232 bytes	0644