html.lg-on,
html.lg-on body {
  overflow: hidden;
}
.lg-container.lg-show {
  z-index: 10000;
  position: relative;
}
.section-media-cards {
  margin: 64px 12px;
}
.section-media-cards .section-media-row {
  margin-top: 64px;
}
.section-media-cards .elementor-element {
  display: flex;
  justify-content: center;
}
#lg-container-1 .lg-outer.lg-closing {
  opacity: 0;
}

#lg-container-1 .lg-first-slide-loading {
  opacity: 0;
  transition: opacity 150ms ease-out;
}

#lg-container-1.lg-show-in .lg-first-slide-loading {
  opacity: 1;
}
.section-media-cards .elementor-element > .elementor-widget-container:has(.pxl-text-editor) {
  max-width: 560px;
}

.section-media-row > .elementor-container > .elementor-column {
  padding: 0 12px;
}
.section-media-row > .elementor-container {
  margin-left: -12px;
  margin-right: -12px;
}
.section-media-row > .elementor-container > .elementor-column .elementor-widget-html {
  height: 100%;
  position: absolute;
}

.section-media-row > .elementor-container > .elementor-column .rl-gallery-container,
.section-media-row > .elementor-container > .elementor-column .elementor-widget-container,
.section-media-row > .elementor-container > .elementor-column .elementor-image-box-wrapper {
  height: 100%;
  width: 100%;
}
.section-media-row > .elementor-container > .elementor-column figure.elementor-image-box-img {
  height: 100% !important;
  width: 100% !important;
  overflow: hidden;
  margin: 0 !important;
}
.section-media-row > .elementor-container > .elementor-column figure.elementor-image-box-img img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
}

.section-media-row > .elementor-container > .elementor-column .rl-gallery {
  height: 100%;
  width: 100%;
}

.section-media-row > .elementor-container > .elementor-column .elementor-widget-image-box {
  height: 540px;
  z-index: 10;
  pointer-events: none;
}

.section-media-row
  > .elementor-container
  > .elementor-column
  .elementor-widget-image-box
  .elementor-image-box-title {
  text-align: left;
  margin: 0;
  padding: 0 24px 40px 24px;
  font-family: "Host Grotesk", sans-serif;
  font-weight: 600;
  color: #fff;
}

.section-media-row > .elementor-container > .elementor-column .elementor-widget-wrap {
  padding: 0 !important;
  border-radius: 24px;
  overflow: hidden;
}
.section-media-row > .elementor-container > .elementor-column figure.elementor-image-box-img:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #07468d;
  opacity: 0.4;
  z-index: 12;
  pointer-events: none;
  transition: opacity 0.2s;
}
.section-media-row > .elementor-container > .elementor-column .elementor-widget-wrap:before {
  content: "";
  position: absolute;
  width: 27%;
  padding-top: min(27%, 112px);
  height: 0;
  max-width: 112px;
  max-height: 112px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-color: #ffffff42;
  border-radius: 200px;
  backdrop-filter: blur(3px);
  pointer-events: none;
}

