/** Bonus Terms **/
.bonus-terms-alert {
    background: #a69eb0;
    color: #ffffff;
}
.bonus-terms-alert .accordion-wrapper {
    padding: 5px;
}

.bonus-terms-alert .accordion-toggle {
    position: relative;
}
.bonus-terms-alert .collapse-trigger span {
    color: #ffffff;
}
.bonus-terms-alert h3 {
    text-align: center;
    margin-top: 0;
    color: #fff200;
    font-weight: bold;
}
.bonus-terms-alert h3 span {
    color: #ffffff;
}
.bonus-terms-alert p {
    font-size: 13px;
    line-height: normal;
    margin: 0;
}
.bonus-terms-alert p a {
    color: #ffffff;
    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);
    display:inline-block!important;
}
.collapse.in .except-CA {
	display:inline-block!important;
}
/*==================================================
=            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: #ffffff;
    }
    .bonus-terms-alert p a {
        color: #ffffff;
        text-decoration: underline;
    }
    .bonus-terms-alert h3 {
        font-size: 12px;
    }
    .bonus-terms-alert p {
        font-size: 10px;
        line-height: normal;
    }
}
/* Extra Small Devices, Phones */

@media only screen and (min-width: 480px) {}
/* Small Devices, Tablets */

@media only screen and (min-width: 768px) {}
/* Medium Devices, Desktops */

@media only screen and (min-width: 992px) {}
/* Large Devices, Wide Screens */

@media only screen and (min-width: 1200px) {}
/*==========  Non-Mobile First Method  ==========*/
/* Large Devices, Wide Screens */

@media only screen and (max-width: 1200px) {}
/* Medium Devices, Desktops */

@media only screen and (max-width: 992px) {}
/* Small Devices, Tablets */

@media only screen and (max-width: 768px) {}
/* Extra Small Devices, Phones */

@media only screen and (max-width: 380px) {}
/* Custom, iPhone Retina */

@media only screen and (max-width: 320px) {}