/* General */

/* fix the issue that they override some css from inmobi cmp. They use to generic css selectors */
.qc-cmp2-persistent-link img {
    width: 16px !important;
    height: 17px !important;
    margin-right: 5px !important
}


@media only screen and (min-width: 1420px) {

    /* add sticky sky ads */
    .sky_ad_article {
        --content-width: 1140px;
        display: flex;
        flex-direction: column-reverse;
        position: fixed;
        top: 250px;
        --anchor-width: calc((100vw - var(--content-width, 100vw)) / 2);
        width: var(--anchor-width);
        justify-content: center;
        align-items: center;
        min-height: 620px;
    }

    #div-gpt-ad-moment-mates-ros-sky-right {
        right: 0;
    }

    #div-gpt-ad-moment-mates-ros-sky-left {
        left: 0;
    }
}

/* desktop */
@media screen and (min-width: 769px) {
    .ms-container:has(#div-gpt-ad-moment-mates-ros-side1, #div-gpt-ad-moment-mates-ros-sky-right, #div-gpt-ad-moment-mates-ros-sky-left) {
        min-height: 620px;
    }

    .ms-container:has(#div-gpt-ad-moment-mates-ros-inarticle, #div-gpt-ad-moment-mates-ros-incontent, #div-gpt-ad-moment-mates-ros-bottom),
    .adop_container:has(div[id*="div-gpt-ad-moment-mates-ros-incontent"]) {
        min-height: 300px;
    }

    .ms-container:has(#div-gpt-ad-moment-mates-ros-header) {
        min-height: 270px;
    }
}

/* phone */
@media screen and (max-width: 768px) {
    .ms-container:has(#div-gpt-ad-moment-mates-ros-inarticle) {
        min-height: 620px;
    }


    .ms-container:has(#div-gpt-ad-moment-mates-ros-header, #div-gpt-ad-moment-mates-ros-side1, #div-gpt-ad-moment-mates-ros-incontent, #div-gpt-ad-moment-mates-ros-bottom),
    .adop_container:has(div[id*="div-gpt-ad-moment-mates-ros-incontent"]) {
        min-height: 300px;
    }

}