.section-media-row
  > .elementor-container
  > .elementor-column.media-column-photo
  .elementor-widget-wrap:before {
  background-image: url(https://icco.ro/wp-content/uploads/2025/02/media-photo-icon.svg);
}
.section-media-row
  > .elementor-container
  > .elementor-column.media-column-video
  .elementor-widget-wrap:before {
  background-image: url(https://icco.ro/wp-content/uploads/2025/02/media-video-icon.svg);
}
.section-media-row
  > .elementor-container
  > .elementor-column.media-column-news
  .elementor-widget-wrap:before {
  background-image: url(https://icco.ro/wp-content/uploads/2025/02/media-news-icon.svg);
}

.section-media-row
  > .elementor-container
  > .elementor-column.media-column-news
  .elementor-widget-image-box {
  pointer-events: auto;
}

.section-media-row
  > .elementor-container
  > .elementor-column
  .elementor-widget-wrap:hover
  figure.elementor-image-box-img:after {
  opacity: 0;
}

.section-media-row .elementor-widget-image-box .elementor-image-box-content {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
}

.section-media-row > .elementor-container > .elementor-column .rl-gallery .rl-gallery-item {
  display: none;
}

.section-media-row
  > .elementor-container
  > .elementor-column
  .rl-gallery
  .rl-gallery-item:first-child {
  display: block;
  width: 100% !important;
  height: 100% !important;
}
.section-media-row
  > .elementor-container
  > .elementor-column
  .rl-gallery
  .rl-gallery-item:first-child
  a {
  width: 100%;
  height: 100%;
}
.section-media-row
  > .elementor-container
  > .elementor-column
  .rl-gallery
  .rl-gallery-item:first-child
  a
  img {
  /*display: none;*/
  opacity: 0;
  visibility: hidden !important;
}

@media (min-width: 576px) and (max-width: 767px) {
  .section-media-row > .elementor-container > .elementor-column {
    margin-bottom: 24px;
  }
  .section-media-row > .elementor-container > .elementor-column:nth-child(1),
  .section-media-row > .elementor-container > .elementor-column:nth-child(2) {
    width: 50%;
  }
}

@media (max-width: 575px) {
  .section-media-row > .elementor-container > .elementor-column {
    margin-bottom: 24px;
  }
  .section-media-row > .elementor-container > .elementor-column {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .section-media-cards .elementor-element {
    justify-content: left;
  }

  .section-media-cards
    .elementor-column-gap-default
    > .elementor-column
    > .elementor-element-populated {
    padding: 0 24px;
  }
}

/* Lightbox gallery */

.lg-container .lg-backdrop.in {
  opacity: 0.8;
  background-color: #090c13;
}

.lg-container.lg-show-in .lg-outer {
  background: #111725;
}

.lg-container .lg-outer {
  width: 85%;
  height: 85%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 24px;
}
.lg-container.lg-show-in .lg-media-overlap .lg-toolbar {
  background-color: #111725;
  background-image: none;
  height: 44px;
}
.lg-container .lg-outer .lg-thumb-outer {
  background-color: transparent;
}
.lg-container.lg-show-in .lg-outer .lg-thumb-outer {
  background-color: #111725;
}
.lg-container .lg-media-overlap .lg-sub-html {
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0), #1117254a);
}
.lg-container .lg-toolbar .lg-icon {
  color: #eaeaea;
  height: 43px;
  line-height: 27px;
  padding: 8px 0;
}
.lg-container .lg-toolbar .lg-icon:hover {
  color: #2e90ff;
}
.lg-container .lg-counter {
  font-family: "Host Grotesk", sans-serif;
  color: #eaeaea;
  font-weight: 500;
}
.lg-container .lg-next,
.lg-container .lg-prev {
  background-color: rgb(255 255 255 / 20%);
  border-radius: 50px;
  backdrop-filter: blur(2px);
  color: #ffffff;
  font-size: 20px;
  height: 40px;
  transition: all 0.25s;
}
.lg-container .lg-next:hover,
.lg-container .lg-prev:hover {
  background-color: rgb(255 255 255 / 30%);
}

.lg-container .lg-outer.lg-fullscreen-on {
  width: 100%;
  height: 100%;
}
.lg-progress-bar .lg-progress {
  background-color: #006bcc;
}
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-toolbar .lg-share,
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-toolbar .lg-autoplay-button,
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-toolbar .lg-zoom-in,
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-toolbar .lg-download {
  display: none;
}
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-thumb-outer.lg-grab .lg-thumb-item {
  height: 150px !important;
  overflow: hidden;
  position: relative;
}
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-thumb-outer.lg-grab .lg-thumb-item:before {
  content: "";
  position: absolute;
  width: 24%;
  padding-top: min(24%, 64px);
  height: 0;
  max-width: 112px;
  max-height: 112px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 20;
  background-image: url(https://icco.ro/wp-content/uploads/2025/02/media-video-icon.svg);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center;
  background-color: #ffffff42;
  border-radius: 200px;
  backdrop-filter: blur(3px);
  pointer-events: none;
  opacity: 0;
  transition: all 0.25s;
}
.lg-container
  .lg-outer[data-lg-slide-type="video"]
  .lg-thumb-outer.lg-grab
  .lg-thumb-item:not(.active):before {
  opacity: 1;
}

.lg-container .lg-outer[data-lg-slide-type="video"] .lg-thumb-outer.lg-grab .lg-thumb-item:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  /*background: #03356c;*/
  /*opacity: 0.25;*/
  background: #03356c40;
  z-index: 1;
}
.lg-container
  .lg-outer[data-lg-slide-type="video"]
  .lg-thumb-outer.lg-grab
  .lg-thumb-item:not(.active):after {
  background: #03356c8a;
  backdrop-filter: blur(2px);
}

.lg-container .lg-outer[data-lg-slide-type="video"] .lg-video-cont {
  width: 100% !important;
  height: calc(100% - 44px) !important;
  margin-top: 46px;
  transition: all 0.25s;
}
.lg-container .lg-outer[data-lg-slide-type="video"].lg-components-open .lg-video-cont {
  height: calc(100% - 214px) !important;
  margin-top: -122px;
}

.lg-container .lg-outer[data-lg-slide-type="video"] .lg-video-cont .lg-object {
  object-fit: cover;
}
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-video-cont:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  /*background: #03356c;*/
  /*opacity: 0.4;*/
  background: #03356c66;
  opacity: 1;
  backdrop-filter: blur(3px);
  z-index: 1;
}
.lg-video-play-icon {
  left: 52%;
  top: 48%;
}
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-next,
.lg-container .lg-outer[data-lg-slide-type="video"] .lg-prev {
  top: calc(50% + 22px);
}
.lg-container .lg-outer[data-lg-slide-type="video"].lg-components-open .lg-next,
.lg-container .lg-outer[data-lg-slide-type="video"].lg-components-open .lg-prev {
  top: calc(50% - 70px);
}
.lg-container.lg-show-in .lg-outer[data-lg-slide-type="video"].lg-hide-items .lg-toolbar {
  opacity: 1 !important;
  -webkit-transform: translate3d(0, 0, 0) !important;
  transform: translate3d(0, 0, 0) !important;
}
.lg-container .lg-outer .lg-thumb-item {
  border-radius: 12px;
  border: 2px solid transparent;
}
.lg-container .lg-outer .lg-thumb-item.active,
.lg-container .lg-outer .lg-thumb-item:hover {
  border: 2px solid #0d84f2;
}

@media (max-width: 767px) {
  .lg-container .lg-next,
  .lg-container .lg-prev {
    background-color: rgb(255 255 255 / 15%);
    color: #ffffffd4;
    font-size: 16px;
    height: 36px;
  }
  .lg-container .lg-prev {
    left: 12px;
  }
  .lg-next {
    right: 12px;
  }
  .section-media-cards {
    margin: 64px 12px 24px;
  }
}

@media (min-width: 1201px) {
  .lg-container .lg-outer[data-lg-slide-type="video"] .lg-thumb-outer.lg-grab .lg-thumb-item {
    width: 270px !important;
  }
  .lg-container .lg-outer[data-lg-slide-type="video"] .lg-thumb {
    width: auto !important;
  }
}

@media (max-width: 1200px) {
  .lg-container .lg-outer {
    width: 100%;
    height: 100%;
    border-radius: 0;
  }
  .lg-container
    .lg-outer[data-lg-slide-type="video"]
    .lg-thumb-outer.lg-grab
    .lg-thumb-item:before {
    width: 50%;
    padding-top: min(50%, 64px);
  }
}

/*** LIGHT ***/

.section-media-cards.media-cards-light {
  background-color: #eff3f8;
  padding: 64px 0;
  margin: 0;
}