OwlCyberSecurity - MANAGER

Edit File: banner-list.css

.enable-c-height-true .lakit-bannerlist__link:hover .lakit-bannerlist__image .lakit-bannerlist__image-instance, .lakit-bannerlist__link:hover .lakit-bannerlist__image {
  padding: var(--lakit-bannerlist-image-hover-padding, var(--lakit-bannerlist-image-padding))
}
.lakit-bannerlist {
  --e_bnl-text-align: center;
  --e_bnl-align: center;
  --e_bnl-iwidth: 100%
}
.lakit-bannerlist__image, .lakit-bannerlist__link {
  position: relative;
  overflow: hidden;
  display: block
}
.lakit-bannerlist.lakit-carousel .lakit-bannerlist__list_wrapper, .lakit-bannerlist.lakit-masonry-wrapper, .lakit-bannerlist__list.col-row {
  margin-left: calc(-1 * var(--lakit-bannerlist-col-gap, 10px));
  margin-right: calc(-1 * var(--lakit-bannerlist-col-gap, 10px))
}
.lakit-bannerlist.lakit-masonry-wrapper .lakit-bannerlist__list {
  margin: 0
}
.lastudio-kit .lakit-bannerlist__item {
  padding: var(--lakit-bannerlist-col-gap, 10px);
  margin-bottom: var(--lakit-bannerlist-row-gap, 0)
}
.lakit-bannerlist__image {
  width: var(--e_bnl-iwidth);
  display: inline-block;
  vertical-align: middle;
  padding: var(--lakit-bannerlist-image-padding);
  border-radius: var(--lakit-bannerlist-image-radius)
}
.lakit-bannerlist__image:before {
  content: '';
  display: block;
  padding-bottom: var(--e_bnl-pb, 0)
}
.lakit-bannerlist__image-instance {
  width: 100%;
  min-width: 20px;
  min-height: 20px;
  transition: transform .5s;
  object-fit: cover;
  transform: scale(var(--lakit-bannerlist-image-scale, 1))
}
.lakit-bannerlist__image .lakit-bannerlist__image-instance {
  border-radius: inherit
}
.lakit-bannerlist__link:hover .lakit-bannerlist__image-instance {
  transform: scale(var(--lakit-bannerlist-image-scale-hover, 1.15))
}
.lakit-bannerlist__link:hover .lakit-bannerlist__image {
  border-radius: var(--lakit-bannerlist-image-hover-radius, var(--lakit-bannerlist-image-radius))
}
.lakit-bannerlist__content-inner {
  width: var(--lakit-bannerlist-content-width, auto);
  height: var(--lakit-bannerlist-content-height, auto);
  max-width: 100%;
  padding: var(--lakit-bannerlist-content-padding, 0);
  margin: var(--lakit-bannerlist-content-margin, 0);
  border-radius: var(--lakit-bannerlist-content-radius, 0)
}
.enable-c-height-true .lakit-bannerlist__image-instance {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover
}
.enable-c-height-true .lakit-bannerlist__image {
  padding: 0
}
.enable-c-height-true .lakit-bannerlist__image .lakit-bannerlist__image-instance {
  padding: var(--lakit-bannerlist-image-padding)
}
.lakit-bannerlist.layout-type-overlay .lakit-bannerlist__content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  flex-basis: 100%;
  display: flex;
  width: 100%
}
.lakit-bannerlist.layout-type-overlay .lakit-bannerlist__content-inner {
  position: absolute
}
.lakit-bannerlist__image:after {
  content: '';
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  transition: .4s;
  opacity: 0;
  mix-blend-mode: var(--lakit-banner-overlay-mix-blend-mode, 'initial')
}
.lakit-bannerlist.layout-type-overlay.lakit-masonry--cover-bg .lakit-bannerlist__image-instance {
  height: calc(var(--item-height, auto) * 1px - var(--lakit-bannerlist-col-gap, 0) * 2)
}
.content-visible-hover-yes .lakit-bannerlist.layout-type-overlay .lakit-bannerlist__content {
  opacity: 0;
  transition: .3s
}
.content-visible-hover-yes .lakit-bannerlist.layout-type-overlay .lakit-bannerlist__inner:hover .lakit-bannerlist__content {
  opacity: 1
}
.lakit-bannerlist__subtitle {
  color: var(--e-subtitle-color);
  background-color: var(--e-subtitle-bgcolor)
}
.lakit-bannerlist__title {
  color: var(--e-title-color);
  background-color: var(--e-title-bgcolor);
  margin: 0
}
.lakit-bannerlist__desc {
  color: var(--e-desc-color);
  background-color: var(--e-desc-bgcolor)
}
.lakit-bannerlist__subdesc {
  color: var(--e-subdesc-color);
  background-color: var(--e-subdesc-bgcolor)
}
.lakit-bannerlist__inner:hover .lakit-bannerlist__subtitle {
  color: var(--e-subtitle-hover-color, var(--e-subtitle-color));
  background-color: var(--e-subtitle-hover-bgcolor, var(--e-subtitle-bgcolor))
}
.lakit-bannerlist__inner:hover .lakit-bannerlist__title {
  color: var(--e-title-hover-color, var(--e-title-color));
  background-color: var(--e-title-hover-bgcolor, var(--e-title-bgcolor))
}
.lakit-bannerlist__inner:hover .lakit-bannerlist__desc {
  color: var(--e-desc-hover-color, var(--e-desc-color));
  background-color: var(--e-desc-hover-bgcolor, var(--e-desc-bgcolor))
}
.lakit-bannerlist__inner:hover .lakit-bannerlist__subdesc {
  color: var(--e-subdesc-hover-color, var(--e-subdesc-color));
  background-color: var(--e-subdesc-hover-bgcolor, var(--e-subdesc-bgcolor))
}
.lakit-bannerlist__inner {
  text-align: var(--e_bnl-text-align);
  transition: .3s
}
.bannerlist--preset-flat02 .lakit-bannerlist__link {
  display: flex;
  flex-direction: column;
  align-items: var(--e_bnl-align)
}
.bannerlist--preset-flat02 .lakit-bannerlist__content {
  order: -2
}
.bannerlist--preset-flat03 .lakit-bannerlist__content-inner {
  display: flex;
  align-items: center
}
.bannerlist--preset-flat03 .lakit-bannerlist__btn_wrap {
  margin-left: auto
}
.lakit-bannerlist.layout-type-overlay.lakit-masonry--cover-bg .lakit-bannerlist__image:before {
  padding-bottom: 0 !important
}
.lakit-bannerlist__icon {
  display: inline-flex
}
.lakit-bannerlist__icon svg {
  width: 1em;
  height: auto;
  vertical-align: top
}