/* ==========================================================================
   Banners
   ========================================================================= */

.ad-topbanner > img {
  width: 100%;
  height: auto;
  aspect-ratio: 481 / 90;
}

.ad-profilbanner-lg img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

.ad-profilbanner-sm img {
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
}

/* For screen width larger than 930px */
@media only screen and (min-width: 930px) {
  #div-gpt-ad-billboard_1 {
    min-height: 180px;
  }
}

/* For screen width between 728px and 929px */
@media only screen and (min-width: 728px) and (max-width: 929px) {
  #div-gpt-ad-billboard_1 {
    min-height: 90px;
  }
}

/* For screen width lower than 727px */
@media only screen and (max-width: 727px) {
  #div-gpt-ad-mobile_1 {
    min-height: 320px;
  }
}

#div-gpt-ad-billboard_1,
#div-gpt-ad-billboard_2,
#div-gpt-ad-billboard_3,
#div-gpt-ad-billboard_4,
#div-gpt-ad-mobile_1,
#div-gpt-ad-mobile_2,
#div-gpt-ad-mobile_3 {
  display: flex;
  align-items: center;
  justify-content: center;
}

#div-gpt-ad-sticky_1,
#div-gpt-ad-sticky_2 {
  position: sticky;
  top: var(--wp--preset--spacing--xl);
}

@media (max-width: 1024px) {
  #div-gpt-ad-sticky_1,
  #div-gpt-ad-sticky_2 {
    display: none;
  }
}

@media (max-width: 767px) {
  main {
    #div-gpt-ad-mobile_2,
    #div-gpt-ad-mobile_3 {
      margin-bottom: var(--wp--preset--spacing--base);
    }

    /* #div-gpt-ad-mobile_2,
            #div-gpt-ad-mobile_3 {
                & > div {
                    margin-left: calc(0px - var(--wp--preset--spacing--sm));
                    margin-right: calc(0px - var(--wp--preset--spacing--sm));
                    width: 100vw;
                    background-color: rgba(0 0 0 / 5%);
                    padding-block: var(--wp--preset--spacing--sm);
                    margin-bottom: var(--wp--preset--spacing--sm);
                    display: flex;
                }
            }

            .ayManagerEnv_slug {
                margin-left: calc(0px - var(--wp--preset--spacing--sm)) !important;
                margin-right: calc(0px - var(--wp--preset--spacing--sm)) !important;
                background-color: rgba(0 0 0 / 5%);
                padding-block: var(--wp--preset--spacing--sm); */
  }
}