/* AdTimer Frontend Styles */

.adtimer-ad {
    margin: 1em 0;
    text-align: center;
    overflow: visible;
}

.adtimer-ad img,
.adtimer-ad video {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}

.adtimer-ad iframe.adtimer-embed {
    width: 100%;
    min-height: 400px;
    border: none;
    border-radius: 8px;
    display: block;
    margin: 0 auto;
}

.adtimer-ad.has-border-radius {
    overflow: hidden;
}

.adtimer-ad.has-border-radius img,
.adtimer-ad.has-border-radius video,
.adtimer-ad.has-border-radius iframe.adtimer-embed {
    border-radius: inherit;
}

/* Responsive iframe heights */
@media (max-width: 767px) {
    .adtimer-ad iframe.adtimer-embed {
        min-height: 250px;
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .adtimer-ad iframe.adtimer-embed {
        min-height: 350px;
    }
}

.adtimer-ad a {
    display: block;
    text-decoration: none;
}

/* Device visibility - shown by default */
.adtimer-ad {
    display: block;
}

/* Desktop: > 1024px */
@media (min-width: 1025px) {
    .adtimer-ad:not(.adtimer--desktop) {
        display: none !important;
    }
}

/* Tablet: 768px - 1024px */
@media (min-width: 768px) and (max-width: 1024px) {
    .adtimer-ad:not(.adtimer--tablet) {
        display: none !important;
    }
}

/* Mobile: < 768px */
@media (max-width: 767px) {
    .adtimer-ad:not(.adtimer--mobile) {
        display: none !important;
    }
}