/*
* ============================================================================
* BMI Custom CSS - v1.03
* ============================================================================
*/

#nav_holder {
    display: none;
}

.copyright {
    padding-right: 1em;
    padding-left: 1em;
}

/*
* ================================================================================================================================================================
* Login Page CSS
* ================================================================================================================================================================
*/

/*
*
* Main Navbar
*
*/

nav#global {
    background: white !important;
    color: #384855;
    border-bottom: lightgrey 1px solid !important;
}

dl#global_links {
    margin-left: 0 !important;
    width: 100% !important;
}

dl#global_links a {
    color: #384855 !important;
}

dl#global_links a:hover {
    text-decoration: underline !important;
}

.language-links {
    float: right !important;
}

.language-links .active {
    text-decoration: underline !important;
}

/*
*
* Main Header
*
*/

#header_main .row {
    width: 100%;
    max-width: none;
}

#header_main .small-60.columns {
    padding-left: 0px;
    padding-right: 0px;
}

nav#main {
    width:40%;
    height: 115px !important;
}

nav#main ul {
    position: absolute;
    display: flex;
    flex-direction: row;
    float: left;
    height: 50px;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    margin-left: 0 !important;
    background-color: #f62734;
}

nav#main ul > li {
    margin-top: auto;
    margin-bottom: auto;
    width: 10em;
    padding-left: 1.1rem;
    height: 50px !important;
}

nav#main ul > li:first-of-type {
    background-repeat: no-repeat;
    background-size: cover;
    min-width: 205px;
    margin-top: 1px;
}

nav#main a {
    height: 4em !important;
    padding-top: 0 !important;
}

nav#main ul li > a {
    height: auto !important;
    width: auto !important;
    padding-left: 0px !important;
    color: white !important;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 50px !important;
    float: none !important;
}

nav#main ul li > a:hover {
    text-decoration: underline;
}

nav#main ul li span {
    background-color: transparent !important;
}

nav#main h1 {
    padding-left: 1em;
}

nav#main h1 a {
    /*background-image: url(/rewards/phoenix/scotiabank/sign-in/brandmovers_images/scotia-bank-logo.png) !important;*/
    background-size: contain;
}

/*
*
* Points/Cart Section on Header
*
*/

nav#logged_panel{
    float: right;
    border-bottom: #f62734 50px solid;
    width: 60% !important;
    height: 115px !important;
}

nav#logged_panel ul {
    float: right !important;
}

nav#logged_panel .user_name, nav#logged_panel .logout_link {
    max-width: 11em;
}

nav#logged_panel .cart_link {
    margin-top: -1em !important;
}


nav#logged_panel .cart_link, nav#logged_panel .top-user-points {
    background-color: #f62734 !important;
}

nav#logged_panel .user_name {
    height: auto !important;
    padding-bottom: 1em;
    line-height: 1em;
    margin-top: -.6em;
}

nav#logged_panel .user_name > a {
    padding-top: 17px;
}

nav#logged_panel .user_name > a:before {
    content: 'Welcome Back, ';
}

nav#logged_panel .logout_link {
    float: none !important;
}

nav#logged_panel .logout_link:hover {
    background-color: transparent !important;
}

nav#logged_panel .logout_link:hover a {
    color: black !important;
    text-decoration: underline !important;
}

dl#ajax_user_points > dd span:after {
    content: ' Pts';
}

dl#ajax_user_points  {
    background-color: #f62734 !important;
    background: none;
    text-align: left;
    padding-top: 0;
    border-radius: 0 !important;
    box-shadow: none !important;
}

dl#ajax_user_points dt  {
    text-shadow: none;
    background: none !important;
    margin-top: -5px;
    padding-top: 0px;
    height: 30px !important;
    color: white;
}

dl#ajax_user_points dd  {
    background: none !important;
}

dl#ajax_user_points .more-info a {
    margin-top: auto;
    margin-bottom: auto;
    height: 20px;
    padding: 0 !important;
    margin-left: 1.1em !important;
    color: white;
}

