/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

a.ads {
	display: block;
	width: 100%;
}

a.ads img {
	max-width: 100%;
	height: auto;
}

span.zwan-ads-native-badge {
	background: #eee;
    padding: 2px 7px;
    border-radius: 5px;
    margin-right: 7px;
    font-size: 0.7em;
    display: inline-block;
}

/* Billboards */

@media (min-width: 1200px) {
    a.ads-billboard {
        position: relative;
        width: 1200px;
        height: 50px;
        overflow: hidden;
        transition: height 0.25s ease-in-out 3s;
    }

    a.ads-billboard:hover {
        height: 250px;
        transition-delay: unset;
    }

    a.ads-billboard img {
        position: absolute;
        transition: top 0.25s ease-in-out 3s;
        top: -200px;
    }

    a.ads-billboard:hover img {
        top: 0;
        transition-delay: unset;
    }
}