﻿/** Bonus Terms **/
.bonus-terms-alert
{
    background: #a69eb0;
    color: #fff;
}
.bonus-terms-alert .accordion-wrapper
{
    padding: 5px;
}
.bonus-terms-alert .accordion-toggle
{
    position: relative;
}
.bonus-terms-alert .collapse-trigger span
{
    color: #fff;
}
.bonus-terms-alert h3
{
    text-align: center;
    margin-top: 0;
    color: #fff200;
    font-weight: bold;
}
.bonus-terms-alert h3 span
{
    color: #fff;
}
.bonus-terms-alert p
{
    font-size: 13px;
    line-height: normal;
    margin: 0;
}
.bonus-terms-alert p a
{
    color: #fff;
    text-decoration: underline;
}
.collapse-trigger .glyphicon
{
    -webkit-transition: all 300ms ease-in 0s;
    -moz-transition: all 300ms ease-in 0s;
    -o-transition: all 300ms ease-in 0s;
    transition: all 300ms ease-in 0s;
    text-decoration: none;
}
.collapse-trigger:focus, .collapse-trigger:hover
{
    text-decoration: none;
}
.collapse-trigger.collapsed .glyphicon
{
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*//*==========  Mobile First Method  ==========*//* Custom, iPhone Retina */
@media only screen and (min-width: 320px) and (max-width: 767px)
{
    .bonus-terms-alert
    {
        position: fixed;
        z-index: 11;
        bottom: 0;
        width: 100%;
    }
    .bonus-terms-alert .bonus-terms-alert-wrapper
    {
        padding: 0 10px;
    }
    .bonus-terms-alert .accordion-toggle
    {
        position: relative;
        top: 0;
        color: #fff;
    }
    .bonus-terms-alert p a
    {
        color: #fff;
        text-decoration: underline;
    }
    .bonus-terms-alert h3
    {
        font-size: 12px;
    }
    .bonus-terms-alert p
    {
        font-size: 8px;
        line-height: normal;
    }
}/* Extra Small Devices, Phones */