dl#ajax_user_points .more-info a:hover {
    color: white;
    text-decoration: underline !important;
}

.mobile-user-points #ajax_user_points {
    margin-top: 1em;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
}

.mobile-user-points .more-info {
    display: none;
}

.top-user-points .more-info {
    margin-top: .7em;
}

header div#nav_holder #logged_panel li.top-user-points{
    height: auto;
    width: auto;
    padding-bottom: 3px;
}

header div#nav_holder #logged_panel li.top-user-points dt{
    padding-top: 1em;
}

header div#nav_holder #logged_panel li.top-user-points dt span {
    height: 1em;
    line-height: 1em;
}

header div#nav_holder #logged_panel li.top-user-points dd{
    font-size: 1.5rem;
    text-shadow: none;
    text-align: left;
    margin-top: -.5em;
    margin-left: -.3em;
    color:#FFFFFF;
}

header div#nav_holder #logged_panel li.top-user-points dd span{
    position:relative;
}

header div#nav_holder #logged_panel li.cart_link span{
    color:#FFFFFF !important;
    width: 16px;
    left: 46px;
}

header div#nav_holder #logged_panel li.cart_link:hover span{
    color:#68be50;
}

/*
*
* Center Area
*
*/

section.home {
    padding: 102px 0 0 0 !important;
}

@media screen and (max-width: 640px) {
    section.home {
        padding-top: 0 !important;
    }
}

section.home.home_logged.page_content:first-child(.row) {
    max-width: 80% !important;
}

section:not(.home) > .points-row > #user_actions {
    margin-top: -1em;
}

.slideshow-row, .rewards-container {
    max-width: none !important;
}

.page_intro, #dtm_free_form2 {
    height: auto;
    border-radius: 0 !important;
    margin-right: auto;
    margin-left: auto;
}

#dtm_free_form2 {
    max-width: 62.5em !important;
}

#dtm_free_form2 .columns {
    height: 100%;
}

.rewards-container {
    background-color: whitesmoke;
    border-top: .3em solid #f62734;
    padding-top: 1em;
}

/*
*
* Promotion Area
*
*/

.promo-top {
    text-align: center;
}

.promo-top img {
    max-width: 175px;
}

.promo-top img.circle-img {
    border-radius: 50%;
}

.promo-top img.remove-background {
    mix-blend-mode: multiply;
}

.promo-bottom {
    text-align: center;
    max-width: 10em;
    padding-top: 0.5em;
}

.promo-bottom p {
    margin-bottom: 5px;
}

/*
*
* Card Area
*
*/

.card img {
    padding: 1em;
    min-width: 185px !important;
}

.card_list .caption span {
    /*z-index: 1;*/
    /*position: absolute !important;*/
}

.card_list li a {
    height: 230px;
}

.card_list li .item_price {
    bottom: 6px;
    position: absolute;
    width: 100%;
    color: #f62734 !important;
}

nav.sidebar_menu h3 {
    color: #f62734 !important;
    font-weight: 700;
}

#home_featured_offers > .row > h2 {
    color: #f62734 !important;
    font-weight: 500;
}

nav.sidebar_menu > ul li a.current, #featured_offers > nav > ul li a.current, #featured_offers  nav > ul li a.active {
    background-color: #f62734 !important;
}

nav.sidebar_menu > ul, nav.landing_offer_categories > ul, nav.landing_offer_categories > a {
    border-color: #f62734 !important;
}




/*
* ================================================================================================================================================================
* Main Page CSS
* ================================================================================================================================================================
*/

/*
*
* Main Navbar
*
*/

nav#global {
    background: white !important;
    color: #384855;
    border-bottom: lightgrey 1px solid !important;
}

dl#global_links {
    margin-left: 0 !important;
    width: 100% !important;
}

dl#global_links a {
    color: #384855 !important;
}

dl#global_links a:hover {
    text-decoration: underline !important;
}

.language-links {
    float: right !important;
}

.language-links .active {
    text-decoration: underline !important;
}

