/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.1.1733241005
Updated: 2024-12-03 16:50:05

*/


// Gallery block
.orbis-gallery {
  display: grid;
  grid-gap: $small-space;
  grid-template-columns: repeat(2, 1fr);
  margin-top: $main-space;

 // @include breakpoint(mmedium) {
 //   grid-gap: $main-space;
 // }

  @include breakpoint(xx-large) {
    grid-gap: $big-space;
  }

  @for $i from 2 through 6 {
    &--#{$i} {
      @include breakpoint(medium) {
        grid-template-columns: repeat($i, 1fr);
      }
    }
  }
}


.orbis-gallery{display:grid;grid-gap:0.75rem;grid-template-columns:repeat(2, 1fr);margin-top:1.5rem}@media (min-width: 80em){.orbis-gallery{grid-gap:3rem}}@media (min-width: 50em){.orbis-gallery--2{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 50em){.orbis-gallery--3{grid-template-columns:repeat(3, 1fr)}}@media (min-width: 50em){.orbis-gallery--4{grid-template-columns:repeat(4, 1fr)}}@media (min-width: 50em){.orbis-gallery--5{grid-template-columns:repeat(5, 1fr)}}@media (min-width: 50em){.orbis-gallery--6{grid-template-columns:repeat(6, 1fr)}}


// Featured categories on black
.orbis-featured-five {
  //@extend %block;
        display:flex;
flex-wrap:wrap;
  padding-bottom: 0;

// GOOGLE ADS AFTER NEWS
& .google-auto-placed {
order:10;
}

  &__container {
    display: grid;
width:100%;
    grid-gap: $main-space;

    @include breakpoint(medium) {
      grid-template-columns: 1fr 2fr 1fr;
      grid-gap: 0.5rem;
    }
  }

  &__item {
    height: 15rem;

   // @include breakpoint(mmedium) {
   //   height: 18rem;
   // }

    @include breakpoint(medium) {
      height: 11.25rem;
    }

    &:first-child {
      height: 21.5rem;

     // @include breakpoint(mmedium) {
     //   height: 18rem;
     // }

      @include breakpoint(medium) {
        height: 11.25rem;
      }

      .orbis-featured-five__item-content {
        height: 21.5rem;

       // @include breakpoint(mmedium) {
       //   height: 18rem;
       // }

        @include breakpoint(medium) {
          height: 11.25rem;
        }
      }
    }

    &--item-middle {
      grid-row: span 2;
      height: 100%;
    }
  }

  &__item-link {
    display: block;
  }

  &__item-content {
    @extend %cover;
    position: relative;
    overflow: hidden;
    height: 15rem;

   // @include breakpoint(mmedium) {
   //   height: 18rem;
   // }

    @include breakpoint(medium) {
      height: 11.25rem;
    }

    &::before {
      @extend %cover;
      @include ease(transform, medium);
      @include pseudo();
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background-image: inherit;
    }

    &:hover {
      &::before {
        transform: scale(1.25) rotate(3deg);
      }

      .orbis-featured-five__item-heading,
      .orbis-featured-five__item-subheading {
        color: $salmon;
      }
    }

    &:focus {
      .orbis-featured-five__item-heading,
      .orbis-featured-five__item-subheading {
        color: $red;
      }
    }

    &--middle {
      @include breakpoint(medium) {
        height: 23rem;
      }
    }
  }

  &__item-headings {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: auto;
    background-color: $transparent-black;
    padding: $small-space / 2 $small-space $small-space;

    &--middle {
      @include breakpoint(medium) {
        padding: $main-space / 2 $main-space $main-space;
      }
    }
  }

  &__item-subheading {
    @extend %subheading;
    @include ease();
    margin-bottom: 0;
    color: $salmon;

    &--middle {
      @include breakpoint(medium) {
        font-size: 1rem;
      }
    }
  }

  &__item-heading {
    @include ease();
    margin-top: 0;
    color: $white;
    font-size: 1rem;
    line-height: 1;

    &--middle {
      @include breakpoint(medium) {
        font-size: 1.5rem;
      }
    }
  }
}

// Latest block
.orbis-latest {
  @extend %block;

  &__categories {
    @extend %latest-cats;
  }

  &__categories-list {
    @extend %latest-cats-list;

    &--no-cats {
      @include breakpoint(medium) {
        justify-content: flex-start;
      }
    }
  }

  &__categories-list-item {
    @extend %latest-cats-list-item;

    &--big {
      @extend %latest-cats-list-item-big;
    }
  }

  &__categories-list-link {
    @extend %latest-cats-list-link;
  }

  &__container {
    @extend %base-grid;
    @include breakpoint(medium) {
      grid-template-columns: 5fr 1fr;
      grid-column-gap: $main-space;
    }
  }

  &__posts {
    @extend %latest-posts;
  }

  &__posts-item {
    &--featured {
      @extend %latest-posts-featured;
    }
  }

  &__posts-item-thumb {
    @extend %latest-posts-thumb;

    &--featured {
      @extend %latest-posts-thumb-featured;
    }
  }

  &__posts-item-subheading {
    @extend %latest-posts-subheading;
    color: $salmon;

    &--featured {
      @extend %latest-posts-subheading-featured;
    }
  }

  &__posts-item-heading {
    @extend %latest-posts-heading;

    &--featured {
      @extend %latest-posts-heading-featured;
    }
  }

  &__posts-item-heading-link {
    @extend %latest-post-heading-link;
  }

  &__posts-meta {
    @extend %latest-posts-meta;
  }

  &__posts-published {
    @extend %latest-posts-published;
  }

  &__posts-category {
    @extend %latest-posts-category-link;
  }

  &__posts-author {
    @extend %author;
    font-size: 0.75rem;

    &::before {
      @extend %author-divider;
    }
  }

  &__aside {
    @extend %aside;
  }

  &__ad {
    @extend %vertical-ad;
  }
}