﻿/*Bass Pro Contingency*/
/*Header Image*/
@media screen and (min-width: 769px) {
    .header-img {
        content: url("../img/BPSRewardsHeaderBlank.jpg");
        width: 100%;
        height: auto;
    }
}

@media screen and (max-width: 768px) {
    .header-img {
        content: url("../img/BPSRewardsHeaderBlank.jpg");
        width: 100%;
        height: auto;
    }
}

body {
    font-family: Arial;
    color: black;
}

.title {
    font-weight: 700;
    color: #E94F4C;
}

/*For Home Page*/

.promo-title {
    text-align: center;
    font-weight: bold;
    color: #E94F4C;
    font-size: large;
}


.promo-button {
    background-color: #E94F4C;
    color: white;
}

    .promo-button:hover {
        font-weight: 700;
        color: white;
    }

.fine-print {
    font-size: .75rem;
}

/*For For address and email modals*/
.modal-button {
    background-color: #B81C2C;
    color: white;
}

    .modal-button:hover {
        font-weight: 700;
        color: white;
    }


@media screen and (max-width: 768px) {
    .top-btn {
        padding-top: 1rem;
    }
}


/*For Alternate Home Page (Index-Alt)*/
@media screen and (min-width: 769px) {
    /*    .promo {
        background-color:black;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
    }*/

    /*    .no-img-buttons {
        margin-top: 22rem;
    }

    .no-img {
        display: none;
    }*/

    .img-wrapper {
        position: relative;
    }

    .img-responsive {
        width: 100%;
        height: auto;
    }

    .img-overlay {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        text-align: center;
    }

        .img-overlay:before {
            content: ' ';
            display: block;
            /* adjust 'height' to position overlay content vertically */
            height: 85%;
        }

    .overlay-btn-row {
        padding-left: 1rem;
    }

    .overlay-btn-col-left {
        -ms-flex: 0 0 66.666667%;
        flex: 0 0 66.666667%;
        max-width: 66.666667%;
        padding-left: 1rem;
    }

    .btn-promo {
        border-color: #B81C2C;
        background-color: #B81C2C;
        border-width: medium;
        color: white;
        width: 65%;
    }

        .btn-promo:hover {
            background-color: black;
            color: white;
        }
}

@media screen and (max-width: 768px) {
    /*    .promo {
        background-color:black;
        height: auto;
        background-repeat: no-repeat;
        background-size: 100%;
        text-align: center;
    }*/
    /*    .no-img-buttons {
        margin-top: .5rem;
        margin-bottom: .5rem;
    }
*/
    .img-wrapper {
        position: relative;
    }

    .img-responsive {
        width: 100%;
        height: auto;
    }

    .overlay-btn-col-left {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .btn-promo {
        border-color: #B81C2C;
        background-color: #B81C2C;
        border-width: medium;
        color: white;
        width: 90%;
    }

        .btn-promo:hover {
            background-color: black;
            color: white;
        }
}

.btn-outline-select {
    border-color: black;
    background-color: beige;
    border-width: thick;
    color: black;    
}



.no-fine-print {
    display: none;
}