/*
*
* Main Header
*
*/

#header_main .row {
    width: 100%;
    max-width: none;
}

#header_main .small-60.columns {
    padding-left: 0px;
    padding-right: 0px;
}

nav#main ul {
    position: absolute;
    display: flex;
    flex-direction: row;
    float: left;
    height: 50px;
    bottom: 0;
    margin-bottom: 0;
    width: 100%;
    margin-left: 0 !important;
    background-color: #f62734;
}

nav#main ul > li {
    margin-top: auto;
    margin-bottom: auto;
    width: 10em;
    padding-left: 1.1rem;
    height: 50px !important;
}

nav#main ul > li:first-of-type {
    background-repeat: no-repeat;
    background-size: cover;
    width: 205px;
    margin-top: 1px;
}

nav#main a {
    height: 4em !important;
    padding-top: 0 !important;
}

.nav-placer {
    margin-bottom: .9em !important;
}

nav#main ul li > a {
    height: auto !important;
    width: auto !important;
    padding-left: 0px !important;
    color: white !important;
    margin-top: auto;
    margin-bottom: auto;
    line-height: 50px !important;
    float: none !important;
}

nav#main ul li > a:hover {
    text-decoration: underline;
}

nav#main ul li span {
    background-color: transparent !important;
}

nav#main h1 {
    padding-left: 1em;
}

nav#main h1 a {
    background-size: contain;
}

/*
*
* Points/Cart Section on Header
*
*/

#aux {
    width: 60% !important;
    border-bottom: #f62734 61px solid !important;
    height: 7em !important;
}

#aux ul li a {
    color: #f62734 !important;
}

#aux ul li:not(:first-child) a {
    color:  white !important;
}

#aux ul li span {
    background: none !important;
}

#aux a:hover {
    text-decoration: underline !important;
}

/*
*
* Center Area
*
*/

section.home {
    padding: 102px 0 0 0 !important;
}

@media screen and (max-width: 640px) {
    section.home {
        padding-top: 0 !important;
    }
}

section.home.home_logged.page_content:first-child(.row) {
    max-width: 80% !important;
}

#user_actions {
    padding-right: 2em !important;
    float: right !important;
    width: 14em !important;
    z-index: 999999;
    display: none;
}

.points-row {
    max-width: none !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    position: absolute;
}

#user_actions .sidebar_menu {
    margin-top: 2px;
    background-color: #f62734 !important;
}

#user_actions .sidebar_menu  li > a {
    color: white !important;
    border-radius: 0 !important;
}

#user_actions .sidebar_menu  li > a:hover {
    color: black !important;
    background-color: white !important;
    border-radius: 0 !important;
    text-shadow: none !important;
    box-shadow: none !important;
}

.slideshow-row, .rewards-container {
    max-width: none !important;
}

.page_intro, #dtm_free_form2 {
    height: auto;
    border-radius: 0 !important;
    margin-right: auto;
    margin-left: auto;
}

#dtm_free_form2 {
    max-width: 62.5em !important;
}

#dtm_free_form2 .columns {
    height: 100%;
}

.rewards-container {
    background-color: whitesmoke;
    border-top: .3em solid #f62734;
    padding-top: 1em;
}

/*
*
* Promotion Area
*
*/

.promo-top {
    text-align: center;
}

.promo-top img {
    max-width: 175px;
}

.promo-top img.circle-img {
    border-radius: 50%;
}

.promo-top img.remove-background {
    mix-blend-mode: multiply;
}

.promo-bottom {
    text-align: center;
    max-width: 10em;
    padding-top: 0.5em;
}

.promo-bottom p {
    margin-bottom: 5px;
}

/*
*
* Slider Area
*
*/
.slider-wrapper.theme-default {
    margin: 0 auto;
    overflow: hidden;
    /*max-width: 1366px;*/
    /*max-height: 368px;*/
}

.nivoSlider {
    max-height: none !important;
}

/**
*
* Footer Area
*
*/

footer#footer_main {
    background: white;
}
