/*
 * Publikus kalkulátorok oldalsó AdSense hirdetése
 * Fájl: /resources/public/css/kalkulator-oldalso-hirdetes.css
 */

.kalkulator-oldalso-hirdetes-horgony {
    position: relative;
}

.kalkulator-oldalso-hirdetes {
    display: none;
}

@media (min-width: 1500px) {

    /*
     * A teljes 1100 px-es kalkulátoroldalt toljuk balra.
     * Így a hero, a kalkulátor és a GYIK együtt mozog.
     */
    .kalkulator-oldalso-hirdetes-oldal {
        position: relative;
        left: -166px;
    }

    .kalkulator-oldalso-hirdetes {
        display: block;
        position: absolute;
        top: 0;
        left: calc(100% + 32px);
        width: 300px;
        min-width: 300px;
        max-width: 300px;
    }

    .kalkulator-oldalso-hirdetes-label {
        margin: 0 0 7px;
        color: #8a8f98;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 0.08em;
        text-align: center;
        text-transform: uppercase;
    }

    .kalkulator-oldalso-adsense {
        width: 300px;
        max-width: 300px;
    }

    .kalkulator-oldalso-hirdetes-unfilled {
        display: none !important;
    }
}