/* Sponsorship Ad */

.sponsorship_packages_ad {
    font-family: BioliniumBold;
    font-size: 20pt;
    text-align: center;
    color: #ffffee;
    transition: none;
    border-style: solid;
    border-width: 3pt;
    border-color: blue;
    background-color: #222233;
    border-radius: 4vw;
    margin: 1pt;
    padding: 5pt;
}


/* Affiliate Ads */

.affiliate_carousel {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 1.5in;
    overflow: hidden;
    display: block;
    position: relative;
    padding: 0px;
    background-color: red;
}

.affiliate_content {
    position: absolute;
    top: 0in;
    left: 0in;
    width: 42in;
    height: 1.5in;
    padding: 0px;
    margin: 0px;
    display: flex;
    justify-content: space-around;
    align-content: center;
    animation-name: affiliate_scroll;
    animation-duration: 300s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    flex-shrink: 3in;
    flex-grow: 18in;
    background-color: black;
}

@keyframes affiliate_scroll {
    from { left: 0in; }
    to   { left: -21in; }
}

.affiliate_item {
    padding: 2px;
    margin: 3px;
    background-color: black;
    width: 3in;
    height: 1.5in;
    position: relative;
    color: black;
    border-style: solid;
    border-color: black;
    border-width: 3pt;
}

.affiliate_image {
    width: 3in;
    height: 1.4in;
    background-color: black;
    position: absolute;
    left: 0px;
    top: 0px;
}

@media only screen and (max-width: 600px), (max-height: 600px) {
    .affiliate_image,
    .affiliate_item {
        width: 4in;
        height: 0.9in;
        max-width: 1.9in;
        min-width: 1.9in;
        max-height: 0.9in;
        min-height: 0.9in;
    }
    .affiliate_carousel {
        height: 0.9in;
    }
    .affiliate_content {
        width: 28in;
        height: 1in;
    }
    @keyframes affiliate_scroll {
        from { left: 0in; }
        to   { left: -14in; }
    }
}
